/* Common Styles */

body 			{ font-family:"Segoe UI","DejaVu Sans","Trebuchet MS",Verdana,"Verdana Ref","Arial"; font-size: 10pt; padding:0 ; margin:0 }
.borderlight	{ border: solid 1px #ccc; }
.borderdark		{ border: solid 1px #333; }
.background 	{ background-color: #F7F7F7 !important; }
/*.backgrounddark { background-color: #333 }*/
.backgrounddark { background-color: #D1D1D1 }
.color			{ color: #333333; }
.highlight 		{ color: #666666; font-weight: bold }
.clear          { clear: both; margin-bottom: 10px; }
.nobold         { font-weight: normal }
.alert          { color: red; font-weight: bold; }

/*
.button 		{ padding: 2px 5px 2px 5px; cursor: pointer; text-decoration: none; font-size: 9pt; font-weight: bold; color: #333; }
.button.link	{ padding-top: 2px; padding-bottom: 3px; margin-bottom: 2px; }
.button:hover 	{ background-color: #fff; color: #000; text-decoration: underline}
.button[disabled="disabled"], .button.disabled { color: #999; }
.button[disabled="disabled"]:hover, .button.disabled:hover { text-decoration: none; }
*/

.button             { border: solid 1px #ccc; border-radius: 1px 1px; background-color: #f78e18; background-color: #fff; font-size: 9pt !important; padding: 5px 10px 3px 10px ; cursor: pointer; text-decoration: none; color: #000;}
    .button:link    { padding: 3px 15px 3px 15px ; font-weight: normal; text-decoration: none;}
    .button:hover   { border-color: #aaa; background-color: #fff; box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, .1) }

a               { color: #2F77B2; font-weight: bold; text-decoration: none }
a:hover         { text-decoration: underline; background-color: transparent; }
a img           { border: none; }

.input			 { padding: 2px; font-size: 9pt; border: solid 1px #e6e6e6;}
.input-mandatory { background: url(/images/icon-required.jpg) no-repeat; width: 68px; height: 21px; margin-top: 2px; }

.readonly       { background-color: #eee; }

.grid 			{ border: none; width: 100%; }
th       		{ text-align: left; border: none; }
.grid td 		{ border: none; height: 25px; text-align: left }

.gridindent     { padding-left: 100px; background: url(/images/arrow.png) 50px 0px no-repeat;}
.gridindent div { border: solid 1px #999; padding-left: 3px; }

.evenrow             { background-color: #eee; }
    .evenrow td      { padding-left: 5px; }
.oddrow              { background-color: #fff; }
    .oddrow td       { padding-left: 5px; }
.resultgroup         { background-color: #eee; }
.resultgroup .header { font-size: 13pt; }

.tooltip		{ cursor: pointer; }
.hint           { font-size: 8pt; }
.money          { text-align: right; }
.price          { color: Blue; }

.profileimage       { background: url(/images/drop_shadow.png) bottom right no-repeat; padding-right: 6px; padding-bottom: 3px; }
.profileimage img   { padding: 5px; border-left: solid 1px #ccc; border-top: solid 1px #ccc }
.profiledesc        { font-size: 8pt; }

#navigation 	{ width: 1000px; margin: 0 auto; }
#maincontent 	{ width: 980px; margin: 0 auto; min-height: 500px; padding: 10px; font-size: 10pt; background-color: #eee }

#memberdetails  	{ float: right; text-align: right; border: solid 1px #ccc; margin-bottom: 5px; background: #fff url(/images/icon-member-arrow.png) top left no-repeat; padding-left: 50px; padding-right: 3px; }
#memberdetails span { font-size: 8pt; color: #999999; }

#profile-page               {padding: 10px; width: 860px; margin: 0 auto;}
#profile-page #Gallery img  { border: solid 1px #ccc; padding: 3px; margin: 3px; }
#profile-page h3            { font-size: 20pt; }

.usercontent-top 	{ clear: both; padding: 5px; margin-bottom: 5px; background-image: url(/images/info.png); background-position: top left; background-repeat: no-repeat; padding-left: 20px; padding-right: 20px; }
.usercontent-bottom { clear: both; padding: 5px; margin-bottom: 5px; }

.subheader 		{ border-bottom: none; font-size: 14px; margin: 0; padding: 5px; background-color: #eee; clear: both}
.subcontent 	{ border-top: none; padding: 5px; margin-bottom: 5px; background-color: #fff; clear: both }

#atwifooter 	{ width: 1000px; margin: 0 auto; font-size: 8pt; }


/* Page Specific Styles */

#account-page .input    { width: 200px; }
#rentals-page2 .input   { width: 150px; }
#trade-page2 .input     { width: 150px; }
#vouchers-page1 .hdr    { font-size: 14pt; }
.rentals                { padding: 0px; }
.rentalfull .results    { background-color: #666; padding: 5px; }


/* Rental Grid */
.rentalgrid .headrow {
    font-size: 8pt;  
    border-top: none;
    border-left: none;
    border-right: none; 
    font-weight: bold;
}

.rentalgrid .next, .rentalgrid .previous {
    font-size: 7pt;
    text-align: center;
    width: 30px;
}

.rentalgrid .next {
    background: url(/images/icon-next.png) right no-repeat;
    padding-right: 13px;
    float:right;
}

.rentalgrid .next:hover {
    background: url(/images/icon-next2.png) right no-repeat;
}

.rentalgrid .previous {
    background: url(/images/icon-prev.png) left no-repeat;
    padding-left: 13px;
    float:left;
}

.rentalgrid .previous:hover {
    background: url(/images/icon-prev2.png) left no-repeat;
}

.rentalgrid .column {
    width: 6%;
    text-align: center;
}

.rentalgrid .unitdesc {
    font-weight: bold;
    padding-top: 5px; 
    padding-bottom: 5px; 
}

.unitprofile a
{
    font-size: 9pt;
    padding-top: 5px; 
    padding-bottom: 5px; 
}












.rentalgrid .resultrow 
{
    background-color: #fff;
}
/*
.rentalgrid .resultrow div {
    border: solid 2px #fff;
}


.rentalgrid .resultrow a:link {
    text-decoration: none;
    color: #000;
}


.rentalgrid .resultrow a:hover div {
    border: solid 2px #008000;
}
*/

.rentalgrid .resultrow .weekly {  
    font-size: 8pt;
    text-align: center;  
}

.rentalgrid .resultrow .weekly span {
    font-size: 12pt;
    font-weight: bold;
}

.rentalgrid .selectnight {
    background-color: #C1FFC1;
}

.rentalgrid .selectnight a:link div { 
     padding: 7px;
     text-align: center;
}

.rentalgrid .selectnight a:link { 
    text-align: center;
    text-decoration: none;
    color: #000;
}

.rentalgrid .selectnight:hover { 
    background-color: #008000;
}

.rentalgrid .selectnight:hover a { 
    color: #fff;
}

.rentalgrid .nocheckin { 
    background-color: #FFDFDF;
    padding: 7px; 
    text-align: center;
}

.rentalgrid .sold {
    height: 100%;
    background: url(/images/icon-sold.png) no-repeat center;
    border: none;
    height: 30px;
}













/* Message Box Style */

.MessageBox, .PleaseWaitBox { 
	padding: 6px 6px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.62);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
	overflow: hidden;
	max-width: 450px;
}

.MessageBox table, .PleaseWaitBox table 
{
    background-color: #fff;
    padding: 10px;
}

/* Drop Menu Style */

.dropmenu{
	position: relative;
	margin: 0px;
	padding: 1px 0px 0px 1px;
	display:block;
	height: 31px;
	font-size: 12px;
	background-color: #333333;
	list-style: none;
}
.dropmenu li{
	position: relative;
	list-style: none;
	float: left;
	margin: 0px;
	padding: 0px;
}
.dropmenu li a{
	height: 22px;
	padding: 7px 15px 2px 15px;
	display: block;
	cursor: point;
	border-right: solid 1px #eee;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
}
.dropmenu li:hover div{
	display: block;
}
.dropmenu li:hover a{
	color: #000;
	background-color: #fff;
}
.dropmenu li:hover div a{
	color: #666;
}
.dropmenu a.selected, a:hover{
	color: #000;
	/*background-color: #fff;*/
}
.dropmenu a.selected span{
}
.dropmenu li div{
	border: 3px solid #333;
	border-top: none;
	padding: 5px;
	display: none;
	position: absolute;
	background-color: #fff;
	margin-left: -4px;
}
.dropmenu li div ul{
	border: none;
	background: none;
	position: relative !important;
}
.dropmenu li div a{
	color: #666;
	border: none;
	border-bottom: 1px solid #ccc;
}
.dropmenu li div div{
	display: block;
	position: relative;
	background: none;
	border: none;
}
.dropmenu .subitems{
	width: 300px;
	padding: 15px !important;
}

.dropmenu .big, .dropmenu .big ul, .dropmenu .big ul li {
	width: 400px;
}

.dropmenu .big table {
    width: 400px;
}

.dropmenu .big .subsubitems {
    border-left: solid 1px #ccc;
    padding-left: 5px;
}

.subitems ul{
	width: 300px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.subitems ul li{
	border-bottom: 1px solid #ccc;
	min-height: 40px;
	padding: 10px 0px;
	margin: 0;
	width: 300px;	
}
.subitems h2{
	font-size: 16px;
	/*padding: 2px 0px 3px 0px;*/
	margin: 0px;
	color: #666;
}
.subitems p{
	color: #666;
	font-size: 8pt;
	padding: 0px;
	margin: 0px;
}
.subitems img{
	float: left;
	padding-right: 10px;
}
.subitems ul li a{
	display: inline;
	border: none;
	color: #666;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	text-transform: none;
	font-weight: bold;
}
.subitems ul li a:hover{
	color: #000 !important;
	text-decoration: underline;
	background: none !important;
}

.subsubitems ul {
    list-style: none;
	margin: 0;
	padding: 0;
	width: auto !important;
}

.subsubitems ul li {
    width: auto !important;
    padding: 0;
    height: auto;
    min-height: 0;
    border: none;
    margin: 0;
    background: url(/images/arrow.jpg) left center no-repeat;
    padding-left: 7px;
}

.subsubitems ul li a {
    font-weight: normal;
}

.subsubitems ul .disabled {
    color: #ccc;
}


/* Tooltip Styles */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
	font-size: 8pt;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}