/*
Business Route Design
by Ruth John and Nick Webb
for Symbios Group ltd copyright 2007-08

/* Colours
 L grey #e5e5e5
 D grey #1b1b1b
 Red    #940020
 Cyan   #007d91
 L cyan #52c0d1 - RUTH CHANGE THIS!!
*/

/* Links */
p a { text-decoration: underline; }
a, a:visited {color:#007d91;text-decoration:none;}
a:hover, a:active {color:#52c0d1;text-decoration:underline; }
.grey_links {color:#1b1b1b;font-weight:bold;text-decoration:underline;}
.bold_blue_link{color:#004ebc;font-weight:bold;}
.clickable{cursor:pointer;}

/* Font */
.light_grey{color: #CCCCCC;}
.greyedout{color:#e5e5e5;}
.red { color: #940020; }
.green { color: #007d91; }
.faded{color: #e5e5e5; }
.font_11px {font-size: 11px;}
.font_10px {font-size: 10px;}
.font_9px {font-size: 9px;}
/*.font_pink { color: #e70e48; }*/
.bold {font-weight: bold;}
.dark_grey { color: #1b1b1b; font-weight: bold;}

/*widths*/
.width_65px{width: 65%;}
.width_third{width: 25%;}
.width_half{width: 48%;}
.width_full{width: 95%;}
.width_50px{width: 50px;}
.width_100px{width: 100px;}
.width_150px{width: 150px;}
.width_200px{width: 200px;}
.width_220px{width: 220px;}
.width_250px{width: 250px;}
.width_300px{width: 300px;}
.width_350px{width: 350px;}
.width_400px{width: 400px;}
.width_45pc { width: 45%; }

/* Main stuff */
* {margin:0px;padding:0px;border:none;}
html, body {background-color:#e5e5e5; width:100%; height:100%; font-family: Tahoma, arial, "sans serif"; font-weight:normal; font-size:13px; color:#111111; }
img, a img {border:none;margin:0px;padding:0px;}
ul, ol {padding:0;margin:0;list-style:none;}
h1, h2, h3, h4, h5, h6 {margin:0px;padding:4px 0px 4px 0px;letter-spacing:0px;}
h1 {color:#940020;font-size:20px;font-weight:bold; }
h2, h3, h4, h5, h6 {color:#1b1b1b;font-size:14px;font-weight:bold;}
p { margin: 10px 0px 10px 0px; }
table{border:1px solid #c9c9c9;width:100%;margin:10px 0px 10px 0px;padding:0px;}
th, td{font-size:12px;padding:6px;margin:0px;}

/*Buttons*/
.button, #maincontent a.button {background:#007d91 url('bluebar.gif') repeat-x;max-width:120px;height:22px;text-align:center;color:#FFFFFF; font-weight: bold; padding:0px 2px 2px 2px;border:1px solid #007d91;font-size:11px;}
.grey_button {background:#e5e5e5 url('greybar.gif') repeat-x;width:auto;height:20px;text-align:center;color:#1b1b1b;padding:0px 2px 2px 2px;border:1px solid #e5e5e5;}
.button:hover, .grey_button:hover, a.button:hover, a.grey_button:hover {text-decoration:underline;cursor:hand;cursor:pointer;}
input.button:hover, input.grey_button:hover {text-decoration:underline;cursor:hand;cursor:pointer;}

/* Form */
textarea, input, select, submit {float:left;font-family:tahoma, arial, "sans serif"; font-size:11px; border:1px solid #1b1b1b; padding:1px;margin:0px;}
textarea, input {padding-left:4px;}
textarea { overflow: auto; }
form {border:none;margin:0px;padding:0px;}
label {width:40%; text-align:left; float:left; margin: 10px 10px 5px 0px;}
.label2{width:60%; text-align:left; float:left; margin: 5px 10px 0px 0px;}
.label{width:45%; text-align:left; float:left; margin: 5px 10px 0px 0px;}
fieldset { padding:0px 10px 10px 10px; margin:0px 0px 10px 0px; border:1px solid #c9c9c9; }
legend {font-weight:bold;margin: 0px 0px 0px 0px; color: #1b1b1b;}
th {color:#FFFFFF; font-size:12px;text-align:left;background-color:#940020; padding: 5px; margin: 0px;}
#form_elements{float: left; width: 45%;}
#login_form {padding: 0px 0px 0px 7px; margin: 0px 0px 7px 0px; width: 85%;}
#tsandcs{ margin: 10px 0px 10px 0px; overflow: auto; height: 100px; padding: 0px 10px 0px 10px; }
.form_help_block{ margin: 2px 0px 2px 0px; }
.form_help_block_active{ background-color: #efeff6; border: 1px solid #c9c9c9; padding: 5px; margin: 10px 0px 10px 0px; }
.form_help_block_error{ background-color: #FF9999;padding: 5px;border: 1px solid #c9c9c9; margin: 5px 0px 5px 0px; font-size: 11px; }
.form{ margin: 10px 0px 0px 0px; }
.form_btn{ margin: 7px 0px 0px 0px; }
.form_input_full{ width: 90%;}
.form_input_quarters{ width: 70%;}
.form_input_half{ width: 50%;}
.form_indicator{float: left; margin: 10px 3px 0px 3px; border: 0;}
.form_help_content{ width: 48%; float: left; }
.form_help_box{ padding: 10px; border: 1px dashed #909090; color: #505050; text-align: left; margin: 5px 0px 5px 0px;}
.form_help_box h1{font-size: 14px;}
.form_errors_box{ padding: 10px; border: 1px dashed #909090; color: #505050; text-align: left; margin: 5px 0px 5px 0px;}

/* Positioning */
.float_left{ float: left; }
.float_right{ float: right; }
.no_float{ float: none; }
.clear{clear: both;}
.clear_right {clear:right;}
.clear_left {clear:left;}
.align_right { text-align: right; }
.align_center { text-align: center; }

#wrapper {padding:0px 0px 0px 0px;width:770px;background-color:white;margin:0px auto;border-left:1px solid #1b1b1b;border-right:1px solid #1b1b1b;}

/*Header*/
#header {height:110px;width:100%;text-align:center;background:white url('headerbk.jpg') no-repeat  center 20px;}
#header ul {height:20px;background:#940020 url('redbar.gif') repeat-x fixed left top;border:1px solid #940020;}
#header ul li {display:inline;position:relative;}
#header ul li a {display:block;width:100px;float:left;text-decoration:none;color:white;border-right:1px solid white;}
#header ul li a:hover {text-decoration:underline;}
/*top search*/
#header form {float:right;padding-right:10px;}
#header a img {float:left;padding:10px 0px 0px 10px;}
#header h1 { position: relative; left: -355px; top: 60px; color:  #1b1b1b; font-size: 15px;}

#navbar {font-size:13px;text-align:center; line-height:25px; font-family: tahoma; }
#navbar2 {font-size:13px;text-align:center; height:20px; font-family: tahoma; background: #007d91; padding: 3px; margin-top: 10px; }

/*#navbar ul {height:20px;}
#navbar ul li {display:inline;position:relative;}
#navbar ul li a {display:block;width:110px;float:left;text-decoration:none;color:white;}
#navbar ul li a:hover {text-decoration:underline;}*/
ul#uppernav {height:25px;}
ul#uppernav li {display:inline;position:relative;}
ul#uppernav li a {background:#1b1b1b url('toptabbk.gif') no-repeat;display:block;width:154px;float:left;color:#FFFFFF;}
ul#uppernav li a:hover {background:#007d91 url('toptabbk2.gif') no-repeat;}
ul#lowernav {height:10px; }
ul#lowernav li {display:inline;position:relative; color: #FFFFFF; }
ul#lowernav li a {background-color:#007d91;display:block;float:left;color:white; border-right: 1px solid #c1c1c1; padding: 2px 10px 0px 10px;}
#lowernav form { background-color:#007d91;display:block;float:left;color:white; border-right: 1px solid #c1c1c1; padding: 0px 10px 0px 10px;}
#lowernav select { background-color:#007d91; color: #FFFFFF; }


#breadcrumbs {background-color:#e5e5e5;border-bottom:2px solid #940020;border-top:2px solid #940020;font-size:10px; padding: 4px 0px 2px 0px; font-weight: bold;}
#breadcrumbs ul {height:20px;}
#breadcrumbs ul li {display:inline;position:relative;padding-left:10px;}
#breadcrumbs {}

/*MAIN
#page {width:780px;margin:10px auto 0 auto;background-color:white;background-image:url('page-body.gif');}
#pagetop {clear:both;background-image:url('page-top.gif')}
#pagebottom {clear:both;background-image:url('page-bottom.gif');height:20px;}*/

/*RIGHT MENU*/
#rightmenu {width:150px;float:right;clear:none;padding:10px;}
#rightmenu h2 {background:#940020 url('redbar.gif') repeat-x;border:1px solid #940020;color:white;height:12px;font-size:12px;line-height:12px;clear:both; padding-left: 3px; }
#rightmenu form {}
#rightmenu form fieldset {border:none;margin:0px;padding:0px;}
#rightmenu form label, #rightmenu form input {float:left;margin:0px;padding:4px 0px 2px 0px;}
#rightmenu form input.button { padding:0px; }
#rightmenu form textarea, #rightmenu form input {padding-left:4px;}
#rightmenu form a {}
#rightmenu ul {}
#rightmenu ul li {padding:4px 0px;}
#rightmenu ul li a {}
div.right_section, form.right_section {padding:4px 8px 16px 8px;margin:0px 0px 8px 0px;border:1px solid #940020;background-color:#e5e5e5;clear:both;}
.menu_item{display:block;margin:4px 0px 4px 0px;}
div.latest_advert {margin:8px 0px 8px 0px;}
.stat_label {margin:4px 0px 4px 4px;float:left;}
.stat_data {margin:4px 4px 4px 0px;float:right;}

/*CONTENT*/
#maincontent .main_header { font-size: 18px; color: #1b1b1b; margin: 5px 0px 0px 0px; font-weight: bold; padding: 0px;}
#maincontent .blue_header { color: #007d91; font-weight: bold;}
#maincontent {float:left;width:560px;padding:10px 10px 10px 20px;}
#maincontent hr {margin:0px 0px;}
/*#maincontent h1 {font-size: 18px; color: #e70e48; margin: 5px 0px 5px 0px;}
#maincontent h2 {font-size: 14px; color: #e70e48; font-weight: 500;}
#maincontent h3 {font-size: 12px; color: #e70e48; font-weight: 500; margin: 5px 0px 5px 0px;}*/
div.contentbox {padding:20px 40px;}
/*change this to full width??*/
div.cyan_box, form.cyan_box {background:#0096ae url('bluebox.gif') repeat-x;border:1px solid #007d91;padding:16px;}
div.cyan_box a, form.cyan_box a {color:white;}
div.cyan_box select, div.cyan_box input, form.cyan_box select, form.cyan_box input {margin:0px 0px 0px 0px;}
form#search_form {padding:4px 4px 4px 4px;margin:0px 0px 10px 0px;}
form#search_form fieldset {padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
form#search_form input, form#search_form select {margin:8px 4px;}

/*Footer*/
#footer {height:45px;clear:both;width:100%;text-align:center;background-color:#1b1b1b;border-bottom:2px solid #940020;border-top:2px solid #940020;color:white;}

/* Notifications  */
.error_box{padding: 3px; margin: 10px;}
.error_box h2 {display: inline; font-size: 10px; color: #FF9999}
.error_border{border: 1px solid #FF9999;}
.success_border{border: 1px solid #33CC00}

/* Page specific */
.hp_latest_business { font-size: 10px; }
.low_priority {  }
.normal_priority { color: #348017; }
.heigh_priority { color: #F88017; }
.urgent_priority { color: #C11B17; }
.latest_advert { margin-bottom: 7px; }
.buyer_tease { background: #FFFFFF url('/images/buyer2.gif') no-repeat bottom; height: 100px; width: 100px; float: left; 	margin-right: 10px; display: block; color: #940020; font-weight: bold; text-align: center; border: 1px solid #000000; }

/*#user_menu_holder{padding: 0px 0px 10px 10px;}*/
.next_prev_holder{padding: 5px 0px 5px 0px; margin: 5px 0px 5px 0px;}
.advert_quick_details { font-size: 10px; font-weight: bold; color: #1b1b1b;}
.advert_details {margin: 5px 0px 20px 0px;}
.advert_details h3 { margin: 4px 0px 4px 0px; }
.advert_match_list { font-size: 10px; margin: 5px 0px 5px 0px;}
.active_advert{color: #339900; font-weight: bold;}
.update_advert{color: #660066; font-weight: bold;}
.nonactive_advert{color: #CC6600; font-weight: bold;}
.rejected_advert{color: #CC0000; font-weight: bold;}
.note{ font-size: 9px; color: #333333;}
.message_holder{margin: 5px 0px 10px 0px; padding: 5px 0px 0px 0px; border-top: 1px solid #909090;}
.attachment_div{border: 1px dashed #909090; padding: 5px; margin: 25px 0px 10px 0px;}
.attachment_div h3 {font-size: 10px; margin: 0px 0px 5px 0px;}
.sub_section{ border: 1px solid #c9c9c9; padding: 10px; margin: 5px auto 10px auto; width: 95%;}
.sub_section_no_border { padding: 10px; margin: 5px 0px 5px 0px; width: 100%;}
.sub_section h2 {font-size: 12px;}

.sub_section_hp { background:#e5e5e5 url('featurebk.gif') repeat-x;border:2px solid #e5e5e5; padding: 10px; margin: 10px 0px 10px 0px; }

.featured_business {font-size:11px;width:28%;float:left;margin:0 4px 0 4px;padding:8px;background:#e5e5e5 url('featurebk.gif') repeat-x;border:2px solid #e5e5e5; height: 140px; }
.featured_business h4 { color: #000000; margin: 0px; font-size: 11px; padding: 0px;}
.featured_business ul { margin: 3px 0px 3px 0px; padding: 0px; list-style-type: none;}
.featured_business li { margin: 3px 0px 3px 0px; }

.business_tease {font-size:11px;width:20%;float:left; margin:0 4px 0 4px; padding:3px; border:1px solid #000000; height: 100px; }
.business_tease h4 { color: #000000; margin: 0px; font-size: 11px; padding: 0px;}
.business_tease ul { margin: 3px 0px 3px 0px; padding: 0px; list-style-type: none;}
.business_tease li { margin: 3px 0px 3px 0px; }

/* Size, padding, margin etc */
.padding{padding: 0px;}

.margin_5px{margin: 5px 0px 5px 0px;}
.margin_5px_al{margin: 5px;}
.margin_15px{margin: 15px;}
.margin_25px{margin: 10px 25px 10px 25px;}
.margin_center { margin: 0px auto 0px auto;}
.default_margin{margin: 10px;}
.image_margin {margin: 5px;}
.no_margin{margin: 0px;}

/* Misc */
.noborder {border: 0;}
.hide{display: none;}
.block{display: block;}
.table_row{background-color:transparent;}
.alternate_row{background-color: #e5e5e5;}
.inline { display: inline; }
.light_blue_bg {background-color: #e5e5e5;}
.table_divder { border-top: 1px solid #c9c9c9; }