﻿/* General Page Stylesheet */
/* Copyright 2009-2010 Online Media Company GB Ltd */

body, html{background:#F8F8F8;height:100%;font-family:arial;font-size:9pt;margin:0;color:#010101}
form{padding:0;margin:0}
a{color:#3598D7;text-decoration:underline}
a:hover{text-decoration:none}
h1{padding:10px 10px 0 10px;margin:0;font-size:18pt;font-weight:bold}
h2{padding:5px 10px;margin:0 0 10px 0;font-size:10pt;color:#FFFFFF;background:#282828}
    h2.light{background:#E5E5E5;color:#000000}
h3{padding:10px 10px 10px 10px;margin:0;font-size:13pt;font-weight:bold}
    h3 span{font-weight:normal;float:right}
h4{padding:5px 0;margin:10px;font-size:11pt;font-weight:bold;border-bottom:1px solid #666666;color:#666666}
h5{padding:10px 10px 0 10px;margin:0;font-size:14pt;font-weight:bold;color:#666666}

.error{background:#BB0000;color:#FFFFFF;padding:10px;margin-bottom:10px;font-weight:bold}
    .error a{color:#FFFFFF}
.notice{background:#6DB82A;color:#FFFFFF;padding:10px;margin-bottom:10px;font-weight:bold}
    .notice a{color:#FFFFFF}
.errorStar{font-weight:bold;font-size:11pt;color:#BB0000;padding:0 0 0 3px}
.error_small{font-weight:bold;color:#BB0000;padding:10px;margin:-20px -10px 10px -10px;font-weight:bold}
.notice_small{font-weight:bold;color:#6DB82A;padding:10px;margin:-20px -10px 10px -10px;font-weight:bold}

/* Listing Standards */
.enabled{color:#6DB82A}
.paused{color:#F57A20}
.deleted{color:#D32817}

.linebreak{clear:both}

div.text_editor{margin:10px auto;width:99%}
    div.text_editor table{border:none;margin:0}

#pageLoading{z-index:100000;background:url(../images/loading_bg.png) no-repeat 0 0 transparent;position:fixed;top:45%;left:50%;padding:22px 0 0 22px;height:58px;width:58px;margin:-40px 0 0 -40px}

#header{padding:10px;height:60px;background:url(../images/header_bg.gif) repeat-x #010101;margin:0}
    #header #logo{float:left;width:305px}
    #header #information{float:right;background:#353334;padding:10px;}
    #information ul {margin:0;padding:0;list-style:none;}
    #information li {margin:0;padding:0 0 4px 0;color:#FFFFFF;}
        #information li a{color:#F57A20;font-weight:bold;}
    
    
#navbar_container{padding:0 0 0 10px;height:35px;background:#101010}
#navbar,#navbar ul,#nav_submenu{padding:0;margin:0;list-style:none}
#navbar a{margin-top:8px;background:url(../images/top_nav_tab.gif) no-repeat 0 0;padding:0 0 0 6px;display:block;text-decoration:none;color:#FFFFFF;font-size:12px}
#navbar a span{display:block;background:#fff url(../images/top_nav_tab.gif) repeat-x 100% 0;padding:6px 6px 6px 0;font-weight:bold}
    #navbar a span.dir{background-position:100% -126px;padding:6px 22px 6px 0}
#navbar a:hover{background-position:0 -27px;color:#fff;text-decoration:underline}
    #navbar a:hover span{background-position:100% -27px;text-decoration:underline}
    #navbar a:hover span.dir{background-position:100% -153px;text-decoration:underline;padding:6px 22px 6px 0}
#navbar li{float:left;border-right:2px solid #101010}
#navbar li ul{position:absolute;width:186px;z-index:1000;border:none;left:-999em;padding-top:0}
#navbar li ul li{width:184px;background:#6DB82A;opacity:.98;-moz-opacity:.98;text-align:left;filter:alpha(opacity=98);border-right:none;}
#navbar li ul li a{display:block;font-weight:normal;text-align:left;font-size:12px;margin:0;background:none;border:0;color:#FFFFFF;padding:10px;height:13px;line-height:13px}
#navbar li ul li a:hover{color:#FFFFFF;background:#74C42D;text-decoration:underline}
#navbar li:hover ul{left:auto;z-index:2000}
#navbar li:hover a{background-position:0 -27px;color:#FFFFFF}
#navbar li:hover a span{background-position:100% -27px;text-decoration:underline}
    #navbar li:hover a span.dir{background-position:100% -153px;text-decoration:underline}
#navbar li:hover ul a{color:#FFFFFF}
#navbar a.this,#navbar a.this:hover,#navbar li:hover a.this{background:url(../images/top_nav_tab.gif) repeat-x 0 -54px;color:#010101;position:relative;top:1px;padding:0 0 0 3px;margin-top:0;font-size:16px}
#navbar a.this span,#navbar a.this:hover span,#navbar li:hover a.this span{background:transparent url(../images/top_nav_tab.gif) repeat-x 100% -54px;padding:9px 3px 7px 0;display:block}
    #navbar li.this ul{display:none}
        
#page{padding:10px;min-height:76%;}

    #page #side{width:20%;float:left}
        
        #page #side .side-nav{background:#FFFFFF;border:1px solid #CCCCCC;margin:0 0 10px 0;padding:10px;box-sizing:border-box;}
            .side-nav ul{list-style:none;padding:0;margin:0}
                .side-nav li{margin:0 0 3px 0}
                    .side-nav li a{background:url(../images/side_nav.gif) no-repeat left center #FFFFFF;display:block;padding:5px 12px;font-weight:bold;text-decoration:none}
                        .side-nav li a:hover{text-decoration:underline}
                    .side-nav li a.this{background:url(../images/side_nav_main.gif) no-repeat left center #3598D7;color:#FFFFFF;font-weight:bold;text-decoration:none}
                        .side-nav li ul{margin:3px 0 0 10px}
                            .side-nav li ul li a{background:url(../images/side_nav.gif) no-repeat left center #FFFFFF;display:block;padding:3px 12px;font-weight:normal}
                            .side-nav li ul li a.this{background:url(../images/side_nav_selected.gif) no-repeat left center #E4E4E4;color:#000000;font-weight:bold;text-decoration:none}
        
        #page #side .side-quick{background:#FFFFFF;border:1px solid #CCCCCC;margin:0 0 10px 0;padding:10px;box-sizing:border-box;float:left;}
            #page #side .side-quick.fixed{width:20%;position:fixed;top:10px;box-sizing:border-box;}
            #page #side .side-quick h1 {margin:0;padding:0 0 4px 0;font-size:25px;}
            #page #side .side-quick h2 {margin:0;padding:0 0 10px 0;font-size:20px;background:none;color:#F57A20;}
            #page #side .side-quick h3 {margin:0;padding:10px 0;font-size:16px;font-weight:normal;width:100%;text-align:center;}
            #page #side .side-quick table.quick_tbl { width:100%; margin:0; padding:0; border:0; font-size:14px; }
                #page #side .side-quick table.quick_tbl th { width:50%; background:#E5E5E5; padding:10px; text-align:right; border-bottom:1px solid #FFFFFF; }
                #page #side .side-quick table.quick_tbl td { width:50%; background:#F5F5F5; padding:10px; text-align:left; border-bottom:1px solid #FFFFFF; }
            #page #side .side-quick .buttons_box { width:100%; float:left; padding:10px 2% 5px 1%; box-sizing:border-box; background:#F57A20; }
            #page #side .side-quick .buttons_box button { background:url(../images/btn_bg.gif) repeat-x top left #E3E3E3;border:1px solid #BBBBBB; font-size:11px; width:49%; float:left; padding:6px 0; text-align:center; margin:0 0 5px 1%; }    
                #page #side .side-quick .buttons_box button:hover { border-color:#000000; cursor:pointer; }
                        
    #page #main{width:79%;float:right;_margin:0}
        
        #page #main .content 
        {
            background:#FFFFFF;
            border:1px solid #CCCCCC;
            margin:0 0 10px 0;
            padding: 10px;
        }



#footer_container{width:100%;float:left;border-top:3px solid #FFFFFF;height:80px;background:#010101;margin:20px 0 0 0}
    #footer_container #footer{margin:10px;float:left;}
        #footer #footer_notice{float:left;margin:10px 0 0 10px}
            #footer #footer_notice span.footer_name { display:block; padding:0 0 4px 0; font-weight:bold; font-size:9pt; color:#FFFFFF; }
            #footer #footer_notice span.footer_copyright { display:block; font-size:9pt; color:#FFFFFF; }
            