/*
Clio Awards 2008
Entry section css file
/admin/css/entries.css
Created: 11 September 2007
Author: Chris Armstrong, Thoughtbubble Ltd
Modified: Steve Galligan, Thoughtbubble Ltd 27 July 2007 14:26:02
*/

/*
----------------------------------------------------
GENERIC
----------------------------------------------------
*/

.mandatory { font-weight:bold; }
.errorMsg { color:#FF0000; font-weight:bold; }
.errorMsgNotBold { color:#FF0000; }
.errortext { color:#FF0000; font-weight:bold; }
.errortext a:link, .errortext a:visited, .errortext a:hover { color:#FF0000; }

/*
----------------------------------------------------
LOGIN
----------------------------------------------------
*/

.registerCol { float:left; width:300px; padding-right:19px; margin:20px 0px 0px 20px; border-right:1px solid #999999; height:200px; display:inline; }
.mainloginCol { width:440px; float:left; margin:20px 0px 0px 20px; display:inline; }

#mainloginForm { margin:0px 0px 0px 0px; width:300px; }
#mainloginForm label { float:left; width:80px; margin-bottom:10px; }
#mainloginForm label.long_label { float:left; width:300px; margin-bottom:10px; }
#mainloginForm .input { float:left; width:200px; margin-bottom:10px;}
#mainloginForm .submit_button { float:right; }

/*
----------------------------------------------------
REGISTER FOR A PASSWORD
----------------------------------------------------
*/

#registrationForm { padding:20px 0px 0px 100px; width:600px; }
#registrationForm label { float:left; width:170px; margin-bottom:10px; display:inline; margin-right:20px; }
#registrationForm .textinput { float:left; width:300px; padding:2px; margin-bottom:10px; border:1px solid #999999; }
#registrationForm .smallinput { float:left; width:84px; margin-bottom:10px; margin-right:5px; border:1px solid #999999;  }
#registrationForm .selectinput { float:left; width:306px; margin-bottom:10px; border:1px solid #999999;  }
#registrationForm .submit_button { float:right; }

/*
----------------------------------------------------
FORGOTTEN YOUR PASSWORD
----------------------------------------------------
*/

#forgottenform { padding:20px 0px 50px 100px; width:600px; }
#forgottenform label { float:left; width:100px; margin-bottom:10px; }
#forgottenform .input { float:left; width:300px; padding:2px; margin-bottom:10px;}
#forgottenform .form_note { margin:0px 0px 10px 0px; }
#forgottenform .submit_button { float:left; margin:0px 0px 10px 10px;  }

/*
----------------------------------------------------
MY PROFILE
----------------------------------------------------
*/
#my_profile_form { padding:20px 0px 0px 100px; width:600px; }
#my_profile_form label { float:left; width:170px; margin-bottom:10px; display:inline; margin-right:20px; }
#my_profile_form .textinput { float:left; width:300px; padding:2px; margin-bottom:10px; border:1px solid #999999; }
#my_profile_form .smallinput { float:left; width:84px; margin-bottom:10px; margin-right:5px; border:1px solid #999999;  }
#my_profile_form .selectinput { float:left; width:306px; margin-bottom:10px; border:1px solid #999999;  }
#my_profile_form .submit_button { float:right; }

/*
----------------------------------------------------
PENDING ENTRIES
----------------------------------------------------
*/

.pending_detail_key { width:160px; margin:20px 0px 20px 20px; border:1px solid #FFFFFF; font-size:0.7em; }
.pending_detail_key_title { font-weight:bold; margin:5px 0px 5px 5px; }
.pending_key_item { float:left; width:30px; text-align:center; margin-bottom:5px; display:inline; }
.pending_key_desc { float:left; width:125px; margin-bottom:5px; display:inline; }

.pending_entries_box { margin:10px 0px 10px 10px; font-size:0.9em; }
.pending_entries_total_bar { float:right; width:200px;background-color:#26877A; padding:2px 0px 2px 5px; font-weight:bold; margin-bottom:10px; color:#FFFFFF; border-top:8px solid #FFFFFF; }

.pending_header { font-weight:bold; }
.pending_row_medium_header { background-color:#26877A; color:#FFFFFF; border-top:5px solid #FFFFFF; font-weight:bold; padding:2px 0 2px 10px; }
.pending_row { background-color:#eee7d4; padding:2px 0 2px 0px; }
.pending_row_campaign { background-color:#BDB5A3; padding:2px 0 2px 0px; }
.pending_campaign_name { background-color:#BDB5A3; border-top:1px solid #26877A; font-weight:bold; padding:5px 0 5px 10px; font-size:1.2em; }

.pending_medium_col { float:left; width:100px; margin-left:10px; display:inline; overflow:hidden; }
.pending_product_col { float:left; width:150px; margin-left:10px; display:inline; overflow:hidden; }

.pending_product_campaign_col { float:left; width:100px; margin-left:10px; display:inline; overflow:hidden; }
.pending_order_campaign_col { float:left; width:40px; margin-left:10px; display:inline; overflow:hidden; }

.pending_title_col { float:left; width:100px; margin-left:10px; display:inline; overflow:hidden; }
.pending_entry_type_col { float:left; width:60px; margin-left:10px; display:inline; overflow:hidden; }
.pending_category_col { float:left; width:170px; margin-left:10px; display:inline; overflow:hidden;}
.pending_clone_col { float:left; width:33px; margin-left:10px; display:inline; overflow:hidden; text-align:center; }
.pending_edit_col { float:left; width:23px; margin-left:10px; display:inline; overflow:hidden; text-align:center; }
.pending_delete_col { float:left; width:38px; margin-left:10px; display:inline; overflow:hidden; text-align:center; }
.pending_upload_col { float:left; width:40px; margin-left:10px; display:inline; overflow:hidden; text-align:center; }
.pending_total_col { float:left; width:80px; margin-left:10px; display:inline; overflow:hidden; }
.entry_type_key { float:left; width:230px; font-size:0.8em; margin-left:20px; margin-top:-15px; display:inline; overflow:hidden; }

#payment_form { margin:0 10px 0 0; padding:0; font-size:0.8em; }
#payment_form .submit_button { float:right; }
#payment_form p { float:right; margin:0 0 0 0; }

.beam_entries_box { margin:10px 0px 10px 10px; font-size:0.8em; background-color:#eee7d4; }
.beam_entries_header { background-color:#26877A; padding:2px 0px 2px 5px; font-weight:bold; margin-bottom:10px; color:#FFFFFF; font-size:1.2em; }

.beam_header { font-weight:bold; }

.beam_orderid_col { float:left; width:65px; margin-left:10px; display:inline; overflow:hidden; margin-bottom:5px; }
.beam_entryid_col { float:left; width:65px; margin-left:5px; display:inline; overflow:hidden; margin-bottom:5px; }
.beam_medium_col { float:left; width:110px; margin-left:5px; display:inline; overflow:hidden; margin-bottom:5px; }
.beam_product_col { float:left; width:110px; margin-left:5px; display:inline; overflow:hidden; margin-bottom:5px; }
.beam_title_col { float:left; width:110px; margin-left:5px; display:inline; overflow:hidden; margin-bottom:5px; }
.beam_category_col { float:left; width:170px; margin-left:5px; display:inline; overflow:hidden; margin-bottom:5px; }
.beam_status_col { float:left; width:95px; margin-left:5px; display:inline; overflow:hidden; margin-bottom:5px; }

/*
----------------------------------------------------
PAYMENT
----------------------------------------------------
*/

.paysummary_box { margin:10px 10px 10px 10px; font-size:0.9em; }
.paysummary_total_bar { float:right; width:200px;background-color:#26877A; padding:2px 0px 2px 5px; font-weight:bold; margin-bottom:10px; color:#FFFFFF; border-top:8px solid #FFFFFF; }

.paysummary_header { font-weight:bold; }
.paysummary_row_medium_header { background-color:#26877A; color:#FFFFFF; border-top:5px solid #FFFFFF; font-weight:bold; padding:2px 0 2px 10px; }
.paysummary_row { background-color:#eee7d4; padding:4px 0 4px 0px; }
.paysummary_row_campaign { background-color:#eee7d4; padding:4px 0 4px 0px; }
.paysummary_campaign_name { background-color:#eee7d4; border-top:1px solid #26877A; font-weight:bold; padding:5px 0 5px 10px; font-size:1.2em; }

.paysummary_product_col { float:left; width:150px; margin-left:10px; display:inline; overflow:hidden; }
.paysummary_title_col { float:left; width:150px; margin-left:10px; display:inline; overflow:hidden; }
.paysummary_entry_type_col { float:left; width:60px; margin-left:10px; display:inline; overflow:hidden;}
.paysummary_category_col { float:left; width:240px; margin-left:10px; display:inline; overflow:hidden;}
.paysummary_total_col { float:left; width:100px; margin-left:10px; display:inline; overflow:hidden; text-align:right; }

.paysummary_grandtotal_col { float:right; width:160px; margin-right:10px; text-align:right; background-color:#26877A; padding:2px 40px 2px 5px; font-weight:bold; color:#FFFFFF; border-top:8px solid #FFFFFF; }
.paysummary_entries_col { float:right; width:160px; margin-right:10px; text-align:right; background-color:#26877A; padding:2px 40px 2px 5px; font-weight:bold; margin-bottom:10px; color:#FFFFFF; border-top:1px solid #FFFFFF;  }

.paysummary_campaign_name { border-top:1px solid #26877A; padding:5px 0 5px 10px; font-weight:bold; }
#pay_summary .submit_button { float:right; margin-bottom:20px; }
#payment_process_col { float:left; width:780px; margin-left:10px; font-size:0.9em; padding-top:20px; background-color:#FFFFFF; }

/*
----------------------------------------------------
PAID ENTRIES
----------------------------------------------------
*/
.paid_entries_box { margin:10px 10px 10px 10px; font-size:0.9em; background-color:#eee7d4; }
.paid_entries_header { background-color:#454545; padding:2px 0px 2px 5px; font-weight:bold; margin-bottom:10px; color:#FFFFFF; font-size:1.2em; }

.paid_header { font-weight:bold; padding-top:2px; }

.paid_expand_col { float:left; width:50px; margin-left:10px; display:inline; overflow:hidden; margin-bottom:5px; }

.paid_expand_col a { color:#000000; }

.paid_orderid_col { float:left; width:70px; margin-left:10px; display:inline; overflow:hidden; margin-bottom:5px; }
.paid_price_col { float:left; width:70px; margin-left:10px; display:inline; overflow:hidden; margin-bottom:5px; }
.paid_date_col { float:left; width:150px; margin-left:10px; display:inline; overflow:hidden; margin-bottom:5px; }
.paid_entrant_col { float:left; width:320px; margin-left:10px; display:inline; overflow:hidden; margin-bottom:5px; }
.paid_pdf_col { float:left; width:40px; margin-left:10px; display:inline; overflow:hidden; margin-bottom:5px; text-align:right; }

.paid_entry_selected { background-color:#D9D6CF; padding-top:2px; }
.paid_entry_selected a { }

.paid_medium_col { float:left; width:120px; margin-left:10px; display:inline; overflow:hidden; margin-bottom:5px; }
.paid_product_col { float:left; width:120px; margin-left:10px; display:inline; overflow:hidden; margin-bottom:5px; }
.paid_title_col { float:left; width:160px; margin-left:10px; display:inline; overflow:hidden; margin-bottom:5px; }
.paid_category_col { float:left; width:160px; margin-left:10px; display:inline; overflow:hidden; margin-bottom:5px; }
.paid_media_col { float:left; width:100px; margin-left:10px; display:inline; overflow:hidden; margin-bottom:5px; }
.paid_view_col { float:left; width:60px; margin-left:10px; display:inline; overflow:hidden; margin-bottom:5px; }

.paid_campaign_name { font-weight:bold; padding:5px 0 5px 10px; font-size:1.2em; }
.paid_campaign { background-color:#E6E6E6; border-top:1px solid #26877A; border-bottom:1px solid #26877A; }

/*
----------------------------------------------------
BEAm TV
----------------------------------------------------
*/

.beamCol { width:780px; float:left; margin:10px 0px 0px 10px; font-size:0.8em; }
.beam_submit { float:right; background-color:#FF0000; margin-top:0px; padding:2px 20px 2px 10px; color:#FFFFFF; border:0; text-decoration:none; font-weight:bold; }

/*
----------------------------------------------------
FORMS GENERIC
----------------------------------------------------
*/

.form_cf_error { margin:5px 20px 10px 15px; color:#FF0000; font-weight:bold; font-size:1.2em; }

#form_left_col { float:left; width:200px; }
.deadline_col { padding:10px 10px 10px 5px; border-bottom:1px solid #FFFFFF; }
.requirements_col { padding:10px 10px 10px 5px; }

#form_main_col { float:left; width:660px; background-color:#FFFFFF; }

.mandatory { font-weight:bold; }
.form_note { padding:5px 5px 10px 5px; font-weight:bold; }

label { float:left; width:210px; margin-right:10px; margin-bottom:12px; text-align:right; display:inline; }
label.triple_col_label { float:left; width:100px; margin-right:0px; margin-bottom:12px; text-align:right; display:inline; }
label.long_label { float:none; position:relative; left:10px; margin-right:0px; margin-bottom:12px; margin-left:0px; text-align:left; display:inline; width:600px; }
label.short_label { float:left; width:80px; margin-right:10px; margin-bottom:12px; text-align:right; display:inline; }
label.entrydetails { float:left; width:160px; margin-right:10px; margin-bottom:12px; text-align:left; display:inline; margin-left:10px; }
label.campaign_length_label { float:left; width:100px; margin-right:10px; margin-bottom:12px; text-align:left; display:inline; margin-left:30px; }

.select_input { float:left; width:204px; margin-bottom:5px; border:1px solid #666666; }
.date_select_input { float:left; width:70px; margin-bottom:5px; margin-right:5px; border:1px solid #666666; }
.entrydetails_select_input { float:left; width:400px; margin-bottom:5px; border:1px solid #666666; }

.text_input { float:left; width:200px; margin-bottom:5px; border:1px solid #666666; }
.triple_col_text_input { float:left; width:110px; margin-bottom:5px; margin-left:5px; display:inline;  border:1px solid #666666; }
.entrydetails_text_input { float:left; width:400px; margin-bottom:5px;  border:1px solid #666666; }

.textarea_input { float:none; width:660px; margin-bottom:5px; margin-left:10px;  border:1px solid #666666; }

.campaign_title_input { float:left; width:206px; margin-bottom:5px; border:1px solid #666666; }
.campaign_length_input { float:left; width:50px; margin-bottom:5px; border:1px solid #666666; }

.submit_btn { 
	float:right;
	background-color:#26877A; 
	padding:2px 20px 2px 10px; 
	color:#FFFFFF; 
	border:0;
	cursor:pointer;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}

.categoryBlock { margin-bottom:10px; }
.cat_checkbox_label { float:left; width:210px; margin-right:0px; margin-bottom:5px; text-align:right; display:inline; }
.cat_checkbox { margin-left:10px;  }

.cat_radio_label { float:left; width:280px; margin:0 0 10px 0; text-align:right; display:inline; }
.cat_radio_label_xl { float:left; width:360px; margin:0 0 10px 0; text-align:right; display:inline; }
.cat_radio { margin-left:10px; }
.smallLabel { width:190px; margin-top:-8px; }

/*
.campaign_entry_link { float:left; width:150px; margin:0px 0px 20px 40px; font-size:1.1em; }
.campaign_entry_link a:link, .campaign_entry_link a:visited, .campaign_entry_link a:hover { display:block; background-color:#00CAFF; padding:2px 20px 2px 10px; color:#FFFFFF; width:140px; border:0; text-decoration:none;  }
*/

.campaign_entry_link { padding:0 0 0 20px; }
.campaign_entry_link a:link, .campaign_entry_link a:visited, .campaign_entry_link a:hover { font-size:1.6em; color:#FFFFFF; }

.termsAgreeLabel { float:left; width:610px; margin-right:10px; margin-bottom:5px; text-align:right; display:inline; }
termsAgreeCheckbox { margin-left:10px; }

/*
----------------------------------------------------
BILLBOARD FORM
----------------------------------------------------
*/

#billboard_form { width:795px; margin:3px 0px 0px 5px; background-color:#eee7d4; font-size:0.9em; }/*#BDB5A3;*/
#billboard_form .div_bar { background-color:#d7d2cb; padding:2px 0px 2px 5px; font-weight:bold; margin-bottom:10px; color:#7B796E; font-size:1.2em; }

/*
----------------------------------------------------
CONTENT AND CONTACT FORM
----------------------------------------------------
*/

#content_and_contact_form { width:795px; margin:3px 0px 0px 5px; background-color:#eee7d4; font-size:0.9em; }
#content_and_contact_form .div_bar { background-color:#454545; padding:2px 0px 2px 5px; font-weight:bold; margin-bottom:10px; color:#FFFFFF; font-size:1.2em; }

/*
----------------------------------------------------
DESIGN FORM
----------------------------------------------------
*/

#design_form { width:795px; margin:3px 0px 0px 5px; background-color:#eee7d4; font-size:0.9em; }
#design_form .div_bar { background-color:#454545; padding:2px 0px 2px 5px; font-weight:bold; margin-bottom:10px; color:#FFFFFF; font-size:1.2em; }

/*
----------------------------------------------------
HALL OF FAME FORM
----------------------------------------------------
*/

#hall_of_fame_form { width:695px; margin:3px 0px 0px 5px; background-color:#eee7d4; font-size:0.9em; }
#hall_of_fame_form .div_bar { background-color:#454545; padding:2px 0px 2px 5px; font-weight:bold; margin-bottom:10px; color:#FFFFFF; font-size:1.2em; }

/*
----------------------------------------------------
INNOVATIVE MEDIA FORM
----------------------------------------------------
*/

#innovative_form { width:795px; margin:3px 0px 0px 5px; background-color:#eee7d4; font-size:0.9em; }
#innovative_form .div_bar { background-color:#454545; padding:2px 0px 2px 5px; font-weight:bold; margin-bottom:10px; color:#FFFFFF; font-size:1.2em; }

/*
----------------------------------------------------
INTEGRATED CAMPAIGN FORM
----------------------------------------------------
*/

#integrated_form { width:795px; margin:3px 0px 0px 5px; background-color:#eee7d4; font-size:0.9em; }
#integrated_form .div_bar { background-color:#454545; padding:2px 0px 2px 5px; font-weight:bold; margin-bottom:10px; color:#FFFFFF; font-size:1.2em; }

/*
----------------------------------------------------
INTERACTIVE FORM
----------------------------------------------------
*/

#interactive_form { width:795px; margin:3px 0px 0px 5px; background-color:#eee7d4; font-size:0.9em; }
#interactive_form .div_bar { background-color:#454545; padding:2px 0px 2px 5px; font-weight:bold; margin-bottom:10px; color:#FFFFFF; font-size:1.2em; }

/*
----------------------------------------------------
POSTER FORM
----------------------------------------------------
*/

#poster_form { width:795px; margin:3px 0px 0px 5px; background-color:#eee7d4; font-size:0.9em; }
#poster_form .div_bar { background-color:#454545; padding:2px 0px 2px 5px; font-weight:bold; margin-bottom:10px; color:#FFFFFF; font-size:1.2em; }

/*
----------------------------------------------------
PRINT FORM
----------------------------------------------------
*/

#print_form { width:795px; margin:3px 0px 0px 5px; background-color:#eee7d4; font-size:0.9em; }
#print_form .div_bar { background-color:#454545; padding:2px 0px 2px 5px; font-weight:bold; margin-bottom:10px; color:#FFFFFF; font-size:1.2em; }

/*
----------------------------------------------------
PR FORM
----------------------------------------------------
*/

#public_relations_form { width:795px; margin:3px 0px 0px 5px; background-color:#eee7d4; font-size:0.9em; }
#public_relations_form .div_bar { background-color:#454545; padding:2px 0px 2px 5px; font-weight:bold; margin-bottom:10px; color:#FFFFFF; font-size:1.2em; }


/*
----------------------------------------------------
RADIO FORM
----------------------------------------------------
*/

#radio_form { width:795px; margin:3px 0px 0px 5px; background-color:#eee7d4; font-size:0.9em; }
#radio_form .div_bar { background-color:#454545; padding:2px 0px 2px 5px; font-weight:bold; margin-bottom:10px; color:#FFFFFF; font-size:1.2em; }

/*
----------------------------------------------------
TV/CINEMA FORM
----------------------------------------------------
*/

#tv_form { width:795px; margin:3px 0px 0px 5px; background-color:#eee7d4; font-size:0.9em; }
#tv_form .div_bar { background-color:#454545; padding:2px 0px 2px 5px; font-weight:bold; margin-bottom:10px; color:#FFFFFF; font-size:1.2em; }

/*
----------------------------------------------------
STUDENT SELECT FORM
----------------------------------------------------
*/
#student_select_form { width:695px; margin:3px 0px 0px 5px; background-color:#BDB5A3; font-size:0.9em; }
#student_select_form .div_bar { background-color:#454545; padding:2px 0px 2px 5px; font-weight:bold; margin-bottom:10px; color:#FFFFFF; font-size:1.2em; }
#student_select_form p { margin:0px 10px 8px 10px; }
#student_select_form label { float:left; width:180px; margin-right:0px; margin-bottom:5px; text-align:right; display:inline; }

/*
----------------------------------------------------
DIRECT MAIL FORM (PRINT)
----------------------------------------------------
*/

#direct_form { width:795px; margin:3px 0px 0px 5px; background-color:#eee7d4; font-size:0.9em; }
#direct_form .div_bar { background-color:#454545; padding:2px 0px 2px 5px; font-weight:bold; margin-bottom:10px; color:#FFFFFF; font-size:1.2em; }

/*
----------------------------------------------------
OOH FORM
----------------------------------------------------
*/

#ooh_form { width:795px; margin:3px 0px 0px 5px; background-color:#eee7d4; font-size:0.9em; }/*#BDB5A3;*/
#ooh_form .div_bar { background-color:#454545; padding:2px 0px 2px 5px; font-weight:bold; margin-bottom:10px; color:#FFFFFF; font-size:1.2em; }


/*
----------------------------------------------------
UPLOAD FORM
----------------------------------------------------
*/
.upload_image_box { width:760px; margin-left:20px; margin-top:20px; background-color:#D9D6CF; }
.upload_image_box_header { background:#000000; color:#FFFFFF; padding:4px 0px 4px 10px; font-weight:bold; }

.upload_image { float:left; width:190px; margin-top:20px; font-size:0.8em; position:relative; }
.upload_image_file { float:left; height:102px; width:150px; margin-left:20px; text-align:center; }
.upload_image_delete { float:left; margin-top:15px; margin-bottom:10px; width:150px; margin-left:20px; text-align:center;}
.upload_image img { border:1px solid #000000; }

.rollover { position:absolute; top:-40px; left:0px; background-color:#FFFFFF; z-index:5; border:1px solid #000000; }
.rollover img { border:5px solid #F0F0F0; }

.upload_mp3 { float:left; width:170px; }
.upload_text { margin-left:20px; margin-top:20px; font-size:0.8em; }

#upload_form { margin:20px 0px 0px 0px; width:600px; }
#upload_form label { float:left; width:170px; margin-bottom:10px; margin-right:20px; }
#upload_form fileinput { float:left; width:200px; margin-bottom:10px; }
#upload_form .submit_button { float:right; }
/*
----------------------------------------------------
PAYMENT
----------------------------------------------------
*/

#payment_left_col { float:left; width:200px; }
#payment_main_col { float:left; width:800px; }
#payment_summary { padding:20px 20px 20px 20px; }

/* cc payment */

#payment_credit_card { padding:20px 20px 20px 20px; }

#ccForm { margin:20px 0px 0px 0px; width:600px; }
#ccForm label { float:left; width:170px; margin-bottom:10px; margin-right:20px; }

#ccForm .textinput { float:left; width:300px; padding:2px; margin-bottom:10px;}
#ccForm .smallinput { float:left; width:80px; padding:2px; margin-bottom:10px; margin-right:5px;}
#ccForm .cctextinput { float:left; width:50px; padding:2px; margin-bottom:10px; margin-right:5px;}
#ccForm .dateinput { float:left; width:80px; padding:0px; margin-bottom:10px; margin-right:5px;}
#ccForm .selectinput { float:left; width:300px; margin-bottom:10px;}
#ccForm .phoneinput { float:left; width:50px; padding:2px; margin-bottom:10px; margin-right:5px;}
#ccForm .phonelonginput { float:left; width:80px; padding:2px; margin-bottom:10px; margin-right:5px;}
#ccForm .submit_button { float:right; }

/* bt payment */

#payment_bank_transfer { padding:20px 20px 20px 20px; }

#btForm { margin:20px 0px 0px 0px; width:600px; }
#btForm label { float:left; width:170px; margin-bottom:10px; margin-right:20px; }

#btForm .textinput { float:left; width:300px; padding:2px; margin-bottom:10px;}
#btForm .dateinput { float:left; width:80px; padding:0px; margin-bottom:10px; margin-right:5px;}
#btForm .datesmallinput { float:left; width:50px; padding:0px; margin-bottom:10px; margin-right:5px;}
#btForm .selectinput { float:left; width:300px; margin-bottom:10px;}
#btForm .label { float:left; width:170px; margin-bottom:10px; margin-right:20px; text-align:right; }
#btForm .submit_button { float:right; }

/* cheque payment */

#payment_cheque { padding:20px 20px 20px 20px; }

#chequeForm { margin:20px 0px 0px 0px; width:600px; }
#chequeForm label { float:left; width:170px; margin-bottom:10px; margin-right:20px; }

#chequeForm .textinput { float:left; width:300px; padding:2px; margin-bottom:10px;}
#chequeForm .dateinput { float:left; width:80px; padding:0px; margin-bottom:10px; margin-right:5px;}
#chequeForm .datesmallinput { float:left; width:50px; padding:0px; margin-bottom:10px; margin-right:5px;}
#chequeForm .selectinput { float:left; width:300px; margin-bottom:10px;}
#chequeForm .label { float:left; width:170px; margin-bottom:10px; margin-right:20px; text-align:right; }
#chequeForm .submit_button { float:right; }

/*
----------------------------------------------------
VIEW DETAILS
----------------------------------------------------
*/
.view_details_page { background-color:#FFFFFF; margin:10px 10px 10px 10px; width:780px; }

.view_details_page .div_bar { background-color:#454545; padding:2px 0px 2px 5px; font-weight:bold; margin-bottom:10px; color:#FFFFFF; font-size:1.1em; }

.view_fieldname { float:left; width:240px; margin:0px 0px 10px 10px; display:inline; font-size:0.8em; overflow:hidden; font-weight:bold; }
.view_formfield { float:left; width:430px; margin:0px 0px 10px 10px; display:inline; font-size:0.8em; overflow:hidden; }

.triple_view_fieldname { float:left; width:80px; margin:0px 0px 10px 10px; display:inline; font-size:0.8em; overflow:hidden;  font-weight:bold;  }
.triple_view_formfield { float:left; width:150px; margin:0px 0px 10px 10px; display:inline; font-size:0.8em; overflow:hidden; }


/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;	 	
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:13px;
	display:block;
	padding:5px 30px;	
	text-decoration:none;
	border:1px solid #666;	
	border-bottom:0px;
	height:18px;
	background-color:#efefef;
	color:#777;
	margin-right:2px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	position:relative;
	top:1px;	
}

ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}
	
/* selected tab */
ul.css-tabs a.current {
	background-color:#ddd;
	border-bottom:2px solid #ddd;	
	color:#000;	
	cursor:default;
}

	
/* tab pane */
div.css-panes div {
	display:none;
	border:1px solid #666;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:15px 20px;
	background-color:#ddd;	
}