﻿

#project-index-title p { padding-left: 145px; text-align: left; }

#project-list {
	width: 506px; margin:270px 0 0 240px;}

* html #project-list {margin:250px 0 0 0}
*:first-child+html #project-list {margin:250px 0 0 0} 

h4.list-header {
	font-size: 16px; 
	text-align: left;	
	margin-bottom: 20px;
}
h4.state-list-title {
	height: 20px;
	margin-bottom: 12px;
	margin-top: 10px;
	padding-left: 18px;
}
h4.state-list-title a { float: left; font-size: 16px; text-align: left; height: 20px;}
h4.state-list-title a.view-all  {
	background: transparent url(/SolarAcademy/images/common/red-circle-btn.png) no-repeat center right;
	color: #136CC7;
	float: right; font-size: 12px; padding-right: 26px; padding-top: 5px;
	margin-right:3px;
}

.project-list-item {
	background-color: #fffcf7; 
	border: solid 8px #f8d455; 
	margin-left: 0;
	margin-top: -8px;
	display: block; clear: both; padding: 10px;
	width: 468px;
}
#project-list div .other {
	background-color: #fff7f2; 
	border: solid 8px #ff7011; 
	margin-left: 10px;
	margin-top: -16px; 
	/*top: -8px; left: -8px;*/
}

.project-list-item h4 { color: #ff6600; font-size: 18px; font-weight: bold; text-align:left; margin: 0; padding: 0; }
.project-list-item h4 a {color: #ff6600; text-decoration: none;}
.project-list-item h4 a:hover {text-decoration: underline;}
.project-list-item p.byline { color: #666666; font-size: 10px; text-align: left; margin: 0; padding: 0; }
.project-list-item img.thumbnail { border: solid 1px #ffa041; height: 97px; width: 130px; float: left; margin:5px 8px 10px 0; }
.project-list-item p.project-blurb { color: #444546; font-size: 12px; text-align: left; padding-left: 140px; }
.project-list-item img.red-btn { border: none; height: 19px; width: 19px; float: right; margin: 0 8px 8px 0; }


#report-detail-torso {
	background: transparent url(/SolarAcademy/images/common/torso-footer.png) no-repeat bottom left; 
	margin-top: 60px;
	padding-bottom: 200px;
	position: relative;
	width: 956px;
}
#report-summary { margin-left: 220px; }
* html #report-summary { margin:90px 0 0 10px; }
*:first-child+html #report-summary { margin:90px 0 0 10px;}

#summary-header {
	background: transparent url(/SolarAcademy/images/classroom-reports/report-detail-header.png) no-repeat top left; 
	width: 503px; height: 50px;
	clear: both;
	display: block;
}
* html #summary-header{background: transparent url(/SolarAcademy/images/classroom-reports/report-detail-header.gif) no-repeat top left;}
#summary-body {
	background: transparent url(/SolarAcademy/images/classroom-reports/report-detail-shadow.png) no-repeat bottom right; 
	display: block; clear: both;
	padding-bottom: 8px; height: 438; width: 503px;
}
#project-desc {
	background-color: #FFF; border: solid 8px #f8d455;
	margin-right: 7px; clear: both; width:480px; overflow:hidden;
}
#project-desc #info-wrap { height: 225px; width: 490px; }
#project-desc h4 { color: #ff6600; margin: 10px 15px; padding: 0; text-align: left; font-size: 16px; }
#project-desc img {
	width: 280px; height: 210px; float: left; border: none; margin-left: 15px;
}
#project-desc ul {
	list-style: none; margin: 0; margin-right: 16px; padding: 0; float: right; 
	font-size: 12px; text-align: left;
	width: 170px;
}
#project-desc li {
	background: transparent url(/SolarAcademy/images/common/blue-section-rule.png) repeat-x top left; 
	color: #444546;
	padding: 6px 5px;
}
#teacher-about {
	background: #f8d455 url(/SolarAcademy/images/common/orange-section-rule.png) repeat-x top left;
	text-align: left; margin-right: 7px; clear: both; padding: 2px 0 8px 0; min-height: 135px;
}
#teacher-about h4 { color: #cc6601; font-size: 16px; margin: 12px 0 0 25px; }
#teacher-about div { height: 90px; }
#teacher-about ul { color: #444546; list-style: none; float: left; font-size: 10px; margin: 0 0 0 25px; padding: 0; width: 355px; }
#teacher-about li { padding: 4px 0; height: 12px; float: left; width: 355px; }
#teacher-about li.ruled { border-bottom: solid 1px #f8b440; }
#teacher-about li label { width: 120px; float: left; }
#teacher-about li span { float: left; width: 220px; }
#teacher-about img { background-color: #e3c24e; color: #6f7a82; height: 75px; width: 75px; float: right; border: none; margin-right: 15px; }

#project-details { color: #444546; padding: 0 20px 0 30px; text-align: left; width: 453px; }
#project-details h4.section-head { font-size: 20px; margin-bottom: 10px; }
#project-details .copy {  font-size: 11px; }
#project-details .answer { padding-left: 80px; background: transparent url(/SolarAcademy/images/classroom-reports/myanswer.png) no-repeat top left; }
#project-details .student-question { color: #ff8b03; font-size: 14px; }

#overall { border: solid 8px #f8d455; margin-top: 20px; padding: 20px; text-align: left; width: 440px; }	
#overall h4 { color: #ff6600; font-size: 16px; margin: 0; padding: 0; }
#overall p { color: #444546; font-size: 12px; line-height: 18px; }



#post-report-form {
	color: #136cc7; font-size: 12px; 
	margin: 0 100px 0 226px;
	text-align: left; 
}
#post-report-form h4 { color: #ff6600; font-size: 16px; clear: both; margin-top: 60px; }
#post-report-form div {
	display: block; clear: both;  
	padding: 5px 0; margin: 0;
}
/*#post-report-form div.tall { height: 106px; }*/
#post-report-form div ul {
	border: none; list-style: none; margin: 0; padding: 0;
}


#post-report-form label { float: left; font-weight: bold; margin: 4px 0 0 0; width: 140px; }
#post-report-form select, #post-report-form textarea, #post-report-form input { color: #444546; font-family: arial, sans-serif; font-size: 12px; }
#post-report-form select, #post-report-form textarea, #post-report-form input[type='text'] { border: solid 1px #136cc7; margin: 4px 0; }
#post-report-form select, #post-report-form input[type='text'] { float: left; height: 16px; padding: 1px 3px; width: 260px; }
#post-report-form select { height: 20px; width: 268px; }
#post-report-form textarea { height: 100px; width: 360px; padding: 3px 3px; }
#post-report-form input[type='checkbox'] { border: solid 1px #136cc7; color: #839097; float: left; margin: 5px 5px 0 1px; }
#post-report-form span { color: #839097; font-size: 10px; width: 200px; }
#post-report-form #btnUpload { background: transparent url(/SolarAcademy/images/common/upload-btn.png) no-repeat top left; border: none; cursor: pointer; margin-left: 130px; width: 125px; height: 19px; }
#post-report-form #btnSubmit { background: transparent url(/SolarAcademy/images/common/submit-btn.png) no-repeat top left; border: none; cursor: pointer; margin-left: 444px; width: 63px; height: 19px; text-indent: -9999px; }
#post-report-form #btnAddQuestion { background: transparent url(/SolarAcademy/images/common/add-question-btn.png) no-repeat top left; border: none; cursor: pointer; margin-left: 0; width: 125px; height: 19px; }

#post-report-form #txtDateofVisit { background: transparent url(/SolarAcademy/images/forms/calendar.gif) no-repeat 250px center; }
/*#post-report-form #btnCalPicker {
	border: none; cursor: pointer; 
	margin-top: 7px; margin-left: 10px; width: 13px; height: 13px; 
}*/

/*#post-report-form #btnUploadPhoto { background: transparent url(/SolarAcademy/images/common/upload-photo-btn.png) no-repeat top left; border: none; cursor: pointer; width: 125px; height: 19px; }*/

#post-report-form #ddState { width: 70px; margin-left: 30px; }

#post-report-form #presenter-photo-wrap { position: relative; }
#post-report-form #presenter-photo-wrap input, #post-report-form #presenter-photo-wrap span { position: absolute; }
#post-report-form #presenter-photo-wrap label { left: 0; top: 0; }
#post-report-form #presenter-photo-wrap span { left: 140px; font-size: 12px; padding: 3px 0; color: #000; }
/*
#post-report-form #presenter-photo-wrap input[type=file] {
	cursor: pointer; left: 140px; width: 200px; z-index: 2; 
	--IE only-- filter:alpha(opacity=0) ; opacity: 0; 
}
*/
#post-report-form #presenter-photo-wrap input[type=button] {
	background: transparent url(/SolarAcademy/images/common/upload-photo-btn.png) no-repeat top left; 
	border: none; cursor: pointer; 
	width: 125px; height: 19px; left: 304px; z-index: 1; 
}
#post-report-form .remove-btn { position: absolute; left: 300px; }

div.tall li { display: block; clear: both; }

#test-log { display: block; clear: both; border: solid 1px red; margin: 0 300px; min-height: 100px; }
#test-log.loading { background: transparent url(/SolarAcademy/images/forms/indicator.gif) no-repeat top right; }
