body {background-color:#ffffff;margin-top:0px; margin-left:0px;font-family:arial;font-size:12px;font-style:normal;font-weight:normal;}

a {color:black;}


li {padding-bottom:12px;}


ul { list-style-image: url(/images2/OrangeBullet.jpg) }

ul.feebullet {list-style-image: url(/images2/feeBullet.jpg) }

table {font-size:12px;}

td {font-size:12px;}

dl {font-size:12px;}

p {font-size:12px;}

.dots {font-size:30px;font-weight:bold;}

.hawaii {background-color:#00722A;}
.florida {background-color:#66056C;}
.nevada {background-color:#A3345F;}
.colorado {background-color:#B95313;}
.mexico {background-color:#0052A4;}
.scotland {background-color:#015A54;}

.normal {font-weight: normal;}


.failtext {padding-top:12px;padding-left:12px;padding-right:12px;font-size:12px;color:#818181;}

.header 
{
	margin-top: 10;
	padding: 0;	
	font-family:Verdana;
	font-size: 18px;
	color: Black;	
	font-weight: bold;
}

.loginpad {font-size:11px;font-weight:bold;color:#818181;padding:12px;}

.login {font-size:12px;padding:12px;background-color:#CCCCCC;}

.loginbox {background-color:#CCCCCC;width:155px;}

.logincolor {color:#818181;}

.membertext {padding-left:12px;padding-right:12px;font-size:12px;color:#818181;}

.membernum {font-size:11px;font-weight:bold;color:#818181;padding:12px;}

.memberpw {font-size:11px;font-weight:bold;color:#818181;padding-left:12px;padding-right:12px;}

.account {font-size:11px;font-weight:bold;color:#818181;padding-top:12px;text-align:center;}

.accounttext {padding-left:12px;padding-right:12px;font-size:12px;color:#818181;}

.line1 {border-top: 1px solid black;}

.line2 {border-top: 1px solid white;}

.hoatext1 {font-size:18px;font-weight:bold;}

.hoatext2 {font-size:12px;}

.forgot {font-size:11px;font-weight:bold;color:#818181;padding-top:12px;text-align:center;}

.forgottext {padding-left:12px;padding-right:12px;color:#818181;font-size:12px;}

.feetitle {background-color:blue;color:white;text-align:left;font-weight:bold;font-size:11px;}
.feetable {padding:4px;font-family:arial;font-size:11px;font-style:normal;font-weight:normal;border-left: thin solid blue;border-right: thin solid blue;border-bottom: thin solid blue;border-top: thin solid blue;background-color:F5D082;}

.forgot2 {font-size:11px;font-weight:bold;color:#818181;padding:12px;}

.forgot2text {padding-left:12px;padding-right:12px;padding-bottom:5px;font-size:12px;color:#818181;}



.pay1 {font-size:11px;color:#818181;padding-left:12px;padding-bottom:12px;}

.pay {font-size:11px;color:#818181;padding:12px;}

.welcomepad {padding-bottom:8px;}
.welcomepad2 {padding-bottom:8px;padding-top:20px;}

.submit {padding:12px;}

.createbox {font-size:12px;background-color:#cccccc;}

.createpad {padding-left:12px;padding-right:12px;padding-top:12px;}

.createpad2 {padding-left:12px;padding-right:12px;padding-bottom:12px;}


.homepad {padding-left:30px;}

.rcititle {background-color:red;color:white;text-align:center;font-weight:bold;}
.rcipad {padding-top:20px;padding-left:12px;}
.rcipad2 {padding-right:40px;}
.rcitable {padding:4px;font-family:arial;font-size:11px;font-style:normal;font-weight:normal;border-left: thin solid red;border-right: thin solid red;border-bottom: thin solid red;border-top: thin solid red;background-color:F5D082;}
.rciline {border-top: thin solid red;}


.imageright2 {float:right;}

.imageleft {float:left;}

.valigntop {vertical-align:top;}

.valignbot {vertical-align:bottom;}

.padtop {padding-top:12px;}
.padbot {padding-bottom:12px;}

.textright {text-align:right;}

.color1 {background-color:#b3b3b3;}
.color2 {background-color:#cccccc;}


.twocoltable {width:388px;}
.resorttable {width:776px;}





.onecol { vertical-align:top;text-align:left;font-size:12px;}

.onecolleft { vertical-align:top;text-align:left;font-size:12px;}

.onecolright {vertical-align:top;text-align:right;font-size:12px;}

.twocol { vertical-align:top;text-align:left;font-size:12px;}

.threecol { vertical-align:top;text-align:left;font-size:12px;}

.fourcol {vertical-align:top;text-align:left;font-size:12px;}

.flalist {padding-top:12px;}
.hawlist {padding-top:12px;}
.nevlist {padding-top:12px;}
.collist {padding-top:12px;}
.mexlist {padding-top:12px;}
.scolist {padding-top:12px;}


.tightenspace {padding-bottom:5px;}



.divline {border-top: thin solid #FFD700;padding-top:5px;}

.sublinks {text-decoration:underline;font-size:11px; color:#356186;font-style:italic;}
.sublinks:hover {text-decoration:underline;font-size:11px; color:#356186;font-style:normal;}
.sublinkhighlight {text-decoration:none;font-size:13px;color:#356186;font-style:normal;font-weight:bold;}

.highlight { 
font-weight:bold;
}

.clubpointchart {font-size:12px;}

.question {font-size:11px;font-weight:bold;padding-bottom:0px;}

.answer {padding-top:5px;padding-bottom:30px;}




.resortdropdown {font-family:arial;font-size:12px;font-style:normal;font-weight:normal;background-color:transparent;text-align:left;}


.templatetable {width:776px;}



.map {padding-left:40px;padding-top:20px;padding-right:55px;padding-bottom:20px;}
.phone {font-size:18px;color:#FFFFFF;font-weight:normal;}
.phonetxt {font-size:11px;color:#FFFFFF;font-weight:normal;}
.phonepadleft {padding-left:40px;}







.botleft {padding-top:20px;padding-bottom:5px;padding-left:20px;padding-right:20px;}

.botvactable {width:776px;}
.bottabletd {width:388px;background-color:#C6C1A4;padding-top:7px;padding-bottom:12px;}
.vactabletd {width:388px;background-color:#6A90B4;padding-top:8px;padding-bottom:12px;padding-left:12px;padding-right:20px;}


.botlinks {text-decoration:none; color:#013368;font-style:normal;font-size:11px;font-weight:normal;}
.botlinkhighlight {text-decoration:none;color:#FFFFFF;font-style:normal;font-size:12px;font-weight:bold;}


.botlinkitems {color:#013368;font-style:normal;font-size:11px;font-weight:normal;padding:5px;}

.hfamilytable {width:772px;}
.hfamilytd {padding:5px;}


.calyear {font-size:20px;font-weight:normal;color:#013368;}
.vacplan {font-size:18px;font-weight:normal;color:#013368;padding-bottom:0px;}
.vactext {font-size:11px;padding-top:5px;font-weight:normal;color:#FFFFFF;}

a.vaclink {color: #013368;}

.reg {font-size:9px; font-weight:normal;color:#000000;padding-left:5px;padding-top:8px;}


#footer {height:250px;}


.homeimageleft {padding:0px;height:380px; width:373px;vertical-align:top;text-align:left;background-repeat:no-repeat;}
.homeimageright {padding:0px;height:380px; width:402px; vertical-align:top;text-align:left;background-repeat:no-repeat;}

.loctitle {padding-top:20px;}
.topphoto {padding-top:6px;}
.bottomphoto {padding-bottom:20px;padding-top:13px;}
.resortpad {padding-left:20px;}
.airport {padding-bottom:5px;padding-top:20px;}
.ipix {padding-bottom:12px;}
.icon1 {padding-bottom:5px;padding-top:20px;}
.icon {padding-bottom:5px;}
.icon2 {padding-bottom:5px;padding-left:3px;}
.icon3 {padding-bottom:5px;padding-left:3px;}
.icon4 {padding-bottom:5px;padding-left:3px;}
.years {background-color:#111986;font-weight:bold; padding-top:4px;text-align:center;font-size:14px;color:#FFFFFF;width:26px;height:26px;}

.affiliated {background-color:#FFD700;padding-left:3px;padding-bottom:5px;padding-top:5px;text-align:center;width:134px;}
.spacer {padding-bottom:8px;}
.padaffiliated {padding-left:3px;padding-top:5px;}
.padlimited {padding-left:3px;}
.limited {background-color:#008000;padding-left:3px;padding-bottom:5px;padding-top:5px;text-align:center;width:134px;}


.charttable {padding:4px;font-family:arial;font-size:11px;font-style:normal;font-weight:normal;border-left: thin solid red;border-right: thin solid red;border-bottom: thin solid red;border-top: thin solid red;background-color:F5D082;}

.redline {border-top: thin solid red;}

.rcititle2 {background-color:red;color:white;text-align:center;font-weight:bold;font-size:11px;}

.rcititle {font-size:18px;font-weight:bold;color:#FFFFFF;}
.rcibgcolor1 {background-color:#b3b3b3;}
.rcibgcolor2 {background-color:#cccccc;}
.region {padding-left:40px;}
.rcipad {padding-right:40px;}

.online1 {padding:5px;width:300px;background-color:#b3b3b3;}
.online2 {padding:5px;width:300px;background-color:#cccccc;}

.hhonorbox {width:500px;padding-top:20px;}
.hhonortitle {text-align:center;font-weight:bold;font-size:11px;}
.hhonorline {border-top: 1px solid red;font-weight:bold;text-align:left;bold;font-size:11px;}

.cancel {background-color:red;color:white;text-align:center;font-weight:bold;font-size:11px;}

.feetable {padding:4px;font-family:arial;font-size:11px;font-style:normal;font-weight:normal;border-left: thin solid blue;border-right: thin solid blue;border-bottom: thin solid blue;border-top: thin solid blue;background-color:F5D082;}

.historytr1 {background-color:#336699;}
.historytr2 {background-color:#cccccc;font-size:11px;}
.historytable {font-size:11px;}
.historytitle1 {font-size:18px;font-weight:bold;color:#FFFFFF;}
.historytitle2 {font-size:12px;color:#FFFFFF;}




.contactcolor {color:#013368;}

.bluearrowtable { background-color:#336699;
	height: 27px; width: 165px;
	background-image: url(/images2/blue-arrow.gif); 
	background-repeat: no-repeat;
	background-position: right top; }

.bluearrowfont { color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	font-family: arial,helvetica,san-serif; }

.redarrowtable { background-color:#9A3232;
	height: 27px; width: 165px;
	background-image: url(/images2/red-arrow.gif); 
	background-repeat: no-repeat;
	background-position: right top; }

.grayarrowtable { background-color:#E8E8E8;
	height: 27px; width: 165px;
	padding: 0px; spacing: 0px; border: 0px;
	background-image: url(/images2/gray-arrow.gif); 
	background-repeat: no-repeat;
	background-position: right top; }

.graybuttontable { background-color:#ffffff;
	height: 27px; width: 158px; }

.graybuttonfont { color: #555555;
	font-size: 10px;
	font-weight: bold;
	font-family: arial,helvetica,san-serif; }

	
/* confirmation page styles begin here... */
#divContainer
{
	border: 1px solid #000000;width: 765px;padding: 0;margin: 0 20px 0 5px;
}

#divHeaderContainer
{
	background-color: #3b5768; width: 100%;height: 50px;font-family: verdana; color: #fff;font-size: 12pt;font-weight: bold;
}

#divHeader
{
	float: left;padding: 15px 0 0 10px;
}

#divHeaderPrintIcon
{
	float: right; padding: 0 10px 0 0;
}

.label 
{
	font-family: verdana;
	color: maroon;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	padding: 5px 10px 0 0;
}

.content
{
	font-family: verdana;
	color: #000;
	font-weight: bold;
	font-size: 11px;
	padding: 5px 0 0 0;
}

#totalRow td.label 
{
	font-family: verdana;
	color: #000;
	font-weight: bold;
	font-size: small;
	text-align: left;
	border-top: 1px solid #000;

}

#totalRow td.content 
{
	font-family: verdana;
	color: #000;
	font-weight: bold;
	font-size: small;
	border-top: 1px solid #000;
}

.txtRight
{
	text-align: right;
}
/* confirmation page styles end here... */

/* Member Story */
#divMSContainer
{
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	width: 765px;
	padding: 0;
	margin: 0 20px 0 5px;
	background-image: url(/images2/memberStorybg.gif);
	background-repeat: repeat-y;
}
.redText
{
	font-weight: bold;
	font-size: 12px;
	color: red;
}

.smallText
{
	font-weight: bold;
	font-size: 10px;
	font-family: Arial;
}


#divSpacer
{
	height: 10px;
}

#divHeaderSection
{
	font-weight: bold;
	padding: 5px;
	background-color: #ccceb8;
}

/* Name section */
#divNameSection
{
	border-bottom: 1px solid #000000;
	padding: 0;
	height: 100%;
}

#divMSName
{
	font-weight: bold;
	font-size: 12px;
	width: 20%;
	height: 100%;
	float: left;
	padding: 10px 0 10px 10px;
}

#divMSNameContent
{
	border-left: 1px solid #000000;
	font-weight: bold;
	font-size: 12px;
	width: 75%;
	height: 100%;
	float: left;
	padding: 10px 0 10px 10px;
}


/* title section */
#divTitleSection
{
	border-bottom: 1px solid #000000;
	padding: 0;
	height: 100%;
}

#divMSTitle
{
	font-weight: bold;
	font-size: 12px;
	width: 20%;
	height: 100%;
	float: left;
	padding: 10px 0 10px 10px;
}

#divMSTitleContent
{
	border-left: 1px solid #000000;
	font-weight: bold;
	font-size: 12px;
	width: 75%;
	height: 100%;
	float: left;
	padding: 10px 0 10px 10px;
}

/* location */
#divLocationSection
{
	border-bottom: 1px solid #000000;
	padding: 0;
	height: 100%;
}

#divMSLocation
{
	font-weight: bold;
	font-size: 12px;
	width: 20%;
	height: 100%;
	float: left;
	padding: 10px 0 10px 10px;
}

#divMSLocationContent
{
	border-left: 1px solid #000000;
	font-weight: bold;
	font-size: 12px;
	width: 75%;
	height: 100%;
	float: left;
	padding: 10px 0 10px 10px;
}

/* story */
#divStorySection
{
	padding: 0;
	border-bottom: 1px solid #000000;
}

#divMSStory
{
	font-weight: bold;
	font-size: 12px;
	width: 20%;
	height: 100%;
	float: left;
	padding: 10px 0 10px 10px;
}

#divMSStoryContent
{
	
	border-left: 1px solid #000000;
	font-size: 12px;
	/*height: 50px;*/
	width: 77%;
	float: left;
	padding: 10px 0 10px 10px;
}

/* download */
#divDownloadSection
{
	padding: 0;
	border-bottom: 1px solid #000000;
}

#divMSDownload
{
	font-weight: bold;
	font-size: 12px;
	width: 20%;
	height: 100%;
	float: left;
	padding: 10px 0 10px 10px;
}

#divMSAttachments
{
	
	border-left: 1px solid #000000;
	font-weight: bold;
	font-size: 12px;
	height: 100%;
	width: 77%;
	float: left;
	padding: 10px 0 10px 10px;
}

#divPreAttachments
{
	/*border-left: 1px solid #000000;*/
	font-weight: bold;
	font-size: 12px;
	height: 100%;
	width: 400px;
	float: left;
	padding: 10px 0 10px 10px;
}

/* Video Link */
#divVideoLinkSection
{
	border-bottom: 1px solid #000000;
	padding: 0;
	height: 100%;
}

#divMSVideoLink
{
	font-weight: bold;
	font-size: 12px;
	width: 20%;
	height: 100%;
	float: left;
	padding: 10px 0 10px 10px;
}

#divMSVideoLinkContent
{
	border-left: 1px solid #000000;
	font-weight: bold;
	font-size: 12px;
	width: 75%;
	height: 100%;
	float: left;
	padding: 10px 0 10px 10px;
}
/* footer */
#divFooterSection
{
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	width: 765px;
	padding: 0;
	margin: 0 20px 0 5px;
}

#divMSFooter
{
	
	font-weight: bold;
	font-size: 12px;
	height: 100%;
	padding: 10px 0 10px 10px;
}

/*footer menu */
#divFooterMenu
{
	/*width:30em;*/
}

#divFooterMenu ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#divFooterMenu li
{
	float: left;
	margin: 0 0.15em;
}

#divFooterMenu li a
{
	background-color: #ccceb8;
	height: 2em;
	line-height: 2em;
	float: left;
	width: 15em;
	display: block;
	border: 1px solid #000;
	color: #0d2474;
	text-decoration: none;
	text-align: center;
}

#divFooterMenu li a:link:hover
{
	background-color: #ccceb8;
	height: 2em;
	line-height: 2em;
	float: left;
	width: 15em;
	display: block;
	border: 1px solid red;
	color: #000; 
	text-decoration: none;
	text-align: center;
}

.DisableButton 
{
	background-color: #ccceb8;
	height: 2em;
	line-height: 2em;
	width: 15em;
	display: block;
	border: 1px solid gray;
	color: gray;
	text-decoration: none;
	text-align: center;
	opacity : 0.4;
    filter: alpha(opacity=40);
    /*background-color: #000;*/
}

input.PrevewButton 
{
	background-color: #ccceb8;
	height: 2em;
	/*line-height: 2em;*/
	width: 15em;
	display: block;
	border: 1px solid #000;
	color: #0d2474;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

input.PrevewButtonHover
{
	background-color: #ccceb8;
	height: 2em;
	/*line-height: 2em;*/
	width: 15em;
	display: block;
	border: 1px solid red;
	color: #000; 
	text-decoration: none;
	text-align: center;
}

.saveButton
{
	border: 1px solid #fff;
	background-color: transparent;
	display: block;
	width: 100%;
	text-decoration: none;
	text-align: center;
	background-image: url(/images2/save.gif);
	background-repeat: no-repeat;
	cursor: hand;
}
/*footer menu end */
/* ---------footer end*/
#divOldCaption
{
	font-weight: bold;
	font-size: 12px;
	text-align: left;
}

#divThumbNailContainer
{
	margin: 5px;
	border: 1px solid #000000;
	float: left;
	padding: 10px; 
	width: 150px;
	height: 185px;
}

#divUpdateImage
{
	 cursor: default;
	 height: 100%;
	 /*width:  400px;*/
	 display: none;
	 
}

.closeModal
{
	float:right;
	padding-bottom:0;
	padding-left:0;
	padding-right:5px;
	padding-top:3pt;
}

#divEditImageContainer
{
	margin: 5px;
	border: 1px solid #000000;
	float: left;
	padding: 10px; 
	width: 155px;
	height: 185px;
}

.tem
{
	margin: 10px;
}
.selectbox
{    
    font-family:Verdana;font-size:12px;
    /*behavior:expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this, function() HGVCUI.MemberStory.LocationOnChange()):0);*/
	behavior:expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this, function() HGVCUI.MemberStory.LocationOnChange()):0);
}
/* Member story end here  */


/* Form validation styles begin here */

form.cmxform label.error, label.error {
	display: block;
	/* remove the next line when you have trouble in IE6 with labels in list 
	background:url("/images/unchecked.gif") no-repeat 2px 0px; */
	padding-left: 16px;
	color: red;
	font-style: italic;
}
div.error { display: none; }
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
form.cmxform .gray * { color: gray; }

/* Form validation styles end here */

/* change Guest */

/* TransactionConfirmation Below */
#divConf_Wrapper
{
	text-align:left;
}

#divConf_PageHeader
{
	float: left;
	margin: 10px 0px 20px 30px;
	font-family: Verdana; 
	color: #ff3c2d;
	font-size: 18px;
	font-weight: bold;
	width: 55%;
}

#divConf_DetailsBlock
{
	float: left;
	margin: 0px 0px 20px 15px;
	font-family: arial;
	width: 55%;
}

#divConf_DetailsHeader
{
	margin: 0px 0px 0px 15px;
	font-size: 12px;
	font-weight: bold; 
}

#divConf_DetailsHorizRule
{
	margin: 0px 0px 0px 0px;
	border-bottom: solid 1px #e8e8e8;
}

#divConf_BottomSpacer
{
	margin: 0px 0px 20px 15px;
	float: left;
	width: 55%;
}

#divConf_DetailsContent
{
	margin: 10px 0px 0px 15px;
	font-size: 12px;
	width: 100%;
}

#divConf_OptionsBlock
{
	background-color: #ddded0;
	float: right;
	margin: 10px 40px 20px 20px;
	font-family: arial;
	width: 30%;
}

#divConf_OptionsHeader
{
	background-color: #ccceb7;
	height: 20px;
	font-family: verdana; 
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 5px 10px 10px;
}

#divConf_OptionsContent
{
	background-color: #ddded0;
	height: 200px;
	color: #2d6668;
	font-size: 12px;
	width: 90%;
	margin: 15px 0px 0px 20px;
	line-height: 2em;
}

#spanConf_OptionLine
{
	background-color: #ddded0;
	display: block;
}

#spanConf_OptionIcon
{
	background-color: #ddded0;
	margin: 0px 0px 0px 0px;
	line-height: 2em;
}

#spanConf_Option
{
	background-color: #ddded0;
	margin: 10px 0px 10px 15px;
}

#spanConf_Detail
{
	display: block;
}

#spanConf_Label
{
	line-height: 1.3em;
	margin: 0px 20px 0px 0px;
}

#spanConf_Content
{
	line-height: 1.3em;
	font-weight: bold;
}

#spanHHLabel
{
	font-size: 1.1em;
	//font-weight: bold;
}

#spanHHData
{
	font-size: 1.1em;
	font-weight: bold;
}
/* TransactionConfirmation Above */

#HGVCSlider {
	width: 100%;
}

#HGVCSlider #items div {
	display: none;
	padding: 0px 0px 0px 10px;
	margin: 0px;
}

.AdviTitle {
	float: left;
	color: red;
	padding-left: 10px;
	font-weight: bold;
	margin: 0px;
	font-size: 16px;
}

.advMsg {
	font-size: 12px;
	font-weight: bold;
}

#items {
	height: 200px;
	overflow: auto;
}

#divPerksLeftText
{
    float: left;
    width: 200px;
        margin: 15px 15px 15px 15px;
}

#divPerksLeftTextLarger
{
    float: left;
    width: 400px;
        margin: 15px 15px 15px 15px;
}

#divPerksRightText
{
    float: right;
    width: 400px;
        margin: 15px 0px 0px 15px;
}

#divPerksLeftImage
{
    float: left;
        margin: 15px 0px 15px 0px;
    text-align:left;
}

#divPerksLeftImage
{
    float: left;
        margin: 15px 0px 15px 0px;
    text-align:left;
}

#divPerksRightImage
{
    float: right;
        margin: 15px 0px 15px 0px;
}

#imgPerksLeft
{
    width: 300px;
}

#imgPerksLeftLarger
{
    width: 500px;
}

#imgPerksRight
{
    width: 500px;
}

#imgPerksRightSmaller
{
    width: 300px;
    margin: 0px 0px 100px 0px;
}

#spanPerksTravelTips
{
    font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
}

#spanPerksTableHeader
{
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    margin-top: 10px;
}

#divPerksTravelTipsLine
{
    border-top: 2px solid #7F8690;
    padding-top:5px;
}

#ulPerksList
{
    list-style-image: none;
    margin-left: none;
}

#divPerksOuter
{
    width: 730px;
    text-align:left;
        margin: 0px 0px 0px 0px;
}

ul.pointstabs {
        list-style:none;
        margin:0 !important;
        padding:0;
        border-bottom:1px solid #666;
        height:30px;
}

/* single tab */
ul.pointstabs li {
        float:left;
        text-indent:0;
        padding:0;
        margin:0 !important;
        list-style-image:none !important;
}

/* link inside the tab. uses a background image */
ul.pointstabs a {
        background: url(/images2/hgvblue.png) no-repeat -420px 0;
        font-size:11px;
        display:block;
        height: 30px;
        line-height:30px;
        width: 134px;
        text-align:center;
        text-decoration:none;
        color:#333;
        padding:0px;
        margin:0px;
        position:relative;
        top:1px;
}

ul.pointstabs span.disabledtab {
        background: url(/images2/hgvbluedisabled.png) no-repeat -420px 0;
        font-size:11px;
        display:block;
        height: 30px;
        line-height:30px;
        width: 134px;
        text-align:center;
        text-decoration:none;
        color:#E3E3E3;
        padding:0px;
        margin:0px;
        position:relative;
        top:1px;
}

ul.pointstabs a:active {
        outline:none;
}

/* when mouse enters the tab move the background image */
ul.pointstabs a:hover {
        background-position: -420px -31px;
        color:#fff;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.pointstabs a.current, ul.pointstabs a.current:hover, ul.pointstabs li.current a {
        background-position: -420px -62px;
        cursor:default !important;
        color:#000 !important;
}

/* Different widths for tabs: use a class name: s, l, xl */


/* width 1 */
ul.pointstabs a.s                       { background-position: -553px 0; width:81px; }
ul.pointstabs a.s:hover         { background-position: -553px -31px; }
ul.pointstabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.pointstabs a.l                       { background-position: -247px -0px; width:174px; }
ul.pointstabs a.l:hover         { background-position: -247px -31px; }
ul.pointstabs a.l.current  { background-position: -247px -62px; }


/* width 3 */
ul.pointstabs a.xl                      { background-position: 0 -0px; width:248px; }
ul.pointstabs a.xl:hover        { background-position: 0 -31px; }
ul.pointstabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */
.panes .pane {
        display:none;
}/* root element for tabs  */
ul.pointstabs {
        list-style:none;
        margin:0 !important;
        padding:0;
        border-bottom:1px solid #666;
        height:30px;
}

/* single tab */
ul.pointstabs li {
        float:left;
        text-indent:0;
        padding:0;
        margin:0 !important;
        list-style-image:none !important;
}

ul.pointstabs a:active {
        outline:none;
}

/* when mouse enters the tab move the background image */
ul.pointstabs a:hover {
        background-position: -420px -31px;
        color:#fff;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.pointstabs a.current, ul.pointstabs a.current:hover, ul.pointstabs li.current a {
        background-position: -420px -62px;
        cursor:default !important;
        color:#000 !important;
}

/* Different widths for tabs: use a class name: s, l, xl */


/* width 1 */
ul.pointstabs a.s                       { background-position: -553px 0; width:81px; }
ul.pointstabs a.s:hover         { background-position: -553px -31px; }
ul.pointstabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.pointstabs a.l                       { background-position: -247px -0px; width:174px; }
ul.pointstabs a.l:hover         { background-position: -247px -31px; }
ul.pointstabs a.l.current  { background-position: -247px -62px; }


/* width 3 */
ul.pointstabs a.xl                      { background-position: 0 -0px; width:248px; }
ul.pointstabs a.xl:hover        { background-position: 0 -31px; }
ul.pointstabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */
.panes .pane {
        display:none;
}

/* tab pane styling */
.panes div {
        display:none;
        padding:15px 10px;
        border:1px solid #999;
        border-top:0;
        height:150px;
        font-size:14px;
        background-color:#fff;
}

td.AocAlert {
        border:1px solid red;
}

div.AocAlert {
        padding:4px 4px 4px 4px;
        background-color:#fcfba9;
}