body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
}
.ui-collapsible-content {
    height: 75% !important;
    overflow-y:scroll !important;
}
#div_main_infox{
	height:100%;
	width:700px;
	overflow:auto;
	border-top:solid 1px grey;
         border-bottom:solid 1px grey;
	padding-top:7px;
	padding-bottom:7px;
	padding-right:5px;
	padding-left:4px;
	background-color:#F4FFFF;
        margin-bottom:8px;
          
}
#div_main_info{
    display:none;
}
.main_title{
    font-size:1.3em;
}
#welcome1{
    font-size:20px;
    color:white;
    
    padding:15px;
    font-family:sans-serif;
}
#div_vol_message1,#div_vol_message_bye{
    font-size:1em;
    font-weight:normal;
    font-family: arial;
    width:75%;
    padding:1em;
    color:black;
    background-color: white;
   
}
#div_vol_message_bye{
    font-size:1.2em;
   
}
#div_page3{
     display:none;
}
p{
	color:#000;
	
}
input[type=text]{
    width:3em;
    height:.5em;
    margin-right:.5em;
    margin-bottom:.3em;
}
#div_header_box{
	background-image:url(../assets/fbook-page-top.png);
	background-repeat:no-repeat;
	width:720px;
	height:80px;
	vertical-align:middle;
	
}
#div_header_box h1{
	margin-left:250px;
	padding-top:15px;
	color:#666699;
	font-size:18px;
}
#div_main{
/*    height:1100px;*/
}
#div_main_lower{
/*    height:900px;*/
}
#div_vol_message{
    font-size:.8em;
    color:#003300
}
.error{
	color:#FF0000;
	font-size:12px;
	font-weight:bold;
	margin-right:.5em;
	display:none;
        
	
}
.custom_insert .error{
    font-size:.8em;
}
.tip{
    font-size:.8em;
    color:blue;
}
.remove_student{
    margin-right:1em;
    position:relative;
    top:.75em;
    width:3em;
}
#div_no_student_message{
    display:none;
    font-weight:bold;
    color:green;
    float:left;
    width:20%;
}
#div_school_selection_message{
   
    font-weight:bold;
    color:green;
    float:left;
    width:30%;
}
.big_error{
	font-size:.8em;
	margin-bottom:5px;
	color:#F00;
	display:none;
        background-color: white;
        padding:10px;
        border:solid 1px grey;
        text-decoration: none;
        font-family: sans-serif;
}
.div_recording{
    display:none;
    color:green;
    font-size:1.1em
}
.first_name_error, .last_name_error, .email_error, .birth_date_error, .phone1_error,.phone1_required_error,.phone2_error,.phone3_error, .pincode_error, .street_error, .city_error, .state_error, .zip_error{
	color:#FF0000;
	font-size:10px;
	font-weight:bold;
	margin-left:15px;
	display:none;
}
#div_first_name,#div_middle_name,#div_last_name,#div_email,#div_phone,#div_work,#div_cell,#div_street,#div_city,#div_state,#div_zip,#div_pincode{
    float:left;
    margin-right:7px;
}
#div_names_clear,#div_phones_clear,#div_city_state_zip_clear,#div_pincode_clear{
    clear: both;
}

#txt_first_name,#txt_middle_name,#txt_last_name{
    width:12em;
    padding:.1em;
}
#txt_vol_email{
    width:25em;
    padding:.1em;
}
#txt_pincode{
    width:1em;
    padding:.1em;
}
#pincode_directions{
    float:left;
    font-size:.7em;
    padding-top:2em;
    width:35em;
}
#div_email_clear{
    clear:both;
}
#txt_vol_phone,#txt_vol_work,#txt_vol_cell{
    width:9em;
    padding:.1em;
}
#div_phones_clear{
    clear: both;
}
#txt_vol_street{
    width:17em;
    padding:.1em;
}
#txt_vol_city{
    width:10em;
    padding:.1em;
}
#txt_vol_state{
    width:2em;
    padding:.1em;
}
#txt_vol_zip{
    width:6em;
    padding:.1em;
}
#txt_vol_notes{
    width:650px;
    height:50px;
}
.legal_text{
    color: #060;
    font-size:.8em;
    margin-right:20px;
    margin-bottom:15px;
    margin-top:10px;
    padding:.5em;
}

p{
	font-size:14px;
}
.school_verify{
	color:#660000;
	
}
#school_name{
	padding-left:25px;
	font-size:1.2em;
	color:#003300;
}
th,td{
	text-align:left;
	padding-right:15px;
}
#div_employer{
	display:none;
}
.desc{
	font-size:.8em;
}
.student_name_contain{
	width:11%;
        margin-right:1em;
}
.sel_school_contain{
    width:24%;
    margin-right:1em;
}
.sel_grades_contain{
	width:8%;
        margin-right:1em;
}
.sel_classroom_contain{
    width:27%;
    margin-right:1em;
}

.single_school_list{
	margin-right:40px;
}
label,.inputTitle{
	font-size:1em;
	font-weight:bold;
        margin-right:.5em;
}
.inputTitle.error{
    font-size:.8em;
}
#student_headers{
	display:none;
}
#button_student_done{
    display:none;
}
#div_validation_errors{
    display:block;
    position:absolute;
    top:120px;
    padding:20px;
    border:solid 1px grey;
}
.red{
	color:#F00;
}
#divider{
	
	padding:5px;
	margin-bottom:20px;
	padding-top:10px;
	border-top:solid 1px grey;
	margin-top:15px;
}
.new_vol{
	font-size:12px;
	color:#060;
	font-weight:bold;
}
.guides{
	color:#069;
	font-size:12px;
}
.sel_class_guides{
    font-size:.9em;
    font-weight:bold;
    padding:1em;
}
#sel_class_popup{
	display:none;
	width:250px;
	height:300px;
	border:solid 1px grey;
	background-color:#FFF;
	padding:7px;
	overflow:auto;
	position:absolute;
	left:150px;
        z-index: 1000;

	
}
#sel_class_popup_sub{
	overflow:auto;
        margin-left:1em;
}
#sel_class_popup a{
	text-decoration:none;
	color:#366;
}
#sel_class_popup a:hover{
	font-weight:bold;
}
.added_classroom{
	font-size:11px;
	margin-left:1em;
	
}
.add_more{
	font-size:11px;
	margin-left:15px;
}
.interest_form_reminder{
	font-size:.7em;
	display:none;
	color:#F60;
	
}

#div_student_box,#div_btn_back{
    display:none;
}

#div_btn_start{
    padding:1em;
    float:left;
    padding-top:2em;
   
}
#div_no_schools{
    color:orange;
    font-weight:bold;
    font-size:1.3em;
    float:left;
}
#div_btn_submit_application{
    float:left;
    padding-right:2em;
}
#interest_form_guides{
    float:left;
    width:34em;
}
.div_act_classrooms_selected{
    background-color:yellow;
    padding:.5em;
    display:none;
    margin-left:2em;
}
.div_act_classrooms_selected_header{
    font-weight:bold;
    color:green;
    font-size:.8em
    
}
.act_classroom_list{
    font-size:.8em;
    color:green;
    margin-left:2em;
}
.add_another_classroom{
    font-size:.7em;
    
     margin-left:4em;
   
}