@charset "UTF-8";
/* CSS Document */

/* Colors:
	#4db142 - green
	#1a4cb3 - blue
	#38a9d3 - royal
	#dff0ff - light blue
*/


* { margin: 0; padding: 0; }

a img { border: none;  }

body { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px; 
	}

a { }

p { 
	font-size: 11px; 
	line-height: 1.2em;
	margin-bottom: .8em;
	}

h1, 
h2 { 
	color: #1a4cb3;
	border-bottom: 1px dotted #1a4cb3;
	margin-bottom: .4em;
}

h2 {
	font-size: 18px;	
	}

h3 { 
	font-size: 12px;
	color: #1a4cb3;
	margin-bottom: .6em;
	border-top: 1px dotted #ffffff;
	border-bottom: 1px dotted #ffffff;
	padding: 3px 0;
	}

h4 { }

h5 { }




/*========================================= LAYOUT
*/

body {
	}
	
#container {
	border-top: 3px solid #4db142;
	min-width: 800px;
}


#masthead {
	position: relative;
	height: 100px;
	border-top: 5px solid #1a4cb3;
	border-bottom: 5px solid #1a4cb3;
	padding: 5px;
	background: #f3f2f2 url(/images/iie_logo.gif) center right no-repeat;
}
#CESRI-logo {
	margin-right: 300px;
	width: 430px;
	float: left;
	}

#main {
	background-color: #ffffff;
	position: relative;
	padding: 15px;
	border-top: 3px solid #4db142;
	}

#main-col {
	margin-right: 200px;
	padding-right: 30px;
	}
#sidebar { 
	position: relative;
	width: 190px;
	float: right;
	margin-right: 10px;
	padding: 15px;
	background: #dff0ff url(/images/sidebar_bg.gif) top repeat-x;
	border: 1px solid #cccccc;
	}
	

#footer { }



/*========================================= FORM
*/



#form-area {
	padding: 20px;
	margin-bottom: 0px;
	margin-right: 20px;
	background: #f9f9f9 url(/images/form_area.gif) bottom repeat-x;
	
	}	


fieldset {
	position: expression('relative'); /* Fixes IE problem with fieldset+legend boundaries */
	background: #f4f4f2 url(/images/fieldset_bg.gif) top repeat-x;
	border: 1px solid #cccccc;
	padding: 15px 10px;
	_padding-top: 30px; /* Fixes IE spacing - doesn't validate */
	margin: 20px 0;
}

legend {
	position: expression('absolute'); 
	top: expression('-9px'); /* Fixes IE problem with fieldset+legend boundaries */
	padding: 4px 1em;
	border: 1px solid #878177;
	background-color: #dff0ff;
	font-weight: bold;
	color: #1C1C1C;
	font-size: 125%;
}

label, .label {	
	text-transform: capitalize;
	color: #333;
	font-size: small;
	margin: 0.4em 4px 0 0;
	font-weight: bold;
	padding: 2px;
}
/* .label is typically used on a span or p tag to label a radio or checkbox group */
label.preField, .label  {
	display: block;
	padding: 2px;
	margin: 0.4em 4px 0 0;
	font-weight: bold;
}
label.postField  {
	/*display: -moz-inline-box;
	display: inline-block;*/
	margin-left: 4px;
	margin-right: 4px;
}
textarea {
	padding: 0;
	vertical-align: top;
	margin: 2px 0 1px 0;
}

input {
	margin: .3em .7em .4em 0;
}
input[type=text], input[type=password] {
	border: 1px solid #999999;
	padding: 2px 3px;
}
select {
	padding: 0;
	margin: .3em .7em .4em 0;
	border: 1px solid #999999;
}

/*========================================= SIDEBAR
*/

#sidebar div {
	margin-bottom: 1em;
	}

#sidebar input[type="button"] {
	margin: .5em 0;
	border: 3px double #dddddd;
	cursor: pointer;
	padding: 1px 20px;
	}

#sidebar a {
	color: #1a4cb3;
	text-decoration: none;
	border-bottom: 1px dotted;
	}
#sidebar a:hover {
	border-bottom: none;
	}

input[type="submit"], 
input[type="button"], 
#sidebar input[type="submit"], 
#sidebar input[type="button"] {
	font-family: Verdana,Arial,Helvetica,sans-serif,sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #333333;
	cursor: pointer;
	border: 3px double;
	border-top-color: #66ccff;
	border-left-color: #66ccff;	
	border-bottom-color: #2d88ab;
	border-right-color: #2d88ab;
	padding: .4em 1em;
	margin-bottom: 3px;
	background-color: #ffffff;
	}
input[type="submit"]:hover, 
#sidebar input[type="button"]:hover {
	color: #1a4cb3;
	}	
input[type="submit"]:active, 
#sidebar input[type="button"]:active {
	color: #333333;
	background-color: #fbfbfb;
	border-top-color: #2d88ab;
	border-left-color: #2d88ab;	
	border-bottom-color: #66ccff;
	border-right-color: #66ccff;
	padding: .4em 1em;
	}

.form-button-app-save {
	}




/*===== CHECKLIST ======
*/

#checklist {
	color: #ffffff;
	font-size: 11px;
	margin-bottom: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#checklist a {
	color: #ffffff;
	font-size: 11px;
}
#checklist a:hover {
	text-decoration: none;
	}

#sidebar .checklist-item {
	border: 1px solid #ffffff;
	margin-bottom: 4px;
	padding: 3px;
	min-height: 20px;
	background-color: #38a9d3;
	}
#sidebar .checklist-item * { vertical-align: middle; }	
.checklist-item img {
	position: relative;
	margin-left: 4px;
	float: right;
	}