/* Заголовки */

h1, h2, h3 {
	font-family: 'PT Sans Narrow', Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-weight: normal;
}

h1 {
	color: #3783c8;
	font-size: 175%;
	line-height: 130%;
	margin: 10px 0 0 0;
}

h2 {
	color: #7f7f7f;
	font-size: 150%;
	line-height: 120%;
	margin: 10px 0 5px 0;
}

h3 {
	color: #7f7f7f;
	font-size: 125%;
	line-height: 110%;
	margin: 10px 0 5px 0;
}

/* Списки */

div.content-block ul,
div.content-block ol {
	margin: 0 0 10px 30px;
	font-size: 80%;
}

div.content-block ul {
	list-style: disc;
}

div.content-block ul li ul {
	list-style: circle;
	margin-bottom: 0;
	font-size: 100%;
}

div.content-block ol {
	list-style: decimal;
}

div.content-block ol li ol {
	list-style: lower-latin;
	margin-bottom: 0;
	font-size: 100%;
}

div.content-block ol li ul {
	list-style: circle;
	margin-bottom: 0;
	font-size: 100%;
}

div.content-block ul li ol {
	list-style: decimal;
	margin-bottom: 0;
	font-size: 100%;
}


div.right-column-content ul,
div.right-column-content ol {
	line-height: 150%;
}

/* Табличные данные */

div.content-block table.content-table {
	border: 3px solid #ddd;
	margin-bottom: 10px;
	font-size: 90%;
}

	div.content-block table.content-table tr th,
	div.content-block table.content-table tr td {
		padding: 5px 10px;
		vertical-align: top;
		text-align: left;
		font-size: 75%;
	}
	
	div.content-block table.content-table tr th {
		color: #666;
		background-color: #ddd;
		padding: 0;
		vertical-align: middle;
	}
	
		div.content-block table.content-table tr th div {
			position: relative;
			padding: 5px 21px 5px 10px;
			border-left: 1px solid #fff;
		}
	
			div.content-block table.content-table tr th div span {
				display: block;
				width: 11px;
				height: 8px;
				position: absolute;
				top: 8px;
				right: 5px;
				cursor: pointer;
			}
	
			div.content-block table.content-table tr th div span.filter-az {
				background: transparent url(../img/button-th-filter-az.png) 0 0 no-repeat;
			}
	
			div.content-block table.content-table tr th div span.filter-za {
				background: transparent url(../img/button-th-filter-za.png) 0 0 no-repeat;
			}

		div.content-block table.content-table tr th.th-first div {
			border-left: 0;
		}
	
	div.content-block table.content-table tr th.th-centered {
		text-align: center;
	}

	div.content-block table.content-table tr td {
		border-top: 1px solid #ddd;
	}

		div.content-block table.content-table tr td span.td-recipient-name {
			display: block;
			font-size: 90%;
			color: #999;
		}

	div.content-block table.content-table tr.odd td {
		background-color: #f6f6f6;
	}
	
	div.content-block table.content-table tr.even td {
		background-color: #fff;
	}

	div.content-block table.content-table tbody tr.tr-hover td,
	div.content-block table.content-table tr.tr-body.tr-hover td {
		background-color: #9bc1e3;
		color: #fff;
	}

		div.content-block table.content-table tbody tr.tr-hover td span.td-recipient-name,
		div.content-block table.content-table tr.tr-body.tr-hover td span.td-recipient-name,
		div.content-block table.content-table tbody tr.tr-hover td a,
		div.content-block table.content-table tr.tr-body.tr-hover td a {
			color: #fff;
		}

	div.content-block table.content-table tr td.td-action {
		text-align: center;
	}

		div.content-block table.content-table tr td.td-action span {
			position: relative;
			display: block;
			width: 11px;
			height: 11px;
			background: transparent url(../img/button-td-action-on.png) 0 0 no-repeat;
			cursor: pointer;
			z-index: 2;
		}

			div.content-block table.content-table tr td.td-action span div.td-action-more {
				display: none;
				position: absolute;
				top: -5px;
				right: -5px;
				padding: 2px 30px 5px 10px;
				border: 1px solid #999;
				color: #666;
				background: #fff url(../img/button-td-action-off2.png) top right no-repeat;
				cursor: default;
			}

				div.content-block table.content-table tr td.td-action span div.td-action-more a {
					color: #3783c8;
				}

		div.content-block table.content-table tr td.td-action span:hover {
			z-index: 10;
		}

			div.content-block table.content-table tr td.td-action span:hover div.td-action-more {
				display: block;
			}

	div.content-block table.content-table tfoot tr td,
	div.content-block table.content-table tr.tr-foot td,
	div.content-block table.content-table tr.tr-foot.tr-hover td {
		color: #666;
		font-weight: bold;
		background-color: #ddd;
		padding: 5px 10px;
		vertical-align: middle;
	}

	div.content-block table.content-table tfoot tr td.td-raw-selector,
	div.content-block table.content-table tr.tr-foot td.td-raw-selector,
	div.content-block table.content-table tr.tr-foot.tr-hover td.td-raw-selector {
		text-align: right !important;
		font-weight: normal;
	}

		div.content-block table.content-table tfoot tr td.td-raw-selector select,
		div.content-block table.content-table tr.tr-foot td.td-raw-selector select {
			background-color: #fbfbfb;
			color: #666;
			font-size: 90%;
			border: 1px solid #fbfbfb;
		}

table.table-vertical tr th {
	padding: 5px 10px !important;
}

table.table-vertical tr.odd th {
	background-color: #d0d0d0 !important;
	border-bottom: 1px solid #d0d0d0;
}

div.td-action-more ul,
div.td-action-more ul li {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 100%;
}

	div.td-action-more ul li {
		white-space: nowrap;
		text-align: left;
		margin: 3px 0;
		padding-left: 16px;
	}

	div.td-action-more ul li.td-action-delete {
		background: transparent url(../img/button-td-action-delete.png) left center no-repeat;
		margin-top: 10px;
	}
					
	div.td-action-more ul li.td-action-copy {
		background: transparent url(../img/button-td-action-copy.png) left center no-repeat;
	}

	div.td-action-more ul li.td-action-details {
		background: transparent url(../img/button-td-action-details.png) left center no-repeat;
	}

		div.td-action-more ul li a {
		}


.w100 {
	width: 100%;
}

.w75 {
	width: 75%;
}

.w50 {
	width: 50%;
}

.w25  {
	width: 25%;
}

.td-monetary {
	text-align: right !important;
}

table.content-table tbody tr.odd td.td-monetary {
	background-color: #ededed;
}

table.content-table tbody tr.even td.td-monetary {
	background-color: #f9f9f9;
}

table.content-table tbody tr.tr-hover td.td-monetary,
table.content-table tbody tr.tr-body.tr-hover td.td-monetary {
	background-color: #8cb5dd !important;
}

table.content-table tfoot tr td.td-monetary,
table.content-table tr.tr-foot td.td-monetary,
table.content-table tr.tr-foot.tr-hover td.td-monetary {
	background-color: #d3d3d3 !important;
}

td.transaction-www,
td.transaction-xml {
	padding-right: 31px !important;
}

td.transaction-www {
	background: url(../img/transaction-www2.png) right top no-repeat;
}

td.transaction-xml {
	background: url(../img/transaction-xml2.png) right top no-repeat;
}

/* Мастер */

div.wizard {
	margin-bottom: 10px;
}

	div.wizard table.wizard-steps {
		border-collapse: collapse;
		border: 0;
		width: 100%;
		margin: 0 0 5px 0;
		padding: 0;
		font-size: 90%;
	}

		div.wizard table.wizard-steps td {
			border: 0;
			width: 20%;
			padding: 0;
		}

			div.wizard table.wizard-steps td a {
				display: block;
				position: relative;
				width: 100%;
				height: 100%;
				outline: none;
			}

				div.wizard table.wizard-steps td a div {
					padding: 5px 10px;
				}

				div.wizard table.wizard-steps td a span {
					display: block;
					font-size: 75%;
					font-weight: normal;
				}

			div.wizard table.wizard-steps td {
				background-color: #efefe7;
				background-image: url(../img/wizard-step-grey-grey.png);
				background-position: right center;
				background-repeat: no-repeat;
				vertical-align: top;
			}

			div.wizard table.wizard-steps td.wizard-step-done {
				background-color: #9bc1e3;
				background-image: url(../img/wizard-step-lblue-blue.png);
			}

			div.wizard table.wizard-steps td.wizard-step-done2 {
				background-color: #9bc1e3;
				background-image: url(../img/wizard-step-lblue-lblue.png);
			}

			div.wizard table.wizard-steps td.wizard-step-done3 {
				background-color: #9bc1e3;
				background-image: url(../img/wizard-step-lblue-grey.png);
			}

			div.wizard table.wizard-steps td.wizard-step-current {
				background-color: #3783c8;
				background-image: url(../img/wizard-step-blue-grey.png);
			}

			div.wizard table.wizard-steps td.wizard-step-current2 {
				background-color: #3783c8;
				background-image: url(../img/wizard-step-blue-lblue.png);
			}

			div.wizard table.wizard-steps td.wizard-step-last a {
				background-image: none;
			}

			div.wizard table.wizard-steps td.wizard-step-last a.wizard-step-current {
				background-color: #3783c8;
			}

				div.wizard table.wizard-steps td a {
					color: #3783c8;
				}

				div.wizard table.wizard-steps td.wizard-step-done a {
					color: #fff !important;
				}

				div.wizard table.wizard-steps td.wizard-step-done2 a {
					color: #fff !important;
				}

				div.wizard table.wizard-steps td.wizard-step-done3 a {
					color: #fff !important;
				}

				div.wizard table.wizard-steps td.wizard-step-current a {
					color: #fff !important;
				}

				div.wizard table.wizard-steps td.wizard-step-current2 a {
					color: #fff !important;
				}

				div.wizard table.wizard-steps td.wizard-step-last {
					background-image: none;
				}

					div.wizard table.wizard-steps td.wizard-step-current a span,
					div.wizard table.wizard-steps td.wizard-step-current2 a span,
					div.wizard table.wizard-steps td.wizard-step-done a span,
					div.wizard table.wizard-steps td.wizard-step-done2 a span,
					div.wizard table.wizard-steps td.wizard-step-done3 a span{
						color: #fff !important;
					}

/* Формы */

form {
	margin: 0;
	padding: 0;
}

div.forms-block {
	font-size: 90%;
	position: relative;
}

	div.forms-block ul.forms-content {
		list-style: none;
		margin: 0;
		padding: 0;
	}

		div.forms-block ul.forms-content li {
			display: block;
			padding: 0;
			margin: 0 0 10px 0;
			position: relative;
		}

			div.forms-block ul.forms-content li label {
				display: block;
				line-height: 100%;
				margin-bottom: 5px;
				font-weight: bold;
			}

			div.forms-block ul.forms-content li label.sub-label {
				font-weight: normal;
			}

			div.forms-block ul.forms-content li input,
			div.forms-block ul.forms-content li textarea,
			div.forms-block ul.forms-content li select {
				font-family: Verdana, Tahoma, Arial, sans-serif;
				border: 1px solid #abadb3;
				padding: 3px 5px;
				color: #666;
				background: #fbfbfb url(../img/background-form.png) 0 0 repeat-x;
				font-size: 100%;
			}

			div.forms-block ul.forms-content li div.formfield-hint {
				font-size: 90%;
				line-height: 120%;
				margin-top: 2px;
				border: 0 !important;
				clear: both;
			}

			.formfield-important {
				background: #f7f4d6 url(../img/background-form-important.png) 0 0 repeat-x !important;
			}
			.formfield-readonly 
			{
				font-family: Verdana, Tahoma, Arial, sans-serif;
				padding: 3px 5px;
				font-size: 100%;
				color: #888;
				border: 1px solid #afafaf;
				background: #e6e6e6 url(../img/background-form-readonly.png) 0 0 repeat-x;
				text-shadow: #fff 1px 1px 0;
			}
			
			div.forms-block ul.forms-content li input.formfield-readonly,
			div.forms-block ul.forms-content li textarea.formfield-readonly,
			div.forms-block ul.forms-content li select.formfield-readonly {
				color: #888;
				border: 1px solid #afafaf;
				background: #e6e6e6 url(../img/background-form-readonly.png) 0 0 repeat-x;
				text-shadow: #fff 1px 1px 0;
			}

			div.forms-block input.ui-state-error,
			div.forms-block textarea.ui-state-error,
			div.forms-block select.ui-state-error {
				border: 1px solid #800 !important;
				background: #edd9d9 url(../img/background-form-error.png) 0 0 repeat-x !important;
			}

			.formfield-big {
				width: 98%;
			}

			.formfield-big-modalform {
				width: 95%;
			}

			.formfield-medium {
				width: 60%;
			}

			.formfield-small {
				width: 30%;
			}

			.formfield-date {
				width: 100px;
			}
			
			div.ui-state-error,
			span.ui-state-error {
				display: block;
				color: #800;
				background-color: #fff;
				background-image: none;
				border: 0;
			}

div.sub-form {
	padding: 10px;
	margin-bottom: 10px;
	font-size: 90%;
	background-color: #f6f6f6;
}

div.forms-more-block {
	position: relative;
	padding: 37px 15px 15px 15px;
	font-size: 100%;
	background-color: #f6f6f6;
}

	div.forms-more-block span.forms-more-toggle {
		display: block;
		width: 24px;
		height: 22px;
		position: absolute;
		top: 15px;
		right: 15px;
		cursor: pointer;
}

	div.forms-more-block span.forms-more-toggle {
		background: url(../img/button-more-options.png) 0 0 no-repeat;
	}

	div.forms-more-block div.forms-more-content {
		display: none;
		padding: 10px 0 0 0;
		margin: 0 0 -10px 0;
		font-size: 100%;
	}

div.forms-more-opened span.forms-more-toggle {
	background: url(../img/button-less-options.png) 0 0 no-repeat;
}

input[type="checkbox"],
input[type="radio"]{
	border: 0 !important;
	background: none !important;
}

/* Разное */

div.content-block p {
	line-height: 150%;
	margin-bottom: 10px;
	font-size: 80%;
}

div.content-block img {
	max-width: 100%;
	margin-bottom: 10px;
}

span.footnote {
	display: block;
	width: 11px;
	height: 11px;
	line-height: 11px;
	background: url(../img/footnote.png) 0 0 no-repeat;
	display: inline;
	display: inline-block;
	position: relative;
	top: -2px;
	margin-left: 2px;
	z-index: 10;
}

div.buttons-big {
	margin: 15px 0 0 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	font-size: 90%;
}

	div.buttons-big a {
		float: left;
		width: 152px;
		line-height: 32px;
		height: 32px;
		margin-right: 15px;
		outline: none;
		background: url(../img/button-big.png) 0 0 no-repeat;
		color: #fff !important;
		text-decoration: none;
		text-align: center;
		text-shadow: #659dce -1px -1px 0;
	}

div.buttons-medium {
	margin: 10px 0 0 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	font-size: 75%;
}

	div.buttons-medium a {
		float: left;
		width: 130px;
		line-height: 25px;
		height: 25px;
		margin-right: 10px;
		outline: none;
		background: url(../img/button-medium.png) 0 0 no-repeat;
		color: #fff !important;
		text-decoration: none;
		text-align: center;
		text-shadow: #659dce -1px -1px 0;
	}

ul.ul-legend {
	font-size: 70% !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

	ul.ul-legend li {
		padding: 0 0 0 24px;
	}

	ul.ul-legend li.transaction-www {
		background: url(../img/transaction-www.png) left center no-repeat;
	}

	ul.ul-legend li.transaction-xml {
		background: url(../img/transaction-xml.png) left center no-repeat;
	}

ul.footnotes {
	border-top: 1px solid #efeee6;
	list-style: none;
	margin: 15px 0 0 0 !important;
	padding: 0 !important;
	font-size: 70% !important;
}

	ul.footnotes li {
		list-style: none;
		margin: 10px 0 0 0;
		padding: 0 0 0 16px;
		background: url(../img/footnote.png) 0 2px no-repeat;
		line-height: 130%;
	}

div.left-content-block .ad-block {
	margin: 0;
	padding: 15px 15px 0 15px;
	background-color: #f6f6f6;
}

	div.left-content-block .ad-block .ad-block-content {
		margin: 0;
		padding: 0;
		text-align: center;
		font-size: 0;
	}

	div.left-content-block .ad-block .ad-block-mestkom {
		margin: 0 -10px 0 0;
		padding: 0 5px 5px 5px;
		font-size: 75%;
		text-align: right;
	}

		div.left-content-block .ad-block .ad-block-mestkom a {
			color: #ccc !important;
		}

div#loader-modal {
	background: transparent url(../img/loader.gif) center center no-repeat;
}

	div.loader-modal .ui-dialog-titlebar-close {
		display: none;
	}

.right {
	text-align: right !important;
}

.center {
	text-align: center !important;
}

.float-left {
	float: left;
	margin-right: 10px;
}

b,
strong {
	font-weight: bold;
}

img {
	border: 0;
}

.radio-left input {vertical-align:top;}
div.forms-block ul.forms-content li .radio-left label {display:inline-block!important; margin-left:5px;}
