/************************************************
 *
 *  File     :  css/global.css
 *  Medium   :  Screen
 *  Version  :  v0.2
 *  Website  :  fDevelop CMS - Admin
 *  Author   :  fdevelop.com (c) 2009
 *  Colours  :  #e5e7d3 - Body Background
 *              #6f706a - Default text
 *
 *              #8b8c88 - Anchor
 *              #31322a - Anchor hover
 *
 *              #c2c2c0 - Input border
 *              #6f706a - Input text
 *              #6f706a - Input border hover
 *              #31322a - Input text hover
 *              #31322a - Button background
 *              #c2c2c0 - Button text
 *              #fff    - Button text hover
 *
 *              #dff2bf - Success background
 *              #4f8a10 - Success text/border
 *              #ffbaba - Warning background
 *              #d8000c - Warning text/border
 *
 ************************************************/

/* Global ===================================== */
    * { 
        margin: 0; 
        padding: 0; 
        }
    
    :active, :focus { 
        outline-style: none;
        }
        
    html {
        height: 100%;
        overflow-y: scroll;
        }
    
    body {
        background: #eee;
        cursor: default;
        font: 14px "trebuchet ms", tahoma, sans-serif;
        color: #31322a;
        padding-bottom: 15px;
        }
    
    a {
        color: #8b8c88;
        }
    
    a:hover {
        color: #31322a;
        }
        
    /* Image replacement */
        h1, a.transmitter, #header #togglewidth { 
            overflow: hidden;
            text-indent: -1000em;
            text-align: left;
            display: block;
            }
    
    /* Self clear */
        #content:after, #primary:after, #wrap:after, 
        p.footer:after, ul.funcList:after, ul.fileList li:after, 
        form fieldset ol li:after, .buttonHolder:after {
            content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden; 
            }
        
        #content, #primary, #wrap, p.footer, ul.funcList, ul.fileList li, 
        form fieldset ol li, .buttonHolder {
            display: inline-block;
            }

        #content, #primary, #wrap, p.footer, ul.funcList, ul.fileList li, 
        form fieldset ol li, .buttonHolder {
            display: block;
            }
/* // Global ================================== */

/* Form styles ================================ */
    form fieldset input,
    form fieldset select,
    form fieldset textarea {
        border: 1px solid #aaa;
        font: 12px arial, tahoma, sans-serif;
        padding: 5px;
        color: #666;
        }

    form fieldset input:focus,
    form fieldset select:focus,
    form fieldset textarea:focus,
    form fieldset .focused input,
    form fieldset .focused select,
    form fieldset .focused textarea {
        border: 1px solid #555;
        color: #333;
        }

    form fieldset select {
        font: 12px arial, tahoma, sans-serif;
        padding: 4px;
        min-width: 300px;
        }
    
    form fieldset select option {
        padding: .5em 2em .5em .5em;
        }

    form fieldset button:hover {
        color: #fff;
        }
    
    form fieldset .required {
        background: #fff url(../images/admin/required_idle.png) 99% 3px no-repeat;
        }

    form fieldset .focused .required,
    form fieldset .invalid .required {
        background: #fff url(../images/admin/required.png) 99% 3px no-repeat;
        }

    button {
        float: left;
        border: 2px solid #eee;
        padding: 5px 10px 5px 20px !important;
        background-repeat: no-repeat;
        background-position: 5px 50%;
        background-color: #444;
        color: #aaa;
        cursor: pointer;
        overflow: visible;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        }

    button:focus,
    button:active,
    button:hover {
        color: #fff;
        margin: 0;
        border: 2px solid #bbb;
        background-color: #333;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        }
    
    button.function {
        margin-left: 145px;
        }

    button.login {
        background-image: url(../images/admin/btn_login.png); 
        }
/* // Form styles ============================= */

/* Messages =================================== */
    .message {
        font-family: "trebuchet ms", sans-serif;
        font-size: 1.1em;
        padding: 10px 10px 11px 45px !important;
        margin: 0 0 15px 0;
        background-repeat: no-repeat;
        background-position: 8px 50%;
        border-style: dotted;
        border-width: 1px;
        min-height: 16px;
        line-height: 1.4em;
        }
    
    .message ul {
        padding-left: 1.5em;
        }
    
    .message.info {
        background-color: #feefb3;
        background-image: url(../images/admin/msg_info.png);
        color: #9f6000;
        }
    
    fieldset .message.info,
    .formHolder .message.info {
        background-color: #f5f5f5;
        color: #777;
        border-color: #ccc;
        margin-left: 10px;
        margin-right: 10px;
        }
        
    .message.success {
        background-color: #dff2bf;
        background-image: url(../images/admin/msg_success.png);
        color: #4f8a10;
        }
        
    .message.warning {
        background-color: #ffbaba;
        background-image: url(../images/admin/msg_warning.png);
        color: #d8000c;
        }
/* // Messages ================================ */

/* Signature ================================== */
    a.transmitter {
        float: right;
        width: 29px;
        height: 15px;
        background: url(../images/admin/sig_transmitter.gif);
        opacity: .6;
        margin-left: 10px;
        }
    
    a.transmitter:hover {
        opacity: 1;
        }
/* // Signature =============================== */

table.mceLayout {
	margin-top: 15px;
}

/* // Photos =============================== */
	
#photos{padding:0px 0px 10px 0px;position:relative;overflow:hidden;}
.photo{
	position:relative;
	margin:10px 10px 10px 10px;
	float:left;
	width:80px;
	height:80px;
	border:#aea993 1px solid;
	text-align:center;
	line-height:80px;
}
	.photo img {vertical-align:middle;}
	.photoDelete {position:absolute;top:0px;right:0px;width:16px;height:16px;}
	.photoDelete img {vertical-align:top;cursor:pointer;}
	
/* Global ===================================== */
    /* Headings */
        h1, h2, h3, h4, h5 {
            font-family: "Trebuchet MS", Sans-Serif !important;
            }
            
        h1 {
            background: url(../images/logo.png) no-repeat;
            height: 83px;
            width: 400px;
            position: absolute;
            top: 20px;
            left: -25px;
            cursor: pointer;
            }

        h2 {
            font-size: 1.8em;
            font-weight: normal;
            padding-bottom: .2em;
            margin-bottom: 15px;
            border-bottom: 1px dotted #adadaa;
            }

        h3 {
            background: #333;
            font-size: 1.2em;
            font-weight: normal;
            text-transform: uppercase;
            color: #adadaa;
            padding: 7px 7px 7px 10px;
            margin-bottom: 0px;
            background-repeat: no-repeat;
            background-position: 99% 50%;
            }
        
        h3 a {
            float: right;
            font: 11px tahoma, sans-serif;
            color: #333;
            border: 1px solid #464740;
            background: #999; /*#161713;*/
            padding: 3px;
            padding-left: 7px;
            padding-right: 7px;
            text-decoration: none;
            margin-top: -3px;
            -moz-border-radius: 3px;
            }
        
        h3 a:hover {
            color: #fff;
            border: 1px solid #fff;
            }
        
        h3.loading {
            background-image: url(../images/admin/loader_h3.gif) !important;
            }
        
        .minifileList h3 {
            background-image: url(../images/admin/arrow_h3.png);
            cursor: pointer;
            }        

        #secondary h3 {
            margin: 10px 0 10px 0;
            padding-left: 9px;
            background: #ccc;
            color: #333;
            }

        h4 {
            font-size: 1.4em;
            font-weight: normal;
            padding-bottom: .2em;
            margin-bottom: 0px;
            }


    /* // Headings */
/* // Global ================================== */

/* Page setup ================================= */
    #header {
        height: 130px;
        background: #272324;
        border-bottom: 1px solid #000;
        }
    
    #header #togglewidth {
        position: absolute;
        right: 234px;
        bottom: -17px;
        width: 16px;
        height: 16px;
        cursor: pointer;
        background: url(../images/admin/ico_togglewidth.png);
        opacity: .5;
        }
    
    #header #togglewidth:hover {
        opacity: .75;
        }
    
    .fluid .wrap {
        width: 95%;
        }

    .wrap {
        margin: 0 auto;
        width: 980px;
        position: relative;
        height: 100%;
        }

    /* Content */
        #content {
            border-top: 1px solid #fff;
            padding-top: 15px;
            font: 12px arial, tahoma, sans-serif;
            }
        
        #content p {
            padding: 0 0 15px 0;
            }

        #primary, #secondary .element {
            border: 1px solid #ccc;
            background: #fff;
            padding: 15px 15px 0 15px;
            margin-bottom: 15px;
            }

        #primary, .primary {
            margin-right: 242px;
            min-height: 500px;
            }

        #secondary {
            float: right;
            width: 242px;
            }

        #content #secondary p {
            padding: 0 10px 15px 10px;
            }
    /* // Content */
    
    /* Footer */
        #footer {
            margin: 0 auto;
            }
        
        #footer p {
            border-top: 1px dotted #c6c9aa;
            padding: 10px 0 0 0;
            font: 12px/16px tahoma, sans-serif;
            color: #8b8c88;
            text-align: right;
            min-height: 0;
            }
    /* // Footer */
/* // Page setup ============================== */

/* Lists & navs =============================== */
    /* Primary navigation */
        #nav {
            list-style: none;
            position: absolute;
            bottom: -1px;
            left: 0;
            }

        #nav li,
        #nav li a,
        #nav li a span {
            float: left;
            height: 30px;
            }

        #nav li a {
            text-decoration: none;
            }

        #nav li a span {
            padding: 0 12px;
            font: 14px/30px arial, sans-serif;
            color: #bebfbd;
            text-decoration: none;
            text-transform: uppercase;
            cursor: pointer;
            }

        #nav li a:hover span {
            color: #fff;
            }

        #nav li.current {
            border: 1px solid #000;
            border-bottom: 0;
            -moz-border-radius: 0.5em 0.5em 0 0;
            -webkit-border-radius: 0.5em 0.5em 0 0;
            }

        #nav li.current a {
            border: 1px solid #fff;
            -moz-border-radius: 0.5em 0.5em 0 0;
            -webkit-border-radius: 0.5em 0.5em 0 0;
            border-bottom: 0;
            background: #eee url(../images/admin/bg_gradientWhite.png) repeat-x;
            }

        #nav li.current a span {
            color: #1d1e18;
            cursor: default;
            }
    /* // Primary navigation */
    
    /* Secondary navigation */
        #subnav {
            position: absolute;
            top: 0;
            width: 242px;
            }
        
        #subnav ul {
            list-style: none;
            margin: -10px 0 15px 0;
            }
        
        #subnav ul li a {
            display: block;
            padding: 8px 10px;
            border-bottom: 1px dotted #ccc;
            font: 12px tahoma, sans-serif;
            text-decoration: none;
            color: #777;
            }
        
        #subnav ul li a.current {
            border: 1px solid #ccc;
            border-left: 0;
            background: #fff !important;
            margin-left: -1px;
            margin-top: -1px;
            padding-left: 11px;
            color: #333 !important;
            cursor: default;
            position: relative;
            }
        
        #subnav ul li a:hover {
            background: url(../images/admin/bg_gradientWhiteRTL.png) repeat-y;
            color: #555;
            }
    /* // Secondary navigation */
    
    /* Quick info */
        #quickInfo {
            position: absolute;
            top: 0;
            right: 0;
            border-left: 1px solid #464740;
            border-right: 1px solid #464740;
            background: #161713;
            padding: 12px 5px 5px 5px;
            width: 230px;
            font: 12px/20px tahoma, sans-serif;
            height: 113px;
            }

        #quickInfo dt,
        #quickInfo dd {
            border-bottom: 1px dotted #2e2f2b;
            height: 20px;
            float: left;
            }
        
        #quickInfo dt.first,
        #quickInfo dd.first {
            border-top: 1px dotted #2e2f2b;
            }
             
        #quickInfo dt {
            width: 90px;
            color: #454542;
            font-size: 11px;
            text-transform: uppercase;
            text-indent: 5px;
            }
        
        #quickInfo dd {
            color: #8b8b89;
            width: 139px;
            border-left: 1px dotted #2e2f2b;
            text-indent: 5px;
            overflow: hidden;
            }
        
        #quickInfo a:hover {
            color: #fff;
            }
    /* // Quick info */
    
    /* Funciton list */
        ul.funcList {
            font-family: "trebuchet ms", sans-serif;
            font-size: 1.1em;
            list-style: none;
            border-top: 1px dotted #ccc;
            border-left: 1px dotted #ccc;
            margin: 0px 0 30px 0;
            }
        
        ul.funcList li {
            float: left;
            width: 50%;
            border-bottom: 1px dotted #ccc;
            }
        
        ul.funcList li a {
            display: block;
            height: 100px;
            border-right: 1px dotted #ccc;
            background-position: 10px 10px;
            background-repeat: no-repeat;
            text-decoration: none;
            padding: 0 10px 0 65px;
            line-height: 1.1em;
            }
        
        ul.funcList li a strong {
            font-weight: normal;
            display: block;
            padding: 15px 0 5px 0;
            font-size: 1.3em;
            color: #31322a;
            }
        
        ul.funcList li a:hover {
            background-color: #eee;
            }
    /* // Function list */
    
    /* file lists */
        ul.fileList {
            list-style: none;
            margin-bottom: 15px;
            position: relative;
            zoom: 1;
            margin-top: -15px;
            }

        ul.fileList li {
            border-bottom: 1px dotted #ccc;
            display: block;
            }
        
        ul.fileList li:hover {
            background-color: #eee;
            }
        
        ul.fileList li.folder:hover {
            background-color: #FFF5CF;
            }

        .folder {
            background-color: #FFF9DF;
            }
        
        .folder a {
            color: #9F6000;
            }
        
        .folder a:hover {
            color: #6F4607;
            }
        
        .previous {
            background-color: #EFF6FF;
            }
        
        ul.fileList li.previous:hover {
            background-color: #DFEEFF;
            }
        
        .sortable,
        .sorthelper,
        ul.fileList li {
            font: 12px Tahoma, Sans-Serif;
            display: block;
            padding: 10px;
            border-bottom: 1px dotted #ccc;
            }
            
        .sorthelper {
            background: #eee;
            padding: 0;
            border-bottom: 1px dotted #ccc;
            }
        
        .sortable em,
        .fileList li em,
        .fileList li a.browsecat,
        .fileList li a.preview {
            font-style: normal;
            float: left;
            width: 25%;
            margin: -10px 0;
            padding: 10px 0 10px 15px;
            overflow: hidden;
            }
        
        .fileList li a.preview {
            color: #666;
            }
        
        .fileList li a.preview:hover {
            color: #333;
            }
        
        .fileList li p {
            padding: 0 !important;
            float: left;
            color: #777
            }
        
        .sortable em {
            cursor: move;
            text-indent: 15px;
            }
        
        a.func, span.func {
            float: right;
            height: 16px;
            padding: 0 0 0 16px;
            width: 0;
            overflow: hidden;
            text-decoration: none;
            color: #777;
            margin-left: 5px;
            font-size: 11px;
            line-height: 16px;
            background-repeat: no-repeat;
            }
        
        a.func:hover, span.func:hover {
            width: auto;
            overflow: visible;
            padding-left: 18px;
            display: block;
            }
        
        span.func {
            padding: 0 0 0 25px !important;
            margin-bottom: 5px;
            cursor: pointer;
            }
/*         
        a.func, span.func,
        button.func {
            border: 0;
            margin-left: 5px;
            color: #666;
            padding-left: 14px;
            background-position: 0 1px;
            background-repeat: no-repeat;
            min-height: 16px;
            font-size: 10px;
            font-family: arial, tahoma, sans-serif;
            line-height: 16px;
            text-transform: uppercase;
            text-decoration: none;
            cursor: pointer;
            }
        
        a.func:hover, span.func:hover,
        button.func:hover {
            color: #333;
            border: 0;
            }
        
        button.func {
            background: none;
            float: right;
            padding: 5px 5px 5px 20px;
            }*/
    /* // file lists */
    
    /* mini file list */
        .minifileList {
            position: absolute;
            left: -200px;
            top: 40px;
            width: 200px;
            overflow: hidden;
            }

        .minifileList div.wrapper {
            margin-left: 200px;
            border: 1px solid #aaa;
            -moz-border-radius: 3px 0 0 3px;
            border-right: 0;
            background: #fff;
            height: 280px;
            overflow: auto;
            }
        
        .minifileList ul {
            }
        
        .focused .minifileList div.wrapper {
            border-color: #555;
            }
        
        .minifileList div.wrapper h3 {
            font-size: 13px;
            padding: 5px;
            white-space: nowrap;
            background-color: #aaa;
            color: #fff;
            }
        
        .focused .minifileList div.wrapper h3 {
            background-color: #333;
            }
        
        .minifileList ul li a.func {
            display: none;
            }
        
        .minifileList ul li {
            padding-left: 25px;
            margin: 0 !important;
            }
        
        .minifileList ul li p {
            display: none;
            }
        
        .sortable em,
        .minifileList li em,
        .minifileList li a.browsecat,
        .minifileList li a.preview {
            width: 100%;
            padding-left: 0 !important;
            }            
    /* // mini file list */
/* // Lists & navs ============================ */

/* Form styles ================================ */
    form legend {
        position: relative;
        }
    
    form legend span {
        position: absolute;
        display: block;
        font-size: 16px;
        top: -42px;
        border: 1px solid #ccc;
        padding: 5px 10px;
        height: 20px;
        color: #666;
        -moz-border-radius: 4px 4px 0 0;
        background: url(../images/admin/bg_gradientLight.png) repeat-x;
        font-family: "trebuchet ms", sans-serif;
        white-space: nowrap;
        }
    
    form fieldset {
        position: relative;
        border: 0;
        border-top: 1px solid #ccc;
        padding: 10px 1px;
        margin-bottom: 15px;
        margin-top: 45px;
        }
    
    form fieldset ol {
        list-style: none;
        }
    
    form fieldset ol li {
        position: relative;
        border-bottom: 1px dotted #ccc;
        padding: 4px 0;
        margin: 0 10px;
        }
    
    form fieldset ol li:last-child {
        border-bottom: 0;
        }
        
    form fieldset .focused label {
        background-color: #555;
        border-color: #555;
        }

    form fieldset .invalid label {
        background-color: #a00;
        border-color: #a00;
        }
    
    form fieldset .invalid .required {
        border: 1px solid #a00;
        }        
        
    form fieldset label {
        display: block;
        padding: 5px 10px 5px 0;
        height: 14px;
        float: left; 
        width: 130px;
        font-family: arial, tahoma, sans-serif;
        font-size: 12px;
        text-align: right;
        margin: 2px -5px 2px 0;
        background-color: #aaa;
/*        background-image:  url(../images/admin/bg_gradientWhite.png); */
        background-repeat: repeat-x;
        background-position: 0 -24px;
        border: 1px solid #aaa;
        color: #fff;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        }
    
    form fieldset .label {
        float: left;
        width: 137px;
        }
    
    form fieldset label em {
        font-size: .85em;
        line-height: 1.3em;
        font-style: normal;
        vertical-align: top;
        }
    
    form fieldset ol li em {
        float: left;
        padding: 8px 5px 0 5px;
        }
    
    form fieldset label.half {
        width: 50px;
        }
        
    form fieldset select {
        height: 26px !important;
        }
    
    form fieldset input,
    form fieldset select,
    form fieldset textarea {
        padding: 5px;
        height: 14px;
        position: relative;
        float: left;
        -moz-border-radius: 4px;
        -webkit-border-radius: 3px;
        margin: 2px 0;
        }

    form fieldset input.secondary {
        margin-left: 137px;
        }        
    
    form fieldset textarea {
        height: auto !important;
        width: 78%;
        min-height: 7em;
        overflow: auto;
        }
    
    form fieldset textarea.codepress {
        width: 100%;
        }
    
    .fluid form fieldset textarea {
        max-width: 90%;
        }
    
    form span.generatePass {
        float: left;
        padding-left: 10px;
        padding: 7px 10px 6px 10px;
        cursor: pointer;
        }
    
    form em.generated {
        float: left;
        text-transform: none;
        font-style: normal;
        font-weight: bold;
        padding: 5px;
        font-family: Arial;
        background: #eee;
        margin-top: 1px;
        border: 1px solid #ccc;
        display: none;
        }
       
    form .rteHolder {
        float: left;
        padding-top: 2px;
        position: relative;
        }
    
    form .rteHolder.short .wysiwyg {
        height: 30px;
        overflow: hidden;
        }
    
    form .rteHolder.fullwidth .wysiwyg {
        width: 670px !important;
        }
    
    form .rteHolder.fullwidth {
        width: 670px;
        }
    
    form .rteHolder textarea {
        margin-top: 0;
        width: 100% !important;
        }
        
    form .wysiwyg {
        width: 533px !important;
        }
        
    .formHolder form .wysiwyg {
        width: 513px !important;
        }
        
    form fieldset ol li .func {
        float: left;
        width: auto !important;
        margin-top: 7px;
        margin-right: 5px;
        }
    
    form fieldset .func:hover {
        color: #333;
        }
    
    /* input types */
        label.fluid {
            background: none !important;
            border: 0 !important;
            color: #777;
            width: auto;
            float: left;
            padding-left: 5px;
            padding-top: 7px;
            }
        
        form fieldset li br {
            clear: left;
            }
            
        /* File inputs */
            input.file {
                height: 25px;
                margin-right: 10px;
                }
                
        /* Checkbox and radio inputs */
            .checkbox input,
            .radio input {
                float: left;
                border: 0;
                background: none;
                margin: 8px 0 0 10px;
                }
    /* // input types */
    /* form tooltip */
        .formtip, .valtip {
            display: none;
            }
            
        .focused .formtip,
        .invalid.focused .valtip {
            display: block;
            position: absolute !important;
            top: 6px;
            right: -190px;
            width: 180px;
            padding: 5px;
            background: #feefb3;
            z-index: 1001 !important;
            border: 1px solid #9f6000;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            }
        
        .formtip span,
        .invalid.focused .valtip span {
            position: absolute !important;
            left: -5px;
            top: -7px;
            color: #9f6000;
            font: bold 3em/30px arial, sans-serif;
            z-index: 1;
            width: 8px;
            overflow: hidden;
            }
        
        .formtip span span,
        .invalid.focused .valtip span span {
            left: 1px;
            top: 0;
            font-size: 1em;
            z-index: 0;
            color: #feefb3;
            }
        
        .invalid .formtip {
            display: none !important;
            }
        
        .formtip p,
        .invalid.focused .valtip p {
            position: relative;
            z-index: 3;
            padding: 0 !important;
            color: #9f6000;
            }
        
        .invalid.focused .valtip {
            background: #ffbaba;
            }
        
        .invalid.focused .valtip p {
            color: #d8000c;
            }
        
        .invalid.focused .valtip span {
            color: #d8000c;
            }

        .invalid.focused .valtip span span {
            color: #ffbaba;
            }
    /* // form tooltip */

    /* button holder */
        form .buttonHolder {
            border: 1px dotted #ccc;
            background: #eee;
            padding: 10px 8px;
            margin: 0 0 15px 0;
            font: 12px arial, tahoma, sans-serif;
            color: #777;
            }

        button.cancel {
            float: right;
            }
        
        .buttonHolder label,
        .buttonHolder span {
            float: left;
            margin-left: 10px;
            padding-top: 10px;
            }
        
        .buttonHolder span {
            margin-right: -5px;
            }
        
        .buttonHolder input {
            float: left;
            margin: 10px -5px 0 15px;
            }
        
        .buttonHolder {
            padding: 0 0 10px 0;
            }
        
        ul.buttonHolder {
            list-style: none;
            }
        
        ul.buttonHolder li {
            padding: 5px;
            float: left;
            }
        
        ul.buttonHolder li.current {
            background: #eee;
            -moz-border-radius: 4px 4px 0 0;
            }
    /* // button holder */

    /* onpage form holder */
        .formHolder form .buttonHolder {
            border: 0;
            border-top: 1px dotted #ccc;
            padding: 10px 10px 0 10px;
            background: transparent;
            margin-bottom: 0;
            }
        
        .formHolder fieldset legend {
            display: none;
            }
        
        .formHolder fieldset {
            margin-top: 0;
            border-top: 1px dotted #ccc;
            }

        .formHolder form fieldset textarea,
        .formHolder form .rteHolder {
            width: 77.4%;
            }
        
        .formHolder h2 {
            display: none;
            }
    /* // onpage form holder */
/* // Form styles ============================= */

/* Table styles =============================== */
    #primary table.list {
        width: 100%;
        /*margin: -15px 0 30px 0;*/
        }
    
    #primary table.list th,
    #primary table.list td {
        padding: 5px;
        }
    
    #primary table.list th {
        font-size: 11px;
        padding-top: 6px;
        background: #eee;
        text-transform: uppercase;
        font-weight: normal;
        text-align: left;
        border-top: 1px solid #fff;
        border-right: 1px solid #ccc;
        border-left: 1px solid #fff;
        border-bottom: 1px solid #ccc;
        color: #777;
        white-space: nowrap;
        }
    
    #primary table.list th:first-child {
        border-left: 1px solid #ccc;
        }
    
    #primary table.list th.func {
        width: 20%;
        text-align: right;
        }
    
    #primary table.list td.func {
        white-space: nowrap;
        }
    
    #primary table.list td {
        border-bottom: 1px dotted #ccc;
        color: #555;
        }
    
    #primary table.list tr.odd td {
        background-color: #eee;
        }
    
    #primary table.list p.desc {
        color: #888;
        padding: 0 !important;
        }
    
    #primary table.list td.featured {
        background: url(../icons/ico_featured.png) no-repeat 5px 50%;
        padding-left: 25px;
        }
        
        
    #primary table.list td.status {
    	text-transform: uppercase;
    }
    
    #primary table.list tr td.status a {
    	text-decoration: none;
    	font-weight: bold;
    }
    
     #primary table.list tr td.status span.red a {
     	color: #cc0000;
     }
     
     #primary table.list tr td.status span.green a {
     	color: #00cc00;
     }
     #primary table.list tr td.status span.yellow a {
     	color: #b83d3d;
     }
     

    
/* // Table styles ============================ */

/* Signature ================================== */
    p.transmitter {
        margin: 0 15px 15px 15px;
        padding: 10px 0 0 0;
        overflow: hidden;
        display: inline-block;
        border-top: 1px dotted #c6c9aa;
        }
    
    p.transmitter {
        display: block;
        }
    
    p.transmitter a {
        float: right;
        width: 29px;
        height: 15px;
        overflow: hidden;
        text-indent: -1000em;
        background: url(../images/admin/admin/sig_transmitter.gif);
        opacity: .6;
        }
    
    p.transmitter a:hover {
        opacity: 1;
        }
/* // Signature =============================== */


/* misc */
    .tickLabels {
        margin-top: -305px;
        }
    
    #statsholder {
        float: right;
        width: 98%;
        height: 300px; 
        position: relative;
        margin-bottom: 20px;
        }
    
    #statsoverview {
        margin-top:20px;
        width:237px;
        height:100px; 
        position: relative;
        margin-left: 5px;
        }
    
    .hidden {
        display: none;
        }
    
    .formHolder {
        padding: 10px;
        background: #eee;
        margin-top: -10px;
        -moz-border-radius: 0 4px 4px 4px;
        margin-bottom: 15px;
        }
/* // misc */
/************************************************
 *
 *  File     :  css/icons.css
 *  Medium   :  Screen
 *  Version  :  v0.2
 *  Website  :  CMS - Admin
 *  Author   :  fdevelop.com (c) 2009
 *
 ************************************************/

/* Core functionality ========================= */

    /* Content Management */
    ul.funcList li.cm_main a { background-image: url(../images/admin/cm_main.png); }
    ul.funcList li.cm_content a { background-image: url(../images/admin/cm_content.png); }
    ul.funcList li.cm_navigation a { background-image: url(../images/admin/cm_navigation.png); }
    ul.funcList li.cm_files a { background-image: url(../images/admin/cm_files.png); }
    ul.funcList li.cm_news a { background-image: url(../images/admin/cm_news.png); }
    ul.funcList li.cm_snippets a { background-image: url(../images/admin/cm_snippets.png); }
    
    /* Settings */
    ul.funcList li.settings_main a { background-image: url(../images/admin/settings_main.png); }
    ul.funcList li.settings_global a { background-image: url(../images/admin/settings_global.png); }
    ul.funcList li.settings_backup a { background-image: url(../images/admin/settings_backup.png); }
    ul.funcList li.settings_adv a { background-image: url(../images/admin/settings_adv.png); }
    ul.funcList li.settings_contact a { background-image: url(../images/admin/settings_contact.png); }

    /* Users */
    ul.funcList li.users_main a { background-image: url(../images/admin/users_main.png); }
    ul.funcList li.users_admin a { background-image: url(../images/admin/users_admin.png); }
    ul.funcList li.users_public a { background-image: url(../images/admin/users_public.png); }

    /* Logout */
    ul.funcList li.logout a { background-image: url(../images/admin/logout.png); }

/* // Core functionality ====================== */

/* Modules ==================================== */

    /*Common Content */
    ul.funcList li.mod_common_main a { background-image: url(../images/admin/mod_common_main.png); }
    ul.funcList li.mod_common_subscribers a { background-image: url(../images/admin/mod_common_subscribers.png); }
    ul.funcList li.mod_common_faq a { background-image: url(../images/admin/mod_common_faq.png); }

    /* Gallery Module */
    ul.funcList li.mod_gallery_main a { background-image: url(../images/admin/mod_gallery_main.png); background-position: 10px 6px }

    /* ECOT Custom Module */
    ul.funcList li.mod_ecot_main a { background-image: url(../images/admin/mod_ecot_main.png); }
    
    /* Article Module */
    ul.funcList li.mod_author_main a { background-image: url(../images/admin/mod_author_main.png); }
    ul.funcList li.mod_author_blog a { background-image: url(../images/admin/mod_author_blog.png); }
    
/* // Modules ================================= */


/* Function icons ============================= */

    .navitem { background: url(../images/admin/ico_nav.png) no-repeat 5px 45%; }
    .folder { background: url(../images/admin/ico_folder.png) no-repeat 5px 45%; }
    .files .file { background: url(../images/admin/ico_file.png) no-repeat 5px 45%; }
    .images { background: url(../images/admin/ico_image.png) no-repeat 4px 45%; }
    .previous { background: url(../images/admin/ico_previous.png) no-repeat 5px 45%; }
    .generatePass { background: url(../images/admin/ico_pass.png) no-repeat 5px 45% !important; padding-left: 24px !important; }
    .del { background-image: url(../images/admin/ico_del.png); background-position: 0 0 !important; }
    .edit { background-image: url(../images/admin/ico_edit.png); padding-left: 15px !important; }
    .zoom { background: url(../images/admin/ico_zoom.png) no-repeat 5px 45% !important; }
    .view { background-image: url(../images/admin/ico_zoom.png); }
    .download { background-image: url(../images/admin/ico_download.png); }
    .restore { background-image: url(../images/admin/ico_restore.png); }
    .featured { background-image: url(../images/admin/ico_featured.png); }
    .draft { background-image: url(../images/admin/ico_draft.png); }
    .publish { background-image: url(../images/admin/ico_published.png); }
    .add { background-image: url(../images/admin/btn_add.png); }
    .generate { background-image: url(../images/admin/btn_add.png); }
	.enabled { background-image: url(../images/admin/btn_add.png); }
	.disabled { background-image: url(../images/admin/ico_del.png); background-position: 0 0 !important; }
	
/* // Function icons ========================== */

/* Button icons =============================== */

    button.submit, input.submit { background-image: url(../images/admin/btn_ok.png); }
    
    button.cancel { background-image: url(../images/admin/btn_cancel.png); }
    button.backup { background-image: url(../images/admin/btn_backup.png); }
    button.add { background-image: url(../images/admin/btn_add.png); }
    button.generate { background-image: url(../images/admin/btn_add.png); }
    button.csv { background-image: url(../images/admin/btn_csv.png); }
    button.category { background-image: url(../images/admin/btn_category.png); }
    button.file { background-image: url(../images/admin/btn_file.png); }

/* // Button icons ============================ */
    
#map-div{height:361px;padding:0;width:640px;}
div.paginationControl{text-align: center; padding-top: 10px;}

table.quater{width:90%;margin:0 auto;}
table.quater td{width:50%;vertical-align:top;}


/* // Button icons ============================ */

.ulhome {
margin-left: 20px;
margin-bottom: 12px;
}