/* BEGIN: General Formatting */
body {
	padding: 0;
	margin: 0;
	line-height: 1.2em;
	font-size: 0.8em;
	font-family: Helvetica, sans-serif;
	color: #000;
	border-top: 5px solid #187bb7;
}

div#site_container {
	width: 1102px;
	padding: 0;
	margin: 0 auto;
}

a.button {
	display: block;
	overflow: hidden;
	text-indent: -999em;
	background: transparent no-repeat left top;
}

a:hover.button {
	background-position: left bottom;
}

p { font-size: 100%; color: #575555;}

	/* BEGIN: Display Error and Messages */
	p.error, p.message { 
		clear: both;
		width: 600px;
		padding: 10px 20px;
		margin: 20px auto;
		line-height: 1.4em;
		-moz-border-radius: 5px; /* Invalid CSS2 */
		-webkit-border-radius: 5px; /* Invalid CSS2 */
		text-shadow: 0 1px 1px #fff;
	}
	
	p.error { color: #c62228; font-weight: bold; background-color: #ffced2; }
	p.message { color: #4a704a; font-weight: bold; background-color: #cbe9cb; }
		
		div.message {
			float: left;
			margin-left: 200px;
		}
	/* END: Display Error and Messages */

a { 
	color: #68BC1D;
	text-decoration: underline;
	outline: none; /* Firefox dotted links */
}

a:hover { 
	color: #8FD451; 
	text-decoration: none;
}

h2 {
	font-size: 16px;
	color: #404040;
}

h3 { font-size: 12px; }

h4 { 
	font-weight: normal;
	font-size: 12px;
}

img.photo {
	padding: 3px;
	background-color: #d8d8d8;
	border: #767676;
}

em { font-weight: bold; }

br.clear { clear: both; }
/* END: General Formatting */


/* BEGIN: Header */
div#header {
	width: 1102px;
	padding: 0;
	margin: 10px 0 0 0;
	/* height: 70px;
	border: 1px solid #d8d8d8; */
}

	h1 {
		float: left;
		margin: 0;
		font-size: 200%;
	}

	h1 a {
		display: block;
		width: 751px;
		height: 126px;
		background: #fff url('../images/global/header2.gif') 0 0 no-repeat;
		overflow: hidden;
		text-indent: -999em;
		margin: 10px 0;
	}
/* END: Header */


/* BEGIN: Body */
div#body {
	float: left;
	width: 1102px;
	padding: 0;
	margin: 10px 0;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	color: #414141;
}

	/* BEGIN: Left Column */
	div.left {
		float: left;
		width: 140px;
	}
	
	div.left h2 {
		padding: 12px;
		margin: 0;
		width: 130px;
		border-bottom: 1px solid #d8d8d8;
		/* background: transparent url('../images/global/left_header.gif') 0 100% repeat-x; */
		color: #2caaa9;
	}
	
		/* BEGIN: Side Navigation */
		ul#nav_side {
			float: left;
			clear: left;
			padding: 0;
			margin: 20px 0 5px 10px;
			list-style: none;
			font-size: 14px;
		}
		
		ul#nav_side li {
			padding: 0;
			margin: 0;
			display: inline;
		}
		
		ul#nav_side li ul { 
			padding: 0 0 0 10px;
			list-style: none;
		}
		
		ul#nav_side li a {
			padding: 10px;
			font-weight: bold;
			text-decoration: none;
		}
		
		ul#nav_side li a:hover,
		ul#nav_side li a:active {
			text-decoration: underline;
		}
		
		ul#nav_side li#nav_side_logout {
			margin-left: 450px;
		}
		/* END: Side Navigation */
	
	/* END: Left Column */
	
	/* BEGIN: Right Column */
	div.right {
		float: left;
		width: 1102px;
		padding-bottom: 10px;
		background: #fff;
	}
	
	div.right h2 {
		padding: 0 0 20px 20px;
		font-size: 24px;
		text-align: left;
		color: #3d3d3d;
		border-bottom: 1px solid #d8d8d8;
	}
	
	div.right h3 {
		font-size: 14px;
		margin: 10px 0;
	}
			
		/* BEGIN: Section */ 
		div.section { 
			clear: both;
			float: left;
			width: 920px;
			margin: 0;
			padding: 0 20px 10px;
			background-color: #fff;
		}
			
			/* Different color for message */
			div.section_notes {
				clear: both;
				float: left;
				width: 920px;
				margin: 0;
				padding: 0 20px 10px;
				background-color: #fce97e;
				border-bottom: 1px solid #f4c85f;
			}
			div.section_notes ul {
				width: 500px;
			}
			div.section_notes ul li {
				margin-bottom: 10px;
			}
		
		div.leftFloat {
			float: left;
			margin-right: 20px;
		}
	
		div.alt { 
			clear: both;
			float: left;
			width: 920px;
			margin: 0;
			padding: 0 20px 10px;
		}
		/* END: Section */
	
		/* BEGIN: Section Footer */
		div.section_footer {
			clear: both;
			padding: 0;
			border-bottom: 1px solid #d8d8d8;
		}
			
		div.section_footer p {
			float: right;
			width: 128px;
			padding: 0;
			margin-right: 10px;
			text-align: right;
			line-height: 1em;
		}
		
			/* BEGIN: Pagination */
			ul#pagination {
				float: left;
				padding: 0;
				margin: 7px 5px;
				list-style: none;
			}
			
			ul#pagination li {
				float: left;
				padding: 0 2px 0 0;
				margin: 5px 0 0 1px;
			}
			
			ul#pagination li a {
				padding: 2px 4px;
				text-transform: capitalize;
				text-decoration: none;
				color: #f57832;
			}
			
			ul#pagination li a b {
				color: #fff;
				padding: 2px 4px;
				background: #f57832;
				-moz-border-radius: 8px; /* Invalid CSS2 */
				-webkit-border-radius: 8px; /* Invalid CSS2 */
			}
			
			ul#pagination li a:hover { text-decoration: underline; }

			div#jump {
				float: left;
				margin-top: 9px;
				margin-left: 32px;
			}
			/* END: Pagination */
			
			/* BEGIN: Definition List */
			dl {
				float: left;
				width: 350px;
				margin: 2px 0 0 0;
				color: #556869;
				line-height: 1.2em;
				-moz-border-radius: 5px; /* Invalid CSS2 */
				-webkit-border-radius: 5px; /* Invalid CSS2 */
				text-shadow: 1px 1px 1px #fff;
			}
			
			dt { 
				clear: both;
				float: left;
				padding: 4px 8px;
				margin: 0 10px 0 0;
				font-size: 100%;
				width: 330px;
				background-color: #d1dbdd;
				-moz-border-radius: 20px; /* Invalid CSS2 */
				-webkit-border-radius: 20px; /* Invalid CSS2 */
			}
			
				dt#info_organizations_dts_last,
				dt#info_organizations_dts_recent,
				dt#info_opportunities_dts_last,
				dt#info_opportunities_queued {
					background-color: #bbc7ca;
					text-shadow: 0 1px 1px #edf0f1;
				}

			dt:hover {
				color: #fff;
				text-shadow: 0 1px 1px #5b6c6d !important;
				background-color: #7d8d8e !important;
			}
				
			dd {
				float: left;
				padding: 0;
				margin: 0 0 4px -150px;
			}
			
			dd a {
				float: left;
				color: #617374;
				font-weight: bold;
				background-color: #fff;
				padding: 2px 8px;
				-moz-border-radius: 20px; /* Invalid CSS2 */
				-webkit-border-radius: 20px; /* Invalid CSS2 */
				text-decoration: none;
				text-shadow: 0 0;
				margin-top: 2px;
				z-index: 20;
			}
			
			dd a:hover {
				color: #fff;
				text-decoration: none;
				background-color: #f06625;
			}
			/* END: Definition List */
			
		/* END: Section Footer */

	/* END: Right Column */

/* END: Body */


/* 
= = = = = = = = = = = = = = = = = = = = = = =
BEGIN: FORM
= = = = = = = = = = = = = = = = = = = = = = =
*/

	/* BEGIN: Form */
	
	form.panel {
		width: 100%;
		padding: 0;
		margin: 0 auto;
	}
	
	form.panel p {
		clear: left;
		float: left;
		width: 700px;
		padding: 0;
		margin: 4px 0;
	}
	
	form.panel p.note {
		float: left;
		clear: both;
		width: 700px;
		padding: 2px 20px 4px;
		margin-left: 140px; 
		line-height: 1.4em;
		-moz-border-radius: 5px; /* Invalid CSS2 */
		-webkit-border-radius: 5px; /* Invalid CSS2 */
		text-shadow: 0 1px 1px #fff;
		color: #000;
		font-size: 90%;
	}
	
	form.panel label {
		display: block;
		width: 250px;
		float: left;
		padding-right: 10px;
		margin: 0;
		line-height: 2em;
		text-align: right;
		font-weight: bold;
		font-size: 14px;
	}
	.login form.panel label {
		width: 150px !important;
	}
	
	form.panel h4 {
		padding: 0;
		margin-left: 30px;
	}
		
		/* BEGIN: Field Set */
		form.panel fieldset, form.panel fieldset.alt, fieldset.actions { 
			display: block; 
 			clear: left; 
			margin: 0;
			padding: 0;
			border: none;
		}
		
			/* BEGIN: Fieldset Actions */
			fieldset.actions { padding: 10px 0; }
			fieldset.actions legend { display: none; }
			/*fieldset.actions label { display: none; } */
			/* END: Fieldset Actions */

		form.panel fieldset { background-color: #fff; }
		form.panel fieldset.alt { background-color: #f7f7f7; }
		form.panel fieldset.action { background-color: #fff; }
		form.panel fieldset p.blurb {
			margin: 0 0 13px 20px;
			width: 480px;
			line-height: 1.5em;
		}
		
		fieldset legend, fieldset.alt legend, fieldset.actions legend { 
			/* padding: 30px 0 0 30px; */
			margin: 20px;
			padding: 0;
			font-size: 21px; 
			font-weight: bold;
			float: left;
			color: #3a3a3a;
			line-height: 1em;
		}

		div.login fieldset legend {
			color: #2990cf;
		}

		fieldset.actions {
			margin: 20px 0 0 20px;
			padding: 0;
		}
		
		fieldset p.message {
			margin-left: 13px;
			background: transparent;
		}

			/* This is for opportunities */
			div.float_object { 
				float: right;
				width: 400px;
				padding: 0;
				margin-right: 20px;
			}
			
			fieldset.actions div.wrapper label { width: 30px; }
			
			div.wrapper { 
				float: left;
				padding: 0;
				margin: 0 10px 0 0;
			}
			
			fieldset.actions div.wrapper legend { display: none; }
			/* This is for opportunities */
		
		input#radio_button { margin-right: 10px; }
		/* END: Field Set */
		
		/* BEGIN: Buttons */
		form.panel p.buttons {
			clear: both;
			float: left;
			/* width: 800px; */
			padding: 0;
			margin: 20px 0 20px 220px;
			/* text-align: center; */
		}
		
		.login p.buttons {
			margin: 10px 0 30px 160px !important;
		}
		
		p.buttons input {
			border: 1px solid #1ba7b7 !important;
			color: #fff !important;
			background: transparent url('../images/global/input_bg2.gif') 0 0 repeat-x;
			-moz-border-radius: 5px; /* Invalid CSS2 */
			-webkit-border-radius: 5px; /* Invalid CSS2 */
			font-family: Helvetica, Arial, sans-serif;
			font-size: 14px !important;
			font-weight: bold !important;
			padding: 5px 12px !important;
		}
		
		p.buttons input:hover {
			cursor: pointer;
		}
		
		p.buttons a#link_forgot_password {
			margin-left: 20px;
			font-size: 10px;
		}
		/* END: Buttons */

		/* BEGIN: Tooltip */
		fieldset#fieldset_opportunity_type {
			position: relative;
		}

		fieldset#fieldset_opportunity_type img#program_question {
			position: absolute;
			top: 90px;
			left: 605px;
			width: 12px;
			height: 12px;
			z-index: 5;
		}
		
		fieldset#fieldset_opportunity_type div#program_tooltip {
			position: absolute;
			top: 95px;
			left: 610px;
			width: 376px;
			height: 166px;
			background-color: white;
			border: 1px solid #cbcbcb;
			z-index: 11;
		}

		fieldset#fieldset_opportunity_type div#program_tooltip_wrapper div.shadow {
			position: absolute;
			top: 97px;
			left: 612px;
			width: 378px;
			height: 168px;
			background-color: #dedede;
			border: none;
			z-index: 10;
		}
		
		fieldset#fieldset_opportunity_type div#program_tooltip p {
			width: 340px;
			margin: 20px 20px 0 20px;
			font-size: 11px;
			color: #616161;
		}
		/* END: Tooltip */

		/* BEGIN: Tooltip */
		fieldset#fieldset_opportunity_type {
			position: relative;
		}

		fieldset#fieldset_opportunity_type img#event_question {
			position: absolute;
			top: 115px;
			left: 519px;
			width: 12px;
			height: 12px;
			z-index: 5;
		}
		
		fieldset#fieldset_opportunity_type div#event_tooltip {
			position: absolute;
			top: 120px;
			left: 524px;
			width: 376px;
			height: 166px;
			background-color: white;
			border: 1px solid #cbcbcb;
			z-index: 11;
		}
		
		fieldset#fieldset_opportunity_type div#event_tooltip_wrapper div.shadow {
			position: absolute;
			top: 122px;
			left: 526px;
			width: 378px;
			height: 168px;
			background-color: #dedede;
			border: none;
			z-index: 10;
		}

		fieldset#fieldset_opportunity_type div#event_tooltip p {
			width: 340px;
			margin: 20px 20px 0 20px;
			font-size: 11px;
			color: #616161;
		}
		/* END: Tooltip */
		
		form.panel p.inset {
			padding: 0;
			margin: 4px 0 4px 270px; 
		}
		
		form.panel p.inset label {
			float: none;
			display: inline;
			width: auto;
			padding: 0;
			font-size: 12px ;
			line-height: 1.5em;
			text-align: left;
		}

		form.panel textarea {
			float: left;
			padding: 0;
			margin: 4px 0;
		}
		
		form.panel p.inset textarea, form.panel p.inset input {
			padding: 0 !important;
			margin: 0 !important;
		}
		
		form.panel input, form.panel textarea, form.panel select {
			padding: 5px;
			border: 1px solid #d8d8d8;
			font: 16px helvetica, arial, sans-serif;
			font-weight: bold;
			color: #2c2c2c;
		}
		form.panel select {
			font-size: 12px !important;
			font-weight: normal !important;
		}
		
		select#opportunity_topic_ { height: 415px; }
		select#opportunity_language_ { height: 175px; }
		/* END: Organization Information */

		kbd { font-size: 11px; margin-right: 3px; }
		
		em.file_instructions { 
			float: left;
			width: 700px;
			padding: 0 0 0 10px;
			margin: 0 0 0 260px;
			font-weight: normal; 
		}
		
		input#opportunity_contact_phone {
			width: 115px;
		}
		
		p.student_demos {
			line-height: 2.2em;
		}
		
		#opportunity_age_,
		#opportunity_topic_,
		#opportunity_attention_,
		#opportunity_language_ {
			font-size: 12px;
			font-weight: normal;
		}
		
	/* END: Form */

/* 
= = = = = = = = = = = = = = = = = = = = = = =
BEGIN: TABLE
= = = = = = = = = = = = = = = = = = = = = = =
*/

	/* BEGIN: Table */
	table#table_entries {
		clear: left;
		width: 100%;
		padding: 0;
		margin: 20px 0;
		font-size: 12px;
		color: #414141;
		border-collapse: collapse;
		border-top: 1px solid #e3e3e3;
}
	
	table#table_entries th, 
	table#table_entries td { 
		text-align: left;
		padding: 6px 10px;
	}
	table#table_entries td { 
		border: 1px solid #e3e3e3;
	}
	
 	table#table_entries tr th {
		text-transform: uppercase;
		font-weight: normal;
		background-color: #fff;
		border-bottom: 2px solid #797979;
		font-weight: bold;
	}
	
	table#table_entries tr th a { color: #2c2a29; text-decoration: none;}
	table#table_entries tr th a:hover { text-decoration: underline; }
	
	/* BEGIN: TR Settings */
	table#table_entries tr.head { background: #fff; }
	table#table_entries tr.alt { background: #fff; }
	table#table_entries tr { background: #f9f9f9; }
	table#table_entries tr:hover td { background-color: #C4C4C4; }
	/* END: TR Settings */
	
	/* BEGIN: TD Settings */
	table#table_entries td.select { text-align: center; }
	table#table_entries td.picture { text-align: center; }
	table#table_entries td.member { background-color: #eee; }
	table#table_entries td.select { text-align: center; }
	table#table_entries td.status { width: 80px; }
	table#table_entries td.alert { width: 120px; }
	table#table_entries td.border {
		display: block;
		float: left;
		margin: 1px 0 1px 2px;
		padding: 2px 3px;
	}
	
	table#table_entries td.border {
		display: block;
		float: left;
		margin: 1px 0 1px 2px; 
		padding: 2px 3px;
	}	
	
	table#table_entries tr td.actions { width: 70px; }
	table#table_entries tr:hover td { background-color: #eee; }
	table#table_entries tr.selected td { background-color: #C9FFC1; }
	table#table_entries tr.selected:hover td { background-color: #ACDCA8; }
	/* END: TD Settings */
	

	/* BEGIN: Table Links */	
	a.action {
		display: block;
		float: left;
		font-weight: bold;
		padding: 2px 7px;
		margin: 1px 0 1px 2px;
		border: 1px solid #da9d66;
		-moz-border-radius: 3px; /* Invalid CSS2 */
		-webkit-border-radius: 3px; /* Invalid CSS2 */
		background-color: #f4ab55;
		text-shadow: 0 1px 1px #c47d2a;
		text-decoration: none;
		color: #fff;
	}
	a.action:hover {
		border: 1px solid #c7864b;
		background-color: #f5901a;
	}
	
	a.action_approve {
		display: block;
		float: left;
		font-weight: bold;
		padding: 2px 7px;
		margin: 1px 0 1px 2px;
		-moz-border-radius: 3px; /* Invalid CSS2 */
		-webkit-border-radius: 3px; /* Invalid CSS2 */
		background-color: #abd1ab;
		border: 1px solid #9cc19c;
		text-shadow: 0 1px 1px #dbe9db;
		text-decoration: none;
		color: #577157;
	}
	a.action_approve:hover {
		background-color: #c7e2c7;
		border: 1px solid #b5d3b5;
	}
	
	a.action_revoke,
		a.action_queue {
		display: block;
		float: left;
		font-weight: bold;
		padding: 2px 7px;
		margin: 1px 0 1px 2px;
		-moz-border-radius: 3px; /* Invalid CSS2 */
		-webkit-border-radius: 3px; /* Invalid CSS2 */
		background-color: #f5db81;
		border: 1px solid #e7c36d;
		text-shadow: 0 1px 1px #f4ebd7;
		text-decoration: none;
		white-space: nowrap;
		color: #925b0c;
	}
	
	a.action_revoke:hover,
		a.action_queue:hover {
		background-color: #f6e4a7;
		border: 1px solid #f1d38d;
	}
	
	a.action_delete, a.action_reject {
		display: block;
		float: left;
		font-weight: bold;
		padding: 2px 7px;
		margin: 1px 0 1px 2px;
		-moz-border-radius: 3px; /* Invalid CSS2 */
		-webkit-border-radius: 3px; /* Invalid CSS2 */
		background-color: #ea9087;
		border: 1px solid #e07267;
		text-shadow: 0 1px 1px #eccbc7;
		text-decoration: none;
		color: #a33125;
	}
	a.action_delete:hover, a.action_reject:hover {
		background-color: #f4ada6;
		border: 1px solid #ea8277;
	}
	/* END: Table Links */

/* END: Table */

/* BEGIN: Calendar */
#ui-datepicker-div {
	display: none;
	padding: 4px;
	border: 1px #DADADA solid;
	background-color: #FBFBFB;
}

#ui-datepicker-div td {
	margin: 0;
	padding: 0;
}

.ui-datepicker-title {
	float: left;
	clear: left;
}
.ui-datepicker-prev {
	float: left;
}
.ui-datepicker-next {
	float: right;
}

.ui-datepicker-calendar {
	clear: both;
	float: left;
	border: 1px #DADADA solid;
}
.ui-datepicker-calendar a {
	display: block;
	height: 15px;
	width: 15px;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	background-color: #f1f1f1;
}
.ui-datepicker-calendar a:hover {
	color: #fff;
	background-color: #f57832;
}

/* BEGIN: Footer */
div#footer {
	clear: both;
	width: 1102px;
	height: 30px;
	padding: 2px 15px;
	margin: 0 0 10px 0;
	font-size: 11px;
	line-height: 1em;
}

	/* BEGIN: Copyright */
	p#copyright {
		margin-bottom: 0;
		font-size: 11px;
		line-height: 1.2em;
		color: #c1c1c1;
	}
	/* END: Copyright */
	
	p.camm a {
		float: right;
		width: 224px;
		height: 154px;
		padding: 0;
		margin: -10px 320px 0 0;
		text-indent: -999em;
		background: url(../images/global/camm_partnership.gif) left top no-repeat;
		border-bottom: 20px solid #fff;
	}
	
/* END: Footer */