/* Main page */

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    overflow: auto;
    background: #ffffff;
    margin: 0px;
}

html>body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    overflow: auto;
    background: #ffffff;
    margin: 0px;
}

body.padded {
    padding: 10px;
}

/* the body size isn't applied */
td {
    font-size: 14px;
}

td.marginSide {
    height: 100%;
    background-color: #c8d2b4;
}

td.marginBottom {
    background-image: url("/ui/media/margin-bottom.png");
}

td.mainPage {
    padding: 0px 2px;
}

#footer {
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

a img {
    border: none;
}

/* */

.thumbnail {
  background-color: #ffffff;
  border: 1px solid #a9a9a9;
  padding: 3px;

}

.thumbSmall {
  background-color: #ffffff;
  border: 1px solid #a9a9a9;
  padding: 1px;
}

.Label {
    color: #487802;
}


a {
    font-style: normal;
    color: #487802;
} 

a:hover {
    color: #ff9900;
}

div.paddedContent {
    padding: 10px 20px 10px 20px;
}

button {
    color: #555555;
    background-color: #acde4a;
    font-size: 10px;
    padding: 2px 5px;
    border: 1px;
}

button.primary {
    background-color: #efa638;
}

select {
    border: solid 1px #879c68;
    padding: 2px;
}

select:focus {
    background-color: #e9f4d2;
}

input {
    border: solid 1px #879c68;
    padding: 2px;
}

textarea {
    border: solid 1px #879c68;
    padding: 2px;
}

input:focus {
    background-color: #e9f4d2;
}

input.radioCheck {
    border: none;
}


.yellowText {
    color: #f8f86d;
}

.orangeText {
    color: #ff9900;
}

.ratingValue {
    font-size: 12px;
    color: #ff9900;
    font-weight: bold;
}

#setLocationArea {
    background-color: #e9f4d2;
    position: absolute;
    z-index: 200;
    border: 2px solid #666666;
}

#searchPopupArea {
    background-color: #e9f4d2;
    margin-top: 5px;
    padding: 10px;
    position: absolute;
    z-index: 200;
    border: 2px solid #666666;
}

.geoTitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
    width: 250px;
}

div.geoPopup {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #ffffff;
    border: 2px solid #8fcf32;
    padding: 5px;
    text-align: left;
}

div.geoPopup a {
    font-weight: bold;
}

div.geoPopupMedia a {
    font-weight: bold;
    line-height: 24px;
}


/* shadows */
div.shadow {
	display: table-cell;
}

div.shadow div {
  	position: relative;  
  	top: -1px;
  	left: -1px;
}

.mediaArea {
    float: left;
    width: 23%;
}

#slideshowArea a {
    font-size: 12px;
}

div.shadow img {
  	border: 1px solid #898989;
}

div.shadow a:hover img {
  border-left: 1px solid black;
  border-top: 1px solid black;
}

/* Rich Text Editor button styles */

.editorArea {
    background-color: #e9f4d2;
    border: 1px solid #000000;
}

.editorButton {
    border: 1px solid #e9f4d2;
    vertical-align: middle;
}

.editorSeparator {
    vertical-align: middle;
}

.editorButton:hover {
    border-left: 1px solid white;
    border-top: 1px solid white;
    border-right: 1px solid #879c68;
    border-bottom: 1px solid #879c68;
}

.editLink {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000;
    cursor: pointer;
}

.helpNote {
    background-color:#ffffbf;
    text-align: left;
    padding:5px;
    border: solid 1px;
} 

.infoBox {
    position:absolute;
    background-color:#ffffbf;
    text-align: left;
    width:480px;
    padding:10px;
    border-style:groove;
    z-index:10;
} 

.infoBox img {
    vertical-align: middle;
}

.infoBoxInline {
    position:absolute;
    background-color:#ffffbf;
    width:650px;
    padding:10px;
    border-style:groove;
    z-index:10;
} 

/* Side Bar */

#menubar {
    margin-top: 5px;
    height: 57px;
}

.menubar-section {
    border-right: 1px solid #353d48;
    background-color: #acde4a;
}

.menubar-section-end {
    background-color: #acde4a;
}

.menubar-menu img {
    vertical-align: top;
}

.wideSpacing {
    letter-spacing: 1px;
}

.menubar-menu {
    background-color: #666666;
    color: #eeeeee;
    height: 39px;
}

.menubar-item {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 2px 5px 0px;
    background-color: #acde4a;
}

.menubar-item a {
    text-decoration: none;
    color: #000000;
}
.menubar-item a:hover {
    color: #ffffff;
}

.dataHeader {
    font-weight: bold;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #4a760a;
}

.dataControlHeader {
    font-weight: bold;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #879c68;
    height: 25px;
}
.dataControlHeader img {
    vertical-align: middle;
}
.dataControlHeader button {
    vertical-align: middle;
}

.dataTable {
    margin-top: 15px;
}

.dataRow {
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #e9f4d3;
}

iframe {
    background: #ffffff;
}

iframe.outline {
    border: 1px solid black;
}

.selected {
    background-color:#ffffbf;
}

.mediaHeader {
    cursor: default;
    vertical-align: top;
    line-height:16px;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;

    -moz-user-select: none; 
}

button.small {
    font-size: 10px;
}

br.halfLine {
    line-height: 8px;
}

.tocMenu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    background-color: #e9f4d2;
    margin-right: 10px;
}

.tocMenu a {
    text-decoration: none;
}

.tocTitle {
    color: #ff9900;
    background-color: #ffffff;
    font-size: 16px;
    padding: 0px 10px 10px;
    font-weight: bold;
    border-bottom: solid 1px #c0d3a5;
}

.tocItem {
    font-size: 12px;
    padding: 5px 10px 5px;
}

.tocItemEmpty a {
    color: #899a64;
}

.tocItemSelected {
    background-color: #ffffbf;
    font-weight: bold;
}

.ratingReviewBody td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

td.ratingLabel {
    font-weight: bold;
    color: #4a760a;
    padding-right: 10px;
    text-align: right;
}


.ratingReviewArea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    border: 1px solid #dfdfdf;
    background-color: #e9f4d3;
    margin-bottom: 20px;
}

.ratingReviewTitleArea td {
    background-color: #ffffff;
    padding: 10px 10px 10px;
}

.ratingReviewArea h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #ff9900;
    font-size: 16px;
    font-weight: normal;
}

.ratingReviewBody {
    padding: 10px 0px 10px;
    color: #487802;
}

.ratingReviewButtonArea {
    padding-top: 20px;
    text-align: right;
}

.propertyArea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    background-color: #e9f4d3;
    margin-right: 10px;
}

.profileContribArea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #ffffff;
    font-size: 14px;
    width: 190px;
}

.profileJournalArea {
    padding-left: 10px;
}

.profileJournalArea .propertyLabel {
    padding-bottom: 10px;
    padding-top: 11px;
}

.profileJournalArea div {
    font-size: 14px;
}

.profileContribArea tr {
    height: 40px;
}

.profileContribArea img {
    padding-left: 10px;
}

.viewArea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #ffffff;
    font-size: 14px;
}

.viewArea .propertyLabel {
    text-align: right;
    width: 140px;
    padding-right: 10px;
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
.viewArea .propertyItem {
    font-size: 14px;
}
.searchArea td {
    vertical-align: top;
    width: 160px;
}
.smallViewArea .propertyLabel {
    width: 100px;
}

.propertyTitle {
    color: #ff9900;
    background-color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}

.propertyTitle td {
    padding: 0px 10px 10px;
    border-bottom: solid 1px #c0d3a5;
}

.propertyItem {
    font-size: 10px;
    color: #555555;
    padding: 3px 3px 3px;
}

.propertyItem td {
    padding: 3px 3px 3px;
}

.propertyLabel {
    font-weight: bold;
    font-size: 13px;
    color: #4a760a;
    text-align: right;
}

.docPropertyLabel {
    font-weight: bold;
    font-size: 12px;
    color: #4a760a;
}

.propertyHelp {
    font-size: 13px;
    color: #4a760a;
    vertical-align: top;
    padding-left: 5px;
}

.propertyValue {
}

.docPropertyValue {
    font-size: 10px;
}

.propertyItemV td {
    padding: 5px 10px 2px;
}

.propertyItemV .propertyLabel {
    text-align: left;
}

.fieldLabel {
    color: #4a760a;
    font-weight: bold;
    text-align: right;
    font-size: 12px;
}

#logo {
    padding: 20px 0px 0px 5px;
}

.tagLine {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #ffffff;
    padding: 5px 10px 2px 10px;
}

#menuArea {
    margin-top: 5px;
    margin-left: 10px;
}

.welcome {
    padding-left: 10px;
}
.welcome a {
    font-weight: bold;
}

.headerSearch {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #4a760a;
    padding-right: 10px;
    font-size: 10px;
}
.headerSearchLabel {
    color: #4a760a;
    font-weight: bold;
}

.headerSearch input {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    border: solid 1px #879c68;
    padding: 1px;
}
.headerSearch select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    border: solid 1px #879c68;
    padding: 1px;
}
.headerSearch input:focus {
    background-color: #e9f4d2;
}
.headerSearch select:focus {
    background-color: #e9f4d2;
}

tr.accountArea {
    vertical-align: middle;
}
tr.accountArea td {
    font-size: 11px;
}

.accountControls a {
    font-weight: bold;
    color: #4a760a;
}

li {
    list-style-image: url("/ui/media/bullet.png");
}

/* Forms */

textarea {
    overflow:auto;
}

.read-only {
    color: #777777;
    background-color: #eeeeee;
}


/* Headings */

img#pageIcon {
    margin-right: 5px;
    vertical-align: -4px;
}

.pageTitleArea {
}

.pageTitle {
    margin: 0px 0px 6px 20px;
}

#mainTitleArea {
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

.mainHeader {
    color: #79a81d;
    font-size: 16px;
    font-weight: bold;
}

h1#mainTitle {
    color: #79a81d;
    font-size: 20px;
    text-transform:uppercase;
    font-weight: normal;
    display: inline;
    padding-right: 5px;
}

h2#subTitle {
    color: #ff9a07;
    font-size: 18px;
    font-weight: normal;
    display: inline;
}

.subTitle {
    color: #ff9a07;
    font-size: 18px;
}

/*
.pageTitle {
    text-align: center;
    font-size: 20px;
    color: #79a81d;
    -moz-user-select: none;
}
.pageTitle2 {
    text-align: center;
    font-style: italic;
    font-size: 18px;
    color: #ff9a07;
    -moz-user-select: none;
}
*/

.header1 {
    font-size: 18px;
    text-align:center;
}

.header2  {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}
a.header2:hover {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

.header3 {
    font-size: 12px;
    font-weight: bold;
}

.Container {
    border: 1px solid #dfdfdf;
    background-color: #e9f4d2;
}

.Container2 {
    border: 1px solid #879c68;
    background-color: #ffffff;
}

.bold {
    font-weight: bold;
}

a.plain {
    text-decoration: none;
}

.underline {
    text-decoration: underline;
}

.error {
    font-size: 14px;
    color: #e95e03;
    border: 1px solid #ffa700;
    padding: 5px 10px;
    background-color: #feffc9;
    margin:0px 30px 20px;
    font-weight: bold;
    z-index: 100;
}

.unsaved {
    font-size: 14px;
    color: #0000ee;
}

.itemListHeader {
	background-color: #d3a043;
	color: #000000;
}

.numeric {
    text-align:right;
}

.left {
    text-align:left;
}

.center {
    text-align:center;
}

.right {
    text-align:right;
}

.nowrap {
    white-space: nowrap;
}

.noScroll {
    overflow: hidden;
}

.searchGroupResultsLabel {
    padding-top: 2px;
    padding-left: 10px;
    color: #000;
    font-size: 16px;
    font-weight: bold;
}

.searchGroupResultsHeader {
    background-color: #879c68;
    color: #f8f86d;
}

.searchGroupResultsHeader img {
    vertical-align: middle;
    padding-left: 5px;
}

.searchGroupResults a {
    font-size: 14px;
    padding-left: 10px;
    text-decoration: underline;
}

.contentControlArea {
    background-color: #889c69;
    color: #e3e9db;
}

.contentControlArea td {
    color: #e3e9db;
}

.contentControlArea a {
    text-decoration: underline;
}

.viewSectionHeader {
    background-color: #879c68;
    color: #e3e9db;
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

.viewSectionHeader td {
    font-size: 16px;
    font-weight: bold;
}
.viewSectionHeader img.icon {
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 10px;
}
.viewSectionHeader img.button {
    vertical-align: middle;
}


.navArea {
    background-color: #889c69;
    color: #e3e9db;
    padding-left:10px;
}
.navArea a {
    color: #e3e9db;
}
.navArea a.mainNav {
    color: #f8f86d;
}

.pagerArea {
    margin-bottom: 8px;
}

.pagerArea select {
    margin-top: 1px;
}
.pagerArea img {
    vertical-align:middle;
}

#navigationArea td {
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10pt;
    color: #ffffff;
}

.pagerHeader {
    background-color: #879c68;
}

.slider {
    width: 100px;
    margin-right: 5px;
    float: left;
}

/*
#content {
    display: none;
}
*/

.no-margin {
    margin: 0px;
}

.block {
    display: block;
}

.hidden {
    display: none;
}

/*
div.table {
    display: table;
    width= 100%;
}

div.row {
    display: table-row;
}

div.cell {
    display: table-cell;
    float: left;
    padding: 3px;
    white-space: nowrap;
    overflow: hidden; 
    text-align: left;
}

div.cell.wide {
    margin: 5px;
}

div.cell.header {
    font-weight: bold;
}
*/

div.mmss {
    -moz-user-focus: normal;
}

.pointer {
    cursor: pointer;
}

.main-margin {
    margin:0px;
}

form {
    margin:0px;
}

.mapSelector {
    margin-top: 20px;
    padding: 5px;
    background-color:#ffffbf;
    border: 1px solid #dfdfdf;
}

.content-controls {
    font-size: 14px;
}

.content-controls img {
    vertical-align: -5px;
}

.content-controls a {
    color: #e3e9db;
}

.activeContentTitle {
}

.contentTitle {
    background-color: #ffffbf;
    background-image: url("/ui/media/section-bar-m.png");
}

.contentTitle a {
    color: #598013;
}

.search-label {
    color: #ff9a07;
    font-weight: bold;
}

.rating-percent {
    color: #efa638;
    font-weight: bold;
}

.result-list-date {
    color: #efa638;
    font-weight: bold;
    width: 100px;
}

.menuItem {
    color: #000000;
    padding: 0px 5px;
}

a.menuItemA {
    color: #000000;
    text-decoration: none;
}    

.menuItemSelected {
    color: #000000;
    padding: 0px 5px;
    background-color: #efa638;
}    

a.menuItemSelectedA:hover {
    color: #000000;
    background-color: #efa638;
    text-decoration: none;
}    

.spellError {
    color: #FF0000;
    font-weight: bold;
}

.tourNotes {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding-top: 40px;
} 

.tourNotes li {
    margin-bottom: 15px;
}

.placeTree {
    width: 100%;
    border-collapse: collapse;
}

.placeTree td {
    font-size: 13px;
}

.placeTreeContinent {
}

.placeTreeContinent td {
    padding-top: 18px;
    border-bottom: solid 1px;
}

.placeTreeContinent a {
    font-size: 15px;
    text-decoration: none;
}

.placeTreeCountryFirst td {
    padding-top: 7px;
}

.placeTreeCountry {
    text-align: right;
    width: 40%;
}

.placeTreeCountry a {
    font-weight: bold;
    padding-right: 20px;
}

.placeTreeCityIndent {
    padding-left: 20px;
}

h3 {
    color: #e3e9db;
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    display: inline;
}

.placeTree h3 {
    color: #487802;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    display: inline;
}

.placeTree h4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    display: inline;
}

.placeTree h5 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    display: inline;
}

.placeTree h6 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    display: inline;
}

.mapPlaceInfo {
    width: 150px;
}

.multipleSelection {
    background-color: #dddddd;
}

.mediaSectionHeader {
    color: #ff9a07;
    font-weight: bold;
    padding-bottom: 5px;
}

div.imagePopup {
    border: 2px solid #666666;
    z-index: 1000;
}

.popupShadow {
    background-color: #666666;
    opacity: 0.4; 
    filter: alpha(opacity=40);
    z-index: 500;
}

div.captionPopup {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #ffffff;
    border: 2px solid #aaaa81;
    text-align: left;
    z-index: 1000;
}

a.active-menu {
    font-weight: bold;
}

.expandIcon {
    position: absolute; 
    z-index: 2000; 
    opacity: 0.8; 
    filter: alpha(opacity=80);
}

.portletList .leftColumn {
    padding-left:20px;
}

.portletList .rightColumn {
    padding-left:50px;
}

.guideJournalArea {
    padding: 5px 10px 2px;
    font-size: 11px;
}

.guideNewsArea {
    padding: 5px 10px 0px;
    font-size: 11px;
}

.passportMsg {
    padding: 4px 0px;
}

.addButtonArea {
    display: none;
    position: absolute;
    padding: 5px;
    background-color: #ffffff;
    z-index: 10000;
    border-left: 1px solid #879c68;
    border-right: 1px solid #879c68;
    border-bottom: 1px solid #879c68;
}

.underlay {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.filmstripTop {
    background: url('/ui/media/filmstrip-top.png') repeat-x;
    height: 9px;
}

.filmstripBottom {
    background: url('/ui/media/filmstrip-bottom.png') repeat-x;
    height: 9px;
}

a.header1 {
    color: #487802;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}
a.header1:hover {
    color: #487802;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}

a.header2 {
    color: #487802;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}
a.header2:hover {
    color: #487802;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}

a.header3 {
    color: #487802;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}
a.header3:hover {
    color: #487802;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}

a.header4 {
    color: #487802;
    font-size: 14px;
}
a.header4:hover {
    color: #487802;
    font-size: 14px;
}

a.header5 {
    color: #487802;
    font-size: 12px;
    font-weight: bold;
}
a.header5:hover {
    color: #487802;
    font-size: 12px;
    font-weight: bold;
}

a.header6 {
    color: #487802;
    font-size: 12px;
}
a.header6:hover {
    color: #487802;
    font-size: 12px;
}

.caption {
    font-size: 9px;
}

.highlight {
    background-color: #e9f4d3;
}

.titleInfo {
    font-size: 12px;
    color: #487802;
}

#lodgingForm { padding:0px; margin:0px; }
#lodgingForm select { font-size: 12px; padding:2px; }
.lodgingFieldArea { display:block; padding:3px; }
.lodgingDateArea { display:block; padding:3px; }
.lodgingNightsArea { display:inline; padding:3px; }
#lodgingSubmit { 
    display:inline;
    margin-left: 100px;
}
#lodgingSubmit button { 
    padding-top: 20px;
}
#lodgingSearchLabel {
    display:block;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0px 10px;
    text-align:center;
}
#lodgingSearchInfo {
    display:block;
    font-style: italic;
    padding: 5px 0px 10px;
    font-size: 11px;
}

.adBox {
    font-size:11px; 
    padding:2px; 
    border:1px solid #dfdfdf;
    width: 194px;
    margin: 0px 0px 20px 20px;
}



#dlaArea {
    font-size: 12px;
}
#dlaArea a {
    color: #000080;
}

#guideLodgingArea {
    width:520px; 
    padding: 3px;
    margin-right: 10px;
    text-align:center;
 /*   border:solid 1px #889c69;  */
}

#guideLodgingArea .header {
    font-weight: bold;
    padding-left:5px;
}

#guideLodgingArea select {
    font-size:12px; 
    margin-top: 3px;
}

/*#guideLodgingArea .lodgingFieldArea { display:inline; } */
#guideLodgingArea .lodgingDateArea { display:inline; }
#guideLodgingArea .lodgingNightsArea { display:inline; }
#guideLodgingArea #lodgingSubmit { 
    margin-left: 10px;
}
#guideLodgingArea #lodgingSubmit button { 
    padding-top: 0px;
}

#embeddedAd {
    float: right;
    width: 340px;
    padding-left: 5px;
}
