/* CSS Document for GPMS*/

#banner {
    background-color: #FFFFFF;
    color: #000;
    border-bottom: 1px solid #000; 
	}
#header {
    background-color: #DAD8D8;
    color: #000;
    border-bottom: 1px solid #000; 
    }

  #header h1 b {
   
    height: 10px;
    font-size: 10px!important;
    text-align: left;
    color: black;
    float: left;
    width: 350px !important;    
    }

  #header .sysNav  {
    margin: 0;
    padding: 2;
    text-align: right;
    color: #DAD8D8;
    font-size: 10px;
    white-space: nowrap;  
    }

 
/* Original
h1 {
	color: #AAA; 
	border-bottom: 1px solid; 
	margin-bottom: 0;} */
h1 {color: #FFF; background: rgb(0%,56%,84%);
  font: bold 90%/1em  Verdana, sans-serif, Arial;
  padding: 1em 1em 0;  margin: 0;
  border: 1px solid rgb(0%,31%,46%);
  border-width: 2px 2px;
  float: center;
  margin:0px 5px 5px 2px;
  }

div#main {color: #CCC; margin-left: 2em; padding: 2em 0 1px 5%;
  border-left: 1px solid;}
  
/*#main optionsHeader {color: #CCC; margin-left: 2em; padding: 2em 0 1px 5%;
  border-left: 1px solid; font:24px/24px verdana, arial, helvetica, sans-serif;
	}  */
div#main span.sectionHeader {
	font:bold 16px/16px verdana, arial, helvetica, sans-serif;
	color: #003399;
	padding-bottom: 10em;
	}
form {
	margin: 0 0 0 0;
	padding: 0;
	border: 0;
    }
form table
{
	background-color: #f7f7e7;
}
  
div#nav {
	float: right;
	margin: -1px 0 0 2em;
	background: #008FD6;
	border: 0px solid #AAA;
	position:absolute;
	left: 403px;
	top: 58px;
	font: 15px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
div#nav ul {margin: 0; padding: 0; background: #008FD6;
  border: 1px solid #CCC; border-width: 0 1px;}
div#nav li {position: relative; list-style: none; margin: 0;
  float: left; width: 7em; line-height: 1em;}
div#nav li:hover {background: #E72E4E;}
div#nav li.submenu {background: url(../images/dropmenu.gif) 95% 50% no-repeat;}
div#nav li.submenu:hover {background-color: #AD043D;}
div#nav li a {
	display: block;
	padding: 0.25em 0.5em 0.25em 0.5em;
	text-decoration: underline;
	width: 6.5em;
	color: #FFFFFF;
}
div#nav>ul a {width: auto;}
div#nav ul ul {position: absolute; width: 7em;
  display: none;}
div#nav ul ul li {border-bottom: 1px solid #CCC;}
div#nav li.submenu li.submenu {background: url(../images/submenu.gif) 95% 50% no-repeat;}
div#nav li.submenu li.submenu:hover {background-color: #EDD;}
div#nav li.submenu li.submenu:hover {background-color: #EDD;}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}
div#nav ul.level2 {top: 1.5em; left: -1px;}
div#nav ul.level3 {top: -1px; left: 7em;
  border-top: 1px solid #CCC;}
  
  
  /* Table layout */

 #simple table {
 background-color: #000000;
 color: #000000;
 width: 85%;
border: 1px solid #D7E5F2;
 border-collapse: collapse;
}

#simple tr th {
	background-color: #CCCC99;
	color: #59636F;
	font-weight: bold;
	font-size:14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	}

#simple tr td{
	font-family: "lucida grande", verdana, sans-serif;
	font-size: 12px;
	padding: 2px 8px;
	background-color: #f7f7e7;
	color: #59636F;
	text-align: center;
	font-weight: bold;
	}


/* end table layout */
#optionsHeader {
	margin:20px 100px 0px 100px;
	padding:0px;
	font:24px/24px verdana, arial, helvetica, sans-serif;
	background-color:#eee;
	color:#09C;
	border: 1px dashed black;
	}
#options {
	margin:0px 100px 50px;
	padding:20px;
	color:black;
	background-color:#eee;
	border:1px dashed black;
	}
#options p {
	font-size:11px;
	line-height:20px;
	font-family:verdana, arial, helvetica, sans-serif;
	margin:0px 0px 12px 0px;	
	}
#options>p {margin:0px;}
#options>p+p {text-indent:30px;}

#options a {
	color:#09C;
	font-size:11px;
	text-decoration:none;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
	}
#options a:link {color:#09c;}
/* #options a:visited {color:#07a;}*/
/*#options a:hover {background-color:white;}*/

#options h1 {
	color:#333;
	font:20px/20px verdana, arial, helvetica, sans-serif;
	font-weight:900;
	}
#options h2 {
	color:#333;
	font:12px verdana, arial, helvetica, sans-serif;
	font-weight:700;
	margin:18px 0px 3px 0px;
	}
#options h3 {
	color:#666;
	font-size:11px;
	font-weight:800;
	margin:6px 0px 3px 0px;
	}

/*begin field cell / button layout */
#simple tr td.fieldcell {
	background-color: #f7f7e7;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	margin-right: 0px;
	border-right: 1px solid #000000;
	padding: 0;
	
}

#simple tr td.required {
	background-color: #f7f7e7;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FF0000;
	text-align: center;
	margin-right: 0px;
	border-right: 1px solid #000000;
	padding: 0;
	
}

.fieldcell input {
	width: 200px;
	text-indent:0px;
	font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #000000;
	border: 1px solid #284279;
	margin-right: 0px;
	border-left: 1px solid #284279;
} 

.smallfieldcell input {
 width: 15px;
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 border: 1px solid #284279;
 margin-right: 0px;
} 

.fieldcell select {
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #ffffff;
 color: #102132;
 border: 1px solid #284279;
}

.button {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
 background-color: #008ed6;
 color: #ffffff;
 margin-left: 12px;
 margin-top: 3px;
 margin-bottom: 2px;
 float:center;
}
#formsHeader {
	margin:20px 150px 0px 250px;
	padding:0px;
	font:22px/22px verdana, arial, helvetica, sans-serif;
	}

#formLogin {
	margin:0px 250px 50px;
	padding:20px;
	color:black;
	background-color:#eee;
	border:1px dashed black;
	clear: both;
  	padding-top: 10px;
  	width: 350px;
	}
	.required {color: #FF0000}
/*end field cell / button layout */