body
{
	margin: 0;
	padding: 0;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: small;
	/*background: #3688BF;*/
    background: black;
	color: #333;
}

#background
{
    position: relative;
    background: #222126 url(../images/home_background.jpg) repeat-x 0 100%;
    padding: 0 0 50px;
    margin: 0;

}

h1, h2, h3, h4, h5, h6
{ 
	padding: 10px 0 5px 0;
/*	padding-bottom: 0.25em;
*/	margin: 0;
	font-weight: bold;
/*	font-style: italic;*/
	letter-spacing: -1px;
	color: #3B5261;
}

h1
{
	font-size: x-large;
}

h2
{
	/*font-size: larger;*/
}

h2,
.main h3,
.left_main h3,
.right_sidebar h3
{
	padding-top: 0;
}

.search_highlight
{
	background: yellow;
	font-weight: bold;
}

.vacancy_informer
{
	position: absolute;
	top: 5px;
	left: 10px;
    width: 172px;
}

.vacancy_informer h1
{
	background: url(../images/vacancy_informer_dark.gif) no-repeat;
	text-indent: -100em;
    height: 65px;
	overflow: hidden;
	padding: 3px;
}

.vacancy_informer p
{
	color: #006AAC;
	font-size: smaller;
}

.vi_text
{
	font-weight: bold;
}

.my_text
{
	font-family: serif;
	font-weight: normal;
	font-style: italic;
	vertical-align: 10%;
}

.data_text
{
	font-weight: normal;
	margin-left: 1px;
}

.phone_number
{
    font-weight: bold;
}

.section
{
	margin: 10px 0;
}

.booking,
.error,
.notice,
.success,
.good_notice,
.bad_notice
{
	margin: 5px 0;
    padding: 10px 10px 10px 35px;
    -moz-border-radius: 8px;
	-webkit-border-radius: 8px;
    border: 2px solid;
    font-size: larger;
	color: white;
}

.error
{
	background: #e63a34 url(../images/alert.gif) no-repeat 10px 50%;
	border-color: #FF7B7B;
}

.bad_notice
{
	background: #e63a34 url(../images/info.gif) no-repeat 10px 50%;
	border-color: #FF7B7B;
}

.success
{
	background: #20A64C url(../images/tick.gif) no-repeat 10px 50%;
	border-color: #5ABD7B;
}

.good_notice
{
	background: #20A64C url(../images/info.gif) no-repeat 10px 50%;
	border-color: #5ABD7B;
}

.notice
{
	background: #5679BD url(../images/info.gif) no-repeat 10px 50%;;
	border-color: #789DDE;
}

.help
{
	margin: 5px 0;
	padding: 5px 10px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border: 5px solid #17f;
	color: white;
	font-size: larger;
/*	padding-left: 35px;
*/	background: #49f;
}

.filter
{
	padding: 10px 0;
}

/*.booking a,
.notice a,
.good_notice a,
.bad_notice a
{
	font-size: smaller;
	color: #bdf;
}
*/
.help_message
{
	width: 640px;
	padding: 5px;
	margin: 5px 0 5px 0; 
	background: #FFa;
	border: 2px solid #FC3;
}

a
{
	color: #3f597c;
	font-weight:bold;
}

a:hover
{
	text-decoration: none;
	color: white;
	border-bottom: none;
	background: #D51914;
}

.toolbar
{
	background: #ddd url(../images/table_head_bg.gif) repeat-x 50% 50%;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #333;
	padding: 5px 10px;	
}

#top
{
	position: relative;
/*	background: url(../images/aworka.gif) no-repeat right center;*/
/*	border-bottom: 5px solid #D51914;*/
	margin: 0;
    padding: 0 0 0 10px;
}

#logo
{
	position: absolute;
	top: 12px;
	right: 20px;
	width: 59px;
	height: 60px;
	background: url(../images/myvi_dark.gif) no-repeat;
}

#branding
{
	margin: 0;
	padding: 15px;
	color: #1c8adf;
	border: none;
}

#nav
{
	height: 20px;
	margin: 0;
	padding: 0 20px 0 10px;
    display: block;
}

#nav li
{
	list-style: none;
    display: inline;
	float: left;
    clear: none;
	/*vertical-align: top;*/
	padding: 0;
    margin: 0 2px 0 0;
}

#nav li.right
{
    float: right;
}

#nav li a
{
	padding: 2px 10px 5px 10px;
	text-decoration: none;
	font-weight: bold;
	border: none;
	color: #3B5261;
	background: #8DBADA;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
}

#nav li a:hover
{
	background: #D20615;
	color: white;
	z-index: 10;
}

#nav li.current a:hover,
#nav li.current a,
#nav li.current_not_index a
{
/*	border-bottom: 7px solid #D51914;*/
	background: #CFD9E2;
	color: #3B5261;
}

#nav li.current_not_index a
{
	text-decoration: underline;
}

#nav li.current_not_index a:hover
{
	background: #D51914;
	/*border-bottom: 5px solid #D51914;*/
	z-index: 10;
	color: white;
}

#content
{
	background-color: #CFD9E2; /*#F2E6CE; #f7f9fb;*/
	position: relative;
	padding: 10px 20px 20px 20px;
    margin: 0 20px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	
/*	border: 3px solid #54717F;*/
}

#controls
{
	font-size: x-small;
	position: absolute;
	top: 10px;
	right: 10px;
}

#page_help_button
{
	font-size: xx-large;
	position: absolute;
	top: 50px;
	right: 20px;
}

.right_sidebar,
.left_sidebar
{
	padding: 10px;
	background: #bccae0;
	position: absolute;
	top: 0px;
	width: 30%;
/*	bottom: 0px;
*//*	height: 100%;
*/}

.right_sidebar
{
	right: 0px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
}

.left_sidebar
{
	right: 0px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
}

.left_main,
.right_main,
.main
{
	position: relative;
	background: #d1dbeb;
	padding: 10px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin: 5px 0;
}

.left_main
{
	padding-right: 34%;
}

.right_main
{
	padding-left: 34%;
}

.order_button,
.add_button,
.edit_button,
.help_button,
.cancel_button,
.view_button,
.order_button:hover,
.cancel_button:hover,
.edit_button:hover,
.add_button:hover,
.help_button:hover,
.view_button:hover
{
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-decoration: none;
	color: white;
	padding: 2px 10px;
	margin: 0;
	border: none;
	white-space: nowrap;
}

.edit_button,
.cancel_button
{
	font-size: x-small;
	font-weight: normal;	
}

.cancel_button
{
	background: #449;	
}

.edit_button
{
	background: #F86E14;
}

.help_button
{
	background: #20A64C;
}

.order_button
{
    background: #20A64C;
    font-size: large;
}

.add_button,
.add_button:hover
{
	background: #20A64C url(../images/green_plus.gif) no-repeat 5px 50%;
	padding-left: 21px;
}

.view_button,
.view_button:hover
{
	background: #2E6699 url(../images/magnify.gif) no-repeat 5px 50%;
	padding-left: 25px;
}

.cancel_button:hover,
.edit_button:hover,
.add_button:hover,
.help_button:hover,
.view_button:hover,
.order_button:hover
{
	background-color: #D20615;
}


#footer
{
	width: 100%;
	/*height: 100px;*/
	text-align: center;
	background: black;
    color: #008AE1;
    /*margin-top: 30px;*/
    padding-top: 10px;
}


#footer p
{
	/*padding: 1em 0 0 0;*/
}

#footer p.credits
{
	font-size: x-small;
}

#footer a:hover
{
	color: white;
}

table
{
	background-color: white;
	border-collapse: collapse;
	border: 1px solid #aaa;	
	padding: 0.5em 0;
	margin: 5px 0;
}

caption
{
	margin: 0;
	padding: 10px 0;
	font-weight: bold;
	color: #222;
	text-align: left;
}

td,
th
{
	white-space: nowrap;
	text-align: left;
	padding: 0.25em;
	border-right: 1px solid #ddd;
}

td.add_to_sheet
{
	border-right: none;
}

td.book
{
	text-align: center;
}

td:last-child
{
	border-right: none;
}

th
{
	padding: 0.25em 0.5em;
}

tr.highlight
{
	background: #fbedf0;
	border-left: 7px solid #f275c1;	
	border-right: 7px solid #f275c1;	
}

tr.past_sheet
{
	background: #f5f5f5;
}

tr:hover
{
	background: #fff2fd;
}

tr
{
/*	border-top: 1px solid #ddd;
*/}

th, tr.totals_captions
{
	background: #ddd url(../images/table_head_bg.gif) repeat-x 50% 50%;
	border: 1px solid #aaa;
}

/* This is for IE7: border doesn't work if specified on the row? */
tr.totals_captions td
{
	border: 1px solid #aaa;
/*	border-left: none;
	border-right: none;
*/}

tr.selected td
{
	background: #f275c1;
	color: white;
}

tr.selected:hover td
{
	background: #f8d;
}

td.paid,
td.editable_price,
td.note,
td.contact,
td.tips,
td.done_job,
td.do_job,
td.appointment_date,
td.add_to_sheet,
td.book
{
	padding: 0px 0.4em;
}

td.next_due,
td.balance,
td.planned_date,
td.done_date,
td.date
{
	padding: 0;
}

td.next_due *,
td.balance *,
td.planned_date *,
td.done_date *,
td.date *
{
	padding: 0.4em;
	display: block;
}

td.balance a
{
	text-decoration: none;
}

td.price,
td.balance,
td.value,
.sheets td.tips,
.sheets td.paid
{
	text-align: right;
}

td.price .edit_button
{
	visibility: hidden;
}

td.price:hover .edit_button
{
	visibility: visible;
}

td.num,
td.done_job,
td.time_required
{
	text-align: center;
}

td.warning, tr.selected td.warning
{
	background: #fc7;
}

.right
{
	text-align: right;	
}

.centre
{
	text-align: center;	
}

tr.totals
{
	font-weight: bold;
}

tr.totals_captions
{
	background-position: 50% 50%;
	font-size: x-small;
	font-weight: bold;
}

tr.totals_captions td
{
	margin: 0px;
	padding: 1px 0.25em;
}

p, .field_row
{
	position: relative;
	padding: 0;
	margin: 0.5em 0 0.5em 0;
}

.field_row, .filter
{
	white-space: nowrap;
}

form
{
	margin: 0;
	padding: 0;
}

.field_row .form_field_sidebar_help
{
	display:none;
}

.field_row:hover .form_field_sidebar_help
{
	display:block;
}

.form_label
{
	width: 12em;
	text-align: right;
	position: absolute;
	margin: 3px 0 0 0;	
}

input, textarea, select, form table.allowed_days
{
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: inherit;
	margin-top: 1px;
	margin-bottom: 1px;
	vertical-align: baseline;
}

.submit,
.pagination
{
	padding: 10px 0;
}

.form_label + .form_field,
.form_label + span + br + .form_field,
.form_field_align,
.form_field_error
{
	margin-left: 12.25em;	
}

.form_field_readonly > *,
.pagination a,
.pagination .current
{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #8ABADA;
	color: #395261;
}

.pagination a,
.pagination .current
{
	padding: 4px 10px;
	text-decoration: none;
}

.form_field_readonly > a
{
	padding: 0.1em 0.25em;
	margin: 0;
}

.form_field_in_error > *, .form_table_in_error
{
	background-color: #fcc;
	border: 2px solid #FF7B7B;
	margin-top: 0;
}

.form_field_error
{
	padding: 2px 0.25em 1px 0.25em;
	background: #e63a34;
	color: white;
	margin: 0px 1em 0 12.25em;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
}

.form_field_help
{
	font-size: smaller;
}

.form_field_sidebar_help
{
	position: absolute;
	top: 0;
	left: 40em;
	width: 18em;
	border: 1px solid #aaa;
	padding: 0 10px;
	background: #ffb;
}

#content.h3
{
	border-top: 3px double #bccae0;
	padding-top: 0.5em;
	margin-top: 0.5em;
}

.pagination .current,
.pagination a:hover
{
	background: #D51914;
	color: white;
}

.pagination .disabled
{
	color: #8ABADA;
}

#tm_footnotes_debug
{
	position: absolute;
	width: 100%;
	bottom: 0px;
	display: none;
}

input#link_url
{
	width: 50em;
}

.relevance_gauge
{
	height: 10px;
	width: 50px;
	position: relative;
	border: 1px solid #012840;
}

.relevance_gauge_bar
{
	height: 100%;
	background: #54717F;
}

.host_link
{
	font-size: xx-small;
	font-weight: normal;
	font-style: italic;
	color: #999;
	text-decoration: none;
}

.link_with_host
{
	margin: 0;
	padding: 0;
}

.added
{
/*	background: yellow;*/
}

.deleted
{
	text-decoration: line-through;
	font-style: italic;
	color: #999;
}

#total_to_pay
{
    border-top: 3px double #ddd;
    font-size: large;
    font-weight: bold;
}

#per_month,
#per_day
{
    font-size: x-small;
    font-style: italic;    
}

td p
{
    white-space: normal;
}

#sub_tables h3
{
    padding-top: 0;
}

#sub_tables p
{
    width: 40em;
}

.vi_data_table
{
    float :left;
    margin-right: 10px;
}

#vi_data_packs,
#my_vi_tariffs,
#total
{
    padding: 0 0 20px 80px;
    /*min-height: 60px;*/
}

#my_vi_tariffs
{
    background: url(../images/myvi.gif) no-repeat;
}

#vi_data_packs
{
    background: url(../images/vidata.gif) no-repeat;
}

#total tr:hover
{
    background: none;
}

#total td
{
    text-align: right;
}

#total tbody #order_buttons td
{
    text-align: center;
}

#total th
{
    text-align: center;
}

#webpage
{
    position: relative;
    width:100%;
    height:1024px;
    background: white;
}