/* CSS Document */

/* set all element to zero value */

* {
padding: 0;
margin: 0; 
}

/* Copyright */
div#copyright {
	margin: 0 auto;
	width: 950px;
	clear: both;
	text-align: left;
	font-size: 0.8em;
}


/* FIX LIST STYLES */
/*CHANGES MADE BY CHRIS DUNSING - Styles added.
div #column1 ul, div #column2 ul, div #column3 ul{
margin-left:5px;
}
div #column1 ol, div #column2 ol, div #column3 ol{
margin-left:10px;
}
div #column1 ul li, div #column2 ul li, div #column3 ul li{
margin-left:22px;
}
div #column1 ol li, div #column2 ol li, div #column3 ol li{
margin-left:22px;
}
*/
/* commom typography settings */

html{
font-family:Arial, Verdana, Helvetica, sans-serif; 
font-weight:normal;
color:#000;
font-size:14px;
}

p {
padding-bottom: 1em;
}

h1{
font-size:14px;
font-weight:bold;
padding-top:5px;
clear:both;
}
h2{
font-size:12px;
font-weight:bold;
}

.h2{
font-size:12px;
font-weight:bold;
}
h3{
font-size:11px;
font-weight:bold;
}

.intactness{
font-size: 11px;
}
.graph-line-title{
font-size: 10px;
color:#666;
}
.graph-line-data{
font-size: 10px;
color:#000;
}


/* general settings */
/*CHANGES MADE BY CHRIS DUNSING - Styles removed.*/

a.small-link:link , a.small-link:visited{
font-size: 11px;
}
a.small-link:hover{
color:#000;
}

 a:link, a:visited{
 color: #2563A7;
 }
#common #column2 a:link, #column2 a:visited{
color: #2563A7; 
/*text-decoration: none;*/
/*font-size:11px;*/
}
#common #column2 a:hover{
text-decoration: none;
}
#common #column2 a:active{
color: #2563A7; text-decoration: none;
}

#column1 #program-news a:link,#column1 #program-news a:visited{
color: #2563A7; text-decoration: underline; font-size:11px;
}
#column1 #program-news a:hover{
text-decoration: none;
}
#column1 #program-news a:active{
color: #2563A7; text-decoration: none;
}
#column1 #featured-sponsor a:link,#column1 #featured-sponsor a:visited{
color: #2563A7; text-decoration: underline; font-size:11px;
}
#column1 #featured-sponsor a:hover{
text-decoration: none;
}
#column1 #featured-sponsor a:active{
color: #2563A7; text-decoration: none;
}
#column1 #login a:link,#column1 #login a:visited{
color: #2563A7; text-decoration: underline; font-size:11px;
}
#column1 #login a:hover{
text-decoration: none;
}
#column1 #login a:active{
color: #2563A7; text-decoration: none;
}

.OraLink{color: #2563A7;}

img, a img {
border: none;
}


/* common layout settings */

body{
padding-bottom:50px;
/*background: #638392 url(../images/bg.gif) repeat;*/
background: #ffffff;
text-align:center;
}

#top-frame{
height:4px; margin:0 3px;
/*background:url(../images/top-frame.gif) no-repeat;*/
overflow:hidden;
}

#container{
width:960px; margin: 0 auto;
text-align: left;
}
#header-wrap{
width:960px; height:120px; padding: 0 7px;	
/*background:url(../images/container-bg.gif) repeat-y;*/
}
#header-divider{
height:118px; position:relative;
/*border-bottom:#000 solid 1px;*/
}
#header-logo{
width:150px; height:118px;
text-align:center;
/*border-bottom:#000 solid 1px;	*/
}
#header-banner{
width:810px; height:120px; position:absolute; top:0px; left:150px;
background:url(../images/header-bottom-edge.gif) repeat-x;
border-bottom:none;
}
#navigation{
width:785px; height:33px; position:absolute; top:86px; left:10px;
}
#navigation li{
	float:left; height:33px;margin-top:0px;
}
#nav-main{
	width:330px; height:33px;
	list-style:none;                                        
}
	#nav-main a{
		height:33px; display:block;
		text-decoration:none;
	}
	
	#nav-browser a{
		width:144px;
		background:url(/mycompoundid/images/nav-main-possiblereactions.gif) no-repeat;
	}
	#nav-data a{
		width:65px; 
		background:url(/mycompoundid/images/nav-main-search.gif) no-repeat;
	}
	#nav-reports a{
		width:97px;
		background:url(/mycompoundid/images/nav-main-batchmode.gif) no-repeat;
	}
	#nav-about a{
		width:97px;
		background:url(/mycompoundid/images/nav-main-about.gif) no-repeat;
	}
	
	
		#nav-main a:hover{
			background-position:0 -33px;

		}
		#nav-main .active a, #nav-main .active a:hover{
			background-position:0 -66px;
		}
#nav-main-html{
	/*width:325px; height:33px; padding-left:10px;*/
        width:325px; height:33px; padding-left:10px;;
	list-style:none;                               
}
	#nav-main-html a{
		display: block; height:20px; width: auto; line-height: 20px; padding: 0px; margin: 6px 0; font-weight:normal;
		font-size: 10px; color: #FFF; text-decoration: underline;
		float:left; 
	}
	#nav-main-html a:hover, #nav-main-html .active a{
		text-decoration:none; font-weight:bold;
		background:url(/mycompoundid/images/nav-html-hover.gif) center bottom no-repeat;
	}
	#nav-main-html a:hover{
		font-weight:normal;
	}
	#nav-main-html .active a:hover{
		font-weight:bold;
	}
	#nav-main-html .divider{
		display:block; height:10px; width: auto; line-height:10px; margin:10px 0; padding: 0 5px;
		font-size: 10px; color: #FFF; text-decoration: none;
		float:left;
	}
/* common layout */
#common #body-wrap{
background:url(../images/container-bg.gif);
display:table;
width:980px;
margin:auto;
}
/* common 1 column framework */
#common.one-column #column1{
padding:15px 32px;
}
/* common 2 column framework */
#common.two-column #column1{
width:195px; margin: 15px 0 15px 32px; height:auto; float:left;
}
#common.two-column #column2{
width:695px; margin: 15px 32px 15px 25px; height:auto; float:left;
}
/*CHANGES MADE BY CHRIS DUNSING - Styles added.*/

/* common 3 column framework */
#common.three-column #column1{
width:195px; margin: 15px 0 15px 32px; height:auto; float:left;
}
#common.three-column #column2{
width:450px; margin: 15px 25px 15px 25px; height:auto; float:left;
}
#common.three-column #column3{
width:195px; margin: 15px 25px 15px 25px; height:auto; float:left;
}	

#bottom-shade{
width:979px; height:14px;
background:url(/mycompoundid/images/bottom-shade.gif) no-repeat;
}



















/* misc settings */
.column{
float:left;
}

.hide-element{
visibility:hidden;
}

.divider-gray{
border-bottom:dotted 1px rgb(82,82,82);
margin-bottom:1em;
}

.divider-green{
border-bottom:dotted 1px #3e964e;
margin-bottom:1em;
}
div.body-divider{
border-bottom:solid 1px rgb(82,82,82);
margin-bottom:1em;
}
hr.clearfloat {
visibility: hidden; float:none; clear:both; border: none; height: 0; width:1px; font-size: 0;
}
.grey{
color:#666;
}
.bottom-margin{
margin-bottom:5px;
}
.normal{
font-weight:normal;
}


/* APPENDED FIXES TO CSS */
#column1 p{
padding-bottom: 8px;
}
#breadcrumb li{
float:left;
margin-right:-16px;        
}
#breadcrumb{
display:block;
list-style:none;        
}
ul.ulspacing li{
margin-bottom:5px;
list-style:none;        
}
input, select{
font-size:12px;
}
.custom-textfield{
background-color:#e9fbfb;
border:1px solid #5c9082;
}
.saved-areas h1{
font-size:12px;
}
.saved-areas p, .saved-areas h2{
font-size:10px;
}


/* APPENDED CSS */
.numbered-list{
list-style-type:none;
margin:5px 5px 15px 5px;
}

/* LOGIN STATUS INDICATOR */
#login-status-indicator{
background-color:#FFF;
position:absolute; top:0; left:0;
height:15px;
padding:2px 10px;
}

/*CHANGES MADE BY CHRIS DUNSING - Styles added.*/
#login{	
border-bottom:1px solid rgb(82,82,82);  
border-bottom-style:dotted;
}
.blue{
color:#2563A7;
}

.left-nav{
padding:5px 10px 0px 28px;
border-bottom:1px solid rgb(82,82,82); 
cursor:pointer;
width: 185px;
}

.left-nav:hover{
background:url(../images/featured-sponsors-bg.gif) repeat-y;
}
.left-nav-expanded{
padding:5px 10px 0px 28px;
background:url(../images/program-news-bg.gif) repeat-y;
border-bottom:1px solid rgb(82,82,82);  
border-bottom-style:dotted;   
width: 185px; 
}

.left-nav-expanded a:link,.left-nav-expanded a:visited{
color: #2563A7; text-decoration: none; font-size:11px;
}
.left-nav-expanded a:hover{
text-decoration: underline; /*changed from none to underline by joan*/
}
.left-nav-expanded a:active{
color: #2563A7; text-decoration: none;
}
  /*#2563A7;              */
/** ADF skin selectors **/

/*CHANGES MADE BY CHRIS DUNSING - Styles changed.*/
.AFFieldText{
font-size: 1em;
vertical-align:middle;
font-family: Verdana, Arial, sans-serif; 
width:150px;
}
label 
{
margin:0px; padding:0px;padding-left:5px;
}
.AFLabelText
{
vertical-align:middle;
font-weight: bold; 
}
.AFFieldTextDisabled
{
vertical-align:middle;
font-weight: bold; 
padding-left:5px; 
}

.af_column_cell-text
{
background-color:transparent;
 margin-left: 0px;
}


.p_OraHiddenLabel{
display:none;
}

.AFRequiredIconStyle{
display: none;    
}
/*******************/                                     

.home #definitions{
padding:10px 10px 10px 28px;
}

.errorMessageStyle{
color:rgb(255,0,0);
font-weight: bolder;
}

.displayLabel{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#000;
font-size:11px;    
}

.leftMenuActive{
font-weight: bold; 
}

.leftMenuInactive{
font-weight: normal; 
}

.left-nav-expanded-no-sep{
}               



/*CHANGES MADE BY CHRIS DUNSING - Styles changed.*/
.left-nav-sep{
padding:5px 10px 0px 28px;
border-bottom:1px solid rgb(82,82,82);     
border-bottom-style:dotted;
cursor:pointer;
width: 222px;
}

.left-nav-expanded-sep{
padding:5px 10px 0px 28px;
background:url(../images/program-news-bg.gif) repeat-y;
border-bottom:1px solid rgb(82,82,82);    
border-bottom-style:dotted;         
width: 222px; 
}
/* added by Joan */
.h2-class-blue{
display:block;
/*color:rgb(4,66,148);*/
padding-top:3px;
padding-bottom:5px;
font-size:12px;
text-decoration:none;
font-weight:bold;
}

/*CHANGES MADE BY CHRIS DUNSING - Styles changed.*/
.h2-class{
display:block;
color:#000;
padding-top:3px;
padding-bottom:5px;
font-size:12px;
text-decoration:none;
font-weight:bold;
}
.h2-class:link{
display:block;
color:#000;
padding-top:3px;
padding-bottom:5px;
font-size:12px;
text-decoration:none;
font-weight:bold;
}
.h2-class:hover{
display:block;
color:#000;
padding-top:3px;
padding-bottom:5px;
font-size:12px;
text-decoration:underline;
font-weight:bold;
}

.html-class{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#000;
font-size:11px;
/*font: normal 62.5% Verdana, Arial, sans-serif; color:#000;*/ 	
}

.table-no-border, .table-no-border tr, .table-no-border td{
border:none;
margin:0px; padding:0px;
}

/*CHANGES MADE BY CHRIS DUNSING - Styles added.*/

#report-category-hide .OraLink:link, #report-category-hide .OraLink:hover, #report-category-hide a.OraLink {text-decoration:none;}

.h1-class{
font-size:14px;
font-weight:bold;
padding-top:5px;
clear:both;

}


.italic {
    font-style:italic;
}


/*----------content management defined ------------*/
.abmicontent {font-size: 13px; line-height:20px;}
/*.abmicontent a {font-size: 13px;}*/
.abmicontent ol {margin:0px 0 10px 0;}
.abmicontent ul {margin:0px 0 10px 0;}
.abmicontent table  {margin:10px;}
.abmicontent img  {margin:8px;}
.abmicontent .table-border  { border: 1px solid  #000; border-spacing: 0px; border-collapse: collapse; font-size:11px;}
.abmicontent .table-border  td { border: 1px solid  #000; border-spacing: 0px; border-collapse: collapse; padding:2px;}

.abmicontent .pad  td {padding: 5px 5px 5px 5px;}
.abmicontent th1{
    font-weight:bold;
    
}

.abmicontent h1 {
    font-size:13px;
    font-weight:bold;
     padding-top:5px;
    padding-bottom:5px; color: #004a00;
    
}

.abmicontent h2{
    font-size:12px;
    font-weight:bold;
     padding-top:5px;
    padding-bottom:5px;
}


.abmicontent h3 {
    font-size:11px;
    font-weight:bold;
     padding-top:5px;
    padding-bottom:5px;
}

.abmicontent h4 {
   font-size:11px;
    font-weight:bold; font-style: italic;
     padding-top:5px;
    padding-bottom:5px;
}

.abmicontent h5 {
    font-size:10px;
    font-weight:bold;
     padding-top:5px;
    padding-bottom:5px;
}

.abmicontent h6 {
    font-size:10px;
     padding-top:5px;
    padding-bottom:5px;
}

.abmicontent .h1 {
    font-size:13px;
    font-weight:bold;
     padding-top:5px;
    padding-bottom:5px; color: #004a00;
    
}

.abmicontent .h2{
    font-size:12px;
    font-weight:bold;
     padding-top:5px;
    padding-bottom:5px;
}


.abmicontent .h3 {
    font-size:11px;
    font-weight:bold;
     padding-top:5px;
    padding-bottom:5px;
}

.abmicontent .h4 {
   font-size:11px;
    font-weight:bold; font-style: italic;
     padding-top:5px;
    padding-bottom:5px;
}

.abmicontent .h5 {
    font-size:10px;
    font-weight:bold;
     padding-top:5px;
    padding-bottom:5px;
}

.abmicontent .h6 {
    font-size:10px;
     padding-top:5px;
    padding-bottom:5px;
}


#species-details-copy-wrap h1{
    font-size:11px;
    font-weight:bold;
    
}

#species-details-copy-wrap h2{
    font-size:10px;
    font-weight:bold;
    
}


.abmicontent ul{
margin-left:5px;
}
.abmicontent ol{
margin-left:10px;
}
.abmicontent ul li{
margin-left:22px; padding-bottom: 5px;

}
.abmicontent ol li{
margin-left:22px;
margin-left:22px; padding-bottom: 5px;
}


/*extra large title for land user information*/
.large_title {font-size:20px; padding: 10px 0;}


/*glossary*/
#styled-definitions {max-height: 200px; overflow-y:auto;} 