@import url(page.css);

/* Anchors
---------------------- */
ul.anchors {margin-bottom : 3em}
.anchors li {display : inline; padding-left : 18px; font-weight : bold}
.anchors li.first {padding-left : 0}

/* Headers
---------------------- */
#content h2 {color : #95B02E; border-bottom : solid 1px #95B02E; text-transform : uppercase}
#content h2:target {font-style : italic}
#content a.top {display : block; width :20px; height : 1em; float : right; border : none; background : url(i/deco/top.png) 100% 100% no-repeat}
#content a.top:hover, #content a:hover.top {border : none}

/* Block
---------------------- */
.block {margin-bottom : 2.5em}

.block li {margin-bottom : 1em; padding-left : 10px; background : url(i/deco/bullet.png) 0 0.55em no-repeat}

/* Legal
---------------------- */
.legal {font-size : 0.9em}

/* Img Block
---------------------- */
.imgBlock img {float : left; margin : 0 10px 4px 0}

/* Tables
---------------------- */
table {border-top : solid 1px #A58C76; border-bottom : solid 1px #A58C76;}
th {text-align : left; padding-top : 1em; padding-bottom : 1em; font-weight : bold}
th.date {white-space : nowrap; padding-left : 1em; padding-right : 1em;  text-align : center}
td {text-align : center; vertical-align : middle; padding : 0 0 1em 0}
td.description {text-align : left; padding-right : 0.7em}
tr.first td {border-top : solid 1px #A58C76; padding-top : 1em}
tr.extra td {padding-top : 1em; border-top : solid 1px #A58C76; text-align : left}
.price {font-weight : bold}
.odd {background : #FBF6F0}
tr.extra td td {padding : 0 2em 0.1em 0; border : none}
tr.extra table {border : none}
#content .highlight {color : #95B02E}

/* Forms
---------------------- */
.fieldType {margin-bottom : 2em; margin-top : 1.5em}
.fieldType input {margin-right : 0.5em}
.fieldType label {padding-right : 2em}
.fieldPersonal {margin-bottom : 2em}
.fieldPersonal label {width : 270px; float : left; margin-bottom : 5px}
.fieldPersonal input {width : 150px; float : right; margin-right : 20px; border : solid 1px #A58C76; padding : 1px 2px}
.fieldDates {margin-bottom : 1.5em}
.fieldDates label {width : 300px; float : left; margin-bottom : 5px}
.fieldDates input {width : 100px; float : right; margin-right : 100px; border : solid 1px #A58C76; padding : 1px 2px}
.fieldRoom {margin-bottom : 2em}
.fieldRoom label { float : left; margin : 10px 15px 5px 0}
.fieldRoom input {margin-right : 0.5em; border : solid 1px #A58C76; padding : 1px 2px; width:2em; }
.fieldAdults {}
.fieldAdults label {width : 150px; float : left; margin-bottom : 5px}
.fieldAdults input {width : 30px; float : right; border : solid 1px #A58C76; padding : 1px 2px}
.fieldChildren {margin-bottom : 2em}
.fieldChildren label {width : 50px; float : left; margin-bottom : 5px; margin-right : 20px; margin-top : 10px}
.fieldChildren input {width : 30px; float : right; border : solid 1px #A58C76; padding : 1px 2px}
.fieldComments {margin-bottom : 2em}
.fieldComments label {display : block; margin-bottom : 0.5em}
.fieldComments textarea {border : solid 1px #A58C76; padding : 1px 2px; width : 300px; height : 100px; overflow : auto}

#submitBtn {border-style : solid; border-width : 1px; border-color : #BCC793 #95B02E #95B02E #BCC793; background : #DBE3BE; font-weight : bold; cursor : pointer; margin-bottom : 2em; padding : 0.2em 2em}

#content .error {color : red}

/* Clear floats
---------------------- */
#content h2:after, .imgBlock:after, .fieldPersonal:after, .fieldDates:after, .fieldRoom:after, .fieldAdults:after, .fieldChildren:after {content : ".";  display : block; height : 0; clear : both; visibility : hidden}
/* \*//*/
#content h2, .imgBlock, .fieldPersonal, .fieldDates, .fieldRoom, .fieldAdults, .fieldChildren {display : inline-block}
/* */
/* \*/
* html #content h2, * html .imgBlock, * html .fieldPersonal, * html .fieldDates, * html .fieldRoom, * html .fieldAdults, * html .fieldChildren {height : 1%}
/* */