/**
 * Colors: 
 * #fff - page background
 * #f2f2f2 - button background
 * #a0b5c1 - LEVRET color 
 * #f7fbfc - LEVRET light color
 * #000 - text
 * #36c - link
 * #c33 - active link
 * #ddd - outside body background, table borders, hr 
 * #e6f0fb - table header cell background
 * #8a1f11 - required
 */ 

/* Reset */

html, body, div, span,
p, h1, h2, h3, h4, h5, h6, ul, ol, li, img,
table, caption, tbody, tfoot, thead, tr, th, td,
fieldset, form, label, legend {
	margin: 0; border: 0; padding: 0; outline: 0;
	font-size: 100%; font-weight: normal; font-style: normal;
	vertical-align: baseline;
	background: transparent;
}

/* Global styles */

html {
	overflow-y: scroll;
}

body {
	font-size: 12px; line-height: 16px;
	font-family: "Liberation Sans", Helvetica, Arial, sans-serif;
	text-align: left;
	background: #ddd url(../img/bg-page.png) repeat-y 26px 0;
	color: #000;
}

img {display: inline;}
textarea {overflow-y: auto;}

p, h3, h4, h5, h6 {margin-bottom: 8px;}
h1, h2 {margin-bottom: 16px;}
h1, h2, h3, h4, h5 {font-weight: bold;}
h1, h2 {line-height: 24px;}
h1 {font-size: 22px;}
h2 {font-size: 19px;}
h3 {font-size: 15px;}
h5, h6 {font-style: italic;}
h2.space-above, h3.space-above {padding-top: 8px;}

a {text-decoration: underline;}
a, a:link {color: #36c;}
a:hover, a:active, a:focus {color: #c33;}

a.button-it {
	display: block; height: 24px;
	border: 1px solid #ddd; padding: 0 6px 0 1px;
	background-color: #f2f2f2; color: #000;
	text-decoration: none; font-weight: bold; line-height: 24px;
	cursor: pointer;
}
a.button-it img {display: block; float: left; width: 16px; height: 16px; margin: 4px 5px;}
a.button-i {display: block; height: 18px; border: 1px solid #ddd; background-color: #f2f2f2; cursor: pointer;}
div.button-i {height: 18px; border: 1px solid #ddd; background-color: transparent; cursor: default;}
a.button-i img, div.button-i img {display: block; float: left; width: 16px; height: 16px; margin: 1px 3px;}
a.button:hover, a.button:active, a.button:focus {background-color: #e6f0fb; color: #c33;}

ul, ol {margin-bottom: 8px; margin-left: 40px; list-style-position: outside;}
ul ul, ul ol, ol ul, ol ol {margin-bottom: 0; margin-left: 40px;}
ul {list-style-type: disc;}
ol {list-style-type: decimal;}
li {margin-bottom: 8px;}
li.separator-after {margin-bottom: 16px;}

ul.none {list-style-type: none; margin-left: 0;}

ul.horizontal {list-style-type: none; margin-left: 0;}
ul.horizontal li {display: inline; margin-left: 10px;}
ul.horizontal li.first {margin-left: 0;}

table {border-collapse: collapse; border-spacing: 0; margin-bottom: 8px;}
th, td {vertical-align: top; border: 1px solid #ddd; padding: 4px 8px;}
th {font-weight: bold; background-color: #e6f0fb;}
td.highlite {background-color: #e6f0fb;}
table.full-width {width: 100%;}
table.full-width-fixed {width: 100%; table-layout: fixed;}

label {font-weight: bold;}
label.required, span.required, span.important {font-weight: bold; color: #8a1f11;}

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.float-left {float: left;}
.float-right {float: right;}

.bg-icon {padding-left: 22px; background: transparent no-repeat 0 4px;}
.bg-bullet-icon {padding-left: 12px; background: transparent no-repeat -4px 0;}

.hidden {display: none;}

/* Grid */

div.page {width: 920px; margin: 0 auto 0 33px;}
div.box {display: inline; float: left;}

div.w-100p {width: 100%;}
div.w-25 {width: 25px;}
div.w-60 {width: 60px;}
div.w-90 {width: 90px;}
div.w-110 {width: 110px;}
div.w-130 {width: 130px;}
div.w-145 {width: 145px;}
div.w-180 {width: 180px;}
div.w-390 {width: 390px;}
div.w-440 {width: 440px;}
div.w-470 {width: 470px;}
div.w-490 {width: 490px;}
div.w-880 {width: 880px;}

div.h-8 {height: 8px;}
div.h-16 {height: 16px;}
div.h-20 {height: 20px;}
div.h-24 {height: 24px;}
div.h-28 {height: 28px;}

div.h-1-hr {height: 0; border-top: 1px solid #ddd;}
div.h-8-hr {height: 7px; border-top: 1px solid #ddd;}

div.ml-10 {margin-left: 10px;} div.mr-10 {margin-right: 10px;} div.mlr-10 {margin-left: 10px; margin-right: 10px;}
div.ml-20 {margin-left: 20px;} div.mr-20 {margin-right: 20px;} div.mlr-20 {margin-left: 20px; margin-right: 20px;}

div.mt-8 {margin-top: 8px;}
div.mt-16 {margin-top: 16px;}
div.mb-24 {margin-bottom: 24px;}

div.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}