/* CSS Document */
body {
	text-align: left; /* for IE */
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	font-size: 13px;
	font-family: "Trebuchet MS", Arial, sans-serif;
}



a:link {	
	text-decoration: none;
}

a:visited {	
	text-decoration: none;			
}

a:active {	
	text-decoration: none;
}

a:hover {	
	text-decoration: none;
}


.selector {
					width: 790px;
					font-family: "Trebuchet MS", Arial, sans-serif;
					margin-bottom: 1em;
					font-size: 10px;
					color: #000000;
					border-style: solid;
					border-width: 1px;
					border-color: #CFDBC5;
					}

#selectoption {
						 display: none;
						 }
						 
#headerbreak {
						 display: none;
						 }

select {
			 font-size: 12px;
			 font-family: "Trebuchet MS", Arial, sans-serif;
			 }

#maintable {
			 font-family: "Trebuchet MS", Arial, sans-serif;
			 font-size:12px;
			 }
			 
#maintable th {
			 background-color: #e5e5e5;			 
			 font-size: 12px;
			 text-align: center;
			 }

#maintable #row1 {

			 }			 
			 
#maintable #row2 {
			 background:#f5f5f5;
			 }			
			 
#expired {
			 font-size: 12px;
			 background:#FFCCCC;
			 }			 
			 
#selectortable {
				width: 90%;
				font-family: "Trebuchet MS", Arial, sans-serif;
			 }

#selectortable select{
				font-size: 10px;
				font-family: "Trebuchet MS", Arial, sans-serif;
			 }
			 
#selectortable textbox{
				font-size: 5px;
				font-family: "Trebuchet MS", Arial, sans-serif;
			 }
			 
#policybar{
				font-size: 12;
				text-decoration: none;
				text-align:right;
			 }
			 
#policybar a {
					 text-decoration: none;
					 color: #003366;
					}

					#policybar a:visited {
				 text-decoration: none;
				 color: #003366;
					}
					
.PageHeader {
						font-weight: bold;
						line-height:200%;
						font-size:14px;
						padding-top:10px;
						display:block;
						}

.toplink {
						font-size:11px;
				 }

.toplink a {
						font-size:11px;
						color:slate;
				 }
				 


.stepprogress {
						text-align:left;
						position: relative;
						font-size:12px;
						vertical-align:middle;
						margin-top:10px;
						padding-bottom:10px;
						}
						
.stepprogress .past {background-image:url("/images/currentstep.png"); background-repeat:no-repeat; position:absolute;height:27px;width:164px;text-align:center;vertical-align:middle;}
.stepprogress .past .pasttext {position:relative;width:100%;color:black; top:5px; font-weight:normal;vertical-align:middle;}
.stepprogress .current {background-image:url("/images/paststep.png"); background-repeat:no-repeat; position:absolute;text-align:center; height:27px;width:164px; color:white; font-weight:bold;margin:vertical-align:middle;}
.stepprogress .current .currenttext {position:relative;width:100%;color:white; top:5px; font-size:14px; font-weight:bold;vertical-align:middle;}
.stepprogress .later {background-image:url("/images/blankstep.png"); background-repeat:no-repeat; position:absolute;text-align:center; height:27px;width:164px; color:white; font-weight:bold;vertical-align:middle;}
.stepprogress .later .latertext {position:relative;width:100%;color:black; top:5px; font-weight:normal;vertical-align:middle;}


.deptlogo {display:none};	


.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background-color:#C5C5C%;
color:black;
font-weight:bold;
padding: 1px 2px;
font-size: 12px;
}


.formbuttonclicked{
cursor:pointer;
border:inset 1px #ccc;
background:#CCFFCC;
color:#000000;
font-weight:bold;
padding: 1px 2px;
font-size: 12px;
}

a.info {
		font-size:10px;
		font-weight:bold;
		cursor:hand;
		padding:.5em;
		max-width:300px;
}

a.info span{
      display: none;  /* hide the span text using this css */
}

a.info:hover span{ /*the span will display just on :hover state*/
      display:block;
      position:absolute;
			border:1px solid gray;
			max-width:300px;
			background-color:lightyellow;
			color:black;
			text-align:left;
			font-size:12px;
			font-weight:normal;
			padding:.5em;
			white-space:normal;
			cursor:hand;
}

.outerbox {
  border:1px solid #CCCCFF; 
	width:96%; 
	height:auto;
	padding:1% 1%;
	overflow: auto;
}

.detailbox {
					 border:1px solid #CCCCFF; 
					 width:49%; 
					 height:60px; 
					 text-decoration: none;
					 color: #003366;
					 background-color:#F5F5F5;
}

.detailbox:hover {
					 border:1px solid blue;
					 font-weight: bold;
					 text-decoration: none;
					 cursor: hand;
					 background-color:#CCCCFF;
}

.detailbox table{
		width:  100%;
		height: 100%;
		float:left;
		text-align:center;
			color: #003366;
		/*border:1px solid black;*/
}


/* Popup layer code for displaying popups without using a new browser window*/
.popupbox {
  min-width: 500px;
  min-height: 400px;

  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -250px;
  margin-top: -200px;

	background-color: #f5f5f5;
	border: 1px solid #000;
	padding: 10px;
}

.clear {
	clear:both;
}