@charset "utf-8";
/* CSS Document */

.section { clear:both; display:block; /*border:#00FF00 2px dotted;*/ }
.section_head, .section_content {display:block; }
.section_head { background-color:#990000; color:#FFCC00; font-weight:bold; font-size:.80em; padding:2px 20px;  }
.section_content { background-color:#f2f2f2; color:#990000; /*font-size:.75em;*/ min-height:50px; padding:20px; }


.ReqField2 { font-size:.90em; color:Gray; font-style:italic; padding: 0 0 0 3px; text-align:center; vertical-align:middle;}
.ReqField { font-size:1.5em; color:red; padding: 0 0 0 3px; text-align:center; vertical-align:middle;}
.form_hint, .required_notification { color:#999; font-size:.80em; font-style:italic;}
.error_text_login { display:inline-block; color:#900; font-weight:bold; font-style:italic; font-family:Arial; padding: 3px; margin-top:5px; border: #999 1px dotted; background-color:#ffffcc; margin-left:0px;}
.error_text { display:inline-block; color:#900; font-style:italic; font-family:Arial; padding: 3px; border: #999 1px dotted; background-color:#ffffcc; margin-left:2px;}
.valid_text, .vaild_test_LG {display:inline-block; color:Green; font-style:italic; font-family:Arial; padding: 3px; margin-left:2px;}
.valid_text { }
.vaild_test_LG {font-size:1.2em; border: #999 1px dotted; background-color:#ffffcc;}


/* === List Styles === */
ul.login, ul.forms {
	width:100%;
    list-style-type:none;
	list-style-position:outside; 
	margin:0px;
	padding:0px; 
	}
	
.forms li{
	padding:5px 10px; display:block; clear:both;
	/*border-bottom:1px solid #eee;*/ /*border:#f2f2f2 1px dotted;*/ /*border:green 1px dotted;*/
	
} 
.forms li.twocol{
	padding:5px 10px; display:inline-block; clear:both;
	/*border-bottom:1px solid #eee;*/
	
} 


.forms li:first-child,  li:last-child {
	/*border-bottom:1px solid #CCC;*/
}

/* === Form Header === */
.required_notification {
	color:#d45252; font-size: 1em;
	padding: 0 0 5px 0; 
	margin: 5px ; 
	display:inline;
	float:left;
}

/* === Form Elements === */
.label_form, .label_short, .label_long, .label_long_xl, .forms label {
width:170px;  padding-top:2px; display:inline-block;  float:left; color:#900; font-size:.80em; line-height:1.9em; /*border:#0F0 1px dotted;*/} 
.forms label {}
.label_short {max-width:50px; padding-left:35px; /*border:#99FF00 1px solid*/}
.label_long { max-width:265px; min-width:265px}
.label_long_xl { min-width:250px; max-width:400px;}

.forms input, .forms input.short {
	/*height:20px;*/ 
	width:190px; 
	/*padding:5px 8px;*/}
	
.forms input.short {width:80px; float:left; padding-right:5px; }
 .forms_box { border:#CCC 1px solid; background-color:#fff; margin-left:170px; padding:5px 10px; display:block; /*font-size:.80em;*/ color:#666; width:380px;  }
 .forms_box a { text-decoration:underline;}
 .forms_box strong { color:#900; }
 .forms_box p { padding: 3px 3px 3px 0; margin:0; line-height:1.3em; font-size:.80em; }
.strong { font-weight:bold;}
 textarea {padding:8px; width:300px;}
 button {margin-left:5px;}
 .left { float:left;}
.req { font-weight:bold}

input[type="checkbox"]
{ padding:0; margin:0; width: 10px; vertical-align:middle}
.checkboxText {   /*border:#00FF66 1px dotted*/}
 
/* === Button Style === */
input[type="button"], input[type="submit"], button.submit {
	background-color: #990000; width:auto; height:auto;
	background: -webkit-gradient(linear, left top, left bottom, from(#cc0000), to(#990000));
	background: -webkit-linear-gradient(top, #cc0000, #990000);
	background: -moz-linear-gradient(top, #cc0000, #990000);
	background: -ms-linear-gradient(top, #cc0000, #990000);
	background: -o-linear-gradient(top, #cc0000, #990000);
	background: linear-gradient(top, #cc0000, #990000);
	border: 1px solid #660000;
	border-bottom: 1px solid #800000;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	box-shadow: inset 0 1px 0 0 #e60000;
	-webkit-box-shadow: 0 1px 0 0 #e60000 inset ;
	-moz-box-shadow: 0 1px 0 0 #e60000 inset;
	-ms-box-shadow: 0 1px 0 0 #e60000 inset;
	-o-box-shadow: 0 1px 0 0 #e60000 inset;
	color: white;
	font-weight: bold;
	padding: 6px 20px;
	text-align: center;
	text-shadow: 0 -1px 0 #800000;
}

button.grey {
	background-color: #aeaeae;
	background: -webkit-gradient(linear, left top, left bottom, from(#900), to(#900));
	background: -webkit-linear-gradient(top, #900, #900);
	background: -moz-linear-gradient(top, #900, #900);
	background: -ms-linear-gradient(top, #900, #900);
	background: -o-linear-gradient(top, #900, #900);
	background: linear-gradient(top, #900, #900);
	border: 1px solid #777;
	border-bottom: 1px solid #555;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	box-shadow: inset 0 1px 0 0 #333;
	-webkit-box-shadow: 0 1px 0 0 #d5d5d5 inset ;
	-moz-box-shadow: 0 1px 0 0 #333 inset;
	-ms-box-shadow: 0 1px 0 0 #333 inset;
	-o-box-shadow: 0 1px 0 0 #333 inset;
	color: white;
	font-weight: bold;
	padding: 6px 20px;
	text-align: center;
	text-shadow: 0 -1px 0 #900;
	}
button.AlignLeft { }

input[type="button"]:hover, input[type="submit"]:hover {
	opacity:.85;
	cursor: pointer; 
}
input[type="button"]:active, input[type="submit"]:active {
	border: 1px solid #20911e;
	box-shadow: 0 0 10px 5px #356b0b inset; 
	-webkit-box-shadow:0 0 10px 5px #356b0b inset ;
	-moz-box-shadow: 0 0 10px 5px #356b0b inset;
	-ms-box-shadow: 0 0 10px 5px #356b0b inset;
	-o-box-shadow: 0 0 10px 5px #356b0b inset;
	
}

button.submit:active.grey {
	border: 1px solid #444;
	box-shadow: 0 0 10px 5px #444 inset; 
	-webkit-box-shadow:0 0 10px 5px #444 inset ;
	-moz-box-shadow: 0 0 10px 5px #444 inset;
	-ms-box-shadow: 0 0 10px 5px #444 inset;
	-o-box-shadow: 0 0 10px 5px #444 inset;
	 
}
.ceeb { width:100%}
.ceed label {width: 40em;}
#CeebName {width: 30em;}
#school1, #program1,#school2, #program2,#school3,#program3 {display: block; width: 350px;}

.k-widget.k-multiselect {
	display: inline-block;
    vertical-align: middle;
    width: 350px;
}

li .k-button { clear: none; }

ul .multiple { display: inline-block; }

legend { color: #990000; }

.hidden { display: none; }

.k-textbox { width: 11.8em; }

.accept, .status { padding-left: 90px; }

.valid { color: green; }

.invalid { color: red; }

.dropDownValidation { margin: 5px 0 0 180px; }

span.k-tooltip { margin-left: 6px; }

@media handheld, only screen and (max-width: 768px) {

 .forms_box { margin-left:0px;  width:245px;  }
.ceeb { width:100%; margin-left:0; float:left}
.ceed label {width: 100%;}
#CeebName {width: 100%; float:left;}

#school1, #program1,#school2, #program2,#school3,#program3 {display: block; width: 350px;}

.k-widget.k-multiselect {
    width: 90%;
}



}