@CHARSET "UTF-8";

@import url(layout.css);
@import url(menu.css);
@import url(list.css);
@import url(PageBar.css);

@import url(edit.css);
@import url(icons.css);

html,
body 
{
	background: #DDDDDD;
}

input,
select,
textarea,
button 
{
	font-size:1em;
	font-family:Verdana;
	font-weight: normal;
	color: #333333;
	border:1px solid #BBBBBB;
	margin:0px;
	padding:2px;
	
}

input:hover,
select:hover,
textarea:hover,
button:hover 
{
	border-color: #26A0DA;
}

input:focus,
textarea:focus
{
	border-color: #72AAD4;
}

button {
	cursor:pointer;
	border-radius:3px;
	background-color:#FFFFFF;
	padding:2px 4px;
	vertical-align: baseline;
	background: -moz-linear-gradient(top, #f7f7f7 0%, #f7f7f7 49%, #e4e3e0 50%, #e4e3e0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(49%,#f7f7f7), color-stop(50%,#e4e3e0), color-stop(100%,#e4e3e0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f7f7f7 0%,#f7f7f7 49%,#e4e3e0 50%,#e4e3e0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f7f7f7 0%,#f7f7f7 49%,#e4e3e0 50%,#e4e3e0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f7f7f7 0%,#f7f7f7 49%,#e4e3e0 50%,#e4e3e0 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f7f7f7 0%,#f7f7f7 49%,#e4e3e0 50%,#e4e3e0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e4e3e0',GradientType=0 ); /* IE6-9 */
	
}

button img {
	vertical-align: text-bottom;
}


/* overwrite normalize.css */
table { border-collapse: separate; border-spacing: 2px;}
td, th { padding: 1px;}
/* end overwrite normalize.css */


.PageTitle {
	background: linear-gradient(to bottom, #90C6EA 0%, #70A8D2 100%); /* W3C */
	font-weight:bold;
	color:#FFFFFF;
	font-size:1.15em;
	height:32px;
	line-height:32px;
	position:relative;
}

.PageTitle:after {
	content:"";
	display:block;
	background: linear-gradient(to bottom, #CCCCCC 0%, #D8D8D8 100%); /* W3C */
	height:3px;
}

.PageTitle a {
	color:#FFFFFF;
	text-decoration: none;
}



.ittiLngBar {
	color:#333;
	text-transform:uppercase;
	font-size:82%;
}

.ittiLngBar .ittiToggler {
	border:1px solid #F0F0F0;
	border-top:1px solid #478FC5;
	border-left:1px solid #478FC5;
	background: #c6c6c6; /* Old browsers */
	background: -moz-linear-gradient(top,  #c6c6c6 0%, #e6e6e6 12%, #f0f0f0 18%, #f0f0f0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(12%,#e6e6e6), color-stop(18%,#f0f0f0), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c6c6c6 0%,#e6e6e6 12%,#f0f0f0 18%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c6c6c6 0%,#e6e6e6 12%,#f0f0f0 18%,#f0f0f0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c6c6c6 0%,#e6e6e6 12%,#f0f0f0 18%,#f0f0f0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c6c6c6 0%,#e6e6e6 12%,#f0f0f0 18%,#f0f0f0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c6c6', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 2px 3px;

}

.ittiLngBar .ittiToggler.off {
	border-left:1px solid #BED9EC;
	border-top:1px solid #BED9EC;
	border-right:1px solid #478FC5;
	border-bottom:1px solid #478FC5;
	background: #9CC7E7;
	color:#666666;
}

.ittiLngBar .ittiToggler.off :hover{
	border:1px solid #26A0DA;	
}

.ittiLngBar .ittiToggler:hover{
	-webkit-box-shadow: 0px 0px 2px 0px rgba(38, 160, 218, 0.5);
	-moz-box-shadow:    0px 0px 2px 0px rgba(38, 160, 218, 0.5);
	box-shadow:        	0px 0px 2px 0px rgba(38, 160, 218, 0.5);

}

.lng_bg label:after, th.lng_bg:after, label.ittiToggler.bg:after {
	content: ""; 
	background: url(i/flag_bg.png) 100% -2px no-repeat;
	vertical-align: middle;
	display:inline-block;
	width:18px;
	height:16px;
}

.lng_en label:after, th.lng_en:after, label.ittiToggler.en:after {
    content: ""; 
	background: url(i/flag_en.png) 100% -2px no-repeat;
	vertical-align: middle;
	display:inline-block;
	width:18px;
	height:16px;
}

.lng_ru label:after, th.lng_ru:after, label.ittiToggler.ru:after {
    content: ""; 
	background: url(i/flag_ru.png) 100% -2px no-repeat;
	vertical-align: middle;
	display:inline-block;
	width:18px;
	height:16px;
}
.lng_de label:after, th.lng_de:after, label.ittiToggler.de:after {
	content: "";
	background: url(i/flag_de.png) 100% -2px no-repeat;
	vertical-align: middle;
	display:inline-block;
	width:18px;
	height:16px;
}


.ittiMainBody {
	qposition:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	top:35px;
	
	padding:5px 10px;
	qoverflow: auto;

	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	border-left:1px solid #FFFFFF; 
	
}

input.security-code {
	/*font-family: monospace;*/
	font-weight: bold;
	letter-spacing: .3em;
	font-size: 110%;
}

.itti-idref .itti-idref-autocomplete .itti-idref-search{box-sizing:border-box;padding-right:17px;background-image:url(./i/search.png); background-position:99.9% 50%; background-repeat:no-repeat;}
input.hasDatepicker{box-sizing:border-box;padding-right:17px;background-image:url(./i/calendar.png); background-position:99.9% 50%; background-repeat:no-repeat;}

table.grid {
	border-collapse: collapse;
	border: 1px solid gray;
}

table.grid > caption {
	border: 1px solid gray;
	border-bottom: none;
	padding: .2em .4em;
	font-size: 110%;
	font-weight: bold;
	font-style: italic;
}

table.grid > * > tr > * {
	border: 1px solid gray;
	padding: .2em .4em;
}

.Differences {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

.Differences thead th {
	text-align: left;
	border-bottom: 1px solid #000;
	background: #aaa;
	color: #000;
	padding: 4px;
}
.Differences tbody th {
	text-align: right;
	background: #ccc;
	width: 4em;
	padding: 1px 2px;
	border-right: 1px solid #000;
	vertical-align: top;
	font-size: 13px;
}

.Differences td {
	padding: 1px 2px;
	font-family: Consolas, monospace;
	font-size: 13px;
	word-break: break-all;
}

.DifferencesSideBySide .ChangeIns td.Left {
	background: #dfd;
}

.DifferencesSideBySide .ChangeIns td.Right {
	background: #cfc;
}

.DifferencesSideBySide .ChangeDel td.Left {
	background: #f88;
}

.DifferencesSideBySide .ChangeDel td.Right {
	background: #faa;
}

.DifferencesSideBySide .ChangeRep .Left {
	background: #fe9;
}

.DifferencesSideBySide .ChangeRep .Right {
	background: #fe9;
}

.Differences ins, .Differences del {
	text-decoration: none;
}

.DifferencesSideBySide .ChangeRep ins, .DifferencesSideBySide .ChangeRep del {
	background: #fc0;
}

.Differences .Skipped {
	background: #f7f7f7;
}

.DifferencesInline .ChangeRep .Left,
.DifferencesInline .ChangeDel .Left {
	background: #fdd;
}

.DifferencesInline .ChangeRep .Right,
.DifferencesInline .ChangeIns .Right {
	background: #dfd;
}

.DifferencesInline .ChangeRep ins {
	background: #9e9;
}

.DifferencesInline .ChangeRep del {
	background: #e99;
}