body	
	{
        margin: 0px;
	}


/*
***************************************
General Styles
***************************************
*/
.hidden
	{
	display:none;
	}
.small_text
	{
	font-size:.9em;
	color:#808080;
	}

.table_header, .table_header a
{
	font-size:1.0em;
	font-weight:bold;
	color:#498FAF;
}

.table_subheader, .table_subheader a
{
	font-size:1.0em;
	font-weight:bold;
	color:#498FAF;
}

.srfHeader {
	background:#ffffff
	font-size:12px;
		 }

.helpTitle
		{
		font-size:16px;
		color:#4c4c4c;
		font-weight:bold;
		letter-spacing:2px;
		}

#mapWrapper
		{
		border:1px solid #000066;
		margin:0;
		padding:0;
		width:845px;
		margin-left:auto;
		margin-right:auto;
		height:1%;

		}

/*
***************************************
Drop Down Navigation Styles
***************************************
*/

.whiteLink{
	float: right;
}

.whiteLink a:hover{
	text-decoration:underline;
}
.whiteLink a:visited{
	color:white;
}

.navSelect ul li
   	{
   	margin-left:0;
   	padding-left:0;
   	font-size:.8em;
   	}
ul.topnav {
	list-style: none;
	padding: 0 20px;
	margin: 0;
	float: left;
	width: 845px;
	font-size: 1.2em;
	background: #336699;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;

}


ul.topnav li a{
	padding: 10px 5px;

	color: #fff;
	text-decoration: none;
	float: left;
}

.title{
	padding: 12px 5px;
	color: #fff;
	margin-left:15px;
	text-decoration: none;
	float: left;
	font-weight:bold;

}
.titleMain{
	padding: 12px 5px;
	margin-left:35px;
	color: #fff;
	text-decoration: none;
	float: right;
	font-weight:bold;
}

ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0;
	top:7px;
	background: #333;
	padding: 0;
	margin-left: -10px;
	_margin-left: -20px;
	display: none;
	float: left;
	width: 844px;
	border: 1px solid #111;
}

ul.topnav li #selectMap{
	height:70px;
}

ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	font-size:12px;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	width: 420px;
	float:left;
	height:35px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 405px;
	font-size:.9em;
	background: #333 url(dropdown_linkbg.gif) no-repeat 2px center;
	padding-left: 10px;
	color:white;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(dropdown_linkbg.gif) no-repeat 2px center;
}

	
/*
***************************************
Table Highlighting Styles
***************************************
*/

.datatable
           {
           border-collapse:collapse;
           }
.stripe td * {
	padding: 6px 11px;
}

.stripe tr.alt td {
	background-color:#F0F0F6;

}

.stripe tr.over td {
	background: #bdeea3;
}

.datatable td
	{padding:5px;
	 border:1px solid #e7e8ea;
	 }

.datatable th
	{
	 background: rgb(216, 227, 234);
	 padding-right:25px;
	 padding-top:23px;
	 padding-bottom:0px;

	}

.datatable th.headerSortUp {
    background-image: url(/otis/img/asc.gif);
    background-color:#91A7B5;
}


.datatable th.headerSortDown {
    background-image: url(/otis/img/desc.gif) right no-repeat;
    background-color: #91A7B5;
}

.datatable th.header {
    background-image: url(/otis/img/bg.gif);
    cursor: pointer;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: center right;
    padding-left: 20px;
    padding-bottom: 10px;
    border-right: 1px solid #dad9c7;
    margin-left: -1px;
    text-align:center;
}

/*
***************************************
Table of Contents Styles
***************************************
*/

ul#toc
	{
	list-style:none;
	width:100%;
	margin: 0 auto;
	padding:0;
	}

#toc li
 	{
 	margin-top:3px;
 	margin-bottom:3px;
 	padding-top:3px;
 	border-bottom:1px dashed #CCCCCC;
 	}

#toc li a
	{
	float:right;
	background:#FFF;
	padding: 0 4px 0 0;
	color:#498FAF;
	font-weight:bold;
	}

#toc li span
	{
	float:left;
	background:#FFF;
	padding 0 0 0 4px;
	font-weight:bold;
	}

#toc li br
	{
	clear:both;
	}

#toc li a:visited
	{
	color:#498FAF;
	font-weight:bold;
	}



#universeTitle
		{
		border:0;
		margin:0;
		padding:0;
		width:845px;
		margin-left:auto;
		margin-right:auto;
		height:1%;
		text-align:right;
		color:#336699;
		font-weight:bold;
		font-size:16px;
		/*font-style: italic;*/
		margin-bottom:-4px;
		}


/*
***************************************
Lightbox - Loading Page Styles
***************************************
*/
  

/*this is what we want the div to look like when it is not showing*/
div.loading-invisible
	{
	display:none;
	}

/*this is what we want the div to look like when it IS showing*/
div.loading-visible
	{
	display:block;
    	position:absolute;
    	top:200px;
    	left:0;
    	width:100%;
    	text-align:center;
	/*in supporting browsers, make it a little transparent*/
    	background:#fff;
    	opacity:.75;
    	border-top:1px solid #ddd;
    	border-bottom:1px solid #ddd;
    	}

#loadingImage 
	{
	height:260px;
	width:260px;
	background:url('/echo/ancr/us/img/loading.gif') no-repeat center top;
	}

#loadedImage 
	{
	height:260px;
	width:260px;
	background:url('/echo/ancr/us/img/loaded.gif') no-repeat center top;
	}