body {
    background: #fff;
    margin: 0;
    padding: 0;
}

h4 {
    font-size: 12px;
    font-weight: bold;
    margin: 1.2em 0 0.8em;
    padding: 0;
}

td, body, textarea {
    font: 12px Arial;
    color: #464646;
}

td {
    padding: 1px 2px;
}

th {
    font-weight: normal;
}

.clear {
    float: none;
    clear: both;
}

.nowrap {
    white-space: nowrap;
}

A:link, A:visited, A:active {
    color: #0054a6;
    text-decoration: underline;
}

A:hover {
    text-decoration: underline;
    color: #90060f;
}

A.comment:link {
    font-weight: bold;
    border-bottom: 1px solid #86071c;
}

A.comment:visited {
    font-weight: normal;
    border-bottom-color: #a2a1b4;
}

hr {
    background: #cccccc;
    height: 1px;
    border: 0;
}

table {
    text-align: left;
}

h1 {
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-size: 100%;
}

.redText {
    color: #86071c;
}

.bold, tr.bold td {
    font-weight: bold;
}

.timesNew {
    font-family: 'Times New Roman', Times, serif;
}

.uppercase {
    text-transform: uppercase;
}

.left, .textLeft, .dateLeft {
    text-align: left;
}

.center, .textCenter, .dateCenter {
    text-align: center;
}

.right, .textRight, .dateRight {
    text-align: right;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.x-large {
    font-size: 120%;
}

.width20 {
    width: 20% !important;
}

.width80 {
    width: 80%;
}

.grayBorder {
    border: 1px solid #d1d2d2;
}

.none {
    display: none;
}


/*header*/
#header {
    height: 60px;
    vertical-align: middle;
    width: 90%;
    min-width: 950px;
    margin: 0 auto;
}

.project {
    font: 24px Arial;
    margin-top: 20px;
}

.header-logo-link{
    display: block;
    float: left;
    position: relative;
    margin-right: 20px;
}

.header-logo-link:link,
.header-logo-link:visited,
.header-logo-link:hover,
.header-logo-link:active{
    color: #464646 !important;
    text-decoration: none;
}

.header-logo{
    display: inline-block;
    vertical-align: middle;
    background: transparent url(../images/logo.gif) no-repeat;
    width: 68px;
    height: 76px;
    position: absolute;
    top: 0;
    left: 0;
}

.header-title{
    display: block;
    padding: 10px 0;
    margin-left: 75px;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.header-title-main{
    display: block;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 1px;
}

/*header - logout*/
.header-logout{
    float: right;
    margin-top: 12px;
}

a.header-logout-item:link,
a.header-logout-item:visited,
a.header-logout-item:hover,
a.header-logout-item:active{
    margin-left: 20px;
    color: #0054a6;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 84, 166, 0.2)
}

a.header-logout-item:hover,
a.header-logout-item:active{
    border-bottom-color: rgba(0, 84, 166, 0.6)
}

span.header-logout-item em{
    font-style: normal;
}

/*header - support*/
.header-support{
    text-align: right;
    padding-top: 6px;
    line-height: 16px;
}

.header-support.header-support-signin{
    padding-top: 20px;
}

.header-support-item{
    display: inline-block;
    margin-left: 20px;
    position: relative;
}

.header-support-item:first-child:before{
    content: "";
    position: absolute;
    top: -3px;
    left: -35px;
    width: 21px;
    height: 22px;
    background: transparent url("../icons/header-support.png") no-repeat;
}

.header-support-phone{
    position: relative;
    color: #333;
    font-size: 15px;
    text-shadow: 1px 1px rgba(0, 0, 0, .05);
}

.header-support-phone:after {
    content: "/";
    position: absolute;
    right: -13px;
    font-size: 20px;
    color: #0079c4;
}

.header-support-email:link,
.header-support-email:visited,
.header-support-email:hover,
.header-support-email:active{
    color: #333;
    font-size: 15px;
    text-decoration: none;
    border-bottom: 1px dashed rgba(51, 51, 51, 0.2);
    text-shadow: 1px 1px rgba(0, 0, 0, .05);
}

.header-support-email:hover,
.header-support-email:active{
    color: #000;
    border-bottom-color: rgba(51, 51, 51, 0.5);
}

.header-support-userguide:link,
.header-support-userguide:visited,
.header-support-userguide:hover,
.header-support-userguide:active{
    color: #777;
    text-decoration: none;
    border-bottom: 1px solid rgba(119, 119, 119, .3);
}

.header-support-userguide:hover,
.header-support-userguide:active{
    color: #333;
    border-bottom-color: rgba(119, 119, 119, .5);
}

/*warkspace*/
.workspace {
    width: 90%;
    min-width: 950px;
    margin: 0 auto;
}

.yellowBlock {
    background: #f9ecbf;
    border: 1px solid #f7dba8;
    padding: 20px 20px;
}

.yellowBlock  h1 {
    font-size: 18px;
    padding: 0;
}

.yellowBlock em, .yellowBlock a {
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}

.yellowBlock ul {
    list-style: decimal outside;
    margin: 0 0 0 20px;
    padding: 0;
}

.yellowBlock ul li {
    padding: 10px 0 0 0;
}

.section {
    margin-top: 12px;
    overflow: hidden; /* Для того, чтобы если в блоке есть float элементы, то нижняя граница блока была бы корректной, т.е. находилась бы ниже всех float элементов*/
}

.greenbg td {
    background-color: #b6ffbd !important;
}

.dddddd {
    background-color: #b6ffbd !important;
}

/* Класс для красной строки в таблице: применены различне оттенки красного в зависимости статуса строки */
table.list tr.redbg td, table.list tr.odd.redbg td {
    background-color: #d44750;
}
table.list tr.even.redbg td {
    background-color: #d95c64;
}
table.list tr.selected.redbg td {
    background-color: #932229;
}
table.list tr.italic td {
    font-style: italic;
}
table.list tr.onMouseOver.redbg td {
    background-color: #bc2c35;
}
table tr.redbg td {
    color: #d8d8d8;
}

/* Класс для розовой строки в таблице: применены различне оттенки красного в зависимости статуса строки */
table.list tr.pinkbg td, table.list tr.odd.pinkbg td {
    background-color: #ffc3cc;
}
table.list tr.even.pinkbg td {
    background-color: #f5bec5;
}

/* Класс для серой строки в таблице */
table.list tr.gray td {
    background-color: #C0C0C0;
}
table.list tr.onMouseOver.gray td {
    background-color: #C0C0C0;
}

.section h1 {
    background: url(../images/horGrad.gif) repeat-x #e9e9e9;
    color: #000;
    font: 19px/36px Arial;
    height: 36px;
    padding-left: 12px;
    vertical-align: middle;
}

.data {
    font: 12px/28px Arial;
    vertical-align: middle;
    padding-right: 6px;
}

.SspLabel {
    font: 12px Arial;
    color: #464646;
}

/*
.button {
    height: 30px;
    vertical-align: middle;
    padding: 0 6px;
    float: left;
}

a.butLeft {
    background: url(../images/butLeft.gif) no-repeat #e9e9e9 top left;
    height: 31px;
    padding: 0;
    margin: 12px 0 0 0;
    text-decoration: none;
}

.butRight {
    background: url(../images/butRight.gif) no-repeat top right;
    text-align: center;
    font: 12px/28px Arial;
    height: 31px;
    padding: 0 12px 0 12px;
}
*/

.visited {
    background: url(../images/horGrad_red.gif) repeat-x bottom #90060f;
    color: #fff;
}

.selectorLine div {
    font: 12px/26px Arial;
    padding-right: 6px;
}

ul.selector {
    list-style: none;
    cursor: pointer;
    height: 26px;
    margin: 0;
    padding: 0;
}

ul.selector li {
    display: inline-block;
    color: #0054a6;
    font: 12px/26px Arial;
    padding: 0 6px;
    height: 26px;
    vertical-align: middle;
    text-decoration: underline;
}

ul.selector li.visited {
    color: #fff;
    text-decoration: none;
    background: #90060f;
    height: 26px;
    text-decoration: none;
}

.selector li {
    color: #0054a6;
    vertical-align: middle;
}

.selector li:hover {
    color: #fff;
    background: url(../images/horGrad_red.gif) repeat-x bottom #90060f;
}

a.butLeft:hover {
    background-position: bottom left;
    color: #fff;
}

a:hover .butRight {
    background-position: bottom right;
    color: #fff;
}

a#print, a#previous, a#next, a#options {
    background: url(../images/horGrad.gif) repeat-x #fff bottom;
}

a#print:hover, a#previous:hover, a#next:hover, a#options:hover {
    background: url(../images/horGrad_red.gif) repeat-x bottom #90060f;
}

#print div, #previous div, #next div, #options div {
    background: url(../images/sprite.gif) no-repeat;
    display: block;
    border-left: 1px solid #d1d2d2;
}

#print div {
    background-position: -74px 0;
    width: 34px;
    height: 34px
}

#next div {
    background-position: -38px -4px;
    width: 30px;
    height: 30px
}

#previous div {
    background-position: -2px -4px;
    width: 30px;
    height: 30px
}

#options div {
    background-position: -110px -4px;
    width: 30px;
    height: 30px
}

a:hover#print div {
    background-position: -74px -36px;
}

a:hover#next div {
    background-position: -38px -40px;
}

a:hover#previous div {
    background-position: -2px -40px;
}

a:hover#options div {
    background-position: -110px -40px;
}

/*footer*/
.footer {
    width: 90%;
    min-width: 950px;
    margin: 10px auto 0;
    height: 1px;
}


ul li {
    margin: 0;
}

ul {
    padding: 0;
}

.shadow, .shadow div {
    height: 3px;
}

.LeftShadow {
    background: url(../images/ShadowLeft.gif) no-repeat top left;
    padding-left: 7px;
}

.RightShadow {
    background: url(../images/ShadowCenter.gif) repeat-x;
}

.section  .news {
    width: 223px;
    margin: 6px;
    padding: 6px;
    background: url(../images/horGrad.gif) repeat-x bottom #fff;
    float: left;
}

.Date {
    font-style: italic;
    font-size: 12px;
}

.marginbottm {
    margin-bottom: -10px;
}

/*fix ресайзный курсор в модальных окнах*/
div.wicket-modal div.w_content {
    cursor: default;
}

div.wicket-modal p {
    margin: 0;
    line-height: 17px;
}

.form-table label.labelRadio{
    text-align: left;
    display: inline;
}

.w_content_container{
    overflow: inherit !important;
    height: auto !important;
}
.ie7 .wicket-modal div.w_content_container{
    position: static;
}
.autoWidth {
    width: auto !important;
}

.textFieldCaption {
    color: red;
    font-size: 9px;
}

.textField {
    width: 500px !important;
}

.map_legend {
    display: inline-block;
    margin-right: 30px;
}

.map_legend .map_legend_line {
    display: inline-block;
    width: 60px;
    height: 4px;
    margin-bottom: 2px;
    margin-right: 5px;
}
.section #notificationsTable {
    background: url(../images/horGrad.gif) repeat-x #e9e9e9;
    color: #000;
}

#notificationsCell {
    font: 19px/36px Arial;
    color: #BC2C35;
}

#notificationsCell a:link {
    color: #BC2C35;
}