/* */ 
/*######################Global Styles##################*/
body{
margin-left: 22px;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #ffffff;
color: #666666; 
}

a{
color: #555555;
text-decoration: none;

}

a:visited{
color: #555555;
text-decoration: none;
}

a:hover {
color: #000000;
text-decoration: underline;
}

a:active {color: #555555;}

textarea,input,select {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
margin-bottom: 0px;
padding: 0px;
}

li {
line-height:1.25;
padding-left:0px;
margin-bottom:5px;
}


H1{
color: #000000;
font-size: 20px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 0px;
margin-top: 0px;}

H2{      
color: #000000;      
font-size: 18px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 0px;
margin-top: 0px;}

H3,H3.sectionlabel {      
color: #000000;      
font-size: 16px;
font-weight: bold;       
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 5px;
margin-top: 0px;}

/*"this is not the form class"*/
form { margin-top: 3px; margin-bottom: 5px;}



/*######################  Classes ######################*/

.poptab { 
text-align: right;
width: 100%;
margin-top: 6px;
margin-bottom: 20px;
} 

.pop{color: #000000; font-weight: bold; font-size: 12px; }

.tab {background-image: url('/images/tab_bg.gif');}

td.frontcell {
background-image: url('/RS/1364/RS_FrontcellLeftBorderImg.gif');  background-repeat: repeat-y;
}

a.poplink:link { 
color: #000000; 
font-weight: bold; 
font-size: 12px; 
}

a.poplink:visited { 
color: #000000; 
font-weight: bold; 
font-size: 12px; 
}

a.poplink:hover{ 
color: #666666; 
font-weight: bold; 
font-size: 12px; 
}

.maincontrol {
  margin: 25px 0 0 0;
  width: 950px;
}


.frontsection {
margin-left: 12px;
font-size: 12px;
color: #666666;
font-weight: normal;       
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 235px;
}

.meter {
border: solid 1px #C1C8CA;
padding: 0px;
background-color:#DCE0E1 ;
}

ul.plain{
margin-top:4px;
margin-bottom:10px;
margin-left:9px;
padding-left:9px;
list-style-type: none;
}

.frontsection ul{
margin-top:4px;
margin-bottom:10px;
margin-left:15px;
padding-left:15px;
}

.new {
color: #FF4D26;
}

.credit {color:#009900;}
.charge {color:#bb0000;}
.bad {color:#bb0000;}

.popup {
padding:12px;
padding-top: 0px;
background-color:#ffffff;
border:1px solid #B6BCBE;
width:200px;
background-image: url('/images/popup_bg.gif');
}


/*tabular is good for tables that have multiple th heading cells.*/
.tabular {
border:1px solid #DDDEDE;
padding-bottom: 5px;
#border-right:2px solid #bbbcbc;
background-color: #FCFCFC;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 3px 3px 3px #aaa; 
-moz-box-shadow: 3px 3px 3px #aaa; 
-webkit-box-shadow: 3px 3px 3px #aaa; 
}

.tabular .tabmain {
color: #000000;
padding: 3px;
padding-left: 15px;
text-align:left;
#border-right: 1px solid #CECECE;
background-color:#ffffff;
#border-bottom:1px solid #CECECE;
background-image: url('/images/th_bg.gif');
vertical-align:bottom;
border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
}
.tabular th {
color: #000000;
padding: 3px;
padding-left: 5px;
text-align:left;
border-right: 1px solid #CECECE;
background-color:#ffffff;
border-bottom:1px solid #CECECE;
background-image: url('/images/th_bg.gif');
vertical-align:bottom;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
.tabular td {
padding: 2px;
padding-left: 8px;
padding-right: 8px;
#border-bottom: 1px solid #dddede;
border-top: 1px solid #dddede;
font-size: 11px;
vertical-align: top;
}

.tabular .tabodd {
padding: 2px;
padding-left: 8px;
padding-right: 8px;
font-size: 11px;
vertical-align: top;
}
.tabular .tabeven {
background-color: #f2f2f2;
padding: 2px;
padding-left: 8px;
padding-right: 8px;
border-bottom: 1px solid #dddede;
border-top: 1px solid #dddede;
font-size: 11px;
vertical-align: top;
}

.tabular table {
border: 1px solid #DDDEDE;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
box-shadow: 2px 2px 2px #aaa; 
-moz-box-shadow: 2px 2px 2px #aaa; 
-webkit-box-shadow: 2px 2px 2px #aaa; 
}


/* form is good for tables with a single th header*/
.form {
border:1px solid #DDDEDE;
#border-right:2px solid #bbbcbc;
#border-bottom:2px solid #bbbcbc;
padding-bottom: 5px;
background-color: #FCFCFC;
white-space:normal;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 3px 3px 3px #aaa; 
-moz-box-shadow: 3px 3px 3px #aaa; 
-webkit-box-shadow: 3px 3px 3px #aaa; 
}


.form th {
color: #000000;      
font-size: 18px;
font-weight: bold;     
padding: 3px;
padding-left: 15px;
text-align:left;
#border-right: 1px solid #CECECE;
background-color:#ffffff;
border-bottom:1px solid #CECECE;
background-image: url('/images/th_bg.gif');
border-radius: 50px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
}

.form td {
padding: 3px;
padding-left:10px;
padding-right:10px;
font-size: 11px;
vertical-align:top;
}


.caution td{
background-color:#ffffff;
filter: alpha(opacity=30);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
-moz-opacity: .3;
-khtml-opacity: .3;
opacity: .3; /* for future compatibility */
}

.show {
filter: alpha(opacity=99);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=99);
-moz-opacity: .9;
-khtml-opacity: .9;
opacity: .9; /* for future compatibility */
background-color: #ff0000;
color: #ff0000;
}

.small{
font-size: 11px;
font-weight: normal;
color: #666666;
}

.tabletools{
text-align: left;
font-size: 10px;
font-weight: normal;
color: #666666;
}


.error {
color: #bb0000;
font-size: 14px;
background-image: url("/images/symbol_caution.gif");
background-repeat: no-repeat;
padding-left: 27px;
padding-bottom:8px;
overflow: visible;
text-align: left;
}

.error2 {
width: 400px;
color: #bb0000;
font-size: 14px;
background-image: url("/images/symbol_caution.gif");
background-repeat: no-repeat;
padding-left: 27px;
padding-bottom:8px;
overflow: visible;
text-align: left;
}


.success {
color: #2C9800;
font-size: 14px;
background-image: url("/images/symbol_check.gif");
background-repeat: no-repeat;
padding-left: 27px;
padding-bottom:8px;
padding-top:2px;
overflow: visible;
text-align: left;
}

.success2 {
width: 400px;
color: #2C9800;
font-size: 14px;
background-image: url("/images/symbol_check.gif");
background-repeat: no-repeat;
padding-left: 27px;
padding-bottom:8px;
padding-top:2px;
overflow: visible;
text-align: left;
}

.disabled { color: #bbbbbb; }

.tiny{
font-size: 10px;
font-weight:normal;
color:#888888;
}


.notfound {
font-size: 14px;
background-image: url("/images/notfound.gif");
background-repeat: no-repeat;
margin-left: 170px;
padding-left: 48px;
padding-top: 90px;
padding-bottom:8px;
width: 400px;
}



.badrow td{
background-color:#ffee99;
}

a.helpicon:link { 
color: #888888; 
font-weight: bold; 
font-size: 9px; 
text-decoration:none; 
}

a.helpicon:visited { 
color: #888888; 
font-weight: bold; 
font-size: 9px; 
text-decoration:none; 
}

a.helpicon:hover{ 
color: #000000; 
font-weight: bold; 
font-size: 9px; 
text-decoration:none; 
}

/*######################### IDs #########################*/

#announcement {
position: absolute;
z-index: 20;
left: 325px;
top: 19px;
width: 450px;
font-size: 11px; 
text-align: right;
border: dashed 1px #bbbbbb;
background-color:#ffffff;
padding: 3px;
filter:Alpha(Opacity=100);
}

#notice {
position: absolute;
z-index: 21;
left: 325px;
top: 19px;
width: 450px;
font-size: 12px; 
text-align: left;
border: solid 1px #ff0000;
background-color: #fff9f9;
color: #ff0000;
padding: 4px;
}

#subnav{
width: 150px;
height: 350px;
float: left;
#background-color: ;
background: url('/images/subnav-bg.gif') right top no-repeat;
line-height: 2;
font-size: 12px;
color: #555555;
margin-top: 23;
padding-left: 5px;
padding-right: 5px;
#border-radius: 5px;
#-moz-border-radius: 5px;
#-webkit-border-radius: 5px;
}

#maincontent {
margin-left: 170px;
background-color:#ffffff;
padding-top: 35px;
}



#subnav ul {
margin: 0;
padding: 0;
}

#subnav li {
list-style-type: none;
color: #555555;
padding-left: 10px;
padding-top: 2px;
padding-bottom: 2px;
}

#subnav li.on {
#margin-bottom:15px;
font-weight:bold;
color: #880000;
background: url('/RS/1364/RS_SubnavPointerImg.gif') left top no-repeat;}

#notice A{color: #ff0000;}
#notice A:visited{color: #ff0000;}
#notice A:hover {color: #ff0000;}

#footer {     
color: #a9a9a9;     
font-size: 11px;      
margin-top:20px;
width:90%;
background-color:#ffffff;
clear: both;
}  

#window {
width: 1000px;
}

a:link.button, a:visited.button, a:hover.button, a:active.button, #subtags .tagcloud a  {
	outline: none;
	font-weight:bold;font-size:10px; 
	vertical-align:middle; 
	white-space:nowrap; 
	padding: 3px 8px 3px 8px; 
	background-color:#CC3300;	
	-moz-border-radius: .3em; -webkit-border-radius: .3em;  border-radius: .3em; 
	border: 1px solid #444444;	
	}
a:hover.button {text-decoration: none;}

a.button:active {position: relative;	top: 1px;}

a:link.button, a:visited.button, #subtags .tagcloud a { background: #F4F4F4; }
a:link.button, a:visited.button, #subtags .tagcloud a { background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#F4F4F4)); }
a:link.button, a:visited.button, #subtags .tagcloud a { background: -moz-linear-gradient(top,  #ffffff,  #F4F4F4); }
a:link.button, a:visited.button, #subtags .tagcloud a { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F4F4F4'); }
a:link.button, a:visited.button, #subtags .tagcloud a { border-color: #D0D0D0; }
a.button, a.button:link, a.button:visited, a.button:hover, a.button:active, #subtags .tagcloud a  { color: #424242; }

#window .bigbutton {font-size: 110%; padding: 8px 16px 8px 16px; display:inline-block;}


.onsite_promo {
   width: 225px;
   background-color: #eeeeee;
   padding: 20px;
   -moz-border-radius: .5em; -webkit-border-radius: .5em;  border-radius: .5em;   
   margin: 10px 0 15px 0; 
   border: 1px solid #dddddd;
}

.onsite_promo .promocenter {
   margin: 15px auto 0px auto;
   text-align: center;
}