/****** STANDARD HTML ELEMENTS ******/

body{
background: #dcc5a8 url("images/page_header.jpg") top center repeat-x;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin: 0;
padding: 0;
}

a{
color: black;
}

input{

}

/********* CUSTOM IDs **********/

#container{
width: 760px;
margin: 0 auto;
margin-bottom: 20px
}

#header{
width: 760px;
height: 40px;
position: relative;
}

#page_title{
position: absolute;
top: 0px;
right: 0px;
height: 40px;
line-height: 40px;
font-size: 12px;
font-weight: bold;
padding-right: 60px;
}

#previous_page{
position: absolute;
top: 0px;
left: 0px;
height: 40px;
line-height: 40px;
font-size: 12px;
font-weight: bold;
padding-left: 60px;
}

#previous_page a{
color: #000000;
}

#sub_container{
margin-top: 20px;
width: 720px;
padding: 20px;
background: #FFFFFF;
border: 1px solid black;
background: #f3ecdf;
}

#confirmation_required_container, #quote_required_container{
width: 700px;
padding: 10px 10px 0 10px;
border: 1px solid black;
background: #e3d0b8;
}

#confirmation_required_container{
margin-bottom: 20px;
}

#no_quote_required, #no_confirmation_required{
margin-bottom: 10px;
width: 100%;
text-align: left;
}

#admin_create_booking, #admin_view_booking, #admin_edit_client, #client_create_booking, #client_view_booking, #client_edit_profile{
float: left;
display: block;
width: 33%;
height: 233px;
margin-top: 20px;
color: black;
}

#admin_create_booking, #client_create_booking{
background: transparent url("images/create_booking.gif") center center no-repeat;
}

#admin_view_booking, #client_view_booking{
background: transparent url("images/view_booking.gif") center center no-repeat;
}

#admin_edit_client, #client_edit_profile{
background: transparent url("images/edit_client.gif") center center no-repeat;
}

#select_booking_form{
margin-bottom: 20px;
}

#view_booking_form, #edit_client_form, #create_booking_form{
width: 700px;
padding: 10px;
border: 1px solid black;
background: #e3d0b8;
}

#view_booking_table, #edit_client_table, #create_booking_table{
width: 100%;
}

#view_booking_table td, #edit_client_table td{
padding: 3px;
}

#login_form{
width: 300px;
background: #FFFFFF;
border: 1px solid #000000;
margin: 0 auto;
padding: 15px;
}

#login_table{
width: 100%;
}

#login_table td{
width: 50%;
}

#home_num_bookings, #home_num_quotes{
width: 100%;
text-align: left;
padding-bottom: 10px;
}

#service_task_container{
padding-top: 10px;
}

#service_task_container div{
padding-bottom: 3px;
}

#add_service_task{
width: 100%;
clear: both;
}

/********** CUSTOM CLASSES *******/

.confirmation_required, .bookings_list_item, .client_listing{
width: 100%;
height: 25px;
margin-bottom: 10px;
border: 1px solid black;
position: relative;
}

.confirmation_number, .booking_list_num{
position: absolute;
top: 0px;
left: 10px;
height: 25px;
width: 45px;
line-height: 25px;
text-align: left;
overflow: hidden;
}

.confirmation_start{
position: absolute;
top: 0px;
left: 60px;
height: 25px;
width: 130px;
line-height: 25px;
text-align: left;
overflow: hidden;
}

.booking_list_city{
position: absolute;
top: 0px;
left: 60px;
height: 25px;
width: 90px;
line-height: 25px;
text-align: left;
overflow: hidden;
}

.confirmation_city{
position: absolute;
top: 0px;
left: 200px;
height: 25px;
width: 130px;
line-height: 25px;
text-align: left;
overflow: hidden;
}

.booking_list_name{
position: absolute;
top: 0px;
left: 160px;
height: 25px;
width: 130px;
line-height: 25px;
text-align: left;
overflow: hidden;
}

.booking_list_status{
position: absolute;
top: 0px;
left: 300px;
height: 25px;
width: 130px;
line-height: 25px;
text-align: left;
overflow: hidden;
}

.booking_list_po_owner{
position: absolute;
top: 0px;
left: 440px;
height: 25px;
width: 130px;
line-height: 25px;
text-align: left;
overflow: hidden;
}

.list_client_name{
position: absolute;
top: 0px;
left: 10px;
height: 25px;
line-height: 25px;
text-align: left;
}

.confirmation_link, .booking_list_link, .list_client_link{
position: absolute;
top: 0px;
right: 10px;
height: 25px;
line-height: 25px;
color: black;
text-align: right;
}

.bookings_list_container, .client_listing_container{
width: 700px;
padding: 10px 10px 0 10px;
border: 1px solid black;
margin-bottom: 20px;
background: #e3d0b8;
}

.view_booking_left_column, .edit_client_left_column, .create_booking_left_column{
width: 30%;
}

.view_booking_right_column, .edit_client_right_column, .create_booking_right_column{
width: 70%;
text-align: left;
}

.view_booking_right_column input, .edit_client_right_column input, .create_booking_right_column input{
width: 100%;
}

.client_rep_field{
width: 50%;
}

.service_dropdown, .service_description, .service_measurement, .service_notes{
width: 24%;
display: block;
float: left;
}

.spacer{
height: 1px;
width: 100%;
overflow: hidden;
clear: both;
}

.warning{
width: 490px;
padding: 20px;
padding-left: 210px;
border: 1px solid black;
background: #ebe1cb url("images/warning.gif") 50px center no-repeat;
margin-bottom: 20px;
text-align: left;
min-height: 118px;
}

.error{
width: 490px;
padding: 20px;
padding-left: 210px;
border: 1px solid black;
background: #e1c08d url("images/error.gif") 50px center no-repeat;
margin-bottom: 20px;
text-align: left;
min-height: 118px;
}

.notice{
width: 490px;
padding: 20px;
padding-left: 210px;
border: 1px solid black;
background: #aad5db url("images/notice.gif") 50px center no-repeat;
margin-bottom: 20px;
text-align: left;
min-height: 118px;
}

.even{
background: #afc2bd;
}

.odd{
background: #ecdfcd;
}

.required{
color: red;
}

.missing_field{
display: block;
}

.heading{
background: #cd9134;
}

.measurement{
background: white url(images/measurement_bg.gif) top left no-repeat;
}