/*************************************************************************************************************************************

	Title: Common Styles
	Date created: 24/04/2006
	Last modified: 24/04/2006
	
	Contain a common set of styles used by every page
	
	light blue: d1d8ea
	dark blue: 3051a0
	
**************************************************************************************************************************************/

body{
	margin:0px;
	/*background:url(../images/common/bg.gif);*/
	height:100%;
	font-family:Verdana, Tahoma, Arial;
	font-size:10px;
	color:#3051A0;
	}
#frame{
	position:relative;
	top:0px;
	left:50%;
	margin-left:-445px;
	width:888px;
	height:645px;
	background:#d1d8ea;
	/*background-image:url(../images/common/bg_container.gif);*/
	background-repeat:repeat-x;
	border-left:#d1d8ea solid 2px;
	border-right:#d1d8ea solid 2px;
	border-bottom:#d1d8ea solid 2px;
	}

#canvas{
	position:absolute;
	top:0px;
	left:5px;
	width:876px;
	height:100%;	
	}
	
#header{
	position:absolute;
	top:0px;
	width:874px;
	height:100px;
	border-left:2px solid #d1d8ea;
	border-right:2px solid #d1d8ea;
	border-bottom:2px solid #d1d8ea;
	background-image:url(../images/common/header.jpg);
	background-repeat:no-repeat;
	background-color:#ffffff;
	}
	
/******************************************
Menu & Login Form
******************************************/

.homeList{
	/*background-color:#CCCCCC;
	border:solid 1px #666666;*/
	width:150px;
	height:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #3051a0
}
#menu {
	position:absolute;
	top:107px;
	left:0px;
	width:160px;
	height:482px;
	border: 2px solid #d1d8ea;
	background: #ffffff;
	color:#3051a0;
	}	
	
#menuHeader {
	/*float: left;*/
	/*background:url(../images/common/bg_header_night.gif);*/
	border-bottom:2px solid #d1d8ea;
	/*margin: -2px 0px 0px -2px;
	padding: 5px 0px 0px 0px;
	text-align:center;*/
	background-color:#FFFFFF;
	/*padding-bottom:3px;*/
	padding-top:1px;
	line-height:14px;
	height:24px;
}
#menuSearchHeader {
	float: left;
	width:160px;
	height:29px;
	background-image:url(../images/common/club-search-bar.gif);
	background-position:top;
	border:2px solid #d1d8ea;
	margin: 0px 0px 0px -2px;
}

#menuFooter {
	float: left;
	display: inline;
	width:160px;
	height:30px;
	margin: 0px 0px 0px 0x;
	background:url(../images/common/bg_header_night.gif);
	border:1px solid #2e2e2e;
	font-smooth: auto;
}


#quickSearch{
	float: left;
	width: 156px;
	padding: 0px 0px 0px 4px;
	margin: 0px 0px 0px 0px;
	background-color:#ffffff;
/*	background: #ffffff url(../images/common/login_bg_night.gif) repeat-x;
*/}

#quickSearch p {
	font: 9px Verdana, sans-serif;
	color: #3051a0;
}

#quickSearch input.checkbox {
	float: right;
	margin: -11px 30px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 11px;
	border: 0px solid blue;
}

#quickSearch form {
	float: left;
	display: inline;
	width: 100%;
	font: 9px Verdana, sans-serif;
	margin: 0px 0px 0px 0px;
	/*text-align: right;*/
	color: #3051a0;
}

#quickSearch input {
	font: 6px Verdana, sans-serif;
}

#menuLogin form {
	float: left;
	display: inline;
	width: 100%;
	font: 9px Verdana, sans-serif;
	margin: 0px 0px 0px 0px;
	/*text-align: right;*/
	color: #3051a0;
}

#loginHeader {
	float: left;
	display: inline;
	width: 100%;
	height:30px;
	background:url(../images/common/bg_header_night.gif);
	border:1px solid #2e2e2e;
	}
	
#menuOptions {
	float: left;
	display: inline;
	width:160px;
	background:#ffffff;
	height:290px;
	/*border: 1px solid yellow;*/
}

#menuLogin {
	float: left;
	width: 160px;
	height:125px;
	display: inline;
	/*padding: 0px 0px 0px 4px;
	margin: 0px 0px 0px 0px;*/
	/*background: #1d1d1d url(../images/common/login_bg_night.gif) repeat-x;*/
	/*border: 1px solid green;*/
	
}

#menuLogin form {
	float: left;
	display: inline;
	width: 100%;
	font: 9px Verdana, sans-serif;
	margin: 0px 0px 0px 0px;
	/*text-align: right;*/
	color: #3051a0;
}
#menuLogin p {
	font: 9px Verdana, sans-serif;
	color: #3051a0;
}

#login_title {
	float: left;
	display: inline;
	width:100px;
	border: 0px solid red;
}

#login_title p {
	padding: 0px;
	margin: 0px 0px 0px 10px;
	width: 140px;
	border-bottom: 1px solid gray;
}

#logged_in_info {
	width: 160px;
	height:68px;
	background-color:#ffffff;
	padding-top:15px;
}

#logged_in_info p {
	float: left;
	display: inline;
	width: 120px;
	border: 0px solid blue;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	color: black;
	text-align: center;
	line-height:20px;
}

.loggedinScore {
	background: url(../images/gallery/scorebg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	padding: 0px 0px 3px 0px;
	width: 160px;
	height:20px;
}
	
.loggedinUser {
	background: url(../images/gallery/scorebg.jpg);
	padding: 0px 0px 3px 0px;
	width: 160px;
	height:20px;
}

#login_details_fields {
	float: left;
	display: inline;
	width: 100%;
	border: 0px solid yellow;
}

#login_details_fields input {
	float: left;
	display: inline;
	width: 123px;
	margin: 0px 0px 0px 20px;
	border: 0px solid blue;
}

#login_details_fields p {
	float: left;
	display: inline;
	width: 123px;
	border: 0px solid blue;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

#rememberme {
	float: left;
	display: inline;
	width:150px;
	margin: 0px 0px 10px 20px;
	border: 0px solid red;
}

#menuLogin input.checkbox {
	float: right;
	margin: -11px 30px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 11px;
	border: 0px solid blue;
}

	
#login_button {
	float: left;
	display: inline;
	background:url(../images/common/bg_button_blue.gif);
	border:2px solid #011659;
	width: 138px;
	margin: 0px 0px 0px 10px;
	border: 0px solid red;
}

#menuLogin input {
	font: 6px Verdana, sans-serif;
	/*border: 1px solid #000;*/
	/*padding: 2px 0px 2px 0px;*/
	/*width: 123px;*/
}

#menu_submit {
	margin: 0px 0px 0px 0px;
}


/*#menuLogin p {
	font: 10px Verdana, sans-serif;
	color: #000;
	margin: 20px 0px -10px 8px;
}

#menuLogin form {
	font: 10px Verdana, sans-serif;
	margin: -27px 0px 0px 0px;
	text-align: right;
	color: #fff;
}

#menuLogin input {
	font: 10px Verdana, sans-serif;
	border: 1px solid #000;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 2px 8px;
	width: 123px;
}

#menuLogin input.submit {
	border: 0px;
	padding: 2px 0px 0px 0px;
	width: 113px;
}

#menuLogin input.checkbox {
	border: 0px;
	margin: -2px 1px -1px 20px;
	padding: 0px 0px 0px 0px;
	width: 11px;
}*/

/*#login_button{
	position:absolute;
	top: 2px;
	left: 0px;
	z-index:700;
	background:url(../images/common/bg_button_blue.gif);
	border:2px solid #011659;
	width: 138px;
	text-align: center;
	margin-left: -4px;
	}
	
#login_details_fields{
	position:absolute;
	top:30px;
	left:0px;
	}
	
#login_details_fields p {
	margin: 32px 0px 0px 18px;
	color: #fff;
	text-align: left;
	}
	
#login_title{
	position:absolute;
	top:-12px;
	left:10px;
	width:100px;
	height:50px;
	}

#login_title p{
	color:#fff;
	font-size: 11px;
	margin: 24px 0px 10px 0px;
	}
*/
	
#upgrade_button{
	position:absolute;
	top: 92px;
	left:13px;
	z-index:700;
	background:url(../images/common/bg_button_green.gif);
	border:2px solid #047201;
	width: 120px;
	text-align: center;
	}
	
/*#logged_in_info {
	margin-top: 47px;
	}
	*/
/*#logout_button{
	width: 90px;
	display: inline;
	background:url(../images/common/bg_button_night.gif);
	border:2px solid #1c1c1c;
	padding-left: 30px;
	margin: 10px 0px 0px 15px;
	}*/

	
#key {
	position: absolute;
	top: 0px;
	left: 10px;
	width: 856px;
	height: 29px;
	border: 0px solid #2e2e2e;
	/*background:url(../images/common/bg_header_night.gif);*/
	background:black;
	z-index:800;
}

#key_footer {
	float: left;
	display: inline;
	width: 871px!important;
	background:#ffffff;
	/*background-image:url(../images/common/footer.jpg);*/
	height: 40px;
	z-index:800;
	text-align:left;
	border-top: 2px solid #d1d8ea;
	padding-left:3px;
	margin:2px 0 0 1px;
}

#divider{
	display:inline;
	margin:0px 0px 0px 0px;
	border:0px solid red;
	padding:0px 10px 0px 0px;
}


#hide {
	margin: 0px 0px 0px 20px;
	*margin:0px 5px 0px 0px;
	text-align: right;
}

#hide_button {
	margin-top:-18px;
	margin-left:785px;
	width: 38px;
}

#key h1 {
	display: inline;
	text-transform: none;
	font-size: 54%;
}
#key_footer h1 {
	display: inline;
	font-size: 54%;
}

#key_footer img {
	display: inline;
}

#key img {
	display: inline;
	margin: 3px -11px -3px 10px;
}
.traffic{
	margin-top:6px !important;
	margin-bottom: -6px !important;
}

#key p {
	color: #000;
	display: inline;
	margin: 0px 0px 0px 0px;
	background: #fff url(../images/gallery/key_score_right.gif) right no-repeat;
	border-top: 1px solid #acacac;
	border-bottom: 1px solid #acacac;
	padding: 0px 10px 0px 0px;
}

.content_header{
	position:absolute;
	top:0px;
	left:0px;
	width:707px;
	height:29px;
	border:2px solid #d1d8ea;
	background-color: #fff;
	/*background:url(../images/common/bg_header_night.gif);*/
	}

.general,.community,.profile,.messages,.history,.contact,.winner{
	float:left;
	display:inline;
	margin:6px 0px 0px 10px;
	width:130px;
	height:12px;
	/*background:url(../images/common/menu_red.gif) no-repeat;*/
	padding-left:5px;
	color:#3051a0;
}

.sub_nav {
	float:left;
	display:inline;
	margin:3px 0px 0px 30px;
	width:120px;
	height:12px;
}

.community{
	background:url(../images/common/menu_yellow.gif) no-repeat;
}
	
.profile{
	/*background:url(../images/common/menu_blue.gif) no-repeat;*/
	}
.profile_image{
	width:80px;
	height:80px;
	}
.messages{
	/*background:url(../images/common/menu_green.gif) no-repeat*/;
	}

.history{
	/*background:url(../images/common/menu_purple.gif) no-repeat;*/
	}
	
.contact{
	/*background:url(../images/common/menu_black.gif) no-repeat;*/
	}
.winner{
	/*background:url(../images/common/menu_yellow.gif) no-repeat;*/
	}
.menuDivider, .menuDividerSmall, .footerDivider {
	float: left;
	width: 140px;
	height:7px;
	overflow:hidden;
	display:inline;
	border-bottom: 1px solid #d1d8ea;
	margin: 0px 0px 0px 10px;
	padding: 0;
	clear:both;
}
	




.membership,.benefits{
	float:left;
	margin:5px 0px 0px 0px;
	width:130px;
	height:12px;
	padding-left:10px;
	}

.benefits{
	position:absolute;
	color:#000;
	width:380px;
	}

#footer{
	position:absolute;
	left: 50%;
	margin-left: -437px;
	top:595px;
	width:877px;
	/*background:url(../images/common/bg_header_night.gif);*/
	border:2px solid #ffffff;
	border: 0px solid blue;
	overflow: hidden;
	}
	
#footer2{
	float: left;
	width:873px;
	/*background:url(../images/common/bg_header_night.gif);*/
	/*border:2px solid #d1d8ea;*/
	height:40px;
	margin: 0px 0px 0px 0px;
	padding-top:12px;
	}

#ravine a {
	float:left;
	font: 10px Verdana, sans-serif;
	color: #3051a0;
	text-decoration: none;
	padding: 8px 8px 0px 8px;
}

#contact_us a {
	float:left;
	font: 10px Verdana, sans-serif;
	color: #3051a0;
	text-decoration: none;
	padding: 8px 8px 0px 8px;
	margin-left:190px
}

#copy a {
	float: right;
	font: 10px Verdana, sans-serif;
	color: #3051a0;
	text-decoration: none;
	padding: 8px 8px 0px 8px;
}

#footerLeft{
	position:absolute;
	width:160px;
	height:76px;
	}
	
#footerLeftHeader{
	position:absolute;
	width:160px;
	height:18px;
	border:2px solid #2e2e2e;
	background:url(../images/common/bg_header_small_night.gif) repeat-x;
	}

#footerLeftContent{
	position:absolute;
	top:20px;
	left:0px;
	height:47px;
	width:160px;
	border:2px solid #2e2e2e;
	background:url(../images/common/bg_footer_night.gif);
	}

#footerCentre{
	position:absolute;
	left:168px;
	height:68px;
	width:502px;
	}

#footerCentreHeader{
	position:absolute;
	left:0px;
	width:100%;
	height:18px;
	border:2px solid #2e2e2e;
	background:url(../images/common/bg_header_small_night.gif) repeat-x;
	}
	
#footerCentreContent{
	position:absolute;
	top:22px;
	left:0px;
	height:47px;
	width:100%;
	border:2px solid #a1a1a1;
	border-top:0px;
	background:#f1f1f1;
	}
	
#footerRight{
	position:absolute;
	left:678px;
	height:68px;
	width:198px;
	}
	
#footerRightHeader{
	position:absolute;
	left:0px;
	width:198px;
	height:18px;
	border:2px solid #2e2e2e;
	background:url(../images/common/bg_header_small_night.gif) repeat-x;
	}
	
#footerRightContent{
	position:absolute;
	top:20px;
	left:0px;
	height:47px;
	width:198px;
	border:2px solid #cb0000;
	background:url(../images/common/bg_footer.gif);
	}

.headerSmallText{
	position:absolute;
	top:3px;
	left:10px;
	font: 10px Arial, Helvetica, sans-serif;
	color:#fff;
	}

a,p{
	font: 10px Verdana, Helvetica, sans-serif;
	text-decoration:none;
	color:#3051a0;
	margin-top:0px;
	}

a:visited{
	border:0px;
	}
	
a:link{
	border:0px;
	}	
	
a:active{
	border:0px;
	}
	
a:hover{
	text-decoration:underline;
	}	
	
img{
	border:0px;
	display:block;
	}
h1{
	font: 12px Verdana, Helvetica, sans-serif;
	color:#3051a0;
	padding: 7px 0px 0px 12px;
	margin-top:0px;
	}
h2{
	position:absolute;
	margin-top:0px;
	font: 10px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#fff;
	margin-left:10px;
	}
h3{
	position:relative;
	top:10px;
	font: 11px Verdana, Helvetica, sans-serif;
	text-decoration:none;
	color:#000;
	margin-left:10px;
	}

.button{
	float:left;
	margin-top:4px;
	margin-left:5px;
	height:13px;
	width:auto;
	background:url(../images/common/bg_button_night.gif);
	border:1px solid #d1d8ea;
	}
.LogoutButton{
	height:13px;
	width:86px;
	margin:3px 0px 0px 12px;
	padding: 0px 0px 0px 15px;
	float:left;
	text-align:center;
}
	
.button_hide{
	margin-top:4px;
	margin-left:5px;
	height:13px;
	width:auto;
	/*background:url(../images/common/bg_button_night.gif);*/
	/*border:2px solid #d1d8ea;*/
	text-align:center;
	}
	
.button_red{
	float:left;
	margin-top:4px;
	margin-left:5px;
	height:13px;
	width:auto;
	background:url(../images/common/bg_button.gif);
	border:2px solid #cb0000;
	}
.button_green{
	float:left;
	margin-top:4px;
	margin-left:5px;
	height:13px;
	width:auto;
	/*background:url(../images/common/bg_button_blue.gif);*/
	border:2px solid #d1d8ea;
	}
.button_black{
	float:left;
	margin-top:4px;
	margin-left:5px;
	height:13px;
	width:auto;
	background:url(../images/common/bg_button_night.gif);
	border:2px solid #d1d8ea;
	}
.button_blue{
	float:left;
	margin-top:4px;
	margin-left:5px;
	height:13px;
	width:auto;
	background:url(../images/common/bg_button_blue.gif);
	border:2px solid #011659;
	}
	
.content_area{
	position:absolute;
	top:65px;
	height:414px;
	width:707px;
	border:2px solid #acacac;
	background:#ccc;
	}
.error{
	position:absolute;
	top:10px;
	left:10px;
	color:#cb0000;
	}
	
.button_link,.button_link_alternative,.button_link_highlight{
	float:left;
	padding-left:0px;
	padding-right:5px;
	margin-right:5px;
	width:auto;
	height:100%;
	line-height:1.2em;
	font-size:11px;
	}
	
.button_link_highlight{

	}
	


.button_link2,.button_link_alternative2,.button_link_highlight2,.button_link3,.button_link_alternative3{
	float:left;
	padding-left:10px;
	padding-right:15px;
	margin-right:5px;
	width:auto;
	height:100%;
	line-height:1.2em;
	font-size:11px;
	background:url(../images/common/button_right_night.gif) center right no-repeat;
	}
.button_link2{
	background:url(../images/common/button_right_night.gif) center right no-repeat;
	}
.button_link3{
	background:url(../images/common/button_right_blue.gif) center right no-repeat;
	}


.button_link_alternative2{
	padding-left:15px;
	padding-right:10px;
	margin-left:5px;
	margin-right:0px;
	background:url(../images/common/button_left_night.gif) center left no-repeat;
	}

.button_link_alternative3{
	padding-left:15px;
	padding-right:10px;
	margin-left:5px;
	margin-right:0px;
	background:url(../images/common/button_left_blue.gif) center left no-repeat;
	}
	
.button_link_highlight2{
	background:url(../images/common/button_right_blue.gif) center right no-repeat;
	}
	
	
#error_box{
	position:absolute;
	top:17px;
	left:375px;
	padding:10px 0px 15px 15px;
	width:308px;
	height:auto;
	border:1px solid #3051a0;
	background:#d1d8ea;
	z-index:900;
	}

#error_box p {
	font-size:10px;
	color:#3051a0;
	line-height:1em;
	}
#loadingAnimation,#loadingAnimation2,#loadingAnimation3,#loadingAnimation4,#loadingAnimation5,#winner_sash{
	position:absolute;
	top:0px;
	left:2px;
	z-index:500;
	display:none;
	}
#winner_sash{
	top:5px;
	left:160px;
	width:37px;
	height:141px;
	display:block;
}
#profile_button{
	/*background:url(../images/common/bg_button_blue.gif);
	border:2px solid #011659;*/
	width: 172px;
	}
	
#profile_button_blue{
	position:absolute;
	top:385px;
	left:7px;
	z-index:700;
		background:url(../images/common/bg_button_blue.gif);
	border:2px solid #011659;
	width: 172px;
	}	
	
.bar_gallery_link{
	color: #000;
	margin: 2px 0px 0px 3px;
	}


	
/*#email2,#password,#rememberme{
	position:absolute;
	top:20px;
	left:10px;
	}
	
#password{
	top:55px;
	}
	
#rememberme{
	top:75px;
	left:-7px;
	width:150px;
	}
	

#login_button{
	left:14px;
	}
	*/
	
#banner {
	position: absolute;
	top: 5px;
		right: 5px;
	border: 1px solid #000;
	width: 470px;
	height: 75px;
	}
	
#loadingAnimation4{
	top:11px;
	left:116px;
	height:385px;
	background:#cb0000;
	}
#loadingAnimation5{
	top:0px;
	left:0px;
	height:385px;
	background:#cb0000;
	}
	

	
#promotions {
	font: 11px Verdana, sans-serif;
	padding: 20px 20px 20px 20px;
	color: #000;
	}
	
#promotions ul {
	margin: -20px 30px 40px 35px;
	}
	
.promotions {
	font: 11px Verdana, sans-serif;
	padding: 0px 20px 20px 20px;
	margin: 10px 10px 10px 10px;
	color: #000;
	}
	
#promotionsrequest {
	position: absolute;
	top: 395px;
	left: 20px;
	}

#promotionsrequest a {
	color: #000;
	}
	
#promotionsmore {
	position: absolute;
	top: 395px;
	right: 20px;
	}
	
#promotionsmore a {
	color: #000;
	}
.alert{
	float:left;
	margin-right:10px;
	}
#style{
	position:absolute;
	top:87px;
	left:800px;
	z-index:3000;
	width:200px;
}

.btn_image_login_join {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

/*************** Tabs *****************/

#tabs{
	height:30px;
	width:718px;
	float:right;
	margin-top:10px;
}
#homeTab{
	width:78px;
	float:left;
	/*background-color:#00CC99;*/
	height:30px;
}
#searchTab{
	width:117px;
	float:left;
	/*background-color:#000000;*/
	height:30px;
}
#clubTab{
	width:168px;
	float:left;
	/*background-color:#00ff00;*/
	height:30px;
}
#hotelTab{
	width:147px;
	float:left;
	/*background-color:#d1d856;*/
	height:30px;
}
#webTab{
	width:106px;
	float:left;
	/*background-color:#d1d856;*/
	height:30px;
}
#shoppingTab{
	width:102px;
	float:left;
/*	background-color:#333333;
*/	height:30px;
}

#footer_design_by {
	width:200px;
	float:left;
	text-align:left;
	color:#3051A0;
}
#footer_links {
	width:472px;
	float:left;
	text-align:center;
	color:#3051A0;
}
#footer_copyright {
	width:200px;
	float:left;
	text-align:right;
	color:#3051A0;
}
#footer2 a{
	color:#3051A0;
}
.key_short {
	width:55px;
	float:left;
	text-align:left;
	line-height:40px;
	height:40px;
	padding-left:5px;
}
.key_med {
	width:90px;
	float:left;
	text-align:left;
	line-height:40px;
	height:40px;
	padding-left:5px;
}
.key_long {
	width:118px;
	float:left;
	text-align:left;
	line-height:40px;
	height:40px;
	padding-left:5px;
}

.key_pic {
	height:28px;
	width:16px;
	float:left;
	text-align:right;
	padding-top:12px;
}
.key_pic_tall {
	height:30px;
	width:16px;
	float:left;
	text-align:right;
	padding-top:5px;
}
.key_hide {
	height:20px;
	width:53px;
	float:left;
	text-align:right;
	padding-top:4px;
}
#voteBar2{
	background-color:#1068B2;
	position:absolute;
	top: 150px;
	border:solid 2px white;
	left:0px;
	width:193px;
	color:#FFFFFF;
	height:13px;
}
#benefits_forum p {
	color: #3051a0;
	padding: 0px 10px 0px 10px;
	margin: 2px 2px 2px 2px;
}
#benefits_forum {
	position: absolute;
	top: 8px;
	right: 8px;
	/*background: #f6f6f6;*/
	background: #white;
	border: 1px solid #3051a0;
	width: 210px;
	height: 400px;
}
#score{
	background-color:#1068B2;
	position:absolute;
	top: 150px;
	border:solid 2px white;
	left:0px;
	width:193px;
	color:#FFFFFF;
	height:13px;
}