html, body {
  font-family: Arial;
  font-size: 12px;
  color: #bbb;
  margin: 0;
  padding: 0;
  background: #000;
}
input, textarea, select {
  font-family: Arial;
  font-size: 12px;  
}
textarea {
  scrollbar-base-color: #000;  
}
.clear {
  clear: both;
  font-size: 0px;
  height: 0px;
  width: auto;
}
a {
  color: #fff;
  text-decoration: none;
}

img {
  border-width: 0px;
  color: #bababa;
  font-size: 9px;
}
iframe {
  background: #000;
}
.bg {
  background: url(../images/bg_tr.png) left top repeat;
}

#main {
  width: auto;
  height: auto;
  background: #000;
  overflow: hidden;
  }
  #wrap {
    width: 977px;
    margin: 0 auto;
    text-align: center;
    position: relative;
  }
  #left {
    position: absolute;
    top: 0px;
    left: -130px;
    width: 130px;
    height: 800px;
    background: url(../images/bg_left.jpg) right top no-repeat;
    text-align: right;
  }
  #right {
    position: absolute;
    top: 0px;
    right: -130px;
    width: 130px;
    height: 800px;
    background: url(../images/bg_right.jpg) left top no-repeat;
    text-align: left;
    }
    #right .advert {
      display: block;
      margin: 89px 0 0 9px;
  }


#top, #middle, #bottom {
  width: auto;
  text-align: left;
  overflow: hidden;
}

#top {
  width: auto;
  }
  #top ul {
    list-style-type: none;
    display: block;
    height: 25px;
    background: url(../images/bg_rozc.gif) left top no-repeat;
    margin: 6px 0 0 20px;
    padding: 0px;
    }
    #top ul li {
      float: left;
      border-right: 1px solid #5C5C5C;
      font-family: Arial;
      font-size: 15px;
      overflow: hidden;
      }
      #top ul li a {
        cursor: default;
      }
      #top ul li a img {
        padding: 0px 11px 0 17px;
        cursor: pointer;
        position: relative;
        top: -3px;
      }
    #top .header {
      height: 127px;
      background: url(../images/bg_header.jpg) left top no-repeat;
      overflow: hidden;
      }
      #top .header .logo {
        width: 240px;
        height: 50px;
        float: left;
        margin: 25px 0 0 11px;
      }
      #top ul#topMenu {
        clear: left;
        float: left;
        margin: 15px 0 0 0px;
        padding: 0;
        width: 493px;
        height: 29px;
        line-height: 27px;
        overflow: hidden;
        background: url(../images/bg_topMenu.gif) left top no-repeat;
        }
        #top ul#topMenu li {
          margin: 1px 0 0 0;
          border-right: 1px solid #1D3D4A;
          text-align: center;
        }
        #top ul#topMenu li a {
          text-transform: uppercase;
          font-size: 12px;
          font-weight: bold;
          cursor: pointer;
          display: block;
        }
        #top ul#topMenu li.li_1 a {
          width: 163px;
        }
        #top ul#topMenu li.li_2 a {
          width: 84px;
          margin-left: 1px;
        }
        #top ul#topMenu li.li_3 a {
          width: 69px;
        }
        #top ul#topMenu li.li_4 a {
          width: 54px;
        }
        #top ul#topMenu li.li_5 a {
          width: 117px;
        }
        #top ul#topMenu li.li_5 {
          border-right-width: 0px;
        }
        
        #top ul#topMenu li.sel, #top ul#topMenu li:hover {
          background: url(../images/bg_topMenu_li_sel.gif) left top repeat-x;
        }
        #top ul#topMenu li.li_1.sel, #top ul#topMenu li.li_1:hover {
          background: url(../images/bg_topMenu_li1_sel.gif) left top no-repeat;
        }
        #top ul#topMenu li.li_5.sel, #top ul#topMenu li.li_5:hover {
          background: url(../images/bg_topMenu_li5_sel.gif) left top no-repeat;
        }
        
        #top ul#topMenu li .tipInfo {
          font-size: 10px;
          font-weight: bold;
          color: #F5B904;
          position: relative;
          top: -1px;
        }

      #loginArea {
        float: right;
        width: 510px;
        height: 30px;
        margin: 20px 2px 0 0;  
        background: url(../images/bg_loginArea.gif) right top no-repeat;
      }
      #login {
        width: 470px;
        height: 29px;
        float: right;
        }
        #login input {
          font-size: 10px;
          font-weight: bold;
          color: #bbc0c1;
          border-width: 0px;
          padding: 0;
          margin: 0;
          background: transparent;
        }
        #login .newuser {
          float: right;
          margin: 5px 10px 0 0;
        }
        #btnLogin {
          float: right;
          cursor: pointer;
          margin: 4px 10px 0 0;
        }
        #login .input_pwd_bg {
          float: right;
          width: 128px;
          height: 21px;
          background: url(../images/bg_input_pwd.gif) left top no-repeat;
          padding: 0;
          margin: 5px 10px 0 0;
        }
        #login .input_pwd {
          width: 103px;
          height: 17px;
          margin: 0 0 0 10px;
          line-height: 17px;
        }
        #login .input_nick_bg {
          float: right;
          width: 128px;
          height: 21px;
          background: url(../images/bg_input_nick.gif) left top no-repeat;
          padding: 0;
          margin: 5px 3px 0 0;
        }
        #login .input_nick {
          width: 103px;
          height: 18px;
          margin: 0 0 0 10px;
          line-height: 18px;
        }
        #loginRotator {
          position: relative;
          top: 3px;
          margin-right: 7px;
          float: right;
          display: none;
        }
        
      #logout {
        float: right;
        width: 470px;
        height: 29px;
        color: #fff;
        }
        #btnLogout {
          float: right;
          cursor: pointer;
          margin: 4px 8px 0 0;
        }
        #logout .user {
          float: right;
          background: url(../images/bg_logout_user.gif) left top no-repeat;
          font-size: 10px;
          font-weight: bold;
          margin: 4px 8px 0 0;
          width: 170px;
          height: 17px;
          padding: 3px 0 0 8px;
          }
          #logout .user a {
            display: block;
            width: 160px;
            overflow: hidden;  
          }
        #logout .messages {
          float: right;
          width: 100px;
          height: 20px;
          background: url(../images/bg_logout_messages.gif) left top no-repeat;
          cursor: pointer;
          margin: 4px 0px 0 0;
          }
          #logout .messages .info {
            float: left;
            height: 20px;
            background: url(../images/message_info.gif) 0px 2px no-repeat;
            cursor: pointer;
            font-size: 10px;
            font-weight: bold;
            padding: 0 0 0 20px;
            margin: 3px 0px 0 9px;
            overflow: hidden;
          }
          #logout .messages .title {
            float: right;
            overflow: hidden;
            font-size: 10px;
            font-weight: bold;
            margin: 3px 5px 0 0;
          }
        #logout .myAccount {
          float: right;
          width: 89px;
          height: 20px;
          cursor: pointer;
          margin: 4px 0 0 0;
        }
        
      #advert {
        clear: right;
        float: right;
        width: 469px;
        height: 60px;
        margin: 10px 0 0 0;
        padding: 0;
        }

#middle {
  overflow: hidden;
  background: url(../images/bg_middle.jpg) left top no-repeat;
  clear: both;
  }
  #midTop {
    overflow: hidden;
    }
    #midTop .flash {
      float: left;
      width: 555px;
      height: 270px;
    }
    #midTopRight {
      float: right;
      width: 411px;
      height: 271px;
      background: url(../images/bg_tip.jpg) left top no-repeat;
      position: relative;
      color: #fff;
      font-weight: bold;
      }
      
      #activeTip {
        border-collapse: collapse;
        width: 411px;
        }
        #activeTip th {
          text-transform: uppercase;
          text-align: center;
          line-height: 20px;
        }
        #activeTip th, table#activeTip td {
          border-bottom: 1px solid #33424b;
          padding: 8px;
        }
        #activeTip .col1 {
          width: 184px;
          border-right: 1px solid #33424b;
        }
      
      #tab_tipSoutez {
        float: left;
        width: 205px;
        height: 22px;
        text-align: center;
        font-weight: bold;
        font-size: 10px;
        color: #fff;
        padding-top: 8px;
        border-right: 1px solid #425159;
        border-bottom: 1px solid #33424b;
        cursor: pointer;
        }
        #tab_tipSoutez.active {
          background: url(../images/bg_tab_tipSoutez_active.jpg) left top no-repeat;
          cursor: default;
        }
      #tab_tipy {
        float: left;
        width: 205px;
        height: 22px;
        text-align: center;
        font-weight: bold;
        font-size: 10px;
        color: #fff;
        padding-top: 8px;
        cursor: pointer;
        border-bottom: 1px solid #33424b;
        }
        #tab_tipy.active {
          background: url(../images/bg_tab_tipy_active.jpg) left top no-repeat;
          cursor: default;
        }
        #tipSoutezDiv {
          height: 210px;
          width: 411px;
          overflow: hidden;
        }
        #tipSoutez {
          border-collapse: collapse;
          width: 100%;
          }
          #tipSoutez td {
            padding: 7px;
            border-top: 1px solid #33424b;
            border-bottom: 1px solid #33424b;
          }
          #tipSoutez .col1 {
            width: 30px;
            text-align: center;
          }
          #tipSoutez .col2 {
            width: auto;
            padding-left: 10px;
            border-left: 1px solid #33424b;
            border-right: 1px solid #33424b;
          }
          #tipSoutez .col3 {
            width: 50px;
            text-align: center;
          }
          #tipSoutez td.first {
            border-top-width: 0px;
          }
        
        #tipyDiv {
          height: 210px;
          width: 411px;
          overflow: hidden;
        }
        #tipyDiv table {
          width: 100%;
          clear: both;
          margin: 0px;
          padding: 0px;
          color: #fff;
          font-weight: bold;
          border-collapse: collapse;
          }
          #tipyDiv table td, #tipyDiv table th {
            padding: 7px;
            border-top: 1px solid #33424b;
            border-bottom: 1px solid #33424b;
          }
          #tipyDiv table th {
            border-top-width: 0px;
          }
          #tipyDiv table th.col1 {
            text-align: center;
          }
          #tipyDiv table .col1 {
            padding-left: 20px;
            width: auto;
          }
          #tipyDiv table .col2 {
            border-left: 1px solid #33424b;
            text-align: center;
            width: 50px;
          }
          
        #midTopRight .button {
          position: absolute;
          right: 10px;
          bottom: 8px;
          width: auto;
          height: 14px;
        }
      
      
  #midBottom {
    clear: left;
    background: url(../images/bg_midBottom.jpg) left top no-repeat;
    overflow: hidden;
    padding: 0;
    margin: 10px 0 0 1px;
    height: 275px;
    }
    #midBottom .discussion {
      float: left;
      width: 486px;
      height: 257px;
      margin: 0px;
      padding: 0px;
      position: relative;
      }
      #midBottom .discussion .title {
        float: left;
        width: 400px;
        margin: 0px 0 0 0px;
        padding: 7px 0 7px 10px;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 14px;
        color: #fff;
      }
      #midBottom .discussion .refresh {
        float: right;
        width: 16px;
        height: 16px;
        margin: 8px 5px 0 0;
        cursor: pointer;
      }
      #midBottom .discussion .items {
        clear: both;
        float: left;
        overflow: hidden;
        width: 486px;
        height: 202px;
        font-weight: bold;
        font-size: 12px;
      }
      #midBottom .discussion .items .item {
        padding: 6px 0 6px 10px;
        border-bottom: 1px solid #313a3f;
      }
      #midBottom .discussion .items .item.last {
        border-bottom-width: 0px;
      }
      #midBottom .discussion .author {
        color: #69D0EE;
        width: 241px;
        height: 17px;
        overflow: hidden;
        float: left;
      }
      #midBottom .discussion .reaguj {
        width: 60px;
        float: left;
        }
        #midBottom .discussion .reaguj a {
        color: #69D0EE;
        }
        #midBottom .discussion .reaguj a:hover {
          text-decoration: underline;
        }
        #midBottom .discussion .reaguj.noVisible {
          visibility: hidden;
      }
      #midBottom .discussion .date {
        color: #69D0EE;
        width: 115px;
        float: left;
        font-size: 10px;
        font-weight: normal;
      }
      #midBottom .discussion .postID {
        color: #fff;
        width: 60px;
        float: left;
        font-size: 10px;
        font-weight: normal;
      }
      
      #midBottom .discussion .text {
        font-size: 12px;
        font-weight: normal;
        color: #fff;
        clear: both;
        overflow: hidden;
      }
      #midBottom .discussion .text a {
        color: #69D0EE;
      }
      #midBottom .discussion .text a:hover {
        text-decoration: underline;
      }
      #midBottom .discussion .button {
        position: absolute;
        right: 12px;
        bottom: 5px;
      }
      #midBottom .discussion .items.load {
        background: url(../images/loader_black.gif) 10px 10px no-repeat;
      }
    #midBottom .calendar {
      float: left;
      width: 480px;
      height: 250px;
      margin: 0;
      padding: 7px 0px 0 10px;
      position: relative;
      }
      #midBottom .calendar .title {
        margin: 0px 0 10px 0px;
        padding: 0px 0 0 10px;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 14px;
        color: #FFF;
      }
      #midBottom .calendar .calendarObject {
        position: absolute;
        top: 2px;
        right: 5px
      }
      #midBottom .calendar .button {
        position: absolute;
        right: 12px;
        bottom: 5px;
      }

#main_bottom {
  width: auto;
  background: #000;
  border-top: 1px solid #4A494E;
  clear: both;
  margin-top: 40px;
  overflow: visible;
  position: relative;
  }
  #wrap_bottom {
      width: 977px;
      margin: 0 auto;
      text-align: center;
      overflow: visible;
    }
    #bottom {
      clear: both;
      background: #000;
      overflow: visible;
      margin-bottom: 20px;
      }
      #links {
        height: 50px;
        overflow: visible;
        }
        #links .linkLeft {
          position: relative;
          top: -11px;
          left: -15px;
          float: left;
          overflow: hidden;
        }
        #links .linkMiddle {
          float: left;
          margin: 10px 0 0 250px;
          overflow: hidden;
        }
        /*#links .linkOld {
          color: #154D5E;
          float: left;
          clear: both;
          margin: 0px 0 0 380px;
          overflow: hidden;
          width: 230px;
          }
          #links .linkOld a {
          color: #154D5E;
          font-weight: bold;
          text-decoration: underline;
          overflow: hidden;
        }*/
        #links .linkRight {
          float: right;
          margin: 10px 5px 0 0;
          overflow: hidden;
        }
      #footer {
        clear: both;
        color: #154D5E;
        margin: 10px 0 30px 0;
        overflow: hidden;
        }
        #footer .left {
          float: left;
          width: 460px;
          margin-left: 15px;
          text-align: left;
          overflow: hidden;
        }
        #footer .right {
          float: right;
          width: 460px;
          margin-right: 10px;
          text-align: right;
          overflow: hidden;
        }
        #footer a {
          color: #154D5E;
          font-weight: bold;
          text-decoration: underline;
        }

#middleMain {
  background: #000 url(../images/bg_middleMain.jpg) left top no-repeat;
  min-height: 540px;
  overflow: hidden;
  padding-right: 1px;
  }
  #middleMain .title {
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 14px 0 14px 14px;
    border-bottom: 1px solid #313a3f;
    width: auto;
  }
  #middleMain div.linkTable {
    margin: 10px 0 0 10px;
    overflow: hidden;
    width: 952px;
    border: 1px solid #313a3f;
    border-left-width: 0px;
    }
    #middleMain div.linkTable .item {
      color: #fff;
      font-size: 10px;
      font-weight: bold;
      text-transform: uppercase;
      padding: 9px 0 8px 20px;
      text-align: left;
      border-left: 1px solid #313a3f;
      width: 115px;
      float: left;
    }
    #middleMain div.linkTable .item.sel, #middleMain div.linkTable .item:hover {
      background: url(../images/bg_linktable_sel.gif) left top no-repeat;
    }
    #middleMain div.linkTable .item.last {
      border-right: 0px solid #313a3f;
    }
    #middleMain div.linkTable .clear1px {
      clear: both;
      font-size: 1px;
      height: 1px;
      background: #313a3f;
    }
    
    #middleMain div.items {
      margin: 0px 0 20px 15px;
      overflow: hidden;
      color: #fff;
    }
    #middleMain div.items .item {
      float: left;
      width: 465px;
      padding: 30px 10px 0 0;
      overflow: hidden;
      }
      #middleMain .item .left {
        float: left;
        width: 95px;
        }
        #middleMain .item .left a img:hover {
          border: 1px solid #2E7A91;
        }
        #middleMain .item .left a img {
          margin-bottom: 2px;
          border: 1px solid #000;
        }
        #middleMain .item .left .date {
          font-size: 10px;
          margin: 0;
          color: #bbb;
        }
      #middleMain .item .right {
        float: left;
        width: 365px;
        }
        #middleMain .right .title {
          padding: 0;
          border-bottom-width: 0px;
          font-size: 14px;
          display: block;
          color: #fff;
        }
        #middleMain .right .title:hover {
          color: #2E7A91;
        }
        #middleMain .right .text {
          margin-top: 5px;
        }
    
    #middleMain .title.next {     
      padding: 7px 0 7px 14px;
      border-top: 1px solid #313a3f;
      margin-top: 20px;
    }
    #middleMain .title.noTT {     
      padding: 7px 0 7px 14px;
      margin-bottom: 20px;
      text-transform: none;
      color: #69D0EE;
    }
    #middleMain .title.line1 {     
      padding: 7px 0 7px 14px;
      margin-top: 0px;
      text-transform: none;
      color: #F5B91B;
    }
    #middleMain .title.line2 {
      padding: 20px 0 7px 14px;
      margin-top: 0px;
    }
    #middleMain .title.line3 {     
      padding: 7px 0 7px 14px;
      margin: 0px 0 10px 0;
      text-transform: none;
      border-bottom-width: 0px;
    }
    #middleMain .title.line4 {     
      padding: 15px 0 15px 15px;
      margin: 0;
      text-transform: none;
      border-bottom-width: 0px;
      color: #F5B91B;
    }
    #middleMain .title.line4 a {     
      color: #69D0EE;
    }
    #middleMain .title.line4 a:hover {     
      text-decoration: underline;
    }
    
    #middleMain div.docDet {
      margin: 20px 0 0 0px;
      padding: 0 20px 20px 20px;
      overflow: hidden;
      width: auto;
    }
    #middleMain div.docDet .img {
      float: left;
      margin: 0 20px 5px 0;
    }
    #middleMain .docDet .img img {
      margin-bottom: 5px;
    }
    #middleMain .docDet .img .date {
      font-size: 10px;
      margin: 0;
      color: #bbb;
      text-align: right;
    }
    #middleMain div.docDet .title {
      font-size: 14px;
      font-weight: bold;
      margin: 0 0 5px 0;
      padding: 0;
      border-width: 0px;
    }
    #middleMain div.docDet .text {
      color: #fff;
      overflow: hidden;
      }
      #middleMain div.docDet .text .buttons {
        overflow: hidden;
        margin: 0 20px 0 0;
      }
      #middleMain div.docDet .text .buttons a {
        float: right;
        margin: 0 10px 0 10px
      }
      #form_sendEmail {
        border-top: 1px solid #313a3f;
        overflow: hidden;
        display: none;
        }
        #form_sendEmail label {
          display: block;
          overflow: hidden;
          margin-top: 10px;
          font-size: 11px;
          font-weight: bold;
          color: #fff;
        }
        #form_sendEmail input {
          width: 310px;
          padding: 5px;
          border: 1px solid #313a3f;
          background: #000;
          margin-top: 5px;
          font-size: 12px;
          color: #fff;
        }
        #form_sendEmail .left {
          float: left;
          padding: 0 0 0 155px;
          width: 350px;
          overflow: hidden;
        }
        #form_sendEmail .right {
          float: left;
          width: 400px;
          overflow: hidden;
        }
        #form_sendEmail .right img {
          margin: 4px 0 9px;
        }
        #form_sendEmail .right .captchaReload {
          position: relative;
          top: -10px;
        }
        #form_sendEmail #buttSend {
          margin: 10px 0 0 231px;
          cursor: pointer;
        }
        #form_sendEmail.logged .left {
          padding: 0 0 0 0px;
          width: 330px;
        }
        #form_sendEmail .info {
          padding: 10px 0 10px 0;
          margin: 10px 0px 10px 330px;
          overflow: hidden;
          width: 320px;
          border: 1px solid #69D0EE;
          color: #69D0EE;
          font-size: 12px;
          font-weight: bold;
          text-align: center;
          background: #000;
          }
          #form_sendEmail .info.load {
            background: #000 url(../images/loader_black.gif) 10px 6px no-repeat;
          }
      
#middleMainDsc {
  background: #000 url(../images/bg_middle.jpg) left top no-repeat;
  min-height: 540px;
  margin-left: 0px;
  overflow: hidden;
  color: #fff;
  }
  #middleMainDsc .left {
    float: left;
    overflow: hidden;
    background: #000 url(../images/bg_dsc_left.jpg) left top no-repeat;
    width: 264px;
    min-height: 400px;
    }
    #middleMainDsc .left .title {
      font-size: 14px;
      font-weight: bold;
      padding: 7px 0 7px 10px;
      border-bottom: 1px solid #313a3f;
      background: url(../images/bg_dsc_title_top.gif) left top no-repeat;      
    }
    #middleMainDsc .left .title img#onlineUsersReload {
      float: right;
      margin: 0 7px 0 0;
      cursor: pointer;
    }
    #middleMainDsc .left .title.load {
      background: url(../images/loader_black.gif) 125px 4px no-repeat;
    }
    
    #middleMainDsc .left .online {
      width: 264px;
      overflow: hidden;
      margin-bottom: 0px;
    }
    #middleMainDsc .left .online.load {
      background: #111;
      filter:alpha(opacity=40);
      -moz-opacity: 0.40;
      opacity: 0.40;
    }
    #middleMainDsc .left .online div {
      float: left;
      width: 121px;
      height: 28px;
      line-height: 28px;
      overflow: hidden;
      padding: 0 0 0 10px;
      text-align: left;
      font-weight: normal;
      border-bottom: 1px solid #313a3f;
      color: #d2e8eb;
    }
    #middleMainDsc .left .online div a {
      color: #d2e8eb;
    }
    #middleMainDsc .left .online div.sep {
      width: 1px;
      background: #313a3f;
      padding: 0;
    }
    #middleMainDsc .left .online div a:hover {
      text-decoration: underline;
    }
    #middleMainDscOnlineLink {
      text-align: right;
      padding: 5px 20px 5px 0;
      height: 30px;
      width: 245px;
      background: #000 url(../images/bg_link.jpg) right top no-repeat;
      border-width: 0px;
    }
    #middleMainDsc .left .news {
      width: 259px;
      overflow: hidden;
      padding: 0px 0 0 5px;
      margin: 0 0 30px 0;
      }
      #middleMainDsc .left .news .item {
        margin: 20px 0 0 0;
        overflow: hidden;
      }
      #middleMainDsc .left .news img {
        margin: 0 7px 5px 0;
        float: left;
        border: 1px solid #313a3f;
      }
      #middleMainDsc .left .news a {
        font-weight: bold;
        color: #d2e8eb;
      }
      #middleMainDsc .left .news a:hover {
        color: #2E7A91;
      }
      #middleMainDsc .left .news .link {
        clear: both;
        overflow: hidden;
        float: right;
        text-align: right;
        padding: 7px 15px 5px 0;
        width: 245px;
        border-bottom: 1px solid #313a3f;
      }
      #middleMainDsc .left .news .link img {
          float: none;
          margin: 0;
          border-width: 0px;
      }
    #middleMainDsc .left .extLinks {
      margin: 0 0 30px 0;
      }
      #middleMainDsc .left .extLinks .item {
        padding: 5px 0 5px 10px;
        border-bottom: 1px solid #313a3f;
        }
        #middleMainDsc .left .extLinks .item a {
          color: #69D0EE;
          font-weight: bold;
        }
        #middleMainDsc .left .extLinks .item a:hover {
          text-decoration: underline;
        }
    #middleMainDsc .left .inq {
      margin: 0 0 30px 0;
      }
      #middleMainDsc .left .inq .question {
        font-weight: bold;
        padding: 10px 5px 20px 20px;
        border-bottom: 1px solid #313a3f;
        color: #d2e8eb;
      }
      #middleMainDsc .left .inq .answers {
        overflow: hidden;
      }
      #middleMainDsc .left .inq .answer {        
        border-bottom: 1px solid #313a3f;
        overflow: hidden;
        float: left;
        width: 265px;
        }
        #middleMainDsc .left .inq .answer a, #middleMainDsc .left .inq .answer span {
          font-weight: bold;
          float: left;
          width: 194px;
          padding: 7px 0 8px 20px;
          color: #d2e8eb;
          }
        #middleMainDsc .left .inq .answer .votes {
          font-weight: normal;
          font-size: 16px;
          float: right;
          text-align: right;
          width: 50px;
          padding: 6px 0 0 0;
        }
      #middleMainDsc .left .inq .votesCount {
        clear: both;
        margin: 10px 0 50px 20px;
      }
      #middleMainDsc .left .inq .link {
        text-align: right;
        padding: 15px 15px 5px 0;
        border-width: 0px;
      }
      #poll.load {
        background: url(../images/loader_black.gif) 94% 100% no-repeat; 
      }
      
      
  #middleMainDsc .content {
    float: right;
    overflow: hidden;
    background: #000 url(../images/bg_dsc_content.jpg) left top no-repeat;
    width: 702px;
    min-height: 600px;
    padding-bottom: 15px;
    }
    #middleMainDsc .content .titleOnlineUsers {
      font-size: 14px;
      font-weight: bold;
      padding: 10px 0 10px 10px;
      border-bottom: 1px solid #313a3f;
    }
    #onlineUsers {
      padding: 15px;  
    }
    
    #dscTopTabs {
      margin: 1px 0 0 1px;
      overflow: hidden;
      }
      #dscTopTabs div {
        float: left;
        width: 76px;
        height: 40px;
        line-height: 40px;
        font-size: 11px;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
        border-right: 1px solid #33424b;
        border-bottom: 1px solid #33424b;
        cursor: pointer;
      }
      #dscTopTabs div a {
        display: block;
      }
      #dscTopTabs div.last {
        width: 84px;
        border-right-width: 0px;
      }
      #dscTopTabs div.sel, #dscTopTabs div:hover {
        background: #235B6D url(../images/bg_dscTopTab_sel.jpg) right bottom no-repeat;
        border-bottom: 1px solid #000;
      }
      #dscTopTabs div.sel {
        cursor: default;
      }
    #dscInsertPost {
      clear: both;
      padding: 15px 0 0 12px;
      overflow: hidden;
      }
      #dscInsertPost .title {
        font-weight: bold;
        font-size: 14px;
        margin: 0 0 0 5px;
        float: left;
        width: 135px;
      }
      #dscInsertPost textarea {
        float: left;
        font-size: 12px;
        color: #fff;
        margin: 5px 0 0 0;
        padding: 5px;
        border: 1px solid #33424b;
        width: 667px;
        height: 83px;
        overflow: auto;
        background: #04222D url(../images/bg_dsc_textarea.jpg) left top no-repeat;
      }
      #dscInsertPost .buttOdeslat {
        float: right;
        margin: 10px 12px 0 0;
        cursor: pointer;
        width: 90px;
		height: 33px;
		line-height: 33px;
		text-align: center;
		text-transform: uppercase;
		font-size: 11px;
		font-weight: bold;
		color: #000000;
		font-family: Verdana, Arial;
		background-color: #ffffff;
		border: 1px solid #e4e4e4;
      }
      #dscInsertPost .buttEmoticons {
        overflow: hidden;
        float: right;
        margin: 0px;
		width: 63px;
		height: 45px;
        cursor: pointer;
		background:  url(../images/butt_emoticons.gif) left 10px no-repeat;
      }
      #dscInsertPost .emoticons {
        overflow: hidden;
        float: right;
        margin: 15px 10px 0 0;
        cursor: pointer;
        display: none;
      }
    #dscInsertPostLoad {
        background: #555;
        border: 10px solid #666;
        filter:alpha(opacity=60);
	      -moz-opacity: 0.60;
	      opacity: 0.60;
        z-index: 2;
        width: 678px;
        height: 166px;
        position: absolute;
        margin-left: 2px;
    }
    #dscInsertPostInfo {
      clear: both;
      padding: 15px 0 10px 12px;
      overflow: hidden;
      font-size: 11px;
      }
    #dscInfo {
      clear: both;
      padding: 10px 0 10px 0;
      margin: 15px 12px 10px 12px;
      overflow: hidden;
      width: auto;
      border: 1px solid #33424b;
      color: #69D0EE;
      font-size: 12px;
      font-weight: bold;
      text-align: center;
      display: none;
    }
    #dscInfo.load {
      background: url(../images/loader_black.gif) 7px 6px no-repeat;
    }
    #dscInfoNoItems {
      clear: both;
      padding: 10px 0 10px 0;
      margin: 15px 12px 10px 12px;
      overflow: hidden;
      width: auto;
      border: 1px solid #69D0EE;
      color: #69D0EE;
      font-size: 12px;
      font-weight: bold;
      text-align: center;
    }
    #dscResultToolbar {
		padding: 7px 0px 7px 15px;
		line-height: 20px;
	}
	
	#dscResultToolbar .buttSkinSwitch {
		display: block;
		float: left;
		margin: 0px 0px 0px 3px;
		height: 20px;
	}
	
	#dscResultToolbar span {
		margin: 0px 0px 0px 10px;
		color: #ccc;
	}
    
    #buttDscRefresh {
      display: block;
	  float: left;
	  background: url(../images/butt_reload_skin1.gif) left top no-repeat;
	  width: 20px;
	  height: 20px;
	  margin-right: 15px;
      cursor: pointer;  
    }
	
	#buttDscRefresh:hover {
	  background-position: left -100px;
    }
    #dscPostsContent .printTitle {
      margin: 15px 0 5px 15px;
      font-weight: bold;
      font-size: 12px;  
    }
    #dscPosts {
      clear: both;
      overflow: hidden;
      margin: 10px 0 0 0;
      }
      #dscPosts.load {
        background: #111;
        filter:alpha(opacity=40);
	      -moz-opacity: 0.40;
	      opacity: 0.40;
      }
      #dscPosts .item {
        clear: both;
        overflow: hidden;
        border-top: 1px solid #33424b;
        padding: 10px 0px 0px 15px;
        }
        #dscPosts .item .info {
          float: right;
          overflow: hidden;
          text-align: right;
          color: #69D0EE;
          font-size: 10px;
          line-height: 15px;
		  padding-right: 10px;
          }
          #dscPosts .item .info .postID,
          #dscPosts .item .info .postDate,
          #dscPosts .item .info .postPrint,
          #dscPosts .item .info .postReaguj,
          #dscPosts .item .info .blokHost,
          #dscPosts .item .info .blokUser,
          #dscPosts .item .info .smazat {
            float: right;
            overflow: hidden;
            margin-left: 5px;
          }
          #dscPosts .item .info .postPrint,
          #dscPosts .item .info .postReaguj,
          #dscPosts .item .info .blokHost,
          #dscPosts .item .info .blokUser,
          #dscPosts .item .info .smazat {
            cursor: pointer;
          }
          #dscPosts .item .info .postPrint:hover,
          #dscPosts .item .info .postReaguj:hover,
          #dscPosts .item .info .blokHost:hover,
          #dscPosts .item .info .blokUser:hover,
          #dscPosts .item .info .smazat:hover {
            text-decoration: underline;
          }
          #dscPosts .item .author {
            float: left;
            overflow: hidden;
            font-weight: bold;
            cursor: pointer;
            color: #69d0ee;
          }
        #dscPosts .item .postText {
          clear: right;
          overflow: hidden;
          padding-bottom: 10px;
		  padding-right: 10px;
          color: #e4f1f3;
        }
        #dscPosts .item .postText a {
          color: #69D0EE;
        }
        #dscPosts .item .postText a:hover {
          text-decoration: underline;
        }
        #dscPosts .item .postText .userInfo {
          font-size: 10px;
          color: #69D0EE;
          padding-bottom: 3px;
        }
        #dscPosts .item.reply {
          margin-left: 0px;
          padding-left: 0px;
        }

        #dscPosts .item.reply .reply {
          float: left;
          width: 15px;
          height: 40px;
          overflow: hidden;
          color: #69D0EE;
          font-size: 8px;
          text-align: right;
          padding-right: 5px;
          background: url(../images/bg_dsc_reply.gif) 3px 2px no-repeat;
        }
        #dscPosts .item.reply .reply.noNum {
          background-image: none;
        }
        #dscPosts .item.reply2 {
          margin-left: 15px;
          padding-left: 0px;
        }
        #dscPosts .item.reply2 .reply {
          float: left;
          width: 15px;
          height: 40px;
          overflow: hidden;
          color: #69D0EE;
          font-size: 8px;
          text-align: right;
          padding-right: 5px;
          background: url(../images/bg_dsc_reply.gif) 3px 2px no-repeat;
        }
        #dscPosts .item.reply2 .reply.noNum {
          background-image: none;
        }
        #dscPosts .item.sel {
          background: url(../images/bg_dsc_postSel.jpg) left top repeat-y;  
        }
        
      #dscFilter {
        clear: both;
        overflow: hidden;
        margin: 10px 0 0 0;
        font-size: 11px;
        }
        #dscFilter .top {
          float: left;
          width: 139px;
          overflow: hidden;
          border: 1px solid #33424b;
          border-right-width: 0px;
          text-align: center;
          }
          #dscFilter .top label {
            display: block;
            overflow: hidden;
            border-bottom: 1px solid #33424b;
            padding: 10px 0 10px 0;
          }
          #dscFilter .top input {
            border: 1px solid #33424b;
            background: #041920;
            margin: 10px 0 10px 0;
            width: 110px;
            color: #fff;
            padding: 8px 5px 8px 5px;
          }
        #dscFilter .top.last {
          border-right: 1px solid #33424b;
        }
        #dscFilter .bottom {
          float: left;
          overflow: hidden;
          border-bottom: 1px solid #33424b;
          text-align: center;
          margin-right: 1px;
          }
          #dscFilter .bottom.goto {
            clear: left;
            width: 280px;
            float: left;
            margin-right: 0px;
          }
          #dscFilter .bottom.goto .title {
            float: left;
            width: 140px;
            border-left: 1px solid #33424b;
            height: 55px;
            line-height: 55px;
            text-decoration: underline;
          }
          #dscFilter .bottom.goto .title span {
            cursor: pointer;
          }
          #dscFilter .bottom.goto .title span:hover {
            color: #69D0EE;
            text-decoration: underline;
          }
          #dscFilter .bottom.goto input {
            border: 1px solid #33424b;
            background: #041920;
            width: 110px;
            margin-top: 10px;
            font-size: 12px;
            color: #fff;
            padding: 8px 5px 8px 5px;
          }
          #dscFilter .bottom.nastav {
            float: right;
            width: 419px;
            text-align: right;
            height: 55px;
            border-right: 1px solid #33424b;
            border-left: 1px solid #33424b;
          }
          #dscFilter .bottom.nastav div {
		    float: right;
            cursor: pointer;
            margin: 12px 10px 0 0;
			width: 120px;
			height: 30px;
			line-height: 30px;
			text-align: center;
			text-transform: uppercase;
			font-size: 11px;
			font-weight: bold;
			color: #000000;
			font-family: Verdana, Arial;
			background-color: #ffffff;
			border-left: #e4e4e4;
			border-right: #e4e4e4;
			border-bottom: #000000;
          }
          #dscPager {
            float: right;
            width: auto;
            margin: -1px 1px 0 0; 
          }
          #dscPager .pager {
            padding: 0px;
          }
          #dscPager .pager .count {
            padding: 5px 15px 5px 15px;
            width: auto;
          }
          
		  #dscPager .pager .next, #dscPager .pager .prev {
            overflow: hidden;
            text-align: center;
            padding: 5px 10px 5px 10px;
			width: 85px;
		  }
		  
		  #dscPager .pager .next span {
			background:  url(../images/butt_next_bck_skin_01.png) right top no-repeat;
			padding: 0px 20px 0px 10px;
			color: #bebebf;
		  }
		  
		  #dscPager .pager .next:hover span {
			background-position:  right -114px;
			color: #40c6e9;
			text-shadow:0px 0px 8px rgba(255, 255,255, 1);
		  }
		  
		  #dscPager .pager .prev span {
			background:  url(../images/butt_prev_bck_skin_01.png) left top no-repeat;
			padding: 0px 10px 0px 20px;
			color: #bebebf;
		  }
		  
		  #dscPager .pager .prev:hover span {
			background-position:  left -114px;
			color: #40c6e9;
			text-shadow:0px 0px 8px rgba(255, 255,255, 1);
		  }
		  
          #dscPager .pager .first {
            float: right;
            overflow: hidden;
            text-align: center;
            padding: 5px 10px 5px 10px;
            border-right: 1px solid #33424b;
			width: 85px;
		  }
		  
		  
		  #dscPager .pager .first span {
			background:  url(../images/butt_first_bck_skin_01.png) left top no-repeat;
			padding: 0px 10px 0px 20px;
			color: #bebebf;
		  }
		  
		  #dscPager .pager .first:hover span {
			background-position:  left -114px;
			color: #40c6e9;
			text-shadow:0px 0px 8px rgba(255, 255,255, 1);
		  }
		  
          #dscPager .pager .last {
            float: right;
            text-align: center;
            overflow: hidden;
            padding: 5px 10px 5px 10px;
            border-left: 1px solid #33424b;
			width: 85px;
          }
		  
		  #dscPager .pager .last span {
			background:  url(../images/butt_last_bck_skin_01.png) right top no-repeat;
			padding: 0px 20px 0px 10px;
			color: #bebebf;
		  }
		  
		  #dscPager .pager .last:hover span {
			background-position:  right -114px;
			color: #40c6e9;
			text-shadow:0px 0px 8px rgba(255, 255,255, 1);
		  }
          #dscInfoBottom {
            clear: both;
            font-size: 11px;
            margin: 20px 10px 0 15px;
            float: left;
            text-align: justify;
          }
          
#middleMainTips {
  background: #000 url(../images/bg_middleMain.jpg) left top no-repeat;
  min-height: 540px;
  overflow: hidden;
  color: #fff;
  }
  #middleMainTips .tabs {
    overflow: hidden;
  }
  #middleMainTips .tabs a, #middleMainTips .tabs div {
    float: left;
    overflow: hidden;
    width: 324px;
    line-height: 40px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    margin-top: 1px;
    border-right: 1px solid #33424b;
    border-bottom: 1px solid #33424b;
  }
  #middleMainTips .tabs a.tips {
    margin-left: 1px;
  }
  #middleMainTips .tabs .newTip {
    border-right-width: 0px;
    width: 325px;
    color: #555;
    cursor: default;
  }
  #middleMainTips .tabs a.newTip {
    color: #fff;
    cursor: pointer;
  }
  #middleMainTips .tabs a.sel, #middleMainTips .tabs a:hover {
    background: #225B6D url(../images/bg_tabTips_sel.jpg) left bottom repeat-x;
  }
  #middleMainTips .article {
    overflow: hidden;
    padding: 15px;
    }
    #middleMainTips .article table {
      width: 100%;
      border-collapse: collapse;
    }
    #middleMainTips .article td {
      padding: 5px;
      border: 1px solid #33424b;
    }
  
  #middleMainTips .title {
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 7px 0 7px 14px;
    border-top: 1px solid #313a3f;
    border-bottom: 1px solid #313a3f;
    width: auto;
    overflow: hidden;
  }
  #middleMainTips .tipItems {
    padding: 0;
    overflow: hidden;
    clear: both;
    margin-bottom: 50px;
    }
    #middleMainTips .tipsInfo {
      padding: 15px 15px 0px 15px;
      color: #69D0EE;
      font-weight: bold;
      font-size: 12px;
      overflow: hidden;
    }
  #middleMainTips .archiveTips .tipItems {
    border-top: 1px solid #313a3f;
  }
    #middleMainTips .tipItems .item {
      border-bottom: 1px solid #313a3f;
      padding: 15px 15px 15px 15px;
      overflow: hidden;
    }
    #middleMainTips .tipItems .item .date,
    #middleMainTips .tipItems .item .tipName {
      float: left;
      color: #69D0EE;
      font-size: 11px;
    }
    #middleMainTips .tipItems .item .right {
      float: right;
      font-size: 11px;
      font-weight: bold;
      }
      #middleMainTips .tipItems .item .right span,
      #middleMainTips .tipItems .item .right a {
        color: #69D0EE;
      }
      #middleMainTips .tipItems .item .right a {
        font-weight: normal;
        padding: 0px 5px 0 5px;
      }
      #middleMainTips .tipItems .item .right a.last {
        padding-right: 20px;
      }
      #middleMainTips .tipItems .item .right a:hover {
        text-decoration: underline;
      }
    #middleMainTips .tipItems .item .elements {
      clear: both;
      float: left;
      margin-top: 10px;
      }
      #middleMainTips .tipItems .item .elements div {
        font-weight: bold;
        }
        #middleMainTips .tipItems .item .elements div span {
          color: #69D0EE;
        }
    #middleMainTips .tipItems .item .text {
      margin: 15px 0 0 0;
      clear: both;
      float: left;
      width: auto;
      width: 947px;
    }
    #middleMainTips .archiveTipsPager {
      float: right;
      width: auto;
      margin: 10px 11px 10px 0;
    }
    #middleMainTips .archiveTipsPager .pager {
      padding: 0px;
      margin: 0px;
    }
    
    #middleMainTips .archiveTipsPager .pager .first {
      float: right;
      overflow: hidden;
      padding: 5px 15px 5px 15px;
      border-right: 1px solid #33424b;
    }
    #middleMainTips .archiveTipsPager .pager .last {
      float: right;
      overflow: hidden;
      padding: 5px 15px 5px 15px;
      border-left: 1px solid #33424b;
    }
    #middleMainTips .goTo {
      float: left;
      overflow: hidden;
      margin: 10px 0 0 15px;
      height: 100px;
      }
      #middleMainTips .goTo span {
        float: left;
        width: 115px;
        font-size: 11px;
        line-height: 26px;
        cursor: pointer;
        text-decoration: underline;
      }
      #middleMainTips .goTo span:hover {
        color: #69D0EE;
        text-decoration: underline;
      }
      #middleMainTips .goTo input {
        float: left;
        width: 120px;
        border: 1px solid #33424b;
        background: #041920;
        padding: 5px;
        color: #fff;
      }
    #middleMainTips .tipsNew {
      margin: 0 0 0 20px;
      }
      #middleMainTips .tipsNew label {
        display: block;
        font-size: 11px;
        font-weight: bold;
        margin: 10px 0 5px 0;
      }
      #middleMainTips .tipsNew input {
        width: 920px;
        border: 1px solid #33424b;
        background: transparent;
        padding: 5px;
        color: #fff;
      }
      #middleMainTips .tipsNew textarea {
        font-size: 12px;
        color: #fff;
        margin: 0;
        padding: 5px;
        border: 1px solid #33424b;
        width: 920px;
        height: 180px;
        background: #000;
      }
      #tipsButtVlozit {
        float: right;
        margin: 20px 27px 50px 0;
        cursor: pointer;
      }
      #middleMainTips .load {
        background: url(../images/loader_black.gif) 10px 10px no-repeat;
        width: 35px;
        height: 35px;
        float: left;
      }
      #tipInsertLoad {
        background: #555;
        border: 10px solid #666;
        filter:alpha(opacity=60);
	      -moz-opacity: 0.60;
	      opacity: 0.60;
        z-index: 2;
        width: 952px;
        height: 600px;
        position: absolute;
        margin-left: 2px;
      }
      #tipInsertLoadText {
        z-index: 3;
        width: 940px;
        position: absolute;
        padding: 10px 0 10px 0;
        margin: 15px 0 0 17px;
        overflow: hidden;
        border: 1px solid #69D0EE;
        color: #69D0EE;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        background: #000 url(../images/loader_black.gif) 7px 7px no-repeat;
      }
      
      #blokUser {
        border: 1px solid #33424b;
        background: #051D29;
        padding: 7px;
        margin: 12px;
        color: #fff;  
        overflow: hidden;
        display: none;
        }
        #blokUser .bu_title {
          font-weight: bold;
          float: left;
          width: 400px;
        }
        #blokUser .close {
          font-weight: bold;
          float: right;
          overflow: hidden;
          color: #F5B904;
          text-align: right;
          cursor: pointer;
        }
        #blokUser .blokUsername, #blokUser .blokHostname {
          clear: right;
          float: left;
          overflow: hidden;
          width: 240px;
          display: none;
        }
        #blokUser label {
          display: block;
          font-size: 11px;
          font-weight: bold; 
          color: #fff;
          margin: 10px 0 5px 0;
        }
        #blokUser input {
          width: 200px;
          border: 1px solid #33424b;
          background: transparent;
          padding: 5px;
          color: #fff;  
          display: block;
        }
        #blokUser img {
          float: left;
          margin-top: 28px;
          cursor: pointer;
        }
        #blokUserInfo {
          padding: 10px 0 10px 0;
          margin: 10px 0 0 0;
          overflow: hidden;
          border: 1px solid #69D0EE;
          color: #69D0EE;
          font-size: 12px;
          font-weight: bold;
          text-align: center;
          background: #000;
          display: none;
        }
    
#middleMain .user {
  border: 1px solid #33424b;
  overflow: hidden;
  color: #fff;
  margin: 10px 10px 100px 10px;
  position: relative;
  }
  #middleMain .user .title.next {
    margin-top: 0px;
    margin-bottom: 20px;
    border-top-width: 0px;
  }
  #middleMain .user label {
    clear: left;
    float: left;
    width: 280px;
    text-align: right;
    height: 43px;
    line-height: 43px;
    font-size: 11px;
    font-weight: bold;
    overflow: hidden;
  }
  #middleMain .user input {
    float: left;
    width: 420px;
    border: 1px solid #33424b;
    background: transparent;
    font-size: 12px;
    padding: 8px 5px 8px 5px;
    color: #fff;
    overflow: hidden;
    margin-left: 15px;
  }
  #middleMain .user input.ro {
    color: #aaa;
  }
  #middleMain .user .input {
    float: left;
    width: 447px;
    overflow: visible;
    margin: 5px 0 5px 0px;
  }
  #middleMain .user .input.sms {
    width: 665px;
  }
  #middleMain .user .captchaDiv {
    float: left;
    margin: 5px 0 5px 15px;
    overflow: hidden;
    width: 420px;
  }
  #middleMain .user .infoSMS {
    float: right;
    width: 187px;
    font-size: 11px;
    border-top: 1px solid #33424b;
    border-bottom: 1px solid #33424b;
    padding: 10px 0 10px 20px;
    background: url(../images/bg_user_info.gif) 0px 10px no-repeat;
  }
  #middleMain .user .emailVisible {   
    float: left;
    clear: both;
    width: 800px;
    height: 40px;
  }
  #middleMain .user .emailVisible label {   
    width: 700px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    font-weight: normal;
  }
  #middleMain .user .emailVisible input {
    position: absolute;
    left: -3000px;
    width: 0px;
    height: 0px;
  }
  #middleMain .user .emailVisible img {
    float: left;
    width: 14px;
    height: 14px;
    border-width: 0px;
    background: none;
    margin: 13px 0 0 5px;
    padding: 0;
  }
  #middleMain .user .formInfo {
    color: #69D0EE;
    font-weight: bold;
    font-size: 12px;
    overflow: hidden;
    padding: 10px 0 10px 0;
    margin: 10px 10px 10px 10px;
    overflow: hidden;
    border: 1px solid #69D0EE;
    text-align: center;
    display: none;
  }
  
  .userSaveButton {
    clear: both;
    float: right;
    margin: 10px 230px 0 0;
    cursor: pointer;
  }
  #middleMain .user .info {
    clear: both;
    float: left;
    height: 30px;
    margin-left: 20px;
  }
  
  #userSaveInfo {
    background: #555;
    filter:alpha(opacity=60);
    -moz-opacity: 0.60;
    opacity: 0.60;
    z-index: 2;
    width: 954px;
    height: 700px;
    position: absolute;
    margin-left: 0px;
  }
  #userSaveInfoText {
    z-index: 3;
    width: 932px;
    position: absolute;
    padding: 10px 0 10px 0;
    margin: 10px 0 0 10px;
    overflow: hidden;
    border: 1px solid #69D0EE;
    color: #69D0EE;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    background: #000;
  }
  
  
  
  
#middleMain .messages {
  overflow: visible;
  margin: 10px 10px 40px 10px;
  border: 1px solid #33424b;
  color: #fff;
  position: relative;
  }
  #middleMain .buttons {
    overflow: hidden;
  }
  #middleMain .buttons img {
    border-right: 1px solid #33424b;
    cursor: pointer;
    float: left;
  }
  #middleMain .buttons img#buttMsgDelete {
    border-left: 1px solid #33424b;
    border-right-width: 0px;
    float: right;
  }
  #middleMain .buttons img#buttMsgDeleteDetail {
    border-left: 1px solid #33424b;
    border-right-width: 0px;
    float: right;
  }
  #middleMain .messages table {
    border-top: 1px solid #33424b;
    clear: both;
    width: 100%;
    border-collapse: collapse;
    }
    #middleMain .messages table tr.sel {
      background: #fff;
      color: #000;
    }
    #middleMain .messages table tr.sel a {
      color: #000;
    }
    #middleMain .messages table tr.unread,
    #middleMain .messages table tr.unread a {
      font-weight: bold;
      color: #69D0EE;
    }
    #middleMain .messages table th {
      padding: 8px 6px 8px 6px;
      text-align: center;
      border-right: 1px solid #33424b;
    }
    #middleMain .messages table td {
      border-top: 1px solid #33424b;
      padding: 6px;
      border-right: 1px solid #33424b;
    }
    #middleMain .messages table td img {
      cursor: pointer;
    }
    #middleMain .messages table td a:hover {
      text-decoration: underline;
    }
    #middleMain .messages table .col1 {
      width: 39px;
      text-align: center;
    }
    #middleMain .messages table .col2 {
      width: 115px;
    }
    #middleMain .messages table .col4 {
      border-right-width: 0px;
    }
    
    #middleMain .messages .formNew {
        border-top: 1px solid #33424b;
        padding: 10px;
        overflow: hidden;
      }
      #middleMain .messages .formNew label {
        display: block;
        margin: 10px 0 5px 0;
        font-size: 11px;
        font-weight: bold;
        }
        #middleMain .messages .formNew label span {
          font-weight: normal;
          font-size: 11px;
        }
      #middleMain .messages .formNew input {
        border: 1px solid #33424b;
        background: transparent;
        padding: 5px;
        color: #fff;
        width: 920px;
      }
      #middleMain .messages .formNew textarea {
        border: 1px solid #33424b;
        background: transparent;
        padding: 5px;
        color: #fff;
        width: 920px;
        height: 180px;
      }
      #middleMain .messages .formNew #buttSend {
        float: right;
        margin: 20px 20px 30px 0;
        cursor: pointer;
      }
      #middleMain .msgLoad {
        background: url(../images/loader_black.gif) 15px 10px no-repeat; 
        width: 45px;
        height: 45px;
      }
      #messagesInfo {
        clear: both;
        padding: 5px 0 5px 0;
        margin: 0 0 0 280px;
        position: absolute;
        top: -45px;
        overflow: hidden;
        width: 400px;
        border: 1px solid #69D0EE;
        color: #69D0EE;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        display: block;
    }
    #messagesInfoLogin {
        clear: both;
        padding: 5px 0 5px 0;
        margin: 10px 0 0 15px;
        overflow: hidden;
        color: #69D0EE;
        font-size: 12px;
        font-weight: bold;
    }
    
    #middleMain .msgDetailDiv {
      overflow: hidden;
      margin: 10px 10px 40px 10px;
      border: 1px solid #33424b;
      color: #fff;
      display: none;
    }
    #middleMain .msgDetailDiv table {
      border-top: 1px solid #33424b;
      clear: both;
      width: 100%;
      border-collapse: collapse;
    }
    #middleMain .msgDetailDiv table td {
      border-top: 1px solid #33424b;
      padding: 6px;
      border-right: 1px solid #33424b;
    }
    #middleMain .msgDetailDiv table td.bold {
      font-weight: bold;
    }
    #middleMain .msgDetailDiv table .col1 {
      width: 117px;
      text-align: right;
    }
    #middleMain .msgDetailDiv table .col2 {
      width: 117px;
      text-align: center;
    }
    #middleMain .msgDetailDiv table .col3 {
      border-right-width: 0px;
    }
    
    #middleMain .messages .msgPager {
      overflow: hidden;
      float: right;
    }
    #middleMain .messages .msgPager a {
      overflow: hidden;
      float: left;
      text-align: center;
      line-height: 18px;
      border: 1px solid #33424b;
      width: 20px;
      height: 18px;
      margin: 0 3px 0 3px;
      font-weight: bold;
    }
    #middleMain .messages .msgPager a.sel {
      color: #69D0EE;
      text-decoration: none;
      background: url(../images/bg_msg_pager_sel.gif) 0px 0px no-repeat; 
    }
    #middleMain .messages .msgPager span {
      float: left;
      width: 15px;
      font-weight: bold;
    }
    
    #msgInsertLoad {
        background: #555;
        filter:alpha(opacity=60);
	      -moz-opacity: 0.60;
	      opacity: 0.60;
        z-index: 2;
        width: 972px;
        height: 550px;
        position: absolute;
        margin-left: 2px;
      }
      #msgInsertLoadText {
        z-index: 3;
        width: 940px;
        position: absolute;
        padding: 10px 0 10px 0;
        margin: 15px 0 0 17px;
        overflow: hidden;
        border: 1px solid #69D0EE;
        color: #69D0EE;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        background: #000 url(../images/loader_black.gif) 7px 7px no-repeat;
      }
    #buttMsgBack {
      cursor: pointer;  
    }
    
    #onlineUsers {
      padding: 15px 100px 0 60px;
    }
    #onlineUsers .count {
      font-weight: bold;
      float: left;
      padding-left: 10px;
      line-height: 30px;
      }
      #onlineUsers .count span {
        color: #69D0EE;
      }
    #onlineUsers .button {
      float: right;
      padding-bottom: 5px;
      }
      #onlineUsers .button img {
        padding-right: 8px;
      }
    #onlineUsers .online {
      width: 270px;
      overflow: hidden;
      margin-left: 0px;
      float: left;
    }
    #onlineUsers .online div {
      float: left;
      width: 121px;
      height: 28px;
      line-height: 28px;
      overflow: hidden;
      padding: 0 0 0 10px;
      text-align: left;
      font-weight: normal;
      border-bottom: 1px solid #313a3f;
      color: #d2e8eb;
    }
    #onlineUsers .online div a {
      color: #d2e8eb;
    }
    #onlineUsers .online div.sep {
      width: 1px;
      background: #313a3f;
      padding: 0;
    }
    #onlineUsers .online div a:hover {
      text-decoration: underline;
    }
     
    
.pager {
  overflow: hidden;
  border: 1px solid #313a3f;
  padding: 3px 20px 2px 0;
  width: auto;
  color: #fff;
  font-size: 11px;
  }
  .pager .next {
    padding: 5px 15px 5px 15px;
    float: right;
    overflow: hidden;
  }
  .pager .count {
    padding: 5px 15px 5px 15px;
    float: right;
    text-align: center;
    font-size: 12px;
    overflow: hidden;
    }
    .pager .count span {
      color: #45C6EB;
    }
    .pager .count span.bold {
      font-weight: bold;
    }
  .pager .prev {
    padding: 5px 15px 5px 15px;
    float: right;
    overflow: hidden;
  }
  
.error {
  color: #F5B904;  
}

#middleMainTips .tipsNew input.error,
#middleMainTips .tipsNew textarea.error,
#form_sendEmail input.error,
#middleMain .messages input.error,
#middleMain .messages textarea.error,
#middleMain .user input.error,
#dscInsertPost textarea.error {
  border: 1px solid #F5B904;
}
#middleMain .user div.error {
  float: left;
  width: 430px;
  overflow: visible;
  height: 20px;
  padding-left: 15px;
  font-size: 11px;
}
#middleMain .user label.error {
  margin-bottom: 5px;
}
#middleMain .user input.error {
  margin-bottom: 2px;
}


#middleMain .messages .formNew label span#charCount,
#middleMainTips .tipsNew label span#charCount {
  font-weight: bold;  
}
#middleMain .messages .formNew label span#charCount.alert,
#middleMain .messages .formNew label span#charCountAlert,
#middleMainTips .tipsNew label span#charCount.alert,
#middleMainTips .tipsNew label span#charCountAlert,
#dscInsertPost label span#charCount.alert,
#dscInsertPost label span#charCountAlert {
  font-weight: bold;
  color: #F5B904;
}