p, td, th, span, li, caption, a, div, body {
	font-family: arial;
	font-size: 9pt;
	color: #666666;
}

@font-face {
  font-family: 'Raleway';
  src: url('/Fonts/Raleway-Regular.woff') format('woff'),
        url('/Fonts/Raleway-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'Journal';
  src: url('/Fonts/Journal.woff') format('woff'),
        url('/Fonts/Journal.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'Blokletters-Balpen';
  src: url('/Fonts/Blokletters-Balpen.woff') format('woff'),
        url('/Fonts/Blokletters-Balpen.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'Blokletters-Potlood';
  src: url('/Fonts/Blokletters-Potlood.woff') format('woff'),
        url('/Fonts/Blokletters-Potlood.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'DancingScript';
  src: url('Fonts/Quicksand-Regular.eot');
  src: url('Fonts/Quicksand-Regular.eot?#iefix') format('embedded-opentype'),
        url('/Fonts/DancingScript-Regular.woff') format('woff'),
        url('/Fonts/DancingScript-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
}

input, textarea, select, option 
{
	font-family: arial;
	font-size: 9pt;
}

div.standardMargin
{
	margin-top: 8px;
	margin-bottom: 8px;
}

body {
  min-width: 480px;
}

@media (min-width: 980px) {
  body > form {
    width: 980px;
    margin: auto;
  }

  .main-left-side {
    width: 700px;
    float: left;
    margin-top: 10px;
  }

  .main-right-side {
    width: 260px;
    padding: 0px;
    margin-top: 10px;
    float: right;
  }

  a.ad img
  {
	  width: 120px;
	  height: 120px;
    border: 1px solid transparent;
  }
}

@media (max-width: 979px) {
  .main-left-side {
    width: 75%;
    float: left;
    margin-top: 10px;
  }

  .main-right-side {
    width: 24%;
    padding: 0px;
    margin-top: 10px;
    float: right;
  }

  body .main-left-side .static img,
  body .main-right-side .static img {
    width: 83%;
  }

  body .main-right-side .adList a.ad {
    width: 48%;
    height: auto;
    margin: 2px;
  }

  body .main-right-side .adList a.ad img {
    width: 100%;
  }

  body .tabMap {
    width: 80%;
    height: 200px;
  }
}

@media (max-width: 870px) {
  body .main-right-side .adList a.ad {
    width: 45%;
    margin: 1px;
  }
}

.main-right-side dt {
  cursor: pointer;
}

.main-right-side dt span.toggle {
  padding-right: 5px;
}

.main-right-side dt:hover span.toggle {
  text-decoration: underline;
}

.main-right-side dd {
  margin: 0px;
  display: none;
}

.main-right-side dl.open dd {
  display: block;
}

.main-right-side dl dt b {
  font-weight: normal;
}

.main-right-side dl.open dt b {
  font-weight: bold;
}

.main-right-side dd div p {
  margin: 0px;
}

/*
adjusted to 10pt 1/28 for in-tab subheaders on retreat_listing.aspx
*/
div.larger,
p.larger,
label.larger,
.larger {
	font-size: 10pt;
}

/*
adjusted to 10pt 1/28 for in-tab subheaders on retreat_listing.aspx
*/
.largerBolder
{
	font-size: 10pt;
	font-weight: bold;
}

.bolder
{
	font-weight: bold;
}

.minorHeader
{
    font-weight: bold;
}

.lowProfile
{
	border-style: none;
	background-color: transparent;
}

h3 {
	font-family: arial;
	font-size: 14pt;
	color: #666666;
}

caption {
	font-size: 11pt;
}

th {
	font-weight: bold;
}

a:link {
	color: #6666ff;
}

a:visited {
	color: #CC6699;
}
.divider {
	color: #6666ff;
}

.dividerDiv
{
	clear: both;
	margin: 10px 10%;
	background-color: #BFBFBF;
	height: 2px;
}

.pageHeaderLinks
{
	border-right: 1px solid #000;
	background: #5c4e8d url(../../../images/nav_background.jpg) repeat-y;
	padding-top: 15px;
	padding-bottom: 5px;
	font-family: "Palatino Linotype", "Book Antiqua3", Linotype, Arial;
}

.pageHeaderLinks a
{
	display: block;
	text-align: center;
	margin-bottom: 10px;
	color: #FFF;
	text-decoration: none;
	padding: 0px 5px;
	font-weight: bold;
}

.pageHeaderLinks a.special
{
	color: #FFCCFF;
}

.pageHeaderLinks a:hover
{
	color: #000;
	text-decoration: underline;
}

.clear
{
    line-height: 0px;
    margin: 0px;
    padding: 0px;
    clear: both;
}

.sectionHeader
{
	color: #993399;
	font-size: large;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 0px;
}

.leftColumn
{
	float: left;
	width: 48%;
}

.rightColumn
{
	float: right;
	width: 48%;
}

.adList {
  padding-top: 20px;
}

.adList .static a img {
  display: block;
  margin: auto;
  margin-bottom: 10px;
}

a.ad
{
  display: block;
  float: left;
  border: none;
  margin: 4px;
}

a.ad img.match {
  border-color: #1E8C4F;
}

.borderBox
{
	border: solid 1px #A36397; 
	padding: 5px; 
}

.subtleBox
{
	background-color: #FFF0FF;
	padding: 5px; 
}

.newRow
{
	background-color: #FFDDFF;
}

.standoutBox
{
	border: solid 1px #A36397; 
	background-color: #FFEEFF; 
	padding: 5px; 
	margin-top: 10px;
	color: #666;
}

.pageTitle
{
	font-weight: bold;
	margin-bottom: 15px;
}

.pageTitle div {
	margin-top: 10px;
	font-size: 12pt;
}

.pageTitle img {
  width: 15px;
  vertical-align: text-bottom;
}

.pageTitlePrefix
{
	font-size: 8pt;
}

.fauxLink {
    text-decoration: underline;
	color: #6666ff;
	cursor: pointer;
}

.highlight
{
	color: #cc6699;
}

.lineBreaker
{
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
}

.prominent
{
    font-weight: bold;
    font-size: 10pt;
}

.validation li,
.errorList li
{
	color: Red;
	font-weight: bold;
}

.saleProminent
{
	font-weight: bold;
	font-size: 12pt;
}
        
.required
{
    color: Red;
}
        
.fauxTableRow
{
    clear: both;
    padding-top: 5px;
}
        
.fauxTableRow label
{
    float: left;
    width: 70px;
    padding-top: 2px;
}

.fauxTableRow div label
{
	font-weight: normal;
	float: none;
	padding-top: auto;
	width: auto;
}
        
.fauxTableRow div
{
    float: left;
    padding: 0px;
    margin: 0px;
}
        
.fauxTableRow.allText div
{
    margin-top: 2px;
}

.fauxTableRow div .instructions
{
	width: 720px;
	margin-bottom: auto;
}

.instructions
{
    display: block;
    clear: both;
    margin-bottom: 10px;
}

.buttons
{
	clear: both;
	padding: 5px;
	text-align: right;
	width: 98%;
}

span.standaloneError
{
	color: #F00;
	display: block;
	margin: 10px 0px;
}

.centered
{
	margin-left: auto;
	margin-right: auto;
}

.bigHeader
{
    font-size: large;
    font-weight: bold;
    color: #000;
    margin-top: 15px;
    margin-bottom: 5px;
}

.bigHeader.withLine
{
    border-bottom: solid 1px #000;
}
       
/*********** Listing Order Item UC *********/

.listingTypeCheckbox
{
    margin-right: 10px;
    margin-left: -30px;
}
.listingTypeContent
{
    padding-left: 35px;
    margin-bottom: 20px;
    margin-top: 10px;
}
.listingLeft
{
    float: left;
    margin-right: 10px;
}

/*********** END UC **************/

/*********** Tiered Lookup Checkbox List UC *********/

.tieredTable
{
	margin-left: 5px;
}

/*********** END UC **************/


.retreatTypeDescription
{
	padding-left: 10px;
	padding-bottom: 20px;
	font-style: italic;
}

div#tabs .buttons
{
    float: right;
    width: auto;
}

/********* TABS ********/

.noAjax ul.tabnav {
    text-align: left; /* set to left, right or center */
    margin: 10px 0px 0px 0px; /* set margins as desired */
    border-bottom: 1px solid #A36397; /* set border COLOR as desired */
    list-style-type: none;
    padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

.noAjax ul.tabnav li.tab {
    display: inline;
}

.noAjax ul.tabnav li.tab.selected {
    border-bottom: 1px solid #fff; /* set border color to page background color */
    background-color: #fff; /* set background color to match above border color */
}

.noAjax ul.tabnav li.tab.selected a {
    background-color: #fff; /* set selected tab background color as desired */
    position: relative;
    top: 1px;
    padding-top: 4px; /* must change with respect to padding (X) above and below */
}

.noAjax ul.tabnav li.tab a {
    padding: 3px 8px 3px 8px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
    border: 1px solid #A36397; /* set border COLOR as desired; usually matches border color specified in #tabnav */
    background-color: #FFEEFF; /* set unselected tab background color as desired */
    color: #666; /* set unselected tab link color as desired */
    margin-right: 0px; /* set additional spacing between tabs as desired */
    text-decoration: none;
    border-bottom: none;
    font-weight: bold;
    font-size: 10pt;
}

.noAjax ul.tabnav li.tab a:hover {
    background: #fff; /* set desired hover color */
}

.noAjax .tabContainer
{
	border: solid 1px #A36397;
	border-top-style: none;
	padding: 10px 5px 5px 5px;
	margin-top: 0px;
}

/****** END TABS ******/

.textLimitDisplay
{
	border-style: none;
	background-color: transparent;
	text-align: right;
	color: #666;
	font-weight: bold;
}

.breadcrumbs
{
	padding: 5px;
}


/****** PROGRESS BAR ******/

div.progressWrapper
{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 100px;
	width: 300px;
	font-size: 20pt;
	line-height: 100px;
	text-transform: capitalize;
	z-index: 100001;
	text-align: center;
}

div.progressWrapper img
{
	float: left;
}


/*************** GOOGLE MAPS ************/

div.mapWrapper
{
    float: right;
}
        
div.map
{
    width: 300px;
    height: 300px;
    margin-bottom: 10px;
}
        
@media (max-width: 960px) {
  body div.map {
    width: 99%;
    height: 200px;
  }

  body div.mapWrapper {
    width: 45%;
  }
}

.mapLink
{
    display: block;
    float: left;
}

div.mapLinkInfo div.mapWrapper
{
    float: none;
    clear: both;
}
        
div.mapLinkInfo div.map
{
    margin: auto;
}


/*************** CONTACT FORM ************/

.contactForm .fauxTableRow label
{
    width: 100px;
}

       
.adTitle {
  color: #CC6699;
  font-weight: bold;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  text-transform: lowercase;
}

.adBuffer {
  clear: both;
  height: 10px;
  overflow: hidden;
}


/******** Sidebar Boxes ************/

.sidebarBox {
  border: solid 1px #56486B;
  border-radius: 5px;
  text-align: center;
  margin-bottom: 20px;
}

.sidebarBox .body {
  padding: 10px;
}

.sidebarBox .title {
  font-family: 'DancingScript';
  font-size: 14pt;
  color: #4CB771;
  padding: 3px;
}

.sidebarBox .title.green {
  background-color: #4CB771;
  color: #FFF;
  border-bottom: solid 1px transparent;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}