@charset "utf-8";
/*********************** Responsive CSS ***********************/
/*
Current Learning Garden Colors
orange 		#FE6400
yellow 		#FEC828
green 		#2BB710
blue 		#295890
dark blue 	#10185A
red 		#DE2901
dark red 	#B50808
*/

*:focus {outline: none;}

/*.contact_form h2, .contact_form label {
	font-family:Georgia, Times, "Times New Roman", serif;
} */

.form_hint, .required_notification {
	font-size: 11px;
}
/*
.contact_form ul {
    width:750px;
    list-style-type:none;
    list-style-position:outside;
    margin:0px;
    padding:0px;
    
}
.contact_form li{
    padding:12px; 
    border-bottom:1px solid #eee; 
    position:relative;
 float:left;
}
*/
.contact_form h2 {
    margin:0;
    display: inline;
}
.required_notification {
    color:#d45252; 
    margin:5px 0 0 0; 
    display:inline;
    float:left;
}

.contact_form label {
    width:150px;
    margin-top: 3px;
    display:inline-block;
    float:left;
    padding:3px;
}
.choices {
  	text-align: right;
}
.contact_form input[type=text],
.contact_form input[type=email],
.contact_form input[type=number],
.contact_form input[type=password],
.contact_form input[type=file],
.contact_form input[type=url] {
    height:40px; 
    width:325px; 
    padding:5px 8px;
    font-size: 16px;
}

.contact_form input[type=radio] {
    height:20px; 
    width:20px; 
    padding:5px 8px;
    
}
.contact_form textarea {
	padding:8px; 
	width:325px;
	font-size: 16px;
}
.label_div {
	width: 300px;
	text-align: left;
	padding: 5px 8px;

	margin: auto;
}
/*.contact_form button {
	margin-left:156px;
} */

.contact_form input[type=text],
.contact_form input[type=email],
.contact_form input[type=number],
.contact_form input[type=password],
.contact_form input[type=file],
.contact_form input[type=url],
.contact_form textarea { 
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
    
}

.contact_form input[type=text]:focus,
.contact_form input[type=email]:focus,
.contact_form input[type=number]:focus,
.contact_form input[type=url]:focus,
.contact_form input[type=password]:focus,
.contact_form input[type=file]:focus,
.contact_form textarea:focus {
    background: #fff; 
    border:1px solid #555; 
    box-shadow: 0 0 3px #aaa; 
}
/* Button Style */
button.submit {
    background-color: #68b12f;
    background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e));
    background: -webkit-linear-gradient(top, #68b12f, #50911e);
    background: -moz-linear-gradient(top, #68b12f, #50911e);
    background: -ms-linear-gradient(top, #68b12f, #50911e);
    background: -o-linear-gradient(top, #68b12f, #50911e);
    background: linear-gradient(top, #68b12f, #50911e);
    border: 1px solid #509111;
    border-bottom: 1px solid #5b992b;
    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 #9fd574;
    -webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
    -moz-box-shadow: 0 1px 0 0 #9fd574 inset;
    -ms-box-shadow: 0 1px 0 0 #9fd574 inset;
    -o-box-shadow: 0 1px 0 0 #9fd574 inset;
    color: white;
    font-weight: bold;
    font-size: 24px;
    padding: 4px 20px;
    text-align: center;
    width:325px;
    height:40px; 
}
button.submit:hover {
    opacity:.85;
    cursor: pointer; 
}
button.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.link {
    background-color: #8C9EAE;
    border: 1px solid #47474E;
    border-bottom: 1px solid #47474E;
    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 #A3A3A6;
    -webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
    -moz-box-shadow: 0 1px 0 0 #9fd574 inset;
    -ms-box-shadow: 0 1px 0 0 #9fd574 inset;
    -o-box-shadow: 0 1px 0 0 #9fd574 inset;
    color: white;
    font-weight: bold;
    font-size: 24px;
    padding: 4px 20px;
    text-align: center;
    width:300px;
    height:40px; 
}
button.link:hover {
    opacity:.85;
    cursor: pointer; 
}
button.link:active {
    border: 1px solid #424445;
    box-shadow: 0 0 10px 5px #424445 inset; 
    -webkit-box-shadow:0 0 10px 5px #424445 inset ;
    -moz-box-shadow: 0 0 10px 5px #424445 inset;
    -ms-box-shadow: 0 0 10px 5px #424445 inset;
    -o-box-shadow: 0 0 10px 5px #424445 inset;
}


button.submit-small {
    background-color: #68b12f;
    border: 1px solid #509111;
    border-bottom: 1px solid #5b992b;
    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 #9fd574;
    -webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
    -moz-box-shadow: 0 1px 0 0 #9fd574 inset;
    -ms-box-shadow: 0 1px 0 0 #9fd574 inset;
    -o-box-shadow: 0 1px 0 0 #9fd574 inset;
    color: white;
    font-weight: bold;
    font-size: 24px;
    padding: 4px 20px;
    text-align: center;
    width:140px;
    height:40px; 
}
button.submit-small:hover {
    opacity:.85;
    cursor: pointer; 
}
button.submit-small: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.cancel-small {
    background-color: #FF3333;
    border: 1px solid #E62E2E;
    border-bottom: 1px solid #E62E2E;
    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 #FF8080;
    -webkit-box-shadow: 0 1px 0 0 #FF8080 inset ;
    -moz-box-shadow: 0 1px 0 0 #FF8080 inset;
    -ms-box-shadow: 0 1px 0 0 #FF8080 inset;
    -o-box-shadow: 0 1px 0 0 #FF8080 inset;
    color: white;
    font-weight: bold;
    font-size: 24px;
    padding: 4px 20px;
    text-align: center;
    width:140px;
    height:40px; 
}
button.cancel-small:hover {
    opacity:.85;
    cursor: pointer; 
}
button.cancel-small:active {
    border: 1px solid #CC0052;
    box-shadow: 0 0 10px 5px #CC0052 inset; 
    -webkit-box-shadow:0 0 10px 5px #CC0052 inset ;
    -moz-box-shadow: 0 0 10px 5px #CC0052 inset;
    -ms-box-shadow: 0 0 10px 5px #CC0052 inset;
    -o-box-shadow: 0 0 10px 5px #CC0052 inset;
}

.name_icon {
	background: url(images/icon/name.png) left no-repeat;
	padding-left:30px;
}