/*
 *  Sleep Center CSS - main
 */

body { margin: 15px 15px 1em 15px; 
	padding:0px; 
	font: 78%/135% "Lucida Grande", Tahoma, Arial, sans-serif; 
	background:url('fastback.gif') #ddd; color: #333 }
img { border: none; }
br { height: 1px; }
dd { margin-bottom: 0.5em; }

h1 {color: #333399;}
h2 {color: #333399;}
h3 {color: #333399;}
h4 {color: #333399;}

hr { height:1px; color: #7F816F; }

#everything {background:white; 
	border-left:1px solid #aaa; 
	border-bottom:1px solid #aaa; 
	border-right:1px solid #aaa; 
	width:798px; 
	margin-left: auto; 
	margin-right: auto; 
	height: 1%; }

#header { background:url('homepage4_02.gif') #010e59; color: #333; height: 114px; }
#header img { float: left; margin: 0px 0 0 0px; }
#header h1 { display: none; }

#toplogin { float: right; margin: 10px 5px 0 0; padding: 0; font-size: 80%; text-align: center; }
#toplogin form { margin: 0; padding: 0; }
#toplogin-actions { padding: .33em; }

#navcontainer {
	font-size: 11px;
	font-weight: bold;
	width: 638px;
	float: right;
	
	/* border-top: #9f461e 2px solid; */
}

#bluebar {
	background-color: #000D59;
	float: left;
	width:160px;
	height:21px;
}

#navcontainer ul {
	background-color: #cc0000;
	color: #FAF9E8;
	float: left;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 0px;
	width: 100%;
}

#navcontainer ul li {
	display: inline;
}

#navcontainer ul li a {
	background-color: #cc0000;
	border-right: #E3DFBF 1px solid;
	color: #FAF9E8;
	float: left;
	padding-bottom: 0.2em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.2em;
	text-decoration: none;
}

#navcontainer ul li a.selected {
	background-color: #014fb8;
	color: #FAF9E8;
}

#navcontainer ul li a:hover {
	background-color: #014fb8;
	color: #FAF9E8;
}

/*dropdown menu style definitions*/
#dropmenudiv{
	border: 1px solid #E3DFBF;
	border-bottom-width: 0;
	font: normal 10px Tahoma,Arial,Helevetica,Geneva,sans-serif;
	line-height: 18px;
	position: absolute;
	z-index: 100;
}

#dropmenudiv a{
	background-color: #cc0000;
	border-bottom: 1px solid #E3DFBF;
	color: #FAF9E8;
	display: block;
	font-weight: bold;
	padding: 1px 0;
	text-decoration: none;
	text-indent: 3px;
	width: 100%;
}

#dropmenudiv a:hover{
	background-color: #014fb8;
	color: #FAF9E8; /*hover background color*/
}

#uncredited_banner { margin: 0; text-align: center; background: #eee; border-bottom: 1px solid #aaa; }
#uncredited_banner p { margin:0; padding:1em; }

#secondaryNav{ margin:0; padding:0; width:160px; float:left; }
#secondaryNav ul{ margin: 0px; padding: 0px; border-bottom: 1px solid #aaa; }
#secondaryNav li{ font-size: 1em;  list-style: none; margin: 0px;  line-height: 105%;  }
#secondaryNav li.title { font-size: 1em; border-right: 1px solid #aaa; color:#333; background:url('sidenav_title.gif') bottom center; padding-left:0em; }
#secondaryNav li.first1{
	padding:1em;
	font-size:0.9em;
	background:#d2a141;
	border-top:1px solid #aaa;
	border-right:1px solid #aaa;
	font-weight: bold;
}
#secondaryNav li.first2{
	padding:1em;
	font-size:0.9em;
	background:#ce6f28;
	border-top:1px solid #aaa;
	border-right:1px solid #aaa;
	font-weight: bold;
}
#secondaryNav li.first3{
	padding:1em;
	font-size:0.9em;
	background:#6666cc;
	border-top:1px solid #aaa;
	border-right:1px solid #aaa;
	font-weight: bold;
}
#secondaryNav li.first4{
	padding:1em;
	font-size:0.9em;
	background:#d2a141;
	border-top:1px solid #aaa;
	border-right:1px solid #aaa;
	font-weight: bold;
}
#secondaryNav li.first5{ 
	padding:1em; 
	font-size:.9em; 
	background:#ce6f28; 
	border-top:1px solid #aaa; 
	border-right:1px solid #aaa; 
	font-weight: bold;
}
#secondaryNav li.first6{
	padding:1em;
	font-size:0.9em;
	background:#6666cc;
	border-top:1px solid #aaa;
	border-right:1px solid #aaa;
	font-weight: bold;
}

#secondaryNav li.first7{
	padding:1em;
	font-size:0.9em;
	background:#014fb8;
	border-top:1px solid #aaa;
	border-right:1px solid #aaa;
	font-weight: bold;
}

#secondaryNav li.second{ border-right:1px solid #aaa; padding-left:1.5em; font-size: 90%; line-height: 120%; }
#secondaryNav li.third{ border-right:1px solid #aaa; font-size: 80%; line-height: 130%; padding-left:2.5em; }
#currentnav { text-decoration:underline; }
#secondaryNav li a{ color:white; text-decoration:none; display: block; width: 100%; }
#secondaryNav li a:hover{ color:#333; }

#secondaryNav li.second a:hover, #secondaryNav li.third a:hover { color: #000; background-color: #ffffe0; }
#secondaryNav li.first a { padding-top: 5px; padding-bottom: 5px; }
#secondaryNav li.second a{ padding-top:.25em; padding-bottom:.25em; }
#secondaryNav li.third a{ padding-top:.10em; padding-bottom:.10em; }
#secondaryNav li.title a { color:black; font-weight:bold; padding:.5em; }

html>body #secondaryNav a { width: auto; }

#searchBox form { margin-top: 2em; padding: 4px 4px 4px 1em; border-top: 1px solid #fc0; border-right: 1px solid #fc0; border-bottom: 1px solid #fc0; background: #eee; }
#searchBox h4 { margin: 0; }
#searchBox input { margin: 5px 0; display: block; }

#sidenav-content { height: 1%; margin-left:170px; margin-right:22px; margin-top:40px;}
#sidenav-content h2 { font-size:1.6em; border-top:2px #c00 solid; background-color:#eee; padding-top:.5em; padding-bottom:.25em; padding-left:.25em; padding-right:.25em; }
#sidenav-content h3 { font-size:1.2em; border-top:2px #fc0 solid; background-color:#eee; padding: .33em .2em .2em .2em; margin-top: 0; }
#sidenav-content h4 { font-size:1.2em; margin-top: 0; }
#sidenav-content h5 { font-size:1em; margin-top: 0; }
#sidenav-content h6 { font-size:.8em; margin-top: 0; }
#sidenav-content p { font-size:1em; color:#333; padding-top:0px; padding-bottom:2px; }
#sidenav-content p .byline { font-size:.8em; color:#555; padding-top:0px; padding-bottom:0px; }
#sidenav-content li { line-height: 150%; }
#sidenav-content .right-box { float: right; width: 20em; padding: 1em; margin: 1em; font-size: 90%; background: #ccccff; border: 1px solid #4f62c2; }
#sidenav-content .left-box  { float: left; width: 20em; padding: 0em; margin: 0em; font-size: 90%; background: #fff; }
#sidenav-content div h4 { margin: 0; }

.mon-green { background-color: #ccffcc; }
.mon-yellow,.expires-soon { background-color: #ffffcc; }
.mon-disabled { background-color: #ffffcc; }
.mon-red,.expired { background-color: #ffcccc; }

.kb_example { background: #eeeeee; border: 1px solid #aaaaaa; padding: 15px 15px 15px 15px; }
.sslnote { text-align: center;  background: #eeeeee;  border: 1px solid #aaaaaa;  padding: 3px; font-size: x-small;	}

.note { text-align: center;  background: #eeeeee; border: 1px solid #aaaaaa; padding: 3px; }
.hilite_box { margin: 0 2em 2em 2em; padding: 0 1em; border-left: 2px solid #c00; background: #fff1ab; width: 250px; font-size: 87%; line-height: 1.5; /*Eric Meyer -- unitless line-height: multiplier and valid */ }

.hilite_box ul { margin-left:0; padding-left:0; list-style: none; }
.hilite_box ul li { margin-bottom: .3em; }
.hilite_box h4 { font-size: 1.2em; margin-bottom: 0; padding-bottom: 0; }

.error { color: #ff0000; font-size: x-small; }
.errorbox { text-align: center;  background: #ffc; border: 1px solid #f00; padding: 3px; color: #ff0000; }

.faces { float: left; border: solid 1px #666; margin-right: 6px; margin-bottom: 6px; }
.nobr{ white-space: nowrap; }
.nomargin { margin: 0; padding: 0;}
.notation { font-size: .8em; font-style: italic; }
.right-align { text-align: right; }
.center-align { text-align: center; }

table { width: 99%; }
table.bottom-marg {	margin-bottom: 1.5em; }
ul.nospace p { margin-top: 0; line-height: 100%; }
dl.search dt { font-weight: bold; }

#sidenav-content table { width: 100%; }
#sidenav-content tr { line-height: 150%; }
#sidenav-content th { background: #ccc; border: 1px #ccc solid; }
#sidenav-content th a.sort { color: #000 !important; }
#sidenav-content .striped_even { background: #eee; }

#sidenav-content .right-actions { padding: 6px 0 0 0; font-size: x-small; float: right; }
* html #sidenav-content .right-actions { margin-top: .75em; }  
#sidenav-content .page-actions { text-align: right; }
.table-actions,.page-actions { padding:0; margin:0; font-size: x-small;	 }
.more-detail { display: block; padding: .5em 0 1em 0; text-align: right; font-size: x-small; }

#footer{ clear: both; font-size: .8em; text-align: center; margin: .5em 0 0 0; padding: .5em; background: #c2c0ac; border-top:1px solid #aaa; }
#footer a{ color:#000066; text-decoration:none; }
#footer a:hover{ text-decoration:underline; }

#cl_stats { background: #ccc; border: 1px #ccc solid; margin-right: 1em; }
#cl_stats ul{ margin: 0; padding: 0; }
#cl_stats ul li{ font-size:1em; font-weight: bold; list-style: none;  text-indent: .2em; }
#cl_stats ul li ul { padding-left: 1em;  background: #fff; }
#cl_stats ul li ul li { list-style: none; font-weight: normal; text-indent: -.5em; }
#cl_stats a.clean { text-decoration: none; }
#cl_stats a img { vertical-align:middle; margin: .5em; }
#cl_scshts { float: right; margin-bottom: 1em; border-left: .25em solid white; background: #fff; }
#cl_scshts img { display:block; border: none; margin-bottom: 1em; }
#cl_scshts p { text-align: center; font-weight: bold; font-size: 1.25em; }

table.contact th { padding-top: 0; width: 1px; }
table.contact th p { height: 10em; vertical-align: top; margin: 0; padding: 0; }
table.contact td { vertical-align: top;  padding: 0 3px 3px 3px; }
table.contact td p.error{ vertical-align: top;  padding: 0; margin: 0; }
table.contact .contact-box { text-align: left; background: #eee; border: 1px solid #aaa; padding: 3px; font-size: x-small; line-height: 110%; vertical-align: top; white-space: nowrap; }
table.contact .contact-box-highlight { text-align: left; background: #ffc; border: 1px solid #aaa; font-size: x-small; line-height: 110%; padding: 3px; vertical-align: top; white-space: nowrap; } 


#linkbar { margin:0 auto 1.5em auto; padding:0; text-align: center; width: 85%;}
#linkbar ul { margin:0; padding:0; list-style-type: none;}
#linkbar ul li { margin: 0 1em;  display: inline; white-space: nowrap; line-height: 2.5em;} 
#linkbar ul li { background-color: #eee; padding:0;}
#linkbar ul li a { text-decoration: none; padding: 0 .5em; }
#linkbar ul li a:link, #linkbar ul li a:visited { border-bottom: 2px solid #aaa; }
#linkbar ul li a:hover { border-bottom: 2px solid #f00; }

.important {
	text-align: center;
	background: #ffffcc;
	border: 1px solid #ff0000;
	padding: 3px;
}

.red{ color: #c00; }
.red a {color: #c00; }

.page-actions div#scan_logo {
	display:block;
	margin-top: 6px;
}

#cart {
	width: 165px;
	background: #fff url('cart_widget.gif') no-repeat 0% 50%;
	margin-top: .75em;
}

#cart h4 {
	font-size: small;
	margin-top: .20em;
	margin-bottom: 0;
	padding-left: 1em;
}

#cart h4 a {
    text-decoration: none;
    color: #000 !important;
}

#cart p {
	font-size: .8em;
	padding-bottom: .25em;
	padding-left: 1em;
	padding-top: 0;
}

#cart p span {
	padding-left: 12px;
}


table#cartcontents {
	margin-bottom: 1.5em;
	border-collapse: collapse;
}

tr.dombreak {
	font-weight: bold;
	background-color: #eee;
	border-top: .5em solid white;	/* fake a margin */
}


table#invoicecontents {
	border-collapse: collapse;	/* to get the margin below */
}

table.invoicemoney {
	font-weight: bold;
	text-align: right;
}

.descr {
	padding-left: 1.5em;
}

fieldset.delta legend {
	font-weight:  bold;
	color: #000;
}

fieldset.delta {
	border: none;
	border-top: 1px solid #999;
	margin-bottom:  1em;
	background: #fafafa;
}

fieldset.delta label {
	display: inline-block;
  	width: auto;
	width:  160px;
}
fieldset.delta th {
	text-align: right;
	width: 165px;
}
fieldset.delta td {
	text-align: left;
}
fieldset.delta td.helper_left {
	line-height:125%;
	font-size:  xx-small;
	padding: 0 0 0 20px;
	margin: 0;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background: #eee;
}

.service_apps {
	width: 48%;
}
.service_apps h4 {
	margin-top: 0;
	padding-left: 2em;
	background: url('1px999.gif') repeat-x center;
	color: #333;
}
.service_apps h4 span {
	padding: 0 6px;
	background: #fff;
}

.service_apps ul {
	list-style:none; 
	margin-left: 1em; 
	margin-top: 0;
	padding-left:0;
	padding-top: 0;
}
.app_block_holder {clear: right;}
.app_block_holder h3 {margin-bottom: .25em; }

#blendyboxcont { background: url(bluebar.png); padding: .5em;  border: #aaa solid 1px; float: right; height: auto; text-align: center; margin: 0 0 0 1em;}
#blendyboxcont p { margin: .33em 0 .33em 0; padding: 0; }
#blendyboxcont ul { list-style: none; margin: 0; padding: 0; }
#blendyboxcont li { margin: .33em 0 .66em 0; padding: 0; }
#blendyboxcont a { text-decoration: none; color: #333; }
#blendyboxcont a:hover { text-decoration: underline; }
.grad img { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 0; }
.box { border: solid #aaa 1px; position: relative; width: 165px; padding: 5px; height: 2em; text-align: center; margin: 0 0 1em 0; }
.box * { margin: 0px; position: relative; z-index: 1; }
* html .grad { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='grad_white.png', sizingMethod='scale'); }
* html .grad img { display: none; }
* html .box { position:static; }
.yellow { background-color: #fc0; }

#searchform { width: 75% }
#searchform td { vertical-align: top }

.flash-green {color: #090; text-align: center;  background: #eeeeee; border: 1px solid #aaaaaa; padding: 3px; font-weight:bold;}
.flash-red {color: #c00; text-align: center;  background: #eeeeee; border: 1px solid #aaaaaa; padding: 3px; font-weight:bold;}

#sidenav-content .changes {
	color: #060;
}

#sidenav-content h3.changes {
	font-weight: normal;
	text-align: center;
	background:none;
	border: none;
}

table.top td, table.top th, table form td, table form th, form table td, form table th { vertical-align: top; }
table form td.vmid, table form th.vmid, form table td.vmid, form table th.vmid { vertical-align: center  }