/*
 * Responsive HTML5/CSS3 template
 * http://webcodebuilder.com/examples/responsive-html5css3-template/index.html
 *
 * Copyright 2012, WebCodeBuilder
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

//  @import url('reset.css');


#info{
   font-family: 'AsapRegular',arial,serif;
}

.timer{
    font-family: 'AsapRegular',arial,serif;
    font-size: medium;
}	

.div_box_infor{
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: 50px;
}
	
/*main styles*/
.error{color:#FF0000!important; border:1px solid red!important;}
label.error{color:#FF0000!important; border:0!important; font-size:12px; position:relative; float:left;}

.current_date{
float:left;width:180px;text-align:right;padding-right:10px;}

#show_date{margin-top:0}


.time_btn{
    cursor: pointer;
    font-size: 14px;
    height: 34px;
    width: 107px;															
	margin:0 5px 10px;
	background-color:#666666;
	color:white;
}
.selected{
    border:1px solid red;
}

.red{
color:#FF0000;
}

#fade { /*--Transparent background layer--*/
        display: none; /*--hidden by default--*/
        background: #000;
        position: fixed; left: 0; top: 0;
        width: 100%; height: 100%;
        opacity: .30;
        z-index: 999;
}
#ajax_loader{
z-index:3000000;
position:fixed;
top:40%;
 display: none;
}


.text_lable{
    float: left;
    width: 20%;
	font-family: 'AsapRegular',arial,serif;
        text-align: left;
	}
.text_box{
float: left;
width: 27%;
margin-right: 10px;}
.reserve_lable{
    float: left;
    width: 105px;
}
.reserve_text{
float: left;
width: 40%;

margin: 0px;

}
.div_box{
margin:30px auto;
width:85%;
}

#show_party {
    float: left; position: absolute; left: 0px; width: 41px;
 }

.top_reservation_div {
width: 80%; margin: auto;

}

h3{
	color:#000;
}



h3 a{
	font-size:14px;
	padding-left:20px;
}


.hide{
	display: none;
}

.show{
	display: initial;
}
.current_date{
border: 3px solid #d70d15;	
}



#datepicker{
 background:url("../images/party_1.png") no-repeat scroll 0 center / 40px auto #fffeff;
 padding:4px 4px 4px 10px;
 border:1px solid #CCCCCC;
 background-position:right;
 height:37px;
 text-align:left;
 cursor: pointer;
}

#datepicker1{
 background:url("../images/party_1.png") no-repeat scroll 0 center / 40px auto #fffeff;
 padding:4px 4px 4px 10px;
 border:1px solid #CCCCCC;
  background-position:right;
 height:37px;
 text-align:left;
 cursor: pointer;
}


#timepicker{
 background:url("../images/time_icon.png") no-repeat scroll 0 center / 40px auto #fffeff;
 padding:4px 4px 4px 22px;
 border:1px solid #CCCCCC;
 height:37px;
 text-align:right;
 cursor: pointer;
}
#party{
    height: 37px;
    text-align:right;
}
.table_order{
    width:500px
}

/*-------------------------------------------------------------------*/	