/* Table of Contents:
    
   1. Global structure
       - header
       - footer
       - menu
   2. Text
       - h1-h6
       - p
       - span
   3. Link
   4. Form
   5. List
   6. Image   
   7. Page structure
       - div
       - table
   8. Additional styles   	
*/


/* Global structure
--------------------------------------------------------------------------------------- */
*
{
    margin: 0px;
    padding: 0px;
}
html
{             
    height: 100%;
    background: #f6f4ef url("../images/html_fon.jpg") repeat-x;
}
body
{      
    position: relative;
    margin: 0 auto;
    height: 100%;
    background: #f6f4ef;
    font-family: Verdana;
}
html>body
{
    height: auto;
    min-height: 100%;
}
.content
{
    padding: 0px 50px 100px 0px;
    margin-left: 355px;
}

  
/*------- header --------*/

.header
{
    height: 200px;
    border-top: solid 3px #a49e90;
    background: url(../images/header.jpg) no-repeat;
    position: relative;
}
.log_name
{
    position: absolute;
    height: 22px;
    top: 120px;
    left: 350px;
    font-size: 12px;
    color: #514e47;
    padding: 4px 0px 0px 30px;
    background: url(../images/userpic.jpg) no-repeat 0px 3px;
}
.log_name a, .log_name a:hover
{
    color: #ea1c1b;
}
.exit, .exit:hover
{
    position: absolute;
    width: 51px;
    height: 20px;
    top: 70px;
    right: 50px;
    padding-top: 54px;
    text-align: center;
    background: url(../images/exit.jpg) no-repeat;
    text-decoration: none;
    color: #a9a59c;
}
/*------- footer --------*/
.footer
{
    position: absolute;   
    left: 0px;
    bottom: 0px;
    height: 80px;
    width: 100%;
    border-top: solid 1px #dddcd8;
}
.footer span.dev_link a, .footer span.dev_link a:hover
{
    position: absolute;   
    top: 24px;
    right: 50px;
    width: 180px;
    height: 30px;
    font: 11px Tahoma, sans-serif;
    color: #b6b3a7;
    padding: 5px 0px 0px 80px;
    background: url("../images/its_logo.jpg") no-repeat;
    text-decoration: none;
}

.footer p
{
    position: absolute;   
    top: 35px;
    left: 50px;
    white-space: nowrap;
    font: 11px Verdana, Tahoma, sans-serif;
    color: #97958b;
}




/*-------- menu ---------*/
div.menu
{
    margin-bottom: 20px;
    padding: 0px 0px 0px 0px;
    width: 355px;
    float: left;
} 
div.menu p.activ, div.menu p.item
{
    margin: 0px 0px 10px 0px;
}
div.menu p.activ a
{
    border-left: solid 50px #dcd9d4;
    color: #ea1c1b;
    text-decoration: none;
    padding: 0px 0px 0px 40px;
}
div.menu p.item a
{
    border-left: solid 50px #f7f4ef;
    padding: 0px 0px 0px 40px;
}
div.menu p.item a:hover
{
    border-left: solid 50px #dcd9d4;
    padding: 0px 0px 0px 40px;
}
div.menu p.lexit
{
    margin-top: 50px;
}
div.menu p.lexit a
{
    border-left: solid 50px #f7f4ef;
    padding: 0px 0px 0px 40px;
    color: #514e47;
}

/* Text
--------------------------------------------------------------------------------------- */

/*-------------- h1-h6 --------------*/
h1
{
    text-transform:uppercase;
    font-family: Verdana;
    font-size: 18px;
    font-weight:normal;
    color: #514e47;
    margin-bottom: 14px
}
h2
{
    font-family: Verdana;
    font-size: 12px;
    font-weight:normal;
    color: #ea1c1b;
    margin: 7px 0px;
}

h3
{
    font-size: 12px;
    font-weight: bold;
    color: #686556;
    margin: 12px 0px -12px 0px;
}

h4
{
    margin: 0px 0px 13px 0px;
    font: 16px Tahoma, sans-serif;
    color: #686556;
}


/*---------------- p ----------------*/
p
{
    font: 12px Verdana, Tahoma, sans-serif;
    color: #686556;
    margin: 7px 0px;
}
p.news_date
{
    font: 11px Verdana, Tahoma, sans-serif;
    color: #686556;
    margin: 7px 0px;
    font-weight: bold;
}


/*-------------- span ---------------*/
span
{
    font: 12px Verdana, Tahoma, sans-serif;
    color: #686556;
}
.red
{
    color: #ea1c1b;
}

/* List
--------------------------------------------------------------------------------------- */
ul
{
    font: 12px Verdana, Tahoma, sans-serif;
    color: #686556;
    margin: 7px 0px;
}
li
{
    margin: 0px 0px 0px 30px;
}
/* Link
--------------------------------------------------------------------------------------- */
a, a:hover
{
    outline: none;
    font: 12px Verdana, Tahoma, sans-serif;
    color: #53a6e6;  
}

a:hover
{
    text-decoration: none;
}
a.arch_link, a.arch_link:hover
{
    color: #686556;
    background: url(../images/arch_arrow.gif) no-repeat 0px 5px;
    padding-left: 10px;
}

a.question, a.question:hover
{
	font-weight: bold;
    color: #686556;
    text-decoration: none;
    border-bottom: 1px dashed #686556; 
}

a.question:hover
{
	border: none;
}


/* Table
--------------------------------------------------------------------------------------- */
table.tprice
{
    margin: 25px 0px 20px 0px;
    border-collapse: collapse;
    width: 99%;
}
table.tprice th
{
    background-color: #dddcd8;
    border: solid 1px #97958b;
    color: #413d2e;
    font-size: 12px;
    font-weight: normal;
    padding: 10px 7px 10px 7px;
}
table.tprice th.left
{
    text-align: left;
    padding: 7px 7px 7px 7px;
}
table.tprice td
{
    background-color: #ffffff;
    border: solid 1px #97958b;
    color: #413d2e;
    font-size: 12px;
    font-weight: normal;
    padding: 7px 7px;
    vertical-align: top;
}

table.tprice textarea.input
{
	margin-bottom: 5px;
	width: 370px;
}

table.tprice td.center
{
    text-align:center;
}
table.tprice td.bold
{
    font-weight:bold;
}
.width_75
{
    width: 75%;
}
.width_100
{
    width: 100%;
}
table.no_border th
{
    border: none;
}
table.no_border td
{
    border: none;
    padding: 0px 40px 2px 0px;
}
/* Form
--------------------------------------------------------------------------------------- */
input, select
{
    margin: 2px 0px;
} 
.select
{
    border-top: solid 1px #dddcd8;
    margin: 22px 0px 0px 0px;
    padding: 10px 0px 5px 0px;
}
.bold
{
    font-weight: bold;
}
label
{
    font: 12px Verdana, Tahoma, sans-serif;
    color: #686556;
    margin: 7px 0px;
}
.login_form
{
    border: solid 1px #97958b;
    background: #ffffff;
    width: 205px;
    height: 170px;
    margin: 0 auto;
    padding: 20px 30px 20px 30px;
    position: relative;
}
.login_form p
{
    padding-top: 10px; 
}
.login_form .login
{
    position: absolute;
    left: 81px;
}
.login_form .parol
{
    position: absolute;
    left: 81px;
}
.login_form .check
{
    position: absolute;
    left: 78px;
}
.login_form .button
{
    position: absolute;
    left: 155px;
    width: 70px;
    margin-top: 20px;
}
.all_site
{
    margin-right: 17px;   
}
.statistic_but
{
    width: 76px;
}
/* Page structure
--------------------------------------------------------------------------------------- */
img
{
    border: none;
}

div.answer
{
	display: none;
	margin-bottom: 10px;
	padding: 10px 10px;
	background: #e3e0d9;
}

div.answer p
{
	margin: 0;
	padding: 0;
}

/* Additional styles (correction)
--------------------------------------------------------------------------------------- */
.login_logo
{
    background: url(../images/login_logo.jpg) no-repeat;
    width: 189px;
    height: 230px;
    margin: 0 auto;
}
.navigator
{
    color: #000000;
    font-weight: bold;
    font-size: 11px;
}
.navigator a, .navigator a:hover
{
    color: #000000;
    font-size: 11px;
}
#dialog
{ 
    overflow:auto;
    display: block;
}
.ui-state-default
{
    border: solid 20px #000000 !important;   
   
}

.ui-dialog-titlebar-close, .ui-dialog-titlebar-close:hover
{
    font: 12px Verdana !important;
    color: #686556 !important; 
    display: block !important;  
    background: url(../images/form_close.jpg) no-repeat 0px 11px !important;
    width: 80px !important;
    height: 24px !important;
    border: none !important;
    padding: 10px 0px 0px 0px !important;
}