﻿@charset "utf-8";
.post_question_lable{ width:20%; float:left; padding:5px 10px; text-align:right; font-weight:bold; font-family: Verdana; color:#6F6F6F;}
.post_question_control{ width:73%; float:left; padding:5px 10px; text-align:left;}
.post_question_control select,.post_question_control input[type=text], .post_question_control textarea{width:300px;}

.PAGE_SECTION_CONTAINER
{
width: 100%;
float: left;
line-height: 18px;
}

.PAGE_SECTION_SUBCONTAINER
{
width: 100%;
float: left;
line-height: 18px;
padding: 3px 0px 3px 0px;
}
.Settings_Page_Section 
{
  margin-bottom: 20px;
  margin-right: 10px;
}
.Settings_Page_PanelSch 
{
  margin-top: 20px;
}
.Settings_Page_Button
{
  margin-bottom: 20px;
}
/* Two List Box */
.TwoListd-dvLeft{float:left; width:36%; padding:2%;}
.TwoListd-dvMiddle{float:left; width:16%; padding:2%; height:100px; margin-top:50px; text-align:center;}
.TwoListd-dvRight{float:left; width:36%; padding:2%;}
.TwoListd-title{line-height:22px; font-family:Verdana; font-weight:bold;}
.TwoListd-dvLeft select{width:96%; padding:2%;}
.TwoListd-dvRight select{width:96%; padding:2%;}
/* Two List Box */

/*View Event*/
.EventDetail-LeftBar{width:61%; margin:2%; float:left;}
.EventDetail-RightBar{width:31%; margin:2%; float:left;}
.Attachment-LeftBar{float:left;}
.Attachment-RightBar{float:left; margin-left:5px;}

/*View Event*/

/*User School*/
.TwoListd-Grid{ width: 100%;}
.TwoListd-button-container{ width: 100%; padding:10px;}
/*User School*/
/*View Event*/

/*Subscription*/
.section_title{padding:10px 10px 5px 10px; font-weight:bold; clear:both;}
.ezc_news_rss_text {
    display: inline;
    vertical-align: super;
    color: blue;
    text-decoration: underline;
}
.button_section{width:96%; padding:2%; }
.button_section1{width:96%; padding:2%; float:right; padding-right:300px; }
.button_section_update_op{width:96%; padding:10px 0px;}
.message_section{width:96%; padding:2%; text-align:left;}
.margin_bottom10px{margin-bottom:10px;}
.clr{clear:both;}
/*Subscription*/


/*Partner Profile*/
.partner_profile_lable{ width:25%; float:left; padding:5px 10px; text-align:right; font-weight:bold; font-family: Verdana; color:#6F6F6F;}
.partner_profile_control{ width:68%; float:left; padding:5px 10px; text-align:left; min-height:22px;}
.partner_profile_control select,.partner_profile_control input[type=text]{width:250px;}
.partner_profile_control textarea{width:350px;}
.partner_profile_container{width:100%}
.textBelowBoxes{width:100%; font-weight:normal; font-style:italic}
.partner_profile_fullwidth_control{width:100%; clear:both;}
.partner_profile_control select.small_size_control, .partner_profile_control input[type=text].small_size_control{width:100px}

/*Partner Profile*/


/*My Profile*/
.my_profile_lable{ width:25%; float:left; padding:5px 10px; text-align:right; font-family: Verdana; color:#6F6F6F; min-height:22px;}
.my_profile_control{ width:68%; float:left; padding:5px 10px; text-align:left; min-height:22px;}
.my_profile_lable_updateop{ width:35%; float:left; padding:5px 10px; text-align:right; font-weight:bold; font-family: Verdana; color:#6F6F6F;}
.my_profile_control_updateop{ width:55%; float:left; padding:5px 10px; text-align:left; min-height:22px;}

.channel_verification_message{ width:99%; float:left; padding:5px 10px; text-align:left; min-height:22px;}
.my_profile_control input[type=text]{width:250px;}
.my_profile_control textarea{width:350px;}
.my_profile_container{width:100%}
.my_profile_container1{width:100%}
.my_profile_container_contact{width:100%; margin-left:20px;}
.textBelowBoxes{width:95%; font-weight:normal;}
.my_profile_fullwidth_control{width:100%; clear:both;}
.my_profile_control select.small_size_control, .my_profile_control input[type=text].small_size_control{width:100px}
.control_pdding{padding:5px 0px 0px 0px;}

.my_profile_three_part_lable{ width:25%; float:left; padding:5px 10px; text-align:right; font-family: Verdana; color:#6F6F6F;}
.my_profile_three_part_control1{ width:25%; float:left; padding:5px 10px; text-align:left; min-height:22px;}
.my_profile_three_part_control2{ width:40%; float:left; padding:5px 10px; text-align:left; min-height:22px;}
.my_profile_active_section{margin-top:30px; clear:both; background-color:#48372F; color:#fff; padding:5px;}
.my_profile_active_section a{color:Red;}

/*my Profile*/

/*volunteer_preferences*/
.volunteer_preferences_lable{font-weight:bold; padding:5px 10px; width:95%;font-family: Verdana; color:#000000; text-align:left;}
.volunteer_preferences_control{padding:5px 10px; width:95%; text-align:left;}
.volunteer_preferences_head{color:#000;}

/*volunteer_preferences*/

/*Offer_request*/
  .OR_block{width:96%; padding:2%; margin-top:10px;}
  .myOp_block{ margin-top:50px; }
/*Offer_request*/

/*settings*/
.request_categories_block{width:96%; padding:10px 2% 10px 2%;}
/*settings*/

.UpdateOppStatus_message{ font-size:15px; font-weight:bold;}
.paddingTop60px{padding-top:60px;}
.paddingTop30px{padding-top:30px;}
.paddingBottom30px{padding-bottom:30px;}


/*closeoffer_request*/
  .close_OR_heading{font-weight:bold; padding:5px 10px; width:95%;font-family: Verdana; color:#6F6F6F; text-align:left;}
  .close_OR_control_container{padding:5px 10px; width:95%;font-family: Verdana; text-align:left;}
  .close_OR_control_lable{ width:68%; float:left; padding:5px 10px; text-align:left; min-height:22px; font-weight:bold; font-family: Verdana; color:#6F6F6F;}
  .close_OR_control_control{ width:25%; float:left; padding:5px 10px; text-align:left; }
/*closeoffer_request*/
  .success {color: #4F8A10;}
  .error {color: red; font-style:normal; line-height:20px;}

.my_profile_control select {
  width: 262px;
}

.eui-label-12 {
  width: 100% !important;
  text-align: left !important;
  padding: 5px 10px 0px 10px !important;
}

.eui-field-12 {
  width: 100% !important;
  text-align: left !important;
  padding: 5px 10px !important;
}

.eui-section-header {
  width: 100% !important;
  text-align: left !important;
  padding: 7px 5px 5px 10px !important;
}

.eui-section-instruction {
  width:100% !important;
  text-align:left !important;
  padding: 5px 10px 5px 10px !important;
}

.eui-multiselect-menu {
  width: 98% !important;
  padding: 5px 10px 5px 10px !important;
}

.eui-field-4 {
  width: 35% !important;
  text-align: left !important;
  padding: 3px 0px 5px 10px !important;
}

.outcome-select {
  width: 260px;
}

.eui-field-3 {
  width: 28.5% !important;
  text-align: left !important;
  padding: 3px 0px 5px 10px !important;
}

.eui-field-5 {
  width: 42% !important;
  text-align: left !important;
  padding: 3px 0px 5px 10px !important;
}

/* Smartphone view*/
@media only screen and (min-width : 768px) and (max-width : 980px) {
}


/* Smartphone view*/
@media only screen and (min-width:481px ) and (max-width:650px) 
{
.post_question_lable{ width:95%; clear:both; text-align:center;}
.post_question_control{ width:95%; clear:both; text-align:center;}
.post_question_control select, .post_question_control input[type=text], .post_question_control textarea{width:90%;}


/* Two List Box */
.TwoListd-dvLeft{width:96%; padding:2%; clear:both;}
.TwoListd-dvMiddle{width:96%; padding:2%; clear:both; height:50px; margin-top:0px;}
.TwoListd-dvRight{ width:96%; padding:2%; clear:both;}

/* Two List Box */
/*View Event*/
.EventDetail-LeftBar{width:96%; margin:2%; clear:both;}
.EventDetail-RightBar{width:96%; margin:2%; clear:both;}
/*View Event*/

/*Partner Profile*/
.partner_profile_lable{ width:95%; clear:both; text-align:left; padding:2px 0px 5px 5%;}
.partner_profile_control{ width:95%; clear:both; text-align:left;  min-height:22px; padding:2px 0px 5px 5%;}
.partner_profile_control select, .partner_profile_control input[type=text], .partner_profile_control textarea{width:90%;}

/*Partner Profile*/

/*My Profile*/
.my_profile_lable{ width:95%; clear:both; text-align:left; padding:2px 0px 5px 5%;}
.my_profile_control{ width:95%; clear:both; text-align:left;  min-height:22px; padding:2px 0px 5px 5%;}
.my_profile_control input[type=text],.my_profile_control input[type=password], .my_profile_control textarea{width:90%;}
.my_profile_control select{
  width:92%;
}


.my_profile_three_part_lable{ width:95%; clear:both; padding:2px 0px 5px 5%; text-align:left;  font-family: Verdana; color:#6F6F6F;}
.my_profile_three_part_control1{ width:100%; clear:both; padding:2px 0px 5px 5%; text-align:left; min-height:22px;}
.my_profile_three_part_control2{ width:100%; clear:both; padding:2px 0px 5px 5%; text-align:left; min-height:22px;}
/*My Profile*/

.close_OR_control_lable{ width:95%; clear:both; text-align:left; padding:2px 0px 5px 5%}
.close_OR_control_control{width:95%; clear:both; text-align:left; padding:2px 0px 5px 5%}
.my_profile_lable_updateop{ width:95%; float:left; padding:5px 10px; text-align:left; font-weight:bold; font-family: Verdana; color:#6F6F6F;}
.my_profile_control_updateop{ width:95%; float:left; padding:5px 10px; text-align:left; min-height:22px;}
}


/* Smartphone view*/
@media only screen and (max-width:480px) 
{
.post_question_lable{ width:95%; clear:both; text-align:center; padding:5px 0px 5px 5%;}
.post_question_control{ width:95%; clear:both; text-align:center; padding:5px 0px 5px 5%;}
.post_question_control select, .post_question_control input[type=text], .post_question_control textarea{width:90%;}

/* Two List Box */
.TwoListd-dvLeft{width:96%; padding:2%; clear:both;}
.TwoListd-dvMiddle{width:96%; padding:2%; clear:both; height:auto; margin-top:0px;}
.TwoListd-dvRight{ width:96%; padding:2%; clear:both;}
.Attachment-LeftBar{width:100%; clear:both;}
.Attachment-RightBar{width:100%; clear:both;}
/* Two List Box */


/*View Event*/
.EventDetail-LeftBar{width:96%; margin:2%; clear:both;}
.EventDetail-RightBar{width:96%; margin:2%; clear:both;}
.Attachment-LeftBar{width:100%; clear:both;}
.Attachment-RightBar{width:100%; clear:both;}
/*View Event*/


/*Partner Profile*/
.partner_profile_lable{ width:95%; clear:both; text-align:left; padding:2px 0px 5px 5%;}
.partner_profile_control{ width:95%; clear:both; text-align:left; min-height:22px; padding:2px 0px 5px 5%;}
.partner_profile_control select, .partner_profile_control input[type=text], .partner_profile_control textarea{width:90%;}
/*Partner Profile*/

/*my Profile*/

.my_profile_lable{ width:95%; clear:both; text-align:left; padding:2px 0px 5px 5%;}
.my_profile_control{ width:95%; clear:both; text-align:left; min-height:22px; padding:2px 0px 5px 5%;}
.my_profile_control input[type=text],.my_profile_control input[type=password], .my_profile_control textarea{width:90%;}


.my_profile_three_part_lable{ width:95%; clear:both; padding:2px 0px 5px 5%; text-align:left; font-family: Verdana; color:#6F6F6F;}
.my_profile_three_part_control1{ width:95%; clear:both; padding:2px 0px 5px 5%; text-align:left; min-height:22px;}
.my_profile_three_part_control2{ width:95%; clear:both; padding:2px 0px 5px 5%; text-align:left; min-height:22px;}
/*my Profile*/

.close_OR_control_lable{ width:95%; clear:both; text-align:left; padding:2px 0px 5px 5%}
.close_OR_control_control{width:95%; clear:both; text-align:left; padding:2px 0px 5px 5%}
.my_profile_lable_updateop{ width:95%; float:left; padding:5px 10px; text-align:left; font-weight:bold; font-family: Verdana; color:#6F6F6F;}
.my_profile_control_updateop{ width:95%; float:left; padding:5px 10px; text-align:left; min-height:22px;}

.eui-label-12 {
    width: 94% !important;
    text-align: left !important;
    padding: 5px 10px 0px 15px !important;
  }

  .eui-field-12 {
    width: 94% !important;
    text-align: left !important;
    padding: 3px 0px 5px 15px !important;
  }

  .my_profile_control select {
    width: 94%;
  }

  .eui-section-header {
    width: 94% !important;
    text-align: left !important;
    padding: 5px 5px 5px 15px !important;
  }

  .eui-section-instruction {
    width: 94% !important;
    text-align:left !important;
    padding: 5px 10px 5px 15px !important;
  }

  .eui-multiselect-menu {
    width: 94% !important;
    padding: 5px 10px 5px 15px !important;
  }

  .eui-field-4 {
    width: 90% !important;
    text-align: left !important;
    padding: 3px 0px 5px 15px !important;
  }

  .outcome-select {
    width: 85%;
  }

  .eui-field-3, .eui-field-5 {
    width: 93% !important;
    text-align: left !important;
    padding: 3px 0px 5px 15px !important;
  }
}
.chkChoice {margin-top:-13px;}
.dvCheckBoxListWrapper {border: solid 1px #828790; width:250px; height:150px; overflow-style:scrollbar; overflow-y:scroll; overflow-x: no-display;}
.dvCheckBoxListWrapper1 {border: solid 1px #828790; width:463px; height:200px; overflow-style:scrollbar; overflow-y:scroll; overflow-x: no-display;}
.chkChoice input{ margin-left: -18px;}
.chkChoice td {padding-left: 20px;}
.chkChoice label {padding-left: 7px;}
.dvDisplay {display:none;}
.removeborderradius { border-radius: 0; }

.txt_input_border_padding {
  border-width: 1px;
  border-radius: 0px;
  padding: 5px;
}

.eui-button-section {
  float: left;
  padding: 3% 3%;
  width: 94%;
}

.eui-select  {
  width: 300px;
}

@media (max-width: 320px) {
  .eui-select {
    width: 270px;
  }
}