/***
* GENERIC HTML FORM ELEMENTS
* Rewrites of standard HTML elements
**************************************************************************/
fieldset {
border-width: 0;
clear: both;
}
fieldset legend {
display: none;
}
input,
select {
vertical-align: middle;
font-family: Arial, Helvetica, Verdana, sans-serif;
}
textarea {
font-family: Arial, Helvetica, Verdana, sans-serif;
}
input[type=text],
input[type=password],
input.UploaderInputFile,
textarea {
padding: 3px;
}
input[type=text],
input.file,
input[type=password],
input.UploaderInputFile,
input.submit,
textarea,
select {
margin: 0 10px 0 0;
}
input[type=text],
input[type=password],
select,
textarea {
border: 1px solid #d5d5d5;
}
input[type=text],
input[type=password],
input.UploaderInputFile,
select,
textarea {
font-family: inherit;
font-size: 1.2em;
}
input[type=text]:focus,
input[type=password]:focus,
select:focus,
textarea:focus {
}
input.radio,
input.checkbox,
input.submit {
cursor: pointer;
}
input.submit {
padding: 0.4em 0.6em;
font-size: 0.9em;
cursor: pointer;
overflow: visible;
}
select > option {
padding: 0.25em 5px 0 3px;
}
span.EditingFormErrorLabel {
background-color: #701f12;
color: #fff;
padding: 2px 5px 4px;
float:right;
width:14em;
}
fieldset.form {
background: transparent url(../../../_img/wg/misc/hr-bg.gif) center 0 repeat-x;
padding-top: 2.2em;
width: 572px;
color: #333;
}
fieldset.form h3 {
margin-top: 0;
}
fieldset.form ol {
list-style: none;
float: left;
width: 572px;
}
fieldset.form ol li {
margin: 0 0 .8em;
float: left;
clear: left;
width: 572px;
}
fieldset.form ol li label {
float: left;
width: 172px;
text-align: right;
padding: 0 1.5em 0 0;
}
fieldset.form ol li.required label {
font-weight: bold;
}
fieldset.form ol li.required-text-area label {
font-weight: bold;
height: 100px;
}
fieldset.form ol li.required-text-area span.EditingFormErrorLabel {
float:left;
margin-bottom: 10px;
width: 346px;
}
fieldset.form ol li.required-date-select label {
font-weight: bold;
height: 50px;
}
fieldset.form ol li.required-date-select span.EditingFormErrorLabel {
float:left;
margin-top: 10px;
width: 250px;
}
fieldset.form ol li input {
width: 200px;
}
fieldset.form ol li input.UploaderInputFile {
width:210px;
}
fieldset.form ol li input.CalendarIcon {
width: auto;
margin:.75em 1em 0 0;
}
fieldset.form ol li a.CalendarAction {
margin:.5em 1em 0 0;
float:left;
}
fieldset.form ol li input.small {
width: 76px;
}
fieldset.form ol li select {
width: 208px;
}
fieldset.form ol li textarea {
width: 348px;
height:125px;
}
fieldset.form ol li input,
fieldset.form ol li select,
fieldset.form ol li textarea {
font-size: 1em;
float:left;
}
fieldset.form ol li table {
width:218px;
float:left;
}
fieldset.form ol li table tr td {
margin:0;
padding:0;
width:100%;
}
fieldset.form ol li table tr td input {
width:auto;
float:left;
margin-bottom:9px;
}
fieldset.form ol li table tr td label {
width:auto;
margin: -2px 0 0 .5em;
}
fieldset.form span.label {
float: left;
width: 130px;
text-align: right;
padding: 0 1.5em 0 0;
}
fieldset.form span.required {
font-weight: bold;
}
fieldset.form ul.radiochecklist {
margin: .2em 10px .2em 0 !important;
padding: 0;
list-style: none;
float: left;
width: auto;
}
fieldset.form ul.radiochecklist li {
margin: 0 0 0.5em 0;
padding: 0 !important;
background: none !important;
float: left;
width: 100%;
}
fieldset.form ul.radiochecklist li label {
padding: 0 0 0 0.5em;
font-weight: normal;
width: auto;
float: left;
}
fieldset.form ul.radiochecklist li input {
margin: 2px 0 0 0;
float: left;
width: auto;
}
fieldset.form ol li.button-zone {
background: transparent url(../../../_img/wg/misc/hr-bg.gif) center 0 repeat-x;
padding-top: 2.2em;
margin-top: 1.6em;
width: 572px;
}
fieldset.form ol li.button-zone input {
text-indent: -9999px;
background-position: 0 0;
height: 25px;
float: right;
padding: 0;
position: relative;
left: -2.6em;
}
fieldset.form ol li.button-zone input:hover {
background-position: 0 -25px;
}
/**
* OVERRIDE THINGS GENERATED BY CMS
**************************************************************************/
span.ErrorLabel,
span.UploaderLabel {
display:none;
}
div.Uploader {
border:none;
margin:0;
padding:0;
}
div.Uploader table {
margin:-.1em 0 0 0;
padding:0;
}
/*** END OVERRIDE THINGS GENERATED BY CMS ***/
/***
* POP UP CALENDAR
* ----------------------------------------------------------------------------------- */
body.wg-calendar-picker {
background-color:#D8BD87;
background-image:none;
border:none;
overflow:visible;
}
body.wg-calendar-picker * {
outline:none;
}
body.wg-calendar-picker table#calDate {
width:100%;
}
body.wg-calendar-picker table.table-caption tr td {
background-color:#181503;
color:#FDB847;
padding:8px;
border:1px solid #463C37;
font-size:1em;
text-transform:uppercase;
}
body.wg-calendar-picker .table-caption tr td.next-prev {
padding:0;
}
body.wg-calendar-picker .table-caption tr td a{
padding:8px;
display:block;
text-decoration:none;
}
body.wg-calendar-picker .table-caption tr td a:hover {
background-color:#C05125;
}
body.wg-calendar-picker table#calDate {
width:100%;
}
body.wg-calendar-picker table#calDate tr {
background:transparent url(../../../_img/wg/misc/hr-bg.gif) repeat-x scroll center bottom;
text-transform:uppercase;
}
body.wg-calendar-picker table#calDate tr td.day a{
display:block;
}
body.wg-calendar-picker table#calDate tr td.day a:hover {
text-decoration:none;
background-color:#C05125;
color:#000;
}
body.wg-calendar-picker table select#drpMonth,
body.wg-calendar-picker table select#drpYear {
line-height:1.2em;
font-size:.9em;
margin:0 .5em;
}
body.wg-calendar-picker table select#drpMonth option,
body.wg-calendar-picker table select#drpYear option {
padding:0.25em 5px 0 3px;
}
body.wg-calendar-picker table input#btnNA {
display:none;
}
body.wg-calendar-picker table input#btnOK,
body.wg-calendar-picker table input#btnCancel,
body.wg-calendar-picker table input#btnNow {
background:transparent url(/_img/wg/btn/btn-generic-bg.gif) repeat-x center top;
border:none;
color:#FFF;
font-family:Arial,Helvetica,Verdana,sans-serif;
text-transform:uppercase;
font-size:1em;
height:25px;
padding:3px 0;
margin:0 .5em;
}
body.wg-calendar-picker table input#btnOK:hover,
body.wg-calendar-picker table input#btnCancel:hover,
body.wg-calendar-picker table input#btnNow:hover {
background-position:center bottom;
}
/*** END POP UP CALENDAR ***/
/**
* COMMON FORM WIDGETS AND PARTS
* These could be useful in more than one form
**************************************************************************/
/**
/* Generic Submit Button */
fieldset.form ol li.button-zone span.submit input {
background-image: url(../../../_img/wg/btn/btn-submit.png);
width: 75px;
}
/* Number of guests */
fieldset.form ol li input.number-of-guests{
width:100px;
}
/* Select date */
fieldset.form ol li span.select-date input[type=text]{
width:150px;
}
/*** END COMMON FORM WIDGETS AND PARTS ***/
/**
* SPECIFIC FORMS
* These are to be used in conjunction with the form variants above
**************************************************************************/
/**
* Contact form
*/
div#contact {
color: #666;
}
div#contact input.text {}
/* end contact form */
/**
* Job Application form
*/
/* Apply Now Button */
fieldset.form ol li.button-zone span.apply-now input {
background-image: url(../../../_img/wg/btn/btn-apply-now.png);
width: 98px;
}
/*** END SPECIFIC FORMS ***/