@import url(reset.css);

body{   
    background-image:url(../img/bg.png);
    background-repeat: repeat-x;
    background-color: #423C1D;
}

#wrapper{
    width: 100%;
    height: 100%;
    margin: 0 0;
    outline: 1px solid #cccccc;
    position: absolute;
    top:  0px;
    left: 0px;
}
/*--------------------------------------------------------------------------------------------------------------------------------
	                                     ØÀÏÊÀ ÑÀÉÒÀ
----------------------------------------------------------------------------------------------------------------------------------*/
#header{
    width: 100%;
    background-color: #ffffff;	
}
#hrule{
    height: 17px;
    background-image:url(../img/hrule.png);
	background-repeat: repeat-x;    
}

#header .text1{    
    text-align:center; 
    color:#423e24; 
    font-size:18px;
    font-weight: bold;
    letter-spacing:2px;
    padding-top: 5px;
}

#header .text2{
    text-align:center; 
    color:#423e24; 
    font-size:14px; 
    padding-left: 170px;
    padding-right: 10px;
    padding-bottom: 10px;
}
/*-------------------------------------------------------------------------------------------------------------------------------
	                                ÏÀÍÅËÜ ÀÂÒÎÐÈÇÀÖÈÈ
--------------------------------------------------------------------------------------------------------------------------------*/
#login{
    position: relative;
    width: 493px;
    height: 387px;
    background-image:url(../img/login.png);
	background-repeat: no-repeat;
    margin: 50px auto;    
}

#login .text3{
    text-align: center;
    padding-top: 20px;
    color:#423e24;
    font: italic bold 28px Times New Roman;
}

#login .text4{
    text-align: center;
    margin-top: 5px;
    color:#423e24;
    font: normal bold 14px Times New Roman;
}

#tbUserName{
    border: none;
    color: #ffffff;
    font: normal bold 16px Arial;
    width: 260px;
    height: 48px;   
    background-image:url(../img/login_input.png);
    border-radius: 10px;
    margin-top: 20px;
    margin-left: 95px;
    padding-left: 44px;   
}

#tbUserName:focus{
    border: 2px solid #ffffff;
    color: #ffffff;
    font: normal bold 16px Arial;
    width: 256px;
    height: 44px;   
    background-image:url(../img/login_input.png);
    border-radius: 10px;
    margin-top: 20px;
    margin-left: 95px;
    padding-left: 44px;   
}

#tbPassword{
    border: none;
    color: #ffffff;
    font: normal bold 16px Arial;
    width: 260px;
    height: 48px;   
    background-image:url(../img/password_input.png);
    border-radius: 10px;
    margin-top: 15px;
    margin-left: 95px;
    padding-left: 44px;   
}

#tbPassword:focus{
    border: 2px solid #ffffff;
    color: #ffffff;
    font: normal bold 16px Arial;
    width: 256px;
    height: 44px;   
    background-image:url(../img/password_input.png);
    border-radius: 10px;
    margin-top: 15px;
    margin-left: 95px;
    padding-left: 44px;   
}

#btnLogin{
    border: 1px solid #B1AC90;
    color: #ffffff;
    font: normal bold 22px Arial;
    text-align: center;
    width: 200px;
    height: 50px;   
    background-color: #BB9349;
    border-radius: 5px;
    margin-top: 25px;
    margin-left: 150px;
    cursor: pointer;  
}

#btnLogin:hover{
    background-image: url(../img/hoverAct.png);
    background-repeat: repeat;
    color: #ffffff;
    border-radius: 5px;
    font: normal bold 22px Arial;
}

#login .alert_box_warning{
    background-color: #FDEFBD;
    border: 3px solid #DEC56B;
    font: normal 16px Times New Roman;
    color: #675100;
    border-radius: 5px;
    margin-top: 25px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 3px 3px;
}

.alert_box_warning{
    background-color: #FDEFBD;
    border: 3px solid #DEC56B;
    font: normal 16px Times New Roman;
    color: #675100;
    border-radius: 5px;
    margin-top: 25px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 3px 3px;
}
.alert_box_success{
    background-color: #D1E8D2;
    border: 3px solid #339933;
    font: normal bold 16px Times New Roman;
    color: #00632E;
    border-radius: 5px;
    margin-top: 25px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 3px 3px;
}
#login .alert_box_error{
    background-color: #FACFCF;
    border: 3px solid #DC1C1C;
    font: normal 16px Times New Roman;
    color: #980000;
    border-radius: 5px;
    margin-top: 25px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 3px 3px;
}  

/*--------------------------------------------------------------------------------------------------------------------------------
	                                                  ÍÈÆÍßß ×ÀÑÒÜ ÑÀÉÒÀ
-----------------------------------------------------------------------------------------------------------------------------------*/
#footer{
    height: 41px;
    background-image:url(../img/bg_foot.png);
	background-repeat: repeat-x;
    position:relative;
    top: 4%;
       
}

/*--------------------------------------------------------------------------------------------------------------------------------
	                                        ÍÀÂÈÃÀÖÈÎÍÍÎÅ ÌÅÍÞ
-----------------------------------------------------------------------------------------------------------------------------------*/
#nav{
    background-image: url(../img/lastNav.png);
    width: 100%;
    background-repeat: repeat-x;
}

#nav > ul{
    
    height: 42px;
    padding-left: 0px;
    
    
}

#nav > ul > li{
    float: left;
    text-align: center;
    position:relative;
    height: 42px;
    width: 145px;
    z-index: 2;
}

#nav > ul > li > a{
    display: block;
    text-decoration: none;
    font: 14px Tahoma, sans-serif;
    font-weight: bold;
    color: #ffffff;
    height: 100%;
    background-image: url(../img/secondNav2.png);
    background-repeat: no-repeat;
    background-position: 0 -42px;
}

#nav > ul > li > a.first{
    background-image: url(../img/firstNav.png);
    background-repeat: no-repeat;
}

#nav > ul > li.last{
    background-image: url(../img/lastNav.png);
    
    background-repeat: repeat-x;
}

#nav > ul > li > a:hover{
    background-position: 0 0;
}
/*-----------------------------------------------------------------------------------------------------------------------------*/
                       /*-----------------------------------------------------------------------
	                                     Âûïàäàþùåå ìåíþ
                       ------------------------------------------------------------------------*/
#nav li ul{
	position:absolute;
	list-style:none;
	text-align:left;
	width:180px;
	left:50%;
	margin-left:-90px;
	top:25px;
	font:bold 12px 'Open Sans Condensed', sans-serif;

	/* Âàæíî äëÿ àíèìàöèè âûâîäà/ñêðûòèÿ  */
	max-height:0px;
	overflow:hidden;
	
	-webkit-transition:max-height 0.4s linear;
	-moz-transition:max-height 0.4s linear;
	transition:max-height 0.4s linear;
}

#nav li ul li{
    background-color:#BB9349;
    border-bottom:1px solid #666B6E; 
}

#nav li ul li a{
	padding:12px;
	color:#fff !important;
	text-decoration:none !important;
	display:block;
}

#nav li ul li:hover{
	background-image: url(../img/hoverAct.png);
    background-repeat: repeat;
}

#nav li ul li:first-child{
	border-radius:3px 3px 0 0;
	margin-top:25px;
	position:relative;
}

#nav li ul li:first-child:before{ /* Óêàçàòåëü ïîäñêàçêè */
	content:'';
	position:absolute;
	width:1px;
	height:1px;
	border:5px solid transparent;
	border-bottom-color:#BB9349;
    
	left:50%;
	top:-10px;
	margin-left:-5px;
}

#nav li ul li:last-child{
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}

#nav li:hover ul{
    display: block;
	max-height:300px; /* Óâåëè÷èâàåì ïðè äîáàâëåíèè äîïîëíèòåëüíûõ âûïàäàþùèõ ïóíêòîâ */
}
/* --------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------------------------------------------
                  ÂÅÐÕÍÅÅ ÌÅÍÞ. ÈÍÔÎÐÌÀÖÈß Î ÏÎËÜÇÎÂÀÒÅËÅ È ÊÍÎÏÊÀ ÂÛÕÎÄÀ
-----------------------------------------------------------------------------------------------------------------------------------*/
#sign-out-bar{
    float: right;
    margin-top: 4px;
    margin-right: 10px;    
}

.btn-brown{
    padding: 5px 5px;
    border: 1px solid #ffffff;
    background-color: #BB9349;
    border-radius: 5px;
    color: #ffffff;   
}

.btn-brown:hover{
    cursor: pointer;
    background-image: url(../img/hoverAct.png);
    background-repeat: repeat; 
}

.btn-red{
    padding: 5px 5px;
    border: 1px solid #ffffff;
    background-color: #BB3C31;
    border-radius: 5px;
    color: #ffffff;   
}

.btn-red:hover{
    cursor: pointer;
    background-color: #870800;
}

#user-info{
   color: #ffffff; 
}

#user-info a{
    font-weight: bold;
    cursor: pointer;
    margin-right: 5px;
}

/*----------------------------------------------------------------------------------------------------------------------------------
                                    ÔÎÐÌÀ ÊÎÍÒÅÍÒÀ ÎÑÍÎÂÍÎÉ ÑÒÐÀÍÈÖÛ
-----------------------------------------------------------------------------------------------------------------------------------*/
#main-content{
    background:url("../img/main-bg.png") repeat-x scroll top center transparent;
    position:relative;
    min-height:434px;    
    padding-top:10px
}

#form-border
{
    border: 1px solid #000000;
    margin: 10px;
    padding: 10px;
    border-radius: 10px;
    background-color: #666B6E;
}

#form-border-content{
    border: 1px solid #D9D6C7;
    margin: 5px 5px 5px 5px;
    border-radius: 5px; 
}

#form-main-content{
    padding: 5px;
    vertical-align:middle;
}

#form-body{
    border: 1px solid #000000;   
    border-radius: 5px;
    background-color: #F6F5F5;
}

#form-boxhead{
    height: 32px;
    font: 18px Tahoma, sans-serif;
    font-weight: bold;
    color: #ffffff;
    padding: 5px 10px;    
    background-color: #C4AF82;
    border-radius: 5px;
}

#form-toolbox{
    height: 36px;
    border: 1px solid #D9D6C7;
    font: 20px Tahoma, sans-serif;
    font-weight: bold;
    color: #000000;
    margin: 5px;
    padding: 5px 5px;    
    background-color: #ffffff;
    border-radius: 5px;
}

.text-footer
{
    padding-left:5px;
    color: #ffffff;
}

.button-add-user
{
    width:200px;
    height:35px;
    background-image: url(../img/icons/32/adduser_9306.png);
    background-repeat:no-repeat;
    border: 1px solid #D9D6C7;
    border-radius: 5px;
    text-align:right;
    cursor:pointer;
}
.button-add-user:hover{
    border: 1px solid #A08C62; 
}

.button-add-contract
{
    width:165px;
    height:35px;
    background-image: url(../img/icons/32/newdoc_3297.png);
    background-repeat:no-repeat;
    border: 1px solid #D9D6C7;
    border-radius: 5px;
    text-align:right;
    cursor:pointer;
}
.button-add-contract:hover{
    border: 1px solid #A08C62; 
}

.button-add-price
{
    width:195px;
    height:35px;
    background-image: url(../img/icons/32/db_add_7893.png);
    background-repeat:no-repeat;
    border: 1px solid #D9D6C7;
    border-radius: 5px;
    text-align:right;
    cursor:pointer;
}
.button-add-price:hover{
    border: 1px solid #A08C62; 
}

.button-add-group
{
    width:160px;
    height:35px;
    background-image: url(../img/icons/32/chart_organisation_add_7087.png);
    background-repeat:no-repeat;
    border: 1px solid #D9D6C7;
    border-radius: 5px;
    text-align:right;
    cursor:pointer;
}
.button-add-group:hover{
    border: 1px solid #A08C62; 
}

.button-add-contractor
{
    width:195px;
    height:35px;
    background-image: url(../img/icons/32/plugin_add_6513.png);
    background-repeat:no-repeat;
    border: 1px solid #D9D6C7;
    border-radius: 5px;
    text-align:right;
    cursor:pointer;
}
.button-add-contractor:hover{
    border: 1px solid #A08C62; 
}

.button-find
{
    width:80px;
    height:30px;
    background-image: url(../img/icons/24/search_9049.png);
    background-repeat:no-repeat;
    border: 1px solid #D9D6C7;
    border-radius: 5px;
    text-align:right;
    cursor:pointer;
}
.button-find:hover{
    border: 1px solid #A08C62; 
}

.button-date
{
    width:210px;
    height:34px;
    background-image: url(../img/icons/24/left-right_2480.png);
    background-repeat:no-repeat;
    background-position:left;
    border: 1px solid #D9D6C7;
    border-radius: 5px;
    text-align:right;
    cursor:pointer;
}
.button-date:hover{
    border: 1px solid #A08C62; 
}

.button-filter
{
    width:180px;
    height:34px;
    background-image: url(../img/icons/24/stock_filter-data-by-criteria_6692.png);
    background-repeat:no-repeat;
    background-position:left;
    border: 1px solid #D9D6C7;
    border-radius: 5px;
    text-align:right;
    cursor:pointer;
}
.button-filter:hover{
    border: 1px solid #A08C62; 
}

.button-del
{
    width:100px;
    height:34px;
    background-image: url(../img/icons/24/deletered.png);
    background-repeat:no-repeat;
    background-position:left;
    border: 1px solid #D9D6C7;
    border-radius: 5px;
    text-align:right;
    cursor:pointer;
}
.button-del:hover{
    border: 1px solid #A08C62; 
}
.button-refresh
{
    width:110px;
    height:34px;
    background-image: url(../img/icons/24/gtk-refresh.png);
    background-repeat:no-repeat;
    background-position:left;
    border: 1px solid #D9D6C7;
    border-radius: 5px;
    text-align:right;
    cursor:pointer;
}
.button-refresh:hover{
    border: 1px solid #A08C62; 
}
/*--------------------------------------------------------------------------------------------------------------------------------
	                                ÂÍÅØÍÈÉ ÂÈÄ ÝËÅÌÅÍÒÎÂ ÓÏÐÀÂËÅÍÈß
----------------------------------------------------------------------------------------------------------------------------------*/
hr{
    border: 1px solid #8B8E87;
}
label{
    font: 16px Arial, sans-serif;
    color: #000000;
    margin: 5px;
}

label.boxtitle{
   color: #696B66;
   font-style: italic; 
}

#group{
    padding: 0px 10px;
}

input[type="text"]{
    height: 20px;
    border: 2px solid #cccccc;   
    background-color: #EFEFEF;
    
    margin: 5px;
}

input[type="text"]:focus{
    border: 2px solid #A08C62;
    background-color: #ffffff;   
}

input[type="password"]{
    height: 20px;
    border: 2px solid #cccccc;   
    background-color: #EFEFEF;
    font-size: 100%;
    margin: 5px;
}

input[type="password"]:focus{
    border: 2px solid #A08C62;
    background-color: #ffffff;   
}

input[type="radio"]{
    margin: 5px;
}

input[type="checkbox"]{
    height: 10px;
    margin-top: 13px;
}

textarea
{
    height: 80px;
    border: 2px solid #cccccc;   
    background-color: #EFEFEF;
    
    margin: 5px;
}

textarea:focus{
    border: 2px solid #A08C62;
    background-color: #ffffff;   
}

select{
    height: 27px;
    border: 2px solid #cccccc;   
    background-color: #ffffff;
    font-size: 100%;
    margin: 5px;
}

select:focus{
    border: 2px solid #A08C62;   
}

/*------------------------------------------------------------------------------------------------------------------------------
	                                                ÌÎÄÀËÜÍÎÅ ÎÊÍÎ
-------------------------------------------------------------------------------------------------------------------------------*/
.modalDialog {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99999;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		display: none;
		pointer-events: none;
	}

	.modalDialog:target {
		display: block;
		pointer-events: auto;
	}
	
	#openModal{
		pointer-events: auto;
	}

	.modalDialog > div {
		width: 600px;
		position: relative;
		margin: 1% auto;
		padding: 5px 5px 13px 5px;
		border-radius: 10px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
	}

	.close {
		background: #606061;
		color: #FFFFFF;
		line-height: 25px;
		position: absolute;
		right: -12px;
		text-align: center;
		top: -10px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}

	.close:hover { background: #00d9ff; }

/*------------------------------------------------------------------------------------------------------------------------------
	                                                ÏÀÍÅËÜ ÂÊËÀÄÎÊ
-------------------------------------------------------------------------------------------------------------------------------*/

p, ul{margin:0;	padding:0;}
		
		/*start tabs */
		#tabs {
			font-size: 12px;
			list-style-type: none;
			float:left; 
			background-color: #a4a7ac;
			border-radius: 6px 6px 0 0;
			-moz-box-shadow: 0 0 5px #aaa;
			-webkit-box-shadow: 0 0 5px #aaa;
			box-shadow: 0 0 5px #aaa;
			margin-left:0px;
			margin-top:10px;
		}
		 
		.tab {
			float: left;
			border: 1px solid #a4a7ac;
			padding:6px 30px;
			color: #353535;
			font-weight:bold;
			font-size:11px;
			border-radius: 6px 6px 0 0;
		}
		 
		.tab:hover {
			color:#000;
			cursor:pointer;
		}
		 
		.tab.active {
			background-color: #fff;
			border: 1px solid #fff;
			border-radius: 6px 6px 0 0;
			color:#CC0000;
		}
		 
		.tab.active a {
			float: left;
			display: block;
			color: #666666;
			padding: 5px;
			cursor: default;
		}
		/*stop tabs */
		
		/*start tab content */
		#tabs_content{
			background:#fff;
			z-index:1000;
			position:relative;
			color:#2f2f2f;
			border-radius: 3px;
			clear:both;
			padding:0px 10px 10px; 
			-moz-box-shadow: 0 0 7px #5B6573;
			-webkit-box-shadow: 0 0 7px #5B6573;
			box-shadow: 0 0 7px #5B6573;
			margin-left:0px;
			border: 1px solid #a6a6a6;
		}
		.tab_content{
			display:none;
		}
		.tab_content.active{
			display:block;
		}
/*---------------------------------------------------------------------------------------------------------------------------*/
/*start tabs */
		#tabs_2 {
			font-size: 12px;
			list-style-type: none;
			float:left; 
			background-color: #a4a7ac;
			border-radius: 6px 6px 0 0;
			-moz-box-shadow: 0 0 5px #aaa;
			-webkit-box-shadow: 0 0 5px #aaa;
			box-shadow: 0 0 5px #aaa;
			margin-left:0px;
			margin-top:10px;
		}
		 
		.tab_2 {
			float: left;
			border: 1px solid #a4a7ac;
			padding:6px 30px;
			color: #353535;
			font-weight:bold;
			font-size:11px;
			border-radius: 6px 6px 0 0;
		}
		 
		.tab_2:hover {
			color:#000;
			cursor:pointer;
		}
		 
		.tab_2.active {
			background-color: #fff;
			border: 1px solid #fff;
			border-radius: 6px 6px 0 0;
			color:#CC0000;
		}
		 
		.tab_2.active a {
			float: left;
			display: block;
			color: #666666;
			padding: 5px;
			cursor: default;
		}
		/*stop tabs */
		
		/*start tab content */
		#tabs_2_content{
			background:#fff;
			z-index:1000;
			position:relative;
			color:#2f2f2f;
			border-radius: 3px;
			clear:both;
			padding:0px 10px 10px; 
			-moz-box-shadow: 0 0 7px #5B6573;
			-webkit-box-shadow: 0 0 7px #5B6573;
			box-shadow: 0 0 7px #5B6573;
			margin-left:0px;
			border: 1px solid #a6a6a6;
		}
		.tab_2_content{
			display:none;
		}
		.tab_2_content.active{
			display:block;
		}


/*------------------------------------------------------------------------------------------------------------------------------
	                                                ÄÈÀËÎÃÎÂÎÅ ÎÊÍÎ
-------------------------------------------------------------------------------------------------------------------------------*/

.ModalPopupExtenderStyle900 {
		position: fixed;
		overflow-y: auto;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99999;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
	}

	.ModalPopupExtenderStyle900:target {
		display: block;
		pointer-events: auto;
	}
	
	.ModalPopupExtenderStyle900 > div 
	{
		width: 900px;
		position: relative;
		margin: 1% auto;
		padding: 5px 5px 13px 5px;
		border-radius: 10px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
	}
	
    .closeModalPopupExtenderStyle900 {
		background: #606061;
		color: #FFFFFF;
		line-height: 25px;
		position: absolute;
		right: -12px;
		text-align: center;
		top: -10px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}

	.closeModalPopupExtenderStyle900:hover { background: #00d9ff; }