/* Forms Styling */
ol.formlist{list-style: none; margin: 0; color: #000; font-weight: bold; background-color: #F5F1E9; border-style: solid; border-color: #BAAD89 #7A6D49 #7A6D49 #BAAD89; border-width: 1px; padding: 0 2em;}
ol.formlist li{margin: 1em 0; vertical-align: middle;}
.formerror{border: 1px solid #f00!important; background-color: #ffeeee!important;}
label.radio{
	padding: 0 8px 0 4px; 
	cursor: hand; 
	width: 80px;
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
}
input,textarea,select{padding: .25em;}
input.single, input.single-wide, input.single-sml{border: 1px solid #AE9770;}
input.single{width: 150px;}
input.single-wide{width: 250px;}
input.single-sml{width: 40px;}
label.single{
	width: 100px;
	padding-right: 4px;
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	text-align:left;	
}
.note{font-size: 92%; font-weight: normal;}
.required{color: #900;}
.selectmulti{height: 7.5em;}
#smlgrp_comment{width: 400px; height: 80px;}
.submit{text-align: right;}
.hidden{display: none;}
.validation-failed{border: 1px solid #f00!important; background-color: #E5BFBF!important;}

.submit input, .submit input:focus, .button, .button:focus, .form-submit input, .form-submit input:focus {
	background-color: #D4F3BF;
	border: 1px solid #524931;
	border-left-color: #D1C8B0;
	border-top-color: #D1C8B0;
	padding: 0.25em;
	font-weight: bold;
}

.submit input:active, .button:active, .form-submit input:active {background: #487A27; border-color: #524931 #D1C8B0 #D1C8B0 #524931;}
#volunteerform ul{list-style: none;}

/* Misc */
#ClientValidationSummary{border: 1px solid #900; padding: .5em 1em 0 1em; margin-bottom: 1em;}
#dramacast ul{list-style: none; margin-left: 3em;}
#gradeselect{padding-left: 120px; margin-top: 0!important;}
#height_feet, #height_inches{width: 20px; text-align: right;}
.servicearea{}
#smlgrpno{margin-top: .5em;}
#SubmitSummary{padding: 1em; margin: 1em 0; color: #000;}
.success{background-color: #BFE5C0; border: 1px solid #090;}
.error{background-color: #E5BFBF; border: 1px solid #900;}

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (in jqModal.js). You
	can change this value by either;
	  a) supplying one via CSS
	  b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}