/*  -----------------------------------------
# STYLE  CSS
# This is used to provide size and style (incl color and images) to text and other elements in the template
#
#	**Colours used**
#
#	Light Yellow: #faff7d
#	Pink: #ff0084
#	Dark Green: #006b8e
#	Grey: #303030
#	Light Blue: #18c0f0
#  ------------------------------------------
*/

body {
	background: #303030;
	border-top: 5px solid #faff7d;
	padding: 10px 0 0 0;
	
}

.color-green {
color:#006b8e;
}

.color-blue {
color:#18c0f0;
}

.color-pink {
color:#ff0084;
}

.color-grey {
color:#303030;
}

.color-yellow {
color:#faff7d;
}


ul.standard {
margin: 10px 0px;

}

ul.standard li {
color:#000000;
margin-bottom:10px;
line-height:1.1em;

}
table.partner-phone {
margin-left:80px;

}

table.partner-phone td{

padding: 5px;


}
tr.alt {
background: #BFE8FF;


}

strong.text-small {
font-weight:normal

}


abbr {

border-bottom: 1px #666 dashed;

}

hr.grey {
border: none;
background-color: #cfcfcf;
color: #cfcfcf;
height: 1px;
width: 80%;
}

hr.blue {
border: none;
background-color: #18c0f0;
color: #18c0f0;
height: 1px;
width: 80%;
}


/*  -----------------------------------------
# POSITION CSS
# This is used to provide positioning to blocks in the template
#  ----------------------------- -------------
*/

dl,hr,h1,h2,h3,h4,pre,address,fieldset{
margin-bottom:20px
}

.no-margin, 
#home-picks-header h2 {
margin:0px !important;
padding: 0px !important;
}

.align-center {
text-align:center;
}

.align-right {
text-align:right;

}

.float-right {
float:right;

}

.float-left {
float:left;

}

/* -----MASTHEAD -------- */


#logo{

height:131px

}

#top-nav {
height:131px;

}

#top-nav ul {
position: relative;
top: 60px;
left: 100px;
}





/* -----SEARCH FORM -------- */

#home-search-form-holder{
height:280px;
}

.search-form-button {
left:300px;
position:relative;
width: 148px;
}

.search-destination-holder {
width:590px;
}

.search-checks-holder {
position:relative;
top:10px;
width:580px;
}

#results-grid {
float:left;
}

#home-picks {
width:640px;
float:left;
}

#results-sort {
margin:0px 0px 0px 120px;
}

#results-sort h4 {
display:inline;
}

.filter-head {
font-size:0.9em;
font-weight: bold;
color:#18c0f0;
border-top: 1px dotted #1290B4;
}

.date-change {
padding:10px 0px;
}

.filter-price {
padding: 0px 0px 10px 0px;
margin: 0px 0px 10px 0px;
}

.home-picks-title,
.citypage-picks-title,
.results-title ,
.home-picks-photo,
.results-photo {
margin-top:20px;
}

.lightbox-hidden {
display:none;
}

.photos-link-photos {
float:left;
display:inline;
}

.photos-link-map {
float:right;
}

.results-confirmation-icon,
.results-book-btn {
text-align:right;
margin-bottom: 0px;
padding-bottom: 0px;
}

.results-body {
padding-bottom: 10px;
}

.vertical_status span {
text-decoration:underline;
color:#ff0084;
position:relative;
top:-5px;
cursor:pointer;
font-weight:bold;
}

.vertical_status img {
cursor:pointer;
}

span.vertical-status-less {
background:#ff0084;
color:#ffffff;
top:-3px;
position:relative
}

#home-right-column {
width:320px;
float:right;
}

/* ----- HOME PROMISE BOX -------- */

#home-promise-box {
border: 3px solid #cfcfcf;
padding:0px 10px;
background: #E8F9FE;
margin-bottom:40px;
}

.promise-box {
margin-top:65px;
}

.promise-box-city {
margin-top:0px
}

.home-discount-box {
margin-bottom:40px;
width:320px;
}

.home-discount-box h5 {
padding: 20px 0px 5px 10px
}

.home-popular-search-box {
margin-bottom:40px;
}

.home-discount-link a{
margin-top: 10px;
padding: 1px 0px;
float:left

}

.home-discount-price {
margin-top: 10px;
padding: 1px 0px;
float:right;

}

.pagination {
	padding: 5px;
	margin:5px;
}

.footer-internal p {
padding:0px;
font-size:.9em;
}

.footer-internal-more {
margin-bottom:20px;
}

.footer-why-book {
padding:0px;
width: 220px
}

.footer {
margin-top:20px;
}

.widget-pages {
margin-bottom:20px;
}

/*----------------------------------------------
# ELEMENTS
-------------------------------------------------*/

.morph-results-content-in {
height: 0px;
background:#fff;
}

.morph-results-content-out {
height: 85px;
line-height:normal;
background:#fff;
}

/*----------------------------------------------------------------
LINKS
  -------------------------------------------------------------------*/
  
#top-nav li a {
	float: left;
	display: block;
	padding: 9px 12px;	
	color: #999;
	/*background-color: #333;*/
	text-decoration: none;
	border-left: 1px solid #DFDFDF;
}
#top-nav li a:hover {
	background: #8f8f8f;
	color: #FFF;
}
#top-nav .current_page_item a {
	background: #8f8f8f;
	color: #FFF;
}

#top-nav li .top-nav-first  {
	border-left: none !important;
}


a:link, a:visited,a:active, a:hover {
	text-decoration:none;
	background:transparent;
}

p a:link, 
p a:visited, 
p a:active

 {
	text-decoration: underline;
	/*color: #07a3d3;*/
	color: #18c0f0;
}

p a:hover {
	text-decoration:none;
	/*background: #51c4e8;*/
	background:#18c0f0;
	color:#faff7d;
}


p a.photos-link-photos, 
p a.photos-link-map
 {
	font-size:.9em;
	text-decoration: none;
	/*color: #07a3d3;*/
	color: #999;
}

p a.photos-link-photos {
padding:5px 0px 0px 20px;
background:url(/images/photo-icon.png) no-repeat left;
}

p a.photos-link-photos:hover {
/*padding:5px 0px 0px 20px;*/
background:url(/images/photo-icon-over.png) no-repeat left;
}


p a.photos-link-map {
padding:5px 5px 0px 20px;
background:url(/images/map-icon.png) no-repeat left;
}

p a.photos-link-map:hover {
/*padding:5px 0px 0px 20px;*/
background:url(/images/map-icon-over.png) no-repeat left;
}

/* ############
RESULTS 
############# */

#GridSearch table td {
border-bottom:1px #303030 solid;

}


.results-body {
font-size:.9em;
}

.home-picks-price-amount a:link,
.home-picks-price-amount a:visited,
.home-picks-title a:link,
.home-picks-title a:visited,
.results-price-amount a:link,
.results-price-amount a:visited,
.results-price-amount a:hover

{
text-decoration:none;
background: transparent;
color:#006b8e;
}

.results-price-currency {
font-size:.4em;
padding:18px 2px 0px 0px

}

.results-hot-rate {
font-size:20px;
padding-right: 20px;
background:url(/images/icon-hot-rate.gif) no-repeat right;
}

.results-book-btn {
float:right;
display:block;
}


p.results-book-btn a:link,
p.results-book-btn a:hover,
p.results-book-btn a:visited
{
text-decoration:none;
width:105px;
height:25px;
display:block;
background:url(/images/btn-book-now.png) no-repeat left;
}

p.results-stars {

margin: 0px;
padding-top:5px;

}

.home-discount-link a:link,
.home-discount-link a:visited {

text-decoration:none;
color:#06303C;
font-size:.9em;
}

.home-discount-link a:hover {
background:#18c0f0;
color:#fff;

}

.home-picks-title a:hover
{

background:#006b8e;
color:#fff;
}

.home-popular-search-box ul li a {

text-decoration:underline;

}

.partner-logo {

margin:10px auto;

}

.footer li a {
	float:left;
	display:block;
	color: #999;
	padding:1px 5px;
	/*background-color: #333;*/
	border-right: 1px solid #DFDFDF;
	font-size: .9em;

}

.footer-internal a {
margin-bottom:0px;
font-size:.9em;

}



/*----------------------------------------------------------------
 HEADERS 
  -------------------------------------------------------------------*/

  
h1 {
	font-size:25px;
	font-family: Georgia, "Palatino", serif;
	font-weight: normal;
	font-weight: bold;
}



h1.home-h1 {
text-transform:uppercase;
}


h2 {
	font-family: Georgia, "Palatino", serif;
	font-size:23px
}

h2.city-search{

 padding: 3px 0.5em;
 border:1px solid #aaa;
 border-bottom: none;
 margin-bottom:0px;
 background: #BFE8FF;
	font-family: Georgia, "Palatino", serif;
	font-size:14px

 
}

h3 {
	font-family: Georgia, "Palatino", serif;
	font-size:19px
}

h3.search-result {
background: url(/images/results-world-search.png) no-repeat left;
padding-left:60px;
padding-top:14px;
margin:0px;
height:32px;
vertical-align:middle;
}

h4 {
	font-family: Georgia, "Palatino", serif;
	font-size:19px
}

h4.search-result {
	margin-left: 160px;
}


.home-picks-title h4 a {
margin:0px;
color:#006b8e;
}

.citypage-picks-title h4 a {
color:#006b8e;
}

.citypage-picks-title h4 {
margin-bottom:0px;
padding-bottom:0px;

}

.search-extra-info {
		font-family: Georgia, "Palatino", serif;
		font-size:16px;
		background: url(/images/icon-warning.gif) top left no-repeat #faff7d;
		border: 2px solid red;
		padding:5px 5px 5px 45px;
		color: #000;
		display:block;
		margin-top:10px;
		

}


.footer-internal h4{
color:#006b8e

}

h5 {
	font-size:14px
}

h5.toggler {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	font-family: 'Andale Mono', sans-serif;
	font-size: 12px;
	background: #D2E0E6;
	color: #528CE0;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}


h5.search-date {

background: url(/images/results-date-search.jpg) no-repeat left;
padding-left:60px;
padding-top:14px;
margin:0px;
height:34px;
vertical-align:middle;
line-height:1.3em;
}


h6 {
font-size:12px
}



/* ----------------------------------------------------------------
TEXT
----------------------------------------------------------------- */

body {
	
	font-family: Verdana, Arial, Sans-Serif;
	color: #333;
	font-size: 12px;

}

p {
	padding: 10px 0;
	text-align: left;
	line-height:1.3em;
}

.home-picks-price-rooms, 
.home-picks-price-night,
.home-picks-price-amount span {

font-size:10px;
font-family:Arial;
text-align:right;
/*line-height:0.9em;*/
padding:0px 20px 0px 0px;
margin:0px;
height:1.0em;

}

.home-picks-price-amount {

font-size:28px;
font-family:Georgia, Geneva, Arial;
font-weight:bold;
text-align:right;
line-height:0.9em;
padding:0px 20px 0px 0px;
margin:0px;

}

.results-picks-price-rooms, 
.results-picks-price-night,
.results-picks-price-amount span {

font-size:10px;
font-family:Arial;
text-align:right;
/*line-height:0.9em;*/
padding:0px;
margin:0px;
height:1.0em;

}

.results-price-amount {

font-size:24px;
font-family:Georgia, Geneva, Arial;
font-weight:bold;
text-align:right;
padding:0px;
margin:0px;


}


.popular-search-text-1 {


font-weight:bold;
font-size:1.6em;
color:#1290B4;


}

.popular-search-text-2 {


font-size:1.6em;
color:#18C0F0;

}

.popular-search-text-3 {


font-weight:bold;
font-size:1.4em;
color:#1290B4;

}

.popular-search-text-4 {


font-size:1.4em;
color:#14A3CC;

}

.popular-search-text-5 {


font-size:1.0em;
color:#8CE0F8;

}

.popular-search-text-6 {

color:#C5EFFB;
font-size:0.8em;

}


.home-discount-price {
font-weight:bold;
font-size: .9em;
color:#ff0084;


}


.home-service-body p, .footer p{
font-size:0.9em;

}




/* ----------------------------------------------------------------
NAVIGATION
----------------------------------------------------------------- */

#top-nav {

background:#303030;

}

#top-nav ul {
	font: 1.0em Arial, sans-serif;
	text-transform: uppercase;
	color: #FFF;
	list-style: none;
	float:right;

}
#top-nav li {
	display: inline;
}

.footer ul {
	list-style: none;


}
.footer li {
	display: inline;
}

/*--------------------------------------
# PAGINATION
--------------------------------------------*/

	.pagination {
		text-align:center;
		color:#ff6500;
		font-size:80%;
		margin: 0px auto;
		
	}
	
	.pagination a {
		border: 1px solid #ff9600;
		margin-right:3px;
		padding:5px 7px;

		background-image:url(pagination-bg.jpg);
		background-position:bottom;
		text-decoration: none;

		color: #ff6500;		
	}
	.pagination a:hover, .pagination a:active {
		border: 1px solid #ff9600;
		background-image:none;
		background-color:#ffc794;
		color: #ff6500;
	}
	.pagination span {
		margin-right:3px;
		padding:5px 7px;
		border: 1px solid #ff6500;
		
		font-weight: bold;
		background-color: #ffbe94;
		color: #ff6500;
	}
	.pagination span.disabled {
		margin-right:3px;
		padding:5px 7px;
		border: 1px solid #ffe3c6;
	
		color: #ffe3c6;
	}

	.pagination td {
	height:25px;
	padding-top:9px;
	text-align:center;
	

	}
	
	.pagination td table  {
	
	text-align:center;
	margin: 0px auto;
	
	}


/* --------------------------------------------------------
LISTS
  --------------------------------------------------------*/

ol{
list-style:decimal;
color:#999;
}

ul{
list-style:square;
color:#999;
}

li{
margin-left:30px
}

.home-popular-search-box li {
display:inline;
padding:5px;
margin:0px;
}

.home-popular-search-box ul{
text-align:center;

}

.footer li, .footer ul  {
padding:0px;
margin:0px;

}








/* ----------------------------------------------------------------
BLOCKS + AREAS
----------------------------------------------------------------- */

.content-holder {
width:100%;
background-image:url(/images/stripe-bg-glow.png);
background-repeat: repeat-y;
background-position: 50% 131px;
/*border-top:5px solid #1F1F1F;*/


}

.home-container {
	background: #fff;
	padding:20px 0px 0px 0px;
}

.masthead-container {
background: #303030;


}


#logo, #logo p{
background:#303030;
text-align:center;
vertical-align:middle;
}

#home-search-form {

}

#results-search-form {
	/*
	padding:10px 20px 5px 20px;
	border:1px solid #aaa;
	background: #BFE8FF;
	width: 310px;
	margin: 0px 0px 20px 62px;
	*/
}

#results-search-form-hide{
	/*
	display:none
	*/
}

#results-search-form p {
padding-bottom:10px;
font-weight:bold;

}

.resultsNrDays {
float:left;
font-size:.8em;
width:130px !important;
background:#fff !important;
color: #ff0000 !important;
line-height:12px;
}

.cityNrDays {

border-style:none;
background:#BFE8FF;
border:0px;
font-size:.8em;
width:210px !important;
margin: 0px 5px 5px -3px !important;
color:#303030;
text-align:center;
}

/* --- BUTTON --- */

#btnSearch,
#btnDisabled,
#btnFilterSearch,
#btnSaveDisabled {
padding:5px 10px;
font-size:1.2em;
width:75px;
margin: 0px 5px 5px 10px;
}

input.resultsSearch  {
margin: 0px 5px 5px 110px !important;
font-size: .08em;
width:25px;
height:19px;
padding:15px;
background:url(/images/btn-go.gif) no-repeat;
border:none;
cursor:pointer;
text-indent: -999px;
}

#nameFilter {
width:130px;
}

.results-search-show {
text-decoration:underline;
color:#ff0084;
cursor:pointer;
font-size:0.8em;
cursor:pointer;

}

.results-search-brackets {

font-size:0.8em;
color:#000;

}




.home-picks-photo img,
.city-page-copy img {

border: 1px solid #cfcfcf;
padding:4px;


}

.results-photo img {

border: 1px solid #cfcfcf;
padding:2px;

}

.home-service-image img {

border: 1px solid #cfcfcf;
padding:0px;

}

.home-discount-box {

/*border: 1px solid #999;*/
padding: 0px;
width:320px;

}

.home-discount-link {

border-bottom:1px dotted #1290B4;
/*background:#C5EFFB;*/

}


/* ##############################
SEARCH FIELDS 
###############################*/


#txtHidden  {

font-size:1.5em;
padding:0.33em;
font-family:verdana;
float:left;
margin-top:5px;
width:470px;

}

.label-small {
font-size:.8em
}


.search-destination {
padding:10px 0px 0px 0px;

}


input.text, select, textarea {
	border: 1px solid;
	border-color: #bebdbd #f4f4f4 #f2f2f2 #bbbbbb;
	/*color: #ad9e91;*/
	color:#303030;
	font: 1em Arial, Helvetica, sans-serif;
	padding: 0.33em;
	margin: 5px
}

.search-check-label,
.search-filter-label{
float:left;
width: 90px;
padding-top:5px;
margin-bottom: 10px;
font-weight:bold;
}

.search-check-date,
.filter-check-date,
.results-check-date {
margin-bottom: 10px;

}


.results-check-date input {
width:130px;
padding:.2em;
cursor:pointer;
font-size:.8em;
height:1.5em;
background: url(/images/cal/cal_form_icon.png) no-repeat right #fff;
}
.filter-check-date input,
.search-check-date input,
.results-check-date input
 {
width:210px;
padding:.2em;
cursor:pointer;
background: url(/images/cal/cal_form_icon.png) no-repeat right #fff;
}
.results-check-date input {
width:130px !important;


}


.filter-check-date input {
margin-left:5px;
}

#nrDays,
#nrDays2  {
border-style:none;
background:#BFE8FF;
border:0px;
font-size:.8em;
width:250px;
margin: 5px;
line-height:1.2em;
color:#303030;
float:right;
}

#destinationExpressionValidator,
#RequiredFieldValidator
{
		
		background:#faff7d;
		border: 2px solid red;
		padding:5px;
		color: #000;
		float:left;
		width:385px;
		font-size:.8em;
		line-height:12px;
	
}


#validCountry,
#validCity,
#validCity2 {
		
		background:#faff7d;
		border: 2px solid red;
		padding:5px;
		color: #000;
		float:right;
		width:185px;
		font-size:.8em;
		line-height:12px;
		position:relative;
		top:-30px;
		left:-40px;
	
}

.validatorCalloutHighlight {
background:#FFBFE1;


}




.completionListElement 
		{  
			visibility : hidden;
			margin : 0px! important;
			border : solid 1px gray;
			cursor : pointer;
			text-align : left; 
			font-family : Arial;
			padding : 0;
			z-index:99;
		}
		.listItem 
		{
			background-color : white;
			height : 15px;
			line-height : 15px;
			padding : 2px;
			margin : 0px;
		}		
		.highlightedListItem
		{
			background-color : #3366CC;
			height : 15px;
			line-height: 15px;
			padding : 2px;
			color : white;
			margin : 0px;
		}
		.result
		{
			font-size: .8em;
		}
		.keywords
		{
			font-size: 1.0em;
		}
		.listItem .keywords
		{
			color: black;
		}
		.listItem .result
		{
			color: green;
		}
		
		.highlightedlistItem .result
		{
			color: #fff;
		}
		



/* ##############################

CALENDAR POP STYLES - OLD

################################ */

.cpYearNavigation, .cpMonthNavigation { 
background-image:url(/images/cal/calendar_bg.gif); 
text-align:center; 
text-decoration:none; 
color:#000000;
font-weight:bold; 
 }
 
.cpDayColumnHeader, .cpYearNavigation, .cpCurrentMonthDate, .cpCurrentMonthDateDisabled, .cpOtherMonthDate, .cpOtherMonthDateDisabled, .cpCurrentDate, .cpCurrentDateDisabled, .cpTodayText, .cpTodayTextDisabled, .cpText { 
font-family:arial; 
font-size:11px; 
}

.cpMonthNavigation { 
font-family:arial; 
font-size:13px; 
text-align:center;
color:#18c0f0;
}

TD.cpDayColumnHeader { 
text-align:right; 
border:solid thin #C0C0C0;
border-width:0px 0px 1px 0px; 
}

.cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate  { 
text-align:right; 
text-decoration:none; 
}

.cpCurrentMonthDateDisabled, 
.cpOtherMonthDateDisabled, 
.cpCurrentDateDisabled,
.cpCurrentMonthDateDisabled:hover {
color:#D0D0D0; 
text-align:right; 
text-decoration:line-through; 
cursor:auto;
}

.cpCurrentMonthDate, .cpCurrentDate { 
color:#000000; 
}

TD.cpCurrentDateDisabled { 
border-width:1px; 
border:solid thin #FFAAAA; 
}

TD.cpTodayText, TD.cpTodayTextDisabled { 
border:solid thin #C0C0C0; 
border-width:1px 0px 0px 0px;
}

A.cpTodayText, SPAN.cpTodayTextDisabled { 
height:20px; 
padding:0px 0px 4px 15px;
background: url(/images/cal/close_small.png) no-repeat 0px 2px;

}

A.cpTodayText { 
color:black; 
}

TD.cpCurrentMonthDate:hover{ 
cursor: pointer; 
color:black; 
background-color:#FFBFE1; }


#testdiv1 {
position:absolute;
visibility:hidden;
background-color:white;

}

.cal-pad-cell TD{
padding:4px;

}

TD.cpOtherMonthDate:hover{ 
cursor: pointer; 
color:black; 
background-color:#FFBFE1; 


}

TD.cpOtherMonthDate { 
color:#003399; 
}

TD.cpCurrentDate { color:#000000; background-color: #FFBFE1; border:solid 2px #CC0000;font-weight:bold; text-decoration:none; }
A.cpCurrentDate { text-decoration:none; }

TD.cpCurrentMonthDateToday { font-family:arial; font-size:11px; color:#006b8e; background-color:#18c0f0; font-weight:bold; text-align:right; cursor: pointer;}
TD.cpCurrentMonthDateToday:hover{ cursor: pointer; color:black; background-color:#FFBFE1; }
A.cpCurrentMonthDateToday { text-decoration:none; }

TD.cpScrollNavigation { 
text-align:center; 
background-image:url(/images/cal/calendar_bg.gif);

}

.cpTodayTextDisabled { color:#D0D0D0; }
.cpBorder { border:solid thin #808080; }





/* ##########################################################

Star Rating Control

############################################################*/

.search-star-label{
float:left;
width: 90px;
font-weight:bold;
padding-bottom:5px;

}

.star_rating {
font-size: 0pt;
width: 13px;
height: 12px;
cursor: pointer;
display: block;
background-repeat: no-repeat;

}
.star_saved { background:url(/images/SavedStar.png) #BFE8FF;
}

.star_filled {
background: url(/images/FilledStar.png) #BFE8FF;
}

.star_empty {
background:url(/images/EmptyStar.png) #BFE8FF;
}
 
#lblStars,
#lblFiltered {
font-size:.8em;
width:350px;
margin: 5px;

}



/* ---- TIPS --- */

.tooltip {
		background:#faff7d;
		padding:5px;
		color: #000;
		width:185px;
		font-size:.8em;
		line-height:12px;
		border:#ff0084 solid 2px;
		

}

.tip-top		{ }
.tip-title		{ color:#ff0084; font-weight:bold; padding-bottom: 5px;}
.tip-text		{ color:#000;}
.tip-bottom		{ }




/* ##########################
############################

HOMEPAGE TABS 

############################
############################ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
margin-top:5px;

}
.tabberlive {
margin-top:5px;

}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #006b8e; }
ul.tabbernav li a:visited { color: #006b8e; }

ul.tabbernav li a:hover
{
 color: #faff7d;
 background: #18c0f0;
 border-color: #227;
}

ul.tabbernav li.tabberactive a,
ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: #BFE8FF;
 border-bottom: 1px solid #BFE8FF;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab,
.tabberlive .city-tab {
 padding:20px 5px 5px 20px;
 border:1px solid #aaa;
 border-top:0;
 height:inherit;
background: #BFE8FF;

}


/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:180px;
 overflow:auto;
}




/* ###################################
CITY PAGE 
################################### */

.city-page-copy {
font-size:.8em;

}

.city-info-element p {
padding:5px 0px

}

.accordion {
	margin:10px 0px 20px 0px;
}

#city-search {
 padding:5px 0px 5px 5px;
 border:1px solid #aaa;
 border-top:0;
 height:inherit;
background: #BFE8FF;

}

.city-filter-label,
.city-check-label,
.city-star-label {
font-size:.8em;
font-weight: bold;
margin:0px 0px 0px 5px;
padding:0px;
width:120px;

}

.city-check-date input {
margin:5px 5px;
padding:.2em;
cursor:pointer;
background: url(/images/cal/cal_form_icon.png) no-repeat right #fff;
width:185px;
font-size:.95em;
}

#txtCityDays  {
border-style:none;
background:#BFE8FF;
/*background:red;*/
border:0px;
font-size:.8em;
width:200px;
margin: 5px;
color:#303030;
}

#updatePanelFiltered1 {
width:350px;
}

#updatePanelCityStar {
margin:5px;

}

.city-form-button {
text-align:center;
margin-top:20px;


}

#loading-box {
height: 120px;
width: 225px;
background: #BFE8ff;
border: 3px solid #cfcfcf;
padding:0px 10px 10px 10px;

}

#loading-box p {
background: url(/images/loading-tick.gif) no-repeat left;
padding: 0px 0px 0px 24px;
font-size: 0.9em;
margin: 10px 0px 0px 5px;
}

#loading-box img {
margin: 5px auto

}

/*#######################################
COLORBOX
#######################################*/

#colorbox, 
#modalBackgroundOverlay, 
#modalWrap {
position:absolute; top:0; left:0; z-index:9999;
}

#modalBackgroundOverlay{
position:fixed; width:100%; height:100%;
}
#colorbox{
overflow:hidden; padding:1px; margin-top:-1px; margin-left:-1px;
}/*padding fixes a ghosting issue in IE7, the negative margin compensates */
	#modalWrap{width:9000px; height:9000px;}
		#modalContent, #borderTopLeft, #borderTopCenter, #borderTopRight, #borderBottomLeft, #borderBottomCenter, #borderBottomRight, #borderMiddleLeft, #borderMiddleRight {float:left; height:0; width:0; overflow:hidden;}
		#borderMiddleLeft, #borderBottomLeft{clear:left;}
		#modalContent{position:relative; overflow:visible;}
			#contentTitle{margin:0;}
			#modalClose, #contentPrevious, #contentNext{outline:none; cursor:pointer; border:0; margin:0;}
			#modalLoadedContent{overflow:auto; width:0; height:0;}
			#modalLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
			#modalLoadedContent embed{display:block; border:0;}/* Display:block removes the line-height gap embedded content */
			#modalLoadingOverlay{position:absolute; width:100%; height:100%; top:0; left:0;}
			
/* 
	ColorBox example user style
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#modalBackgroundOverlay{background:#000;}

#colorbox{}
	#modalContent{background:#000; margin-top:20px;}
		#modalLoadedContent{background:#000; border:10px solid #000;}
			#contentTitle{position:absolute; padding:5px 10px; top:-20px; left:0; font-size:0.8em;color:#fff; background:#000;}
			#contentCurrent{display:none;}
			#contentPrevious{position:absolute; top:50%; left:10px; margin-top:-41px; background:url(/images/colorbox/controls.png) top left no-repeat; width:38px; height:81px; text-indent:-9999px;}
			#contentPrevious:hover, #contentPrevious.hover{background-position:bottom left;}
			#contentNext{position:absolute; top:50%; right:10px; margin-top:-41px; background:url(/images/colorbox/controls.png) top right no-repeat; width:38px; height:81px; text-indent:-9999px;}
			#contentNext:hover, #contentNext.hover{background-position:bottom right;}
		#modalLoadingOverlay{background:url(/images/colorbox/loading.gif) center center no-repeat #000;}
		#modalClose{position:absolute; top:10px; right:10px; display:block; background:url(/images/colorbox/controls.png) top center no-repeat; width:47px; height:24px; text-indent:-9999px;}
		#modalClose:hover, #modalClose.hover{background-position:bottom center;}