/* yahoo reset */
html{color:#000;background:#FFF}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var, optgroup{font-style:inherit;font-weight:inherit}
del, ins{text-decoration:none}
li{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal}
q:before, q:after{content:''}
abbr, acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}
input, button, textarea, select, optgroup, option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input, button, textarea, select{*font-size:100%}

/* formy */
fieldset, form, label, legend{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
fieldset{margin:0 0 1.5em 0;padding:1.4em}
legend{padding:0 .4em;font-size:1.2em}
label{float:left;width:8em;display:block;clear:left;margin-right:.6em;text-align:left;cursor:hand;overflow:hidden}
textarea, input, select, label, button, optgroup{margin-top:5px}
input[type="checkbox"], input[type="radio"]{margin-bottom:7px}

/* Styles */
body{background:#fff;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:11px;color:#535353}
body#action_cancel{margin-top:2em}
#main{width:400px;margin:0 auto;padding:0;border:1px solid #ddd}
#main #top, #main #wrapper, #main #footer{background:#fff url(../img/box_sprite.gif) no-repeat! important}
#main #top{background-position:0!important;height:22px}
#main #wrapper{background-position:-400px!important;background-repeat:repeat-y!important;padding:0 11px}
#main #footer{background-position:-800px 0 !important;padding-top:22px!important}
#main #content{background:#fff url(../img/gradient.png) repeat-x!important;padding:0 1em;padding-bottom:.4em}
#main #content h1{font-size:180%;font-weight:bold;color:#555!important}
#main #content h2{font-size:110%;font-weight:bold}
#main #content p{margin:6px 0}

/* calendar */
#main #content #calContainer {border:none;background:none}
#main #content #calContainer .calrowhead{min-width:15px}
#main #content #calContainer .today{background-color:#fff}
#main #content #calContainer .selected{background-color:#ddd}
#main #content #calContainer .selected a{background-color:#62B424;color:#fff}
#main #content #calContainer .previous{background-color:#ccc;color:#A6A6A6}

/* flags */
#main #language{text-align:right;float:right;margin-right:6px}
#main #language a{margin-left:4px}

/* footer */
#main #footer{font-size:90%;text-align:center;clear:both;padding-bottom:4px}
#main #footer a{text-decoration:none;color:#535353}

/* contact */
#main #contact{border-top:1px solid #ccc;clear:both;padding-top:.7em;text-align:center}

/* form */
#main #content .form #search{font-size:90%}
#main #content .form fieldset{border:1px solid #ddd;padding:0 .4em .6em .4em;margin-bottom:.6em}
#main #content .form fieldset legend{color:#333}
#main #content .form p.action{text-align:right;margin-top:0;padding-top:0}
#main #content .form select{min-width:80px}
#main #content .form label{font-weight:bold}
#main #content .form input{padding-left:2px}
#main #content .form p.action input{margin:0;padding:0 6px;color:#555}
#main #content .form p.action input.next{font-weight:bold;color:#000}
#main #content .form div.msg{overflow:auto}
#main #content .form div.msg p{float:left;margin:0;margin-top:5px}
#main #content .form div.msg p#specialnote, #main #content .form div.msg p#noavailabletimes{width:92%;background:#ddd;padding:6px;margin:6px 0;color:#000}
#main #content .form div.msg p.waitingselect {background:#E8C3BA!important}
#main #content .form div.msg p.waitingselect span{font-weight:bold;font-size:120%}
#main #content .form div.msg p #alternatives {margin-left:4px}
#main #content .form div.msg p#bookingid{font-weight:bold}
#main #content .form div.msg select {margin-top:0}
#main #content .form span.msginput{display:block}
#main #content .form .vdError span{color:red}
#main #content .form .error-message{color:red}
#main #content .form .error-message br{display:none}
#main #content .form label em, .form-required {vertical-align:top;color:#FF0000}

/* utils */
a{color:#00E}
a:active{color:#F00}
.clr{clear:both}
.capletter:first-letter{text-transform:uppercase}
strong{font-weight:bold}
#main #nojs {background-color:#FFBABA;border:1px solid #D8000C;padding:6px;margin:10px 0}

/* debug */
#debug, .cake-sql-log, .cake-sql-log caption {border:1px solid #ccc;background:#fff;color:#000;padding:4px}
#debug {margin-top:6em}

/* Flash error boxes */
#main #content #flash_success, #flash_error, #flash_info{position:relative;border:1px solid;margin:6px 0;padding:6px 6px 6px 50px;background-repeat:no-repeat;background-image:url(../img/flash_sprite.png);min-height:25px}
#main #content #flash_error{background-color:#FFBABA;background-position:6px -94px;color:#D8000C}
#main #content #flash_info{background-color:#EFEFEF;background-position:6px -226px;color:#444;border-color:#ccc}
#main #content #flash_success{background-color:#DFF2BF;background-position:6px -360px;color:#4F8A10}
#main #content #flash_error_code, #flash_error_text, #flash_error_info{text-align:right;font-size:80%}

/* please wait */
#pleasewait{background:#000;padding:15px;text-align:left;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;color:#fff;filter:alpha(opacity=80);-khtml-opacity:.8;-moz-opacity:.8;opacity:.8}
#pleasewait div{font-size:160%}

/* print */
@media print{
html,body#action_confirmation{background:#fff!important}
div#main div#wrapper, div#main div#wrapper div#content{background:none!important}
#main{width:600px!important;margin:0!important;border:none}
#top, #footer, #cancelfieldset, #language, .noprint , .linkend, #debug, .cake-sql-log, .cake-sql-log caption{display:none!important}
#contact{border:none!important}
#content{font-size:140%!important}
#content .form label {width:15em!important}
#contact:after{content:"Booking by DinnerBooking - http://dinnerbooking.com/";display:block;font-weight:bold;margin-top:10px}
}