body
{
    background-position: 0 -100px;
    font-family: Segoe UI Light, Tahoma;
    font-size: 1em;
    background-color: #CED5DB;
    background-image: url('logos_and_bg.png');
    background-repeat: repeat-x;
}
h2
{
    color: #CC9900;
    font-weight: normal;
}
.Title
{
    margin: 10px;
    padding: 10px;
    color: #CC9900;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #CC9900;
    font-size: 120%;
    font-weight: normal;
}

h4
{
    color: #CC6600;
    font-weight: normal;
}

.SubTitle
{
    color: #CC6600;
    
}

input[type="text"]
{
    border: 1px solid #E6E9EC;
}

input[type="text"]:hover
{
    border: 1px solid #CC6600;
}

input[type="select"]
{
    border: 1px solid #E6E9EC;
}

input[type="select"]:hover
{
    border: 1px solid #CC6600;
}

textarea
{
    border: 1px solid #E6E9EC;
    font-family: Segoe UI Light;
}

textarea:hover
{
    border: 1px solid #CC6600;
    font-family: Segoe UI Light;
}

a
{
    text-decoration: none;
    color: #576E8D;
}
a:hover
{
    text-decoration: none;
    color: #F9C04D;
}
a:visited
{
    text-decoration: none;
    color: #576E8D;
}
a img {text-decoration:none; border:none; vertical-align:middle;}
#page
{
    
    margin: 0 auto;
    width: 966px;
    
}
#header
{
    height: 95px;
    border-bottom-style: solid;
    border-bottom-color: #004E93;
}
#logo
{
    float: left;
    padding: 5px;
    padding-top: 60px;
    width: 185px;
    background-image: url('logo.png');
    background-repeat: no-repeat;    
    margin: 0 auto;
    background-position: center top;
    font-family: 'Segoe UI Light', Sans-Serif;
    font-size: 80%;
    color: #004E93;
}
#HeaderText
{
    font-size:180%;
    float:left;
    padding-top: 10px;
    padding-left: 10px;
}
#LoginBlock
{
    font-size:80%;
    float: right;
    width:200px;
}
#DataCont
{    
    width: 958px;    
    height: 8px;
   background-position : left top;
    background-image: url('contentpane.png');
    background-repeat: no-repeat;    
}
#DataCont2
{
    
    width: 966px;    
    /*height: 1800px;*/
    padding-top:8px; 
    padding-bottom:8px; 
    background-image: url('contentpanemiddle.png');
    background-repeat: repeat-y;
    overflow:auto;
}
#DataContEnd
{
    
    
    width: 946px;    
    height: 40px;
    padding-top: 10px;
    margin-left:10px;
   background-position : left -26px;
    background-image: url('contentpane.png');
    background-repeat: no-repeat;
    
}
#Menu
{
    display: inline-block;
    font-size: 150%;
    font-family: 'Segoe UI Light', Arial;    
    margin: 8px;
    padding:5px;
}
.MenuItem
{
    display: inline;
}
.MenuItem a:hover
{
    text-decoration: none;
    color: #F9C04D;
}
/*Grid*/
.Grid_Header
{
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #627694;
    color: #576E8D;
    font-size: 110%;
    font-family: 'Segoe Print';
}

.Detail_FieldHeader
{
    color: #576E8D;
    font-size: 100%;
    font-family: 'Segoe UI Light, Sans-Serif';
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #576E8D;
}

.Detail_Field
{
    font-family: 'Segoe UI Light, Sans-Serif';   
    padding-left: 10px;
}

.Grid_Row
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #576E8D;
}

/**/
.DefaultCont
{
    width: 925px;    
    padding-left: 10px;
    padding-top:10px; 
    margin-left:15px;
}
.MetroCaruselCont
{
    
    background-color: #666666;
    width: 925px;
    height: 324px;
    padding-left: 10px;
    padding-top:10px; 
    margin-left:15px;        
    overflow: hidden;
}
.MetroCarusel
{
    height: 304px;    
    display: inline-block;
    width: 910px;
    padding-top: 0px;
    
    overflow: hidden;
    background-color: #666666;padding: 3px;    
}
.MetroCaruselPanel
{
    height: 150px;
    width: 300px;
    display: inline-block;    
    color: #FFFFFF;
    overflow:hidden;        
    position:relative;    
}
.MetroCaruselPanel div {/*display: inline-block;*/float:left; overflow:hidden;}
.Plitka1
{    
    background-color: #990033;        
}
.Plitka2
{
    background-color: #99CC00;
}
.Plitka5
{
    background-color: #3399FF;
}
.Plitka4
{
    background-color: #FF9966;
}
.Plitka3
{
    background-color: #CC6600;
}
.Plitka6
{
    background-color: #CC6699;
}
.imgOnPlitka1
{
    background-position: -15px 0px;
    height: 100px;
    width: 85px;
    vertical-align: middle;
    /*float: left;*/
    margin-top: 25px;
    margin-right: 5px;
    background-image: url('MB_0023_home2.png');
    margin-right: -100%;
}

.imgOnPlitka12
{
    background-position: -15px 0px;
    height: 100px;
    width: 85px;
    vertical-align: middle;
     /*float: left;*/
    margin-top: 25px;
    margin-right: 5px;
    background-image: url('MB_0024_LOCK.png');
    margin-right: -100%;
}

.imgOnPlitka3
{
    background-position: -15px 0px;
    height: 100px;
    width: 85px;
    vertical-align: middle;
     /*float: left;*/
    margin-top: 25px;
    margin-right: 5px;
    background-image: url('MB_0010_tasks.png');
    margin-right: -100%;
}

.imgOnPlitka4
{
    background-position: -15px 0px;
    height: 100px;
    width: 85px;
    vertical-align: middle;
     /*float: left;*/
    margin-top: 25px;
    margin-right: 5px;
    background-image: url('MB_0003_Computer.png');
    margin-right: -100%;
}

.imgOnPlitka5
{
    background-position: -15px 0px;
    height: 100px;
    width: 85px;
    vertical-align: middle;
     /*float: left;*/
    margin-top: 25px;
    margin-right: 5px;
    background-image: url('MB_0007_msg.png');
    margin-right: -100%;
}

.imgOnPlitka6
{
    background-position: -15px 0px;
    height: 100px;
    width: 85px;
    vertical-align: middle;
     /*float: left;*/
    margin-top: 25px;
    margin-right: 5px;
    background-image: url('MB_0012_info2.png');
    /*волшебный трюк часть 1 - исключаем перенос элемента divDataPlitka на новую строку*/
    margin-right: -100%;
}
.divDataPlitka
{    
    vertical-align: middle;
     /*float: left;*/     
    width:70%;
    cursor:default;        
    height:100%;
     /*волшебный трюк часть 2 (позиционируем его на место) - исключаем перенос элемента divDataPlitka на новую строку*/
    margin-left:85px;
          
}



.divDataPlitka a
{
    color:#f0f0f0;
}
.divDataPlitka a:hover
{
    color:#ffffff;
}

.divDataPlitka table tr td a
{
    color:#f0f0f0;
}
.divDataPlitka table tr td a:hover
{
    color:#ffffff;
}

/**/
.FormData
{
    width: 100%;
}
.FormData td
{
    padding: 2px;
}
.FormData input[type="text"]
{
    width: 98%;
}
.FormData textarea
{
    width: 98%;
}
.watermarktextbox
{
    border: 1px solid #B8BEC2;
    background-color: #D5DCE1;
    color: #a8aEb2;
}
.TabContainer
{
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #576E8D;
    margin-top: 20px;
    height: 28px;
    padding-left: 20px;
}
.Tab
{
     
    
    
    
    
}
.Tab div
{
    width: 120px;
    display: inline-block;
    height: 24px;
    padding: 4px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-width: 2px;
    border-right-width: 2px;
    border-left-width: 2px;
    border-top-color: #576E8D;
    border-right-color: #576E8D;
    border-left-color: #576E8D;
    padding-top: 2px;
    padding-bottom: 2px;
}
.SelectedTab
{ 
    
        
    
    
    
    
}
.SelectedTab div
{
    padding: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 120px;
    display: inline-block;
    height: 24px;
    background-color: #FFFFFF;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-width: 2px;
    border-right-width: 2px;
    border-left-width: 2px;
    border-top-color: #576E8D;
    border-right-color: #576E8D;
    border-left-color: #576E8D;
}
.UslugaPageTitleParagra
{
    width: 30%;
    float: left;
    font-size: 120%;
    /*font-family: "Segoe UI Light";*/
    color: #CC6600;
    margin-top:30px;
}
.UslugaPageRightBlock
{
    width: 69%;
    float: left;
    margin-top:30px;
}
.UslugaPageDetailContent
{
    padding: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
    background-color: #EDEEEF;
    border: 1px solid #D5D8DB;
    font-size: 90%;
}
.listbul2
{
    list-style-image: url('bul_3.gif'); 
    list-style-position:outside;   
}
.UslugaPageTitleOnRight
{    
    /*font-family: 'Segoe UI Light';*/
    font-size: 100%;    
}
.NumberOfRow
{
    font-family: 'Segoe Script';
    font-size: 130%;
    color: #296C36;
}

.UslugaPageNavBattonRight
{
    width: 85px;
    height: 100px;
    padding: 5px;
    margin-bottom: 10px;
    position: absolute;
    z-index: 1010;
    overflow: hidden;
    cursor: pointer;
    color: #FFFFFF;
    /*background-image: url('white_vpivot.png');
    background-position: -12px 70px;
    background-repeat: no-repeat;*/
}

.UslugaPageNavBattonRight:hover
{
    
    width: 130px;
    height: 100px;
    padding: 5px;
    margin-bottom: 10px;
    position: absolute;
    z-index: 1010;
    margin-left: -45px;
    cursor: pointer;
    color: #FFFFFF;
    background-image: url('nl.png');
    background-position: 95px 75px;
    background-repeat: no-repeat;
    
}

.UslugaPageNavBattonRight2
{
    width: 85px;
    height: 100px;
    padding: 5px;
    margin-bottom: 10px;
    position: absolute;
    z-index: 1010;
    overflow: hidden;
    cursor: pointer;
    color: #FFFFFF;
    /*background-image: url('white_vpivot.png');
    background-position: -12px 70px;
    background-repeat: no-repeat;*/
}

.UslugaPageNavBattonRight2:hover
{
    
    width: 130px;
    height: 100px;
    padding: 5px;
    margin-bottom: 10px;
    position: absolute;
    z-index: 1010;
    margin-left: -45px;
    cursor: pointer;
    color: #FFFFFF;
    background-image: url('nr.png');
    background-position:  95px 75px;
    background-repeat: no-repeat;
    
}

.AdresDiv
{
    background-position: 10px 50%;
    padding: 10px 5px 10px 50px;
    background-image: url('adres.png');
    background-repeat: no-repeat;
    margin:5px;
}
.PhoneDiv
{
    background-position: 10px 50%;
    padding: 10px 5px 10px 50px;
    background-image: url('phone.png');
    background-repeat: no-repeat;
    margin:5px;
}
.CalendarDiv
{
    background-position: 10px 50%;
    padding: 5px 5px 5px 50px;
    background-image: url('calendar.png');
    background-repeat: no-repeat;
    margin:5px;
}
.div_with_center_content
{        
    margin: 0 auto;
}

.FormButton
{
padding:2px;
background-color: #f0f0f0;
border: solid 1px #cccccc;
margin:5px;
font-family: Segoe UI Light, Tahoma;
}