/* Copyright (C) 2011 Host Concepts. All rights reserved. */

* {
 margin:  0;
 padding: 0;
}

body { font: normal normal bold 15px/19px arial,verdana,sans-serif; }

h2 {
 color:         whitesmoke;
 line-height:   24px;
 text-align:    center;
 margin:        8px 0;
}

h2 i { border-bottom: 1px solid whitesmoke; }

input[type=text] {
 border:                1px solid black;
 padding:               2px 3px;
 font:                  normal normal bold 22px/25px arial,verdana,sans-serif;
 color:                 black;
 border-radius:         4px;
 -webkit-border-radius: 4px;
 -moz-border-radius:    4px;
}

a#reserve_button {
 cursor:                pointer;
 display:               block;
 height:                75px;
 width:                 250px;
 border:                1px solid #e1e1e1;
 font:                  normal normal bold 32px/75px arial,verdana,sans-serif;
 text-align:            center;
 text-shadow:           0 -1px 0 #272727;
 border-radius:         4px;
 -webkit-border-radius: 4px;
 -moz-border-radius:    4px;
 /* Old browsers */
 background:            #808080;
 /* W3C */
 background:            linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
 /* Chrome, Safari 4+ */
 background:            -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(50%, rgba(0, 0, 0, 0.2)), to(rgba(255, 255, 255, 0.1)));
 /* Chrome 10+, Safari 5.1+ */
 background:            -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
 /* Firefox 3.6+ */
 background:            -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.1) 100%);
 /* Opera 11.10+ */
 background:            -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.1) 100%);
 /* IE 10+ */
 background:            -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
 /* IE 6-9 */
 filter:                progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaffffff', endColorstr='#80000000',GradientType=0 );
}

a#reserve_button:active {
 border-color:     #afffff;
 background-color: rgba(70,170,225,.75);
}

p {
 margin:  20px;
 font:    normal normal normal 22px/25px arial,verdana,sans-serif;
 color:   whitesmoke;
}

select {
 height: 33px;
 border: 1px solid #002845;
 font:   normal normal bold 22px/25px arial,verdana,sans-serif;
 color:  #000000;
}

option { padding-left: 3px; }

ul { list-style: none; }

ul li {
 display: block;
 float:   left;
 color:   whitesmoke;
 margin:  0 5px;
}

#main {
 height:     425px;
 width:      550px;
 /* Old browsers */
 background: #000;
 /* W3C */
 background: linear-gradient(top, #000000 0%,#191919 100%);
 /* Chrome, Safari4+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#191919));
 /* Chrome 10+, Safari 5.1+ */
 background: -webkit-linear-gradient(top, #000000 0%,#191919 100%);
 /* Firefox 3.6+ */
 background: -moz-linear-gradient(top, #000000 0%, #191919 100%);
 /* Opera 11.10+ */
 background: -o-linear-gradient(top, #000000 0%,#191919 100%);
 /* IE10+ */
 background: -ms-linear-gradient(top, #000000 0%,#191919 100%);
 /* IE6-9 */
 filter:     progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#191919',GradientType=0 );
}

#logo {
 position:              absolute;
 height:                51px;
 width:                 186px;
 margin:                355px 0 0 345px;
 border-radius:         5px;
 -moz-border-radius:    5px;
 -webkit-border-radius: 5px;
 background-color:      #ffffff;
 background-repeat:     no-repeat;
 background-position:   center center;
}

#header {
 height:        47px;
 border-bottom: 3px solid #272727;/*#002845*/
 background:    transparent url('tablet/images/bkgd_primary.jpg') no-repeat left top; /*#2396d2*/
 font:          normal normal bold 42px/47px arial,verdana,sans-serif;
 text-align:    center;
 text-shadow:   0 -1px 0 #272727;
 color:         #ffffff;
}

#make_reservation { padding: 10px 15px; }

#step_1, #step_2 {
 height:                85px;
 margin-bottom:         5px;
 border:                1px solid whitesmoke;
 border-radius:         5px;
 -webkit-border-radius: 5px;
 -moz-border-radius:    5px;
}

#step_1_text, #step_2_text {
 color:       red;
 padding:     5px;
 margin-left: 25px;
}

#step_1_dot, #step_2_dot, #step_3_dot {
 clear:                 left;
 height:                28px;
 width:                 28px;
 margin-top:            24px;
 text-align:            center;
 font-size:             18px;
 line-height:           28px;
 background-color:      red;
 border:                2px solid whitesmoke;
 border-radius:         14px;
 -webkit-border-radius: 14px;
 -moz-border-radius:    14px;
}

#max_covers {
 color:      whitesmoke;
 text-align: center;
}

#contact_slots {
 color:      whitesmoke;
 text-align: center;
}

#close_me {
 position:       absolute;
 width:          300px;
 margin:         235px 0 0 20px;
 padding:        5px 0;
 background:     white;
 font:           normal normal bold 26px/29px arial,verdana,sans-serif;
 text-align:     center;
 text-transform: uppercase;
}

#res_calendar {
 position: absolute !important;
 z-index:  55;
 display:  none;
 margin:   137px 0 0 214px;
}

.JsDatePickBox {
 padding:    9px 0 11px 14px;
 -webkit-border-radius: 4px;
 -moz-border-radius:    4px;
 background: #ffffff !important;
 -webkit-box-shadow:    0 0 9px #272727;
 -moz-box-shadow:       0 0 9px #272727;
}

#res_overlay {
 position:   absolute;
 z-index:    50;
 display:    none;
 height:     100%;
 width:      100%;
 margin-top: 0;
 background: rgba(255,255,255,.85);
}

#view_date { cursor: pointer; }

#ie_warning { display: none; }