﻿/* Theme BEACH2 */
body {
	background-color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
}

a.newPageLinkOff {
	font-family: Arial,Helvetica;
	color: black;
	font-weight: normal;
	font-size: 10px;
	background-color: white;
}
a.newPageLinkOn {
	font-family: Arial,Helvetica;
	color: white;
	font-weight: normal;
	font-size: 10px;
	background-color: black;
}
a.pageLinkOff {
	font-family: Arial,Helvetica;
	color: black;
	font-weight: normal;
	font-size: 10pt;
	background-color: white;
}
a.pageLinkOn {
	font-family: Arial,Helvetica;
	color: white;
	font-weight: normal;
	font-size: 10pt;
	background-color: black;
}
td.tabOn {
	background-color: #2C5C94;
	text-align: Center;
	height: 20px;
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: bold;
	border-left: 5px solid #FFFFFF;
	border-right: 5px solid #FFFFFF;
	border-top: 5px solid #FFFFFF;
	border-bottom: 4px solid #2C5C94;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 3px;
	padding-bottom: 2px;
	vertical-align: middle;
}
a.tabOnLink {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 9pt;
	color: #FFFFFF;
	text-decoration: none;
	text-align: Center;
	font-weight: bold;
	vertical-align: middle;
}
td.tabOff {
	background-color: #869EBE;
	text-align: Center;
	height: 20px;
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: bold;
	border-left: 5px solid #FFFFFF;
	border-right: 5px solid #FFFFFF;
	border-top: 5px solid #FFFFFF;
	border-bottom: 4px solid #869EBE;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 3px;
	padding-bottom: 2px;
	vertical-align: middle;
}
a.tabOffLink {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 9pt;
	color: #FFFFFF;
	text-decoration: none;
	text-align: Center;
	font-weight: bold;
	vertical-align: middle;
}
td.tabOnHS {
	background-color: #2C5C94;
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: bold;
	border-left: 5px solid #FFFFFF;
	border-right: 5px solid #FFFFFF;
	border-top: 5px solid #FFFFFF;
	border-bottom: 4px solid #2C5C94;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 3px;
	padding-bottom: 2px;
	vertical-align: middle;
}
td.tabOffHS {
	background-color: #869EBE;
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: bold;
	border-left: 5px solid #FFFFFF;
	border-right: 5px solid #FFFFFF;
	border-top: 5px solid #FFFFFF;
	border-bottom: 4px solid #869EBE;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 3px;
	padding-bottom: 2px;
	vertical-align: middle;
}
td.cellBorder {
	text-align: left;
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 9pt;
	font-weight: bold;
	border: 1px solid #EADED6;
	padding: 0px;
	vertical-align: top;
}
td.cellBorderGrayedOut {
	text-align: left;
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 9pt;
	font-weight: bold;
	border: 1px solid #EADED6;
	padding: 0px;
	vertical-align: top;
	background-color: #E6E6E6;
}
table.tableBorder {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 9pt;
	border: 1px solid #EADED6;
	padding: 2px;
}
td.secHdr {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 9pt;
	color: #2C5C94;
	height: 0;
	background-color: #EADED6;
	font-weight: bold;
	border: 0px;
	padding: 5px;
}
td.secHdr2 {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 9pt;
	color: #999999;
	height: 0;
	background-color: #E7EFF8;
	font-weight: bold;
	border: 0px;
	padding: 5px;
}
td.secHdr3 {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 8pt;
	color: #2C5C94;
	height: 0;
	background-color: #EADED6;
	font-weight: bold;
	border: 0px;
	padding: 5px;
}
.loggedin {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 8pt;
	color: #AA282C;
	font-weight: bold;
}
.changeuser {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 8pt;
	color: #999999;
	font-weight: normal;
}
.alert {
	font-family: Arial,Helvetica,Sans-Serif;
	color: #AA282C;
	font-weight: bold;
}
td.cellBot1 {
	border-bottom: 1px solid #EADED6;
}
td.cellBot {
	height: 0;
	border-bottom: 1px solid #EADED6;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: middle;
}
td.cellLeft {
	border-left: 1px solid #EADED6;
}
td.cellRight {
	border-right: 1px solid #EADED6;
}
td.cellTop {
	border-top: 1px solid #EADED6;
}
td.subTabCell {
	border-left: 1px solid #EADED6;
	border-right: 1px solid #EADED6;
	border-top: 1px solid #EADED6;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: middle;
	text-align: center;
}
a.subTabOn {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 9pt;
	color: #AE988A;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
a.subTabOn:hover {
	text-decoration: underline;
}
td.subTabCell2 {
	border-bottom: 1px solid #EADED6;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: middle;
	text-align: center;
}
a.subTabOff {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 9pt;
	color: #AE988A;
	text-decoration: none;
	text-align: Center;
	font-weight: normal;
	vertical-align: middle;
}
a.subTabOff:hover {
	text-decoration: underline;
}
td.steps {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 8pt;
	color: #999999;
	text-align: Left;
	background-color: #E7EFF8;
	font-weight: normal;
}
td.tipHdr {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 9pt;
	color: #999999;
	text-align: Left;
	background-color: #E7EFF8;
	font-weight: normal;
}
td.saveProp {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 9pt;
	color: #999999;
	background-color: #E7EFF8;
	font-weight: normal;
	border-bottom: 2px solid #EADED6;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: middle;
	text-align: center;
	border-right: 2px solid #EADED6;
}
td.propSaved {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 9pt;
	color: #999999;
	padding: 2px;
}
td.tipText {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 8pt;
	color: #999999;
	text-align: Left;
	font-weight: normal;
	line-height : 16px;
}
table.tip {
	border: 1px solid #E7EFF8;
	padding: 0px;
}
td.descript {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 8pt;
	color: #999999;
	text-align: Left;
	font-weight: normal;
}
td.textBig {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 10pt;
	color: #666666;
	font-weight: normal;
}
td.textReg {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 9pt;
	color: #666666;
	font-weight: normal;
}
td.textDark {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 9pt;
	color: #333333;
	font-weight: normal;
}
select.textSmall {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 8pt;
	color: #666666;
	font-weight: normal;
}
td.textSmall {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 8pt;
	color: #666666;
	font-weight: normal;
}
input.textReg {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 9pt;
	color: #666666;
	text-align: Left;
	font-weight: normal;
}
select.textReg {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 9pt;
	color: #666666;
	font-weight: normal;
}
input.button.btn {
	background-color: #2C5C94;
	vertical-align: middle;
	text-align: center;
	height: 27px;
	border-left: 2px outset #FFFFFF;
	border-right: 2px groove #808080;
	border-top: 2px outset #FFFFFF;
	border-bottom: 2px groove #808080;
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 9pt;
	color: #FFFFFF;
	font-weight: bold;
}
td.btn {
	background-color: #2C5C94;
	vertical-align: middle;
	text-align: center;
	height: 27px;
	border-left: 2px outset #FFFFFF;
	border-right: 2px groove #808080;
	border-top: 2px outset #FFFFFF;
	border-bottom: 2px groove #808080;
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 9pt;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 0px;
	padding-bottom: 0px;
}
td.cellBotTopLines {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 9pt;
	color: #666666;
	height: 30px;
	text-align: center;
	border-top: 1px solid #EADED6;
	border-bottom: 1px solid #EADED6;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: middle;
}
a.linkReg {
	font-family: Arial,Helvetica,Sans-Serif;
	color: #4184C4;
	font-weight: normal;
}
a.linkAlt {
	font-family: Arial,Helvetica,Sans-Serif;
	color: #4184C4;
	font-weight: normal;
}
a.textRegLink {
	font-family: Arial,Helvetica,Sans-Serif;
	color: #666666;
	font-weight: normal;
}
a.legend {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 9pt;
	color: #AE988A;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
a.savedSearchLink {
	font-family: Arial,Helvetica,Sans-Serif;
	color: #AE988A;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
}
.pageOn {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 9pt;
	color: #AE988A;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
table.fly_outside {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 9pt;
	border: 5px outset #EADED6;
	padding: 2px;
	width: 710px;
}
table.fly_header {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 9pt;
	border: 0px solid #EADED6;
	padding: 2px;
	width: 100%;
}
table.fly_sub {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 9pt;
	border: 0px solid #EADED6;
	padding: 2px;
}
table.fly_photo {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 9pt;
	border: 4px ridge #EADED6;
	padding: 2px;
}
table.fly_address {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 9pt;
	border: 0px solid #EADED6;
	padding: 5px;
	width: 100%;
}
table.fly_features {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 9pt;
	border: 0px;
	padding: 4px;
	width: 100%;
}
table.fly_contact {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 9pt;
	border: 0px;
	padding: 4px;
}
td.fly_type {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 16pt;
	color: #333333;
	font-weight: normal;
}
td.fly_head1 {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 14pt;
	color: #333333;
	font-weight: bold;
	text-align: center;
}
td.fly_head2 {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 12pt;
	color: #333333;
	font-weight: bold;
	text-align: center;
}
td.fly_contact {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 10pt;
	color: #333333;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}
td.fly_navcontact {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 10pt;
	color: #333333;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}
td.fly_header {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 12pt;
	background-color: #2C5C94;
	color: #FFFFFF;
	border-top: 2px solid #EADED6;
	border-bottom: 2px solid #EADED6;
	font-weight: bold;
	text-align: center;
}
td.fly_address {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 12pt;
	background-color: #2C5C94;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	border-top: 2px solid #EADED6;
	border-bottom: 2px solid #EADED6;
}
td.fly_label {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 10pt;
	color: #333333;
	font-weight: bold;
	text-align: right;
	width: 100px;
}
td.fly_data {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 10pt;
	color: #333333;
	font-weight: bold;
	text-align: left;
	width: 70%;
	background-color: #E7EFF8;
}
td.fly_status {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 10pt;
	color: #333333;
	font-weight: bold;
	text-align: left;
	width: 70%;
	background-color: #E7EFF8;
}
td.fly_price {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 10pt;
	color: #333333;
	font-weight: bold;
	text-align: left;
	width: 70%;
	background-color: #E7EFF8;
}
td.fly_bullets {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 10pt;
	color: #333333;
	font-weight: bold;
	text-align: left;
}
td.fly_disclaimer {
	font-family: Sans-Serif,Arial,Helvetica;
	font-size: 7pt;
	color: black;
	font-weight: normal;
	text-align: left;
}
div.fly_caption {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 12pt;
	color: #333333;
	font-weight: bold;
	text-align: center;
}
td.fly_caption {
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 10pt;
	color: #333333;
	font-weight: normal;
	text-align: left;
}
td.fly_smallphoto {
	border: 1px,1px,1px,1px solid #EADED6;
}
td.fly_largephoto {
	border: 3px,3px,3px,3px groove #EADED6;
}
a.myHSOptions:link {
	color: blue;
	text-decoration: underline;
	font-weight: normal;
	font-size: 11px;
}
a.myHSOptions:visited {
	color: blue;
	text-decoration: underline;
	font-weight: normal;
	font-size: 11px;
}
td.myHSTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
}

.panelHeader
{
	background: #FFECC4 url(images/extranetGradientHeader.gif) repeat-x;
	padding: 5px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	border-style: solid solid none solid;
	border-width: 1px;
	height: 25px;
	border-color: #000000;
}

.panelContent
{
	margin: 0px 0px 0px 0px;
	border-style: none solid solid solid;
	border-width: 1px;
	border-color: #000000;
}

td.dashboardHeader{
	background: url("images/extranetGradientHeader.gif") #FFECC4 0px 0px repeat-x;
	padding:5px 0px 0px 0px;
	margin:0 0 0 0;
	height:15px;
	
}
a.dashboardLink
{
	font-size:8pt;	
	font-family:Arial,helvetica,sans-serif;
	text-decoration:underline;
}

a.dashboardLink:link, 
a.dashboardLink:visited, 
a.dashboardLink:active
{
	font-family:Arial,helvetica,sans-serif;
	color:#6699CC;
	text-decoration:underline;
}

a.dashboardLink:link:hover, 
a.dashboardLink:visited:hover
{
	font-family:Arial,helvetica,sans-serif;
	color:#99CCFF;
	text-decoration:underline;
}

h3
{
	color: #153474;
	font-family: Arial, helvetica, Sans-Serif;
	font-size: 11pt;
	font-weight: bold;
	}

td.bannerBackground
{
	background: #000000 url("images/banner.jpg") no-repeat left bottom;
	width: 865px;
	height: 106px;
}

.TestBack {
	border: 1px solid #FFDE98;
	border-bottom: 1px solid #FFD16E;
	margin-top:0px;
	margin-bottom: 5px;
	width:160px;
	background-color: #FFFFFF;
	background:#FFFDF5 url("http://newsite.21goldchoice.com/images/extranetGradientLtYellow.gif") bottom left repeat-x;
	font-size:9pt;
	}	

div#extranetMenu,div#qsSideBar,div#QuickLinks,div#RegionSelect {
	border: 1px solid #FFDE98;
	border-bottom: 1px solid #FFD16E;
	margin-top:0px;
	margin-bottom: 5px;
	width:160px;
	background-color: #FFFFFF;
	background:#FFFDF5 url("http://newsite.21goldchoice.com/images/extranetGradientLtYellow.gif") bottom left repeat-x;
	font-size:9pt;
	}	

table.quicksearchSidebar{
	background:#ffffff url(images/middle.gif) top left repeat-y;
}
table.quicksearchSidebar td{
	font-size: 11px;
}

td.qsTitle{
	height:29px;
	background:#ffffff url(images/top.gif) top left no-repeat; 
	padding:5px 0px 0px 5px;
	vertical-align:top;
	font-weight: bold;
}

td.qsLabel{
	padding: 5px 0px 0px 10px;
	font-style:italic;
}

td.qsLabelChk{
	padding: 3px 10px 0px 0px;
}

td.qsEntry{
	padding:0px 10px 0px 5px;
}

td.qsEntry input{
	font-size: 10px;
	border: 1px solid #CCCCCC;
}

td.qsEntryNoBorder{
	padding-left:5px;
}

td,
ul,
li,
p,
span,
label,
legend{
	font-family: arial, helvetica, sans serif;
	font-size: 9pt;
	}
	
input{
	margin-right: 3px;
	margin-bottom: 2px;
	}
select{
	margin-bottom: 2px;
	font-size: 10px;
	border: 1px solid #CCCCCC;
		}
		
div#requiresRegistration{
	background:#FFFDF5 url(images/extranetGradientLtYellow.gif) bottom left repeat-x;
	border: 1px solid #FFDE98;
	height:30px;
	}
div#requiresRegistration div{
	padding:5px;
	}
	
	table.resultDetailContainer{
	width:100%;
	border:1px solid #cccccc;
}

td.resultDetailItem{
	padding:5px;
	vertical-align:top;
	background-color:#fafafa;
}

div.listingPhotoThumbnail {
	padding:3px;
	border:solid 1px #CCCCCC;
	text-align:center;
	background-color:#FFFFFF;
	}

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: black;
	background: url(images/extranetGradientHeader.gif) #FFECC4 0px 0px repeat-x;
    background-color: #2E4d7B;
      font-family: Arial, Sans-Serif;
      font-size: 12px;
      font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
 
#master_content .accordionHeader a
{
      color: #FFFFFF;
      background: none;
      text-decoration: none;
}
 
#master_content .accordionHeader a:hover
{
      background: none;
      text-decoration: underline;
}
 
.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: black;
	background: url(images/extranetGradientHeader.gif) #FFECC4 0px 0px repeat-x;
    background-color: #5078B3;
      font-family: Arial, Sans-Serif;
      font-size: 12px;
      font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
 
#master_content .accordionHeaderSelected a
{
      color: #FFFFFF;
      background: none;
      text-decoration: none;
}
 
#master_content .accordionHeaderSelected a:hover
{
      background: none;
      text-decoration: underline;
}
 
.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
