@CHARSET "UTF-8";
@IMPORT url("left_panel.css");

body { background: #c0c0c0; padding: 5px; font-family: Verdana, sans-serif; font-size: 80%; }
a { color: #ba0000; }
p { text-align: justify;}
h1 { font-variant: small-caps; margin-top: 0; padding-top: 0;}
h2,h3 { font-variant: small-caps; }

h1 { font-size: 18pt; }
h2 { font-size: 15pt; }
h3 { font-size: 13pt; }

.container { background: #4e92d5 url("../img/left_panel_container_bg.jpg") 0px 0px repeat-y; border: 1px solid white; width: 1000px; margin: 10px auto; position: relative; }
.header { height: 142px; background: white url("../img/header_bubbles.jpg") top right no-repeat; position: relative;}
.logo_container { width: 363px; height: 68px; top: 10px; left: 24px; }

table.essox { background: #f2dbdb; }
table.essox tr.even { background: #e5b8b7; }

/* segments */ 
.segments_container { position: absolute; right: 0; height: 183px; width: 581px; }
.segments_container .segment { width: 125px; background: #ba0000; float: right; margin-right: 32px; }
.segments_container .segment img { border: 5px solid white; }
.segments_container .segment_title { width: 125px; height: 23px; text-align: center; }
.segments_container .segment .segment_title a { text-decoration: none; color: white; }

/* offer */
.offer { border: 2px solid black; }
.offer td { text-align: center; border: 1px solid gray;}
.offer .headline { font-size: 12pt; color: #ba0000; font-weight: bold;}
.price_without_vat { color: gray; }
.price_with_vat { font-weight: bold; }

/* to_cart */
.to_cart { text-align: center; font-size: 10pt; font-weight: bold; color: #b10000;}
.to_cart .input_submit { border: 0;}
.to_cart .input_number {color: #b10000; text-align: center; font-weight: bold; border: 2px solid #b10000;} 
.cart_content .to_cart .input_number { font-size: 10pt; width: 2em; }

/* wizard */
.wizard_progress { padding: 0; margin: 0 0 10px 0; }
.wizard_progress a { color: gray; }
.wizard_progress .selected { color: #ba0000; }
.wizard_form input { text-align: center; }
.occupancy_x_hardness tr td { padding: 2px 5px; }
.occupancy_x_hardness .legend { font-size: 8pt; text-align: center; }
.occupancy_x_hardness td.selected { color: #ba0000; font-size: 7pt; text-align: center; }
.recommendation div { float: none; margin: 0px auto; }

/* containers */
.main_container { background: url("../img/left_panel_bg.jpg") 0px 100px no-repeat; margin: 0; padding: 0; }
.left_panel_container { float: left; width: 200px; }
.content_container { margin-left: 200px; border-top: 7px solid #b10000; }
.border_right_dashed { border-right: 2px dashed #ffcccc; }
.content_container .red_border { border-left: 7px solid #b10000; }
.content_container .right_margin { margin-right: 31px; }
.content_container .bar_one { height: 36px; background: white; }
.content_container .bar_two { height: 3px; }
.content_container .bar_three { height: 1px; background: white; }
.content_container .bar_four { height: 1px; background: white; }
.content_container .content { background: white; padding: 20px 10px; margin-bottom: 22px; }

/* main menu */
.content_container .main_menu { border-right: 1px solid white; height: 31px; background: #07539d;}
.content_container .main_menu .menu_item { height: 31px; text-align: center; margin: 0 10px; float: left; }
.content_container .main_menu .menu_item a { color: #07539d; padding: 0 10px;}

.content_container .main_menu .selected { background: #b10000; }
.content_container .main_menu .selected a { background: #b10000; }

/* categories menu */
.content_container .categories_menu { border-right: 1px solid white; background: #b10000; padding: 7px 0;}
.content_container .categories_menu a { padding: 0 10px 5px 10px; color: white; }
.content_container .categories_menu a.selected { text-decoration: none; font-weight: bold;}

.content_container .address { margin: 5px; padding: 5px; border: 1px solid gray; float: left; width: 200px; }
.address .actions {position: absolute; bottom: -5px; right: 0; background: white;}

.content_container .content { min-height: 520px; float: right; width: 742px;}

/* navigation */
.navigation { width: 100%; border-collapse: separate; margin-top: 20px;}
.navigation tr td { text-align: center; background: #ba0000; color: white; }
.navigation tr td a { color: white; font-weight: bold; font-size: 18pt; }
.navigation.three_cols tr td { width: 33%; }
.hardness_overview tr td { border: 1px solid black; }

/* index */
.index_box { width: 45%; float: left; border: 3px solid; height: 150px; margin: 10px; padding: 5px; font-weight: bold;}
.index_box h2 { margin: 0 0 5px 0; text-transform: uppercase; font-size: 12pt;}
.index_box ul { padding-left: 14px;}

.index_box.red .index_box.red h2 {border-color:  #B10000; }
.index_box.red h2 {color:  #B10000;}

.index_box.green {border-color:  #149311; }
.index_box.green h2 {color:  #149311;}

.index_box.blue {border-color:  #102dac; }
.index_box.blue h2 {color:  #102dac;}

.index_box.purple {border-color:  #8537a2; }
.index_box.purple h2 {color:  #8537a2;}

/* admin */
.admin_control_panel { position: absolute; bottom: 2px; left: 24px;}
.admin_items_list tr td { border: 1px solid black; }
.admin_sub_menu {margin-top: 0;}
.admin_sub_menu * { padding: 0 15px 0 0;}
.admin_sub_menu .selected { font-weight: bold;}
.admin_competitors_list .new {font-weight: bold; background: blue; }
.admin_competitors_list .new * {color: white;}

.admin_communities_list { width: 100%;}
.admin_communities_list td { vertical-align: top;}

/* partners */
.partner { width: 45%; border: 1px solid black; float: left; margin: 5px; padding: 5px;} 
.partner h2 { font-size: 15pt; margin-top: 0;}

/* flash message */
#flashMessage { text-align: center; margin: 10px auto; padding: 5px; border: 1px solid black; }
#flashMessage.error { background: #ff9999; color: black; }
#flashMessage.success { background: #99cc99; color: black; }

/* customers */
.customer_card { border: 1px solid gray; margin: 20px 10px; padding: 5px; float: left; }
.customer_card .name { font-size: 12pt; font-weight: bold; white-space: nowrap;}

/* notes */
.note { border: 1px solid black; padding: 5px; margin: 5px;}
.note h3 { margin: 0;}
.note .dates { font-style: italic; font-size: 9pt; margin: 0 0 10px 0; padding: 0;}
.note .content {}
.note .actions { margin: 0; padding: 0; text-align: right;}

/* competitors */
.details { margin: 5px; }
.details tr td { border: 1px solid black; }

/* formatting */
.left { float: left; }
.right { float: right; }
.float_right { float: right; }
.clear { clear:both; }
.bold { font-weight: bold; }
.image { margin: 0 0 0 10px; }

.red { color: #b10000; }

.align_center { text-align: center; }
.align_right { text-align: right; }
.align_left { text-align: left; }

.nowrap { white-space: nowrap;}

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

.about { border-bottom: 1px dashed gray; cursor: help; }

.border { border: 1px solid black; }
.border_left { border-left: 1px solid black; }

.bordered td {border: 1px solid black;}

.form_table {
	margin: 10px 0;
}

.form_table td {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.table_col_name {
	font-weight: bold;
	text-align: center;
}

.half_box {
	width: 45%;
}