@import "content.css";

body, html {
    height: 100%;
    text-align: center;
}

/*   general styles   */
.clear {
    display: block;
    clear: both;
    font-size: 1px;
    height: 1px;
    line-height: 1px;
    margin: 0 0 -1px;
}
.br {
    display: block;
    clear: both;
    font-size: 1px;
    height: 28px;
    line-height: 1px;
    margin: 0;
}
.grey {
    color: #969a9d;
}
.blue {
    color: #146bae !important;
}
.green {
    color: #2a8a28 !important;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
img.float-left {
    margin: 3px 20px 0 0;
}
/*   /general styles   */

/*   the basic layout blocks   */
#wrapper {
    min-height: 100%;
    text-align: left;
    position: relative;
    z-index: 10;
}
* html #wrapper {
    height: 100%;
}
#wrapper {
    background: #f4f5f3 url('/i/bg-main.gif') repeat-x 0 78px;
}
.width {
    width: 990px;
    margin: 0 auto;
    text-align: left;
}

/*
* html #wrapper, * html #foot {
    width: expression( document.body.clientWidth < 960 ? "960px" : ( document.body.clientWidth > 1200  ? "1200px" : "100%" ));
}
*/

.columns {
    clear: both;
    width: 100%;
}
/* html .columns {
    //padding-right: 1px;
    //overflow-x: hidden;
}
.columns#content {
    padding: 24px 0 0 0;
}
.column_left, .column_right {
    float: left;
}
.column_left {
    width: 29%;
    text-align: right;
    //overflow-x: hidden;
}
.column_right {
    width: 71%;
    //margin-right: -1px;
}
* html .column_right {
    overflow: hidden;
}
.column_left .widthfix {
    text-align: left;
}
*/

/* head */
#head {
    height: 78px;
    background: transparent url('/i/bg-top.gif') repeat-x 0 100%;
    position: relative;
}
/* /head */

/* foot */
#foot {
    height: 80px;
    text-align: left;
    margin-top: -81px;
    position: relative;
    z-index: 11;
    border-top: 1px solid #c4c6be;
    background: #e2e5de url('/i/bg-foot.gif') repeat-x 0 1px;
}
#foot #copyrights {
    padding: 10px 20px;
    font-size: 12px;
    color: #7c7e74;
}
#foot #copyrights a {
    color: #7c7e74;
}
a.key img {
    margin-bottom: 1px;
}
/* /foot */

/* main site navigation */
#nav {
    background: #7c7e74;
    border-bottom: 1px solid #4c5739;
    text-align: center;
    padding: 3px 0 0 0;
}
#nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
    height: 32px;
}
#nav li {
    margin: 0;
    padding: 0;
    background: none;
    font: bold 12px Arial;
    line-height: 13px;
    float: left;
    text-transform: uppercase;
}
#nav li a {
    display: block;
    text-decoration: none;
    color: #2f2f2f;
    padding: 10px 20px 9px 20px;
    /*background: transparent url('../i/bg-nav.gif') repeat 0 50%;*/
    border-right: 1px solid #d7d5d5;
}
#nav li.active a, #nav li a:hover {
    color: #ffffff;
    background: transparent url('../i/bg-nav-a.gif') repeat 0 50%;
}
#nav div.width {
    background: transparent url('../i/bg-nav.gif') repeat 0 50%;
}
/*
#nav div.width div {
    background: transparent url('../i/bg-nav-right.gif') no-repeat 100% 0;
}
#nav div.width div div {
    background: transparent url('../i/bg-nav-left.gif') no-repeat 0 0;
    padding: 0 10px;
}*/


ul.subnav {
    font: normal 12px Arial;
    padding: 10px 0 4px 0;
    margin: 0;
    list-style: none;
}
ul.subnav li {
    font: normal 12px/14px Arial;
    padding: 0 0 10px 0;
    margin: 0;
    background: none;
}
ul.subnav li li {
    padding: 0 0 0 0;
}
ul.subnav a {
    text-decoration: none;
}
ul.subnav a:hover {
    text-decoration: underline;
}
ul.subnav.navgreen a {
    color: #31813d !important;
}
ul.subnav.navblue a {
    color: #146bae !important;
}
ul.subnav li.active {
    background: transparent url('../i/subnav-a.gif') no-repeat 0 3px;
    color: #ffffff;
    padding: 0 0 10px 50px;
    position: relative;
    left: -50px;
    margin-right: -50px;
}
ul.subnav.navblue li.active span {
    background: #146bae;
    padding: 0 50px 0 1px;
}
ul.subnav.navgreen li.active span {
    background: #31813d;
    padding: 0 50px 0 1px;
}


/* /main site navigation */

/* forms */
.buttonIcon {
    width: 20px;
    height: 20px;
    border: none;
    backgound: transparent;
    margin: 0;
    //margin: 0 0 0 -3px;
}
input.field, input.fieldBlack {
    border: 1px solid #7c7e74;
    background :#e3e6df;
    padding: 0 3px 0 14px;
    margin: 0;
    font: normal 11px/1.2em Arial;
    color: #7c7e74;
}
input.fieldBlack {
    color: #010101;
}
.logo {
    padding: 0 6px;
    position: absolute;
    top: 0;
}
.logo h3 {
    padding: 0 0 0 14px;
    margin: 0;
    position: relative;
    top: -5px;
    font: normal 10px 'Trebuchet MS', Arial;
    color: #ffffff;
}
.head form {
    float: right;
    width: 206px;
    padding: 44px 0 0 0;
}
.head form input.field, .head form input.fieldBlack {
    height: 14px;
    width: 121px;
    float: left;
}

.required {
    float: left;
    font: normal 11px 'Trebuchet MS';
    line-height: 14px;
    padding: 77px 0 0 30px;
}
.form {
    width: 52%;
    float: left;
    position: relative;
    top: -5px;
    margin: 0 0 -5px 0;
    font: normal 18px 'Trebuchet MS';
}
.form div.field {
    padding: 1px 0 6px 0;
    //padding: 0 0 5px 0;
}
div.button {
    padding: 15px 0 0 0;
    font-size: 18px;
}
div.button input {
    cursor: pointer;
    display: inline;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    font: bold 18px/normal 'Trebuchet MS';
}
div.button span {
    text-decoration: underline;
}
.form div.field input {
    color: #969a9d;
    font: normal 14px 'Trebuchet MS';
    border-top: 1px solid #abadb3;
    border-right: 1px solid #abadb3;
    border-left: 1px solid #e3e9ef;
    border-bottom: 1px solid #e3e9ef;
    padding: 5px 3px 2px 11px;
    margin: 0;
    width: 405px;
    height: 20px;
}
.form div.field textarea {
    color: #969a9d;
    font: normal 14px 'Trebuchet MS';
    border-top: 1px solid #abadb3;
    border-right: 1px solid #abadb3;
    border-left: 1px solid #e3e9ef;
    border-bottom: 1px solid #e3e9ef;
    padding: 5px 3px 2px 11px;
    margin: 0;
    width: 405px;
    height: 150px;
}
.form p {
    padding: 17px 0 0 0;
}
.form p img {
    margin: 18px 0 3px 0;
}
.fieldActive {
    color: #5a5e60 !important;
}
/* /forms */

/* index table */
.index {
    width: 100%;
    margin: 3px 0 39px 0;
}
.index td {
    font: normal 10px Tahoma;
    color: #5a5e60;
    text-align: left;
    padding: 0 0 2px 0;
}
.index td.grey {
    color: #969a9d;
}
.index div {
    position: relative;
    left: -12px;
    top: -1px;
    margin-right: -12px;
}
.index div img {
    position: absolute;
}
.index td span {
    width: 4px;
}
/* /index table */
.date {
    font: normal 9px 'Trebuchet MS';
    color: #969a9d;
}
.error {
    font: normal 11px 'Trebuchet MS';
    color: #e60000;
}
p.error {
    padding: 0 0 5px !important;
}
/* news */
.news {
    padding: 0 0 10px;
}
.news_img {
    float: left;
    margin: 3px 10px 3px 0;
}
.news p {
    line-height: 13px;
    padding: 0;
    margin: 0 0 -1px 0;
}
p.date {
    padding: 0 0 11px 0;
    font: normal 9px 'Trebuchet MS';
    color: #969a9d;
}
p.date a {
    color: #969a9d;
}

/* /news */


/* message list */
.message-list {
    padding: 0 0 34px 0;
}
.message-list a {
    color: #595d5f;
}
.message-list p {
    padding: 0 0 1px 0;
}
.message-list span {
    font-size: 9px;
    color: #969a9d;
    width: 72px;
    display: block;
    float: left;
    padding: 1px 0 0 0;
}
/* /message list */

/* auth form */
* html #screen {
    width: expression( document.body.clientWidth < 970 ? "970px" : "100%");
}
#screen {
    position: absolute; top: 0; left: 0; right: 0; height: 100%; z-index: 98;
    display: none;
    min-width: 970px;
    background: url('../i/dark.png') repeat 0 0;
    //background: none;
}
#screen div {
    //background: url('../i/dark.png') repeat 0 0;
}
* html #screen div {
    position: relative;
    min-height: 100%;
    //height: 100%;
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/dark.png', sizingMethod='scale');
    width: expression( document.body.clientWidth < 970 ? "970px" : "100%");
}
#authform {
    position: absolute;
    width: 340px;
    height: 233px;
    top: 216px;
    left: 50%;
    display: none;
    z-index: 99;
}
#authform div.bg {
    position: relative;
    margin-left: -170px;
    width: 327px;
}
#authform form {
    background: #fff url('../i/bg-auth.jpg') no-repeat 0 100%;
    border-left: 1px solid #666;
    border-right: 1px solid #000;
    border-top: 1px solid #666;
    border-bottom: 1px solid #000;
    height: 228px;
    //height: 230px;
    float: left;
    text-align: center;
    font: normal 11px 'Trebuchet Ms', Tahoma;
}
#authform p.close {
    padding: 5px 16px 17px 8px;
    float: right;
    background: transparent url('../i/icons/close.gif') no-repeat 0 12px;
    font-size: 9px;
    cursor: pointer;
    //cursor: hand;
}
#authform p.title {
    padding: 0 0 18px 8px;
    clear: both;
    font-size: 21px;
    color: #000;
}
#authform p.text_button {
    font-size: 18px;
    padding: 9px 0 32px 8px;
}
#authform input.field, #authform input.fieldBlack {
    width: 262px;
    height: 22px;
    margin: 1px 0 6px 0;
    //margin: 0 0 5px 0;
    padding: 5px 3px 2px 11px;
    font-size: 14px;
}

.auth {
    width: auto;
    float: right;
    margin: 0 15px;
}
.auth th {
    color: #e3e6df;
    text-transform: lowercase;
    text-align: right;
    font-size: 11px;
    vertical-align: top;
    padding: 3px 3px 0 0;
}
.auth td {
    color: #e3e6df;
    font-size: 11px;
    vertical-align: top;
}
.auth td a {
    color: #7c7e74;
}
.auth input.button {
    width: 22px;
    height: 19px;
    padding: 0;
    margin: 0;
    //margin: 0 0 0 -1px;
    background: #7c7e74 url('/i/btn.gif') no-repeat 50% 50%;
    border: 1px solid #595a53;
    border-left: none;
}
.auth a.button {
    display: block;
    padding: 0 18px 1px 5px;
    margin: -1px 0 0 0;
    background: #7c7e74 url('/i/btn.gif') no-repeat 90% 5px;
    border: 1px solid #595a53;
    border-left: none;
    text-transform: lowercase;
    text-decoration: none;
    color: #e3e6df;
    font-size: 11px;
}

.auth .field {
    border: 1px solid #595a53;
    height: 17px;
    padding: 0 10px;
}
/* /auth form */


p.pdf {
    float: left;
    font: bold 18px 'Trebuchet Ms', Tahoma;
    line-height: 18px;
    background: transparent url('../i/icons/pdf.gif') no-repeat 1px 0;
    padding: 4px 22px 12px 39px;
}
p.comments {
    float: left;
    font: normal 9px 'Trebuchet Ms', Tahoma;
    line-height: 11px;
    padding-top: 10px;
}
p.comments strong {
    font-size: 11px;
}
p.location {
    font: normal 9px 'Trebuchet Ms', Tahoma;
    padding: 0 0 0 50px;
    position: relative;
    top: -13px;
    margin: 0 0 5px 0;
}

/* /internal pages styles */

/* pager */
ul.pager {
    padding: 40px 0 20px;
    margin: 0;
    display: block;
}
ul.pager li {
    padding: 0;
    margin: 0;
    display: inline;
    list-style: none;
    background: none;
    word-spacing: 5px;
}
ul.pager li a, ul.pager li strong {
    padding: 0 3px 0;
}
/* /pager */

/* comments */
dl.comments {
    padding: 0;
    margin: 0;
}
.comments dt {
    padding: 21px 0 0;
    margin: 0 0 0 -40px;
    float: left;
    font: normal 10px/10px 'Trebuchet Ms',Tahoma;
}
.comments dt a {
    color: #969A9D;
}
.comments dd {
    padding: 15px 0 20px;
    margin: 0;
}
.comments p {
    padding: 10px 0 0;
}
.data {
    font: normal 10px/normal 'Trebuchet Ms',Tahoma;
    color: #969A9D;
}
p.data {
    padding: 0 0 5px;
    margin: 0;
}
.data strong {
    font-size: 11px;
    color: #5A5E60;
}
/* /comments */


/* forum */
.topics {
    padding: 10px 0 0 20px;
}
.enter {
    text-align: right;
}
.showAllTopics a {
    font-style: italic;
    color: #969A9D;
    cursor: pointer;
}
/* /forum */

 .content {
     padding: 0 20px;
     min-height: 500px;
     -height: 500px;
 }
 .column-right {
     width: 250px;
 }

.article-sign {
    padding: 10px 0 20px 0;
}
.article-sign table {
     background: #d6d8d3;
}
.article-sign td {
    font: normal 11px Tahoma;
    padding: 5px 7px 6px 7px;
    vertical-align: middle;
    color: #303737;
}
.article-sign .grey {
    color: #667070;
}
.article-sign small {
    font-size: 10px;
}
a.more {
    display: block;
    float: right;
    background: transparent url('/i/icons/more.gif') no-repeat 100% 50%;
    padding: 0 20px 0 0;
    margin: 0 5px;
    text-transform: uppercase;
}
.date {
     color: #474747;
}

.date p {
     padding: 0;
    margin: 0;
}


ul.tree {
    padding: 0 0 15px 15px;
    margin: 0;
}
ul.tree li {
    padding: 0 !important;
    margin: 0 !important;
    clear: both;
    position: relative;
    left: 0;
    font: bold 12px Arial;
}
ul.tree li img {
    width: 16px;
    height: 16px;
    position: relative;
    bottom: -4px;
    left: -21px;
    margin: 0 -18px 0 0;
    cursor: pointer;
    //cursor: hand;
}
ul.tree ul {
    padding: 5px 0 5px 15px;
    margin: 0;
    clear: both;
}
ul.tree a {
    text-decoration: none;
}
ul.tree a:hover {
    text-decoration: underline;
}

.post-text {
    font-size: 12px;
    padding: 3px 0;
}
.column-right .post-text  {text-overflow: ellipsis; -o-text-overflow: ellipsis; width: 200px; display: block; overflow:hidden;}
.post-text p {
    padding: 0;
}
p.float_right {
    float: right;
}
p.float_right img {
    margin: 0 3px;
}