/* CSS Document */

/*-------------------------------------------------------------
Coverletterenter.html css stuff
---------------------------------------------------------------*/

	
	/* body is the background light grey area of the entire page 
	body
	{
		margin:0px 0px 0px 0px;
		font-family: Lucida Grande, Lucida Sans, Verdana;
		font-size: 11px;
		background-color:#FFFFFF;
		padding:0px 0px 0px 0px;
	}
	*/
	.white
	{
		color: White;
	}
	

	
	/* mainContainer is the main container in the body */
	#mainContainer
	{
		margin:0px 0px 0px 0px;
		text-align:left;
		padding:0px 0px 0px 0px;
	}

	/*mainContainer .innerContainer is the container INSIDE the main Container */
	#mainContainer .innerContainer
	{
		background-color:#FFF;
		border:0px solid #797979;
		padding:0px;
	}
	
	

	/* a is the hyperlink style - currently being styled blue */
	

	a{
		color:#000000;
		cursor: pointer;
	}
	a:hover{color:#1054a5}

/*-------------------------------------------------------------
buttonbar.php css stuff
---------------------------------------------------------------*/

	#hand{
	cursor: pointer;
	}



/*-------------------------------------------------------------
initiate.php css stuff
---------------------------------------------------------------*/

#scriptmenu
	{
		background-color:#FFF;
		overflow:auto;
		border: 1px solid #1054a5; 
		width: 240px; 
		height:355px;
		padding:8px;
		font-size: .8em;	
	}



#descriptions
	{
		background-color:#FFF;
		overflow:auto;
		border: 1px solid #1054a5; 
		padding:8px;
		vertical-align:top;
		height:355px;	
	}



table.initiate {
	padding:0px;
	border-collapse:collapse;
	table-layout:fixed;
	height:390px;
	}

td.left {
width:40%;
padding:inherit;
border-collapse:collapse;
}

td.right {
width:60%;
padding:inherit;

border-collapse:collapse;
}

img.tabs{
vertical-align:bottom;
}

img.documenticons{
vertical-align:middle;
}


font.letterlist{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}


label.contactLabel{
font-size:12px;
}

input,select
{
	font-size:10px;	
}


/*
	=============================================
	HINTS (CONTACT.PHP)
	=============================================
*/

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #F7f7f7; 
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid #999999;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}


/* 
  ================================================
  MOUSE OVER ICONS (INITIATE.PHP)
  ================================================
*/


#navlist {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#navlist a, #navlist a:visited .cholo{
	display: block;
	padding: 15px 8px 10px 35px;
	background-image:  url(../images/docicon.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	color: #333;
	text-decoration: none;
	cursor:pointer;
}

#navlist a:hover {
	background-image:  url(../images/docicon_omo.gif);
	}

#sidebar #navlist .uberlink {
	background-image:  url(../images/docicon_selected.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	color: #1054a5 !important;
	font-weight:bold;
	cursor: default;
}


.required_field
{
	color:Red;
	font-weight:bold;
	width:20px;
}

/* Bar containing navigation buttons */
.navigation_bar2
{
	margin-left: 1px; 
	position:absolute; 
	left: 50px; 
	top: 482px; 
	height:10px;
}

.navigation_bar
{
	padding-left:2px; width: 713px; position:absolute; left:8px; top:484px;
}



/*****
  PROGRESS BAR
 *****/




/*
 * HEADER 
 */

.header_left
{
	background-image:url("../images/leftend.png");
	background-position:left;
	width:16px;
	height:25px;
}
.header_between
{
	background-image:url("../images/graytile.png");
	background-repeat:repeat-x;
	background-position:left;
	font-weight:bold;
}
.header_right
{
	background-image:url("../images/rightend.png");
	background-position:right;
	width:16px;
	height:25px;
}


.hand
{
	cursor:pointer;
}



/*
 * Buttons with left, right end caps and tile + checked icon
 */
.largebutton_left
{
	background-image:url("../images/largerpill_leftend.gif");
	background-position : left top;
	width:12px;
	height:19px;
	padding:0px 0px 0px 0px;
	margin:0px;
}
.largebutton_right
{
	background-image:url("../images/largerpill_rightend.gif");
	background-position : right top;
	width:12px;
	height:19px;
	padding:0px;
	margin:0px;
}
.largebutton_tile
{
	background-image:url("../images/largerpill_tile.gif");
	background-repeat:repeat-x;
	height:19px;
	width:125px;
	padding:0px;
	margin:0px;
	cursor:pointer;
}

.largebutton_left_hover
{
	background-image:url("../images/largerpill_leftend_hover.gif");
	background-position : left top;
	width:12px;
	height:19px;
	padding:0px 0px 0px 0px;
	margin:0px;
}
.largebutton_right_hover
{
	background-image:url("../images/largerpill_rightend_hover.gif");
	background-position : right top;
	width:12px;
	height:19px;
	padding:0px;
	margin:0px;
}
.largebutton_tile_hover
{
	background-image:url("../images/largerpill_tile_hover.gif");
	background-repeat:repeat-x;
	height:19px;
	width:125px;
	padding:0px;
	margin:0px;
	cursor:pointer;
}


.button_left
{
	background-image:url("../images/pill_leftend.gif");
	background-position : left top;
	width:11px;
	height:16px;
	padding:0px 0px 0px 0px;
	margin:0px;
}
.button_right
{
	background-image:url("../images/pill_rightend.gif");
	background-position : right top;
	width:11px;
	height:16px;
	padding:0px;
	margin:0px;
}
.button_tile
{
	background-image:url("../images/pill_tile.gif");
	background-repeat:repeat-x;
	height:16px;
	width:125px;
	padding:0px;
	margin:0px;
	cursor:pointer;
}
.button_left_hover
{
	background-image:url("../images/pill_leftend_hover.gif");
	background-position : left top;
	width:11px;
	height:16px;
	padding:0px 0px 0px 0px;
	margin:0px;
}
.button_right_hover
{
	background-image:url("../images/pill_rightend_hover.gif");
	background-position : right top;
	width:11px;
	height:16px;
	padding:0px;
	margin:0px;
}
.button_tile_hover
{
	background-image:url("../images/pill_tile_hover.gif");
	background-repeat:repeat-x;
	height:11px;
	width:125px;
	padding:0px;
	margin:0px;
	cursor:pointer;
}

.button_checked
{
	background-image:url("../images/checkmark.gif");
	background-repeat:no-repeat;
	background-position: 5px;
	height:11px;
	width:18px;
	padding:0px;
	margin:0px;
}
.button_unchecked
{
	height:11px;
	width:18px;
	padding:0px;
	margin:0px;
}

#span_letter_name
{
	color:Blue;
}


.table_button
{
	padding-bottom:5px;
}


/* Fish Eye */

a {
	text-decoration: none;
}

.iFishEyeCaption,
.iFishEyeCaption_2,
.iFishEyeCaption_3 {
	border: 1px solid #333;
	background-color: #eee;
	padding: 5px;
	color: #333;
	text-decoration: none;
}

.iFishEyeImg
{
	border: 0px solid #333;
}

div#iFishEye_example_1 {
	text-align: center;
}

div#iFishEye_example_1 table {
	margin: 0 auto;
}

div#iFishEye_example_1 table td {
	vertical-align:top;
}



/*****
  PROGRESS BAR
 *****/



.progress {/*This will show the  slected style for progress bar. Completed step will be selected.*/
	border: 1px none #666666;
	background-image: url(../images/progressbar_tile.png);
	background-repeat: repeat-x;
	color: #ffffff;
	padding:6px;
}

.currentprogress {/*This will show the  slected style for progress bar. Completed step will be selected.*/
	font-weight: bold;
	border: 1px none #666666;
	background-image: url(../images/progressbar_tile.png);
	background-repeat: repeat-x;
	color: #ffffff;
	padding:6px;
	
}

.notprogress {/*This will show the  slected style for progress bar. Completed step will be selected.*/
	border: 1px none #666666;
	background-image: url(../images/progressbar_tile_gray.png);
	background-repeat: repeat-x;
	color: #000000;
	padding:6px;
}

.crossprogress {/*This will show the  slected style for progress bar. Completed step will be selected.*/
	border: 1px none #666666;
	background-image: url(../images/progressbar_tile.png);
	background-repeat: repeat-x;
	color: #ffffff;
	padding:6px;
	text-decoration:line-through;
}


/* Check list page */
.checklist_even_left
{
	border:1px solid #999999;
	border-bottom:0px;
	border-right:0px;
	background-color:#222222;
	color:White;
}

.checklist_odd_left
{
	width:30px;
	border:1px solid #999999;
	border-bottom:0px;
	border-right:0px;
	background-color:#f5f5f5;
	background-color:#444444;
	color:White;

}
.checklist_even_right
{
	border:1px solid #999999;
	border-bottom:0px;
	border-left:0px;
	background-color:#222222;
	color:White;
}

.checklist_odd_right
{
	border:1px solid #999999;
	border-bottom:0px;
	border-left:0px;
	background-color:#444444;
	color:White;
}