@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/opensans-bold.eot');
    src: url('../fonts/opensans-bold.eot') format('embedded-opentype'),
         url('../fonts/opensans-bold.woff') format('woff'),
         url('../fonts/opensans-bold.ttf') format('truetype'),
         url('../fonts/opensans-bold.svg#OpenSansBold') format('svg');
         font-weight:normal;
         font-style:normal;

}
@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/opensans-regular.eot');
    src: url('../fonts/opensans-regular.eot') format('embedded-opentype'),
         url('../fonts/opensans-regular.woff') format('woff'),
         url('../fonts/opensans-regular.ttf') format('truetype'),
         url('../fonts/opensans-regular.svg#OpenSansRegular') format('svg');
         font-weight:normal;
         font-style:normal;
}


body{
	background:#c4cbd1;
	color:#2a4566;
	font-size:12px;
	font-family: 'OpenSansRegular';
	text-shadow:0 1px 0 rgba(232, 240, 246,0.6)
}
#defaultpanel{
background:#c4cbd1;
}
.center {
    text-align: center;
}
.ui-header .ui-title{
	font-size:20px;
	font-family: 'OpenSansBold';
	text-shadow: 0px -1px 0 rgba(0, 41, 66, 0.4);
}
.ui-header{
	border-bottom: 1px solid #2c3135;
    border-top: 1px solid rgb(207, 211, 223);
    box-shadow: 3px 0 28px rgba(110, 121, 132, 0.5)
    }
.logo {
    text-align: center;
}

.instruction > h1 {
    color: rgb(67, 86, 98);
    font-size: 15px;
    font-weight: normal;
    font-family: 'OpenSansBold';
    margin:0px;
    text-shadow:none;

}
.instruction p{
	margin:5px 0;
	text-shadow:none;
	color:#2A4566;
}
.instruction a {
    color: #096ebb !important;
    text-decoration: none;
    font-weight:normal;
}
.first_name input{
	background: rgb(230, 230, 230); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(230, 230, 230,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230, 230, 230,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(230, 230, 230,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(230, 230, 230,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(230, 230, 230,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(230, 230, 230,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
border-radius:5px;
 height: 36px;
 padding-left: 12px;
 font-size:13px;
 color:#5b5b5b;
 border-top: 1px solid rgb(152, 152, 152);
}
.ui-input-text, .ui-input-search{
	border:none;
	background:none !important;
}
.buuton_submit button{
	background:url('../images/button.png') repeat-x #76A91D !important;
	border: 1px solid rgb(93, 137, 17) !important;
    border-radius: 5px;
    color: rgb(242, 242, 242) !important;
    font-family: 'OpenSansBold';
    font-size: 14px;
    padding: 7px;
    width: 24%;
    display:inline-block;
    text-shadow: 0px -1px 0 rgb(78, 114, 13);
	
}
.buuton_submit span {
    display: inline-block;
    text-align: right;
    width: 73%;
}
.buuton_submit span a{
	font-side:13px;
	color:#096ebb;
	font-weight:normal;
	text-decoration:none;
}
.ui-focus{
	box-shadow:none !important;
}

.message_wranning {
    display: inline-block;
    position: relative;
    width: 100%;
}

.wranning_message > p {
    color: rgb(157, 1, 1);
    padding-left: 1.8em;
    margin-top:0px;
    margin-bottom:0px;
    background:url('../images/wranning.png') no-repeat left center;
}

/************* new style for drinks page *****************/

#drinks .ui-title span {
    background: none repeat scroll 0 0 #7694b7;
    height: 54px;
    position: absolute;
    right: 0;
    top: 0;
}
.hours_of_event {
	background: url(../images/toogle_menu.png) no-repeat #7891B5;
    height:52px !important;
    padding: 1px;
    position: absolute !important;
    right: 0 !important;
    top: -45px !important;
    width: 45px;
    z-index: 10;
    border-radius:0px;
    cursor:pointer;
}
.ui-datebox-controls a{background:#222!important;color:#fff!important;}
/**.ui-overlay-a{background:none!important;} */
.colordo_list{margin:0px!important;}
.colorado_btn{background:none!important;}
#hours_of_event .ui-title {
    margin: 0 13%;
    text-align: left;
}

.list_custome li .left_sd {
    color: #2a4566;
    font-size: 12px;
    text-shadow: none;
    width: 90%;
    display: inline-block;
}
.list_custome a {
    color: #096ebb !important;
    display: block;
    text-decoration: none;
    text-shadow: none;
    font-size:13px;
    
    
}
div.ui-slider-switch {
    margin-left: 10px !important;
    width: 14.65em !important;
    }
.left_sd > div {
    white-space: normal;
}
.list_custome li{
	background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(254,255,255,1) 2%, rgba(227,232,238,1) 98%, rgba(226,232,238,0.6) 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.8)), color-stop(2%,rgba(254,255,255,1)), color-stop(98%,rgba(227,232,238,1)), color-stop(100%,rgba(226,232,238,0.6))) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(254,255,255,1) 2%,rgba(227,232,238,1) 98%,rgba(226,232,238,0.6) 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(254,255,255,1) 2%,rgba(227,232,238,1) 98%,rgba(226,232,238,0.6) 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(254,255,255,1) 2%,rgba(227,232,238,1) 98%,rgba(226,232,238,0.6) 100%) !important; /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(254,255,255,1) 2%,rgba(227,232,238,1) 98%,rgba(226,232,238,0.6) 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#99e2e8ee',GradientType=0 ) !important; /* IE6-9 */	
	border:1px solid #aab4bb !important;
	border-top:none !important;
	margin:0px;
	padding:0.7em 1em;
	position:relative;
}
.ui-slider{
	background:#c26864;
	border-radius:24px;
	color:#FFFFFF;
}
.ui-slider-track .ui-btn.ui-slider-handle{
	border-radius:30px;
	margin-top:2px;
}
.ui-slider {
	border-radius:30px !important;
	border:none;
}
.hours_of_event button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    height: 100% !important;
    margin-top: 0 !important;
    width: 100% !important;
}
.hours_of_event button:after{
	background-color:#7694B7 !important;
	left:12px !important;
}
#drinks .ui-btn-active{
background:#9fc264;
box-shadow: 0 2px 1px 0 #87a757 inset;
text-shadow:none !important;
}
#hours_of_event .ui-content ,#drinks .ui-content{
	padding:0px;
}
#hours_of_event .ui-listview, #drinks .ui-listview{
	margin-top:0px;
}


/******* style for custome width ***************/
.label_width{
	width:40% !important;
	color:#182f4b;
	font-size:13px;
	position:relative;
	
}
.label_width label{
	font-size:13px;
	margin:9px 0;
}
.input_width{
	width:25%  !important;
	color:#182f4b;
}
.middle_text{
	width:10%  !important;
	font-size:13px;
	color:#2a4566;
	position:relative;
}

.middle_text label {
    font-size: 13px;
    left: 6px;
    margin: 9px auto;
    width: 18px;
}
.input_width .ui-input-text{
	color:#2a4566;
	background:#bac1ce !important;
	border-radius:30px;
	border-bottom:1px solid #fff;
}
.input_width .ui-shadow-inset{
	box-shadow:0px 1px 1px #3a464e inset;
}
.input_width .ui-input-text input:focus, .input_width .ui-input-search input:focus{
	box-shadow:0px 1px 1px #3a464e inset !important;
}
/*h3 {
    color: #096ebb !important;
    display: inline-block !important;
    text-decoration: none;
    text-shadow: none;
    font-size:13px !important;
    line-height:30px;
}*/
h3 {
    color: #096EBB !important;
    display: inline-block !important;
    font-size: 13px !important;
    line-height: 30px;
    margin-top: 7px;
    text-decoration: none;
    text-shadow: none;
    vertical-align: top;
}
.botton_cross button {
    background: none repeat scroll 0 0 transparent !important;
    border: medium none;
}
.ui-panel-inner{padding:0px;}

/**** new style ***/
.label_width{
	width:40% !important;
	color:#182f4b;
	font-size:13px;
	position:relative;
	
}
.label_width label{
	font-size:13px;
	margin:9px 0;
}
.input_width{
	width:25%  !important;
	color:#182f4b;
}
.middle_text{
	width:10%  !important;
	font-size:13px;
	color:#2a4566;
	position:relative;
}

.middle_text label {
    font-size: 13px;
    left: 6px;
    margin: 9px auto;
    width: 18px;
}
.input_width .ui-input-text{
	color:#2a4566;
	background:#bac1ce !important;
	border-radius:30px;
	border-bottom:1px solid #fff;
}
.input_width .ui-shadow-inset{
	box-shadow:0px 1px 1px #3a464e inset;
}
.input_width .ui-input-text input:focus, .input_width .ui-input-search input:focus{
	box-shadow:0px 1px 1px #3a464e inset !important;
}
.ui-slider.ui-slider-switch.ui-slider-track.ui-shadow-inset.ui-bar-inherit.ui-corner-all {
    display: inline-block;
    /*vertical-align: middle;*/
}
.ui-collapsible-inset{position: absolute;
    right:0px;
    top: 3px;
    z-index: 10;width:100%;padding:0px;}
 .ui-collapsible-themed-content h3{cursor:pointer;}

 .ui-collapsible-content {
    padding: 0 !important;
    position: relative;
    right: 0;
    top: 10px !important;
}
 
 .ui-collapsible-inset{margin:0px!important;top:45px;}
 
#drinks-ul{margin-top:0px;}
#operation_hours_ul {
    padding: 0;
}
.margin_zero .ui-field-contain {
    margin: 0;
    padding:0px;
}
#custom_menu a {
    visibility: hidden;
}
#custom_menu_list li{background: none repeat scroll 0 0 #CDD4DB;
    border-bottom: 1px solid #AAB4BB;
    border-left: medium none !important;
    border-top: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
     text-shadow: 0 -1px 0 rgba(0, 41, 66, 0.4);
    }
.ui-datebox-container{
	background:-moz-linear-gradient(center top , rgba(255, 255, 255, 0.8) 0%, #FEFFFF 2%, #E3E8EE 98%, rgba(226, 232, 238, 0.6) 100%) repeat scroll 0 0 transparent !important;
	border:none;
}
.ui-datebox-dboxin .ui-input-text, .ui-datebox-dboxin .ui-input-search{background: none repeat scroll 0 0 #BAC1CE !important;
    border-bottom: 1px solid #FFFFFF;
    border-radius: 30px 30px 30px 30px;
    color: #2A4566;
    box-shadow: 0 1px 1px #3A464E inset;
    margin-left: 7%;
    width: 84%;} 
.ui-datebox-controls a{
	background:#7891B5 !important;
}
.save_btn {
    padding: 1px  20px!important;
}
.save_btn button{margin:0px !important;}
.save_btn button:focus{box-shadow:none !important}

#messageDiv{
height:20px;
display:none;
background-color:#C26864;
z-index:9999;
box-shadow: 0 1px 1px #686868 inset;
}
.right_sd {
    display: inline-block;
    margin-top: 32px;
    vertical-align: top;
   
    width: 6%;
}
.save_btn_green{
	background: url("../images/button.png") repeat-x scroll 0 0 #76A91D !important;
    border: 1px solid #5D8911 !important;
    border-radius: 5px 5px 5px 5px;
    color: #F2F2F2 !important;
    display: inherit;
    font-family: 'OpenSansBold';
    font-size: 14px;
    padding: 7px;
    text-shadow: 0 -1px 0 #4E720D;
    width:104px !important;
}
.right_sdbtn{
float:right;margin:0px;
width: 150px !important;
}
.btn_li{min-height:32px;}
.right_sd .ui-link img {
    margin-left: 5px;
}
.popup_message{
	padding:0 20px;
	background-color:#7891B5 !important;
}
.login-box{
    margin: auto;
    /*width: 40%;*/
}
/**** new styel edited for add drinks ****/

.edit_field input {
    height: 32px;
}

.edit_field label {
    font-size: 13px;
    color:#096ebb;
    text-shadow:none;
    margin:0px;
}
.edit_field textarea{
	background: rgb(230, 230, 230) !important; /* Old browsers */
background: -moz-linear-gradient(top,  rgba(230, 230, 230,1) 0%, rgba(255,255,255,1) 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230, 230, 230,1)), color-stop(100%,rgba(255,255,255,1))) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(230, 230, 230,1) 0%,rgba(255,255,255,1) 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(230, 230, 230,1) 0%,rgba(255,255,255,1) 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(230, 230, 230,1) 0%,rgba(255,255,255,1) 100%) !important; /* IE10+ */
background: linear-gradient(to bottom,  rgba(230, 230, 230,1) 0%,rgba(255,255,255,1) 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#fff',GradientType=0 ) !important;  /* IE6-9 */
    border-radius: 5px;
    border-top: 1px solid #989898;
    color: #5b5b5b;
    font-size: 13px;
    padding-left: 12px;
    text-align:left;
    font-weight:normal;
}
.edit_field .ui-btn{
	border-radius: 5px;
    border-top: 1px solid #989898;
    color: #5b5b5b;
    font-size: 13px;
    padding-left: 12px;
    text-align:left;
    font-weight:normal;
    background:url('../images/select_arrow.png') no-repeat 97% 14px #EEEEEE!important;
    height:17px;
 
}
.edit_field .ui-shadow-inset{
	box-shadow:none !important;
	color:#5b5b5b;
	margin:2px 0;
}
.edit_field .ui-btn-active{
	text-shadow:none;font-weight:normal;}
}
.edit_field .ui-icon-carat-d:after{
	background:url('../images/select_arrow.png') !important;
	border:none;
} 
.edit_field .ui-select {
    margin: 2px 0;
}
.cancel_bt{
	background: none repeat scroll 0 0 #8388a5 !important;
    border: 1px solid #8388a5 !important;
}
/**** end here ****/
label.error{
color:red !important;
}
.ui-slider-handle.ui-slider-handle-snapping.ui-btn.ui-shadow {
    background-image: none !important;
}
.ui-slider .ui-btn-active{background:#9FC264 !important;color:#fff !important;}
.ui-slider-label{color:#fff !important; }


#addDrinkForm,#edit_drink_form {
    padding: 0.7em 1em;
}
#addDrinkForm .ui-slider,#edit_drink_form .ui-slider{
    margin-left: 0 !important;
    margin-top: 5px !important;
}
#special_hours_ul {
    padding: 0;
}