﻿/*SITEWIDE STYLES*/
body,html {margin:0;padding:0;background:#CAE5EF;color:#000;}
html {height:101%}
form{margin:0;padding:0;}
h1 {margin:0 0 10px 0;padding:0;font-family:  Verdana, Arial, Helvetica, sans-serif;font-size: 24px;color: #FFFFFF;font-weight:normal;}
h2 {font-family:  Verdana, Arial, Helvetica, sans-serif;font-size: 17px;line-height: 22px;font-weight: normal;color: #004B85;margin:0px}
h3 {font-size: 14px;line-height: 15px;font-weight: normal;color: #004B85;margin:10px 0 0 0}
h4 {font-size: 12px;line-height: 14px;font-weight: bold;color: #ffffff;margin:10px 0 0 0}
p{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #000;margin: 11px 0 11px 0;line-height: 125%;}
ul {font-family:  Verdana, Arial, Helvetica, sans-serif;font-size: 12px;}
img{border-width: 0px;}
a
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #004B85;
    font-size: 12px;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}


/*main divs*/
div.main_wrapper{border: 1px solid #CCCCCE;position: relative;width: 748px;text-align: left;margin-left: auto;margin-right: auto;background-color: #FFF;}
div.branding_wrapper {width: 748px;background: #F4F9FB;height: 123px;background-image: url('../images/bcm_logo2.gif');background-position: right top;background-repeat: no-repeat;}
div.heading_text {position: absolute;left: 203px;top: 72px;margin: 0px;padding: 0px;}
div.nav_wrapper {width:183px;float:left;background:#F4F9FB;vertical-align:top}
div.content_wrapper {width: 565px;float:left;background:#FFFFFF;vertical-align:top}
div.footer_wrapper{width:735px;float:left;padding: 0;margin: 0 13px 0 0;}

/*SITE LAYOUT TABLE - partial table to ensure footer postition*/
/*#site_layout_table {height:500px;}
#site_layout_table #row_1 {height:123px;} /*Required to ensure table height above is not applied to first row*/
#site_layout_table tr{vertical-align: top;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:11px}


/*FOOTER CONTENT*/
div.footer_wrapper p{margin: 3px 0px 0px 0px;height: 25px;vertical-align: top;font-size: 9px;color: #004B85;}
.footer_left{float:left;background-color: #F4F9FB;width: 183px;}
.footer_right{float:left;width: 532px;background-image: url('../images/footer.gif');background-repeat: repeat;margin-left: 20px;}


/*DEFAULT CONTENT PAGE*/
div.back_ground{width:525px;padding:16px 13px 0px 20px;float:left} /* TODO: Only one of these styles requried I think*/
div.content_inner_wrapper{width:532px;padding:16px 13px 0px 20px;float:left;}
div.content_inner_wrapper a{color: #004B85;text-decoration: none;}
div.content_inner_wrapper a:hover {text-decoration:underline;}
div.welcome a
{
    color: #3e90aa;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
}
div.welcome a:hover
{
    text-decoration: underline;
}
.welcome_table
{
    color: #3e90aa;
    font-weight: bold;
    font-size: 12px;
    font-family: font-family:  Verdana, Arial, Helvetica, sans-serif
}

/*MEMBER_LIST CONTENT PAGE*/
/*main divs*/
div.member_list {width:344px;padding:20px 20px 0px 20px;float:left;}
div.member_list_filter {width: 168px;padding: 39px 13px 0px 0px;float: right;}

/*redefined elements*/
div.member_list h2 {padding-left:8px;font-family:  Verdana, Arial, Helvetica, sans-serif;font-size: 14px;line-height: 20px;color:#000000}
div.member_list a {padding-left:8px;font-family:  Verdana, Arial, Helvetica, sans-serif;font-size: 11px; font-weight:bold; line-height:16px;color: #7DB9CC;text-decoration: none;}
div.member_list a:hover {text-decoration:underline;}
div.member_list_filter a {font-family:  Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #004B85;text-decoration: none;vertical-align: baseline;line-height:14px;text-decoration:underline;}
div.member_list_filter a:hover {text-decoration:underline;}
.cat_filter_title{font-size: 11px;}

/*backgrounds*/
div.member_list div.head_bg {width:100%;height: 27px;background-repeat: no-repeat;}
div.member_list div.row_bg {width:100%;height: 58px;background-repeat: no-repeat;}
div.member_list_filter div.panel {width: 151px;padding: 10px 5px 5px 10px;background: #F4F9FB;margin-bottom: 12px;border: 1px solid #CAE5EF;}
div.member_list div.map_filter{border-style: solid;border-top-width: 1px;border-bottom-width: 1px;border-color: #FFFFFF;width: 168px;}

div.map_filter div.map_text{width: 153px;position: relative;top: 2px;left: 10px;height: 0px;}
#imgMapFilter {height:159px;width:168px;}

/*Category backgrounds*/
div.head_bg.none {background-image: url('../images/bgh_mem-none.gif');}
div.head_bg.chem {background-image: url('../images/bgh_mem-chem.gif');}
div.head_bg.phrm {background-image: url('../images/bgh_mem-phrm.gif');}
div.head_bg.cosm {background-image: url('../images/bgh_mem-cosm.gif');}
div.head_bg.food {background-image: url('../images/bgh_mem-food.gif');}
div.head_bg.genr {background-image: url('../images/bgh_mem-genr.gif');}
div.row_bg.none {background-image: url('../images/bg_mem-none.gif');}
div.row_bg.chem {background-image: url('../images/bg_mem-chem.gif');}
div.row_bg.phrm {background-image: url('../images/bg_mem-phrm.gif');}
div.row_bg.cosm {background-image: url('../images/bg_mem-cosm.gif');}
div.row_bg.food {background-image: url('../images/bg_mem-food.gif');}
div.row_bg.genr {background-image: url('../images/bg_mem-genr.gif');}

/*Text styles*/
div.member_list p.company_text {margin: 0px;padding: 6px 0px 0px 8px;font-weight: bold;color: #000000;}
div.member_list p.main_office_text {margin:0px;padding-left:8px;line-height:17px;color: #000000;}
div.member_list_filter p.panel_text {margin: 6px 0px 6px 0px;font-size: 10px;color:#000000;vertical-align: baseline;}
div.member_list_filter p.panel_list {margin:0px;font-size: 10px;color:#004B85;vertical-align: baseline;}
p.panel_heading {margin:6px 0 6px 0;font-size:11px;color:#004B85;vertical-align:baseline;}


/*MEMBER PROFILE CONTENT PAGE*/
div.member_details {width: 344px;padding: 13px 20px 0px 20px;background-color: #FFFFFF;float: left;margin-bottom: 0px;}
h2.company_name {background-position: left bottom;padding: 0px 0px 10px 10px;background-image: url('../images/dottedline.gif');background-repeat: no-repeat;margin: 0px;}

div.profile {width:332px;padding: 10px 2px 10px 10px;height: 251px;overflow: auto;}
/*p.profile {color:#000000;}*/
div.profile p{color:#000000;margin:4px 0 4px 0;font-size:11px}
div.profile br{font-size: 3px;line-height:3px;}

div.address {background-image: url('../images/bcm_bg_address.gif' );height: 47px;}
p.address_label {margin: 10px 10px 0px 10px;color:#004B85;font-size:11px}
p.address_detail {margin: 10px 2px 0px 0px;color: #000000;font-size:11px}
div.other_details {background-image: url('../images/bcm_bg_other.gif');height: 28px;}
p.mem_detail_label {margin: 6px 10px 0px 10px;color:#004B85;font-size:11px}
p.mem_detail {margin: 6px 2px 0px 0px;color: #000000;font-size:11px}

div.member_foot {margin: 0px 13px 0px 20px;width: 532px;height:45px;float:left;}
p.date{display:inline;font-size:9px;margin: 0;padding:0;color: #666666;line-height:0px;font-size:11px}

div.member_sidebar {width: 168px;background-color: #FFFFFF;float: right;padding-right: 13px;}
div.member_sidebar div.panel_1 {width: 146px;height: 251px;padding: 10px;float: left;margin-bottom: 12px;background:#F4F9FB;border-width: 1px;border-color:#CAE5EF;border-style: solid;}
div.member_sidebar div.panel_2 {width: 146px;height: 64px;padding: 5px 10px 5px 10px;float: left;margin-bottom: 12px;background:#F4F9FB;border-width: 1px;border-color: #CAE5EF;border-style: solid;}
div.member_sidebar p.panel_text {margin: 0px 0px 6px 0px;font-size: 10px;color: #000000;vertical-align: baseline;}
div.member_sidebar p.panel_list {margin:0px;font-size: 10px;color:#000000;vertical-align: baseline;}
div.member_sidebar p.panel_heading {margin:6px 0 6px 0;font-size: 11px;color:#004B85;vertical-align: baseline;}
p.panel_text a.panel_link
{
    font-size: 10px;
    text-decoration: underline;
    float: none !important;
    font-weight: normal;color: #004B85;
}
p.panel_text a.panel_link:hover
{
    text-decoration: underline;
}
div.member_sidebar a {font-family:  Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #7DB9CC; font-weight:bold; float: right;margin-top: 10px;margin-bottom:16px;text-decoration:none;}
div.member_sidebar a:hover {text-decoration:underline;}
div.member_sidebar div.map_panel {background-repeat: no-repeat;width: 154px;position: relative;height: 145px;padding: 10px 4px 10px 10px;float: left;margin-bottom: 10px;border-width: 1px 0px 1px 0px;border-style: hidden;}

div.member_details a {font-family:  Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #7DB9CC;float: left;margin: 6px 10px 0px 0px;text-decoration: none;}
div.member_details a:hover {text-decoration:underline;}


/*GUIDE TO SERVICES CONTENT PAGE*/

/*EXHIBITIONS CONTENT PAGE*/
div.event_item{padding: 5px 0 5px 0;border-style: dotted none none none;border-top-width: 1px;border-top-color: #7DB9CC;width: 528px;}
div.event_item a{color: #004B85;text-decoration: none;font-size: 13px;}
div.event_item a:hover{text-decoration: underline;}
div.event_title{float: left;width: 364px;font-size: 13px;font-weight: bold;}
div.event_date{float: left;width: 164px;font-size: 13px;text-align: right;}
.no_link{font-size: 13px;}
div.location_country{float: left;width: 528px;font-size: 12px;}
div.event_text{border-width: 5px;border-color: #fff;width: 528px;border-top-style: solid;font-size: 12px;}

/*NEWS CONTENT PAGE*/
div.news_item{padding: 5px 0 5px 0;border-top-width: 1px;border-top-color: #7DB9CC;width: 528px;border-top-style: dotted;}
div.title
{
    float: left;
    width: 364px;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 3px;
}
div.news_date{float: left;width: 164px;font-size: 13px;text-align: right;margin-bottom: 3px;}
div.news_text{border-width: 5px;border-color: #fff;width: 528px;border-top-style: solid;}
div.news_text p
{
    font-size: 11px;
    margin-top: 4px;
    margin-bottom: 4px;
}

/*LINKS CONTENT PAGE*/
h4.category_title{border-style: none none dotted none;border-bottom-width: 1px;border-bottom-color: #7DB9CC;font-weight: bold;color: #000;font-size: 12px;}
h3.main_title{padding-top: 5px;font-weight: bold;}
div.link_item{padding: 5px 0 5px 0;border-style: none none dotted none;border-bottom-width: 1px;border-bottom-color: #7DB9CC;width: 528px;}
div.link_item a{color: #004B85;text-decoration: none;font-size: 12px;}
div.link_item a:hover{text-decoration: underline;}
.link_title{font-size: 12px;font-weight: normal;}

/*MEMBER REGISTRATION FORM */
div.form_wrapper {padding:3px;width:564px;background:#FFFFFF;}
table#reg_table {width: 100%;background-color: #E2EDF3;}
table#reg_table tr {vertical-align:top;}
.form_heading {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #003F6C;line-height: 17pt;vertical-align: top;}
.form_section_heading {font-family:  Verdana, Arial, Helvetica, sans-serif;font-weight: bold;font-size: 12px;color:#003F6C;vertical-align:middle;}
.form_label {font-family:  Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #003F6C;vertical-align:middle;text-align: left;}
.form_items {width: 340px;font-family:  Verdana, Arial, Helvetica, sans-serif;font-size: 12px;float: right;border: thin inset;}
.form_dropdowns{width: 342px;font-family:  Verdana, Arial, Helvetica, sans-serif;font-size: 12px;float: right;border: thin inset;}
.form_items_sm {width: 46px;font-family:  Verdana, Arial, Helvetica, sans-serif;font-size: 12px;border: thin inset;}
.form_items_med {width: 280px;font-family:  Verdana, Arial, Helvetica, sans-serif;font-size: 12px;border: thin inset;}
.company_profile {width: 340px;font-family:  Verdana, Arial, Helvetica, sans-serif;font-size: 12px;float: right;border: thin inset;height: 250px;}
.error_message {color: #FF0000;font-family:  Verdana, Arial, Helvetica, sans-serif;font-size: 12px;display: block;float: right;text-align: left;}
.error_label {color: #FF0000;}


/* HELP PAGE */
div.help_wrapper {padding: 3px;}
div.help_wrapper h2 {font-size:12px;font-weight:bold;margin:0}
div.help_wrapper p {color:#004B85;margin:8px 0 8px 0;}


/* THANK YOU PAGE */
p.thanks_text {margin: 13px 0px 6px 13px;font-size: 13px;line-height: 18px;color: #003F6C;font-weight: bold;}

/*Site Admin Pages*/
.edit_label{border: 1px solid #999999;width:340px}
.edit_text_box{border: 1px solid #999999;width: 340px;}
.edit_profile_label{border: 1px solid #999999;padding: 5px;width: 500px;height: 350px;}
.edit_control{font-size: 14px;}

.table.mem_list{ }
