/* top menu bar classes*/
#topBar {
	/*
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	min-width: 865px;
	height: 49px;
	margin: 0px;
	padding: 0px;
	background-color: #1E4696;
	background-image: url(../images/ui/topbar.png');
	background-repeat: repeat-x;
	text-align: right;
	z-index: 10;
	*/
}

#topBar .navLogo, #topBar .navLogo:link, #topBar .navLogo:active, #topBar .navLogo:hover {
	display: block;
	position: relative;
	float: left;
	width: 215px;
	height: 49px;
	background-image: url(../images/ui/nav_logo.png);
	background-repeat: no-repeat;
	text-decoration: none;
}

#topBar span {
	display: block;
	position: relative;
	float: right;
	width: auto;
	padding: 5px 10px;
	text-align: right;
	font-size: small;
	line-height: 1.1;
}

.logout {
	display: block;
	position: relative;
	float: right;
	width: auto;
	height: 25px;
	padding: 12px 10px;
	background-color: transparent;
	background-image: url(../images/ui/logout.png);
	background-repeat: no-repeat;
	color: #fff;
	font-size: medium;
	font-weight: bold;
	text-indent: 22px;
	text-decoration: none;
}

.logout:hover {
	background-image: url(../images/ui/logout_over.png);
	color: #fff;
	text-decoration: none;
}










/* left nav classes*/
#leftBar {
	display: block;
	position: absolute;
	float: none;
	top: 0px;
	left: 0px;
	width: 150px;
	height: auto;
	margin: 0px;
	padding: 0 0 0 10px;
	background-color: #1E4696;
}

.leftNavHeader {
	width: 130px;
	padding: 3px 5px;
	margin: 0px;
	margin-top: 5px;
	text-decoration: none;
	text-align: left;
	font-size: small;
	font-weight: bold;
	cursor: default;
}

.leftNavMenuItem {
	display: block;
	position: relative;
	height: auto;
	width: 130px;
	padding: 2px 5px;
	margin: 0px;
	background-color: #081C3E;
	color: #fff;
	border-left: 1px #888 solid;
	border-right: 1px #888 solid;
	border-top: 0px #081C3E solid;
	border-bottom: 0px #081C3E solid;
	text-decoration: none;
	text-align: left;
	text-indent: 5px;
	font-size: small;
	font-weight: normal;
	cursor: pointer;
}

.leftNavMenuItem:hover {
	color: #FF9900;
	text-decoration: none;
}

.leftNavMenuItem:active {
	color: #FF2300;
	text-decoration: none;
}

.leftNavMenuEnd {
	border-bottom: 1px #888 solid;
}

.leftNavButton {
	width: 130px;
	padding: 5px 0px 5px 10px;
	margin: 5px 0 0 0;
	text-align: left;
	font-size: small;
	font-weight: bold;
}

.navArrow {
	display: block;
	position: absolute;
	top: 2px;
	right: 5px;
	width: 12px;
	height: 12px;
}









.quickSearchField {
	display: inline;
	position: relative;
	left: -2px;
	height: 16px;
	width: 91px;
	padding: 1px 3px;
	margin: 1px 0px;
	color: #333;
	border: 1px #888 solid;
	text-decoration: none;
	text-align: left;
	font-size: smaller;
	font-weight: normal;
}

.quickSearchButton {
	display: inline;
	position: static;
	height: 16px;
	font-size: smaller;
	color: #fff;
	background-color: #081C3E;
	background-image: url(../images/ui/fade_steel.png);
	background-repeat: repeat-x;
	background-position: -2px 0px;
	border: 1px #888 solid;
	cursor: pointer;
}








/* left nav menu classes */
.leftNavMenu {
	display: none;
	position: absolute;
	width: 140px;
	height: auto;
	top: -1px;
	left: -1px;
	padding: 0px;
	margin: 0px;
	background-color: #000;
	border: 1px #888 solid;
	border-top: 1px #888 solid;
	text-align: left;
	text-indent: 10px;
	font-size: small;
	font-weight: normal;
	cursor: pointer;
	z-index: 1000;
	
	filter:alpha(opacity=90);
	opacity:0.9;
}

.leftNavMenu a {
	display: block;
	position: relative;
	color: #FFF;
	text-decoration: none;
	margin: 3px 0;
}

.leftNavMenu a:hover{
	color: #FF9900;
	text-decoration: none;
}

#availability a, #savedSearches a, #searchLocation a {
	display: block;
	position: relative;
	color: #FFF;
	text-decoration: none;
}
#availability a:hover, #savedSearches a:hover, #searchLocation a:hover {
	display: block;
	position: relative;
	color: #F90;
	text-decoration: none;
}







#searchLocationMenu select {
	display: block;
	position: static;
	width: 130px;
	margin: 2px auto;
	font-size: x-small; 
}

.locationDropDownMenu {
	display: inline;
	position: static;
	width: 40%;
	margin: 2px auto;
	vertical-align: middle;
}




#avaLbl {
	font-size:small;
	color: #ccc;
	font-weight:bold;
}
#svdLbl {
	font-size:small;
	font-weight:bold;
	color:yellow;	
}
#availChooser {
    background-color:transparent;
    color:#CCCCCC;
    font-size:small;
    margin-left:5px;
    font-weight:bold;
    border:thin solid transparent;
}
#availChooser:hover {
	border:thin solid #555;
	background-color:#2B333F;
}

#availChooser option {
    color:#CCCCCC;
    margin-right:6px;
}

.partyPix {
	overflow-y: scroll;
	height: 120px;
}