html { min-width: 982px; }
* { margin: 0; padding: 0; }

body { font-size: 11px; font-family: Arial, Helvetica, sans-serif; overflow: -moz-scrollbars-vertical; font-style:normal; font-variant:normal; padding:0 8px; color: #333;background:#777777;}
a { color: #1a6690; text-decoration: none; }
a:hover { color: black; text-decoration:underline;}
a img { border: none; }
fieldset { border: none; }
fieldset.radio-form {position:relative;}

h1, h2, h3, h4, h5 {color: #484a36}

.setting strong {color: #484A36}
textarea {padding:3px 0 0 3px;}
input {padding:3px;}
select.highlight, input.highlight { background: #ffc; }
select option{ padding-left: 5px; padding-right: 2px; }
input.large, textarea.large { width: 400px; }
textarea.large { height: 150px; overflow: auto; }
textarea.medium { width: 200px; height: 60px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; overflow: auto; }


#page {margin:0pt auto; max-width:1200px; text-align:left; padding: 0 15px 0 15px; background: #fff none repeat scroll 0%; min-height:400px;}
#header {margin-bottom:1px; padding-bottom:6px;background: #ffffff;} /* Background color set in account */

/* ------ sidebar -------------------------------- */
#sidebar { float: right; width: 241px; margin: 0; clear:both;}
.side-box { background: #B6E3EC; width: 197px; font-size: 12px; padding: 6px 22px 0 22px;}
.side-box h3 { font-size: 20px; color: #fff; font-weight: normal; padding-top: 5px; margin-bottom:12px; }
.side-box-with-image { background: #B6E3EC; width: 241px; padding: 0 0 6px 0;}
.side-logo, .side-slas { width: 225px; margin: -4px 0 0 8px; background: #fff; text-align: center; }
.side-logo img, .side-slas img { display: block; margin: 10px auto; }
#sidebar .form label { font-size: 13px; display: block; margin: 10px 0 2px 0; color: #224D56; }
#sidebar .form input.select { width: 200px; }
#sidebar .form input#submit { margin-top:10px; }
/* ------ top ------------------------------------ */

/* ------ content -------------------------------- */
/*div#container { margin: 0 auto; background: #fff; padding: 16px 0 0 0; } */
div#container { padding: 16px 0 0 0; overflow:hidden;} 

.content { margin: 0 258px 0 0; padding: 0 0 0 20px; font-size: 12px; overflow:none;}
.content label { margin: 0 20px 0 0;}
.content input.radio { top: 1px; margin: 0; position: relative;}
.content textarea {width:95%;}
.content h2 { font-size: 20px; font-weight: normal; margin: 9px 0 7px 0;color:#fff }
.content h2 span.sub {font-size:12px; color:#666;}
.content h3 { margin: 25px 0 7px 0; font-size: 16px; } /* font-weight: bold; */
.content h3 input { top: -3px; position:relative;}
.content h4 { font-size: 12px; margin: 12px 0 0px 0; padding:0;}
.content p { margin: 7px 20px 7px 0; color:#555;} /* display:block; */
.content ul { padding: 0 0 0 35px;}
.content ul li { padding: 0; margin: 5px 11px 5px 0; color:#666}
.content ul.options { list-style: none; padding-left:20px;}
.content .reorder a { color: #4f4f4f; display: block; padding: 2px 0 0 0; text-align: center; height: 19px; font-size: 10px; font-weight: bold; float: right; margin-right: 5px; background: #f6f6f6 url(images/reorder.png) no-repeat; width: 135px;}
.content hr { color: #f0f0f0; border: none; background: #f0f0f0; height: 1px; clear: both; margin: 11px 0 7px 0; }
.content .comment p { margin: 2px 0 12px 0; } 

div.content-top-right { float: right; color: #484a36; font-weight: bold; margin: 17px 8px 0 0; }
div.content-top-right p { padding: 0 15px 0 15px; margin:0; font-size:11px; } 
div.content-top-right a { text-decoration: underline; }

/* ------ footer --------------------------------- */
#footer { height: 50px; text-align: right; margin: 0 auto; max-width:1200px; }
#footer p { color: #aaa; font-size: 12px; padding: 7px 7px 0 0; }
#footer a { color: #aaa; text-decoration: underline; }



/* ********* Boxes *********** */

div.box { float:right; height:5px; width: 5px; font-size:0pt;	line-height:0pt; }
div.box_top { background:transparent url(images/composite.gif) no-repeat scroll 0 -5px; }
div.box_bottom { background:transparent url(images/composite.gif) no-repeat scroll 0 -15px; }

.content_grey { background: #ff6600/* #f6f6f6 */ none no-repeat scroll 0%}
.grey_box_top { background: #ff6600/*#F6F6F6*/ url(images/composite.gif) no-repeat scroll; height:5px; margin: 0 0 0 -20px; }
.grey_box_bottom { background: #ff6600 /*#F6F6F6*/ url(images/composite.gif) no-repeat scroll 0 -10px; height:5px; margin: 15px 0 0px -20px; }

.blue_box_top { background: #B6E3EC url(images/composite.gif) no-repeat scroll; height:5px; }
.blue_box_bottom { background: #B6E3EC url(images/composite.gif) no-repeat scroll 0 -10px; height:5px; margin: 0 0 16px 0;  }

.page-box { margin: 0 auto; max-width:1231px; }
.page-box table td {height:5px; font-size:0pt;	line-height:0pt;}
.page-box table td.top {float:left; background: url(images/composite.gif) no-repeat scroll 0 -239px; width:5px;}
.page-box table td.bottom {float:right; background:url(images/composite.gif) no-repeat scroll 0 -244px; width:5px;}

li.main { background: transparent url(images/menu.png) no-repeat scroll 0 -78px; height:12px;}
/*ul#gray li.first {border-left: 2px solid #666; }*/

#top-menu-background, #top form#topquery { background: #D4D4D4; }
#top-menu a.tab { padding: 7px 15px 10px 15px; font-weight: bold; text-transform: uppercase; }
#top-menu ul#gray a.tab { color: #FFF; }	
#top-menu ul#gray li.active a.tab { color: #2a2a2a; }	

#top-menu ul li { float: left; position: relative; padding: 7px 0;}
#top-menu li:hover + li { background: none; }
#top-menu ul li.first { background: none; }

#top-menu ul li.active { background: #fff; height:12px;}
#top-menu li.active a { color: #2a2a2a; }
#top-menu li:hover ul, #top-menu li.over ul { display: block; }

ul.menu-drop {
display: none;	
left: -2px; margin: 5px 0 0 0; 
background:#FFFFFF none repeat scroll 0% !important;
border-style:none solid solid;
border-width:0pt 2px 2px;
border-color:#D4D4D4;
padding:10px !important;
position: absolute;
text-align:left;
top:21px;
width: 222px;
z-index:15000;
min-height:28px;
padding-left:8px;
float:left;
}

/*ul.menu-drop li, ul.menu-drop{list-style-position:outside;}*/

#top-menu li ul li {padding: 0; }
ul.menu-drop li { width: 222px; left:0pt; height:auto;}
ul.menu-drop li.drop-header {font-weight:bold; margin: 12px 10px 5px 10px; font-size: 14px; color:#444;}

ul.menu-drop li a {
color:#1D719F !important;
border-top:1px solid #DDDDDD;
display:block;
float:none;
font-size:105%;
font-weight:bold;
padding:6px 10px;
}

ul.menu-drop li a span.id { font-weight:normal; color:#777}

ul.menu-drop li a:hover {
background:#E6F3FC none repeat scroll 0% !important;
color:#000000;
}

#top-menu-background { position: relative; z-index: 11; height:26px;} /* Background color set in account */

#top-menu { margin:0 258px 0 0; height: 26px; }
#top-menu ul { list-style: none; }
#top-menu ul a { text-decoration: none; }


#table_header {font-size:20px;}

.frame { border: 2px solid #E6E6E6; padding: 7px 15px 20px 13px; margin: 9px 8px 10px -12px; background: #fff; min-width:590px; overflow:hidden; min-height:600px;}
.frame h3 {margin-top:0px; padding-top:5px; margin-bottom: 2px; font-size: 16px;}
.frame h3.light { color: #ddd; float: left; margin: 0 0 7px 0; padding:0}

.frame p{font-size:13px;}

.frame ol li { padding-left:60px; font-size:12px; }

.frame label { margin: 0;}
.frame .sub-info {color:#888; padding-top:2px;display:block;}
.frame .sub-info-small {color:#666;font-size:11px;padding-top:2px;}
/*.frame .sub-info {color:#666;font-size:11px;padding-top:2px;clear:left}*/
.frame .subheading { float: left; font-size:14px;color:#1a6690}
.setting { clear: left; border-bottom: 1px solid #f0f0f0; font-size: 12px; padding: 7px 0 10px 0; overflow:hidden; }

.settings-right { float: right; }
.settings-right a { font-weight:bold;}
/* ###################################################### */