/* Tags */

html, body {
	width: 100%;
	height: 100%;					
	overflow: auto; /* when page gets too small */
}

body {
	background-color: #eaefeb;
	color: #000000;
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-shadow: #ffffff 1px 1px 0px;
}

a:link, a:visited, a.link:link, a.link:visited {
	color: #024eb6;
	text-decoration: underline;
}

a:hover, a:active, a.link:hover, a.link:active {
	color: #000000;
	text-decoration: underline;
}


h1 {
	color: #000000; 
	font-size: 14px;
	font-weight: normal;
	margin: 0px 0px 15px 0px;
}

h2 {
	color: #000000; 
	font-size: 14px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
}

h3 {
	color: #000000; 
	font-size: 12px;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
}

p {
	margin: 0px 0px 15px 0px;
}



small {
	font-size: 10px;
}

hr {
	border: none;
	box-shadow: 0 1px #dbdedc,  0 2px 0px #ffffff;
	margin: 0px 0px 0px 0px;
}

select, input, textarea, button {
	color: #000000;
	font-family: Arial, sans-serif;
	font-size: 11px;
}

fieldset {
	border: 1px solid #dbdedc;
	border-radius: 0px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 15px 0px;
	font-size: 12px;
}

legend {
	color: #535353;
	font-size: 11px;
}

/*
*      Utils
*/

.vtop {
	vertical-align: top;
}

.vmiddle {
	vertical-align: middle;
}

.vbot {
	vertical-align: bottom;
}

.hleft {
	text-align: left;
}

.hcenter {
	text-align: center;
}

.hright {
	text-align: right;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

.fcenter {
	margin-left: auto;
	margin-right: auto;
	float: none;
}

.wauto {
	width: auto;
}

.nowrap {
	white-space: nowrap;
}

.nomargin {
	margin: 0px;
	padding: 0px;
}

.cleaner {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	padding: 0px;
	margin: 0px;
	border: none;
	height: 1px;
}

.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* Layout */

#container {
	min-height:	300px;
	min-width:	780px;
	position:	absolute;
	top:		0px;	/* margins in pixels */
	bottom:		0px;	/* could also use a percent */
	left:		0px;
	right:		0px;
	
	_width:	780px; /* min-width for IE6 */
}

#header-container {
	overflow: hidden;
}

#header {
	height: 74px;
	overflow: hidden;
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
	padding: 0px 20px 0px 20px;
}

#header h1, #header-h1 {
	float: left;
	width: 350px; /* STU width: 104px;*/
	height: 61px;
	background-position: left center; /* STU background-position: center center;*/
	background-repeat: no-repeat;
	margin: -8px 0px 0px 13px; /* margin STU : -8px 0px 0px 22px;*/
   	white-space: pre-wrap;
}

#table-sell 
{
    display: table-cell;
	vertical-align: middle;
}

#header h1 a, #header-h1 a {
	width: 104px;
	height: 61px;
	display: block;
	color: transparent;
	overflow: hidden;
}

#header h2, #header-h2 {
	color: #024eb6; 
	height: 21px;
	text-align: center;
	margin: 0px 0px 0px 0px;
    font-size : 20px; /* STU Исправление кривого заголовка в мобильной версии. Нужно все прописывать. Иначе будет переопределено вордом*/
    font-weight  : normal;
    text-indent: inherit;
    font-family: "Arial", "sans-serif";
}

#header h2 span, #header-h2 span {
	height: 21px;
	background-image: url( ../img/header-right-bg.png );
	background-position: right top;
	background-repeat: no-repeat;

	padding: 0px 8px 0px 0px;
	
	color: #adc1b1;
	font-size: 12px;
	text-align: center;
	
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	display: inline-block;
}

#header h2 span span, #header-h2 span span {
	height: 17px;
	background-image: url( ../img/header-left-bg.png );
	background-position: left top;
	background-repeat: no-repeat;
	padding: 4px 7px 0px 15px;
	
	display: block;
}

#header section {
	float: right;
	margin: 0px 0px 0px 0px;
	text-align: right;
}

#login {
	zoom: 1;
	display: block;
	margin: -5px 0px 0px 0px;
	font-size: 12px;
}

#login a {
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	display: inline-block;
	margin: 1px 5px 0px 0px;
	vertical-align: middle;
}

#login a.btn-top {
	margin: 0px 0px 0px 0px;
	cursor: pointer;
}

#search {
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	margin: 10px 15px 0px 0px;
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;	
}

#search label {
	vertical-align: middle;

	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	display: inline-block;
	
	padding: 1px 0px 0px 0px;
}

#search input[type="text"] {
	margin: 1px 5px 0px 5px;
	padding: 0px 5px 0px 5px;
	width: 140px;
	height: 16px;
	color: #535353;
	font-size: 11px;
	border: 1px solid #a2a2a2;
	background-color: #ffffff;
	font-size: 12px;
	vertical-align: middle;
}

#service {
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	margin: 10px 0px 0px 0px;
	display: inline-block;
	vertical-align: middle;	
}

#box-menu {
	padding: 0px 20px 0px 20px;
	margin: 2px 0px 0px 0px;
}

#menu {
	margin: 0px auto 10px auto;
	background-image: url( ../img/menu-bg.png );
	background-position: center top;
	background-repeat: repeat-x;
	
	height: 30px;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	box-shadow: 1px 1px 2px -1px #444444;
}

#menu ul {
	margin: 0px 12px 0px 12px;
	background-image: url( ../img/menu-sep-first.png );
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 1px;
	height: 30px;
	width: 90%;
	float: left;
}

#menu ul li {
	float: left;
	display: block;
	_width: 200px;
}

#menu ul li.active {
	background-image: url( ../img/menu-bg-a.png );
	background-position: left top;
	background-repeat: repeat-x;
}

#menu ul li.active a span {
	background-image: url( ../img/menu-bg-a2.png );
	background-position: center top;
	background-repeat: no-repeat;
}

#menu ul li a:link, #menu ul li a:visited {
	display: block;
	color: #ffffff;
	text-decoration: none;
	background-image: url( ../img/menu-sep.png );
	background-position: right top;
	background-repeat: no-repeat;
	text-shadow: #245498 1px 1px 0px;
	font-size: 12px;
}

#menu ul li a:hover, #menu ul li a:active {
	text-shadow: none;
	text-decoration: none;
}

#menu ul li a span {
	height: 30px;
	display: block;
	padding: 10px 8px 0px 7px;
	position: relative;
}

#main {
	padding: 0px 0px 0px 0px;
}

#content {
	padding: 0px 20px 0px 20px;
}

.btn-top {
	border: 1px solid #d0d0d0;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #abafac;
	vertical-align: middle;

	color: transparent;
	text-indent: 100%;
   	white-space: nowrap;
   	overflow: hidden;
	cursor: pointer;
	font-size: 10px;
	
	box-shadow: 1px 1px 0px #d5dad6;

	background-color: #fefefe;
	background-position: center center;
	background-repeat: repeat-x;
	background-image: url( ../img/btn-bg.png );
	
	width: 40px;
	height: 21px;
	
	padding: 0px 0px 0px 0px;
	text-align: left;

	text-shadow: 0px 1px 0px #ffffff;
}

a.btn-top {
	display: inline-block;
	height: 19px;
	width: 38px;
}

a.btn-top-arrow {
	width: 19px;
}


a.btn-top-text {
	width: auto;
}

a.btn-top-text span {
	padding: 4px 5px 0px 5px;
	height: 15px;
}

.btn-top-active {
	background-color: #dde0de;
	background-image: url( ../img/btn-bg-a.png );
}

.btn-top:first-child {
	border-left: 1px solid #dbdedc;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.btn-top:last-child {
	border-right: 1px solid #abafac;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.btn-top::-moz-focus-inner {
	padding:0;
	border:0;
}

.btn-top span {
	width: 40px;
	padding: 4px 0px 0px 0px;
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
}

.btn-top-text {
	text-indent: 0px;
	color: #2d6ac2;
	font-size: 11px;
	width: auto;
}

.btn-top-text-disabled {
	color: #BDBDBD;
}

.btn-top-text span {
	width: auto;
	display: inline-block;
	vertical-align: middle;
	padding: 0px 5px 0px 5px;
	height: auto;
}

.btn-top-w170 span {
	min-width: 170px;
}

.btn-top-text-datepicker {
	font-size: 11px;
	width: 103px;
	background-color: #f4f9f5;
	background-image: none;
	text-align: center;
	height: 18px;
	padding-top: 1px;
}

.btn-top-text-icon {
	width: 11px;
	height: 9px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle;
}

.btn-top-arrow {
	width: 19px;
}

.btn-top-arrow span {
	width: 19px;
}


.btn-top-text-icon-ok {
	background-image: url( ../img/btn-icon-ok.png );
}

.btn-top-text-icon-cancel {
	background-image: url( ../img/btn-icon-cancel.png );
}

.btn-top-login span {
	background-image: url( ../img/icon-login.png );
}

.btn-top-lang span {
	background-image: url( ../img/icon-lang.png );
	background-position: 29px center;
	text-align: left;
}

.btn-top-lang {
	text-indent: 4px;
	color: #2d6ac2;
	font-size: 12px;
}

.btn-top-lang-pressed {
	border-bottom-right-radius: 0px !important;
}

.btn-top-lang.btn-top-lang-pressed span {
	background-image: url( ../img/icon-lang-active.png );
}

#list-lang {
	display: none;
	position: absolute;
	float: left;
	z-index: 10;
	border: 1px solid #abafac;
	box-shadow: 1px 1px 0px #d5dad6;
}

#list-lang li {
	list-style-type: none;
	background-color: #f4f5f4;
	
	float: left;
}

#list-lang li a {
	display: block;
	padding: 2px 0px 0px 4px;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #dbdedc;
	border-right: 1px solid #dbdedc;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	text-align: left;
	width: 33px;
	height: 15px;
}


.btn-top-search span {
	background-image: url( ../img/icon-search.png );
}

.btn-top-desctop span {
	background-image: url( ../img/icon-desctop.png );
}

.btn-top-mobile span {
	background-image: url( ../img/icon-mobile.png );
}

.btn-top-sendem span {
	background-image: url( ../img/icon-sendem.png );
}

.btn-top-email span {
	background-image: url( ../img/icon-email.png );
}

.btn-top-help span {
	background-image: url( ../img/icon-help.png );
}

.btn-top-html span {
	background-image: url( ../img/icon-html.png );
}

.btn-top-doc span {
	background-image: url( ../img/icon-doc.png );
}

.btn-top-pdf span {
	background-image: url( ../img/icon-pdf.png );
}

.btn-top-fav span {
	background-image: url( ../img/icon-fav.png );
}

.btn-top-print span {
	background-image: url( ../img/icon-print.png );
}

.btn-top-left span {
	background-image: url( ../img/icon-arrow-left.png );
}

.btn-top-right span {
	background-image: url( ../img/icon-arrow-right.png );
}

.btn-sort {
	width: 12px;
	height: 12px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;

	color: transparent;
	text-indent: 100%;
   	white-space: nowrap;
   	overflow: hidden;
	cursor: pointer;
	font-size: 10px;
	
	border: none;
	background-color: transparent;
}


.btn-sort-asc {
	background-image: url( ../img/btn-sort-asc.png );
}

.btn-sort-desc {
	background-image: url( ../img/btn-sort-desc.png );
}

.btn-header {
	border: none;

	color: transparent;
	text-indent: 100%;
   	white-space: nowrap;
   	overflow: hidden;
	cursor: pointer;
	font-size: 12px;
	
	background-image: url( ../img/menu-bg.png );
	background-position: center top;
	background-repeat: repeat-x;
	
	width: 42px;
	height: 30px;
	
	padding: 0px 0px 0px 0px;
	text-align: left;
	
	float: right;
	
	margin: 0px 0px 0px 0px;
	
	border-top-right-radius: 5px;
	
	cursor: pointer;
}

a.btn-header {
	display: inline-block;
}

.btn-header::-moz-focus-inner {
	padding:0;
	border:0;
}

.btn-header span {
	width: 37px;
	padding: 1px 0px 0px 5px;
	height: 29px;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
}

.btn-header-support span {
	background-image: url( ../img/icon-support.png );
}

#pic-test {
	display: none;
}

#btn-toggle-header {
	width: 13px;
	height: 11px;
	display: block;
	float: right;
	margin: 9px 10px 0px 0px;
	
	color: transparent;
	text-indent: 100%;
   	white-space: nowrap;
   	overflow: hidden;
	
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url( ../img/btn-slide-up.png );
	
	border: none;
	background-color: transparent;
	
	cursor: pointer;
	display: none;
}

#btn-toggle-header.closed {
	background-image: url( ../img/btn-slide-down.png );
}

#box-paginator {
	color: #535353;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 12px;
}

.box-paginator-hasnewmessages-link {
	position:absolute; 
	left:2px; 
	top:0px;
	padding-top: 7px;
}

.link-disabled {
	color: #BDBDBD !IMPORTANT;
	text-decoration: none !IMPORTANT;
	cursor: default !IMPORTANT;
}

.box-paginator-clearborder {
 	position: relative;
	border-style: none;
	border-width: 0px 0px 0px 0px !important;
}

#box-paginator ul {
	display: inline-block;
	margin: 0px 0px 0px 10px;
}

#box-paginator ul li {
	display: inline-block;
	list-style-type: none;
	color: #024eb6;
	padding: 0px 3px 0px 3px;
}

#box-paginator ul li.active a {
	text-decoration: none;
	color: #000000;
}

#box-paginator ul li.prev a {
	background-image: url( ../img/icon-arrow-left.png );
	background-repeat: no-repeat;
	background-position: left 2px;
	display: block;
	padding: 0px 0px 0px 0px;
}

#box-paginator ul li.next a {
	background-image: url( ../img/icon-arrow-right.png );
	background-repeat: no-repeat;
	background-position: right 2px;
	display: block;
	padding: 0px 0px 0px 0px;
}

#box-buttons {
	text-align: right;
}

.ui-layout-resizer-north , .ui-layout-resizer-north-hover, .ui-layout-resizer-south , .ui-layout-resizer-south-hover,
.ui-layout-resizer-closed-hover, .ui-layout-toggler-hover {
	background-color: #eaefeb;
}

.ui-widget {
	text-shadow: none;
}

/* Personal */


.box-front {
	margin: 0px auto 10px auto;
	background-color: #f4f9f5;
	
	border: 3px solid #ffffff;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	box-shadow: 1px 1px 2px #999999;
	
	padding: 15px 10px 0px 10px;
}


.box-front-bottom {
	margin: 0px auto 10px auto;
	background-color: #f4f9f5;
	
	border-bottom: 3px solid #ffffff;
	border-left: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
	
	border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	
	
	padding: 15px 10px 0px 10px;
}


.front-menu article {
	width: 33%;
	float: left;
	margin: 0px 0px 20px 0px;
	max-width: 310px;
}

.front-menu article div {
	padding: 0px 0px 0px 60px;
	background-position: left top;
	background-repeat: no-repeat;
	min-height: 60px;
}

.front-menu-article-1 div {
	background-image: url( ../img/icon-frontpage-1.png );
}

.front-menu-article-2 div {
	background-image: url( ../img/icon-frontpage-2.png );
}

.front-menu-article-3 div {
	background-image: url( ../img/icon-frontpage-3.png );
}

.front-menu-article-4  div {
	background-image: url( ../img/icon-frontpage-4.png );
}

.front-menu article.front-menu-article-4 {
	width: 100%;
}

.front-menu figure {
	width: 60px;
	float: left;
	margin: 0px auto 10px auto;
	text-align: left;
}

.front-menu h2 {
	margin-top: 5px;
}

.front-menu ul {
	display: block;
	font-size: 12px;
}

.front-menu ul li ul {
	float: none;
	margin: 5px 0px 10px 0px;
}

.front-menu ul li {
	margin: 0px 0px 5px 0px;
	list-style-type: none;
}

.front-menu ul.list-front-menu-level-2 li a:link, .front-menu ul li a:visited {
	background-image: url( ../img/bul.png );
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 10px;
	display: inline-block;
}

.front-menu ul.list-front-menu-level-2 li a:hover, .front-menu ul li a:active {
	background-image: url( ../img/bul-active.png );
}

.front-favorites {
	padding-bottom: 5px;
}

.front-favorites div {
	float: left;
	width: 48%;
	margin: 0px 4% 0px 0px;
	max-width: 350px;
}

.front-favorites div:nth-child(2n+1) {
	margin: 0px 0px 0px 0px;
}

.front-favorites table {
	width: auto;
}

.front-favorites table tr td {
	vertical-align: middle;
}

.front-favorites table tr td:first-child {
	padding: 5px 10px 5px 0px;
}

.front-favorites table tr td:last-child {
	white-space: nowrap;
}

.front-favorites table tr td.last-child {
	white-space: nowrap;
	vertical-align: top;
	padding-top: 9px;	
}

a.link-fav {
	padding: 2px 0px 2px 20px;
	min-height: 13px;
	background-position: left 2px;
	background-repeat: no-repeat;
	display: inline-block;
	font-size: 12px;
	line-height: 15px;
}

a.link-fav-search {
	padding: 2px 0px 2px 20px;
	min-height: 13px;
	background-position: left 2px;
	background-repeat: no-repeat;
	display: inline-block;
	font-size: 12px;
	line-height: 15px;
}

a.link-fav-tree {
	background-image: url( ../img/icon-tree.png );
}

a.link-fav-table {
	background-image: url( ../img/icon-table.png );
}

.btn-fav {
	border: none;
	background: transparent;
	color: transparent;
	width: 14px;
	height: 14px;
	text-indent: 100%;
   	white-space: nowrap;
   	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 0px 10px 0px 0px;
	font-size: 10px;
}

.btn-fav-last-child {
	margin: 0px 0px 0px 0px;
}

.btn-fav:last-child {
	margin: 0px 0px 0px 0px;
}

.btn-fav-up {
	background-image: url( ../img/icon-move-up-p.png );
}

.front-favorites table tr:hover .btn-fav-up {
	background-image: url( ../img/icon-move-up-a.png );
}

.btn-fav-down {
	background-image: url( ../img/icon-move-down-p.png );
}

.front-favorites table tr:hover .btn-fav-down {
	background-image: url( ../img/icon-move-down-a.png );
}

.btn-fav-delete {
	background-image: url( ../img/icon-delete-p.png );
}

.front-favorites table tr:hover .btn-fav-delete {
	background-image: url( ../img/icon-delete-a.png );
}

/* Business-model */

#box-tree {
	min-height: 200px;
	padding: 0px 0px 0px 20px;
}

#box-tree header {
	border-top-left-radius: 5px;

	background-image: url( ../img/menu-bg.png );
	background-position: center top;
	background-repeat: repeat-x;
	
	box-shadow: 0px 0px 1px #868686;
	
	border-bottom: 1px solid #bbbbbb;
	
	cursor: pointer;
}

#box-tree header h1 {
	height: 18px;
	padding: 5px 0px 0px 12px;

	text-shadow: #245498 1px 1px 0px;
	font-size: 12px;
	color: #ffffff;
	
	margin: 0px 0px 0px 0px;

	
	background-image: url( ../img/btn-tree-close.png );
	background-position: right center;
	background-repeat: no-repeat;

}

#btn-tree-open {
	width: 20px;
	height: 123px;
	display: none;
	top: 117px;
	left: 0px;
	position: absolute;
	
	color: transparent;
	text-indent: 100%;
   	white-space: nowrap;
   	overflow: hidden;
	
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url( ../img/btn-tree-open.png );
}

#box-tree-int {
	background-color: #f4f9f5;
	border: 1px solid #ffffff;
	
	border-top: 1px solid #e8e8e8;
	
	box-shadow: 0px 0px 1px #868686;
	
	padding: 8px;
	
	overflow: auto;
}

#box-frame {
	min-height: 200px;
	padding: 0px 20px 0px 0px;
	border-left: 1px solid #dbdedc;
}

#box-frame header {
	
	height: 30px;
	overflow: hidden;
	border-top-right-radius: 5px;

	padding: 0px 0px 0px 0px;

	background-image: url( ../img/frame-header-bg.png );
	background-position: center top;
	background-repeat: repeat-x;
	
	text-shadow: #245498 1px 1px 0px;
	font-size: 12px;
	color: #ffffff;
	
	border-bottom: 1px solid #dbdedc;
}

#box-frame-header-left {
	height: 30px;
	padding: 0px 0px 0px 0px;
	
	float: left;
	max-width: 553px;
	width: 50%;
	
	white-space: nowrap;
}

#box-frame-header-left select {
	width: 70%;
	max-width: 460px;
	font-size: 12px;
}

#box-frame-header-right {
	border-top-right-radius: 5px;
	height: 25px;
	padding: 5px 10px 0px 0px;
	
	float: right;
	
	box-shadow: 2px 0px 0px #1d54a3;
}

#box-frame-header-right.no-support {
	box-shadow: none;
}

#box-frame-header-left h1, #box-frame-header-left-h1 {
	height: 20px;
	padding: 10px 0px 0px 25px;
	margin: 0px 0px 0px 15px;

	background-image: url( ../img/icon-document.png );
	background-position: left center;
	background-repeat: no-repeat;
	
	text-shadow: #ffffff 1px 1px 0px;
	font-size: 12px;
	color: #000000;
	
	display: inline-block;
}

#iframe-doc {
	width: 100%;
	height: 100%;
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
	background-image: url( ../img/loader.gif );
	background-position: center center;
	background-repeat: no-repeat;
}


/* Search */

#box-search {
	margin: 0px auto 10px auto;
	background-color: #f4f9f5;
	border: 3px solid #ffffff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 1px 1px 2px #999999;
	padding: 15px 0px 15px 0px;
	min-width: 738px;
	text-align: center;
}

#box-search-form {
	margin: 0px auto 15px auto;
	font-size: 12px;
	
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	display: inline-block;
}

#box-search-form label {
	vertical-align: middle;

	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	display: inline-block;
	
	padding: 1px 0px 0px 0px;
}

#box-search-form input[type="text"] {
	margin: 0px 5px 0px 5px;
	padding: 0px 5px 0px 5px;
	width: 550px;
	height: 16px;
	color: #535353;
	font-size: 12px;
	border: 1px solid #a2a2a2;
	background-color: #ffffff;
}

#box-search-form-extended-title {
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url( ../img/title-bg.png );
	padding: 3px 10px 0px 10px;
	height: 18px;
	background-color: #fdfdfd;
	border-top: 1px solid #dbdedc;
	margin: 0px 0px 15px 0px;
	text-align: left;
	cursor: pointer;
}

#box-search-form-extended-title h2 {
	float: left;
	margin: 0px 0px 0px 0px;
}

#box-search-form-extended-form-container {
	margin: 0px 0px 15px 0px;
	text-align: left;
	
	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: url( ../img/section-bg.png );
	padding: 0px 0px 0px 0px;
}

#box-search-form-extended-form {
	margin: 0;
 	padding-left: 3%;
	display:inline-block;
	overflow:hidden;
	white-space:nowrap
	margin: 0px auto 0px auto;
	width: 100%;
}


#btn-toggle-title {
	width: 13px;
	height: 11px;
	display: block;
	float: right;
	margin: 3px 0px 0px 0px;
	
	color: transparent;
	text-indent: 100%;
   	white-space: nowrap;
   	overflow: hidden;
	
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url( ../img/btn-title-slide-up.png );
	
	border: none;
	background-color: transparent;
	
	cursor: pointer;
}

#btn-toggle-title.closed {
	background-image: url( ../img/btn-title-slide-down.png );
}

#box-form-results {
	height: 230px;
}

#fieldset-left-container {
	float: left;
	width: 218px;
	height: 195px;
	margin-left: 10px;
}

#fieldset-placement {
	/*float: left;*/
	width: 186px;
	height: 65px;
}

#fieldset-words {
	/*float: left;*/
	width: 186px;
	height: 65px;
}

#fieldset-place {
	float: left;
	width: 30%;
	height: 267px;
	min-width: 50px
}

#fieldset-reports {
	float: left;
 	margin-left: 10px;
	width: 30%;
	height: 267px;
	min-width: 50px
}

#box-tree-search {
	background-color: #ffffff;
	border: 1px solid #dbdedc;
	height: 250px;
	padding: 2px;
	overflow: auto;
	font-size: 11px;
	-webkit-overflow-scrolling: touch;
}

#box-tree-search-reports {
	background-color: #ffffff;
	border: 1px solid #dbdedc;
	height: 250px;
	padding: 2px;
	overflow: auto;
	font-size: 11px;
	-webkit-overflow-scrolling: touch;
}

#box-search-results {
	margin: 15px 0px 15px 0px;
	text-align: left;
	color: #535353;
	
	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: url( ../img/section-bg.png );
	padding: 0px 0px 5px 0px;
}

#box-search-results h2 {
	margin: 0px 10px 10px 10px;
}

#box-search-results ol {
	margin: 0px 0px 0px 50px;
}

#box-search-results ol li {
	margin: 0px 0px 15px 0px;
}

.box-search-results-abstract {
	padding: 5px 0px 5px 20px;
}

.box-search-results mark {
	color: #000000;
	background-color: transparent;
	font-style: normal;
	font-weight: bold;
}

.box-search-results-abstract p {
	margin: 0px 0px 0px 0px;
	font-size: 12px;
}

.box-search-results-path {
	padding: 0px 0px 0px 20px;
}

.box-search-results-path a {
	display: inline-block;
	padding: 0px 15px 0px 0px;

	background-position: right center;
	background-repeat: no-repeat;
	background-image: url( ../img/path-sep.png );
}

.box-search-results-path a:last-child {
	padding: 0px 0px 0px 0px;
	background-image: none;
}

/* Input */

#box-input {
	margin: 0px auto 10px auto;
	background-color: #f4f9f5;
	
	border: 3px solid #ffffff;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	box-shadow: 1px 1px 2px #999999;
	
	padding: 15px 15px 15px 15px;
	
	text-align: left;
}

#box-input-container {
	max-width: 900px;
	margin: 0px auto 0px auto;
}

.box-period {
	margin: 0px 0px 10px 0px;
}


.box-period-caption {
	font-size: 12px;
	display: inline-block;
	padding: 1px 10px 0px 0px;
	width: 180px;
	color: #535353;
	text-align: right;
	vertical-align: middle;
}

.box-group-caption {
	font-size: 12px;
	display: inline-block;
	padding: 1px 10px 0px 0px;
	color: #535353;
	text-align: right;
	vertical-align: middle;
	float:right;
}

.tbldata {
	border-collapse: separate;
	border-bottom: 1px solid #bac4bc;
	border-spacing: 0;
	width: 100%;
}

.tbldata tr:hover, .tbldata tr:hover td {
	background-color: #f4f9f5;
}

.tbldata td {
	border-top: 1px solid #bac4bc;
	border-left: 1px solid #bac4bc;
	color: #535353;
	font-size: 12px;
	padding: 5px 20px 5px 20px;
	background-color: #ffffff;
}

.tbldata-td-folder {
	padding-left: 10px !important; 
	font-size: 13px !important; 
}

.tbldata-td-caninput {
	background-color: #f4f9f5 !important;
}
.tbldata td:last-child {
	border-right: 1px solid #bac4bc;
}

.tbldata th {
	background-color: #568fe2;
	color: #ffffff;
	text-shadow: #416dac 1px 1px 0px;
	border-left: 1px solid #7eadf0;
	padding: 9px 20px 9px 20px;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
}

.tbldata th:first-child {
	border-top-left-radius: 5px;
	border-left: none;
	border-left: 1px solid #568fe2;
}

.tbldata th:last-child {
	border-top-right-radius: 5px;
	border-right: 1px solid #568fe2;
}

.tbldata th.tbldata-cell-sortable {
	padding-left: 8px;
}

.tbldata th a {
	color: #ffffff;
}

.text-tbldata {
	border: 0px;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
	font-size: 12px;
	color: #535353;
	text-shadow: #ffffff 1px 1px 0px;
	width: 100%;
}

.tbldata td.tbldata-cell-active {
	border: 1px solid #024EB6 !important;
	padding: 5px 20px 4px 20px;
}

.tbldata tr.tbldata-row-active td {
	background-color: #f4f9f5;
	color: #000000;
}

.tbldata tr.tbldata-row-active td input.text-tbldata {
	color: #000000;
}

.box-paginator-table {
	border: 1px solid #bac4bc;
	border-top: none;
	padding: 10px 15px 10px 15px;
	margin: 0px 0px 15px 0px;
}

.box-paginator-forum {
	border: 1px solid #bac4bc;
	border-top: none;
	padding: 7px 10px 7px 10px;
	margin: 0px 0px 0px 0px;
}

#message-error {
	position: absolute;
	font-size: 12px;
	
	padding: 10px 10px 10px 40px;

	background-position: 5px 5px;
	background-repeat: no-repeat;
	background-image: url( ../img/icon-message-error.png );
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	background-color: #ffffff;
	
	border: 1px solid #dfe8e1;
	
	box-shadow: 1px 1px 2px -1px #444444;
	
	display: none;
}

#message-error:before, #message-error:after
{
	content:'';
	position:absolute;
}

#message-error:before
{
	bottom: -4px;
	left: 20px;
	width: 7px;
	height: 7px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	background: #ffffff;
	box-shadow: 1px 1px 2px -1px #444444;
}

#message-error:after
{
	left: 10px;
	bottom: 0px;
	width: 40px;
	height: 5px;
	background: #ffffff;
}

.tblinput-cell-name {
	width: 55%;
}

.tblinput-cell-input {
	width: 15%;
}

.tblinput-cell-checkbox {
	width: 1%;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	
}

/* Tree */

#box-tree-full {
	padding: 0px 20px 0px 20px;
}

#box-tree-full header {
	border-radius: 5px 5px 0px 0px;

	background-image: url( ../img/menu-bg.png );
	background-position: center top;
	background-repeat: repeat-x;
	
	box-shadow: 0px 0px 1px #868686;
	
	border-bottom: 1px solid #bbbbbb;
	
	cursor: pointer;
}

#box-tree-full header h1 {
	height: 18px;
	padding: 5px 0px 0px 12px;

	text-shadow: #245498 1px 1px 0px;
	font-size: 12px;
	color: #ffffff;
	
	margin: 0px 0px 0px 0px;
}

#box-tree-full-int {
	background-color: #f4f9f5;
	border: 1px solid #ffffff;
	
	border-top: 1px solid #e8e8e8;
	
	box-shadow: 0px 0px 1px #868686;
	
	padding: 8px;
	
	border-radius: 0px 0px 5px 5px;
}

/* Document */

#box-iframe {
	padding: 10px 10px 10px 10px;
	background-color: #ffffff;
}

#box-iframe ul, #box-iframe ol {
	margin: 0px 0px 0px 17px;
}

#btn-tree {
	width: 20px;
	height: 123px;

	top: 117px;
	left: 0px;
	position: absolute;
	
	color: transparent;
	text-indent: 100%;
   	white-space: nowrap;
   	overflow: hidden;
	
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url( ../img/btn-tree-open.png );
}

#box-frame-full {
	padding: 0px 20px 0px 20px;
	border-left: 1px solid #dbdedc;
}

#box-frame-full header {
	
	height: 30px;
	overflow: hidden;
	border-radius: 5px 5px 0px 0px;

	padding: 0px 0px 0px 0px;

	background-image: url( ../img/frame-header-bg.png );
	background-position: center top;
	background-repeat: repeat-x;
	
	text-shadow: #245498 1px 1px 0px;
	font-size: 12px;
	color: #ffffff;
	
	border-bottom: 1px solid #dbdedc;
}

#box-frame-footer {
	background-color: #eaefeb;
	font-family: Arial, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #dbdedc;
}

#box-frame-footer-left {
	float: left;
	padding: 15px 20px 15px 0px;
	font-size: 11px;
	color: #000000;
}

#box-frame-footer-left-mob {
	float: left;
	padding: 15px 20px 15px 20px;
	font-size: 11px;
	color: #000000;
}


#box-frame-footer-right {
	float: right;
	text-align: right;
	vertical-align: baseline;
	padding: 15px 0px 15px 20px;
	font-size: 11px;
}

#box-frame-footer-right-mob {
	float: right;
	text-align: right;
	vertical-align: baseline;
	padding: 15px 10px 15px 20px;
	font-size: 11px;
}

#box-frame-footer-right input[type="radio"] {
	vertical-align: middle;
}

#box-frame-footer-right label {
	vertical-align: middle;
}

#box-frame-footer-right button {
	margin-top: 5px;
}

/* Login */

#page-login {
	background-color: #bec5bd;
}

#page-login #container {
	text-align: left;
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	margin-left: -195px; 
	/* Half the width of the DIV tag which is 50 pixels */
	margin-top: -140px; 
	/* Half the height of the DIV tag which is also 50 pixels */
	
	background-color: #f4f9f5;
	
	border: 3px solid #ffffff;
	
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	
	box-shadow: 1px 1px 3px #8e918d;
	
	width: 391px;
	height: 275px;
	
	min-width: 391px;

	max-width: 391px;
	max-height: 375px;
}

#page-login #header {
	height: 108px;
	padding: 0px 0px 0px 0px;
}

#page-login #header h1, #page-login #header-h1 {
	float: right;
	
	color: transparent;
	
	width: 50px;
	height: 28px;
	background-image: url( ../img/logo-stu.png );
	background-position: center center;
	background-repeat: no-repeat;
	margin: 6px 5px 0px 0px;
	
	text-indent: 100%;
   	white-space: nowrap;
   	overflow: hidden;
}

#page-login #header h1 a, #page-login #header-h1 a {
	width: 50px;
	height: 28px;
	display: block;
	color: transparent;
	overflow: hidden;
}

#page-login #header h2, #page-login #header-h2 {
	float: left;
	
	color: transparent;
	
	width: 244px;
	height: 32px;
	background-image: url( ../img/logo-bsp.png );
	background-repeat: no-repeat;
	margin: 28px 0px 0px 26px;
	
	text-indent: 100%;
   	white-space: nowrap;
   	overflow: hidden;
}

#page-login input[type="text"], #page-login input[type="password"] {
	border: 1px solid #868686;
	width: 224px;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	height: 14px;
}

#page-login input[type="checkbox"] {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 15px;
}

#page-login label {
	display: inline-block;
	width: 112px;
	font-size: 12px;
	vertical-align: top;
	margin: 3px 0px 0px 0px;
}

#page-login label#checkbox-remember-label {
	margin: 1px 0px 0px 7px;
}

#box-login {
	padding: 0px 0px 0px 24px;
	width: 340px;
}

#page-login button {
	float: right;
	margin: 11px 0px 0px 0px;
}

.btn-main {
	border: none;
	vertical-align: top;

   	white-space: nowrap;
	cursor: pointer;
	font-size: 14px;
	color: #ffffff;
	
	box-shadow: 1px 1px 0px #b3b7b4;

	background-color: #2d6ac2;
	background-position: center center;
	background-repeat: repeat-x;
	background-image: url( ../img/btn-main-bg.png );
	
	width: 99px;
	height: 31px;
	
	padding: 0px 0px 0px 0px;
	text-align: center;
	
	text-shadow: 0px 1px 0px #285698;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#user-login-error {
	color: #953333;
	font-size: 12px;
	margin: 13px 0px 0px 0px;
    overflow: hidden;
    max-height: 48px;
}

#user-login-copyright {
	font-size: 10px;
	text-align: center;
    margin-bottom: 2px;
    position:absolute; 
	bottom:0; 
}

#user-login-copyright-error {
	font-size: 10px;
	text-align: center;
    margin-bottom: 2px;
    position:absolute; 
	bottom:0; 
}

/* Administration */

#box-tabs {
	margin: 0px auto 0px auto;
	background-color: #f4f9f5;
	
	border: 3px solid #ffffff;
	border-bottom: none;
	
	border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	
}

.list-tabs {
	margin-top: -3px;
	height: 32px;
	background-image: url( ../img/tab-bg.png );
	background-position: center bottom;
	background-repeat: repeat-x;
	
	padding: 0px 0px 0px 10px;
}

.list-tabs li {
	height: 32px;
	list-style-type: none;
	float: left;
}

.list-tabs li.active {
	background-image: url( ../img/tab-bg-a.png );
	background-position: center top;
	background-repeat: repeat-x;
	
	border-left: 1px solid #dcdfdd;
	border-right: 1px solid #dcdfdd;
	
	border-bottom: 1px solid #fcfdfc;
	
	height: 27px;
	
	border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	
	box-shadow: 1px 0px 0px #bdbfbd, 2px 0px 0px #e3e7e3;
}

.list-tabs li a {
	height: 23px;
	display: block;
	padding: 9px 8px 0px 8px;
	font-size: 12px;
}

.list-tabs li.active a {
	height: 18px;
	color: #535353;
	text-decoration: none;
}

#page-administration #box-tree header {
	border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
}

#box-filter-form {
	margin: 2px 0px 7px 10px;
	font-size: 12px;
	
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	display: inline-block;
}

#box-filter-form label {
	vertical-align: middle;

	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	display: inline-block;
	
	padding: 1px 0px 0px 0px;
}

#box-filter-form input[type="text"] {
	margin: 0px 5px 0px 5px;
	padding: 0px 5px 0px 5px;
	width: 6px;
	height: 16px;
	color: #535353;
	font-size: 11px;
	border: 1px solid #a2a2a2;
	background-color: #ffffff;
}

#page-administration #box-frame {
	min-height: 200px;
	padding: 3px 25px 0px 0px;
	
	border-radius: 0px 0px 5px 0px;
	-webkit-border-radius: 0px 0px 5px 0px;
	-moz-border-radius: 0px 0px 5px 0px;
	
	background-image: url( ../img/border-r.png );
	background-position: right top;
	background-repeat: repeat-y;
	
	border: none;
}

#page-administration #box-tree {
	min-height: 200px;
	padding: 5px 0px 0px 22px;
	
	background-image: url( ../img/border-l.png );
	background-position: left top;
	background-repeat: repeat-y;
	
	border: none;
	
	border-radius: 0px 0px 0px 5px;
	-webkit-border-radius: 0px 0px 0px 5px;
	-moz-border-radius: 0px 0px 0px 5px;
}

/* Administration internal */

#page-administration-internal {
	background-color: #f4f9f5;
}

#box-administration {
	margin: 3px 3px 10px 3px;
	background-color: #f4f9f5;
	
	border: 3px solid #ffffff;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	box-shadow: 1px 1px 2px #999999;
	
	padding: 15px 15px 15px 15px;
	
	text-align: left;
}

/* Report popup */

#page-login.b-page-dialogue button {
	margin: 0px 0px 0px 0px;
}

#page-login.b-page-dialogue button {
	float: none;
}

#page-login.b-page-dialogue form {
	display: inline-block;
}

.b-dialogue-status {
	position: absolute;
	bottom: 0px;
	width: 100%;
}

.b-dialogue-message {
	padding: 0px 25px 10px 25px;
}

.b-dialogue-control {
	border-top: 1px solid #dbdedc;
	padding: 10px;
}

.b-dialogue-title {
	padding: 0px 25px 0px 25px;
	text-align: center;
}


/* Forum */

.box-forum {
	margin: 0px auto 0px auto;
	background-color: #f4f9f5;
	
	border: 3px solid #ffffff;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	box-shadow: 1px 1px 2px #999999;
	
	padding: 0px 0px 0px 0px;
}

.b-forum-message {
	border-top: 1px solid #dbdedc;
	padding: 5px 5px 0px 5px;
}

.b-forum-message:first-child {
	border-top: none;
}

.b-forum-message__file  {
	padding: 0px 0px 7px 0px;
}

.b-forum-message__body {
	font-size: 12px;
	margin: 0px 0px 15px 0px;
}

.b-forum-message__body  p {
	margin: 0px 0px 0px 0px;
}

.b-forum-message__header {
	font-size: 11px;
	margin: 0px 0px 15px 0px;
}

.b-forum-message__name {
	font-size: 12px;
	font-weight: bold;
}
.b-forum-message__new {
	color: red;
	font-size: 10px;
	font-weight: bold;
}

.b-forum-message__date {
	color: #666666;
}

.b-forum-message__form {
	margin-bottom: 10px;
}

.highlight { 
	color: #000000;
	background-color: transparent;
	font-style: normal;
	font-weight: bold;
}


#easyTooltip{
	padding:5px 10px;
	border:1px solid #195fa4;
	background: #fffff0 url(img/bg.gif) repeat-x;
	color:#000;
	text-decoration: none;
	}

#easyTooltip h4, #easyTooltip p{
	margin:.25em 0;
	}	

a[name]{
	text-decoration: none;
}

.td-error {
	font-weight: bold;
	color: red !important; 
}

.forum-inline-message {
	cursor:pointer;
}

.forum-fa-play {
	color:#024eb6;
	padding-right: 5px;
}