/***************************************
	WEB_goamp.css
	Rev: 1.0
***************************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	}
	
/************** CLASSES ***************/

.pagetopic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	}
	
.paragraphheading {
	color: #005596;
	font-weight: bold;
	}

.dropcap {
	font-size: 3em;
	font-family: "Times New Roman", Times, serif;
	}
	
.pullquoteleft {
	font-size: 1.3em;
	text-align: center;
	color: #996600;
	}
	
.pullquoteright {
	font-size: 1.3em;
	text-align: center;
	color: #996600;
	}
	
.homepagecandidates {
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0.1em;
	}
	
.note1 {
	color: #000;
	}
	
.note1header {
	font-weight: bold;
	letter-spacing: 0.1em;
	font-variant: small-caps;
	color: #FFF;
	}

.note2 {
	color: #000;
	}
	
.note2header {
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #FFF;
	font-variant: small-caps;
	}
	
.dateclass {
	font-size: .8em;
	color: #990000;
	font-weight: bold;
	}
	
.itemclass {
	color: #666;
	}
	
/*************** IDS ******************/

div#breadcrumb {
	color: #333;
	font-size: 10px;
	}
	
div#securitymsg {
	text-align: center;
	}

div#abi {
	text-align: center;
	}

div#maincontent {
	line-height: 1.5em;
	}

div#lastupdated {
	font-size: 0.75em;
	text-align: left;
	font-style: italic;
	color: #FFF;
	}
	
div#copyright {
	text-align: center;
	font-size: 0.75em;
	font-weight: bold;
	}

div#para1 {
	color: #005596;
	text-align: justify;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	}

div#para2 {
	text-align: right;
	color: #333;
	}

div#para3 {
	text-align: right;
	color: #333;
	}

div#para4 {
	text-align: right;
	color: #333;
	}
	
/***************************************
	WEB_goamp_link.css
	Rev: 1.0
***************************************/

body a:link {
	color: #0033FF;
	text-decoration: none;
	}
	
body a:visited {
	color: #000099;
	text-decoration: none;
	}
	
body a:hover {
	color: #22C8FF;
	text-decoration: underline;
	}
	
div#breadcrumb a:link {
	color: #0033FF;
	}

div#breadcrumb a:visited {
	color: #000099;
	}
	
div#breadcrumb a:hover {
	background-color: #FFCC66;
	}
	
div#breadcrumb a:active {
	color: #333333;
	}

div#footergrey a:link {
	color: #0033FF;
	}

div#footergrey a:visited {
	color: #000099;
	}

div#footergrey a:hover {
	background-color: #FFCC66;
	}

div#footergrey a:active {
	color: #333333;
	}

.homepagecandidates a:link {
	color: #FFFFFF;
	text-decoration: none;
	}
	
.homepagecandidates a:visited {
	color: #FFFFFF;
	text-decoration: none;
	}
	
.homepagecandidates a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}
	
/***************************************
	WEB_goamp_nav_horiz.css
	Rev: 1.0
***************************************/

div#nav {
	margin: 0 0 0 150px;
	font-size: 10px;
	border-top-color: #00336B;
	border-top-style: solid;
	border-top-width: 1px;
	letter-spacing: 0.5px;
	font-weight: bold;
	}
	
div#nav ul {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	background-color: #005596;
	background-image: url(../IMAGES/JPG/Vertical%20Shadow%20Fade.jpg);
	background-repeat: repeat-x;
	}
	
div#nav ul li {
	margin: 0;
	padding: 0;
	background-color: #005596;
	}
	
div#nav li {
	position: relative;
	float: right;
	list-style: none;
	margin: 0;
	width: 85px;
	line-height: 10px;
	border-bottom-color: #000066;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-color: #000066;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-color: #000066;
	border-left-style: solid;
	border-left-width: 1px;
	}
	
div#nav li:hover {
	background: #59D4FF;
	}
	
div#nav li.submenu:hover {
	background-color: #59D4FF;/* Background color that stays lit on main menu item. */
	} 
	
div#nav li a {
	display: block;
	padding: 0.25em 0 0.25em 5px;
	text-decoration: none;
	width: 80px;
	color: #FFFFFF;
	}
	
div#nav>ul a {
	width: auto;
	}
	
div#nav ul ul {
	position: absolute; width: 85px;
  	display: none;
	}
	
div#nav ul ul li {
	}
	
div#nav li.submenu li.submenu:hover {
	background-color: #59D4FF;
	}
	
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3,
div#nav ul.level3 li.submenu:hover ul.level4  {
	display:block;
	}
	
div#nav ul.level2 {
	top: 1.5em; left: 0px;
	}
	
div#nav ul.level3 {
	top: 0px; left: 85px;
  	border-top: 1px solid #005596;
	}
	
div#nav ul.level4 {
	top: 0px; left: 85px;
  	border-top: 1px solid #005596;
	}

.diffli {
	background-color: #0099FF!important;
	}
	
.diffli:hover {
	background-color: #59D4FF!important;
	}
	
/***************************************
	WEB_goamp_paint.css
	Rev: 1.0
***************************************/

/*************** TAGS *****************/

body {
	border: solid 1px grey;
	}

/************** CLASSES ***************/

.pullquoteleft {
	border-top: solid #999 4px;
	border-bottom: solid #999 4px;
	}
	
.pullquoteright {
	border-top: solid #999 4px;
	border-bottom: solid #999 4px;
	}
	
.homepagecandidates {
	border: solid #FFF 1px;
	background-color: #59D4FF;
	background-image: url(../IMAGES/JPG/gradientfade.jpg);
	background-repeat: repeat-y;
	}
	
.note1 {
	background-color: #FFF;
	}
	
.note1header {
	background-image: url(../IMAGES/GIF/SEPARATION/Newsfade.gif);
	background-repeat: repeat-y;
	}

.note2 {
	background-color: #FFF;
	border-bottom-color: #666;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	}
	
.note2header {
	background-image: url(../IMAGES/GIF/SEPARATION/Newsfadeblue.gif);
	background-repeat: repeat-y;
	}
	
.dateclass {
	border-left: solid #CCC 6px;
	border-bottom: solid #CCC 1px;
	}
	
.itemclass {
	border-left: solid #CCC 6px;
	}
	
.mini {
	border: solid white 1px;
	}

/*************** IDS ******************/

div#breadcrumb {
	background-color: #DBDBDB;
	background-image: url(/IMAGES/GIF/greytextureback.gif);
	background-repeat: repeat;
	}
	
div#maincontent {
	background-image: url(/IMAGES/GIF/SEPARATION/CSSV2corner.gif);
	background-repeat: no-repeat;
	}

div#footer{
	background-color: #005596;
	}

div#footerimage {
	background-image: url(../IMAGES/GIF/CSSV2Logobottom.gif);
	background-repeat: no-repeat;
	background-position: right;
	}

div#footerblue {
	background-color: #005596;
}

div#footergrey {
	background-color: #D8D8D8;
	background-image: url(../IMAGES/GIF/greytextureback.gif);
	background-repeat: repeat;
	}
	
img#amplogo {
	border-bottom: solid #005596 1px;
	}
	
/***************************************
	WEB_goamp_layout.css
	Rev: 1.0
***************************************/

/*************** TAGS *****************/

body {
	margin: 0;
	padding: 0;
	}

/************** CLASSES ***************/

.dropcap {
	float: left;
	padding-right: 4px;
	padding-top: 6px;
	line-height: 30px;
	}
	
.pullquoteleft {
	float: left;
	margin-right: 10px;
	margin-top: 8px;
	width: 30%;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
	padding-right: 5px;
	}
	
.pullquoteright {
	float: right;
	margin-top: 8px;
	margin-left: 5px;
	width: 30%;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
	padding-right: 5px;
	}
	
.homepagecandidates {
	margin-right: 50px;
	margin-left: -1px;
	margin-top: 20px;
	padding: 2px 4px 2px 2px;
	}
	
.note1 {
	padding: 2px 0px 2px 10px;
	}
	
.note1header {
	padding: 2px 2px 2px 5px;
	}

.note2 {
	padding: 2px 0px 2px 10px;
	}
	
.note2header {
	padding: 2px 2px 2px 5px;
	}
	
.dateclass {
	padding-left: 3px;
	}
	
.itemclass {
	margin-bottom: 10px;
	padding-left: 3px;
	padding-right: 4px;
	}
	
/*************** IDS ******************/

div#header {
	position: absolute;
	width: 150px;
	}

div#breadcrumb {
	padding-right: 1em;
	padding-left: 155px;
	height: 15px;
	}
	
div#securitymsg {
	position: absolute;
	left: 10px;
	top: 350px;
	width: 131px;
	height: 55px;
	}

div#maincontent {
	margin-left: 150px;
	margin-right: 15px;
	clear: left;
	padding-bottom: 0.5em;
	padding-top: 10px;
	padding-left: 38px;
	}

div#footer{
	height: 18px;
	width: 100%;
	clear: right;
	}

div#footerimage {
	float: right;
	width: 202px;
	height: 94px;
	}

div#footerblue {
	height: 18px;
	width: auto;
	}

div#footergrey {
	padding-top: 4px;
	height: 20px;
	}
	
div#lastupdated {
	padding-left: 1em;
	padding-top: .25em;
	}
div#copyright {
	padding-bottom: 0px;
	}

div#para1 {
	margin-right: 40px;
	margin-left: 25px;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 2px;
	padding-right: 20px;
	}

div#para2 {
	margin-bottom: 2px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	height: 105px;
	}

div#para3 {
	margin-bottom: 2px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	height: 105px;
	}

div#para4 {
	margin-bottom: 40px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	height: 105px;
	}
	
/*********** TABLES *****************/
td {
	vertical-align: top;
}
#ehistory {
	border: solid #CCC 1px;
}
#ehistory td {
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
}
/****************** IMAGES *********************/
img#stateseal {
	vertical-align: middle;
	margin-right: 10px;
	float: left;
}
.exclaimimage {
	margin-left: 10px;
}


/***************** CLASSES ***********************/
.announcement {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	font-style: italic;
	border-bottom-color: #000000;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-bottom: 3px;
	padding-top: 3px;
}
.bold {
	font-weight: bold;
}
.lastannouncement {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	font-style: italic;
	padding-top: 3px;
}
.error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FF0000;
	font-weight: bolder;
}
.note {
	color: #0033CC;
	font-size: .8em;
}
.selection {
    color: #4f4f4f;
    font-size: 22px;
}

.subselection {
	font-size: 18px;
    margin: 0;
    padding: 6px 0 2px 0;
}
.location {
	font-weight: bold;
}
.locationaddress {
	font-style: italic;
}
.mapchoices {
}
.fieldname {
	color: #666666;
	font-weight: bold;
	font-size: 0.8em;
	text-align: right;
	vertical-align: top;
}
.fieldnameleft {
	color: #666666;
	font-weight: bold;
	font-size: 10pt;
	text-align: left;
}
.fieldnamethin {
	color: #666666;
	font-size: 0.8em;
	text-align: right;
	vertical-align: top;
}
.fieldnameleftthin {
	color: #666666;
	font-size: 10pt;
	text-align: left;
}
.messageleft {
	color: #999999;
	font-size: 10pt;
	text-align: left;
}
.requiredfieldname {
	color: #FF9900;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
}
.requiredfieldnameleft {
	font-size: 0.8em;
	color: #FF9900;
	font-weight: bold;
	text-align: left;
}
.fielddata {
	font-style: italic;
	color: #999999;
	vertical-align: top;
}
.introtext {
	font-size: 0.8em;
	color: #0099CC;
	font-weight: bold;
}
.maininfo {
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
	color: #59D4FF;
}
.submaininfo {
	margin-left: 1em;
}
.odd {
	background-color: #E6E6E6;
}
.even {
}
.header {
	font-weight: bold;
}
.boxed {
	border: solid #999 1px;
	text-align: left;
	padding-left: 2px;
	padding-right: 2px;
}
.fee {
	background-color: #D2F4FF;
	color: #005596;
	border: solid #005596 1px;
	text-align: center;
}
.exempttext {
	color: #005596;
	font-size: 10pt;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.title {
	font-size: 2em;
	line-height: 1.2em;
}
.notice {
	border: dotted #FF9900 1px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-top: 4px;
	font-size: 0.8em;
	display: block;
	margin-bottom: 0.5em;
}
.step1, .step2, .step3, .step4 {
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 39px;
	padding-bottom: 20px;
	height: auto;
	display: table;
}

.step1 {
	background-image: url(/IMAGES/GIF/Step1.gif);
	margin-top: 1em;
}

.step2 {
	background-image: url(/IMAGES/GIF/Step2.gif);
}

.step3 {
	background-image: url(/IMAGES/GIF/Step3.gif);
}

.step4 {
	background-image: url(/IMAGES/GIF/Step4.gif);
}


/* !!!!!!!!!!!! The following code is included to hide the breadcrumb and the navbar in the ILLO pages created by JennyC -- It's pieces of the code that controls those areas from the goamptemplateV2.css file but with added Visibility = "hidden" statements !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

		/*************** BREADCRUMB *****************/

		div#breadcrumb a:link {
			color: #0033FF;
			visibility: hidden;
		}
		div#breadcrumb a:visited {
			color: #000099;
			visibility: hidden;
		}		
		div#breadcrumb a:hover {
			background-color: #FFCC66;
			visibility: hidden;
		}
		div#breadcrumb a:active {
			color: #333333;
			visibility: hidden;
		}

		/**************** NAV ****************/
		div#nav ul li {
			margin: 0;
			padding: 0;
			background-color: #005596;
			visibility: hidden;
		}

/* CSS Document */

/************* TAGS *****************/

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

table {
	font-size: 1em;
}

/*.h1, .h1title {
	font-size: 1.5em;
	font-weight: bold;
	color: #486E91;
	margin-left: 0em;
}

.h1 {	
	line-height: 2.0em;
}

.h2, .h2clockimg {
	font-size: 1.3em;
	line-height: 1.8em;
	font-weight: bold;
	color: #88AED1;
	margin-left: 1em;
}

.h2clockimg {
	background-image: url(/IMAGES/JPG/Clock.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 45px;
}

.h3 {
	margin-left: 2.0em;
}*/


/************* GENERAL LABEL FORMATTING *****************/

.blockinsettext {
	text-align: center;
}

.labelheadernavigatelink {
	font-size: 1.0em;
	font-weight: bold;
	padding-left: 4px;
}

.labelbold {
	font-weight: bold;
}

.notification {
	border: 1px solid grey;
	background-color: #EEEEEE;
	padding: 5px;
	margin: 5px;
	}
.caution {
	background-color: #FFFF00;
	padding: 5px;
	margin: 5px;
	}
.warning {
	background-color: #FFCC00;
	padding: 5px;
	margin: 5px;
	}
.failure {
	background-color: #FF0000;
	padding: 5px;
	margin: 5px;
	}
	
.success {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #009933;
	font-weight: bolder;
	margin: 5px;
	}

.errormessage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FF0000;
	font-weight: bolder;
}

/* .alert makes a big red text to hightlight an emergency situation or system malfunction. EricN, 29Jul2005. */
.alert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24pt;
	color: #FF0000;
	font-weight: bolder;
}

.smallinstructions {
	font-size: 0.8em;
	font-weight: bold;
}

.fieldname {
	color: #999999;
	font-weight: bold;
	font-size: 1em;
}

.requiredfieldname {
	color: #FF9900;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
}

.requiredfieldnameleft {
	font-size: 0.8em;
	color: #FF9900;
	font-weight: bold;
	text-align: left;
}

.fieldnamecolumn {
	width: 15em;
	text-align: right;
	vertical-align: top;
	padding-right: 1em;
}

.fieldvaluecolumn
{
	vertical-align: top;
}

.saveconfirm {
	font-weight: bold;
	font-style: italic;
	color: #999999;
}

.boxtitle {
	display: block;
	color: #88AED1;
	font-size: 1.3em;
	text-align: right;
	margin-bottom: 0em;
		
/************* IMAGE FORMATTING *****************/

}

.updateimage a {
	display: block;
	width: 80px;
	height: 27px;
	background: transparent url(/IMAGES/JPG/Update-Button.jpg) no-repeat;
}
.updateimage a:hover {
	background-position: -80px 0;
}

/*************** FORMS *********************/

.stdform {
            position: relative;
            padding-bottom: 60px;
}


/************* GENERAL PLACEHOLDER FORMATTING *****************/

.hidden {
	visibility: hidden;
}

.spacerschedulepage {
	margin-bottom: 14em;
}

.spacerloginpage {
	margin-bottom: 11em;
}

.boxed {
	border: solid #999 1px;
	text-align: left;
	padding-left: 2px;
	padding-right: 2px;
}

.infotable {
	padding: 4px;
}

.content  {
	margin-left: 3.0em;
	margin-right: 3.0em;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}

.blockcontent, .blockcontenttop {
	margin-bottom: 1.5em;
}

.blockcontent {
	margin-top: 1.5em;
}

.blocksave
{
	padding: 0.8em;
	border: solid 1px #88AED1;
	margin-left: 1em;
}

.blockinset {
	background-color: #EDF4FE;
	padding: .8em;
	border: solid 1px #88AED1;
	width: 103%;
}

.homepagecaldiv {
	position: absolute;
	margin-top: 0.7em;
	left: 61%;
	width: 250px;
}

.schedcontentdiv {
	margin-left: 3.0em;
	margin-right: 3.0em;
	margin-bottom: 0.4em;
	width:50%;
}

.schedcaldiv {
	position: absolute;
	margin-top: 1em;
	right: 2%;
}

.step1, .step2, .step3, .step4, .step5, .step6 {
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 39px;
	padding-top: 4px;
	height: 31px;
	display: table;
}

.bigstep {
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 39px;
	padding-top: 4px;
	height: 400px;
	display: table;
}

.step1 {
	background-image: url(/IMAGES/GIF/Step1.gif);
	margin-top: 1em;

}

.step2 {
	background-image: url(/IMAGES/GIF/Step2.gif);
	height: auto;
}

.step3 {
	background-image: url(/IMAGES/GIF/Step3.gif);
	height: auto;
}

.step4 {
	background-image: url(/IMAGES/GIF/Step4.gif);
	height: auto;
}

.step5 {
	background-image: url(/IMAGES/GIF/Step5.gif);
}

.step6 {
	background-image: url(/IMAGES/GIF/Step6.gif);
}

.stepcontent {
	margin-left: 5px;
}


/************* HEADER FORMATTING *****************/

.headertable {
	border-bottom-color: #005596;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	margin-bottom: 0.7em;
}

.headerrow 
{
}

.headercell {
	vertical-align: bottom;
}

.labelheaderloginname {
	color: #666666;
	font-weight: bold;
}

.labelheaderloginlink {
	color: #666666;
	font-weight: bold;
}


/************* CONTACT INFORMATION *****************/

.contacttiny { 
	width:2em;
}

.contactsmall {
	width:5em;
}

.contactmedium {
	width:10em;
}

.contactlarge {
	width:20em;
}

.userinfotable {
	border: solid #76c293 1px;
}

.userinfo {
	color: #4DAC71;
}

.userinfoemail {
	color: #4DAC71;
	line-height: 2.5em;
}


/************* CALENDAR *****************/

.calendarinstructions {
	width: 18em;
	border-color: #80C9FF;
}

.calendar {
	background-image: url(/IMAGES/JPG/Calendar-Fade.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

.calendarselectedday {
	border: solid 2px black;
	color: black;
	background-color: #D7FDD7!important;
}

.calendarday, .calendardayam, .calendardaypm, .calendardayboth, .calendarselectedday {
	font-size: 0.8em;
	text-align: left;
	font-weight: bold;
}

.calendardayam {
	background-image: url(/IMAGES/GIF/amonly.gif);
	background-position: right;
	background-repeat: no-repeat;
}

.calendardaypm {
	background-image: url(/IMAGES/GIF/pmonly.gif);
	background-position: right;
	background-repeat: no-repeat;
}

.calendardayboth {
}

.calendartitle, .calendarnextprev {
	color:white;
	background:#005596;
	font-weight:bold;
}

/************* DATA GRID *****************/

.grid {
	/* width: 575px; 
	line-height: 2.0em;*/
}

.gridheader {
	color:white;
	background:#005596;
	font-weight:bold;
	letter-spacing: .1em;
}

.gridfooter {
}

.gridpager {
}

.griditem, .gridalternatingitem {
	font-size: .9em;	
}

.gridalternatingitem {
	background-color: #99CCFF;
}

.gridselecteditem {
	background:#C0C0FF;
}

.gridedititem {
}

.gridexpandcell {
	vertical-align: top;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 3px;
}

/**************** BUTTONS ******************/




/* !!!!!!!!!!!! The following code is included to hide the breadcrumb and the navbar in the dotnetpages -- It's pieces of the code that controls those areas from the goamptemplateV2.css file but with added Visibility = "hidden" statements !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

		/*************** BREADCRUMB *****************/

		div#breadcrumb a:link {
			color: #0033FF;
			visibility: hidden;
		}
		div#breadcrumb a:visited {
			color: #000099;
			visibility: hidden;
		}
		div#breadcrumb a:hover {
			background-color: #FFCC66;
			visibility: hidden;
		}

		div#breadcrumb a:active {
			color: #333333;
			visibility: hidden;
		}

		/**************** NAV ****************/
		div#nav ul li {
			margin: 0;
			padding: 0;
			background-color: #005596;
			visibility: hidden;
		}