/*
 * classes: (todo: comments)
 *  ...
 */

body {
	font-family: Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	background-color:#ffffff;
}

#container {

}

a {
    cursor:pointer;
}

.copyright{
	bottom:0;
	left:10px;
}

select {
	font-size:10px;
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}


* html #sidebar-left, * html #content {
height:100%
}

#header{	
	background:url(/images/logo.gif);
	background-repeat:no-repeat;
	width:960px;
	height:81px;
	position:relative;

        margin-bottom:12px;
        margin-top:17px;
        padding-bottom:0px;
}

#header fieldset{
	position:absolute;
	bottom:6px;
	#bottom:12px;
	right:10px;
	border:none;
	height: 15px;
	#height: 18px;
	overflow:hidden;
}

#header fieldset span{
	color:0B55B0;
}

#header div{
	float:left;
}

#header div.btn{
	margin-left:7px;
}

#header input, #header input{
	height:14px;
}

#header div#gmtclock {
    color: #333333; 
    position: absolute;
    top:20px;
    right:53px;
    font-weight: bold;
    font-size: 12px;
}

.form{
    width: 932px;
}
#footer {
    clear: left;
    height: 29px;
	color:#AAAAAA;
	font-size:0.8em;
	line-height:1.8em;
    background: url(/images/right_footer.gif) no-repeat bottom left;
    display:block;
}
#footer a {
color:#333;
}
.tab{
	background-color:#333;
	height:25px;
	float:left;
	margin-bottom:0px;
	margin-right: 3px;
}

.tab div{
	background:url(/images/tab-lt.jpg) left top no-repeat;
}

.tab div div{
	background:url(/images/tab-rt.jpg) right top no-repeat;
}

.tab div div div{
	padding:5px 10px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}

.tab div div div a{
    color:#aaaaaa;
    text-decoration: none;
}

.tab div div div a:hover {
    color:#dddddd;
}

.currtab div div div a {
    color:#FFFFFF;
}

.form-body{
	width:100%;
	clear:both;
	background-color:#FFFFFF;
}
	.main {
	color:#555555;
	font-family:Arial;
	font-size:12pt;
	}
/*
.form-tr div div div div{
	background:url(/images/form-rt.jpg) right top no-repeat;
}
*/
.form-tr div div div div div{
    background:none;
}
/*
.form-tl div div div div{
	background:url(/images/form-lt.jpg) left top no-repeat;
}

.form-lb-w div div div div div {
	background:url(/images/form-lb-w.jpg) left bottom no-repeat;
}

.form-lb-w div div div div div div {
	background:url(/images/form-rb-w.jpg) right bottom no-repeat;
}
*/
.bframe {
	background:url(/images/pb.gif) top repeat-x;
}
.bframe div {
	background:url(/images/pb.gif) bottom repeat-x;
}
.bframe div div {
	background:url(/images/pb.gif) left repeat-y;
}
.bframe div div div {
	background:url(/images/pb.gif) right repeat-y;
}

.form-foot {
	background:#333;
	
	/* to display status, like 'Speed Test in progress...' */
	color:#FFFFFF;
	font-size:13px;
}
/*
.form-footrb{
	background:url(/images/form-rb.jpg) right bottom no-repeat;
}

.form-footlb{
	background:url(/images/form-lb.jpg) left bottom no-repeat;
}
*/
.btn{
	background:url(/images/btn-bg.jpg) top repeat-x;
	float:left;
	cursor:pointer;
    text-decoration:none;
    display:block;
}

.btn div{
	background:url(/images/wp.jpg) left repeat-y;
	font-weight:bold;
	font-size:12px;
	float:left;
	height:22px;
    cursor:pointer;
}

.btn div div{
	background:url(/images/wp.jpg) right repeat-y;
}

.btn div div div{
	background:url(/images/btn-rt.jpg) right top no-repeat;
}

.btn div div div div{
	background:url(/images/btn-lt.jpg) left top no-repeat;
}

.btn div div div div div{
	background:url(/images/btn-rb.jpg) right bottom no-repeat;
}

.btn div div div div div div{
	background:url(/images/btn-lb.jpg) left bottom no-repeat;
}

.btn div div div div div div div{
	background:none;
	padding:4px 5px;
	#padding:0 5px;
	color:#ccc;
}

.btn div div div div div div div:hover {
	color:#FDB813;
}

.btn div div div div div div div:active {
	color:#ccc;
}

.btn:focus div div div div div div div {
    text-decoration:underline;
    font-weight:bold;
    color:#3333FF;
}

.btn1{
	background:url(/images/btn-bg.jpg) top repeat-x;
	float:left;
	cursor:pointer;
    text-decoration:none;
    display:block;
}

.btn1 div{
	background:url(/images/wp.jpg) left repeat-y;
	font-weight:bold;
	font-size:12px;
	float:left;
	height:22px;
    cursor:pointer;
}

.btn1 div div{
	background:url(/images/wp.jpg) right repeat-y;
}

.btn1 div div div{
	background:url(/images/btn-rt1.jpg) right top no-repeat;
}

.btn1 div div div div{
	background:url(/images/btn-lt1.jpg) left top no-repeat;
}

.btn1 div div div div div{
	background:url(/images/btn-rb1.jpg) right bottom no-repeat;
}

.btn1 div div div div div div{
	background:url(/images/btn-lb1.jpg) left bottom no-repeat;
}

.btn1 div div div div div div div{
	background:none;
	padding:4px 5px;
	#padding:0 5px;
	color:#ccc;
}

.btn1 div div div div div div div:hover {
	color:#FDB813;
}

.btn1 div div div div div div div:active {
	color:#ccc;
}

.btn1:focus div div div div div div div {
    text-decoration:underline;
    font-weight:bold;
    color:#3333FF;
}

.copyright{
	color:#333333;
	font-size:12px;
	margin:11px 10px 0;
	height:30px;
}

/*Unit Status Display  - Unit Status Display Screen*/

.tbl{
	width:425px;
	font-size:14px;
}

.tbl a {
	color:#000033;
	text-decoration:none;
}

.tbl td, .tbl th{
	border-left:#333 solid 1px;
	border-bottom:#333 solid 1px;
	padding:5px;
}

.tbl thead{
	color:#3F3F3F;
	background:url(/images/tbl-th-bg.jpg) repeat-x;
}

.tbllft td {
    text-align:left;
}
/*
#manage_units_tbl td, #manage_units_tbl th {
    width:33%;
}
*/
.no-bt-brdr td{
	border-bottom:none;
}

.logform {
	width: 369px;
	background:#333 url(/images/pb.gif) top repeat-x;
	display:block;
	margin:0 auto;
}

.logform span{
	/*background:url(/images/pb.gif) right repeat-y;*/
	display:block;
}
/*
.logform span span {
	background:url(/images/pb.gif) bottom repeat-x;
}

.logform span span span {
	background:url(/images/pb.gif) left repeat-y;
}

.logform span span span span {
	background:url(/images/logform-t.jpg) top repeat-x;
}

.logform span span span span span {
	background:url(/images/logform-rt.jpg) right top no-repeat;
}

.logform span span span span  span span{
	background:url(/images/logform-rb.jpg) right bottom no-repeat;
}

.logform span span span span  span span span{
	background:url(/images/logform-lb.jpg) left bottom no-repeat;
}

.logform span span span span  span span span span{
	background:url(/images/logform-lt.jpg) left top no-repeat;
}
*/
.logformcont {
	border:none;
	padding:40px 0 10px 20px;
}

.logformcont input, .logformcont select{
	width:222px;
	height:15px;
	border:#0B55B0 solid 1px;
}

.logformcont td{
	color:#FFFFFF;
	font-size:13px;
}

.logformcont label {
    display: block;
}

/*color tabs*/

.tabcol{
	height:25px;
	float:left;
	width:209px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}

.tabcol div{
	height:5px;
}

.drl{
	
	color:#008AE4;
	font-size:12px;
	cursor:pointer;
}

.car-gr{
	background:url(/images/car-gr.jpg) 5px 5px no-repeat;
}

.car-ye{
	background:url(/images/car-ye.jpg) 5px 5px no-repeat;
}

.car-bl{
	background:url(/images/car-bl.jpg) 5px 5px no-repeat;
}

.sub-lev{
	color:#797979;
}

#map{
	height: 500px;
	width: 1001px;
	margin:0 1px;
}

#map div {
	background:none;
}

.light:hover {
    color: #3333FF;
}

.pager{
    font-size: 10px;
    padding-top: 5px;
    text-align: center;
    background: none;
    display: block;
}

.pager b{
    text-decoration: underline;
    font-size: 12px;
}

.pager a{
    color: #051363;
    text-decoration: none;
    cursor: pointer;
}

.status_icon {
    background:url(/images/icon-status.png)  no-repeat; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/icon-status.png"); 
    #background:none;
}

.history_icon {
    background:url(/images/icon-history.png) no-repeat; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/icon-history.png"); 
    #background:none;
}

.config_icon {
    background:url(/images/icon-config.png) no-repeat; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/icon-config.png"); 
    #background:none;
}

.salesforce_logo {
    background:url(/images/salesforce_logo.png) no-repeat; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/salesforce_logo.png"); 
    #background:none;
}

.dash_icon {
    background:url(/images/icon-dash.png) no-repeat; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/icon-dash.png"); 
    #background:none;
}

.left_icon {
    background:url(/images/icon-left.png) no-repeat; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/icon-left.png"); 
    #background:none;
}

.nm th span {
    cursor: pointer;
}

/*
 * tooltip styles
 */

/* outer div to clip tooltip element when interlaced by next ones */
.tooltip {
    qposition:relative;
}

.tooltip a {
    background-color: #FAFAD2;
	padding: 1px;
    /*border: black solid 1px;*/
    font-size: 8pt;
    font-weight: normal;
    cursor: default;
    padding-top: 1pt;
    padding-bottom: 1pt;
    display: block;
    position:absolute;
    z-index: 0;
    color: blue;
    text-decoration: none;
}

.tooltip a:hover {
	z-index: 100;
	color: #FF0000;
	#padding: 1px;
}

.help a:hover {
	color: blue;
}

.error {
	font-size: 10pt;
	font-weight: bold;
	color: #DC143C;
}

#loading_unit_config {
    background: none;
}

.selbr select {
    display: block;
    width: 200px;
}

#item_ {
    display: none;
}

.activetab div div div{
    color: #FF0000;
}

#firsttab {
    margin:0 1px 1px 231px; 
    //margin-left:116px;
}

*+html #firsttab {
    margin-left:239px;
}

.fieldscont {
    float: left;
    width: 176px;
    margin: 0 15px;
}

#unitstpl, #unit_statustpl, #unit_historytpl, #tierstpl, #groupstpl, #report_fieldtpl {
    display: none;
}

#report_name {
    margin: 10px 15px;
}

#fieldscont {

}

#ball_green {
    background:url(/images/ball_green.png) no-repeat;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/ball_green.png");
    #background:none;
}

#ball_yellow {
    background:url(/images/ball_yellow.png) no-repeat;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/ball_yellow.png");
    #background:none;
}


.preload1 {background: url(/images/three_1.gif);}
.preload2 {background: url(/images/three_1a.gif);}

#nav {padding:0; margin:0; list-style:none; height:38px; background:transparent url(/images/three_0.gif) repeat scroll 0 0; position:relative; z-index:500; font-family:arial, verdana, sans-serif; font-weight:bold;}
#nav li.top {display:block; float:left; height:38px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#333132; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 16px; cursor:pointer;background: url(/images/three_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 20px 0 11px; height:35px; background: url(files/three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 20px 0 11px; height:35px; background: url(files/three_0a.gif) no-repeat right top;}

#nav li:hover a.top_link {color:#fff; background: url(/images/three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(/images/three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(/images/three_1a.gif) no-repeat right top;}

nav li.active {display:block; float:left; height:38px;}
nav li a.active {display:block; float:left; height:35px; line-height:33px; color:#333132; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 16px; cursor:pointer;background: url(files/three_1.gif);}
nav li a.active span {float:left; display:block; padding:0 28px 0 11px; height:35px; background: url(files/three_1.gif) right top no-repeat;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:38px; background: #ccc; padding:3px; border:1px solid #666; white-space:nowrap; width:90px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:88px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #ccc;}
#nav li ul.sub li a.fly
{background:#ccc url(/images/arrow.gif) 80px 6px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#FDB813; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#FDB813 url(/images/arrow_over.gif) 80px 6px no-repeat; color:#fff;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #ccc; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#E59802 url(/images/arrow_dark.gif) 80px 6px no-repeat; color:#666; border-color:#666;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#ccc url(/images/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#bbd37e;} 


.pin {
    width: 16px;
    height: 16px;
    float: right;
    margin: 1px;
    padding: 1px;
    cursor: pointer;
}

.red {
    border: 2px solid  #B22222;
}

.green {
    border: 2px solid #029602;
}

/*
 * hide elements with preserving space
 */
.hidden { visibility:hidden }