html, body {
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	font:13px Tahoma, Geneva, sans-serif;
	color:#222;
	text-align:left;
	background:#dbdbf5;
	color:rgb(51, 51, 51);
}
a {
	text-decoration:none; 
	color:#333;
	cursor:pointer
}
a:hover {text-decoration:underline}

ul, ol{
	padding:0 0 0 20px;
	margin:0;
	list-style:square
}
ol {list-style:circle; }

ul li, ol li, h1, h2, h3, h4, h5, h6, p, input, textarea{
	padding:0;
	margin:0;
	font-family:Tahoma, Geneva, sans-serif
}
ul li, ol li {
	margin-top:3px;
}

a img {border:none}
h1, h2, h3{font-size:17px}
h4 {font-size:15px}
h5 {font-size:13px;	color:#7497ba; border-bottom:solid 1px #7497ba; padding-bottom:2px;}
h6 {font-size:11px; color:#496f96}

input[type=text], input[type=password], input[type=file], textarea {
	border:solid 1px #CCC;
	padding:4px;
	font:11px Tahoma, Geneva, sans-serif;
	height:15px;
	float:left;
}
input[type=file] {
	height:21px;	
}
input[type=button] {
	padding:3px 8px;	
}
/*
вспомогательные классы
*/
.left {float:left !important}
.right {float:right !important}
.none {float:none !important}
.w100 {width:100%}
.w98 {width:98%}
.w96 {width:96%}
.w60 {width:60%}
.w30 {width:30%}
.w40 {width:40%}
.w50 {width:50%}
.mtop3 {margin-top:3px}
.mtop5 {margin-top:5px}
.mtop6 {margin-top:6px}
.mtop8 {margin-top:8px}
.mtop10 {margin-top:10px}
.mtop15 {margin-top:15px}
.mleft3 {margin-left:3px}
.mleft5 {margin-left:5px}
.mleft8 {margin-left:8px}
.mleft10 {margin-left:10px}
.mright3 {margin-right:3px}
.mright5 {margin-right:5px}
.mright8 {margin-right:8px}
.mright10 {margin-right:10px}
.pad1 {padding:1%}
.pad2 {padding:2%}
.px1 {height:1px; float:left; width:100%}
.px5 {height:5px; float:left; width:100%}
.px10 {height:10px; float:left; width:100%}
.mtext {font-size:13px}
.stext {font-size:9px}
.bold {font-weight:bold}
.text-l {text-align:left}
.text-r {text-align:right}
.text-c {text-align:center}
.text-j {text-align:justify}
.bor {border:solid 1px #CCC}
.bor-t {border-top:solid 1px #CCC}
.bor-b {border-bottom:solid 1px #CCC}
.bor-l {border-left:solid 1px #CCC}
.bor-r {border-right:solid 1px #CCC}
.bg-e {background-color:#EEE}
.bg-f {background-color:#FFF}
.col-error {color:#F33}
.col-accept {color:#3C6}
.col-e {color:#EEE}
.col-c {color:#CCC}
.col-9 {color:#999}
.col-6 {color:#666}
.col-3 {color:#333}
.hide {display:none}
.cur-p {cursor:pointer}
.cur-d {cursor:default}
.font-ss {font-family:Verdana, Geneva, sans-serif; color:#666; font-size:15px}
/*
style tipsy
*/
.tipsy {
	position: absolute;
	z-index:10000;
}
.tipsy .text{
	background-color: #FFF;
	border:solid 1px #7693b2;
	padding: 4px;
	width:auto
}
.tipsy .shadow {
	position: absolute;
	background-color: #000;
	height: 1px;
	border-bottom: solid 1px #333;
	z-index: 10001;
}

/*
style select
*/

body .block_select {
	float:left;
	border:solid 1px #c0cad5;
}
body .block_select input[type=text] {
	background:#FFF;
	font:normal 11px/21px Tahoma;
	padding:0px;
	border:none;
	color:#000;
	cursor:default;
	height:21px;
	text-indent:6px;
	position:relative;
	text-align:left;
	float:left;
}
body .block_select .toggle_select {
	background:#FFF url(../images/jquery.icons.png) no-repeat -34px 3px;
	width:15px;
	height:21px;
	border-left:solid 1px #FFF;
	position:relative;
	cursor:default;
	float:right
}
body .block_select .list_select {
	width:100%;
	overflow:auto;
	position:absolute;
	z-index:10001;
	max-height:170px;
	display:none;
	border:solid 1px #c0cad5;
	border-top:solid 1px #9cafc2;
	background:#FFF;
	overflow-x:hidden
}
body .block_select .list_select span{
	width:100%;
	float:left;
	font:normal 11px Tahoma;
	padding:3px 0px;
	text-indent:10px;
	border:solid 1px #FFF;
	border-left:none;
	border-right:none;
	cursor:pointer;
	background:#FFF;
	color:#000;
	text-align:left;
}
body .block_select .list_select .info_list {
	width:100%;
	float:left;
	background:#EEE;
	color:#333;
	padding:3px 0;
	text-indent:10px;
	border-bottom:solid 1px #CCC;
}
body .block_select .list_select span.none_select {
	background:#EEE;
	color:#000;
	border:solid 1px #EEE;
	border-left:none;
	border-right:none;
}
body .block_select .list_select span.none_select:hover {
	background:#EEE;
	color:#000;
	border:solid 1px #EEE;
	border-left:none;
	border-right:none;
}
body .block_select .list_select span font{
	background:#9cafc2;
	color:#FFF;
}
body .block_select .list_select span.event_hover {
	border:solid 1px #4071a4;
	background:#7497ba;
	border-left:none;
	border-right:none;
	color:#FFF
}
body .block_select .swh{
	border-top:solid 1px #FFF;
	background:#000;
	border-bottom:solid 1px #666;
	height:1px;
	margin-top:2px;
	position:absolute;
	z-index:100000	
}

/*
style progress bar
*/

.progress {
	float:left;
	border:solid 1px #9cafc2;
	height:18px;
	background:#FFF;
}
.progress .bar{
	position:absolute;
	height:18px;
	background:#c0cad5;
	border-right:solid 1px #9cafc2
}
.progress .info{
	position:absolute;
	height:18px;
	width:30px;
	text-align:center;
	margin-top:3px;
	font-size:9px;
	cursor:default
}

/*
style slider
*/

.slider {
	float:left;
	height:9px;	
}
.slider .line{
	width:100%;
	float:left;
	border-top:solid 1px #9cafc2;
	margin-top:4px;
}
.slider .btn_line{
	width:8px;
	height:7px;
	float:left;
	background:#FFF;
	position:absolute;
	border:solid 1px #9cafc2;
	z-index:100
}
.slider .info{
	text-align:center;
	width:25px;
	background:#FFF;
	border:solid 1px #9cafc2;
	float:right;
	margin-top:-4px;
	font-size:9px;
	padding:2px 0;
	height:auto;
	cursor:text
}

/*
 style radio group
*/

.radio_group {
	width:auto;
	float:left;	
}
.radio_group div{
	width:100%;
	float:left;
	margin-bottom:5px;
}
.radio_group div .img{
	width:16px;
	height:16px;
	float:left;
	background-image:url(../images/jquery.icons.png);
}
.radio_group div span.str {
	float:left;
	margin-top:1px;
	margin-left:3px;
	cursor:default
}
.radio_group div div {
	float:left;
	width:90%;
	margin-left:3px;
	color:#666;
	margin-top:5px;
}

/*
 style checkbox
*/
.checkbox {
	float:left;	
}
td.checkbox {
	float:none		
}
.checkbox .img{
	width:15px;
	height:15px;
	float:left;
	background-image:url(../images/jquery.icons.png);
}
.checkbox span{
	float:left;
	margin:0px 0 0 5px;
	color:#333;
	cursor:default;	
}

/*
* style resize
*/

.resize_class {
	background:url(../images/jquery.icons.png) no-repeat -16px -65px;
	width:15px;
	height:15px;
	position:absolute;
	cursor:nw-resize
}

/*
* style datapicher
*/

.datepicker {
	float:left;	
}
.datepicker .input_text{
	background:#FFF;
	padding-right:23px;
	height:21px;
	line-height:21px;
	text-indent:3px;
	border: solid 1px #c0cad5;
	float:left;
	cursor:pointer
}
.calendar_image {
	background: url(../images/jquery.icons.png) 0px -63px no-repeat;
	width:16px;
	height:16px;
	position:absolute;
	cursor:pointer
}
.datepicker .list_date{
	position:absolute;
	margin-top:28px;
	min-height:100px;
	border: solid 1px #c0cad5;
	background:#FFF;
	z-index:1000;
	display:none
}
.datepicker .name_day {
	background:#d9e0e7;
}

.datepicker .list_date .prev_btn, .datepicker .list_date .next_btn{
	height:20px;
	background:#d9e0e7;
	text-align:center;
	color:#333;
	text-shadow:#FFF 1px 1px 0;
	vertical-align:middle
}
.datapicher .list_date .info_date{
	text-align:center;
	font-size:9px;
	cursor:default;
	vertical-align:middle;
}
.datepicker .list_date table{
	float:left;
	border:solid 1px #9cafc2;
	text-align:center;
	height:15px;
	line-height:15px;
	cursor:pointer;
	border-collapse:collapse;
}
.datepicker .list_date table td{
	border:solid 1px #9cafc2;
	height:19px;
	vertical-align:middle;
}
.datepicker .list_date .next_btn{
	border-right:solid 1px #9cafc2;
	border-left:none;
}
.datepicker .day{
	color:#999;
	cursor:default;
}

.datepicker .day.clickTo {
	color:#333;
	cursor:pointer;
}
.datepicker .day.clickTo:hover {
	background-color:#e6eaef;
}

.datepicker .list_date .hoolyday {
	background:#d9e0e7;
}
.datepicker .list_date .tooday {
	background:#c0cad5
}

/*
style modal block
*/

.block_modal_fon {
	background:url(../../templates/images/modal.png) repeat;
	display:none;
	z-index:1000;
	position:absolute;
	float:left;
	padding:10px;
}
.block_modal_fon_fon {
	background:#4C96D4;
	width:100%;
	height:100%;
	position:absolute;
	margin:-10px;
}
.block_modal_body {
	background:#FFF;
	width:448px;
	display:none;
	float:left;
	border:solid 1px #AAAAAA;
}
.block_modal_body .block_modal_title {
	width:100%;
	background:#4B769F;
	float:left;
	border:solid 1px #45688E;
	margin-left:-1px;
	margin-top:-1px;
}
.block_modal_body .block_modal_title div {
	width:100%;
	font:bold 15px/30px Tahoma;
	text-indent:10px;
	float:left;
	color:#FFF;
	border-top:solid 1px #6088B3;
	border-bottom:solid 1px #466E94;
}
.modal_close_icon {
	width:16px;
	height:16px;
	float:right;
	background: url(../images/jquery.icons.png) -18px -80px no-repeat;
	margin-top:10px;
	margin-right:10px;
	cursor:pointer;
}
.block_modal_main {
	background:#FFF url(../../templates/images/shadow.gif) top center repeat-x;
	float:left;
	min-height:30px;
	padding:10px;
	
}
.block_modal_footer {
	background:#EEE;
	float:left;
	padding:6px 5px 6px 0px;
	border-top:solid 1px #BBB;
}
.block_modal_footer .btn{
	float:right;
}
.block_modal_footer .btn div{
	padding:4px 20px;
}
.block_modal_error {
	float:left;
	width:auto;
	font:bold 11px Tahoma;
	color:#F33;
	margin:4px 0px 0px 15px;
}
.blackFon {
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#000;
	position:fixed;
	display:none
}

/*
style colorpiker
*/

.colorpiker {
	float:left;	
}
.colorpiker .icon-click{
	width:15px;
	height:15px;
	padding:2px;
	border:solid 1px #c0cad5;
	float:left;
	margin-right:3px;
}
.colorpiker .icon-click div{
	width:15px;
	height:15px;
}
.colorpiker .text-icon{
	float:left;
	margin-top:3px;
	margin-left:2px;
	text-decoration:none;
}

.color-piker-block {
	position:absolute;
	border:solid 1px #c0cad5;
	padding:2px 5px 5px 5px;
	background:#f2f7fb;
}

.color-piker-block .color-block-min {
	width:15px;
	height:15px;
	padding:2px;
	border:solid 1px #c0cad5;
	float:left;
	margin-right:3px;
	margin-top:3px;
	background:#FFF
}

.color-piker-block .color-block-min div{
	width:15px;
	height:15px;
}