body {margin: 0; padding: 0; background: #ffffff;}
span.anketa { FONT-FAMILY:  Tahoma; color:#676e71; font-size: 16px;}
td,th,div,form,ol,a,font { FONT-FAMILY:  Tahoma, Verdana, Courier, arial; color: #000000; font-size: 80%;}
form {margin: 0; padding: 0;}
a img {border: 0;}
a {color: #0066cd; font-size:100%;}
a:hover {text-decoration: none;}

                    
div.width {width: 950px; text-align: left;}
div.navigation {color: #878b8d; clear: both; background: #f1f3f4; width: 100%; height: 25px; margin: 0px 0 15px 0;}
div.navigation img {float: left;}
div.navigation .path {margin-top: 6px; float: left; font-size: 110%; color: #878b8d;}
div.navigation a {color: #878b8d; text-decoration:none}/*text-decoration;*/
div.navigation .user_name {float: right; margin: 6px 10px 0 0; color: #878b8d; font-size: 110%;}

div.menu {width: 240px;  background: url(../img/menu_bg.gif) no-repeat top; float: left;}
div.menu h2 {color: #003980; font-size: 120%; padding: 10px 0 4px 16px; margin: 0;}
div.menu ul.first {list-style-type: none; margin: 0 0 0 18px; padding:0}
div.menu ul.first li {margin: 10px 0px; padding: 0 0 0 20px; background: url(../img/li.gif) no-repeat left top; color: #b5b5b5; font-size: 110%;}

div.menu ul.first ul {list-style-type: none; margin: 0 0 0 0px; padding:0;}
div.menu ul.first ul li {font-size: 100%; background: none;}
div.menu ul.first ul li a {color: 5aaadb;}

div.center {width: 696px; float: right;}
div.center h3 {margin: 0 0 7px 15px; padding: 0; clear: both; float: left; color: #5e6d70; font-size: 160%;}

table.right {float: right;}
table.right td {padding: 0 0 0 10px;}
table.right td.print {padding-left: 40px;}
table.right select, table.right input.field {border: 1px solid #4e9bd0; height: 20px; font-family: Arial; font-size: 90%; color: #5e6d70;}
table.right input.field {width: 140px;}

table.auto {border-collapse: collapse; border: 1px solid #e9373d;}
table.gradient_top th.center {background: url(../img/th_bg.gif) repeat-x top;}
table.gradient {border: 1px solid #e9373d;
clear: both; width: 100%; margin: 0px 0 0px 0;}

table.gradient th {height: 20px; white-space: nowrap; padding: 0 3px;}
table.gradient th img.left {float: left; margin: -1px 0 0 -1px;border: 0px }
table.gradient th {color: #ffffff; font-size: 70%; height: 20px; border: 0;}
table.gradient td {  font-size: 100%; FONT-FAMILY:  Tahoma; color:#676e71; font-size: 12px; height: 30px;  /*border: 1px solid #dde3e8;*/ /*text-align: center; padding: 1px 1px; font-family: Arial;*/}
table.gradient td.tdLeft {text-align: left;}
table.gradient td.tdRight {text-align: right;}
table.gradient tr.bg {background-color:#f1f3f4}
table.gradient td.warning { FONT-FAMILY:  tahoma regular; font-size: 11px;}
span.opis { FONT-FAMILY:  tahoma regular; font-size: 16px; /*color:#000; color:#676e71;*/ color:black;}
/*table.gradient td.left {text-align: left;}*/
table.gradient td.small{font-size: 70%;}
table.gradient th.first{background: url(../img/th_left.gif) no-repeat; border: 0px}
table.gradient th.last {background: url(../img/th_right.gif) no-repeat right top; border: 0px }
table.gradient td.on_account{font-size: 120%; color: #5e6d70;} 
table.gradient td input {border-collapse: collapse;
border: 1px solid #e9373d;}

table.gradient td select {border-collapse: collapse;
border: 1px solid #e9373d;}
div.title2{font-family: Tahoma; font-size: 16px; color: #f23c42; "}
table.action td.dd div.title4{font-family: Tahoma; font-size: 14px; color: #676e71; "} 


 

table.info_top {width: 100%; margin: 10px 0 0 0;}
table.info_top td.center {width:100%; background: url(../img/th2_bg.gif) repeat-x top;}
table.info {border: 1px solid #d4d7ea; border-top-width: 0; /*both;*/ width: 100%;}
table.info td {font-size: 75%; text-align: left; padding: 5px 7px; font-family: Arial; vertical-align: top;}
table.info td.title{text-align: right; color: #676e71; font-weight: 900; white-space: nowrap;}
table.shops td {margin: 0; padding: 0 20px 0 0;}

table.mag_div {width: 100%; clear: both;}
table.mag_div td.top {background: url(../img/th2_bg.gif) repeat-x top;}
table.mag_div td.down {background: url(../img/th2_bg.gif) repeat-x bottom;}
table.mag_div td.left {background: url(../img/th2_bg.gif) repeat-y left;}
table.mag_div td.right {background: url(../img/th2_bg.gif) repeat-y right;}
table.mag_div td.center {font-size: 75%; width: 100%; color: #878b8d; padding: 7px 15px;}

div.text {font-size: 120%; font-family: Arial; padding: 15px; color: #5e6d70; }
div.text font {color: #878b8d; font-weight: 900; font-size: 100%;}

div.cat a{color: #5e6d70; font-size: 140%; text-decoration: none; font-weight: 900; padding: 0 0 0 25px; background: url(../img/li.gif) no-repeat top left;}
div.cat a:hover {text-decoration: underline;}
div.sub_cat {padding: 0 0 0 40px;}
div.sub_cat a {color: #5aaadb; text-decoration: none; font-size: 140%; padding: 0 0 0 20px; margin: 0 0 0 15px; background: url(../img/li.gif) no-repeat top left;}
div.sub_cat a:hover {text-decoration: underline;}
div.sub_cat table.gradient td {font-size: 60%;}
div.sub_cat table.gradient {width: auto; margin: 15px 0 15px 35px;}

div.account_ballance {width: 125px; float: right;}
div.account_ballance table td {font-size: 130%; color: #5e6d70;}

.small_text {color: #5e6d70; font-size: 80%; font-family: Arial;}

div.edit {float: right; border: 1px solid #4e9bd0; background: #f1f3f4; color: #676e71; font-weight: 900; font-size: 90%;}
img.edit {border: 1px solid #4e9bd0; background: #f1f3f4; cursor: pointer;}

div.save {float: right; border: 1px solid #4e9bd0; background: #f1f3f4; color: #676e71; font-weight: 900; font-size: 90%; display:none;}

tr.header td {color: #676e71; background: #dde3e8; padding: 2px; font-size: 70%; font-weight: 900;}
tr.gray td {background: #f1f3f4;}

div.pages {color: #000; font-size: 110%; float: right; margin: 10px 0 10px 0; font-weight: 900; clear: both;}
div.pages2 {color: #000; font-size: 110%; float: right; margin: -10px 0 20px 0; font-weight: 900;}

table.bottom_table {width: 100%; background: #dde3e8; margin-bottom: 30px; clear:both; }

input.ok {width: 48px; height:24px; background: url(../img/button_ok.gif);}

table.login {width: 100%; background: url(../img/login_door.gif) no-repeat left;}
table.login td {background: none; border: 0;}
table.login td.name{color: #5e6d70; font-size: 110%; width: 50%; height: 55px; margin-bottom: 10px; padding-right: 10px; text-align: right; vertical-align: bottom;}
table.login td.password {color: #5e6d70; font-size: 110%; height: 30px; padding-right: 10px; text-align: right; vertical-align: top;}
table.login td input.input{width: 100%; border: 1px solid #4e9bd0; height: 20px; font-family: Arial; font-size: 90%; color: #5e6d70;}
table.login td.ok {text-align: right; padding: 0 15px 10px 0; }


div.error {color: red; font-size: 130%;}

/* Стили для jQuery UI Datepicker */
#datepicker_div, .datepicker_inline {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
	background: #DDD;
	width: 185px;
}
#datepicker_div {
	display: none;
	border: 1px solid #FF9900;
	z-index: 10;
}
.datepicker_inline {
	float: left;
	display: block;
	border: 0;
}
.datepicker_dialog {
	padding: 5px !important;
	border: 4px ridge #DDD !important;
}
button.datepicker_trigger {
	width: 25px;
}
img.datepicker_trigger {
	margin: 2px;
	vertical-align: middle;
}
.datepicker_prompt {
	float: left;
	padding: 2px;
	background: #DDD;
	color: #000;
}
*.datepicker_prompt {
	width: 185px;
}
.datepicker_control, .datepicker_links, .datepicker_header, .datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #FFF;
	font-size:12px;
	height:15px

}
.datepicker_control {
	background: #FF9900;
	padding: 2px 0px;
}
.datepicker_links {
	background: #E0F4D7;
	padding: 2px 0px;
}
.datepicker_control, .datepicker_links {
	font-weight: bold;
	font-size: 80%;
	letter-spacing: 1px;
}
.datepicker_links label {
	padding: 2px 5px;
	color: #888;
}
.datepicker_clear, .datepicker_prev {
	float: left;
	width: 34%;
}
.datepicker_current {
	float: left;
	width: 30%;
	text-align: center;
}
.datepicker_close, .datepicker_next {
	float: right;
	width: 34%;
	text-align: right;
}
.datepicker_header {
	padding: 1px 0 3px;
	background: #83C948;
	text-align: center;
	font-weight: bold;
	height: 1.3em;
}
.datepicker_header select {
	background: #83C948;
	color: #000;
	border: 0px;
	font-weight: bold;
}
.datepicker {
	background: #CCC;
	text-align: center;
	font-size: 100%;
}
.datepicker a {
	display: block;
	width: 100%;
}
.datepicker .datepicker_titleRow {
	background: #B1DB87;
	color: #000;
}
.datepicker .datepicker_daysRow {
	background: #FFF;
	color: #666;
}
.datepicker_weekCol {
	background: #B1DB87;
	color: #000;
}
.datepicker .datepicker_daysCell {
	color: #000;
	border: 1px solid #DDD;
}
#datepicker .datepicker_daysCell a {
	display: block;
}
.datepicker .datepicker_weekEndCell {
	background: #E0F4D7;
}
.datepicker .datepicker_daysCellOver {
	background: #FFF;
	border: 1px solid #777;
}
.datepicker .datepicker_unselectable {
	color: #888;
}
.datepicker_today {
	background: #B1DB87 !important;
}
.datepicker_currentDay {
	background: #83C948 !important;
}
#datepicker_div a, .datepicker_inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
	font-size:12px;
	height:15px
}
.datepicker_inline .datepicker_links a {
	padding: 0 5px !important;
	font-size:12px;
	height:15px
}
.datepicker_control a, .datepicker_links a {
	padding: 2px 5px !important;
	color: #000 !important;
}
.datepicker_titleRow a {
	color: #000 !important;
}
.datepicker_control a:hover {
	background: #FDD !important;
	color: #333 !important;
}
.datepicker_links a:hover, .datepicker_titleRow a:hover {
	background: #FFF !important;
	color: #333 !important;
}
.datepicker_multi .datepicker {
	border: 1px solid #83C948;
}
.datepicker_oneMonth {
	float: left;
	width: 185px;
}
.datepicker_newRow {
	clear: left;
}
.datepicker_cover {
	display: none;
	display/**/: block;
	position: absolute;
	z-index: -1;
	
	top: -4px;
	left: -4px;
	width: 193px;
	height: 200px;
}
/* Стили для jQuery UI Datepicker */
tr.inpt input{
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}




