a:link, a:visited {text-decoration: none; color: #350a60;}
a:hover, a:active, a:focus {text-decoration: underline; color: #350a60;}


#listing-container {width: 700px; padding: 5px; background-color: #350a60;}
#listing-content {background-color: #f2f3fa;}
#tabs div {background-color: #f8f8fc;}

#listing-level	{ color: #fff; height: 25px;	padding-top: 3px;	}
	#listTypeP	{	float: right;	font-size: 80%;	padding: 3px 20px 3px 30px;	 background: url(../images/prem_listing.gif) no-repeat 0 0;	}
	#listTypeB	{	float: right;	font-size: 80%;	padding: 3px 20px 3px 30px;	 background: url(../images/basic_listing.gif) no-repeat 0 0;	}
/*
#listing-level {	height: 35px;	background: #350A60; }
#listing-level #listType {font-size: 70%; color: #fff; float: right; padding: 5px 8px 10px 35px; background: url(../images/prem_listing.gif) no-repeat 0 0;}
*/
#listing-summary {background: #f2f3fa url(../images/listing_top_bg.gif) repeat-x 0 0; padding: 8px; color: #333;}
#listing-summary img {float: left; vertical-align: text-top; padding-right: 10px;}
#listing-summary h3 {font-size: 112.5%; color: #350a60; font-weight: normal; margin: 0 0 5px 0;}
p.ratings {color: #6f298c; font-size: 70%; margin: 30px 0 0 0;}
#listing-address {float: left; width: 140px;}
#listing-address p {font-weight: bold; color: #350a60; line-height: 110%;}
.listing-info {float: left; width: 330px; margin-right: 25px;}
.listing-info p {line-height: 110%;}
.listing-breakdown {border: 1px solid #9a84af; width: 175px; padding: 1px; float: left;}
.listing-breakdown table {width: 175px; border: 2px solid #fff;}
.listing-breakdown th {font-weight: normal; text-align: left; color: #fff; background-color: #9a84af; padding: 3px; font-size: 78%;}
.listing-breakdown td {padding: 3px; background-color: #fff; font-size: 75%;}

/* Tabs
----------------------------------*/
.ui-tabs { padding: 0 0.2em 0.2em .2em; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0; background: #f2f3fa url(../images/listing_summary_bg.gif) repeat-x 0 0; line-height: 25px;}
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 0 1em; font-weight: bold; line-height: 25px; background: #e3d4e9; margin: 0 0 -3px 0;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {border-bottom: none; background: url(../images/tab_nab_lft.gif) no-repeat 0 0; padding-left: 5px; margin: 0 0 0 0; line-height: 27px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 8px; display: block; background: none; border-top: 1px solid #d5d7dd;}
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {background: url(../images/tab_nav_bg.gif) no-repeat top right; padding-right: 1em; display: block; height: 29px; float: left;}

/* Rooms */
#rooms {float: left; width: 445px; display: inline;}
#rooms dt {background: url(../images/rooms_dt_bg.gif) repeat-x 0 0; color: #350a60; line-height: 23px; cursor: pointer; margin: 0 0 2px 0; font-size: 75%;}
#rooms dt span {display: block; padding: 0 0 0 15px; margin-right: 10px; background: url(../images/open.gif) no-repeat 100% 50%;}
#rooms dt.open {background-image: none; background-color: #6d2a8b; color: #fff; margin-bottom: 0;}
#rooms dt.open span {display: block; padding: 0 0 0 15px; margin-right: 10px; background: url(../images/close.gif) no-repeat 100% 50%;}
#rooms table {width: 445px; border: solid #d4bfdc; border-width: 0 1px 1px 1px;}
#rooms table table {width: 230px; border: none; border-collapse: collapse;}
#rooms th {background: url(../images/rooms_th_bg.gif) repeat-x 0 0; line-height: 23px; color: #fff; text-align: left; border-collapse: collapse; border: solid #d4bfdc; border-width: 0 1px; padding: 0 10px; font-size: 70%;}
#rooms dd {margin-bottom: 2px;}
#rooms td {padding: 3px 10px; border-collapse: collapse; border: solid #d4bfdc; border-width: 0 1px; color: #350a60;}
#rooms td td {border: none; font-size: 80%; border-left: 1px solid #d4bfdc;}
#rooms td p {padding: 3px 0;}
#rooms td.access p {background: url(../images/tick.gif) no-repeat 0 50%; padding-left: 15px;}

.listing-download {float: left; width: 188px; border: 1px solid #b49ec5; background-color: #fff; margin: 0 15px; padding: 1px;}
.listing-download h4 {background-color: #9b84ae; color: #fff; font-size: 75%; font-weight: normal; padding: 3px;}
.listing-download li {background: url(../images/pdf.gif) no-repeat 0 4px; line-height: 18px; padding: 3px 0 3px 25px; margin: 0 0 0 3px; font-size: 70%;}

.media {margin: 5px 0;}
.media li {float: left; display: inline; margin: 5px 5px; width: 125px;}

/* Listing Toolbar */
#listing-options {background-color: #cfd1ea; color: #350a60; padding: 0 5px; position: relative;}
#listing-options p {line-height: 28px;}
#listing-options p a:hover {text-decoration: none;}
#listing-options p img {vertical-align: middle;}
#close, #add {margin: 0 60px;}
#listing-options p span {margin-left: 40px;}