/*--------------------- TechXpress Inc. ---------------------*/
/*------------------------ Style.css ------------------------*/
/*-- STANDARD --*/
p { line-height: 1.5em ; }
h1 { font-size:15px }
h2 { font-size:14px; padding:5px 0 0 0; }
h3 { font-size:13px }
h4 { font-size:12px }
h5 { font-size:11px }
body{font-size:12px; font-family: Arial, Helvetica, sans-serif; color: #002103;  text-decoration: none; margin: 0; padding: 0; background-image: url(images/main_bg_01.gif); background-repeat: repeat-x; background-color: #431900;}

a:link {color: #c55300; text-decoration: underline;}
a:visited {color: #c55300; text-decoration: underline;}
a:active {color: #c55300; text-decoration: underline;}
a:hover {color: #b30000; text-decoration: none; }

/*-- Regular short style for form elements --*/
.short {font-size: 11px; color: #1A3F7E;}

form {margin: 0; padding: 0;}

/*------------------------------------ Underline Class ------------------------------------- */
.underline a:link {text-decoration: underline;}
.underline a:visited {text-decoration: underline;}
.underline a:active {text-decoration: underline;}
.underline a:hover {text-decoration: none;}

.l_float {float: left;}

.r_float {float: right;}

hr {margin: 0; padding: 0;}

/* ----------------Alsett clearing method ------------------------------------------- */
.clearfix:after {
content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%}
.clearfix {display: block;}

/* ---------------------------------- Site Specific Layout -------------------------- */

#main {width: 1000px; margin-right: auto; margin-left: auto;}

#masthead_container {}

#header_left {float: left; width: 443px;}

#top_left_rays {float: left; padding: 0 0 0 40px;}

#nav_browse {float: left; width: 225px; overflow: hidden;}

#top_left_wheat_fix {float: left; padding-top: 88px;}

#browse_button {float: left; width: 185px;}

#nav_search {float: left; width: 112px;}

#nav_invite {float: left; width: 106px; height: 160px; background-image: url(images/brewers_spot_19.gif); background-repeat: no-repeat; background-position: 0 51px;}

#bs_logo {float: left; width: 118px;}

#header_right {float: left; width: 439px;}

#nav_groups {float: left; width: 98px;} 

#nav_events {float: left; width: 92px;}

#nav_bj {width: 249px; float: left; background-image: url(images/right_wheat_fix_16.gif); background-repeat: no-repeat; background-position: right bottom;}

#right_wheat {float: left; width: 64px; padding: 70px 0 0 0;}

#search_bg {float: left; background-image: url(images/s_search_bg_26.gif); background-repeat: no-repeat; width: 122px; height: 25px; padding: 25px 0 0 95px;}

.search_box {background-image: url(images/seach_bg_36.gif); background-repeat: repeat-x; background-color: #fcd476; border: 1px solid #170000; font-size: 11px; color: #140800; width:114px;}

#search_submit {float: left; background-image: url(images/search_btn_bg_27.gif); background-repeat: no-repeat; height: 28px; width: 209px; padding: 22px 0 0 0}




/* #left_side_logo {width: 443px; float: left;}

#top_l_rays {padding: 0 0 0 40px;}


#browse_column {width: 225px; float: left;}

#nav_browse{float: left; width: 185px;}

#nav_search {float: left; width: 112px;}

#nav_invite {float: left; width: 106px;}

#invite_lower {border: 1px solid green;}

#nav_groups {float: left; width: 98px;}

#nav_events {float: left; width: 92px;}

#nav_b_journal {float: left; width: 185px;}

#center_logo {width: 118px; float: left;}

#right_side_logo {width: 439px; float: left;}

#top_left_wheat_fix {float: left; padding: 88px 0 0 0;}



#right_wheat {float: left; padding: 70px 0 0 0; border: 1px solid red;}

#right_wheat_fix {float: left; padding: 78px 0 0 0;}

#search_box_bg {float: left; background-image: url(images/brewers_spot_30.gif); background-repeat: no-repeat; height: 25px; width: 121px; padding: 3px 0 0 5px;}

.search_box {background-image: url(images/seach_bg_36.gif); background-repeat: repeat-x; background-color: #fcd476; border: 1px solid #170000; font-size: 11px; color: #140800;}
*/
#main_content_wrap {background-image: url(images/content_bg_117.gif); background-repeat: repeat-y; margin: 0 0 0 40px; background-position: 8px 0;}

#main_left {float: left; width: 728px;}

#subnav_row {background-image: url(images/brewers_spot_36.gif); background-repeat: repeat-x;}

#main_left_pad_adjust {padding: 0 0 0 8px;}

#invite {width: 540px;}

#invite_lower {border: 1px solid red;}

#subnav_links {float: left; width: 675px; color: #ead4a0; font-weight: bold; padding: 8px 0 0 0;}
	#subnav_links a:link {color: #ead4a0; text-decoration: none;}
	#subnav_links a:visited {color: #ead4a0; text-decoration: none;}
	#subnav_links a:active {color: #ead4a0; text-decoration: none;}
	#subnav_links a:hover {color: #ff9c00; text-decoration: none;}

#top_banner_column {float: left; width: 470px;}

#top_banner {border: 1px solid #000000;}

#page_content {padding: 0 0 0 16px;}
#page_margins h2 {margin-top: 0px;}
#page_margins2 h2 {margin-top: 0px;}

#main_right {float: left; background-image: url(images/right_banner_top_39.gif); background-repeat: no-repeat; width: 188px; padding: 20px 0 0 10px;}

#right_banner {border: 1px solid #250000; width: 160px;}

#advertise {margin: 10px 0 0 0; border: 1px solid #250000; width: 160px;}
 
#footer {padding: 0 0 0 31px;}

#footer_bg_wrap {float: left; width: 777px;}

#footer_bg_top {background-image: url(images/brewers_spot_119.gif); background-repeat: repeat-x;padding: 0 0 0 643px;}

#footer_bg_mid {background-image: url(images/brewers_spot_124.gif); background-repeat: no-repeat; height: 32px; width: 777px; text-align: center; padding: 12px 0 0 0; color: #420000; font-size: 11px;}
	#footer_bg_mid a:link {color: #420000; text-decoration: none;}
	#footer_bg_mid a:visited {color: #420000; text-decoration: none;}
	#footer_bg_mid a:active {color: #420000; text-decoration: none;}
	#footer_bg_mid a:hover {color: #eeddbb; text-decoration: none;}

#footer_bg_bottom {background-image: url(images/brewers_spot_125.gif); background-repeat: repeat-x; padding: 0 0 0 318px;}

#tagline {color: #ffe5a7; font-size: 11px;}
	#tagline a:link{color: #ffe5a7; text-decoration: underline;}
	#tagline a:visited{color: #ffe5a7; text-decoration: underline;}
	#tagline a:active{color: #ffe5a7; text-decoration: underline;}
	#tagline a:hover{color: #a30000; text-decoration: none;}
	
#copyright {float: left; padding: 8px 0 0 100px;}

#tx {float: left; padding: 8px 0 0 400px;}

#tx_lock {float: left;}


/* --------------------------------- Docs Specific Layout -------------------------- */
#mainpage_wrap {padding: 10px 0 0 0;}

#main_page_left_column {float: left; width: 219px;}

#member_login {background-image: url(images/login_bg_60.gif); background-repeat: repeat-y;}

.login_title {padding: 5px 0 0 13px;}

.login_row {padding: 0 0 0 13px;}

.login_field {width: 183px; border: 1px solid #593200; font-size: 11px; color: #08250b;}

#login_buttons {padding: 5px 0 0 13px;}

#forgot_password {padding: 5px 0 0  13px; color: #132d00; font-size: 11px;}
	#forgot_password a:link{color: #132d00; text-decoration: underline;}
	#forgot_password a:visited{color: #132d00; text-decoration: underline;}
	#forgot_password a:active{color: #132d00; text-decoration: underline;}
	#forgot_password a:hover{color: #ff7000; text-decoration: none;}  

#remember_login {font-size: 11px; padding: 0 0 0 13px;}

#resource_links {background-image: url(images/login_bg_60.gif); background-repeat: repeat-y; font-weight: bold; margin: 5px 0 0 0;}

#resource_list {}
	#resource_list ul{margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none;}
	#resource_list li{background-image: url(images/brewers_spot_92.gif); background-repeat: no-repeat; background-position: bottom; padding: 3px 0 8px 10px;}
	#resource_list a:link{color: #002103; text-decoration: none;}
	#resource_list a:visited{color: #002103; text-decoration: none;}
	#resource_list a:active{color: #002103; text-decoration: none;}
	#resource_list a:hover{color: #ff7000; text-decoration: none;}
	
.list_marker {background-image: url(images/brewers_spot_83.gif); background-repeat: no-repeat; background-position: 0 3px; padding: 0 0 0 13px;}

#store_banner {margin: 5px 0 0 0;}

#featured_sponsor {background-image: url(images/white_bg_112.gif); background-repeat: repeat-y;}

#feature_sponsor_logo {text-align: center;}

#tx_banner {margin: 5px 0 0 0;}

#mainpage_right {width: 479px; float: left; padding: 0 0 0 6px; overflow: hidden;}

#welcome_box {background-image: url(images/welcome_bg_62.gif); background-repeat: repeat-y;}
	
#welcome_text {padding: 5px 20px 0 20px;}
	#welcome_text p{margin: 0; padding: 0;}

#create_account {padding: 5px 0 0 130px;}

#mainpage_features {background-image: url(images/welcome_bg_62.gif); background-repeat: repeat-y; margin: 5px 0 0 0;}

#features_content {padding: 5px 20px 20px 20px;}

.feature_item {border: 1px solid #8c7d59;}

.feature_header {background-image: url(images/brewers_spot_86.gif); background-repeat: repeat-x; background-color: #883500;}

.feature_title {font-size: 12px; font-weight: bold; background-image: url(images/brewers_spot_90.gif); color: #ffffff; background-repeat: no-repeat; padding: 3px 10px 3px 23px; background-position: 5px 5px;}

.feat_item_content {background-color: #fff3d5; padding: 5px 10px 5px 10px;}
	.feat_item_content p{margin: 0; padding: 0;}
	
.feature_more {padding: 5px 0 5px 0;}

.feature_breaker {padding: 10px 0 10px 0;}

#news {margin: 5px 0 0 0; background-image: url(images/welcome_bg_62.gif); background-repeat: repeat-y;}

#news_text {padding: 5px 20px 0 20px;}
	#news_text p{margin: 0; padding: 0;}
	
/* -------------------------- Record Pages --------------------------------------- */
#page_margins {}
#page_margins2 {}

#page_margins textarea {width: 550px; height: 60px;}
.page_margins2 textarea {width: 395px !important; height: 60px;}

.full_record_item {padding: 5px 0 0 0;}

.record_title {background-image: url(images/record_full_54.jpg); background-repeat: no-repeat; min-height: 20px; font-size: 18px; font-weight: bold; color: #ffffff; padding: 2px 30px 10px 50px; height:34px;}

.record_content {background-image: url(images/record_full_57.gif); background-repeat: repeat-y; padding: 0 23px 0 17px;}
	.record_content p{margin: 0; padding: 0;}
   .record_content h4{margin-top:0; padding-top:0;}
	
.dual_record_row {}
	
.dual_record_item {float: left; width: 346px; padding-right: 5px;}

.dual_record_header {background-image: url(images/dual_record_61.jpg); background-repeat: no-repeat; height: 44px; color: #ffffff; font-weight: bold; font-size: 18px; padding: 17px 0 0 35px;}

.dual_record_content {background-image: url(images/dual_record_64.gif); background-repeat: repeat-y; padding: 0 20px 0 20px;}
	.dual_record_content p{margin: 0; padding: 0;}
   .dual_record_content h4{margin-top:0; padding-top:0;}
	
.record_img_wrap {float: left; width: 174px; padding-right: 10px;}

.record_img {background-image: url(images/record_img_60.gif); background-repeat: repeat-y; padding: 0 0 0 11px;}
	.record_img img{border: 1px solid #e2e2e2;}
	
.record_desc_group {float: left;}

.record_desc_title {font-size: 14px; font-weight: bold; background-image: url(images/record_title_icon_61.gif); background-repeat: no-repeat; padding: 0 0 10px 20px; color: #d06300;}

.record_desc {padding: 0 0 10px  0;}
	.record_desc p{margin: 0; padding: 0;}
	
.record_detail_breaker {padding: 15px 0 15px 0;}

.catHead {margin:10px 0 10px 0; border-bottom: 1px solid #888; border-top: 1px solid #888;font-weight:bold;}

#browse_bar {background-image: url(images/browse_bar_04.gif); background-repeat: repeat-x;}

#browse_bar_content {float: left;}

.browse_bar_text {float: left; font-weight: bold; padding: 20px 5px 0 0;}

#browse_gender {float: left; padding: 8px 15px 0 0;}

#browse_age {float: left; padding: 18px 15px 0 0;}

#browse_location {float: left; padding: 18px 0 0 0;}

#interests_wrap {padding: 10px 0 0 20px;} 

#mp_top_tabs {background-image: url(images/tabs_08.gif); background-repeat: repeat-x;}

#mp_subnav_row {background-image: url(images/tabs_14.gif); background-repeat: repeat-x;}

.mp_subnav_item_on {float: left; background-image: url(images/mp_subnav_bg_17.gif); background-repeat: repeat-x; border-right: 1px solid #071a00; border-bottom: 1px solid #071a00; margin: 3px 5px 0 0; padding: 8px 10px 0 10px; height: 26px; font-weight:bold;}
	.mp_subnav_item_on a:link {color: #002103; text-decoration: none;}
	.mp_subnav_item_on a:visited {color: #002103; text-decoration: none;}
	.mp_subnav_item_on a:active {color: #002103; text-decoration: none;}
	.mp_subnav_item_on a:hover {color: #ffffff; text-decoration: none;}
	
.mp_subnav_item {float: left; background-image: url(images/mp_subnav_off_17.gif); background-repeat: repeat-x; border-right: 1px solid #071a00; border-bottom: 1px solid #071a00; margin: 3px 0px 0 0; padding: 8px 10px 0 10px; height: 26px;}
	.mp_subnav_item a:link {color: #c9e0bf; text-decoration: none;}
	.mp_subnav_item a:visited {color: #c9e0bf; text-decoration: none;}
	.mp_subnav_item a:active {color: #c9e0bf; text-decoration: none;}
	.mp_subnav_item a:hover {color: #ffaf00; text-decoration: none;}
	
.comment_item {margin: 0 0 10px 0;}
	
.comment_member {float: left; width: 102px; overflow: hidden;}

.comment_details {float: left; width: 550px; padding: 0 0 0 10px;}

.comment_header {background-image: url(images/comment_header_bg.gif); background-repeat: repeat-x; padding: 3px 5px 3px 5px; background-color: #ffd673; font-weight: bold;}

.comment_text {padding: 3px 10px 0 10px;}

#authorize {width:150px; text-align:center; padding:8px 0 0 64px;}
#authorize a{color:#FFFF99;}
#authorize img {border:solid 1px #000000;}

#view_groups_wrap {border-left:solid 1px #551f00; border-right:solid 1px #551f00; padding:0; margin:0; background-color:#F0EDDC;}

#view_groups_wrap p {text-align:center; padding:10px 0 10px 0;}

#view_forums_wrap {border-left:solid 1px #551f00; border-right:solid 1px #551f00; padding:0; margin:0; background-color:#F0EDDC;overflow:auto;}

#view_classifieds_wrap {border-left:solid 1px #551f00; border-right:solid 1px #551f00; padding:0; margin:0; background-color:#F0EDDC;}

.product_small {padding: 10px 0 0 0;}

.product_small_img img{border: 2px solid #320702;}

.product_small_name {font-weight: bold; padding: 5px 0 0 0;}

#product_large_img img{border: 2px solid #320702;}

/* Brews */
#bj_form {float:left;  font-weight:bold; font-size:11px;width:683px;background-image:url(images/bj_form_bg.gif); background-repeat:repeat-y;}
#bj_section_title {background-image:url(images/bj_title_bg.gif); background-position:right; height:35px; width:649px; float:left; margin:0 0 0 17px; display:inline;}
#bj_section_title_text {background-image:url(images/bj_title_text_bg.gif); background-repeat:repeat-x; float:left; height:29px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold; padding:6px 5px 0 2px;}

#bj_navbar {float:left;}
#bj_section {width:683px; background-image:url(images/bj_section_bg.gif);  float:left; margin:0 0 5px 0;}
.bj_section {width:683px; background-image:url(images/bj_section_bg.gif);  float:left; margin:0 0 5px 0;}
#bj_section_content { padding:0 20px 0 30px;  float:left; background-repeat:repeat-y;}
#bj_form_item {width:308px; float:left;   height:30px; vertical-align:middle;  }
#bj_input1 {width:130px; border:groove 1px #000; height:20px;}
#bj_input2 {width:60px; border:groove 1px #000; margin: 0 6px 0 0;}

#bj_form_bottom {float:left;} 

#bj_form_table {}

#label {text-align:right; width:140px; }

.checkbox1 { margin:0px 0 3px 0; vertical-align:middle;}
#bj_notes textarea { margin:0 0 0 10px; width:600px;}

#bj_section_bottom {float:left;}
#bj_section_top {float:left;}

#brews_view table {
    width: 100%;
}
#brews_header td {
   font-weight: bold;
   background-color: #F0EDDC;
   border-bottom: 1px solid #8e7c62;
}
#beer_journals_view table {
    width: 100%;
}
#beer_journals_header td {
   font-weight: bold;
   background-color: #F0EDDC;
   border-bottom: 1px solid #8e7c62;
}


div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:15px;
  cursor:pointer;
}