html {margin:0; padding:0;}
h1 {margin:5px 0 10px 5px; padding:0; font-family:georgia; font-variant:small-caps;}
p {max-width:1000px;}
div {padding:0; margin:0}
form {margin:0;}
table, fieldset {border:0; margin:0;}
h3 {
text-align: left;
font-family: georgia;
font-size: 12pt;
font-weight: bold;
padding-bottom: 2px;
display:inline;
}

@media screen and (max-width:1000px) {
	body {margin:0 auto; padding:0 0 70px 10px; font-family:verdana; font-size:20pt;}
	#search_form {display: none}
	.button {border-radius:10px; padding:3px 10px 3px 10px; margin: 0 0 10px 0; cursor:pointer; background: #ccc !important; display:block; font-size:20pt;}
	input[type='text'], input[type='password'], input[type='time'], input[type='number'], input[type='tel'], input[type='email'], input[type='date'], input[type='month'] {
		margin: 0 0 10px 0; 
		padding: 3px 10px; 
		border-radius: 10px; 
		box-shadow: inset 2px 2px 3px #ccc;
		-moz-box-shadow: inset 2px 2px 3px #ccc; 
		-webkit-box-shadow: inset 2px 2px 3px #ccc;
		font-size:20pt;
		}
	label {
		font-family:georgia; 
		font-size:20pt;
		font-weight:bold; 
		display:block;
	}
}

@media screen and (min-width:1001px) {
	body {margin:0 auto; padding:0 0 70px 10px; font-family:verdana; font-size:9pt;}
	#search_form {margin-top:-4px;}
	.button {border-radius:10px; padding:3px 10px 3px 10px; margin: 0 0 10px 0; cursor:pointer; background: #ccc !important; display:block;}
	input[type='text'], input[type='password'], input[type='time'], input[type='number'], input[type='tel'], input[type='email'], input[type='date'], input[type='month'] {
		margin: 0 0 10px 0; 
		padding: 3px 10px; 
		border-radius: 10px; 
		box-shadow: inset 2px 2px 3px #ccc;
		-moz-box-shadow: inset 2px 2px 3px #ccc; 
		-webkit-box-shadow: inset 2px 2px 3px #ccc;
	}
	label {
		font-family:georgia; 
		font-size:11pt;
		font-weight:bold; 
		display:block;
	}
}

input:required {border: 1px solid #fcc;}
hr {margin:20px 0};

.noborder{border:0 !important}
td {
vertical-align:top;
padding-right:20px;
}

label + p {
margin: 0 0 10px 0;
}

textarea {
margin: 0 0 10px 0; 
border-radius:10px 0 0 10px; 
padding:3px; 
box-shadow:inset 2px 2px 3px #ccc;
-moz-box-shadow:inset 2px 2px 3px #ccc; 
-webkit-box-shadow:inset 2px 2px 3px #ccc;
}

input[type='date'] {
width:130px;
}

select {
margin: 0 0 10px 0; 
padding: 3px; 
border-radius: 10px; 
box-shadow: inset 2px 2px 3px #ccc;
-moz-box-shadow: inset 2px 2px 3px #ccc; 
-webkit-box-shadow: inset 2px 2px 3px #ccc;
}

ul {list-style-position:inside;}
a:link, a:active, a:visited {color:blue; text-decoration:none;}
a:hover {color:blue; text-decoration:underline;}
#login {padding:2px; background-color:#cae1ff; margin:0; }
nav {border-bottom: 1px solid #ccc; padding:2px; background-color:#cae1ff; height:22px; color:blue;}
nav ul {padding:0; margin:0; list-style:none; position:relative; z-index:1;}
nav li {float:left; position:relative; display:block; height:18px; padding:0 5px; font-size:12pt;}
nav li a {font-size:12pt;}
nav li ul {visibility:hidden; position:absolute; padding:5px 0 2px 0; background-color:#cae1ff;}
nav li ul li{clear:both;}
nav li:hover {position:relative; font-size:12pt;}
nav li:hover > ul {visibility:visible; font-size:12pt;}

#info {border-bottom: 1px solid #ccc; padding:2px; background-color:#cae1ff; height:16px;}
#dop_menu {padding:2px 0; clear:both; margin:5px 0 0 5px; font-size:12pt;}
#dop_menu ul {padding:0; margin:0; list-style:none; position:relative;}
#dop_menu li {float:left; position:relative; display:block; padding:0 5px;}
#addlink {color:blue;}
#addlink:hover {text-decoration:underline;}
.dotless {list-style:none;}
.down {background: url('../images/down.png') no-repeat; height:16px; cursor:pointer; border:0; padding-left: 16px !important;}
.archlink {background: url('../images/warchive.png') no-repeat; height:16px; cursor:pointer; border:0; padding-left: 20px !important;}
.addlink {background: url('../images/add.png') no-repeat; height:16px; cursor:pointer; border:0; padding-left: 20px !important;}
.addedlink {background: url('../images/db_add.png') no-repeat; height:16px; cursor:pointer; border:0; padding-left: 20px !important;}
.editlink {background: url('../images/edit.png') no-repeat; height:16px; cursor:pointer; border:0; padding-left: 20px !important;}
.templink {background: url('../images/templates.png') no-repeat; height:16px; cursor:pointer; border:0; padding-left: 20px !important;}
.printlink {background: url('../images/print.png') no-repeat; height:16px; cursor:pointer; border:0; padding-left: 20px !important;}
.excellink {background: url('../images/excel.png') no-repeat; height:16px; cursor:pointer; border:0; padding-left: 20px !important;}
.edittable {font-family:verdana; font-size:9pt;}
.edittable td {vertical-align:top; padding-bottom:7px;}
.edittable th {vertical-align:top; padding:0 4px 7px 0;}
.edittable td input, .enterform input {margin:0; padding: 3px 10px 3px 10px; border:1px solid #aaa; border-radius:10px; box-shadow:inset 2px 2px 3px #ccc;-moz-box-shadow:inset 2px 2px 3px #ccc; -webkit-box-shadow:inset 2px 2px 3px #ccc;}
.edittable td select, .edittable td textarea {border:1px solid #aaa; border-radius:10px 0 0 10px; padding:3px; box-shadow:inset 2px 2px 3px #ccc;-moz-box-shadow:inset 2px 2px 3px #ccc; -webkit-box-shadow:inset 2px 2px 3px #ccc;}
.nobutton {border:0 !important; border-radius:0 !important;}
#list {border-collapse:collapse; border:1px solid #ccc; margin-bottom:20px;}
#list th {text-align:left; font-family:verdana; font-size:9pt; padding:2px; background-color:#cae1ff !important; border-right:1px solid #ccc;}
#list td {margin:0; font-size:9pt; padding:0 3px; height:18px; border-right:1px solid #ccc;}
#list td input, #list td select {border:0; font-family:verdana; font-size:9pt;}
#list tr:nth-child(even) {background-color: #e0ffff;}
#list th input, #list th select {border:0; font-family:verdana; font-size:9pt; max-width:200px;}
.over {background-color: #ff9999;}
.alt {background-color: #e0ffff;}
.list {border-collapse:collapse; border:1px solid #ccc; margin-bottom:20px;}
.list th {text-align:left; font-size:9pt; font-family:verdana; padding:2px; background-color:#cae1ff !important; border-right:1px solid #ccc;}
.list th input {border:0; font-family:verdana; font-size:9pt; max-width:200px;} 
.list th select {border:0; font-family:verdana; font-size:9pt !important; max-width:200px;}
.list td {margin:0; font-size:9pt; padding:0 3px; height:18px; border-right:1px solid #ccc; border-bottom:3px solid #ccc; vertical-align:top;}
.list td input, .list td select {border:0; font-family:verdana; font-size:9pt !important;}
.list tr:nth-of-type(even), .list tr:nth-of-type(even) input, .list tr:nth-of-type(even) select {background-color: #e0ffff;}

.biglist {border-collapse:collapse; border:1px solid #ccc; margin-bottom:20px;}
.biglist th {text-align:left; font-size:16pt !important; font-family:verdana; padding:2px; background-color:#cae1ff !important; border-right:1px solid #ccc;}
.biglist th input, .list th select {border:0; font-family:verdana; font-size:12pt; max-width:200px;}
.biglist td {margin:0; font-size:14pt; padding:0 3px; height:14px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; vertical-align:top;}
.biglist td input, .list td select {border:0; font-family:verdana; font-size:12pt;}
.biglist td input, .mini th {margin:0 !important;}

.bigtext {font-size:12pt; font-weight:bold;}

.mini td input, .mini th {margin:0 !important;}
.whover tr:hover {background-color: yellow;}
#search_from{top:-5px; position:relative;}
table.tablesorter thead tr .header {
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(images/desc.gif);
}
table.tablesorter thead th {padding-right:20px;}
table.tablesorter tr:hover {background: #f3bd48;}
.small, .small input {width:30px;}
#list td a:link, #list td a:active, #list td a:hover, #list td a:visited {font-size:9pt; color:blue;}
.list td a:link, .list td a:active, .list td a:visited {font-size:9pt; color:blue; text-decoration:none;}
.list td a:hover {font-size:9pt; color:blue; text-decoration:underline;}
.td_date {width:60px;}
.editbut {background: url('../images/edit.png') no-repeat; width:16px; height:16px; cursor:pointer; border:0;}
.wlbut {background: url('../images/wl.png') no-repeat; width:16px; height:16px; cursor:pointer; border:0;}
.savebut {background: url('../images/save.png') no-repeat; width:16px; height:16px; cursor:pointer; border:0;}
.bigsavebut {background: url('../images/big_save.png') no-repeat; width:32px; height:32px; cursor:pointer; border:0;}
.printbut {background: url('../images/print.png') no-repeat; width:16px; height:16px; cursor:pointer; border:0;}
.addbut {background: url('../images/add.png') no-repeat; width:18px; height:16px; cursor:pointer; border:0; vertical-align:middle;}
.emailbut {background: url('../images/email.png') no-repeat; width:16px; height:16px; cursor:pointer; border:0; vertical-align:middle;}
.addedbut {background: url('../images/db_add.png') no-repeat; width:18px; height:16px; cursor:pointer; border:0; vertical-align:middle;}
.archbut {background: url('../images/archive.png') no-repeat; width:20px; height:16px; cursor:pointer; border:0;}
.delbut {background: url('../images/delete.png') no-repeat; width:16px; height:16px; cursor:pointer; border:0;}
.retbut {background: url('../images/return.png') no-repeat; width:16px; height:16px; cursor:pointer; border:0;}
.filtrbut {background: url('../images/filter.png') no-repeat; width:16px; height:16px; cursor:pointer; border:0;}
.kassabut {background: url('../images/coins.png') no-repeat; width:16px; height:16px; cursor:pointer; border:0;}
.copybut {background: url('../images/copy.png') no-repeat; width:16px; height:16px; cursor:pointer; border:0;}
.upbut {background: url('../images/up.png') no-repeat; width:16px; height:16px; cursor:pointer; border:0;}
.downbut {background: url('../images/down2.png') no-repeat; width:16px; height:16px; cursor:pointer; border:0;}
.hid {color:#ccc;}
.red {color:#c00; font-weight:bold;}
.yellow {color:#f90; font-weight:bold;}
.green {color:#060; font-weight:bold;}
.backgreen {background-color:#45e765 !important; border-bottom: 1px solid #ccc;}
.backred {background-color:#f66 !important; border-bottom: 1px solid #ccc;}
.backgray {background-color:#bbb !important; border-bottom: 1px solid #ccc;}
.backblue {background-color:#0cc !important; border-bottom: 1px solid #ccc;}
.backyellow {background-color:#ff0 !important; border-bottom: 1px solid #ccc;}
.backpink {background-color:#fcc !important; border-bottom: 1px solid #ccc;}
.opl {background:#ccc;}
.prim {width:200px;}
.enterform {position:relative; width:200px; height: 150px; top:150px; margin:0 auto; border:1px solid #ccc; padding:10px 10px 10px 110px; background: url('../images/logo_mini_2.jpg') no-repeat left center; width:263px; height:88px; border:0; font-size:11pt;}
.enterform table {margin:0 0 10px 0;}
.attention, .attention input {background-color: #f33};
#sysmessage {color:red;}
#warning {color:#c00; font-weight:bold;}
#printlist {border-collapse:collapse; border:1px solid #000;}
#printlist th {text-align:left; font-size:11pt; border:1px solid #000; padding:2px;}
#printlist td {border:1px solid #000; padding:2px; font-size:11pt;}
#saveallbut {text-align:right;}
#prev_print {
width: 404px;
padding: 20px;
display: none;
background: #FFF;
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
box-shadow: 0px 0px 4px rgba(0,0,0,0.7); 
-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); 
-moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
}
#lean_overlay {
position: fixed;
z-index:100;
top: 0px;
left: 0px;
height:100%;
width:100%;
background: #000;
display: none;
}
#scroller{
    position: fixed;    
    /** позиция кнопки scroll to top **/
    bottom: 10px;   
    /** картинка кнопки наверх**/
    background: transparent url(../images/arrows4.png) no-repeat left top;  
    width: 45px;
    height: 46px;
    cursor: pointer;
    /** скрываем кнопку в начале **/
    display:none;
}

div.tabs {
background: #ccc;
padding: 1em;
}

div.container { 
margin: auto; 
width: 90%; 
margin-bottom: 10px;
}

ul.tabNavigation {
list-style: none;
margin: 0;
padding: 0;
font-size:20px;
}

ul.tabNavigation li {
display: inline;
}

ul.tabNavigation li a {
padding: 3px 9px;
background-color: #666;
color: #000;
text-decoration: none;
color:#fff;
}

ul.tabNavigation li a.selected,
ul.tabNavigation li a.selected:hover {
background: #FFF;
color: #000;
}

ul.tabNavigation li a:hover {
background: #ccc;
color: #000;
}

ul.tabNavigation li a:focus {
outline: 0;
}

div.tabs div {
padding: 5px;
margin-top: 3px;
border: 1px solid #FFF;
background: #FFF;
}

div.tabs div h2 {
margin-top: 0;
}
label.error {
color:red;
font-weight:bold;
display:block;
}
input.error, select.error {
border:2px red solid;
}

.b-container{
    width:410px;
    height:440px;
    background-color: #ccc;
    margin:0px auto;
    padding:10px;
    font-size:30px;
    color: #fff;
}
.b-popup{
    width:100%;
    min-height:100%;
    background-color: rgba(0,0,0,0.5);
    overflow:hidden;
    position:fixed;
    top:0px;
}
.b-popup .b-popup-content{
    margin:40px auto 0px auto;
    width:310px;
    height: 330px;
    padding:10px;
    background-color: #c5c5c5;
    border-radius:5px;
    box-shadow: 0px 0px 10px #000;
}
.column {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-column-rule: 1px solid #ccc;
    -moz-column-rule: 1px solid #ccc;
    column-rule: 1px solid #ccc;
}

.inl {display:inline;}

.document {
	display: block;
	margin: 2px;

}
.document a {

}
.document form input {
	vertical-align:middle;
	margin-right:5px;
}