html, body{
  font-size: .9em;
  * font-size: 8pt;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  background: #FFF;
  margin:0;
  padding: 0;
}

.clear-both {
  clear: both;
}

/** BEGIN page's skeleton styles **/
div#main-container{
  /* background: #FEE; */
}
div#info-container{
  float:left;width:100%;
}
div.info {
  maring: 5 0 10 0;
}
div.info-with-margin {
  float: left;
}
div#header-container{
  /* background: #EEF;
  border-bottom: 1px solid gray; */
}
div#footer-container{
  /* background: #EFE;*/
  clear:left;
  border: 1px solid gray;
  padding: .5em;
  margin: .5em;
  margin-top: 0;
  padding-top: 0;
}
div#right-panel-container{
  /* background: #EED; */
  float: right;
  width: 170pt;
  display:none;
}
div#left-panel-container{
  /* background: #EDE; */
  margin-left:-100%;
  float: left;
  width: 170pt;
}
div#main-panel-container{
  /* background: #DEE; */
  margin-left: 170pt;
  margin-right: 5pt;
/*  margin-right: 170pt; */
}
div#main-panel-container .left-border{
  /* border-left: 1px solid gray; */
}

div#main-panel-container .right-border{
  /* border-right: 1px solid gray; */
}

div.panel-wrap{
  padding: .5em;
}
div#main-panel-container div.panel-wrap{
  padding: .5em 0;
}
/** END page's skeleton styles **/

/** BEGIN common elements styles **/
form {
  margin: 0;
  padding: 0;
}

form label {
  font-weight: bold;
  color: #444;
  display: block;
}

form label span.req {
  color: red;
}

form label a {
  font-weight: normal;
}

form p.inline label {
  display: inline;
}

form p {
  margin: .5em 0;
}

form p input, form p textarea, div.fieldWithErrors textarea, div.fieldWithErrors input {
  width: 100%;
}

form p input[type="checkbox"] {
  margin: 0;
  width: auto;
}

form p textarea, div.fieldWithErrors textarea {
  height: 150pt;
}

form p.private-message textarea {
  height: 225pt;
}

form .buttons {
  text-align: right;
}

form .buttons input {
  width: auto !important;
}

form .buttons .remember-me {
  float: left;
  line-height: 22px;
}

form .buttons .login {
  float: right;
}

form .buttons-left {
  text-align: left;
}
form .buttons-left input {
  width: auto !important;
}

a {
  color: brown;
}

a.edit {
  color: green;
}

a.del {
  color: red;
}

div.hr {
  border-bottom: 1px dotted gray;
  margin: .5em 0;
}

li.lite {
}

li.dark {
  background: #EEE;
}

img {
  border: none;
}

span.translation_missing {
  background-color: yellow;
}

/** END common elements styles **/











/** BEGIN common blocks styles **/
div.image{
  text-align: center;
  vertical-align: middle;
}

div.small-container{
}

div.small-container ul{
  padding-left: 2.5em;
  margin: 0;
}
div.small-container ul li{
  margin: 0;
  padding: 0;
}


div#loading-marker, div#done-marker{
  position: absolute;
  top: 0;
  right: 1em;
  background: #844;
  font: normal .8em Verdana;
  text-decoration: blink;
  color: white;
  padding: 0 .5em;
  display: none;
}
div#done-marker{
  text-decoration: none;
  background: #484;
}
div.container{
  border: 1px solid gray;
  padding: .5em;
  margin-bottom: .6em;
}
div.banner{
  text-align: center;
  * width: 99%;
}

div#main-categories, div#main-categories-bottom{
  text-align: center;
}
div#main-categories ul, div#main-categories-bottom ul{
  margin: 0;
  padding: 0;
  line-height: normal;
}
div#main-categories ul.external-links{
  font: bold 100% Georgia, Garamond, Times;
  text-transform: uppercase;
}
div#main-categories ul li, div#main-categories-bottom ul li{
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline;
}
div#main-categories ul.external-links li{
  margin: 0 .5em;
}
div#main-categories ul li a, div#main-categories-bottom ul li a{
  text-decoration: none;
}
div#main-categories ul li a:hover, div#main-categories-bottom ul li a:hover{
  text-decoration: underline;
}
div#main-categories ul li a.current, div#main-categories-bottom ul li a.current{
  font-weight: bold;
}

div#user-bar{

}
div#user-bar form input#login, div#user-bar form input#password{
  width: 100%;
  * width: 96%;
}
div#user-bar form p{
  margin: .2em 0;
}

div#user-bar ul#actions{
  padding-left: 2.5em;
  margin: 0;
}
div#user-bar ul#actions li{
  padding: 0;
  margin: 0;
}
div#user-bar ul#actions li.hr{
  list-style: none;
  padding: 0;
  margin: .3em 0;
  font-size: 1px;
  * margin: 0;
  margin-right: 2em;
  display: block;
  height: 1px;
  border-bottom: 1px dotted gray;
}
div#user-bar #unread-messages-count{
  color: red;
}

div#quickjump-menu-container{
}

div#quickjump-menu-container select, div#search-container input#q{
    width: 105pt;
}

div#sub-categories-container{
}
div#sub-categories-container li.container-label{
  list-style: none;
}
div#sub-categories-container li.container-label div.container-text{
  font-weight: bold;
  background: #DDD;
  margin-bottom: 1px;
  padding-left: .5em;
  cursor: pointer;
}
div#sub-categories-container li.container-label div.container-text img.collapser{
  margin-left: -21px;
  margin-top: 2px;
  position: relative;
  float: left;
  cursor: pointer;
}
div#sub-categories-container li.current-category{
  font-weight: bold;
}

.mono {
  font-family: mono;
}

/** END common blocks styles **/












/** BEGIN news displaying styles **/
div.news{
}

div.news div.title, div.news div.title h1, div.comment div.title{
  font-weight: bold;
  font-size: 10pt;
  margin: 0;
}

div.news div.text, div.comment div.text{
  margin: .5em 0;
}

div.news div.actions, div.comment div.actions{
  text-align: right;
  /*display: none;*/
}

#add-comment-link-container {
  text-align: right;
}

div#comment-form form textarea{
  width: 100%;
  * width: 99%;
}

div#categories-container label{
  display: inline;
  float: none;
  cursor: pointer;
}
/** END news displaying styles **/











/** BEGIN bb-code styles **/
div.left{
  text-align: left;
}
div.right{
  text-align: right;
}
div.center{
  text-align: center;
}
div.justify{
  text-align: justify;
}
span.mark{
  background: pink;
}
span.highlight{
  background: yellow;
}

table.quote{
  background: #EEE;
  border-left: .2em solid brown;
  margin-left: 2em;
  margin-top: .4em;
  margin-bottom: .4em;
}
table.quote td.quote_left, table.quote td.quote_right{
  display: none;
}
table.quote td.quote_center{
  padding: .2em .8em;
}
/** END bb-code styles **/










/** BEGIN errors displaying styles **/
div.notice{
  padding: 5px;
  margin-top: 10px;
  color: #0C2504;
  display: block;
  border-top: 1px solid green;
  border-bottom: 1px solid green;
  background: #7d7;
}

div.flash-error {
  padding: 5px;
  margin-top: 10px;
  color: #0C2504;
  display: block;
  border-top: 1px solid brown;
  border-bottom: 1px solid brown;
  background: pink;
}

div.error{
}

div.error div.title{
  color: red;
  font-weight: bold;
  font-size: 12pt;
}

div.not-found div.text{
}

.errorExplanation {
  padding: 5px;
  margin-top: 10px;
  color: #0C2504;
  display: block;
  border-top: 1px solid brown;
  border-bottom: 1px solid brown;
  background: pink;
}
.errorExplanation h2 {
  display: none;
}

.errorExplanation p {
  display: none;
}

.errorExplanation ul {
  margin: 0;
  padding: 0 0 0 15px;
  list-style: none;
}
div.fieldWithErrors{
  width: auto;
}
div.fieldWithErrors textarea, div.fieldWithErrors input{
  background: pink !important;
}

/** END errors displaying styles **/














/** BEGIN common forms styles **/
div#news-form{
}
div#news-form input, div#news-form textarea{
  width: 100%;
  * width: 98%;
}
div#news-form ul input{ /* checkboxes */
  width: auto;
}
/** END common forms styles **/










/** BEGIN list-tables styles **/
table.list{
  width: 100%;
  border-collapse: collapse;
  margin-top: .5em;
}
table.list thead{
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  background: #E8E4D3;
}
table.list thead th{
  text-align: left;
  padding: 0 4pt;
}
table.list thead th.act{
  text-align: center;
}
table.list tbody{
}
table.list tbody tr.lite{

}
table.list tbody tr.dark{
  background: #EEE;
}
table.list tbody tr.marked{
  background: #FEE;
}
table.list tbody tr:hover{
  background: #EED;
}
table.list tbody td{
  padding: 0 4pt;
  border-bottom: 1px solid #BBB;
}
table.list tbody td.num{
  text-align: right;
}
table.list tbody td.act{
  text-align: center;
}
/** END list-tables styles **/

/** BEGIN private messages displaying styles **/
table.private-messages-footer {
  width: 100%;
}

table.private-messages-footer td.clear-inbox {
  text-align: right;
}

div#sent-received-switcher-container{
  text-align: right;
}
div.private-message div.text{
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  background: #EEE;
}
div.private-message div.actions{
  text-align: right;
}
/** END private messages displaying styles **/










/** BEGIN the calendar block styles **/
div#calendar-container{
}
div#calendar-container div#calendar-header{
}
div#calendar-container div#calendar-header a{
  font-weight: bold;
  text-decoration: none;
}
div#calendar-container div#calendar-header div#prev-month, div#calendar-container div#calendar-header div#next-month{
  width: 20%;
  position: relative;
  float: left;
}
div#calendar-container div#calendar-header div#next-month{
  text-align: right;
  float: right;
}
div#calendar-container div#calendar-header div#current-month{
  text-align: center;
}
div#calendar-container div#days-container{
}
div#calendar-container div#days-container div#days-pointers{
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  background: #DDD;
  font-weight: bold;
  color: #444;
  font-size: 8pt;
}
div#calendar-container div#days-container div#days-pointers div, div#calendar-container div#days-container div.week div{
  width: 14.285%;
  position: relative;
  float: left;
  text-align: center;
}
div#calendar-container div#days-container div#days-pointers, div#calendar-container div#days-container div.week{
  clear: both;
  height: 14pt;
  line-height: 14pt;
}
div#calendar-container div#days-container div.week div{
}
div#calendar-container div#days-container div.week div.today{
  background: pink;
  font-weight: bold;
}
div#calendar-container div#days-container div.week div.prev-month, div#calendar-container div#days-container div.week div.next-month{
  color: gray;
}
/** END the calendar block styles **/






/** BEGIN search form and result blocks styles **/
div#{
}
div#search-result-statistic{
  text-align: right;
}
/** END search form and result blocks styles **/

/** BEGIN spoiler's styles **/
div.spoiler {
  padding-left: 2em;
}

div.spoiler span.trigger {
  font-weight: bold;
  color: #C33;
  background-color: #efefef;
  border: solid #666;
  border-width: 0px 0px 0px 3px;
  padding: 2px 9px 1px 7px;
}

div.spoiler span.trigger img {
  padding-right: 7px;
  cursor: pointer;
}

div.spoiler div {
  margin: 3px 0px 0px 0px;
  background-color: #efefef;
  border: solid #666;
  border-width: 0px 0px 0px 3px;
  padding: 2px 9px;
}
/** END spoiler's styles **/

/** BEGIN donate sms **/
#ui, #fail {
  padding: 2em 4em;
}

#ui h1 {
  font-size: 12pt;
  font-family: Verdana, Tahoma, Arial, serif;
}

#fail h1 {
  color: #a00;
}

#smsinstructions {
  background: #ffffe0;
  border: 1px dotted #ffa500;
  margin: .2em 0 0 -.2em;
  padding: .2em .4em 0;
}

#smsinstructions span {
  padding: 2px;
}

#message_text {
  background: #b0e0e6;
}

#shortcode {
  background: #90ee90;
}

#message_cost {
  background: #ffdead;
}

#notes {
  font-style: italic;
}
/** END donate sms **/

/** BEGIN complain's styles **/
div.complain {
  float:right;
  padding: 2px;
  margin: 4px 4px 0 0;
}

.hidden {
  display: none;
}

/* Pop-up message and fading background */
#opaco {
  background-color: #000000;
  left: 0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";/* IE8 */
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 70); /* IE5+ */
  filter: alpha(opacity=70);/* IE4- */
  moz-opacity: 0; /* Mozilla */
  -khtml-opacity: 0; /* Safari */
  opacity: 0;  /* general CSS3 */
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}

#popup {
  background-color: #FFFFFF;
  position: fixed;
  /*width:300px;*/
  left:50%;
  top:50%;
  min-width: 300px;
  z-index: 11;
}

#popup textarea {
  display: block;
  width: 400px;
  margin-bottom: 10px;
  width: 435px;
  height: 150px;
  border: 3px solid #cccccc;
}

#Reason {
  width: 335px;
  height: 20;
  padding-left:102px;
  border: 2px solid #cccccc;
}
  
div.Reason {
  position: relative;
  font-weight:bold;
  font-size:15px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #666;
  color:#FFF;
  margin-bottom:-22px;
  width:102px;
  line-height:22px;
}
  
div.form-border {
  border: 3px solid brown;
  padding:10px;
}

.abuse-message {
  font-weight: bold;
  float: right;
  padding: 5px 55px 0 0;
}
.abuse-title {
  color: brown;
  text-align: center;
  font-weight: bold;
  font-size: 105%;
  padding: 0 0 10px 0;
}
.abuse-notice {
  color: green;
}
.abuse-error {
  color: red;
}
/** END complain's styles **/

/** BEGIN /abuses **/
.abuses {
  margin-top: 1em;
}
.abuses .abuse {
  padding: 0.2em;
  margin: 0.4em 1em;
  background: #EEE;
}
.abuses .short_reason {
  font-weight: bold;
}
.abuses .reported_by {
  margin-top: 1em;
  font-size: 85%;
}
/** END /abuses **/

/** BEGIN file-express **/
table.file-express {
  margin: 2em 0;
}
/** END file-express **/

/** BEGIN twitter button **/
a.twitter img {
  margin-bottom: -6px;
}
/** END twitter button **/

.crutch-main {float:left; display: inline-block;}

.crutch-gplus {float:left; margin:0 -2px 0 5px; width: 66px; display: inline-block;}

.crutch-flike {float:left; margin: 0 0 0 5px;}

.septum {display: inline-block; float:left;}

div#___plusone_0 iframe {
  margin-bottom: -5px;
}

/** BEGIN profile page styles **/
.buy-now, .support-link {
  color: brown;
  font-weight: bold;
  font-size: 14pt;
  font-family: Arial, sans;
}

.premium {
}

.premium .support-link {
  margin-left: 35px;
}

.premium-till {
  font-weight: bold;
  font-size: 12pt;
  padding-left: 35px;
  background: url(/images/PREMIUM_check.png) left center no-repeat;
  height: 30px;
  line-height: 30px;
}

.buy-notice {
  font-size: 11pt;
  font-weight: bold;
  color: #666;
}

img.profile-new {
  vertical-align: top;
  margin-left: -3px;
  margin-top: 2px;
}
/** END profile page styles **/