@CHARSET "UTF-8";
body {margin: 0px; padding: 0px; height: 100%; width: 100%; color: rgb(2,57,100); line-height: 1.5em; font: normal normal normal 100%/150% Arial,Helvetica,Sans-serif; background: rgb(230,245,251);}

/* HEAD*/
body div#head {padding: 10px 0; width: 960px; margin: 0px auto; background: #fff; border-bottom: 1px solid #bbb;}
body div#head img {margin: 0 0 0 10px;}

/*MAIN CONTENT AREA*/

/*NAVIGATION*/
body div#container {margin: 0px auto 0px; width: 960px; background: #fff;}
body div#container div#navigation {position: relative; float: left; width: 200px;}
body div#container div#navigation ul#navlist {}
body div#container div#navigation ul#navlist li {list-style-type: none; list-style-position: outside; margin: 5px 10px; padding: 0; font-size: 12pt;}
body div#container div#navigation li a {display: block; color: rgb(2,57,100); padding: 5px 5px; text-decoration: none; font-weight: bold;}

body div#container div#navigation li a:hover {color: rgb(0,157,224);}
body div#container div#navigation li.selected a {color: rgb(0,157,224);}


/*MAIN CONTENT BLOCK*/
body div#container div#main {position: relative; float: right; padding: 0 10px 20px 10px; width: 729px;}

/*FOOTER*/
body div#legal_footer {width: 940px; margin : 0px auto; padding: 5px 10px; background: #fff; border-top: 1px solid #bbb; clear: both;}

/*GENERIC ELEMENTS*/
div.spacer {clear: both; border-top: 0px solid black;}
div.spacer_ieform_hack {height: 1px;}
h1,h2,h3,h4,h5,h6 {color: rgb(2,57,100);}
h1 {font-size: 2em; margin: 5px 0 20px;}
h2 {font-size: 1.75em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.25em;}
h5 {font-size: 1em;}
h6 {}
p {margin: 5px 0;}
li {list-style-type: disc;list-style-position:inside;}
strong {font-weight: bold;}



/* GENERIC FORM ELEMENTS*/
form {border: 0px solid black;}

form.bwmForm fieldset {background: rgb(230,245,251); margin: 5pt 0; border: 1px solid #323D47; padding: 10px;}
form.bwmForm fieldset legend {font-weight: bold; background: rgb(255,255,255); color: #323D47; padding: 5px; border: 1px solid #323D47;}
form.bwmForm label {display: block; float: left; width: 240px; padding-right: 10px; text-align: right;}
form.bwmForm .input {display: block; width: 400px;}
form.bwmForm .select {display: block; width: 400px;}
form.bwmForm div.formatter {clear: both;height: 10px; margin: 5px 0; border-bottom: 1px dotted blue;}
form.bwmForm textarea {width: 400px; height: 300px;}
form.bwmForm .checkbox {display: block;float: left; width: 10px; margin: 0 0 30px 0;}
form.bwmForm span.chkbx {border: 0px solid black; float: left; width: 150px; height: 40px; display: block; margin: 5p 0; vertical-align: middle;}
form.bwmForm .readonly {border: none;}
#bwm_errorMessage {background: #faa; border: 1px solid #f77; margin: 0 0 10px 0 ; padding: 5px;}

p.error {border: 1px solid red; background: #faa; padding: 5px;}
p.error span {display: block; padding: 5px 0; font-weight: bold;}

span.form_help {font-size: small; display: block; margin: 0 0 0 36%; padding: 2px; background: #C3D7DF; width: 400px;}

/* FRONT PAGE*/
.latest_vacancy {
    float: left; 
    width: 200px; 
    margin: 5px; 
    padding: 5px 0 5px 10px;
    border: 1px dotted black;} 


/* VACANCY SUMMARY */
.vacancy_summary {border: 0px solid black; margin-bottom: 10px; height: 100%;}
.vacancy_summary h3 {border-bottom: 1px solid #aaa; margin: 5px 0; padding: 5px; color: #323D47; clear: both;}
.vacancy_main_img {margin: 0 5px;float: left; width: 205px; height: 140px;}
.vacancy_main_img img {border: 1px solid black;}
.vacancy_details {border-left: 1px dotted rgb(2,57,100); float: left; width: 230px; min-height: 180px; margin: 0 5px; padding: 0 5px; line-height: 18px;}
.vacancy_details p.vacancy_winner {background: none;}
.vacancy_details p.vacancy_fail {background: none;}

.tender_summary {background: rgb(181, 197, 207);}
.auction_summary {background: rgb(185, 207, 168);}

a.view_full_details_button {
    display: inline-block; 
    margin: 5px 0; 
    padding: 5px; 
    background: rgb(89, 123, 143); 
    text-decoration: none;
    color: white;
    border-top: 1px solid grey;
    border-left: 1px solid grey;
    border-bottom: 1px solid black;
    border-right: 1px solid black;}

a:hover.view_full_details_button {
	display: inline-block;
	margin: 5px 0; 
    padding: 5px; 
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-bottom: 1px solid grey;
    border-right: 1px solid grey;
    background: rgb(29, 61, 79);
}
	
div.page_nav {margin: 10px 0; padding: 10px; text-align: center;background: none;}	
div.page_nav span.page_nav_current {font-weight: bold; display: inline-block; background: rgb(2,57,100); color: white; padding: 5px;}
	
/* BIDDING */	
ul.bidding_stage {margin: 10px 0 20px;}	
ul.bidding_stage li {margin: 10px 0;}	
span.highest_bidder {display: inline-block; padding: 5px; border: 2px solid green; background: teal;}
span.not_highest_bidder {display: inline-block; padding: 5px; border: 2px solid orange; background: yellow;}

/* ADMIN  */

table.bwm_resultSet {border: 1px solid black; width: 90%;}
table.bwm_resultSet td {border-top: 1px solid black; padding: 5px;}
table.bwm_resultSet .bwm_tableheading {padding: 5px; font-weight: bold;}
table.bwm_resultSet tbody tr.no_bids {color: #ddd;}
table.bwm_resultSet tbody tr {background: #eef;}


p span#selected_page {font-weight: bold;}

p#results_found {margin: 10px 0; padding: 10px 0; border-top: 1px solid #323D47; position:relative; font-weight: bold;}

/* VACANCY DETAILS */
.vacancy_details_img {float: left; width: 365px;}
.vacancy_details_text {float: left; width: 340px; padding: 0 0 0 5px;}
#vacancy_details_core_info {float: left; width: 365px; border: 0px solid black;}
#vacancy_details_core_links {float: left; width: 340px; background: none; padding: 0 auto;}


p.bid_hilite {background: #afa; padding: 10px;}

.bid_history {float: left; width: 125px; margin: 0px;padding: 5px; border: 1px solid black;}
.bid_history_head {margin: 5px 0;}
.bid_history_user {}
.bid_history_date {width: 200px;}
.bid_history_amount {}
.bid_history_guideprice {background: #aca;}
.bid_history_reserveprice {background: #faa;}
.autobid {background: #ffa !important;}
.bid_accepted_warning {border: 2px solid orange; background: #EF9C59; padding: 5px;}

.previous_bid {display:inline-block; border: 2px solid red; background: yellow;}
.auction_summary_footer {padding: 5px; background: rgb(214, 239, 194); border-top: 1px dotted black;}
.tender_summary_footer {padding: 5px; background: rgb(209, 228, 239); border-top: 1px dotted black;}


table.volunteer {border: 1px solid black; width: 90%; margin: 10px 0;}
table.volunteer thead {background: #ddd;}
table.volunteer thead th {font-weight: bold; padding: 2px;}
table.volunteer tbody td {padding: 2px; margin: 2px; border-top: 1px solid grey; border-left: 1px solid grey;}

dl.volunteer {margin: 10px 0;}
dl.volunteer dt {margin: 5px 0; font-weight: bold;}
dl.volunteer dd {margin-left: 10px; }

/*MY PROFILE*/
span.personal_details {display: inline-block; padding: 5px;}
span.personal_details_label {width: 30%; text-align: right;}
span.personal_details_value {width: 65%;}


/*VOLUNTEERS*/
span.atn {color: red;}

/* BUTTONS */
.button {
    display: inline-block; 
    line-height: 18px !important; 
    width: 200px; 
    font-size: 12px; 
    padding: 5px 10px; 
    text-decoration: none; 
    text-align: left;}
    
.next_step {
    margin: 0 0 5px 0; 
    background: rgb(71, 127, 74); 
    color: white; 
    border-top: 1px solid grey; 
    border-left: 1px solid grey; 
    border-bottom: 1px solid black; 
    border-right: 1px solid black;}
.next_step:hover {
	background: rgb(41, 95, 44);
    border-top: 1px solid black; 
    border-left: 1px solid black; 
    border-bottom: 1px solid grey; 
    border-right: 1px solid grey;}
    
.previous_step {
    margin: 0 0 5px 0; 
    background: orange; 
    color: black; 
    border-top: 1px solid grey; 
    border-left: 1px solid grey; 
    border-bottom: 1px solid black; 
    border-right: 1px solid black;}
    
.continue {
    background: green; 
    width: 190px; 
    padding: 5px 0 5px 10px; 
    color: black; 
    margin: 0 0 0 250px; 
    border-top: 1px solid #eef; 
    border-left: 1px solid #eef; 
    border-bottom: 1px solid #bbb; 
    border-right: 1px solid #bbb;}
    
.back_to_search {
    display: block; 
    width: 200px; 
    background: rgb(99, 100, 159); 
    color: white; 
    margin: 0 auto 5px 0; 
    border-top: 1px solid grey; 
    border-left: 1px solid grey; 
    border-bottom: 1px solid black; 
    border-right: 1px solid black;}
.back_to_search:hover {
	background: rgb(76, 77, 111);
    border-top: 1px solid black; 
    border-left: 1px solid black; 
    border-bottom: 1px solid grey; 
    border-right: 1px solid grey;
}
    
.fake_button_link {
    background: #ddd; 
    color: black; 
    margin: 0 0 5px 0; 
    border-top: 1px solid #eef; 
    border-left: 1px solid #eef; 
    border-bottom: 1px solid #bbb; 
    border-right: 1px solid #bbb;}
    
input.fake_button_link {
    width: 222px; 
    font-size: 12px; 
    padding: 3px 3px 3px 8px;}

/* winter interest form*/
form#winter_interest {border: 0px solid black;}
form#winter_interest fieldset {background: rgb(230,245,251); margin: 5pt 0; border: 1px solid #323D47; padding: 10px;}
form#winter_interest legend {font-weight: bold; background: rgb(255,255,255); color: #323D47; padding: 5px; border: 1px solid #323D47;}
form#winter_interest label {display: block; margin: 0;}
form#winter_interest input {display: block; margin: 5px 0;}
form#winter_interest input#send_winter_interest {
    background-color: #595;
    width: 100px;
    color: black;
    margin: 0 0 5px 0;
    padding: 5px;
    border-top: 1px solid #eef;
    border-left: 1px solid #eef;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;}
form#winter_interest input#send_winter_interest:hover {background-color: #161;}
.form_submission_error {color: red;}