form {
	color: #136cc7; font-size: 12px; 
	margin: 0 100px 0 226px;
	text-align: left; 
}

* html form {margin: 230px 100px 0 226px !important;}
*:first-child+html form {margin: 230px 100px 0 226px !important;}
form h4 { color: #ff6600; font-size: 16px; clear: both; margin-top: 60px; }
form div {
	display: block; clear: both;  
	padding: 5px 0; margin: 0;
}
form div ul {
	border: none; list-style: none; margin: 0; padding: 0;
}
form div.tall li { display: block; clear: both; }

form label { float: left; font-weight: bold; margin: 4px 0 0 0; width: 140px; }
form select, form textarea, form input { color: #444546; font-family: arial, sans-serif; font-size: 12px; }
form select, form textarea, form input[type='text'] { border: solid 1px #136cc7; margin: 4px 0; }
form select, form input[type='text'] { float: left; height: 16px; padding: 1px 3px; width: 260px; }
form select { height: 20px; width: 268px; }
form textarea { height: 100px; width: 360px; padding: 3px 3px; }
form input[type='checkbox'] { border: solid 1px #136cc7; color: #839097; float: left; margin: 5px 5px 0 1px; }
form span { color: #839097; font-size: 10px; width: 200px; }
#chkParentAgree{border:none !important}

form #btnUpload { background: transparent url(/SolarAcademy/images/common/upload-btn.png) no-repeat top left; border: none; cursor: 

pointer; width: 125px; height: 19px; }
form #btnSubmit { background: transparent url(/SolarAcademy/images/common/submit-btn.png) no-repeat top left; border: none; cursor: 

pointer;  float:right; margin-right:130px; width: 63px; height: 19px; text-indent: -9999px; }
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; }

form .validate-date { background: transparent url(/SolarAcademy/images/forms/calendar.gif) no-repeat 247px center;}
form #txtDateofVisit { background: transparent url(/SolarAcademy/images/forms/calendar.gif) no-repeat 247px center;}
* html form #txtDateofVisit{padding:2px 1px;  border:1px solid #999; }
form #ddState { width: 70px; margin-left: 30px; }

form label.check { color: #839097; font-weight: normal; width: 350px; }
* html form label.check{float:right; position:relative; top:-20px; margin-right:110px;}
*:first-child+html form label.check{float:right; margin-right:120px;}
* html input.required{width:260px;}	
/*
form #presenter-photo-wrap { position: relative; }
form #presenter-photo-wrap input, form #presenter-photo-wrap span { position: absolute; }
form #presenter-photo-wrap label { left: 0; top: 0; }
form #presenter-photo-wrap span { left: 140px; font-size: 12px; padding: 3px 0; color: #000; }

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; 
}
form .remove-btn { position: absolute; left: 300px; }
*/


#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; }

#val-area { text-align: left; color: Red; font-size: 14px; font-weight: bold; }

.form-result-win { border: solid 1px black; background-color: #FFF; color: #136CC7; font-size: 14px; font-weight: bold; 

text-align: left; padding: 20px; }

.validation-failed { border: solid 2px red !important; }

a#captchacantread { float: left; margin: 4px 8px; }
#captchawhatsthispopup  {
	position: absolute;
	border: solid 2px #136CC7;  
	background: #FFF;	
	-moz-border-radius: 12px; 
	-moz-box-shadow: 4px 4px 4px #f00;  
	-webkit-border-radius: 12px; 
	-webkit-box-shadow: 2px 2px 10px #666;  
	padding: 10px; width: 200px; 
}
#captchawhatsthispopup h4 { font-size: 16px; margin: 0; padding: 0; text-align: left; }
#captchawhatsthispopup p { color: #136cc7; text-align: left; }

#formResultsDetails { background: #FFF; border: solid 2px #136CC7; padding: 10px; width: 200px; }

#rtewindow  {
	border: solid 0px #000; background-color: #FFF; 
	padding: 10px
	/*width: 400px; height: 300px; */
}
#txtCopy {
	width: 500px; height: 400px;
}

.double-lists { clear:none; float: left; height: 150px}
.double-lists div {float: left; clear:none; }

.double-lists div h5 { }
.double-lists div.pickers { margin: 20px 5px; text-align: center; }
.double-lists div.pickers a { cursor: pointer; }
.double-lists div.pickers a.add {}
.double-lists div.pickers a.remove {} 
/*select[multiple=multiple] { width: 180px; height: 100px}*/
#ddcatlist, #ddcatlistselected{ width: 180px; height: 100px}

#rtewrapper ul { list-style: none; text-align: left; }


/* SWFUPLOAD STYLES*/
#swfu_container { clear: none; float: left; width: 400px; }
#divFileProgressContainer { /*height: 75px;*/ position: absolute; }
#thumbnails {}


.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(/SolarAcademy/images/forms/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}

#rtewrapper { background-color: #FFF; padding: 10px 10px 10px 15px; width: 742px; height: 410px; }
#rtewrapper .rte-container { float: left; width: 600px; }
#rtewrapper .rte-image-container { border: solid 0 #ccc; border-width: 0 0 0 1px; float: right; width: 120px; height: 400px; margin-right: 8px; }
#swfuploaded-images-wrapper { width:132px; float: left; padding-top: 5px; }
#swfuploaded-images {  height: 330px; width: 120px; float: left; }
#swfuploaded-images img { margin:5px; cursor:pointer; }
/*#divFileProgressContainer { height: 50px; width: 120px; }*/
#imgscrollbar { background: #fff; border: solid 1px #fff; height: 200px; width: 10px; float: right; margin-top: 50px; }
#imgscrollbar-knob { cursor: pointer; width: 10px; height: 30px; background: #ccc; } 
#rtewrapper .close-btn-wrap { clear: both; text-align: center; }
#rtewrapper .close-btn-wrap .closeSticky { background-color: #FFF; margin: 10px; text-align: right; cursor: pointer; }



#avatarlist { border: solid 2px #136CC7; background: #fff;  height: 100px; width: 310px; overflow: hidden; position: absolute; }
#closeavatarlist{
	height: 14px; width: 14px; float: right;  
	margin: 2px; 
}
#closeavatarlist a { background: transparent url(/SolarAcademy/images/forms/cancelbutton.gif) no-repeat 0 0; cursor: pointer; display: block; height: 14px; width: 14px; text-indent: -9999px; }
#closeavatarlist a:hover { background: transparent url(/SolarAcademy/images/forms/cancelbutton.gif) no-repeat -14px 0; }
#avatarlist-content { height: 62px; margin-top: 18px; }
#avatarlist-content ul { list-style: none; margin: 0; padding: 0; }
#avatarlist-content ul li { float: left; margin: 5px; }
#avatarlist-content ul li img { border: border: solid 1px #fff; cursor: pointer; height: 52px; width: 52px; }
#avatarlist-content ul li img:hover { border: border: solid 1px #000 }

#avatar-preview { clear: none; float: left; width: 120px; height: 80px; padding: 5px;}
#avatar-preview img { border: none; margin-bottom: 10px; }
#showavatarlist { margin-top: 5px; }

#horiz-scroller { clear: both; height: 10px; border: none; background: #fff; margin-top: 5px; padding:0; }
#horiz-scroller-knob { border: none; background: #FF6600; cursor: pointer; height: 10px; width: 20px; }