/* Default settings */

html {
	margin: 0px auto;
	height: 100%;
}

body {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	color: #21214f;
	margin: 0px auto;
	padding: 10px;
	height: 90%;
}

img {
	border: 0px;
}

table {
	border-collapse: collapse;
	border-spacing: 0px;
}

h1, h2, h3, h4 {
	margin:  0px;
}
h1 {
    font-size: 22px;
}
h2 {
    font-size: 20px;
}
h3 {
    font-size: 18px;
}
h4 {
    font-size: 14px;
}

a, a:hover, a:visited {
	color: #21214f;
}

/* Styled form button */
.button { text-decoration:none; }
.button * {
    border:0;
    height:26px;
    cursor:pointer;
    vertical-align:middle;
    text-decoration:none;
}
.button img.head {
    background:url("/img/tpl/1/form-button-left.png") no-repeat;
    width:9px;
}
.button img.tail {
    background:url("/img/tpl/1/form-button-right.png") no-repeat;
    width:13px;
}
.button input {
    background-image:url("/img/tpl/1/form-button-bg.png");
    background-repeat: repeat-x;
    vertical-align: middle;
    font-weight: bold;
    color: white;
    font-size: 12px;
    padding-bottom: 7px;
}
.button:hover .head { background:url("/img/tpl/1/form-button-left-hl.png") no-repeat; text-decoration:none; }
.button:hover input { background:url("/img/tpl/1/form-button-bg-hl.png") repeat-x; text-decoration:none; color: red }
.button:hover .tail { background:url("/img/tpl/1/form-button-right-hl.png") no-repeat;  }

/* Styled calendar button */
.calendar_button { text-decoration:none; }
.calendar_button * {
    border:0;
    height:26px;
    cursor:pointer;
    vertical-align:middle;
    text-decoration:none;
    height:21px;
}
.calendar_button img.head {
    background:url("/img/tpl/1/calendar-button-left.png") no-repeat;
    width:9px;
}
.calendar_button img.tail {
    background:url("/img/tpl/1/calendar-button-right.png") no-repeat;
    width:13px;
}
.calendar_button input {
    background-image:url("/img/tpl/1/calendar-button-bg.png");
    background-repeat: repeat-x;
    vertical-align: middle;
    font-weight: bold;
    color: #21214f;
    font-size: 12px;
}
.calendar_button:hover .head { background:url("/img/tpl/1/calendar-button-left-hl.png") no-repeat; text-decoration:none; }
.calendar_button:hover input { background:url("/img/tpl/1/calendar-button-bg-hl.png") repeat-x; text-decoration:none; color: red }
.calendar_button:hover .tail { background:url("/img/tpl/1/calendar-button-right-hl.png") no-repeat;  }

/* ------------------------ */

.site_header {
    background-color:#d3d3d3;
    border: 1px solid gray;
    height:50px;
    margin-bottom:2px;
    padding-top:10px;
    text-align:center;
    vertical-align: middle;
}

.top_menu {
    background-color:white;
    margin-bottom:2px;
    height:20px;
    line-height:20px;
}
.top_menu a {
    font-weight:bold;
    text-decoration:none;
    color:#6969fb;
}

.side_menu {
    font-weight:bold;
    padding: 10px;
    background-color:#d3d3d3;
    border: 1px solid gray;
    width:150px;
    float:left;
    margin-bottom:2px;
}

.site_main {
    background-color:white;
    margin-left:174px;
    margin-bottom:2px;
    min-height:400px;
}

.site_footer {
    background-color:white;
    height:20px;
    text-align:right;
    line-height:20px;
}

.pageheader {
    padding:5px;
    background-color: #d3d3d3;
    border: 1px solid gray;
    margin-bottom: 10px;
    text-aligh: center;
}
.pageheader h3 {
    margin: auto;
    text-aligh: center;
}

.faq_category {
    list-style:none;
    padding: 0px;
}
.faq_category a {
    text-decoration: underline;
}
.faq_category a[class="back"] {
    text-decoration: underline;
    font-size: 10px;
    font-weight: bold;
}

.faq_data {
    list-style: none;
    padding-left: 20px;
    padding-bottom: 20px;
}

.faq_data div[class=info] {
    font-weight: normal;
    padding-left: 20px;
    padding-bottom: 10px;
}
.faq_data a[class="back"] {
    text-decoration: underline;
    font-size: 10px;
    font-weight: bold;
}


.std_list {
    margin-bottom: 20px;
    border-spacing: 2px;
    border-collapse: collapse;
}
.std_list tr[class="odd"] {
    background-color: #CFCFCF;
}
.std_list th, .std_list td {
    padding: 3px;
    border: 1px solid gray;
}
.std_list th[class="left"] {
    text-align: left;
}
.std_list th[class="right"] {
    text-align: right;
}

.vl_border {
    border-left:1px solid #A0A0FF;
}
.vr_border {
    border-right:1px solid #A0A0FF;
}
.bg {
    background-color: #E0E0FF;
}

/*---------------------------*/

.button_std {
    background-color: #d3d3d3;
    border: 1px solid gray;
}

tr.even {
    background-color: #EEEEEE;
}

tr.mouseover {
    background-color: #CCCCCC;
}

table.customer_form {
    margin-bottom: 10px;
}
table.customer_form th {
    text-align: right;
    vertical-align: top;
    padding: 3px;
}
table.customer_form td {
    text-align: left;
    vertical-align: top;
    padding: 3px 50px 3px 3px;
}

table.form_table {
    margin-bottom: 10px;
}
table.form_table th {
    text-align: right;
    vertical-align: top;
    padding: 3px;
}
table.form_table td {
    text-align: left;
    vertical-align: top;
    padding: 3px 50px 3px 3px;
    font-size: 100%;
}

table.info_table {
    margin-bottom: 10px;
}
table.info_table th {
    text-align: center;
    vertical-align: top;
    padding: 3px;
    border: 1px solid #d3d3d3;
}
table.info_table td {
    text-align: center;
    vertical-align: top;
    padding: 3px 10px;
    font-size: 120%;
    border: 1px solid #d3d3d3;
}
table.info_table tr.even {
    background-color: #F0F0F0;
}

table.payment_list_mass_from {
    margin-bottom: 10px;
}
table.payment_list_mass_from th {
    text-align: left;
    padding: 3px;
    border: 1px solid #d3d3d3;
}
table.payment_list_mass_from td {
    text-align: left;
    padding: 3px 50px 3px 3px;
    border: 1px solid #d3d3d3;
}

table.list_z {
    margin-bottom: 10px;
    background-color: #F0F0F0;
    border: 1px solid #d3d3d3;
}
table.list_z tr:nth-child(even) {
    background-color: #ffffff;
}
table.list_z tr:nth-child(odd) {
    background-color: #cccccc;
}
table.list_z tr:hover {
    background-color: #B4DAF2;
}

input[type=button].mod {
    border: 1px outset gray;
    background-color: lightgreen;
    font-weight: bold;
    margin-right:2px;
}
input[type=button].del {
    border: 1px outset gray;
    background-color: red;
    color: white;
    font-weight: bold;
    margin-right:2px;
}
input[type=button].apply {
    border: 1px outset gray;
    background-color: green;
    color: yellow;
    font-weight: bold;
    margin-right:2px;
}
input[type=button].cancel {
    border: 1px outset gray;
    background-color: #d3d3d3;
    margin-right:2px;
}
input[type=button].list {
    border: 1px outset gray;
    background-color: #d3d3d3;
    font-weight: bold;
    margin-right:2px;
}
input[type=button].mod_item {
    border: 1px outset gray;
    background-color: lightgreen;
    height:17px;
    width:17px;
    padding:0px;
}
input[type=button].apply_item {
    border: 1px outset gray;
    background-color: green;
    height:17px;
    width:17px;
    padding:0px;
}
input[type=button].del_item {
    border: 1px outset gray;
    background-color: red;
    height:17px;
    width:17px;
    padding:0px;
}
input[type=button].cancel_item {
    border: 1px outset gray;
    background-color: #d3d3d3;
    height:17px;
    width:17px;
    padding:0px;
}

.button_tab {
    border: 2px outset gray;
    background-color: #d3d3d3;
    margin-right:2px;
}
.button_tab_pressed {
    border: 2px inset gray;
    background-color: #EEEEEE;
    margin-right:2px;
    font-weight: bold;
}

.hint, .gray_text {
    color: gray;
    font-size:75%;
}