/* PAGE
-------------------------------------------------------------------------------------------------- */ 
body { background: #252525; margin: 0; padding: 0; background-position: 0 0;}

#bg { background: url(../images/st-body-bg-4c.png) #f5f5f5 repeat-x; }
#wrapper {  margin: 0 auto; padding: 0; position: relative; } 
#content { } /* this is the primary target of page loading in #content-main */
#bodydiv { height: 90%; overflow: auto; display: block; clear: both; }

#sidenav ul { margin-left: 0; list-style: none; }
#sidenav li { margin-left: 0; list-style: none; 
	color: #000000;
	font: normal 12pt; tahoma,arial,helvetica,sans-serif;
	text-decoration: none;
	line-height: 25px;
}

/* ELEMENT DEFAULTS
-------------------------------------------------------------------------------------------------- */ 
img { border: none; } 
div { padding: 0; margin: 0; display: block; } 
form { margin: 0; }
body,div,p,td {
	color: #000000;
	font: normal 10pt tahoma,arial,helvetica,sans-serif;
	line-height: 20px;
} 
input,textarea { color: #000000; font: normal 9pt tahoma,arial,helvetica,sans-serif; padding: 3px; border: 1px solid #999999;  }
select { color: #000000; font: normal 8pt tahoma,arial,helvetica,sans-serif; border: 1px solid #999999;  }
a,table.data tbody td a { color: #cc3300; font-weight: bold; text-decoration: none; outline: 0; }
#report-toc-reports ul li a,#report-toc-site-tree ul li a { color: #cc3300; }
a:hover,table.data tbody td a:hover { color: #ff3333; text-decoration: underline; outline: 0; } 
table.data tbody td a { font-weight: normal; }
#report-content {  }
#report-content table.data tbody td a { font-weight: normal; border-bottom: 1px dotted #ff3333; text-decoration: none; }
#report-content table.data tbody td a:hover { border-bottom: 1px solid #ff3333; text-decoration: none; }
td a { font-weight: normal; text-decoration: underline; }
h1 a { text-decoration: underline; }
button { background: url(../images/bar-blue.jpg); border: 1px solid #222222; color: #ffffff; padding: 3px 8px;  font: bold 8pt tahoma,arial,helvetica,sans-serif; cursor: pointer; }

/* HEADER
-------------------------------------------------------------------------------------------------- */ 
#content-top { padding: 0; margin: 0; position: relative; } 
#header { padding: 0;  height: 93px;}  
#headerlogo { padding: 0; margin: 0; margin-bottom: 1px; } 
#headerstatus { color: #555; position: absolute; right: 10px; top: 45px; z-index: 250; text-align: center; width: 200px; }
	#headerstatus a { color: #555; text-decoration: none; font-weight: normal; }
	#headerstatus a:hover { color: #000; text-decoration: underline; }
#header-debug { position: absolute; right: 200px; margin: 10px; z-index: 500; padding: 5px; }
	#header-debug a { padding: 5px; background: #cc3333; border: 2px solid #ff0000; color: #ffffff; }
.style1 { font-size: 12pt }

.style1 { font-size: 12pt }

h1 { font-size: 12pt; }

/* FOOTER
-------------------------------------------------------------------------------------------------- */ 
#content-bottom { clear: both;  padding: 15px; padding-bottom: 30px; border-top: 4px solid #ccc; background: #252525; width: 100%;}
#footboxes { width: 970px; margin: 10px auto; background: #252525; }
#footer { font-size: 8pt; color: #999; text-align: center; width: 880px; border-top: 1px solid #555; margin: 60px auto 0; padding-top: 15px; } 
#footer a { color: #ccc; font-weight: normal; text-decoration: underline; } 
#footer a:hover { color: #fff; }
div.footbox { float: left; width: 240px; margin-left: 40px; margin-right: 40px;	margin-top: 15px; text-align: left; }
div.footbox h4 { color: #ccc; font-size: 8pt; text-transform: uppercase; border-bottom: 1px solid #555; }
div.footbox p, div.footbox div { text-align: left; color: #999; padding-left: 10px; }
div.footbox a { color: #ff6600; text-decoration: none; font-weight: normal; line-height: 12pt; }
div.footbox a:hover { color: #fff; text-decoration: underline; }

/* BODY / MAIN
-------------------------------------------------------------------------------------------------- */ 
#content-home { padding: 20px; }
#content-body {  background: url(../images/st-wrapper-bg.png) #f5f5f5 repeat-y; background-position: -16px 0; padding-top: 15px; padding-bottom: 15px; }
#content-main { margin-top: 4px;  /* padding-top: 25px; padding-bottom: 25px;  */}

div.container { /* background: #f9f9f9;  *//* border: 1px solid #cccccc;  */} 
div.boxed { border: 1px solid #cccccc; padding: 0; margin-bottom: 15px; background: #ffffff; } 
div.cell { border: 1px solid #cccccc; padding: 0; margin-bottom: 15px; background: #ffffff; } 
div.cell p { padding-left: 25px; }
div.col200 { float: left; width: 200px; margin: 0; margin-left: 28px; padding-bottom: 15px; /* background: #f3f3f3; border: 1px solid #ccc;  */}
div.col00 { float: left; width: 740px; }
div.col2col { float: left; width: 340px; margin: 0 15px 20px; }
div.col50 { float: left; width: 50%; margin: 0 0 20px; }
div.col67 { float: left; width: 67%; margin: 0 0 20px; } 
div.errormode { background: #ffcc99; border: 1px solid #ff9933; padding: 10px; margin-bottom: 20px; }
div.instructional { background: #ffffcc; border: 1px solid #ffff00; padding: 10px; margin-bottom: 20px; } 
div.vertSplit { float: left; margin-right: 30px; } 
div.cellstatuscol { float: left; margin-left: 20px; margin-right: 20px; width: 500px; }
.complete { border: 1px solid #339900 !important; background: #d9ffd9 !important; }
.complete .statustext { color: #339900; font-weight: bold; }
.locked { border: 1px solid #ff3300 !important; background: #ffe7ce !important; }
.locked .statustext { color: #ff3300; font-weight: bold; }
div.clickable { cursor: pointer; }
div.clickable:hover { /* background: #fdfdfd;  */border: 1px solid #aaa; }
div.body,#general-dialog { background: #f5f5f5; }

div.groovy { border: 1px solid #ccc; background: #f0f0f0; padding: 10px; }

div.scroller { /* width: 600px;margin-left: 50px;   */border: 1px solid #ccc; height: 130px; overflow: auto; }
.style2 {
	color: #cc3300;
	font-weight: bold;
}
/* div.dialog div.pad { border: 1px solid #ccc; background: #fff; } */

/* NAVIGATION
-------------------------------------------------------------------------------------------------- */ 
#navigation {
	margin: 0 auto; 
	top: 103px;
	left: 0;
	width: 960px;
}

/* nav bar throbber */
#navthrobber { position: absolute; top: 27px; right: 0; width: 230px; height: 27px; /*  margin-top: -29px;  */border: none; background: url(../images/bar-loader-trans.gif) /* #ccc  */right no-repeat;  color: #000;  display: none/* inline */; visibility: hidden; z-index: 1000; }

#subnav { height: 38px; display: block; width: 100%; text-align: right; color: #999; }
#subnav a { display: block; float: left; margin-left: 5px; margin-top: 7px; text-transform: uppercase; text-decoration: none; font-size: 7pt; line-height: 31px; color: #666; height: 31px; width: 170px; text-align: center; background: url(../images/navbar-tab-off.png) no-repeat; }
#subnav a.first { margin-left: 0; }
#subnav a.firstmore { margin-left: 30px; }
#subnav a.ar { float: right; margin-right: 4px; }
#subnav a.arfirst { margin-right: 30px; }
#subnav a:hover { color: #333; background: url(../images/navbar-tab-off-hover.png) no-repeat; }
#subnav a.on, #subnav a.on:hover { background: url(../images/navbar-tab-on.png) #f5f5f5 no-repeat; color: #000; height: 31px; width: 170px; } 
#subnavspacer { position: relative; top: 1px; text-transform: uppercase; text-decoration: none; font-size: 7pt; margin-left: 45px; color: #000; border: 1px solid transparent; }
#subnav a.img,#subnav a.imgon { background: url(../images/navbar-tab-img-off.png) no-repeat; padding-top: 6px; width: 30px; }
#subnav a.img:hover { background: url(../images/navbar-tab-img-off-hover.png) no-repeat; }
#subnav a.imgon,#subnav a.imgon:hover { background: url(../images/navbar-tab-img-on.png) no-repeat; }
#subnav img.navbar-home-off { background: url(../images/navbar-home-off.png) no-repeat; }
#subnav img.navbar-home-off:hover,#subnav img.navbar-home-on { background: url(../images/navbar-home-on.png) no-repeat; }

#mininavigation { display: block; text-align: left; width: 100%; background: url(../images/ssls-header-bg.gif) repeat-x; padding: 10px 10px 0; }
#mininavigation h1 { color: #fff; }

#minitopnav { height: 28px; line-height: 28px; padding-left: 15px; padding-right: 15px; margin-bottom: 0;  } 
#minitopnav a { background: url(../images/ssls-header-bg.gif) #6699cc repeat-x; background-position: 0 -25px; text-transform: uppercase; text-decoration: none; font-size: 7pt; margin-right: 2px; color: #fff; padding: 7px 25px;  border: 1px solid #fff; border-bottom: none; }
#minitopnav a:hover { background: #006699; color: #fff; }
#minitopnav a.on, #minitopnav a.on:hover { background: #fff; color: #000; }