/* @override http://localhost:3000/stylesheets/main.css */

/* Pubtalk Design 1.1 */
/* Global Styles */
*
{margin: 0; padding: 0;}
body
{width: 100%; text-align: center; background: #828282; font: 14px "Trebuchet MS", Helvetica, Arial, sans-serif;}
#container
{width: 1049px; margin: 0 auto; text-align: left; background: url('../images/bg-tile.gif') repeat-y;}
#contain
{width: 941px; margin: 0 auto;}
a img
{border: none; margin: 12px 0 0 -3px;}
.clear
{clear: both;}
label
{font-weight: bold;}

/* Header Styles */
#header
{width: 941px; height: 227px; background: url('../images/header-bg.jpg') no-repeat; border-bottom: 1px solid #fff;}
#header a
{display: block; background: url('../images/pubtalk-logo.jpg') no-repeat; text-indent: -9999px; width: 373px; height: 63px; position: relative; top: 146px; left: 17px;}

/* Navigation Styles */
#main-nav
{width: 941px; height: 49px; border-bottom: 1px solid #fff; background: url('../images/nav-bg.gif') no-repeat;}
#main-nav li
{display: block; float: left; list-style-type: none;}
#main-nav a
{display: block; float: left; text-indent: -9999px;}
#main-nav a#nav-home
{width: 128px; height: 49px; background: url('../images/nav-home.gif') no-repeat;}
#main-nav a#nav-search
{width: 126px; height: 49px; background: url('../images/nav-search.gif') no-repeat;}
#main-nav a#nav-about
{width: 126px; height: 49px; background: url('../images/nav-about.gif') no-repeat;}
#main-nav a#nav-mypubtalk
{width: 125px; height: 49px; background: url('../images/nav-mypubtalk.gif') no-repeat;}
#main-nav a#nav-contactus
{width: 126px; height: 49px; background: url('../images/nav-contactus.gif') no-repeat;}
#main-nav a#nav-login
{width: 75px; height: 49px; background: url('../images/nav-login.gif') no-repeat; margin-left: 148px; _margin-left: 74px;}
#main-nav a#nav-register
{width: 71px; height: 49px; background: url('../images/nav-register.gif') no-repeat;}


#main-nav li.logged-in-welcome
{padding: 10px 0 0 0; color: #fff; float: left; width: 125px;}
#main-nav li.logout {padding: 0 0 0 0; color: #fff;}
#main-nav li.logout a, #main-nav li.admin-area a  {
	text-indent: 0; top: 0; left: 0; display: inline; color: #fff; padding: 10px 0 0 10px;
}


/* Main Content Styles */
#main-content
{background: #c3b79c url('../images/main-content-tile.gif') repeat-y;}
#main-content h2
{color: #e4d5b5; font-weight: normal; border-top: 1px solid #6a6661; border-bottom: 1px solid #fff; height: 25px; line-height: 19pt; padding-left: 9px; background: #38332c; font-size: 14px;}
#main-content .inner
{padding: 0 10px;}
#main-content .inner-left
{padding: 0 0 45px 22px;}
#main-content .input-contain
{clear: both; height: 30px;}

/* Main Content -> Content Left Styles */
#main-content-left
{width: 630px; float: left; color: #38332c; font-size: 12px; line-height: 12pt;}
#main-content-left #sub-panels
{color: #fff; border-top: 1px solid #fff;}
#main-content-left #sub-panels a
{color: #fff;}
#main-content-left #sub-panels a:hover
{text-decoration: none;}
#main-content-left #sub-panels h2
{margin: 0 0 10px -10px;}
#main-content-left #sub-panels .pub-reviewed
{clear: both;}
#main-content-left #sub-panels .sub-panel-input
{margin-top: -12px;}
#main-content-left #sub-panels .pub-rev-label
{float: left; width: 215px;}
#main-content-left #sub-panels .pub-rating
{float: left; margin-top: 2px;}
#main-content-left #sub-panels #review-btn
{clear: both; margin-top: -10px; display: block; float: left;}
#main-content-left #sub-panel-left a
{display: block; margin-bottom: 10px; float: left;}
#main-content-left #sub-panels .sub-panel-input
{clear: both; padding: 8px 0;}
#main-content-left #sub-panel-left
{float: left; width: 305px; background: #6b6559; padding-left: 10px; /*height: 305px; */}
#main-content-left #sub-panel-right
{float: left; width: 304px; border-left: 1px solid #fff; background: #6b6559; padding-left: 10px; /* height: 305px; */}
/* #main-content-left #sub-panel-right label
{margin-left: 6px;} */
#main-content-left h2
{padding-left: 22px;}
#main-content-left h3
{color: #fff; margin: 20px 0 12px; font-size: 18px; font-weight: normal; line-height: 17pt; padding-right: 20px;}
#main-content-left h4, #main-content-left h5
{font-size: 18px; margin-bottom: 3px;}
#main-content-left ul
{margin-top: 20px;}
#main-content-left li
{list-style-type: none; border-bottom: 1px dashed #38332c; margin-top: 10px; width: 98%;}
#main-content-left #info
{font-weight: bold; margin-top: 20px;}
#main-content-left #info a
{color: #38332c;}
#main-content-left #info a:hover
{text-decoration: none;}




/* @group Forms */
/* Detailed targeting used to avoid conflicts with poll  on homepage */
body#contact #main-content-left form,
body#login #main-content-left form,
body#register #main-content-left form
{margin-top: 20px;}

body#contact #main-content-left label,
body#login #main-content-left label,
body#register #main-content-left label
{display: block; width: 84px;}

body#contact #main-content-left label.check-label,
body#login #main-content-left label.check-label,
body#register #main-content-left label.check-label
{width: 484px !important;}


body#contact #main-content-left label,
#main-content-left input,
body#login #main-content-left label,
body#login #main-content-left input,
body#register #main-content-left label,
body#register #main-content-left input
{float: left;}

body#contact #main-content-left textarea,
body#login #main-content-left textarea,
body#register #main-content-left textarea
{width: 240px; height: 60px;}

body#contact #main-content-left .input-check,
body#login #main-content-left .input-check,
body#register #main-content-left .input-check
{margin: 0 8px 8px 0;}

body#contact #main-content-left .input-image,
body#login #main-content-left .input-image,
body#register #main-content-left .input-image
{display: block; clear: both; margin: 2px -4px;}


input.pds-radiobutton {
	margin: 5px 5px 0 0;
}

div.pds-answer br {
	clear: left;
}

/* My Comment */

/* @end */






#main-content-left #search-overlook
{height: 87px; background: #6b6559; border-bottom: 1px solid #fff; color: #fff; padding: 18px 0 0 20px;}
#main-content-left #search-overlook a
{color: #fff;}
#main-content-left #search-overlook a:hover
{text-decoration: none;}
#main-content-left #search-overlook #rest-results
{
margin:-16px 0 0 0;
text-align:right;
width:605px;
}




#main-content-left #search-overlook-view-pub {
	float: left;
	width: 610px;
	background: #6b6559; 
	border-bottom: 1px solid #fff; 
	color: #fff; 
	padding: 18px 0 0 20px;
}

div#search-overlook-view-pub a {
	color: #fff;
	text-decoration: underline;
}

div#search-overlook-view-pub a:hover {
	color: #e4d5b5;
	text-decoration: none;
}


div#sovp-col-1 {
	float: left;
	width: 400px;
}

div#sub-search-links-view-pub {
	float: left;
	width: 210px;
	padding: 0 0 15px 0;
}

div#sub-search-links-view-pub a img {
	padding: 0;
	margin: 0 0 5px 0;
}

div.user-pub-review {
	padding: 0 20px 8px 0;
	margin: 0 0 8px 0;
	border-bottom: 1px dotted #c3b79c;
}

span.reviewer-name {
	font-weight: bold;
	color: #eadcbd;
}












/* #main-content-left .search-btns
{margin: -8px 0 0 -4px;}
#main-content-left .rating
{margin: -20px 0 0 518px; position: relative; left: 6px;}
#main-content-left #not-listed-btn
{margin: 4px 0 0 -6px;}
*/


#main-content-left #sub-search-links
{margin: -89px 0 0 460px;}
#main-content-left #sub-search-links a
{display: block; margin-top: -12px;}





#main-content-left #description
{background: #6b6559; padding: 0 0 45px 22px; color: #fff; border-top: 1px solid #fff; _margin-top: -5px;}
#main-content-left #description h3
{color: #fff !important;}
#main-content-left #reviews
{background: #6b6559; padding: 0 0 45px 22px; color: #fff; border-top: 1px solid #fff; _margin-top: -5px;}
#main-content-left #reviews h3
{color: #fff !important;}
#main-content-left #pub-rating
{height: 170px;}
#main-content-left #ratings-left
{float: left; padding: 0 9px 0 22px; height: 170px;}
#main-content-left #ratings-right
{float: left; width: 314px; border-left: 1px solid #fff; margin-left: 1px; height: 170px;}
#main-content-left .pub-desc
{clear: both; margin-top: -10px;}
#main-content-left .pub-desc-label, #main-content-left .pub-rating
{float: left;}
#main-content-left .pub-desc-label
{width: 212px;}
#main-content-left #overall-score
{clear: both; border-top: 1px dashed #38332c; border-bottom: 1px dashed #38332c; height: 25px; line-height: 19pt; width: 282px; position: relative; top: 20px;}
#main-content-left #overall-score .pub-rating
{margin: 2px 0 0 -1px; _margin-top: 5px;}


/* Main Content -> Content Right Styles */
#main-content-right
{width: 310px; float: left; background: #e4d5b5; border-left: 1px solid #fff; color: #38332c; font-size: 12px;}
#main-content-right h2
{color: #e4d5b5; border-top: 1px solid #6a6661; border-bottom: 1px solid #fff; height: 25px; line-height: 18pt; padding-left: 9px; background: #38332c; font-size: 14px;}
#main-content-right #map
{border: 1px solid #000; width: 288px; margin: 10px auto;}
#main-content-right form
{margin-top: 10px;}
#main-content-right label
{font-weight: bold; width: 90px; display: block; margin-bottom: 8px;}
#main-content-right label, #main-content-right input
{float: left;}
#main-content-right #search_letter
{margin-bottom: 8px;}
#main-content-right .go
{margin-left: 8px;}

/* Footer Styles */
#footer
{padding: 30px 0 20px 20px; color: #e4d5b5;}
.footer-bg-home
{background: #4e483d url('../images/footer-bg-home.gif') no-repeat; height: 10px;}
.footer-bg-int1
{background: #4e483d url('../images/footer-bg-int1.gif') no-repeat; height: 10px;}
.footer-bg-int2
{background: #4e483d url('../images/footer-bg-int2.gif') no-repeat; height: 10px;}
#foot-links
{margin: -17px 0 0 680px;}
#foot-links a
{color: #fff; font-size: 12px; margin-left: 30px;}
#foot-links a:hover
{text-decoration: none;}

/* Registration Page Only Styles */
body#register #main-content-left label
{width: 150px;}

/* Contact Page Only Styles */
body#contact #main-content-left form
{margin-top: 8px;}
body#contact #main-content-left .input-image
{margin: 50px -4px; _margin-top: 14px;}

/* Search Results Pub Only Styles */
body#search-results-pub #main-content-left h3
{color: #38332c; margin-top: 10px;}




/* @group Search by Letter Block */

ul#find-by-alphabet {
	float: left;
	width: 290px;
	padding: 10px;
	margin: 0;
}

ul#find-by-alphabet li {
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul#find-by-alphabet li a {
	float: left;
	width: 12px;
	text-align: center;
	display: block;
	margin: 0 5px 5px 0;
	display: inline;
	padding: 4px;
	color: #4e483d;
	border: 1px solid #4e483d;
	text-decoration: none;
}

ul#find-by-alphabet li a:hover {
	background: #4e483d;
	color: #fff;
}


/* @end */

/* @group Add Review */



textarea#review_text {
	width: 450px;
	margin: 4px 0 5px 0;
	height: 150px;
}


div#sr-select-categories {
	width: 588px;
}


div#sr-select-categories div {
	float: left;
	width: 130px;
	margin: 0 0 10px 0;
}

div#sr-select-categories div label {
	padding: 0 0 0 5px;
}

div#sr-action-buttons {
	padding: 8px 0;
	border-top: 1px dotted #fff;
}

/* @end */






/* @group Search Autocomplete */

/* @group EXTRA */


div.hp-sub-panel-wrapper {
background:#6B6559;
float:left;
width:630px;

}

#main-content div.inner-left p {
	line-height: 1.4em;
	padding: 0 20px 0.4em 0;
	
	
}


/* @end */

div.auto_complete {
  width: 350px;
  background: #fff;
}
div.auto_complete ul {
  border:1px solid #888;
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none;
}
div.auto_complete ul li {
  margin:0;
  padding:3px;
}
div.auto_complete ul li.selected { 
  background-color: #ffb; 
}
div.auto_complete ul strong.highlight { 
  color: #800; 
  margin:0;
  padding:0;
}
/* @end */








/* @group Submit Pub Rating */

div#submit-rating-form-wrapper {
	
}


div#submit-rating-form-wrapper label {
	float: left;
	width: 12px;
	line-height: 1.1em;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

p.this-rating {
	margin-top: 10px;
}

div#submit-rating-form-wrapper input {
	float: left;
	margin: 0 35px 0 0;
	padding: 0;
	display: inline;
}

span.rating-pub-name {
	font-weight: bold;
}


div#sr-rating-criteria {
	
}

div.sr-rating-block-2 {
	width: 588px;
	padding: 6px 20px 6px 0;
	float: left;
	border-bottom: 1px solid #fff;
}

div.rating-type {
	font-weight: bold;
	margin: 0 0 6px 0;
	letter-spacing: 0.1em;
	
}

div#sr2-action-buttons {
	float: left;
	width: 588px;
	margin: 10px 0;
}


/* @end */