@charset "UTF-8";

/* Styles for forms */
#includeform {
	width: 100%;
}

.formpaneheader {
	padding: 5px;
	font-family: "Museo";
	font-size: 140%;
	line-height: 30px;
	text-align: center;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	letter-spacing: 6px;
	background-color: #666;
	color: #EEE;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	
	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none;
	cursor: pointer;
}

.formpaneheaderright {
	border-right: none;
	letter-spacing: 6px;
	background-color: #666;
	
}
.formpaneheaderinactive {
	color: #0489B1;
	background-color: #EEE;
}

.formpaneheader:hover {
	background-color: #EEE;
	color: #0174DF;
	
}

.formpaneheader:active {
	background-color: #666;
	border-color: #666;
	color: #EEF;
}

.formpane {
	width: 98%;
	/*margin: 0 auto 20px auto;*/
	display: block;
	/*border: 1px solid #666;*/
	padding: 10px;
}

.panespacer {
	margin-top: 45px;
}

.formlabel, .formtablelabel {
	font-family: "Museo";
	font-size: 150%;
	color: #666;
	letter-spacing: 3px;
}

.inputlabel {
	margin-top: 20px;
}

.formtablelabel {
	font-size: 150%;
	padding: 10px 0 0 10px;
}

.bordercell {
	border: 1px solid;
	border-color:#666;
	padding: 10px 0 10px 0;
}

.formicon {
	width: 40px;
	height: 40px;
	background-color: #FFFFFF;
	border: 1px solid #666;
}

.formicon:hover {
	background-color: #DEF;
}

input,
select,
textarea {
	font-family: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input,
select {
	margin-top: 10px;
	text-indent: 10px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 17px;
	border: 1px solid #AAA;
	color: #333;
}

.textfield, 
.textarea, 
.formtext {
	font-size: 140%;
	color: #333;
	background-color:#FFFFFF;
}

.textarea {
	margin-top: 20px;
	padding: 10px;
	line-height: 1.1;
	width: 100%;
	border: 1px solid #AAA;
	font-size: 17px;
	height: 100px;
	overflow-y: auto;
}

.styled-select {
  	overflow: hidden;
	background: url('../images/down_arrow_select.gif') no-repeat right;
   
}

.styled-select:hover {
   background: url('../images/down_arrow_select_hover.gif') no-repeat right;
   
}
.styled-select select {
	font-size: 140%;
	color: #666;
	font-style: italic;
	background-color: #FFF;
	background: transparent;
	-webkit-appearance: none;
	
}

input[type=submit], 
input[type=reset] {
	width: 200px;
	text-indent: 0;
	-webkit-appearance: none;
	 -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none;
    color: #FFF;
    background-color: #AAA;
    border: none;
}

input[type=submit]:hover, 
input[type=reset]:hover {
	background-color: #007E00;
}

input[type=radio] {
	display: none;
	margin: 10px;	
}

input[type=radio] + label {
/*	display: inline-block;
	text-align: center;
	margin: 15px -2px 5px -2px;
	padding: 4px 5px;
	background-color: none;
	border: 1px solid #669;
	
	/* non-selectable */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input[type=radio]:checked + label {
	background-color: #007E00;
	color: #FFF;
}
/*
input[type=radio] + label.tlred {
	width: 10px;
	height: 10px;
	margin: 5px;
	background-color:#FFF;
	color: #F00;
	border: 1px solid #F00;
}

input[type=radio]:checked + label.tlred {
	background-color: #F00;
	color: #FFF;
}

input[type=radio] + label.tlyellow {
	width: 10px;
	height: 10px;
	margin: 5px;
	background-color:#FFF;
	color: orange;
	border: 1px solid orange;
}

input[type=radio]:checked + label.tlyellow {
	background-color: orange;
	color: #FFF;
}

input[type=radio] + label.tlgreen {
	width: 10px;
	height: 10px;
	margin: 5px;
	background-color:#FFF;
	color: green;
	border: 1px solid green;
}

input[type=radio]:checked + label.tlgreen {
	background-color: green;
	color: #FFF;
}
*/
.allbutton {
	width: 100px;
	/* non-selectable */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.on {
	background-color: #DFA;
	font-style: italic;
}

input[type=checkbox] {
	display: none;
	margin: 10px;
}

input[type=checkbox] + label {
	/*display: inline-block;
	text-align: center;
	width: 90px;
	margin: 5px -2px 5px -2px;
	padding: 4px 5px;
	background-color: #DDD;
	border: 1px solid #666;*/
	
	/* non-selectable */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input[type=checkbox]:checked + label {
	background-color: #007E00;
	color: #FFF;
}

.formerror {
	text-align: right;
	color: #CC3300;
	margin: 15px 0 5px 0;
}

.formflag {
	color: #FF9900;
	font-size: 150%;
	margin: 5px 0 15px 0;	
}

.errorbox {
	border-color: #CC3300;
	background-color: #FFEEDD;
}

.inactive {
	color: #AAA;
}

.formdivider {
	margin-bottom: 20px;
	border-bottom: 1px #EEEEEE solid;
}

.buttonicon {
	display: block;
	height: 30px;
	width: 30px;
	margin: 5px;
	line-height: 30px;
	font-size: 20px;
	background-color: #BBB;
	color: #FFF;
}

.buttonicon:hover {
	background-color: #007E00;
}
/*format jquery UI datepicker */
.ui-datepicker { 
	width: 300px; 
    height: auto;  
    margin: 5px auto 0;  
    font-family: inherit;
    border: 1px solid #FFF;
    background-color: #FFF;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

.ui-datepicker a {  
    text-decoration: none;  
} 

.ui-datepicker table {  
    width: 100%;  
} 

.ui-datepicker-header {
	line-height: 30px;  
    background-color: #669;  
    color: #EEF;   
}  

.ui-datepicker-title {  
    text-align: center; 
    letter-spacing: 4px;
}

.ui-datepicker-prev, .ui-datepicker-next {  
    display: inline-block;  
    width: 30px;  
    height: 30px;  
    text-align: center;  
    cursor: pointer;  
    background-repeat: no-repeat;  
    line-height: 600%;  
    overflow: hidden;  
}  

.ui-datepicker-prev {  
    float: left;  
    background-position: left;
    background-image: url('../images/datearrowleft.jpg');   
} 
 
.ui-datepicker-next {  
    float: right;  
    background-position: right; 
    background-image: url('../images/datearrowright.jpg');  
}  

.ui-datepicker th {
	font-weight: normal;
	background-color: #EEF;
	color: #669;
}

.ui-datepicker td span, .ui-datepicker td a {  
    display: inline-block;    
    text-align: center;
    width: 30px;  
    height: 30px;  
    line-height: 30px;  
    color: #669;  
}  
.ui-datepicker-calendar .ui-state-default {  
    background: #FFF;   
}  
.ui-datepicker-unselectable .ui-state-default {  
    background: #333;  
    color: #FFF;  
} 

.ui-datepicker-calendar .ui-state-hover {
	background-color: #EEF;
	color: #669;
}

.ui-datepicker-calendar .ui-state-active {
	background-color: #669;
	color: #EEF;
}

/* FLYOUT PANE STYLES */
#blanket {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color:#111;
	opacity: 0.4;
}
.no-close .ui-dialog-titlebar-close {
  display: none;
}
.no-close .ui-dialog-titlebar {
	text-align: center;
}
.ui-dialog .ui-dialog-buttonpane {
	padding: 10px 10px 10px 55px;
	float: left;
}