/* 
    Document   : main
    Created on : 14.02.2011, 15:19:46
    Author     : щетинин
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

* {margin:0; padding:0;}

body, html
{
    border: 0;
}

html {
    height:auto !important;
    height:100%;
    min-height:100%;
    font-size: 100.01%;    

    /*background: RGB(127,154,199);*/ /* for non-css3 browsers */
    /*background: -o-linear-gradient(RGB(63,99,151), RGB(127,154,199)); *//* Opera 11.10+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f6397', endColorstr='#7f9ac7'); *//* for IE */
    /*background: -webkit-gradient(linear, left top, left bottom, from(#3f6397), to(#7f9ac7)); *//* for webkit browsers */
    /*background: -moz-linear-gradient(#3f6397,  #7f9ac7); *//* for firefox 3.6+ */
    /*background: linear-gradient(#3f6397, #7f9ac7);*/

    
}

body {
    background-image: url('../i/main_bgr.png');
    background-repeat: repeat;
    background-position: top left;
    background-attachment: scroll;
    
    padding:20px 0;
    /*background: cornflowerblue url(../i/body_background.gif) scroll left top repeat-x;*/
    
    /*background: RGB(127,154,199);*/
    /*background-repeat: repeat-x;*/
    
   
    
    text-align:center;
    //font-family: Arial,Helvetica,sans-serif;
    
    font-family: 'Open Sans', arial, sans-serif;
    //font-size: 62.5%;  
    font-size: 70%;  
    //font: 13px/21px 'Open Sans', arial, sans-serif;
    
    
    /*height:100%;*/
    /*height:auto !important;
    
    min-height:100%;*/
    
}
#main {
    width:1005px; margin:0 auto; text-align:left; position: relative;
    background: rgb(255, 255, 255);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

#header {
    position: relative;
    height:205px;
    //background: white url(../i/header_background2.jpg) scroll 0 0 no-repeat;
    overflow :hidden;
    /*margin-bottom: 3px;*/
    background-color: rgb(211, 228, 240);
    border-bottom: 1px solid rgb(217, 217, 217);
}

#logo {
    /*margin: 30px 50px;*/
    margin-left: 50px;
    margin-top: 15px;
    border: none;
}

#logo a img {
    border: none;
}

/*#menu {
    height:28px;
    background-color: #CCC;
    font-size: 1.6em;    
    padding-top: 1px;
}


#menu ul {
    width: 565px;
    margin: 0 auto;    
}*/

#body {
    /*position: relative;*/
    padding-left: 30px;
    padding-right: 30px;
    /* padding-right: 300px;*/
    padding-bottom: 50px;
    padding-top: 20px;
    /* background: rgb(255,255,255) url(../i/title_background.jpg) scroll 100% 0 no-repeat;*/
    background: rgb(255,255,255);
    font-size: 1.2em;
    min-height: 400px;
    height: auto !important;
    height: 400px;
    /*margin-bottom: 3px;*/
}

#general #body {
    /*padding-right: 340px;*/
    //background: rgb(255,255,255) url(../i/title_background.jpg) scroll 0 100% no-repeat;
    padding-bottom: 250px;    
    min-height: 200px;
    height: auto !important;
    height: 200px;
}

#general #body p {
    text-indent: 25px;
    text-align: justify;
    font-size: 1.2em;
}

#body a:hover {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
color: rgb(85, 85, 85);
font-family: "Open Sans", arial, serif;
font-weight: normal;
}

#body h1{
    //font-size: 1.4em;
    font-weight: 300;
    font-size: 28px;    
    /*color: #4C5353 *//*rgb(77,127,187)*/;
    margin: 1em 0 1em 0;
    border-bottom: 1px solid #CCC; /*rgb(77,127,187)*/    
}

#body h2{
    font-size: 1.2em;
    //color: rgb(35,62,95);
    font-weight: bold;
    margin: 1em 0 1em 0;
}

#body p{
    margin: 1em 0 1em 0;
    text-align: justify;
}

#body ul li{
    /*padding-left: 0px;*/
    padding-left:10px; /* отступ от маркера */
    background:url(../i/dot.gif) no-repeat 0em 0.5em; /* задаем фон */
}

#body ul{
    /*list-style-image: url(../i/dot.gif);*/
    margin-left: 20px;
    padding: 0; /* Убираем поля */
    list-style : none;

}

#body ol{
    margin-left: 20px;
}

#body ul.big_margin li{
    margin-top: 5px;
}

#login {
    /*border: 2px dotted rgb(77,127,187);*/
    float: right;
    /*overflow: hidden;*/
    /*position:absolute;*/
    width: 215px;
    /*text-align: center;*/
    background-color: #fff;    
    margin-left: 10px;
    margin-bottom: 10px;
    font-size: 1em;
    padding: 0;
}

#formLoginHeader {
    background: RGB(137,217,48) url(../i/cab_form_header_background_mini.jpg) scroll 0 0 no-repeat;
    height: 57px;
    color: RGB(36,62,95);
    font-weight: bold;
    padding: 0px 0px;
}

#formLoginHeader p {
    margin: 0;
    padding: 10px 30px;
    text-align: center;
}

#formLoginBody {
    background: RGB(27,46,71) url(../i/cab_form_body_background.gif) scroll 0 0 repeat-x;
    padding: 10px 20px 1px 20px;
}

#formLoginBody .label{
    display: block;
    padding-bottom: 5px;
    color: rgb(109,207,246);
}

#formLoginBody h2{
    /*text-align: center;*/
    padding: 0;
    margin: 0;
    color: RGB(137,217,48);
    font-size: 1em;
}

#formLoginBody .unreg{
    display: block;
    color: rgb(109,207,246);
}

#formLoginBody .OOO{
    color: RGB(137,217,48);
}


#user_sel, #pass {
    width: 170px;
    font-size: 1em;
}

#submit {
    margin-left: 115px;
    margin-top: 10px;
    color: RGB(36,62,95);
    padding: 3px 0px;
    font-weight: bold;
    width: 60px;
}

#formLoginFooter {
    background: RGB(27,46,71) url(../i/cab_form_footer_background_mini.jpg) scroll 0 0 no-repeat;
    height: 15px;
}

#body a img {
    border: none;
}

#body a:link{
    color: rgb(77,127,187)
}

#body a:visited{
    color: rgb(77,127,187)
}

#body ul.imglist {
    text-align: center;
    padding: 0; /* Убираем поля */
    list-style : none;
}

#body ul.imglist li{
    background: none;
}

#body ul.imglist a img {
    border: 1px dotted rgb(77,127,187);
    padding: 10px;
}

#body table:not(.zii){
    border-collapse:collapse;
}

#body table:not(.zii) td {
    border:1px solid rgb(77,127,187);    
    padding:1px 10px;
    text-shadow:0 1px 0 #FFFFFF;
}

#body table:not(.zii) th {
    border:1px solid rgb(77,127,187);
    /*text-shadow:0 1px 0 #FFFFFF;    */
    padding:1px 10px;
    text-align:left;
    background-color: rgb(77,127,187);
}

#footer {
    padding-left: 30px;
    padding-top: 15px;
    position: relative;
    height:50px;
    //background: white url(../i/footer_background.jpg) scroll 0 0 no-repeat;
    overflow :hidden;
    font-size: 1.1em;
    //border-top: 2px solid #CCC;
    border-top: 1px solid rgb(204, 204, 204);  
    background-color: rgb(211, 228, 240);
}

#clear {
    clear: both;
    height: 0px;
}

#print {
    position: absolute;    
    right: 30px;
    //bottom: 10px;
    bottom: 82px;
}

#print a:visited {
    color: rgb(77, 127, 187);
}

#print a:link {
    color: rgb(77, 127, 187);
}

#print a:hover {
    text-decoration: none;
}

#header_phone {
    position: absolute;    
    right: 30px;
    top: 20px;
    font-size: 12px;
    color: rgb(136, 136, 136);
}

#header_phone h2 {
    font-size: 21px;
    line-height: 28px;
}


/* grid.css */
//.container {width:878px;margin:0 auto;}
//.showgrid {background:url(src/grid.png);}
//body {margin:1.5em 0;}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right: 10px;}

div.last {margin-right:0;}
.span-1  { width: 27px;}
.span-2  { width: 64px;}
.span-3  { width: 101px;}
.span-4  { width: 138px;}
.span-5  { width: 175px;}
.span-6  { width: 212px;}
.span-7  { width: 249px;}
.span-8  { width: 286px;}
.span-9  { width: 323px;}
.span-10 { width: 360px;}
.span-11 { width: 397px;}
.span-12 { width: 434px;}
.span-13 { width: 471px;}
.span-14 { width: 508px;}
.span-15 { width: 545px;}
.span-16 { width: 582px;}
.span-17 { width: 619px;}
.span-18 { width: 656px;}
.span-19 { width: 693px;}
.span-20 { width: 730px;}
.span-21 { width: 767px;}
.span-22 { width: 804px;}
.span-23 { width: 841px;}
.span-24, div.span-24 { width: 878px; margin: 0; }

.append-1  { padding-right: 37px;}
.append-2  { padding-right: 74px;}
.append-3  { padding-right: 111px;}
.append-4  { padding-right: 148px;}
.append-5  { padding-right: 185px;}
.append-6  { padding-right: 222px;}
.append-7  { padding-right: 259px;}
.append-8  { padding-right: 296px;}
.append-9  { padding-right: 333px;}
.append-10 { padding-right: 370px;}
.append-11 { padding-right: 407px;}
.append-12 { padding-right: 444px;}
.append-13 { padding-right: 481px;}
.append-14 { padding-right: 518px;}
.append-15 { padding-right: 555px;}
.append-16 { padding-right: 592px;}
.append-17 { padding-right: 629px;}
.append-18 { padding-right: 666px;}
.append-19 { padding-right: 703px;}
.append-20 { padding-right: 740px;}
.append-21 { padding-right: 777px;}
.append-22 { padding-right: 814px;}
.append-23 { padding-right: 851px;}

.prepend-1  { padding-left: 37px;}
.prepend-2  { padding-left: 74px;}
.prepend-3  { padding-left: 111px;}
.prepend-4  { padding-left: 148px;}
.prepend-5  { padding-left: 185px;}
.prepend-6  { padding-left: 222px;}
.prepend-7  { padding-left: 259px;}
.prepend-8  { padding-left: 296px;}
.prepend-9  { padding-left: 333px;}
.prepend-10 { padding-left: 370px;}
.prepend-11 { padding-left: 407px;}
.prepend-12 { padding-left: 444px;}
.prepend-13 { padding-left: 481px;}
.prepend-14 { padding-left: 518px;}
.prepend-15 { padding-left: 555px;}
.prepend-16 { padding-left: 592px;}
.prepend-17 { padding-left: 629px;}
.prepend-18 { padding-left: 666px;}
.prepend-19 { padding-left: 703px;}
.prepend-20 { padding-left: 740px;}
.prepend-21 { padding-left: 777px;}
.prepend-22 { padding-left: 814px;}
.prepend-23 { padding-left: 851px;}

div.border{padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder { padding-right:23px;margin-right:22px;border-right:1px solid #eee;}
.pull-1 { margin-left: -37px;}
.pull-2 { margin-left: -74px;}
.pull-3 { margin-left: -111px;}
.pull-4 { margin-left: -148px;}
.pull-5 { margin-left: -185px;}
.pull-6 { margin-left: -222px;}
.pull-7 { margin-left: -259px;}
.pull-8 { margin-left: -296px;}
.pull-9 { margin-left: -333px;}
.pull-10 { margin-left: -370px;}
.pull-11 { margin-left: -407px;}
.pull-12 { margin-left: -444px;}
.pull-13 { margin-left: -481px;}
.pull-14 { margin-left: -518px;}
.pull-15 { margin-left: -555px;}
.pull-16 { margin-left: -592px;}
.pull-17 { margin-left: -629px;}
.pull-18 { margin-left: -666px;}
.pull-19 { margin-left: -703px;}
.pull-20 { margin-left: -740px;}
.pull-21 { margin-left: -777px;}
.pull-22 { margin-left: -814px;}
.pull-23 { margin-left: -851px;}
.pull-24 { margin-left: -888px;}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}

.push-1 { margin: 0 -37px 1.5em 37px;}
.push-2 { margin: 0 -74px 1.5em 74px;}
.push-3 { margin: 0 -111px 1.5em 111px;}
.push-4 { margin: 0 -148px 1.5em 148px;}
.push-5 { margin: 0 -185px 1.5em 185px;}
.push-6 { margin: 0 -222px 1.5em 222px;}
.push-7 { margin: 0 -259px 1.5em 259px;}
.push-8 { margin: 0 -296px 1.5em 296px;}
.push-9 { margin: 0 -333px 1.5em 333px;}
.push-10 { margin: 0 -370px 1.5em 370px;}
.push-11 { margin: 0 -407px 1.5em 407px;}
.push-12 { margin: 0 -444px 1.5em 444px;}
.push-13 { margin: 0 -481px 1.5em 481px;}
.push-14 { margin: 0 -518px 1.5em 518px;}
.push-15 { margin: 0 -555px 1.5em 555px;}
.push-16 { margin: 0 -592px 1.5em 592px;}
.push-17 { margin: 0 -629px 1.5em 629px;}
.push-18 { margin: 0 -666px 1.5em 666px;}
.push-19 { margin: 0 -703px 1.5em 703px;}
.push-20 { margin: 0 -740px 1.5em 740px;}
.push-21 { margin: 0 -777px 1.5em 777px;}
.push-22 { margin: 0 -814px 1.5em 814px;}
.push-23 { margin: 0 -851px 1.5em 851px;}
.push-24 { margin: 0 -888px 1.5em 888px;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}

.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/**
 * CSS styles for forms generated by yiic.
 *
 * The styles can be applied to the following form structure:
 *
 * <div class="form">
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row buttons">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 * </div>
 *
 * The above code will render the labels and input fields in separate lines.
 * In order to render them in the same line, please use the "wide" form as follows,
 *
 * <div class="wide form">
 *     ......
 * </div>
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @link http://www.yiiframework.com/
 * @copyright 2008-2010 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */

div.form
{
}

div.form input,
div.form textarea,
div.form select
{
	margin: 0.2em 0 0.2em 0;        
}

div.form fieldset
{
	border: 1px solid #DDD;
	padding: 10px;
	margin: 0 0 10px 0;
    -moz-border-radius:7px;
}

div.form label
{
	//font-weight: bold;
	font-size: 1.2em;
	display: block;        
}

div.form .row
{
	margin: 5px 0;
}

div.form .hint
{
	margin: 0;
	padding: 0;
	color: #999;
}

div.form .note
{
	font-style: italic;
}

div.form span.required
{
	color: red;
}

div.form div.error label:first-child,
div.form label.error,
div.form span.error
{
	color: #C00;
}

div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error
{
	background: #FEE;
	border-color: #C00;
}

div.form div.success input,
div.form div.success textarea,
div.form div.success select,
div.form input.success,
div.form textarea.success,
div.form select.success
{
	background: #E6EFC2;
	border-color: #C6D880;
}

div.form div.success label
{
	color: inherit;
}

div.form .errorSummary
{
	border: 2px solid #C00;
	padding: 7px 7px 12px 7px;
	margin: 0 0 20px 0;
	background: #FEE;
	font-size: 0.9em;
}

div.form .errorMessage
{
	color: red;
	font-size: 0.9em;
}

div.form .errorSummary p
{
	margin: 0;
	padding: 5px;
}

div.form .errorSummary ul
{
	margin: 0;
	padding: 0 0 0 20px;
}

div.wide.form label
{
	float: left;
	margin-right: 10px;
	position: relative;
	text-align: right;
	width: 250px;
        margin-top: 4px;
}

div.wide.form .row
{
	clear: left;
}

div.wide.form .buttons, div.wide.form .hint, div.wide.form .errorMessage
{
	clear: left;
	padding-left: 110px;
}

#body div.form form table th{
    border: none;
    background-color: #fff;
    font-size: 1.2em;
    line-height: 200%;
    //text-align: center;
    //font-weight: normal;
}

#body div.form form table td{
    border-left: 0;
    border-right: 0;
    border-top: 0;   
    
}

div.form input[type="submit"], button {
    padding: 1px 6px;
}

p.alert {
    color: rgb(77, 127, 187);
    font-size: 1.2em;
}

/*#body table.detail-view th, #body table.detail-view td {
    border: inherit;

    padding: inherit;
    text-align: inherit;
    background-color: inherit;
}*/

#body ul.yiiPager li {
    padding-left: 0px; 
    background: none;
}