/* CSS Document */
html, body, #searchForm {height: 100%; width: 100%; margin: 0px; padding: 0px;}
body {background-image: url(/mcidas/images/top/left-column-bg.jpg);
      background-repeat: repeat-y; background-color: #D5E9FF; font-family: "Times New Roman", Times, serif;
      /*font-size: 16px;*/ font-size: 14px;}

/* TOP NAVIGATION BAR AND LAYOUT */
#layoutTable {width: 100%; height: 100%; border: none;}

.topnav {background-color: #2B315C;	text-align: right; font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; font-size: 12px; background-image: url(/mcidas/images/secondary/topnav-bg.gif);
	background-repeat: repeat-x; white-space: nowrap;}
.topnav a {padding: 2px;}	
.topnav a:link, .topnav a:visited {color: yellow; text-decoration: none;}
.topnav a:active, .topnav a:hover {color: red; text-decoration: none;}
.topnav a:hover {background-color: white;}

/* THIS WAS WHAT WAS BEING DONE, BUT THEN WE DECIDED TO IGNORE IE AND JUST SET TO PROPER HEIGHT */
/*.topnav {height: 19px;}*/ /* SET FOR IE, WHICH HAS A BUG THAT REQUIRES THIS SHORT HEIGHT */
/*td[class=topnav] {height: 30px;}*/  /* THEN, RESET CORRECT HEIGHT FOR OTHER BROWSERS - IE DOESN'T SEE THIS */
.topnav {height: 30px;} 

#topleft {z-index: 1000; position: absolute; left: 0px; top: 0px;}
#topleft a img {width: 182px; height: 91px; border: none;}
	  
#topleftback {z-index: 500; position: absolute; left: 158px; top: 0px;}
#topleftback a img {border: none;}

/* CONTENT AREA */
#content {background-image: url(/mcidas/images/secondary/bg-short.jpg); background-repeat: no-repeat;}
.pagetitle {font-size: 30px; font-weight: bold; margin: 0px auto 25px 20px;}
li {padding-bottom: 6px;}

/* FOOTER */
#footer {border-top: solid 1px #666666; margin-top: 20px; margin-bottom: 20px; margin-right: 10px;}

/* LEFT NAVIGATION AND POPUP MENUS */
#leftnav {width: 166px; padding-top: 66px; z-index: 10;}
#leftnav, #bottomnav {font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold;}	
#leftnav a {color: #FFFF00; text-decoration: none;}

#leftnav div.navdiv {position: relative; width: 143px; font-weight: normal; padding-top: 2px; 
                     padding-bottom: 2px; padding-left: 18px; left: 0px; top: 0px;}
div.navdiv a {display: block; width: 100%;}
div.navdiv div.submenu {position: absolute; left: 159px; top: -3px; width: 16.5em; background-color: #2C325C; 
                        white-space: nowrap; padding: 3px 3px 3px 0px;}

div.submenu p {margin: 0px; padding: 0px 5px 0px 5px; text-align: left;}
div.submenu p a {line-height: normal; color: #FFFF00 !important; display: block; margin: 0px; 
                 padding: 0px; width: 100%; font-weight: bold;}

.navheading-bot a, .navheading a {display: block; font-size: 13px; font-weight: bold; padding-left: 6px; 
                                  margin: 0px; width: 155px;}  
#bottomnav {margin-top:20px;}	
#bottomnav a {color: #FFFF00; text-decoration: none;}
.navheading-bot a {padding-left: 12px; width: 149px;}

/* HOVER EFFECTS */
div.submenu p:hover a {color: red !important;}
div.submenu p:hover {background-color: #FFFFFF;}
div.submenu p a:hover {color: red !important; background-color: #FFFFFF;} 

#leftnav div.navdiv:hover {background-color: #FFFFFF;} 
#leftnav div.navdiv:hover a {color: red;} 
div.navdiv a:hover {background-color: white;}

#leftnav a:hover {color: red; background-color: white;}
.navheading a:hover {background-color: white; color: red;}
#bottomnav a:hover {color: #FF0000;}
.navheading-bot a:hover {background-color: #FFFFFF;}

/* HIDE POPUP MENUS AND USE JAVASCRIPT TO UNHIDE/HIDE THEM */
#leftnav div.navdiv div.submenu {display: none;}

/* HYPERLINKS */
a:link{color: blue;}
a:visited{color: red;}
a:active{color: purple;}
a:hover{color: purple;}

/* USER_INFO */
.user_info_unsubmitted {
  border:1px solid #AA0000;
  background-color:#FFDDDD;
  padding:4px;
}
.user_info_submitted {
  border:1px solid #00AA00;
  background-color:#DDFFDD;
  padding:4px;
}
.user_info_header {
  border-bottom:1px solid #000000;
  font-weight:bold;
  text-align:center;
}
.user_info_input {
  width:100%;
}
.user_info_button {
  width:100%;
}

.imagecaption {
  float: left;
  text-align: center;
  padding: 10px;
  margin: 10px;
}

/* PRINT ONLY THE CONTENT */
@media print {
  body { background-image:url(); background-color:white; margin-top:-25px; }
  #content { background-image:url(); background-color:white; }
  .topnav { display:none; }
  #topleftback { display:none; }
  #topleft { display:none; }
  .navdiv { display:none; }
  #leftnav { display:none; }
  #leftnav, #bottomnav { display:none; }
}