/* overlay root element */
.sheet { 

width:700px;
display:none;

	box-shadow: #888 0 0 20px; 
	-webkit-box-shadow: #888 0 0 20px; 
	-moz-box-shadow: #888 0 0 20px; 		
	
}

.overlay {	padding:26px 0px 26px 0px; 
background:#f8ebd8 url(/quest/images/pop.png)  no-repeat;
min-height:190px;
}

/* some border radius for various elements and different browsers. CSS isn't perfect */
.rounded, .sheet input, .error { 
	border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	-o-border-radius: 5px; 
	-khtml-border-radius: 5px; 

}


/* tab pane layout */
.pane {	border:1px solid #888;
	padding:10px; 
background:#999;

}
.pane table {margin-bottom:4px}
.pane h3 {background:#fff; padding:5px 26px;  }
.pane h3:hover, .pane h3.active {cursor:pointer; background:#e8f6d4; }
.fieldset {padding:5px 26px; display:none}
.fieldset.cont {display:block}



/*.pane .fieldset:nth-child(even) {background:rgba(255,255,255,0.5); }*/

/* adjust for browsers that support range input 
input[type=range] {
	width:230px;	
	height:28px;
	background-color:#777;
	padding:0;
	margin:0;
	border:0;
}

input[type=date] {
	font-size:14px;		
}
*/



/* the form */
#myform {
	background-color:#f2f2f2;
/* 	background-color:rgba(0, 0, 0, 0.55);	 */
	padding:15px 0;

}


.sheet form p {
	clear:left;	
	margin-bottom:15px;
}

.sheet fieldset {

	padding:10px 10px 0px 10px;

	border:1px solid #f2f2f2 !important;
	background:#f9f9f9;

}

.width100 {width:150px;}

.fieldset {}



.last {
	margin-right:0;
}

.sheet legend {
	color:#c68820;
	font-size:14px;
	font-weight:bold; 
	padding:0;
	margin-bottom:0px;
	margin-left:0 !important;
}


.sheet label {
	display:block;		
	margin:0px;
	color:#333;
	font-size:11px;

}



.sheet input {

	padding:2px 4px;
	background-color:rgba(255, 255, 255, 0.9);	
	font-size:16px;
	color:#555;

	margin:4px 0 0 0; 
	line-height:20px;
	

}

.sheet input[type="checkbox"], .sheet input.checkbox{
height:22px; width:22px;  padding:3px; margin:0; 
}


.sheet input[type="radio"], .sheet input.radio{
height:22px; width:22px;  padding:3px; margin:0; background:0
}

.width50 {width:70px; padding:5px 0 0 0;}

.sheet td { background:0 !important;}

.sheet table td{vertical-align:top; padding:0;}
.sheet label.center{border-bottom:2px solid #c68820; width:90%;}
.sheet label.center2{border-bottom:2px solid #c68820; width:100%;}

.sheet .grey {color:#999 !important}
.sheet table td table {margin:0}

.sheet input:focus {
	background-color:#fff;	
	color:#000;
}

.sheet h3 {margin-bottom:5px}

.cont {width:90%;}
.cont2 {width:93%;}


.sheet select {padding:4px 6px; font:normal 18px Arial; background:#666; border:2px solid #999;	border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	-o-border-radius: 5px; 
	-khtml-border-radius: 5px; color:#ddd; }
	
.sheet textarea {
padding:4px 6px; 
font:normal 12px Arial; 
background:white;
 border:1px solid #999;	
 width:97%;
display:block;
 height:60px;
 border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	-o-border-radius: 5px; 
	-khtml-border-radius: 5px; color:#ddd; 
	color:#444;
	}	



/* validation error message */
.error p {
margin:0
}
label.error {color:red}


/* ..with a pure CSS arrow */
.error em {
	border:10px solid;
	border-color:#E8FF6D transparent transparent;
	bottom:-17px;
	display:block;
	height:0;
	left:10px;
	position:absolute;
	width:0;		
}

/* field with validation error */
.invalid {
	background-color:rgba(221, 233, 255, 0.898) !important;
}

/* date input */
.sheet .date {
	width:193px;	
	background:#666 none repeat scroll 0 0;
	color:#fff;
	text-shadow:0 0 1px #000;
}

.sheet .date:focus {
	background-color:#333;		
	color:#fff;
}

/* datepicker trigger element */
.sheet .picktrigger {
	background:#333;
	cursor:pointer;
	display:block;
	float:right;
	height:32px;
	width:32px;
}

.sheet .picktrigger:hover {
	background:#000;		
}

.sheet .high {
	padding:15px 0 0 15px;		
	clear:both;
}

/* override slider width from external stylesheet */
.sheet .slider {
	width:175px;
}

/* buttons */
.sheet button {
	background:#0150D1 url(../img/h30.png) repeat-x 0 0;
	border:1px solid #d1ddc7;
	color:#fff;
	font-size:14px;
	font-weight:bold; 
	padding:6px 15px;
	text-align:center;
	text-decoration:none;
	text-shadow:0 1px 0 #000;
	cursor:pointer; 
	height:auto;
	outline:0;
	margin-bottom:2px;:
}

.sheet button:hover{
	background-position:0 -12px;
}

.sheet button:active {
	background-position:0 -30px;
}

.butt {margin:0 0 0 26px !important; }


                                          

/* make some elements sit over the mask */
.error, #calroot {
	z-index:10000;	
}

/* overlay close button */
div.close {
	right:-15px;
	top:-15px;	
}