/* Defined Classes ############################################################### */
.cursorPointer
{cursor: pointer}

.blueLine
{background-color: #d6dfe2; }

.bgLeftImage
{background: url(../../img/bg_left.jpg) no-repeat top right;}

.bgRightImage
{background: url(../../img/bg_right.jpg) no-repeat top left;}

.bgGradient
{background: url(../../img/bg_gradient.jpg) repeat-x top left;}

table.borderedBgGradient
{background: url(../../img/blue_table_gradient.gif) repeat-x #eef9fd; border: solid 1px #bed9e3;}

table.borderedBgGradientFeatured
{background: url(../../img/rci_featuredresort_bg.gif) repeat-x #FFFDF9; border: solid 1px #DADCD1;}

table.searchResortsBgGradient
{background: url(../../img/gradient.gif) top right repeat-x; border-bottom: solid 1px #bed9e3; border-top: solid 1px #bed9e3;}

.tablePtext
{font-size: 10px; COLOR: #666666; font-family: Verdana; text-decoration: none}

.txtSignUp
{font-size: 10px; COLOR: black; font-family: Verdana; text-decoration: none}

.gmrTabBorder, .gmrTabBorderFirst, .gmrTabBorderActive
{border-right-width: 1px; border-right-color: #D0BBAA; border-right-style: solid; 
border-top-width: 1px; border-top-color: #D0BBAA; border-top-style: solid; 
border-bottom-width: 1px; border-bottom-color: #D0BBAA; border-bottom-style: solid;
white-space: nowrap;}

.gmrTabBorderFirst
{border-left-width: 1px; border-left-color: #D0BBAA; border-left-style: solid;}

.gmrTabBorderBottom
{border-bottom-width: 1px; border-bottom-color: #D0BBAA; border-bottom-style: solid;}

.gmrTabBorderActive
{border-bottom-width: 1px; border-bottom-color: #faf8e6; border-bottom-style: solid;}

.srdTabBorder, .srdTabBorderFirst, .srdTabBorderActive,
.tddTabBorder, .tddTabBorderFirst, .tddTabBorderActive
{border-right-width: 1px; border-right-color: #B6CCD4; border-right-style: solid; 
border-top-width: 1px; border-top-color: #B6CCD4; border-top-style: solid; 
border-bottom-width: 1px; border-bottom-color: #B6CCD4; border-bottom-style: solid;
white-space: nowrap;}

.srdTabBorderFirst, .tddTabBorderFirst
{border-left-width: 1px; border-left-color: #B6CCD4; border-left-style: solid;}

.srdTabBorderBottom, .tddTabBorderBottom
{border-bottom-width: 1px; border-bottom-color: #B6CCD4; border-bottom-style: solid;}

.srdTabBorderActive, .tddTabBorderActive
{border-bottom-width: 1px; border-bottom-color: #FFFFFF; border-bottom-style: solid;}

.ivhTabBorder, .ivhTabBorderFirst, .ivhTabBorderActive {
	border-right: 1px solid #B6CCD4;
	border-top: 1px solid #B6CCD4;
	border-bottom: 1px solid #B6CCD4;
	white-space: nowrap;
}
.ivhTabBorderFirst {
	border-left: 1px solid #B6CCD4;;
}

.ivhTabBorderBottom {
	border-bottom: 1px solid #B6CCD4;
}

.ivhTabBorderActive {
	border-bottom: 1px solid #FFFFFF;
}

.inputfield
{ font-family : Arial, sans-serif; font-style : normal; font-size : 11px; font-weight : normal; }

/* Fonts stuff ############################################################### */
p, li
{font-family: Verdana; font-size: 10px; color: #666666;}

p
{margin : 0px 0px 0px 0px;}

p.body
{margin : 0px 0px 10px 0px;}

p.formlabel, p.formlabelalert, p.formlabeldk, p.formlabeldkalert
{font-family: Verdana; font-size: 10px; color: #808080; font-weight: bold;}

p.formlabel, p.formlabelalert
{margin-bottom: 2px;}

p.formlabeldk
{color: #666666; font-weight: normal;}

p.formlabelalert, p.formlabeldkalert
{color: #FF0000;}

p.formlabeldkalert
{font-weight: normal;}

p.lineHeight15
{line-height: 15px}

p.checkout
{line-height: 13px; margin-left: 2px;}

p.size11
{font-size: 11px;}

p.subheader
{font-family : Verdana; font-style : normal; font-size : 15px; 
color : #3c3c3c; font-weight : normal; margin : 0px 0px 0px 0px;}

p.email
{font-family : Verdana; font-style : normal; font-size : 11px; 
color : #FFFFFF; font-weight : normal; margin : 0px 0px 0px 0px;}

p.smallGray
{font-family : Verdana; font-style : normal; font-size : 9px; 
color : #808080; font-weight : normal; margin : 0px 0px 0px 0px;}

p.footerText
{font-family : Verdana; font-style : normal; font-size : 9px; 
color : #808080; font-weight : normal; margin : 0px 0px 0px 0px;}

p.frName
{font-family : Verdana; font-style : normal; font-size : 10px; 
color : #2d99ba; font-weight : bold; margin : 0px 0px 3px 0px;}

p.frLocation
{font-family : Verdana; font-style : normal; font-size : 9px; 
color : #2d99ba; font-weight : bold; margin : 0px 0px 5px 0px; text-transform:uppercase;}

p.frDate
{font-family : Verdana; font-style : normal; font-size : 10px; 
color : #744165; font-weight : bold; margin : 0px 0px 10px 0px;}

p.gmrTabText
{font-family : arial; font-size : 9px; 
color : #732b15; font-weight : bold; margin : 3px 10px 3px 10px; text-transform:uppercase; }

p.gmrTabTextActive
{font-family : arial; font-size : 9px; 
color : #666666; font-weight : bold; margin : 3px 10px 3px 10px; text-transform:uppercase; }

p.srdTabText, p.tddTabText
{font-family : arial; font-size : 9px; 
color : #2d99ba; font-weight : bold; margin : 3px 10px 3px 10px; text-transform:uppercase; }

p.srdTabTextNoPad, p.tddTabTextNoPad
{font-family : arial; font-size : 9px; 
color : #2d99ba; font-weight : bold; margin : 3px 0px 3px 0px; text-transform:uppercase; }

p.srdTabTextActive, p.tddTabTextActive
{font-family : arial; font-size : 9px; 
color : #666666; font-weight : bold; margin : 3px 10px 3px 10px; text-transform:uppercase; }

p.ivhTabText {
	color: #2d99ba;
	font: normal bold 9px Arial;
	margin: 3px 10px 3px 10px;
	text-transform: uppercase;
}
p.ivhTabTextActive {
	color: #666666;
	font: normal bold 9px Arial;
	margin: 3px 10px 3px 10px;
	text-transform: uppercase;
}

.resortHeaderText
{font-family : arial; font-size : 15px; 
color : #2d99ba; font-weight : bold; }


/* Anchor Tags ############################################################### */
a
{text-decoration:none; font-family: Verdana; font-size: 10px; color: #7bacbc;}

a.footerBlue {text-decoration:none; font-family: Verdana; font-size: 9px;}
a.footerBlue:link {color: #6391a2; text-decoration: none; font-weight: bold;}
a.footerBlue:visited {color: #6391a2; text-decoration: none; font-weight: bold;}
a.footerBlue:hover {color: #6391a2; text-decoration: none; font-weight: bold;}

a.linkSM {text-decoration:none; font-family: Verdana; font-size: 9px;}
a.linkSM:link {color: #7bacbc; text-decoration: none; font-weight: bold;}
a.linkSM:visited {color: #7bacbc; text-decoration: none; font-weight: bold;}
a.linkSM:hover {color: #7bacbc; text-decoration: none; font-weight: bold;}

a.footerGray {text-decoration:none; font-family: Verdana; font-size: 9px;}
a.footerGray:link {color: #808080; text-decoration: none; font-weight: bold;}
a.footerGray:visited {color: #808080; text-decoration: none; font-weight: bold;}
a.footerGray:hover {color: #808080; text-decoration: none; font-weight: bold;}

a.prevNext {text-decoration:none; font-family: arial; text-transform:uppercase; font-size: 9px;}
a.prevNext:link {color: #2d99ba; text-decoration: none; text-transform:uppercase; font-weight: bold;}
a.prevNext:visited {color: #2d99ba; text-decoration: none; text-transform:uppercase; font-weight: bold;}
a.prevNext:hover {color: #2d99ba; text-decoration: none; text-transform:uppercase; font-weight: bold;}

a.frAvl {text-decoration:none; font-family: arial; font-style: italic; font-size: 10px;}
a.frAvl:link {color: #2d99ba; text-decoration: none; font-style: italic; font-weight: bold;}
a.frAvl:visited {color: #2d99ba; text-decoration: none; font-style: italic; font-weight: bold;}
a.frAvl:hover {color: #2d99ba; text-decoration: none; font-style: italic; font-weight: bold;}

a.topDest {text-decoration:none; font-family: arial; font-size: 10px; text-transform:uppercase; }
a.topDest:link {color: #08495D; text-decoration: none; font-weight: bold; text-transform:uppercase; }
a.topDest:visited {color: #08495D; text-decoration: none; font-weight: bold; text-transform:uppercase; }
a.topDest:hover {color: #08495D; text-decoration: none; font-weight: bold; text-transform:uppercase; }


/* Other Tags ############################################################### */
form {margin: 0px 0px 0px 0px; border-style: none;}

div.alert, .alert, .required {color: #FF0000;} 

img
{border: 0px;}

ul 
{ list-style-position : outside; margin : 0px 0px 20px 0px; padding : 0px 0px 0px 13px; }

li
{ margin : 0px 0px 5px 5px; }


div.clear {
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 0;
	height: 0;
}
div.villas {
	width: 708px;
	padding: 0 0 0 15px;
	margin: 12px 0 0 0;
}
div.villa {
	background: #eef9fd url(../../img/blue_table_gradient.gif) repeat-x;
	border: 1px solid #bed9e3;
	width: 325px;
	padding: 15px 10px 15px 10px;
}
p.flashImage {
	float: left;
	padding: 0 13px 0 0;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.miniGoogleMap {
	padding: 12px 0 0 0;
}
.villaDetail {
	width: 708px;
	padding: 12px 0 0 15px;
}
.villaDetail .floatLeft {
	width: 325px;
}
.villaDetail .floatLeft .imgTitle {
	padding: 0 0 15px 0
}
.villaDetail .floatRight {
	width: 349px;
}

.surveyForm {
	padding: 27px;
}
.survey td.ques p.formField {
	display: inline;
}
.survey td.spacer {
	height: 20px;
}
.quesNum, .quesNumalert, .ques p.formLabel, .ques p.formLabelalert {
	color: #65a2ba;
	font: normal bold 11px Verdana;
	padding: 0 5px 5px 0;
}
.quesNum, .quesNumalert {
	padding: 0 5px 5px 0;
}


.quesNumalert, .ques p.formLabelalert {
	color: #FF0000;
}

.ques {
	padding: 0 0 5px 0;
}
.ansLabel {
	color: #898989;
	font: normal normal 10px Verdana;
	padding: 2px 5px 2px 5px;
}
.alignCenter {
	text-align: center;
}
hr {
	border: 0;
	border-top: 2px solid #cccccc;
	padding: 0;
	margin: 12px 0 12px 0;
}

/* Toggle DHTML Popup ################################## */

.helperBlock {
	position: absolute;
	display: block;
	width: 300px;
	text-align: left;
	border: 1px solid #e0ddd7;
}
.helperBlock .layerBody {
	width: 300px;
	background-color: #fff7e8;
	padding: 12px 20px 16px 20px;
	border: 1px solid #a3a09a;
}
.helperBlock .layerBody .closeWindow {
	float: right;
}
.helperBlock .layerBody .helpSubHead {
	color: #ff0000;
	font: normal bold 12px Trebuchet MS;
	margin: 12px 0 0 0;
}
.helperBlock .layerBody .helpSubHead + p {
	margin: 0 0 4px 0;
}
.helperNone {
	display: none;
}


