/*Tool Bar*/

#vista_toolbar {
float:left;
font:normal 11px 'Trebuchet MS','Arial';
margin:0;
padding:0;
width:99%;
}

#vista_toolbar ul {
background-image:url(back.gif);
background-repeat:repeat-x;
float:left;
line-height:32px;
list-style:none;
margin:0;
padding:0 10px 0 10px;
width:100%;
width:100%;
}

#vista_toolbar li {
display:inline;
padding:0;
}

#vista_toolbar a {
color:#FFF;
float:left;
padding:0 3px 0 3px;
text-decoration:none;
}

#vista_toolbar a span {
display:block;
float:none;
padding:0 10px 0 7px;
}

#vista_toolbar a span img {
border:none;
margin:8px 4px 0 0;
}

#vista_toolbar a:hover{
background: url(left.png) no-repeat left center;
color: #ffff3b;
}

#vista_toolbar a:hover span {
background:url(right.png) no-repeat right center;
color: #ffff3b;
}

#vista_toolbar a.active{
background: url(left.png) no-repeat left center;
color: #ffff3b;
}

#vista_toolbar a.active span {
background:url(right.png) no-repeat right center;
color: #ffff3b;
}

#vista_toolbar a.right {
float:right;
}

/* Таблица для реестра записей*/


.GridTable {
	margin-top: 2px;
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #7da4b5;
}

#GridTable {
	margin-top: 2px;
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #7da4b5;
}

#DetailGridTable {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #7da4b5;
}

#DetailGridTable td.caption{
	width: 250px;
}

#DetailGridTable td.value{
	width: 50px;
}

thead {
	background: #7da4b5;
	font: bold 10px 'Trebuchet MS','Arial';
	color: white;
}



tbody {
	font: 11px arial, sans-serif;
}

tr {
	height: 22px;
}

td, th {
	padding-left: .3em;
	padding-right: .3em;
	padding-top: .1em;
	padding-bottom: .1em;
	--border-left: 1px grey solid;
}

.resizable thead td {
	border-left: 1px white solid;
}


.resizable thead td.checkboxcol{
	--border: 1px white solid;
	width: 10px;
	-align: center;
	--border-left: none;
}

.Odd{
	background: white;
}

.Even{
	background: #e9eef5;
}
.hoverRow { 
	background-color: #f7e1be;
}

.selectedRow{
	--border: 1px #d17c28 dashed;
	background-color: #f7e1be;
}

a {
	cursor: pointer;	
}

img {
	vertical-align: middle;
	border-width:0px;
}

div.fullfilled{
	margin-top: 2px;
	--background-color: #e9eef5;
	border: 1px solid #7da4b5;
}

/*Таблица для окна редактирования*/
table.edit{
	width: 100%;
	background-color: #e9eef5;
	border: 1px solid #7da4b5;
	cursor: default;
}
table.edit td  {
	padding: .3em;
	border: 0px;
	font: 11px arial, sans-serif;
	color: #1d5975;
	width: 230px;
}
table.edit td.required {
	padding: .3em;
	border: 0px;
	font: 11px arial, sans-serif;
	color: #d17c28;
	width: 230px;
}

table.edit td.disabled {
	color: #808080
}

table.edit td  input.text[readonly="readonly"] {
	background: #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

div.dbedit {
	float: left;
	margin-top: 5px;
	padding: 2px 2px 2px 2px;
	border: 1px;
	border-color: #7da4b5;
	border-style: solid;
	width: 460px;
	cursor: default;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
div.dbedit div.buttonpanel {
	padding-top: 2px;
	float:right;
}
div.detail {
	width: 900px;
}

div.storedetailright {
	float: left;
	--margin-left: 5px;
	width: 100%;
}

div.storedetailright select{
	width: auto;
}

div.storedetailleft {
	width: 465px;
	margin-left: 5px;
	float:left;
}

div.accessdetail {
	width: 300px;
}
select {
	width: 100%;
	border-top: 1px solid #7da4b5;
	border-left: 1px solid #7da4b5;
	font: 12px arial, sans-serif;
}
input {
	border-top: 1px solid #7da4b5;
	border-left: 1px solid #7da4b5;
	font: 12px arial, sans-serif;
}

input.text {
	width: 99%;
	font: 12px arial, sans-serif;
}

input.lookup {
	width: 187px;
	text-decoration: underline;
	border-right: none;
}

a.select {
	background: url(select.png) no-repeat;
	border-top: 1px solid #7da4b5;
	padding-top: 0.22em;
	padding-bottom: 0.22em;

}

a.select:hover{
	background: url(select-hover.png) no-repeat;
}

a.clear {
	background: url(clear.png) no-repeat;
	border-top: 1px solid #7da4b5;
	padding-top: 0.22em;
	padding-bottom: 0.22em;
	margin-left: -3px;
}

a.clear:hover{
	background: url(clear-hover.png) no-repeat;
}

input.file {
	width: 98%;
}

table.search {
	color: #1d5975;
	
}

table.search input, table.search select {
	border-right: 1px solid #e9eef5;
	border-bottom: 1px solid #e9eef5;
	max-width: 200px;
}

div.storedetailright input, div.storedetailright select{
	border-right: 1px solid #e9eef5;
	border-bottom: 1px solid #e9eef5;
}

table.search select {
	width:auto;
}

table.search td {	
	white-space:nowrap;
}

input.date{
	width: 60px;
	border-right: 1px solid #e9eef5;
	border-bottom: 1px solid #e9eef5;
}

div.windowcaption{
	background: #7da4b5;
	width: 98,5%;
	font: italic 11px Georgia;
	color: white;
	padding: .2em .2em .3em .3em;
	text-align: left;
}
div.windowcaption img{ 
	float: right;
}

div.operatorpanel  {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 50px;
	width: 150px;
	margin-top: -25px; /* значение равно половине height со знаком минус */
	margin-left: -75px; /* значение равно половине width со знаком минус */
	cursor: default;
}

table.authorization {
	margin-top: 10px;
	margin-left: 30px;
}

label {
	float: right;
	font: bold 11px arial, sans-serif;
	color: #1d5975;
}
div.authorization div.windowcaption {
	background: #1d5975;
}
div.authorization {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 280px;
	margin-top: -100px; /* значение равно половине height со знаком минус */
	margin-left: -150px; /* значение равно половине width со знаком минус */
	border: 1px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-color: #1d5975;
	border-style: solid;
	font: bold 11px arial, sans-serif;
	color: #1d5975;
}
div.authorization input {
	width: 120px;
	border-right: 1px solid #e9eef5;
	border-bottom: 1px solid #e9eef5;
}

/*Длок для реестра записей*/
div.gridarea {
	-moz-user-select: none; 
	user-select: none;
	float: left;
	background: white;
	margin-top: 5px;
	padding: 2px 2px 2px 2px;
	border: 1px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-color: #7da4b5;
	border-style: solid;
	width: 100%;
	cursor: default;
}

div.buttonpanel {
	padding-top: 2px;
}

div.access {
	float: left;
	width: 100%;
}

h3 {
	padding-left: 10px;
	padding-right: 10px;
	font: bold 11px arial,sans-serif;
	color: #d17c28;
}

h2{
	font: bold 11px arial, sans-serif;
	color: #1d5975;
}

h1 {
	padding-left: 4px;
	font: bold 15px Georgia;
	color: #d17c28;
}
div.accessgroup {
	float: left;
}

div.bar {
	padding-top: 4px;
	text-align: right;
	font: bold 9px arial, sans-serif;
	color: #1d5975;
}

div.bar input {
	width: 16px;
	height: 13px;
	border: 1px solid #7da4b5;
	font: normal 12px impact, fantasy;
	color: #d17c28;
}

/*Кнопки*/
a.button {
    
	background: transparent url('bg_button_span.png') no-repeat scroll top right;
    color: white;
    display: block;
    float: left;
    font: normal 11px 'Trebuchet MS','Arial';
    height: 24px;
    margin-right: 3px;
    padding-right: 5px; /* sliding doors padding */
    text-decoration: none;
}
a.button span {
    background: transparent url('bg_button_a.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 6px;
} 
a.button:hover {
    background-position: bottom right;
    color: #ffff3b;
    outline: none; /* hide dotted outline in Firefox */
}
a.button:hover span {
	background-position: bottom left;
    padding: 6px 0 4px 6px; /* push text down 1px */
}
/*Блок для сообщений*/
/*div.ErrorMessage {
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -100px;
	position: absolute;
	border: 1px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-color: #7da4b5;
	border-style: solid;
	background: white;
}

div.modal {
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: lightgrey;
	position: absolute;
	filter: alpha(opacity=50);  
    -moz-opacity: 0.5;  
    -khtml-opacity: 0.5;  
    opacity: 0.5;
}*/

.modal {
    position: fixed;
    left:  0;
    top:  0;
    width: 100%;
    height: 100%;
    z-index: 999;
    text-align: center;
	background: rgba(0,0,0,.2);
}

.modal:after {
    display: inline-block;
    width:  0;
    height: 100%;
    vertical-align: middle;
    content: '';
} 

.ErrorMessage {
    display: inline-block;
    vertical-align: middle;
	background: white;
	border: 1px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-color: #7da4b5;
	border-style: solid;
	-moz-user-select: none; 
	user-select: none;
} 

div.alignright {
	float:right;
}

div.aligncenter {
	width: 31%;
	margin: auto;
}

div.controls {
	border: 0px white solid;
    margin-left: 30px;
	clear: both;
}

img.fieldorder {
	vertical-align: middle;
	border-width:0px;	
}

/* multiselect styles */
.multiselect {
	width: 461px;
	height: 179px;
	background-color: #e9eef5;
}

#switcher {
	margin-top: 20px;
}

form {margin: 0; padding: 0;}

div.Filters div {
	float: left;
	margin: 0px 1px 0px 1px;
	padding: 0px 3px 0px 3px;
	cursor: default;
}

div.Filters a {
	font: 11px arial, sans-serif;
	color: #1d5975;
}

div.Fields div {
	float: left;
	margin: 0px 1px 0px 1px;
	padding: 0px 3px 0px 3px;
	cursor: default;
}

div.Fields a {
	font: 11px arial, sans-serif;
	color: #1d5975;
}

.hidden {
	display: none;
}

a.a {
	text-decoration: underline;
}

div.footer {
	margin-top: 30px;
	margin-right: 70%;
	float: left;
}

div.footer a{
	font: 11px arial, sans-serif;
	color: #1d5975;
}

div.ActionMenu {
	-moz-user-select: none; 
	user-select: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-top: 1px solid lightgrey;
	border-left: 1px solid lightgrey;
	border-right: 1px solid #1d5975;
	border-bottom: 1px solid #1d5975;
	width:auto;
	padding:0px;
	background-color: #7da4b5;
	position:absolute;
	z-index: 1000;
 }
 
a.ActionMenuItem {
	color: white;
}

a.ActionMenuItem:hover {
	color: #ffff3b;
}

div.dropdown {
	-moz-user-select: none; 
	user-select: none;
	display: block;
}

#ActionMenuItemTable td{
	border-bottom: 1px solid lightgrey;
	color: white;
	cursor: pointer;
}

#ActionMenuItemTable td:hover{
	background-color: #1d5975;
	color: #ffff3b;
}

div.ReportPreview #GridTable td {
	white-space: nowrap;
}

td.Red {
	color: red;
	border: 1px dotted red;
}

td.Total {
	background: yellow;
}

tr.GridAreaTotalRow {
	border-bottom: 1px solid grey;
	font-weight: bold;
}

textarea {
	resize: none;
	border-top: 1px solid #7da4b5;
	border-left: 1px solid #7da4b5;
	font: 12px arial, sans-serif;
}

#Faq td.title {
	font: bold 13px arial, sans-serif;
	padding-left: 20px;
}

#Faq td.description {
	
}

div.fieldaccessbyvalue {
	width: 465px;
	margin-left: 5px;
	float: left;
}