.pagelinks ol li {
    display:inline; font-size:1em;
}
ol.pagelinks li a,
.pagelinks ol li a {
    margin:0 0px; padding:2px 4px; font-size:1.090909em;
}
ol.pagelinks li a.current,
.pagelinks ol li a.current {
    border:1px solid #CCC; color:#444;
}
.pagelinks li a img {
    vertical-align:baseline;
}
/* default font sizes / colors */
/* should stay at top so other styles can more easily override these styles */
div.field.text input,
div.field.text textarea,
div.selectbox p,
div.selectbox p a,
fieldset p.error,
div.text.hinted label {
    font-family:"Helvetica Neue", Arial, sans-serif; font-size:1em; line-height:1; color:#999;
}
div.field.text textarea {
    line-height:16px;
}
fieldset p.error {
    color:#FF0000; /*font-weight:600;*/
}
div.field.text input.set,
div.field.text textarea.set,
div.selectbox.set p,
div.selectbox.set p a {
    color:#000;
}


div.popup ul li a,
div.autocomplete ul li {
    font-size:11px; line-height:14px; font-weight:normal; color:#666;
}


div.field label span.optional {
    color:#666; font-size:10px; vertical-align:middle;
}
/* end default font sizes / colors */

/* default styles for form and inputs */
div.field {
    margin-bottom:6px;
}
div.field.text label,
div.field.select label {
    padding:5px 0; /* 4 to match padding of input, 1 for border, 1 just because */
    font-size:12px; line-height:1;
} 
div.field.text #selectdates .selectbox,
div.field.text .selectdates .selectbox,
div.field.text #selectguests .selectbox,
div.field.text .selectguests .selectbox,
div.field.text input,
div.field.text textarea {
    
    padding:6px 7px; margin:0;
    overflow:auto;

    border-width:1px; border-style:solid; border-color:#BBBBBB #DDDDDD #DDDDDD #BBBBBB;
    -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
}
div.field.text #selectdates .selectbox,
div.field.text .selectdates .selectbox,
div.field.text #selectguests .selectbox,
div.field.text .selectguests .selectbox,
div.field.text input,
div.field.text textarea,
div.field.select div.selectbox p {
    background-color: #F0FAFE;
}
div.field.text #selectdates .selectbox,
div.field.text .selectdates .selectbox,
div.field.text #selectguests .selectbox,
div.field.text .selectguests .selectbox,
div.field.text input,
div.field.text textarea,
div.text.hinted label {
    line-height:1.1;
    
    color: #7197A5;
    
}
div.field.text #selectdates .selectbox,
div.field.text .selectdates .selectbox,
div.field.text #selectguests .selectbox,
div.field.text .selectguests .selectbox,
div.field.text input {
    /*height:14px;*/ /* the height works with line-height to set a consistent height in Safari and other browsers. */
    height: 1.1em;
}
div.field.text #selectguests .selectbox,
div.field.text .selectguests .selectbox,
div.field.text #selectdates .selectbox,
div.field.text .selectdates .selectbox {
    line-height: 1em;
}
div.field.text #selectdates .selectbox.set,
div.field.text .selectdates .selectbox.set,
div.field.text #selectdates .selectbox.focus,
div.field.text .selectdates .selectbox.focus,
div.field.text #selectguests .selectbox.set,
div.field.text .selectguests .selectbox.set,
div.field.text #selectguests .selectbox.focus,
div.field.text .selectguests .selectbox.focus,
div.field.text input.set,
div.field.text textarea.set,
div.field.text input:focus,
div.field.text textarea:focus,
div.field.select div.selectbox.set p {
    background-color: #FFF;
    color: #000; 
}
/* end default */


/* wbutton is a text input with the button bordering on the left side */
div.field.wbutton input,
div.field.wbutton button {
    vertical-align:middle;
}
div.field.wbutton input.text {
    -moz-border-radius-topright:0px; -moz-border-radius-bottomright:0px;
    -webkit-border-top-right-radius:0px; -webkit-border-bottom-right-radius:0px;
}
div.field.wbutton input {
    float:left;
}
div.field.wbutton input.text {
    width:238px;
}
div.field.wbutton input.button {
    height:26px;
    margin:0;
    padding:0px 10px 2px;
    overflow:hidden;
    background:#F9F9F9;
    border:1px solid #CCC; border-left-width:0;
    -moz-border-radius-topleft:0px; -moz-border-radius-bottomleft:0px;
    -moz-border-radius-topright:8px; -moz-border-radius-bottomright:8px;
    -webkit-border-top-left-radius:0px; -webkit-border-bottom-left-radius:0px;
    -webkit-border-top-right-radius:8px; -webkit-border-bottom-right-radius:8px;

    font-weight:normal; font-size:10px; line-height:14px;
    font-family:"Helvetica Neue", Arial, sans-serif;
    color:#666;

    cursor:pointer;
}
/* end wbutton */

/* hinted is a field that has the label set on top of the input */
div.hinted {
    position:relative;
}
div.text.hinted label {
    position:absolute; top:0; left:0;
    width:176px;
    padding: 7px 8px; margin:0;
    cursor:text; font-size:1em;
}
/* end hinted */

div.checkbox label {
    display:inline;
    margin:0; line-height:inherit; padding:0;
}
div.checkbox input {
    float:none;
}
div.submit input {
    cursor:pointer;

}
div.field.wbutton button span {

}

/* when an auto-suggest menu is present, input needs z-index to show on top of suggest div */
div.wsuggest input.text {
    position:relative; z-index:2;
}


div.submit input {
    margin:0; cursor:pointer;
}

/* form styles with labels to the left of the inputs */
/*
when including on a page, probably will need to:
1. set width of form and div.field
*/
form.horiz div.field {
    clear:both; float:left; /* floating this allows the container to expand with the height of the fields */
}
form.horiz div.field label {
    float:left;
}
form.horiz div.field.text input {
    float:left;
}


/* fieldset styles used on add place form */
form fieldset {
    display:block; position:relative;
    margin:0; padding:0; border:0;
}
form fieldset div.selectbox,
form fieldset div.field {
    margin-top:11px; margin-bottom:0;
}

form fieldset {
    margin:8px 0 0; padding:0 8px 10px;
    background:#EEE;
    border:0; border-color:#EEE;
    -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
}

fieldset p.error {
    margin:10px 0; padding-left:8px;
}
/* end fieldset */

/* radio buttons with that spiffy image */
div.radiogroup label,
.field.radio label {
    display:block; float:left; clear:both;
    margin:0; padding-left:18px;
    background-image:url(/img/global/radio.gif); background-position:left center; background-repeat:no-repeat;
    font-size:1.0909em; color:#444444;
    cursor:pointer;
}
div.radiogroup label.checked,
.field.radio label.checked {
    background-image:url(/img/global/radio_selected.gif);
}
div.radiogroup label input,
.field.radio input {
    position:absolute; left:-6000px;
}
/* end radiogroup */



div.field p.errormsg {
    display:none;
}
div.field.error p.errormsg,
form.error div.field p.errormsg {
    display:block;
}

div.field p.errormsg {
    position:absolute;
    width:96px; padding:3px 22px 3px 6px; margin:0;
    background:#000 url(/img/guides/TGRightArrow.gif) no-repeat right top;
    color:#FFF; font-size:1em; line-height:1.2em;
}

form p.instruct {
    font-size:1.090909em;
}



/* old default styles for form and inputs */
form.old div.field {
    margin-bottom:6px;
}
form.old div.field.text label {
    padding:5px 0; /* 4 to match padding of input, 1 for border, 1 just because */
    font-size:12px; line-height:1;
} 
form.old div.field.text #selectdates .selectbox,
form.old div.field.text .selectdates .selectbox,
form.old div.field.text #selectguests .selectbox,
form.old div.field.text .selectguests .selectbox,
form.old div.field.text input,
form.old div.field.text textarea {
    height:14px; /* the height works with line-height to set a consistent height in Safari and other browsers. */
    line-height:14px;
    padding:9px 10px; margin:0;
    overflow:auto;

    border:1px solid #CCCCCC;
    -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;
}
/* end old default */

/* "short" was used on first round of "community" activation and login pages, which are no longer used */
/*
form.short div.field.text #selectdates .selectbox,
form.short div.field.text .selectdates .selectbox,
form.short div.field.text #selectguests .selectbox,
form.short div.field.text .selectguests .selectbox,
form.short div.field.text input {
    padding: 5px 10px;
}
form.short div.field.text input.image {
    padding: 0px 0px 0px 0px;
    margin-left: 3px;
    height: auto;
    margin-top: 2px;
    display: inline;
    width: auto !important;
    border: none !important;
    background-color: transparent !important;
    position: absolute;
    -moz-border-radius:none; -webkit-border-radius: none; border-radius:none;
}
form.short div.field input.short,
form.short div.field label.short {
    font-size:1em;
}
*/
/* selectbox and autocomplete styles */

/* auto-complete drop down */

div.autocomplete,
div.selectbox div.selectlist {
    display:none; z-index:1;
    max-height:200px; /* max-height determined for IE by javascript in autocomplete.js */

    background:#FFF;

    border-width:0 1px 1px 1px; border-style:solid; border-color:#CCC;

    -moz-border-radius:0px 0px 8px 8px;
    -webkit-border-bottom-right-radius:8px;-webkit-border-bottom-left-radius:8px;
    border-radius:0px 0px 8px 8px;
}
div.autocomplete,
div.selectlist {
    padding:15px 0;
    overflow:auto;
}


div.text div.autocomplete,
div.selectbox div.selectlist {
    margin-top:-6px;
}
div.selectbox {
    position:relative; /* otherwise the left:0 below does weird things */
    z-index:1;
    margin:0; padding:0; border:0;
    font-size:1em; line-height:1;

}
div.selectbox div.popup {
    position:absolute;
    z-index:20; left:0;
    width:99%;

}
div.thbox div.selectbox div.popup {
    z-index:204;
}



div.autocomplete ul li,
div.selectlist ul li {
  list-style-type:none;

}
div.autocomplete ul li,
div.selectlist ul li,
div.selectlist ul li a {
    display:block;
    margin:0;
    cursor:pointer;
    /* overflow:hidden; this was added for some FF weirdness in the latest version. but IE adds a pixel because of it */
}
div.autocomplete ul li,
div.selectlist ul li {
    padding:4px 3px;
}
div.selectlist ul li,
div.autocomplete ul li {
    border-bottom:1px solid #EEE;
}
div.selectlist ul li:first-child,
div.autocomplete ul li:first-child {
    border-top:1px solid #EEE;
}

div.complete input {
    position:relative; z-index:2;
}
div.complete div.autocompete {
    z-index:1;
}




div.selectbox p,
#template div.selectbox p {
    display:block;

    position:relative; z-index:21;

    width:auto; /*padding:10px 12px;*/ padding:6px 7px;
    /*border:1px solid #b2b2b2; border-top-color:#CCC;*/
    border-width:1px; border-style:solid;
    border-color:#CCC #b2b2b2 #b2b2b2;
    -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;

    background-color:#FFF; background-position:right center; background-image:url(/img/global/selectbox/arrow-orange.gif); background-repeat:no-repeat;
    letter-spacing:0px;
    cursor:pointer;
    line-height:1.1;
}
div.selectbox p a:hover {
    text-decoration:none;
}
div.selectbox div.selectlist ul li {
    letter-spacing:0px;
}
div.selectbox span.optional {
    color: #CCCCCC;
}
div.selectbox ul li.reset,
div.selectbox ul li.reset:first-child {
    height:0px; padding:0; overflow:hidden; border-top-width:0px;
}
div.selectbox.set ul li.reset,
div.selectbox.set ul li.reset:first-child {
    height:auto; padding:4px 3px; overflow:auto; border-top-width:1px;
}






div.selectlist ul li a:hover,
div.selectlist ul li:hover,
div.selectlist ul li:hover a,
div.selectlist ul li.selected,
div.selectlist ul li.selected a,
div.autocomplete ul li.selected,

#template div.selectlist ul li a:hover,
#template div.selectlist ul li:hover,
#template div.selectlist ul li:hover a,
#template div.selectlist ul li.selected,
#template div.selectlist ul li.selected a,
#template div.autocomplete ul li.selected,

div.selectlist ul.cols li.col ul li:hover,
div.selectlist ul.cols li.col ul li:hover a {
    background:#F30; color:#FFF;
    text-decoration:none;
}


div.selectlist ul.cols li.col {
    cursor:default;
}
div.selectlist ul.cols li.col:hover,
div.selectlist ul.cols li.col:hover a {
    background:transparent; color:#444;
}
div.destination-menu div.selectlist {
    width:615px; height:auto; max-height:10000px; padding:10px; z-index:20;
}
div.destination-menu div.selectlist div.popular {
    float:left; width:152px;
}
div.destination-menu div.selectlist div.locations {
    float:none;
}
div.destination-menu #selectCountry div.locations,
div.destination-menu #selectCountrySingle div.locations {
    float:left; width:463px; overflow:hidden;
}
div.selectlist h4 {
    color:#666; font-size:1em; font-weight:normal;
}
div.destination-menu div.selectlist ul {
    padding:15px 0;
}
div.destination-menu div.selectlist ul li,
div.destination-menu div.selectlist ul.cols li ul li {
    border:0; width:142px;
}
div.destination-menu div.selectlist ul li a {
    padding:2px 3px;
}
div.destination-menu div.selectlist ul.cols {
    padding:0;
}
div.destination-menu div.selectlist ul.cols li {
    float:left; display:block; margin:0 10px 0 0; padding:0;
}
div.destination-menu div.selectlist ul.cols li.col {
    background:transparent; color:inherit;
}
div.destination-menu div.selectlist ul.popular li,
div.destination-menu div.selectlist ul.cols li ul li {
    padding:0;
}
div.destination-menu div.selectlist ul.cols li ul li {
    float:none;
    margin-right:0;
}
div.destination-menu div.selectlist p.close {
    clear:both; width:599px;
    padding:15px 8px 5px;
    border:0; border-top:1px solid #CCC; background:none;
    text-align:center;
}
div.destination-menu div.inactive p {
    color:#FFF;
}


div.destination-menu {
    position:relative; z-index:20;
}