.ADCorporateBlue { color: #034EA2; }
.ADCorporateRed  { color: #ED1C24; }

.test {
	border: 1px solid red;
	padding: 0.5em;
	margin: 0.5em;
}

.small { font-size: 80%; }

.courier { font-family: courier; }

.grey { color: #666; }

.red { color: #E00; }

.w50 { width: 50%; }

.button { cursor:pointer; }

.cursor { cursor: pointer; }

.help { cursor: help; }

.message {
	padding: 10px;
	margin: 5px;
	border: 1px solid #DEEDED;
}

.global_ajax_error_block_class {
	font-family: Helvetica;
	font-size: 10pt;
	line-height: 1.3em;
	background-color: #EFE;
	background-color: #EFE;
	border: 1px solid #DDD;
	border-radius: 10px;
	text-align: center;
	margin: .5em;
	padding: .5em;
}

.rounded {
	border-radius: 5px;
}

h1, h2, h3, h4 { padding: 0px; margin: 0px; }

h1 {
	font-size: 100%;
	padding: 5px 0; 
}
h2 { font-size: 95%; padding-top: 10px; }
h3 { font-size: 90%; }
h4 { font-size: 80%; }

a {
	color: #00C;
	text-decoration: none;	
	padding: 1px;	
}
a:visited {	color: #30F; }
a:hover {
	text-decoration: underline;
	color: #00C;
	background: #EEF;
	border-radius: 3px;	
}

a:active{
	top: 1px;
	left: 1px;
	position: relative;
}
a.ajax { text-decoration: none; border-bottom: 1px dashed #66F;}

label { border-bottom: 1px dashed #CCC; }
label:hover {
	background: #EFE;
	border-radius: 5px;
}

body {
	padding: 0;
	margin: 0;
	background: white;
	color: black;
	font-family: arial,verdana,tahoma,helvetica;	
}

#mainmenu {	width: 100%; }

#breadcrumbs {
	width: 99%;
	height: 20px;
	background: #F9F9F9;
	border-bottom: 1px solid #EEE;
	padding: 5px 0 0 5px;
	font-size: 14px;	
}

#catalog_quick_search {
	float: right;
	padding: 2px;
	width: 16em;
}
#catalog_quick_search input{
	padding: 0 1px;
}
#dev_prod_indicator {
	border: 2px solid #AFA;
	float: right;
	padding: 2px;
	width: 15px;
	margin: 0;
}

#dev_prod_indicator.production { background-color: #0F0; }
#dev_prod_indicator.development { background-color: #F00; }
#dev_prod_indicator.test { background-color: #F0F; }

.errormsg {
	margin: 10px;
	padding: 5px;
	border: 1px solid red;
	background: #FCC;	
}

.errormsg ul { margin: 0; }

#console {
	padding: 5px;
	display: none;
	border: 1px solid #0F0;	
	background: #EFE;
	font-size: 90%;
	height: 100px;
	overflow: auto;
	margin: 10px 10px 5px 10px;
}

#current_task_info {
	background-color: #FFE;
	border: 1px solid #AAA;
	border-radius: 3px;
	font-size: 90%;
	margin: 5px;
	padding: 10px;
	text-align: center;
}
#current_task_info .task_name
{
	font-size: 90%;
}
#current_task_info a{
	background-color: #EEF;
	border-radius: 3px;	
	padding: 3px;
}
#current_task_info a:hover{
	background-color: #DDF;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
}

#method_main_body {
	padding: 5px;
	margin: 10px;
}

#footer_admin_link {
	vertical-align:bottom;
	text-align: right;
	font-size: 9pt;
	font-style: italic;
	margin: 1em;
}

#footer_navigator {
	font-size: 10pt;
	font-family: Arial;
	padding: 5px 0;
	border-top: 1px solid #CCC;
	vertical-align:bottom;
	text-align: center;
}

#footer_copyright {
	font-size: 12pt;
	text-align: center;		
}

#online_users_list{
	display: none;
	color: #669;
	font-size: 80%;
	margin: 1em;
	padding: 1em;
	border: 1px solid #669;
	border-radius: .5em;
}

.security_level0{background-color: #CFF;}
.security_level1{background-color: #CCF;}
.security_level2{background-color: #FCC;}

div.access_list_table h1{
	margin: .3em 0 0 0; 
	padding: 0;
}
div.access_list_table table {
	border-color: #AAA;
	display: none;
	width: 100%; 
}
div.access_list_table table td, div.access_list_table table tr:first-child td {
	border-color: #CCC;
	padding: 1px 3px; 
	font-size: 80%;
}
div.access_list_table table tr:hover td { background-color: #E9E9FF}

.pagenav {
	font-family: Arial;
	font-size: 80%;
}

textarea, input {
	padding: 0.1em 0.1em;
	margin: 1px;
	font-family: Arial;
	tab-size : 4;	
}

select {
	padding: 1px;
	margin: 1px;
	font-family: Arial;
}

input[type=radio], input[type=checkbox] { border: none; }

textarea:focus, input:focus, select:focus {}

input[type=radio]:focus, input[type=checkbox]:focus { border: none; }

option.selected { background-color: #FAA; }

.paging { 
	font-size: 90%;
	padding: 5px;	
	text-align: left;
}

/* STANDART TABLE */

table.highlighted tr:hover td { background-color: #E9E9FF}

table,
table.bordered  {
	border: none;
	border-collapse: separate;
	border-spacing: 0;
}
/* class bordered to put "standart" tables inside a layout table*/
table td{
	border: none;
	border-bottom: 1px solid #000;		
	border-right: 1px solid #000;		
	padding: 5px;
	vertical-align: top;	
}
table td:first-child, table th:first-child{border-left: 1px solid #000;}

table tr:first-child td, table tr:first-child th{border-top: 1px solid #000; }

table .high td { background-color: #CEF; }

table th {
	background: #EEE;
	border: none;
	border-bottom: 1px solid #000;	
	border-right: 1px solid #000;	
	color: #333;
	font-size: 80%;
	height: 30px;
	text-align: center;
	padding: 0 3px;
	position: sticky;
	top: 25px;
}

table th.turned{
	vertical-align: bottom;  
	text-align: center;
}

table th.turned span{
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	white-space: nowrap;
}

div.create_link {		
	padding: 4px 0 4px 1em;
	text-align: left;	
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;	
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border: 1px solid #000;	
	border-bottom: 1px solid #FFF;
	width: 25em;
}
div.create_link:hover{		
	background: #EEF;	
}
div.create_link  a {
	font-size: 90%;
	letter-spacing: .05em;
}
table .nowrap { white-space: nowrap;}
table .c1 {
	font-size: 90%;
	font-weight: bold;
}
table .c2 {
	font-size: 80%;
}

table .monospace {
	font-family: 'Courier New', Courier, monospace;
}

table td.l, table th.l { text-align: left; }

table td.c, table th.c { text-align: center; }

table td.r, table th.r { text-align: right;}

table td.m, table th.m { vertical-align: middle; }

table td.t, table th.t { vertical-align: top; }

/* Active table*/
table.active {
	
}
table.active tr:first-child td, table.active tr:first-child th{border-top: 1px solid #060; }

table.active tr th{background-color: #DED}


/* Layout table, back to defaults */

table.layout {
	border: none;	
	border-collapse: collapse;
	border-spacing: 0;
}

table.layout>tbody>tr>td {border: none; padding: 0; margin:0;}
table.layout>tbody>tr {background: inherit;}
t1able.layout>tbody>tr>td:first-child, table.layout>tbody>tr>th:first-child  {border: none;}
t1able.layout>tbody>tr:first-child>td, table.layout>tbody>tr:first-child>th {border: none;}


/* Strandart form view */

form.yellow {
	border: 1px solid #DDD;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: #FFFFF9;
	padding: 0 10px 10px 10px;
	margin: 1.5em 0;
}

form.yellow div {margin: 1px;}
form.yellow>h1 {
	font-size: 14px;
	margin: -10px -11px 0 -11px;
	padding: 5px;
	border: 1px solid #DED;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	background-color: #EFF;
	text-align: left;
}

form.yellow div.header_links{
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	float: right;
	border: 1px solid #DDD;
	border-top-right-radius: 5px;
	margin: -3px -3px 2px 10px;	
	padding: 2px;	
}
form.yellow div.header_links:hover{
	background-color: #9FF;
	cursor: pointer;
}

form.yellow div.params_block{
	border: 1px solid #CCC; 
	border-radius: 5px; 
	padding: 5px; 
	margin-top: 1em;
}
form.yellow div.params_block>h2{
	margin: -1em 0 0 0; 
	background-color: #EEE; 
	border-radius: 5px; 
	padding: 3px  .5em;
}

form.yellow div.info_block{
	background-color: #DDFFDD;
	border: 1px solid #00FF00;
	border-radius: 5px;
	box-shadow: 3px 3px 2px #888888;	
	float: right;	
	margin: .5em 0 0 0;
	padding: .5em;	
}
form.yellow div.info_block h2{
	margin-top: .5em;
	padding: 0;
}
form.yellow div.info_block ul{
	margin:0;
	padding: 0 0 0 1em;
	line-height: 1.5em;
}	
form.yellow h2 {
	font-size: 13px;
	font-weight: normal;	
	margin: .7em 0 0 0;
	padding: 0;
}
form.yellow label {
	font-size: 13px;
	margin-left: 2px;	
}

form.yellow div.hint {
	width: 99%;
	background-color: #ffffE5;
	border: 1px solid #ffffC5;
	border-radius: 3px;
	box-shadow: 1px 1px 1px #888888;
	font-size: 12px;
	margin: .2em 0 .2em -.2em;
	padding: .3em;
}
form.yellow input[type=submit], form.yellow input[type=button], form.yellow input[type=file]  { margin-top: 1em; font-size: 13px;}
form.yellow input[type=text], form.yellow select { width: 30em; }
form.yellow input[type=radio], form.yellow input[type=checkbox] { margin-top: .3em; margin-left: 0}
form.yellow input[type=text], form.yellow select { margin-top: .1em; }
form.yellow div.hint p{
	margin: 0;
	padding: 0;
	line-height: 1.3em;
}

form.yellow div.tools {
	background-color: #FFC;
	border-top: 1px solid #AAA;
	font-size: 90%;
	line-height: 1.3em;
	margin: 1em -10px -10px -10px;
	padding: 5px 0;
}
form.yellow div.tools table td {
	border-radius: 5px;
	padding: 5px;
	text-align: center;
}
form.yellow div.tools table td:hover{
	background-color: #EFF;
}
form.yellow div.tools table td a{/* discard basic behavior*/
	text-decoration: underline;
	color: #00C;
	background: inherit;
	border-radius: 0;	
}


/* ----------    Long process logging ---------- */
.log_long_process {
	display: none; 
	text-align: center;
	width: 90%; 
}
.log_long_process > div:first-child {
	
	border: 1px solid #999; 
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px; 
	margin: 0; 
	padding: 3px 10px;
	width: 100%; 
}
.log_long_process > div:first-child > div:nth-child(1) {
	padding-left: 50%;
}
.log_long_process > div:first-child > div:nth-child(2)  {
	float: right; 
	width: 100%;
}
.log_long_process > div:first-child > div:nth-child(3)  {
	clear: both;
}
.log_long_process > div:last-child {
	background: #eee;
	border: 1px solid #999; 
	border-top: none; 
	font-family: courier; 
	font-size: 90%; 
	height: 20em; 
	overflow: auto; 
	padding: 10px; 
	text-align: left; 
	width: 100%; 	
}
.log_long_process > div:last-child p {
	margin: 0;
}

.log_long_process .percentage{
	position: absolute; 
	text-align: center;
}
.log_long_process .progressor{
	height: 22px;	
	width: 100%; 
}