/*********************************************
  CPG Dragonfly™ CMS
  ********************************************
  Copyright © 2004 - 2009 by CPG-Nuke Dev Team
  http://dragonflycms.org

  Dragonfly is released under the terms and conditions
  of the GNU GPL version 2 or any later version

  $Source: /cvs/themes/reDesign/style/style.css,v $
  $Revision: 1.104 $
  $Author: estlane $
  $Date: 2009/02/07 19:08:38 $
**********************************************/

/* Used if normal header isn't used, i.e Printer Friendly Article */
/* However does not work when actually printing because style.css is for screen media type */
@import url('print.css') print;

/* The main values */
body {
  background-color:#FFF;
  margin: 0;
  padding: 0;
  width: 100%;
  color: #222222;
  font: 13px Arial, "helvetica neue", "lucida grande", "helvetica", sans-serif;
  line-height: 1.4; /*line-height doesn't have em unit!*/
}

/* Main link styles*/
/* Usually the preferred order of pseudoclasses are:
LoVe For HAte - LVFHA - Link,Visited,Focus,Hover,Active */
/*However, it's not important here as outline would be 0 for everything,
outline is a box that Firefox produces i.e when clicking a link, I don't like it */
a, a:link, a:visited {
  color: #2277EE;
  text-decoration: underline;
}
a:visited {
  color: #5493B4;
}
/* a:link, a:active, a:visited {} */
a:hover {
  text-decoration: none;
}
a:active, a:focus {
  outline: 0; /* for browsers that understand */
}

form {
  padding: 0;
  margin: 0;
}
fieldset {
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #C0DCC0;
}
legend {
  font-weight: bold;
  color: #000000;
}
img {
  border: 0;
}
br {
  clear: left;
}
/*Horizontal line*/
hr {
  height: 0;
  border: 0 solid #F7EBE8;
  border-top-width: 1px;
}
label.set,radio.set,input.set {
  /*display: block; would cause white top and bottom margin?*/
  /*float: left; would cause br to function incorrectly*/
}
radio.set {
  vertical-align: text-bottom;
}
label.set {
  text-align: left;
  width: 300px;
  padding-right: 10px;
  margin-bottom: 5px;
}
input.ulog {
  display: block;
  float: left;
}
label.ulog {
  display: block;
  float: left;
  text-align: left;
  width: 125px;
  padding-right: 10px;
  margin-bottom: 5px;
}
.rd {
  text-align: left;
  width: 60px;
  padding-left: 3px;
  padding-right: 10px;
}
.no {
  text-align: right;
  width: 8px;
  padding-right: 10px;
}
.yes {
  text-align: left;
  width: 20px;
  padding-right: 10px;
  vertical-align: bottom;
}
input.sub {
  left: 20px;
  float: none;
}
input, textarea, select {
  color: #000;
  font: normal 13px "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Arial, "helvetica", sans-serif;
}
select { /*if its in header i.e*/
  font: normal 12px Verdana, Arial, "helvetica", sans-serif;
}
input.post, textarea.post, select, .postinput input {
  margin: 0px;
}
input[type="text"], input[type="password"] {
  margin: 0px;
}

input.post, textarea, .postinput input {
  background: #FFF url('../images/backgrounds/input/input-background.gif') repeat-x top left;
  border: 1px solid #C0C0C0;
  padding: 2px;
  color: #333;
}
input[type="text"], input[type="password"] {
  background: #FFF url('../images/backgrounds/input/input-background.gif') repeat-x top left;
  border: 1px solid #C0C0C0;
  padding: 2px;
  color: #333;
}
textarea:hover, input.post:hover, .postinput input:hover {
  border: 1px solid #808000;
}
/*We need to use selectors like type separately not with commaseparated, because IE would ignore all then */
input[type="text"]:hover, input[type="password"]:hover {
  border: 1px solid #808000;
}
input.post:focus, textarea:focus, .postinput input:focus {
  border: 1px solid #808000;
  outline: #FFFF00 solid 2px;
}
input[type="text"]:focus, input[type="password"]:focus {
  border: 1px solid #808000;
  outline: #FFFF00 solid 2px;
}
input.button {
  background: url('../images/backgrounds/input/button-bg.gif') repeat-x top left;
  padding: 4px 6px;
  margin-right: 4px;
  border: 1px solid #ccc;
  text-decoration: none;
  color: #000;
  height: 28px;
  min-height:28px;
  vertical-align: middle;
}
input.mainoption, input.liteoption {
  background: url('../images/backgrounds/input/button-bg.gif') repeat-x;
  border: 1px solid #ccc;
  text-decoration: none;
  color: #000;
  margin: 0 2px 0 2px;
  text-align: center;
  padding: 2px;
  line-height: 19px;
  vertical-align: middle;
  height: 19px;
}
input.mainoption {
  font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
input.liteoption {
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}
input.button:hover, input.mainoption:hover, input.liteoption:hover {
  border-color: #999;
  text-decoration: none;
  color: #000;
}
select {
  /*border: 1px solid #C4C4C4;*/
}

/* HEADERS */
h1, h2, h3, h4, h5, .maintitle, .title {
  font-family: "Myriad Pro", "bitstream vera sans", "Trebuchet MS", "helvetica neue", "helvetica", Arial, sans-serif;
  /*font: 12px "Verdana [microsoft]", "Arial [monotype]";*/
  /*font-family: "myriad pro", "Bitstream Vera Sans [bitstream]", "Trebuchet MS [microsoft]", "helvetica neue", "Helvetica [Adobe]", "Arial [monotype]", sans-serif;*/
  font-weight: normal;
}

/* Disable underline for header links */
h1, h1 a, h1 a:link, h1 a:hover, h1 a:visited,
 h2, h2 a, h2 a:link, h2 a:hover, h2 a:visited,
 h3, h3 a, h3 a:link, h3 a:hover, h3 a:visited,
 h4, h4 a, h4 a:link, h4 a:hover, h4 a:visited,
 h5, h5 a, h5 a:link, h5 a:hover, h5 a:visited {
  text-decoration: none;
}
/*Used also at forum topic titles for example*/
.maintitle, h1 {
  text-decoration: none;
  color: #000;
}
/*Newstitles*/
h2 {
  margin: 0;
  margin-bottom: 5px;
  padding: 0;
  font-size: 2.1em;
  /*text-transform: uppercase;*/
}
h2, h2 a, h2 a:link, h2 a:visited {
  color: #000;
  text-shadow: #EEEEEE 2px 2px 1px;
}
h2 a:hover {
  color: #2277EE;
}

h3 {
  font-size: 1.6em;
  margin: 0;
  padding: 0;
  text-shadow: 2px 2px #F5F5F5;
  color: #6C6C6C;
}
span.title {
  font-size: 1.6em;
  margin-bottom: 5px;
  padding: 0;
  text-shadow: 2px 2px #F5F5F5;
  color: #6C6C6C;
  display: block;
  font-weight: bold;
  border-bottom: 1px solid #d7d7d7;
}
h3, h3 a, h3 a:link, h3 a:visited {
  color: #000;
}
h3 a:hover {
  color: #2277EE;
}

h4 {
  margin: 0;
  padding: 0;
  font-size: 1.3em;
}
h5 {
  margin: 0;
  padding: 0;
  font-size: 1.1em;
}

/* Text paragraph */
p {
  margin: 0;
  padding: 0;
  margin-top: 3px;
  margin-bottom: 10px;
}

.gen {
  font-size: 1.1em;
}
.genmed {
  font-size: 1em;
}
.gensmall {
  font-size: 0.9em;
  font-family: Verdana, Arial, sans-serif;
  font-weight: normal;
}
.gen, .genmed, .gensmall {
}
a.gen, a.genmed, a.gensmall {
  text-decoration: none;
}
a.gen:hover, a.genmed:hover, a.gensmall:hover {
  text-decoration: underline;
}

.content {
  background: none;
  color: #000;
}

.option {}
.tiny {
  background: none;
  color: #000;
  text-decoration: none;
  font: normal 10px Verdana, Helvetica, sans-serif;
}



/* pop-up help item */
.helphead, .helpcontent {
  margin: 0;
  background: #699B64 url('../images/backgrounds/boxes/block/right_block_bg.jpg') repeat-y top left;
  color: #FFF;
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
}
.helphead { /* pop-up help item title */
  margin: 0;
  padding: 5px 0px;
  width: 240px;
  font: normal 12px "Lucida Grande", "Franklin Gothic Medium", tahoma, arial;
  text-transform: uppercase;
}
.helpcontent { /* pop-up help item content */
  padding: 10px;
  width: 220px;
}


.skiplink {
  display: none;
}
.clear { clear: both; }

/* BEGIN HEADER SECTION */
/* header, logo and stuff */
#head {
  margin: 0;
  padding: 0;
  height: 164px;
  width: 100%;
  background: transparent url('../images/backgrounds/header/headerbg_r.jpg') no-repeat top right;
  position: relative;
}

#head h1 {
  float: left;
  width: 734px;
  height: 164px;
  margin: 0;
  padding: 0;
  /*background: transparent url('../images/backgrounds/header/headerbg.jpg') no-repeat top left;*/ /*with text*/
  background: transparent url('../images/backgrounds/header/headerbg_logo.jpg') no-repeat top left; /*with logo*/
  text-decoration: none;
  color: #808080;
  font: normal 26px "Myriad Pro", "bitstream vera sans", "Trebuchet MS", "helvetica neue", "helvetica", Arial, sans-serif;
  vertical-align: middle;
}
#head h1 a {
  text-decoration: none;
  color: #FFF;
  text-shadow: #737373 1px 1px 2px;
  display: block;
  width: 10px;/*minimum width*/
  white-space: nowrap;
  margin-left: 20px;
  position: relative;
  top: 8px;
  /*
     If you want to hide text and use image instead comment out following.
     For some global logofile you can assign background-image too
     else it's suggested to add it to headerbg.jpg manually
  */
  width: 222px;
  height: 110px;
  text-indent: -999em;
  background: transparent url('../images/backgrounds/header/logo_hover.jpg') no-repeat 0 -500px;/*for preload*/
}
#head h1 a:hover {
  text-decoration: none;
  color: #F3FFCC;
  background-position: top left;
}



form#headsearch {
  display: inline;
  position: absolute;
  top: 0;
  right: 0;
  margin: 45px 30px 0 0;
  padding: 0;
}
form#headsearch, form#headsearch a {
  color: #FFF;
}
form.special em, form.special b, form.special tt, form.special i {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  border: 0;
  width: 8px;
  height: 18px;
  background: transparent url('../images/backgrounds/header/searchbox_l.gif') no-repeat top left;
}
form.special input.specialtext {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  padding: 0 2px;
  border: 0;
  outline: 0;
  width: 125px;
  height: 18px;
  background: transparent url('../images/backgrounds/header/searchbox.gif') repeat-x top left;
  color: white;
}
form.special b {
  background: transparent url('../images/backgrounds/header/searchbox_r.gif') no-repeat top left;
}

form.special tt {
  margin-left: 5px;
  background: transparent url('../images/backgrounds/header/searchbutton_l.gif') no-repeat top left;
}
form.special button {
  display: block;
  float: left;
  margin: 0;
  padding: 0 3px;
  border: 0;
  outline: 0;
  height: 18px;
  line-height: 18px;
  vertical-align: middle;
  background: transparent url('../images/backgrounds/header/searchbutton.gif') repeat-x top left;
  color: #000;
  font: bold 12px 'trebuchet ms', arial, tahoma, verdana;
  text-shadow: #FFF 1px 1px 0px;
  cursor: pointer;
}
form.special i {
  background: transparent url('../images/backgrounds/header/searchbutton_r.gif') no-repeat top left;
}
form.special button:hover {
  color: #CC0000;
}

#log_in_box {
  display: inline;
  position: absolute;
  top: 0;
  right: 0;
  margin: 45px 30px 0 0;
  padding: 0;
}
#log_in_page {
  background-color: #E9FDDB;
  padding: 10px;
  border: 1px solid #60A9D5;
}
#log_in_box div, #log_in_page div {
  float: left;
  margin-left: 5px;
}
#log_in_box div label, #log_in_page div label {
  display: block;
  clear: right;
  color: #FFF;
}
#log_in_page div label {
  color: #000000;
}
#log_in_box div .losspass, #log_in_page div .sublink {
  display: block;
  float: left;
  clear: left;
  margin-top: 5px;
  font: 10px verdana, tahoma, arial;
  color: #E8E8E8;
  border-bottom: 1px solid #E8E8E8;
}
#log_in_page div .sublink {
  color: #7575FF;
  border-bottom: 1px solid #7575FF;
}
#log_in_box div .losspass:hover, #log_in_page div .sublink:hover {
  text-decoration: none;
  border-bottom: 0;
}
#log_in_box .closebutton {
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -20px;
  right: 0;
  background: transparent url('../images/backgrounds/header/close.png') no-repeat top left;
  height: 16px;
  width: 16px;
}


/* div at the top of modules holding the page title if there is one... */
.pagetitle {
  display: block;
  position: absolute;
  bottom: 20px;
  left: 0;
  margin: 0;
  margin-left: 30px;
  padding: 0;
  height: 23px;
  line-height: 23px;
  vertical-align: middle;
  text-align: left;
  white-space: nowrap;
}
/* PAGETITLE TEXT COLOR */
.pagetitle, .pagetitle a, .pagetitle a:link, .pagetitle a:visited, .pagetitle a:hover {
  color: #000;
}
.pagetitle a {
  text-decoration: underline;
}
.forumpagetitle {
  float: none;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;/*There might be top blocks*/
  margin-top: 121px;
  margin-left: 30px;
}

#headertools {
  position: absolute;
  bottom: 21px;
  right: 0;
  float: left;
  margin: 0;
  margin-right: 20px;
  color: #464646;
}
#headertools a, #headertools a:link, #headertools a:visited, #headertools a:hover {
  /*color: inherit;*/
  text-decoration: underline;
}

#headertools #userinfo {
  float: left;
}
#headertools #userinfo a {
  /*color: #0000FF;*/
  text-decoration: underline;
}
/* This is often used whether or not visited */
#headertools #userinfo a:visited {
  color: #2277EE;
}
#headertools #userinfo a:hover {
  text-decoration: none;
}

#headertools .langselection {
  float: left;
  margin: 0;
  padding: 0;
  border-left: 1px solid #FFF;
  margin-left: 3px;
  padding-left: 45px;
  background: transparent url('../images/backgrounds/header/world_map.png') no-repeat 3px 0;
  height: 20px;
}
#headertools .langselection form {
  display: block;
  float: left;
  margin: 0;
  margin-right: 2px;
  padding: 0;
}
#headertools .langselection img {
  display: block;
  float: left;
  margin: 0;
  margin-top: 2px;
  margin-right: 2px;
  padding: 0;
  border: 0;
  width: 30px;
  height: 16px;
}
/* END HEADER SECTION */
/*
  #maincontainer contains everything between header and footer
  DO NOT give it a positon:relative, because it would ruin the javascript help tips positioning
*/
#maincontainer {
  margin: 0;
  margin-left: -1px;
  padding: 0;
  padding-left: 1px;
  width: 100%;
  height: 100%;/*Actually it expands only as far as #main expands, doesn't matter of sideblocks*/
  background: #FFF url('../images/backgrounds/body/main_left.jpg') repeat-y top left;
}

/*left side toggle image*/
img#pic600 {
  position: absolute;
  top: 0;
  left: 0;
  margin: 147px 0px 0px 3px;
  padding: 0;
  width: 9px;
  height: 9px;
  cursor: pointer;
}
/*right side toggle image*/
img#pic601 {
  position: absolute;
  top: 0;
  right: 0;
  margin: 147px 3px 0px 0px;
  padding: 0;
  width: 9px;
  height: 9px;
  cursor: pointer;
}

/* The content area between sideblocks */
#main {
  margin: 0;
  padding: 0 20px;/*We use padding instead of margin, because IE6 sucks*/
  display: table;/*For Opera, Safari, Firefox and other nonIE */
  height: 100%;
  vertical-align: top;
}




/* START ROUND CORNERS */
span.corners-bottom, b.corner-lt { background-image: url("../images/backgrounds/corners/corners_left.png"); }
span.corners-bottom span, b.corner-rt { background-image: url("../images/backgrounds/corners/corners_right.png"); }

* html span.corners-bottom, * html b.corner-lt { background-image: url("../images/backgrounds/corners/corners_left.gif"); }
* html span.corners-bottom span, * html b.corner-rt { background-image: url("../images/backgrounds/corners/corners_right.gif"); }


/* Top corners */
b.corner-lt, b.corner-rt {
  display: inline;/*Not block, because of IE floated margin bug*/
  float: left;
  height: 5px;
  width: 5px;
  font-size: 1px;
  line-height: 1px;
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: 0;
  margin-left: -10px;
  margin-top: -5px;/*top padding of .block*/
  padding: 0;
}
/* Right-top corner */
b.corner-rt {
  float: right;
  margin-left: 5px;/*For IE*/
  margin-right: -10px;
  background-position: 100% 0;
  clear: right;
}

.forumblock b.corner-lt, .forumblock  b.corner-rt {
  margin-top: -3px;/*top padding of .forumblock */
}
.wip_post b.corner-lt, .wip_post  b.corner-rt {
  /* As wip_post cant have top padding, we dont need negative margin */
  margin-top: 0;/*top padding of .wip_post */
}

/*Bottom corners*/
span.corners-bottom, span.corners-bottom span {
  font-size: 1px;
  line-height: 1px;
  display: block;
  height: 5px;
  background-repeat: no-repeat;
  font-size: 1px;
  line-height: 1px;
}
span.corners-bottom {
  background-position: 0 100%;
  margin: 0 -10px;
  clear: both;
}
span.corners-bottom span {
  background-position: 100% 100%;
}

/*We have less sidepadding for topicrow blocks */
.topicrow b.corner-lt, .topicrow span.corners-bottom { margin-left: -4px; }
.topicrow  b.corner-rt, .topicrow span.corners-bottom { margin-right: -4px; }

/* END ROUND CORNERS */





/*Left and right side blocks */
#pe600, #pe601 {
  display: table;
  float: right;
  margin: 0;
  padding: 0;
  width: 180px;/*Should be at least width of blockhead */
  height: 100%;
}

/*Left side blocks*/
#pe600 {
  float: left;
  padding-left: 10px;
}

.block {
  margin: 0;
  margin-bottom: 20px;/*Space between every block*/
  clear: both;
  padding: 5px 10px;
  padding-bottom: 0;
  background: #9FC99A url('../images/backgrounds/boxes/block/left_block_bg.jpg') repeat-y -15px 0;
  color: #3F4D52;
  zoom: 1;/*Layout triggerer for IE's*/
}

.block h2 {
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  font: normal 12px "Lucida Grande", "Franklin Gothic Medium", tahoma, arial;
  text-align: center;
  text-transform: uppercase;
  color: #FFF;
  cursor: pointer;
  text-shadow: none;
  /*Disable text-selection while toggling...*/
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.block a, .block a:link, .block a:visited {
  text-decoration: none;
  color: #494183;
}
.block a:hover {
  text-decoration: underline;
  color: #494183;
}

/* Right blocks */
#pe601 .block {
  background: #699B64 url('../images/backgrounds/boxes/block/right_block_bg.jpg') repeat-y 0 0;
  margin-bottom: 0;
  color: #FFF;
}
#pe601 .block h2 { /* Right side blocks */
  text-align: left;
}
#pe601 .block a, #pe601 .block a:link, #pe601 .block a:visited {
  text-decoration: none;
  color: #E9E9E9;
}
#pe601 .block a:hover {
  text-decoration: underline;
  color: #E9E9E9;
}
#pe601 .block_right_top, #pe601 .block_right_bottom {
  float: right;
  width: 5px;
  height: 5px;
  margin: 0;
  padding: 0;
  font-size: 1px;
  line-height: 1px;
  background: #699B64 url('../images/backgrounds/corners/corners_right_inverted.png') no-repeat 100% 100%;
  clear: both;
}
#pe601 .block_right_bottom {
  background-position: 0 0;
  margin-bottom: 3px;/*extra space between rightside blocks*/
}
* html #pe601 .block_right_top, * html #pe601 .block_right_bottom { /* IE6 */
  background-image: url('../images/backgrounds/corners/corners_right_inverted.gif');
}

.block hr {
  height: 0;
  border: 0;
  border-top: 1px solid #FFF;
}

/* Center blocks and message */
.centerblock {
  margin: 0;
  margin-bottom: 20px;/*Space between every block*/
  clear: both;
  padding: 5px 10px;
  padding-bottom: 0;
  background: #FFF url('../images/backgrounds/boxes/block/center_block_bg.jpg') no-repeat 0 0;
  zoom: 1;/*Layout triggerer for IE's*/
}
.centerblock h2 {
  display: block;
  float: left;
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 1.3em;
  text-align: left;
  cursor: pointer;
  text-shadow: none;
  /*Disable text-selection while toggling...*/
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.blockcontent {
  clear: both;
}

.message h2 {
  cursor: default;
}
.message .date {
  display: block;
  margin-top: 10px;
  padding: 0px 10px;
  background-color: #F7FEF5;
  border: 1px solid #AFFAC0;
}
.message .date span {
  display: block;
  float: left;
}
.message .date small {
  display: inline;
  clear: none;
  float: right;
  padding-top: 2px;
  font: 11px arial;
}

/* Maintenance mode notice*/
.imp_message {
   color: #FFF;
   background-color: #FF0000;
   font-weight: bold;
   font-size: 10px;
   text-align: center;
   border-width: 0;
   padding: 6px;
   margin-bottom: 10px;
   font-style: italic;
}
/* Maintenance mode notice title*/
.imp_message strong {
   font-style: normal;
   text-decoration: underline;
}


/*BEGIN NEWS SECTION*/
/* div that holds newscat, newsempty newstopic in themes/x/template/news/index.html */
.newsindex {
  margin-bottom: 30px;/*after every article*/
}
.newsindex h3 {
  margin-bottom: 0;
  padding-bottom: 0;
}
/* div that holds the news stories in themes/x/template/news/article.html */
.newsarticle {
  margin-bottom: 20px;
}
.storytime {
  margin: 0;
  padding: 0;
  font: normal 12px Arial, Verdana, Helvetica;
  color: #AEAEAE;
  margin-bottom: 15px;
}
.storytime a {
  color: #AEAEAE;
}
/* News story */
.storycontent {
  padding-left: 5px;
  padding-right: 15px;
  overflow: hidden;
  color: #000;
}
/* Read more link... etc */
.storymore {
  margin-top: 2em;
}

/* Poster, comments etc */
.storydetails, .storylinks {
  margin: 0;
  margin-top: 1em;
  text-align: right;
  font-size: 12px;
  color: #787878;
  background-color: #F7F7F7;
  text-align: left;
  list-style-type: none;
  padding: 3px 10px 0px 10px;
}
.storylinks {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 3px;
}

.storydetails li, .storylinks li {
  margin: 0;
  padding: 0;
  display: inline;
  padding-right: 3px;
}
.storydetails a, .storydetails a:link, .storydetails a:visited,
 .storylinks a, .storylinks a:link, .storylinks a:visited {
  color: #328136;
}
/*Score*/
.smallrating, .smallrating span {
  background: transparent url('../images/news/star.gif') repeat-x 0 0;
  line-height: 10px;
  height: 10px;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: middle;
}
.smallrating {
  display: -moz-inline-block;
  display: inline-block;
  width: 50px;
  overflow: hidden;
}
.smallrating span {
  display: block;
  float: left;
  background-position: 0 -10px;
}
/*Text version*/
.smallrating span span {
  display: none;
}

/**** Comments Section ****/
/*COMMENT WARNING*/
.commwarn {
  background-color: #FFFBF0;
  border-top: 1px solid #C0DCC0;
  border-bottom: 1px solid #C0DCC0;
  padding: 4px;
  margin-bottom: 10px;
}

/*COMMENT THRESHOLD*/
.commview {
  background-color: #FFFBF0;
  border-top: 1px solid #C0DCC0;
  border-bottom: 1px solid #C0DCC0;
  padding: 4px;
  margin-bottom: 10px;
}

.avatar_name {
  display: block;
  float: right;
  text-align: center;
  width: 90px;
  padding: 3px;
  margin: 5px;
  margin-bottom: 0;
  border: 1px solid #FDF1A2;
  background-color: #FFFFFF;
  font: bold 1em arial, verdana, sans-serif;
}
.avatar_img {
  float: right;
  clear: right;
  padding: 3px;
  margin: 5px;
  border: 1px solid #2F939D;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: center center;
  width: 90px;
  height: 90px;
  text-align: center;
}
.combox1, .combox2 {
  background: #F2F2F2 url('../images/backgrounds/boxes/comments/topshade1.gif') repeat-x top left;
  margin-left: 10px;
  border-bottom: 1px solid #ddd;
  padding: 8px;
}
.combox2 {
  background: #FFFFF2 url('../images/backgrounds/boxes/comments/topshade2.gif') repeat-x top left;
}
.cominnerbox {
  margin-left: 10px;
}
.comtime {
  font-size: 12px;
  color: #aeaeae;
  margin-bottom: 10px;
}
.comfooter {
  text-align: right;
}
/**** End of Comments ****/

/*END NEWS SECTION*/







.table1,.table2 {
  margin-bottom: 20px;
  padding: 10px;
  background-color: #FFF;
  /*border: 1px solid #EFEFEF;*/
}
/* div called from function OpenTable2 */
.table2 {
  width: 50%;
  text-align: center;
}



.bodyline {
  border: 1px #00A600 solid;
  background: #FFF;
}
/*tableb is used by coppermine*/
.tableb {
  /*background-color: #FFF;*/
}

/*spaceRow is i.e below every forumpost in old templates*/
td.spaceRow {
  border: 0;
  background-color: #00D5D5;
  height: 1px;
}
th.thHead, td.catHead, .tableh2 {
  font-size: 12px;
}
th.cat {
  text-align: left;
}
/*In user account the Contact has stupid height="28" hardcoded */
td.catleft {
  height: 1em !important;
  padding:0;
}

a.albums {
  color: #FFF;
}
a.albums:hover {
  color: #FFF;
  text-decoration: none;
}


/*START CPGBB STUFF(used in mostly old templates aswell*/
/* Forum category titles */
/*.cattitle {
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 1px;
  color: #FFF;
}
a.cattitle {
  text-decoration: none;
  color: #FFF;
}
a.cattitle:hover {
  text-decoration: none;
  color: #FFFFCA;
}
.cattitle a {
  text-decoration: none;
  color: #FFF;
}
.cattitle a:hover {
  text-decoration: none;
  color: #FFFFCA;
}*/

/* Subforums titles */
.forumlink {
  font-weight: bold;
  font-size: 12px;
  /*color: #069;*/
}
a.forumlink {
  text-decoration: none;
  /*color: #069;*/
}
a.forumlink:hover {
  text-decoration: none;
  /*color: #AE0000;*/
}
/* Forum navigation */
.nav {
  font-weight: bold;
  font-size: 11px;
  color: #000;
}
a.nav {
  text-decoration: none;
  /*color: #069;*/
}
a.nav:hover {
  text-decoration: none;
  /*color: #F60;*/
}
a.nav:visited {
  color: #2277EE;
}

h2.cattitle {
  display: block;
  margin: 0;
  margin: 10px 0px 5px 0px;
  border: 0;
  text-shadow: none;
  padding: 5px 10px 0px 10px;
  background-color: #CFCFCF;
  color: #605E62;/**/
  /*line-height: 1em;
  height: 1em;*/
  font-size: 16px;
  /*cursor: pointer;*//* For IE*/
}

h2.cattitle span.plusminus {
  float: right;
  font-size: 12px;
  cursor: pointer;
  color: #000;/**/
}

h2.cattitle a:link, h2.cattitle a:visited, h2.cattitle a:hover {
  color: #4D61B3;
  text-decoration: none;
  font-size: 16px;
  text-shadow: none;
}

.afterposts {
  margin: 5px 0;
  padding: 5px 0;
  border-top: 1px solid #EBEBEB;
  zoom: 1;/*For IE*/
}
.afterposts .leftinfo {
  float: left;
}
.afterposts .rightinfo {
  float: right;
  text-align: right;
}


.quickreply {
  width: 98%;
  margin: 0 auto;
}
.quickreply h3 {
  margin-top: 0;
}
.quickreply textarea {
  margin: 0 auto;
  margin-bottom: 4px;
  padding: 2px 0;
  width: 100%;
  max-width: 100%;/*For safari textarea resize CSS3 feature*/
  height: 20em;
  text-align: left;
}
.quickreply label {
  padding-left: 4px;
  margin-right: 4px;
}

/*Preview and Submit buttons*/
.quickreply .subm, .post_reply .subm {
  margin-right: 4px;
  margin-top: 10px;
  font-weight: bold;
  height: 2em;
  font-size: 1em;
}

/*Forum topic adminicons*/
.topic_admin {
  overflow: hidden;
  height: 20px;
  margin-bottom: 10px;
}
.topic_admin a {
  display: block;
  float: left;
}
.topic_admin a:hover img {
  margin-top: -20px;
}

/*BBCode helpline*/
input.helpline, input.helpline:hover, input.helpline:focus, input.helpline:active {
  border: 0;
  outline: 0;
  background: transparent;
  width: 100%;
}
/* BBCode button */
.bbcbutton {
  padding: 2px;
  border: 2px solid #C1D2E3 !important;
  background-color: #F1F4F5;
  vertical-align: text-bottom;
}
.bbcbutton:hover {
  background-color: #C1D2E3;
}
.bbcbutton:active {
  background-color: #BFCFA9;
}

/* Post replying */
.post_reply {
  background-color: #E6E6E6;
  padding: 10px;
}
.post_reply textarea.post {
  margin: 0 auto;
  margin-bottom: 4px;
  padding: 2px 0;
  width: 100%;
  max-width: 100%;/*For safari textarea resize CSS3 feature*/
  height: 30em;
  text-align: left;
}
.post_reply .options label {
  padding-left: 4px;
  margin-right: 4px;
}


/* BBCode button */
.post_reply .bbcbutton {
  border: 1px solid #cccccc !important;
  background: #E6E6E6;
  margin: 3px 2px 5px 0;
  vertical-align: middle; /*For font color and size actually*/
}
.post_reply .bbcbutton:hover {
  background: #ffffff;
  border: 1px outset #dadada !important;
}
.post_reply .bbcbutton:active {
  border: 1px inset #dadada !important;
}

/* BBCode help message */
.post_reply .helpline {
  color: #797979;
  font-size: 12px;
  width: 700px !important;
  /*display: none;*/
}

.bbcode_table {
  width: 100%;

}

.bbcode_table option.genmed {
  background-color: transparent !important;
}

/* Makes to one line, probably wont work in IE
.bbcode_table table tr {
  display: table-cell;
  font-size: 0;
}
.bbcode_table img, .bbcode_table select {
  display: block;
  float: left;
}
.bbcode_table select {
  margin: 5px 2px 5px 0;
}
*/
.smilies table, .smilies table td {
  background-color: transparent;
}
.smilies a, .smilies a:link, .smilies a:visited, .smilies a:hover {
  text-decoration: underline;
}

.topic_review {
  background-color: #FFF !important;
  height: 100%;
  min-height: 100%;
  position:relative;
}

.forumblock {
  display: block;
  clear: both;
  background: #F7F7F7;
  zoom: 1;/*Layout triggerer for IE's*/
  color: #333333;
  margin: 0;
  margin-left: 10px;
  margin-bottom: 4px;
  padding: 10px;
  padding-bottom: 0;
  padding-top: 3px;
  cursor: pointer;
  position: relative;
}
div.forumblock1 {
  background-color: #FFF;
}
div.forumblock1:hover {
  background-color: #DBEEFF;
}
div.forumblock2 {
  background-color: #F7F7F7;
}
div.forumblock2:hover {
  background-color: #DBEEFF;
}
.forumblock h3 {
  margin: 0;
  padding: 0;
  border: 0;
  text-shadow: none;
  line-height: 27px;/*will align it to the middle of folder icon, the height of folder icon*/
}
.forumblock h3 a:link, .forumblock h3 a:visited {
  color: #666666;
}
/* Disable hover effect, because the whole row is clickable link*/
.forumblock h3 a:hover {
  text-decoration: none;
  color: #666666;
}
.forumblock img.folder {
  display: block;
  float: left;
  margin: 0 5px 5px 0;
  padding: 0;
  border: 0;
  font-size: 1px;
}


/* Last post time and poster container */
.last_post {
  display: block;
  float: right;
  line-height: 1.2;
  text-align: right;
}
/* Poster of last post */
.last_post span {
  display: inline;
  float: right;
}

.topicsposts {
  font-size: 12px;
  color: #666666;
  line-height: 1.2;/*For IE*/
  text-align: right;
  clear: right;
  margin-bottom: 2px;
  margin-right: 10px;/*same as padding of .forumblock*/
  position: absolute;
  bottom: 0;
  right: 0;
}
.topicsposts .topicsposts_name {
  float: right;
  margin-right: 3px;
  text-align: right;
}
.topicsposts .topicsposts_numbers {
  float: right;
  font-weight: bold;
  text-align: left;
}

/**/
div.forumdesc {
  font-weight: bold;
  margin-top: 0px;
  padding: 2px;
  float: left;
  clear: left;
  width: 70%;
  line-height: 1.3;/*For IE*/
  margin-bottom: 2px;
}

.moderators {
  display: none;/*Remove this line to show moderators on forum index page*/
  font-size: 0.8em;
  font-style: italic;
  width: 30%;
  text-align: right;
  clear: right;
  margin-bottom: 2px;
  margin-right: 10px;/*same as padding of .forumblock*/
  position: absolute;
  bottom: 0;
  right: 0;
}

/*At forums index_body */
div.forumlegend {
  text-align: center;
  vertical-align: middle;
  font-size: 11px;
  font-family: Verdana, Arial, sans-serif;
  font-weight: normal;
}
div.forumlegend img {
  vertical-align: middle;
  margin-right: 3px;
  margin-left: 11px;
}

/*At viewforum*/
ul.forumlegend {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}

ul.forumlegend li {
  display: block;
  float: left;
  margin-right: 10px;
  padding-bottom: 5px;
  width: 30%;
}

ul.forumlegend img {
  vertical-align: middle;
  margin-right: 4px;
}

/* Forum topic titles */
.topictitle {
  font-weight: bold;
  font-size: 11px;
  /*color: #000;*/
}
a.topictitle:link {
  text-decoration: none;
  /*color: #069;*/
}
a.topictitle:visited {
  text-decoration: none;
  /*color: #5493B4;*/
}
a.topictitle:hover {
  text-decoration: underline;
  /*color: #AE0000;*/
}
.name {
  font-size: 11px;
  color: #000;
}
.postdetails {
  /*font-size: 10px;
  color: #000;*/
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.2;
}
.postbody {
  font-size: 12px;
}

/* Links in posts*/
/*And anywhere where bbcode is used?*/
a.postlink:link {
  /*text-decoration: none;*/
  /*color: #069;*/
}
a.postlink:visited {
  /*text-decoration: none;*/
  color: #5493B4;
}
a.postlink:hover {
  /*background-color: #FFFBF0;*/
  /*text-decoration: underline;*/
  /*color: #AE0000;*/
}
/*Attachment in forums*/
.attachtable {
  border: 1px solid #C0C0C0;
  border-top: 0;/*this will be handled by items*/
  width: 95%;
  margin-left: 2.5%;
  background-color: #FFF;
  background-color: #FFFFE1;
}
.attachtable ul.attachmentbox {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.attachtable li {
  padding: 5px 5px 5px 10px;
  border-top: 1px solid #C0C0C0;
}
/* Attachment, item's name*/
.attachtable li.attach_name {
  text-align: center;
  font-weight: bold;
  line-height: 1em;/*to center the text vertically*/
}
/* Attachment's image */
.attachtable li.attach_image {
  text-align: center;
  overflow: auto;
  background-color: #FFF;
  border: 5px solid #CCCCFF;
}


pre {
  white-space: pre;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
}
.bbquote, .bbcode, .bbphp {
  border: 1px solid #AAE6BF;
  clear: right;
  word-wrap: break-word;
}
.bbquote {
  border-left: 4px solid #AAE6BF;
  background-color: #F0F0F0;
}
.bbhead, .bbchead, .bbphphead {
  background-color: #FFFBF0;
  color: #3CA817;
  padding-left: 3px;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
}
.bbhead {
  background: #FFFBF0 url(../images/bbcode/bbcode_quote.gif) no-repeat top right;
}
.bbphphead {
  background: #FFFBF0 url(../images/bbcode/bbcode_php.gif) no-repeat top right;
}
.bbcontent {
  background-color: #F0F0F0;
  padding: 3px;
}
.bbccontent, .bbphpcontent {
  font: normal 9pt 'Courier New', Verdana, Arial, Helvetica, sans-serif;
  background-color: #FFF;
  padding: 3px;
  overflow: auto;
}
.bbccontent pre, .bbphpcontent pre {
  padding: 0;
  margin: 0;
}
.bbccontent pre {
  font-family: monospace;
}
.copyright {
  color: #444;
  letter-spacing: -1px;
  font-size: 10px;
}
a.copyright {
  color: #444;
  text-decoration: none;
}
a.copyright:hover {
  color: #000;
  text-decoration: underline;
}



/* PAGINATION */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.pagination{
  padding: 2px;
}

.pagination ul {
  margin: 0;
  padding: 0;
  text-align: right; /*Set to "right" to right align pagination interface*/
}

.pagination li {
  list-style-type: none;
  display: inline;
  padding-bottom: 1px;
}

.pagination a, .pagination a:link, .pagination a:visited {
  padding: 0 5px;
  border: 1px solid #72B6B3;
  text-decoration: none;
  color: #72B6B3;
  font-weight: bold;
}

.pagination a:hover, .pagination a:active, .pagination a.currentpage {
  border: 1px solid #628483;
  color: #FFF;
  background-color: #72B6B3;
}

.pagination a.currentpage {
  background-color: #72B6B3;
  color: #FFF !important;
  border-color: #628483;
  cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover {
  background-color: #FFF;
  cursor: default;
  color: #E1E1E1;
  border-color: #EBEBEB;
  font-weight: normal !important;
  display: none;
}

.pagination a.prevnext {
}

div#messagesbox {
 z-index:110;
 position:fixed;
 border-style: double;
 bottom: 0;
 right: 0;
 width: 300px;
 display:none;
 background-color: #F00;
}
#messagesbox div.apply {
 padding: 10px 0;
 font-size: 12px;
 font-weight: bold;
 color: #FFF;
 text-align: center;
 cursor: pointer;
}

.msgnote {
  text-align: center;
  font-size: 10px;
}

/* Footer, where is copyright and are error messages if wanted*/
#footer {
  clear: both;
  padding: 20px 10px 20px 10px;
  border-top: 1px dashed #BCD8E0;
  border: 0;
  color: #FFF;
  text-align: center;
  font-size: 0.9em;
  background: transparent url('../images/backgrounds/body/footer_background.jpg') repeat-x 0 0;
}

#footer a, #footer a:link, #footer a:visited, #footer a:hover {
  color: #CDF7C1;
}
#footer .tasks {
  text-align: left;
  margin-bottom: 10px;
  clear: both;
  height: 1%;/*For IE - Holly hack*/
}

#footer .tasks .info {
  float: left;
  padding: 3px;
  clear: both;
}

#footer a.navtop {
  display: block;
  float: right;
  font: 12px tahoma, verdana, arial;
  background: url('../images/arrow_up.gif') no-repeat left center;
  padding-left: 10px;
}
#footer a.navtop, #footer a.navtop:link, #footer a.navtop:active, #footer a.navtop:visited {
  text-decoration: none;
  border-bottom-width: 0;
  color: #EAEAEA;
}
#footer a.navtop:hover {
  background-position: left top;
  background-color: transparent;
}

/* Error or Notice box in footer */
#footer .table1 {
  color: #000;
  margin-top: 10px;
}


.banner {
  padding-bottom: 10px;
}


#menu {
  display: inline;
  margin: 2px 0px 0px 0px;/*sides must be 0, put to ul instead*/
  display: block;
  padding: 0;
  position: absolute;
  top: 0;
  left: 120px;
  z-index: 10;
  font: normal 12px Arial, Tahoma, sans-serif;
  height: 19px;
  line-height: 19px;
}
#menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#menu li {
  float: left;
  display: block;
  margin: 0px 5px 0px 0px;
  padding: 0;
  color: #000;
  white-space: nowrap;
  position: relative;
  text-align: center;
  padding-right: 12px;
  text-shadow: #CACACA 0px 1px 2px;
}
#menu a {
  text-decoration: none;
  padding: 0px 3px;/*If item is longer than min-width*/
  margin: 0;
  margin-top: 1px; /*for hover border */
  border: 0;
  float: left;/* \*/float: none;/*  */
  display: block;
  text-decoration: none;
  text-align: center;
  color: #000;
  font-weight: normal;
}
#menu li:hover a {
  margin-top: 0;/*border instead of margin*/
  border-top: 1px solid #000;
}


/*Coppermine's navigation*/
.breadcrumb {
  color: #000;
}

.breadcrumb a {
  color: #000;
}

.breadcrumb a:hover {
  color: #000;
  text-decoration: none;
}


/* Curved cutout Borders */
/* In error pages etc */
.curved {background: transparent; width:100%; margin:0 auto;}
.curved h1, .curved p {margin:0 10px;}
.curved h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.curved p {padding-bottom:0.5em;}

.curved .top, .curved .bottom {display:block; background:transparent; font-size:1px;}
.curved .b1, .curved .b2, .curved .b3, .curved .b4 {display:block; overflow:hidden; height:1px;}
.curved .b2, .curved .b3, .curved .b4 {background:#F8F8F8; border-left:1px solid #D9D9FF; border-right:1px solid #D9D9FF;}
.curved .b1 {margin:0 4px; background:#D9D9FF;}
.curved .b2 {margin:0 4px; height:2px;}
.curved .b3 {margin:0 3px;}
.curved .b4 {margin:0; height:1px; border-width:0 3px 0 3px;}

.curved .boxcontent {display:block; background:#F8F8F8; border:0 solid #D9D9FF; border-width:0 1px;}



/* Used in Private Messages tabs */
#tabs {
  clear: both;
  height: 23px;
  background: #FFF url(../images/backgrounds/tabs/tabs_bg.gif) top left repeat-x;
  margin: 12px 0;
  text-align: center;
}
#tabs b {
  display: block;
  float: left;
  height: 23px;
  width: 5px;
  background: #FFF url(../images/backgrounds/tabs/tabs_bgleft.gif) top right no-repeat;
  margin: 0;
  text-align: center;
}
#tabs ul {
  margin: 0 0 0 8px;
  padding: 0;
  height: 23px;
  background: transparent url(../images/backgrounds/tabs/tabs_bgright.gif) top right no-repeat;
}
#tabs li {
  float: left;
  line-height: 20px;
  width: 84px;
  height: 20px;
  overflow: hidden;
  list-style: none;
  margin: 3px 2px 0 0;
  font-size: 11px;
  font-weight: bold;
  color: #000;
  background: transparent url(../images/backgrounds/tabs/tab84.gif);
}
/* a means unactive */
#tabs a {
  display: block;
  height: 22px;
  color: #000;
  text-decoration: none;
  text-align: center;
  background: transparent url(../images/backgrounds/tabs/tab84.gif);
  font-weight: normal;
}
#tabs a:hover, #tabs li {
  background-position: 100% -20px !important;
}

div.buttons {
  float: left;
}
div.buttons a {
  float: left;
  margin-right: 5px;
}

a.forumbutton {
  display: block;
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 25px;
  overflow: hidden;/*For IE6*/
  float: left;
}
a.forumbutton img {
  visibility: hidden;
}
a.forumbutton:hover {
  background-position: 0 -25px;
}
a.forumbutton span {
  display: none;
}

.replypm {
  height: 25px;
  overflow: hidden;
  float: left;
  margin-right: 5px;
}
.replypm:hover img {
  margin-top: -25px;
}
/* class named button */
.button {
  display: inline;
  font: 12px 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', arial, helvetica, sans-serif;
}
.button a {
  background: transparent url('../images/backgrounds/input/button-bg.gif') repeat-x top left;
  padding:4px 6px;
  margin-right:4px;
  border:1px solid #ccc;
  height: 28px;
  min-height:28px;
  text-decoration:none;
  color:#000;
}

.button a:hover {
  border-color: #999;
  text-decoration:none;
  color:#000;
}
.button a img {
  vertical-align: middle;
}
a.button {
  background: url('../images/backgrounds/input/button-bg.gif') repeat-x top left;
  padding: 4px 6px;
  margin-right: 4px;
  border: 1px solid #CCC;
  height: 28px;
  min-height: 28px;
  text-decoration: none;
  color: #000;
}
a.button:hover {
  border-color: #999;
  text-decoration: none;
  color: #000;
}
a.button img {
  padding-right: 4px;
  vertical-align: middle;
}


/* Anywhere used, if not td */
.row1 {
  background-color: #225522;
}
.row2 {
  background-color: #F7F7F7;
}
.row3 {
  background-color: #F7F7F7;
}
/*.row3 tr {
  background-color: #F7F7F7;
}*/

/* table */
.forumline {
  background-color: #E3E3E3;
  border-spacing: 1px;
  color: #000;
}
.forumline th {
  padding: 2px 4px;
  background: url('../images/backgrounds/input/button-bg.gif') 0 50%;
  color: #000;
  height: 1em;
  border-left: 1px solid #FFF;
  white-space: nowrap;
}
.forumline tr {
  /*background-color: #FFF;*/
  height: 1em;
}
.forumline td {
  padding: 2px 4px;
  height: 1em;
  background-color: #FFFFFF;
  /*text-align: left;*/
}
.forumline tr.row1 td {
  background-color: #FFFFFF;
}
.forumline tr.row1:hover td {
  background-color: #dbeeff;
}
.forumline tr.row2 td {
  background-color: #F7F7F7;
}
.forumline tr.row2:hover td {
  background-color: #dbeeff;
}


#pmstatus {
  clear: both;
  width: 175px;
  background-color: #DAFEFB;
  border: 1px solid #D3DAD9;
}
#pmstatus span {
  display: block;
  white-space: nowrap;
  background-color: #EEEEEE;
  width: 100%;
  text-align: center;
  font-size: 10px;
}
.pmbar {
  background-color: #808000;
  height: 12px;
  margin: 2px 0 2px 0;
}
.pmpercent {
  width: 100%;
  background-color: #FFFBF0;
}

th, .thHead, .catHead, .catSides, .catleft, .catright, .catbottom, .catBottom, .thSides,
.thleft, .thright, .thtop, .thbottom, .thCornerL, .thCornerR, td.cat {
  padding: 2px 4px;
  background: url('../images/backgrounds/input/button-bg.gif') 0 50%;
  color: #000;
  height: 1em;
  border-left: 1px solid #FFF;
  white-space: nowrap;
}

/* useraccount */
table.forumline td.row1 table {
  color: #000;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 2px solid #FFF;
  border-collapse: collapse;
}
table.forumline td.row1 table td {
  border: 1px solid #E3E3E3;
  padding-left: 3px;
}

td.row1 {
  background-color: #FFF;
}
td.row2 {
  background-color: #F7F7F7;
}



.topicrow {
  margin: 0;
  margin-bottom: 20px;/*Space between every block*/
  clear: both;
  padding: 5px 4px;
  padding-bottom: 0;
  background: #CBDDEE url('../images/backgrounds/boxes/block/bg.png') repeat-x 0 0;
  color: #3D4358;
  zoom: 1;/*Layout triggerer for IE's*/
}
.topicrow table {
  background-color: transparent;
  background-image: none;
}
.topicrow table th, .topicrow table .tableh1, .topicrow table .tableh2 {
  background-color: transparent;
  background-image: none;
  border: 0;
  text-transform: uppercase;
  font-size: 11px;
  padding-left: 0;
}





.unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}


.pollpanel {
  background-color: #CBFEF7;
  margin: 5px 0 5px 0;
  padding: 10px;
}
.pollpanel h3 {
  margin: 0;
  padding: 0;
  text-shadow: 0 0;
  border: 0;
  color: #5E7582;
  border-bottom: 1px solid #5E7582;
}

/* Post poll styles
----------------------------------------*/
fieldset.polls {
  font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
  padding: 0;
  margin: 0;
  border: 0;
}

fieldset.polls dl {
  margin-top: 5px;
  border-top: 1px solid #e2e2e2;
  padding: 5px 0 5px 0;
  line-height: 120%;
  color: #666666;
}

fieldset.polls dl.voted {
  font-weight: bold;
  color: #000000;
}

fieldset.polls dt {
  text-align: left;
  float: left;
  display: block;
  width: 30%;
  border-right: none;
  padding: 0;
  margin: 0;
  font-size: 1.1em;
}

fieldset.polls dd {
  float: left;
  width: 10%;
  border-left: none;
  padding: 0 5px;
  margin-left: 0;
  font-size: 1.1em;
}

fieldset.polls dd.resultbar {
  width: 50%;
}

fieldset.polls dd input {
  margin: 2px 0;
}

fieldset.polls dd div {
  text-align: right;
  font-family: Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-weight: bold;
  padding: 0 2px;
  overflow: visible;
  min-width: 2%;
}

#poll_1 {
  background-color: #aaaaaa;
  border-bottom: 1px solid #747474;
  border-right: 1px solid #747474;
}

#poll_2 {
  background-color: #bebebe;
  border-bottom: 1px solid #8c8c8c;
  border-right: 1px solid #8c8c8c;
}

#poll_3 {
  background-color: #D1D1D1;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
}

#poll_4 {
  background-color: #e4e4e4;
  border-bottom: 1px solid #bebebe;
  border-right: 1px solid #bebebe;
}

#poll_5 {
  background-color: #f8f8f8;
  border-bottom: 1px solid #D1D1D1;
  border-right: 1px solid #D1D1D1;
  color: #A2A2A2;
}
#poll_6 {
  background-color: #aaaaaa;
  border-bottom: 1px solid #747474;
  border-right: 1px solid #747474;
}

#poll_7 {
  background-color: #bebebe;
  border-bottom: 1px solid #8c8c8c;
  border-right: 1px solid #8c8c8c;
}

#poll_8 {
  background-color: #D1D1D1;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
}

#poll_9 {
  background-color: #e4e4e4;
  border-bottom: 1px solid #bebebe;
  border-right: 1px solid #bebebe;
}

#poll_10 {
  background-color: #f8f8f8;
  border-bottom: 1px solid #D1D1D1;
  border-right: 1px solid #D1D1D1;
  color: #A2A2A2;
}


/* Forums CSS work in progress - wip */
.wip_post {
  background-color: #E1EBF2;
  margin: 5px 0 5px 0;
  /*Would cause IE7 flicker bug if top or bottom has padding, instead
   put it to .wip_postbody AND .wip_profile*/
  padding: 0 10px;
}
div.row1 {
  background-color: #E1EBF2;
}
div.row2 {
  background-color: #ECF3F7;
}
.wip_postbody {
  padding: 0; /*Top or bottom padding can't be added to wip_post itself*/
  line-height: 1.48;
  color: #333333;
  width: 76%;
  float: left;
  /*Uncomment to have user details on left side:*/
  /*float: right;*/
  clear: both;
}

/* Post title*/
.wip_postbody h3 {
  margin: 0;
  padding: 0;
  text-shadow: 0 0;
  border: 0;
  color: #808080;
  font-size: 1.2em;
}
/* User signature span */
.signature {
  font-size: 12px;
}
/* Forums post task like quote, delete etc icons
----------------------------------------*/
ul.post-tasks {
  padding: 0;
  margin: 0;
  list-style: none;
  /*text-align: left;*/
  float: right;
}
ul.post-tasks li {
  float: left;
  padding:0;
  margin: 0 3px;
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 20px;
  overflow: hidden;/*For IE6*/
  cursor: pointer;
}
ul.post-tasks li:hover {
  background-position: 0 -20px;
}
ul.post-tasks li img {
  visibility: hidden;
  margin: 0;
  padding: 0;
  margin-bottom: -20px;
}
ul.post-tasks li span {
  display: none;
}
ul.post-tasks li a {
  display: block;
}


/* Post author */
p.wip_postdetails {
  margin: 0 15em 0.6em 0;
  padding: 0 0 5px 0;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.2;
}
/* Forums post content */
.wip_content {
  min-height: 3em;
  overflow: hidden;
  color: #333333;
}

/* Poster profile block
----------------------------------------*/
.wip_profile {
  margin: 5px 0 10px 0;
  padding: 0; /*Top or bottom padding can't be added to wip_post itself*/
  min-height: 80px;
  color: #666666;
  border-left: 1px solid #FFFFFF;
  width: 22%;
  float: right;
  /*Uncomment to have user details on left side:*/
  /*border-left: 0;
  float: left;
  border-right: 1px solid #FFFFFF;*/
  display: inline;
}

.wip_profile dd, .wip_profile dt {
  line-height: 1.2;
  margin: 0;
  margin-left: 8px;
  padding: 0;
}
/* User name at forum post */
.wip_profile dt {
  font-weight: bold;
}
.wip_profile strong {
  font-weight: normal;
  color: #000000;
}

.avatar {
  border: none;
  margin-bottom: 3px;
}

.online {
  background-image: none;
  background-position: 100% 0;
  /*Uncomment to have user details on left side:*/
  /*background-position: 0 0;*/
  background-repeat: no-repeat;
}


/* Poster profile icons
----------------------------------------*/
ul.profile-icons {
  margin: 0;
  padding: 0;
  padding-top: 10px;
  list-style: none;
}

/* Rollover state */
ul.profile-icons li {
  float: left;
  margin: 0 6px 3px 0;
  padding: 0;
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 20px;
  cursor: pointer;
}
ul.profile-icons li:hover {
  background-position: 0 100%;
}
/* Private Messages for example produces it's own image, we disable it, however get the width */
ul.profile-icons li img {
  visibility: hidden;
  margin: 0;
  padding: 0;
}
ul.profile-icons li span {
  display: none;
}

/* Rolloff state */
ul.profile-icons li a {
  display: block;
  height: 20px;
  margin: 0;
  padding: 0;
}


/*In use for single image, in memberslist for example*/
.ml_icon {
  background-position: 0 0;
  background-repeat: no-repeat;
  margin: auto auto;
  height: 20px;
  cursor: pointer;
}
.ml_icon:hover {
  background-position: 0 100%;
}
.pm_image {
  width: 28px;
}
.www_image {
  width: 20px;
}
.ml_icon img {
  visibility: hidden;
  margin: 0;
  padding: 0;
}
.ml_icon a {
  display: block;
  height: 20px;
}

/* Back to top of page */
.back2top {
  clear: both;
  height: 11px;
  text-align: right;
  padding-bottom: 10px;
}
a.top {
  background: none no-repeat top left;
  text-decoration: none;
  width: 11px;
  height: 11px;
  display: block;
  float: right;
  overflow: hidden;
  letter-spacing: 1000px;
  text-indent: 11px;
  background-image: url('../images/forums/icon_back_top.gif');
}



/* General classes for placing floating blocks */
.left-box {
  float: left;
  width: auto;
  text-align: left;
  font: 11px Verdana, Arial, sans-serif;
}

.right-box {
  float: right;
  width: auto;
  text-align: right;
}



/* Left arrow navigation, in forums i.e  */
a.left {
  background: url('../images/forums/arrow_left.gif') no-repeat 3px 60%;
}
a.left, a.left:active, a.left:visited {
  padding-left: 12px;
}
a.left:hover {
  color: #368AD2;
  text-decoration: none;
  background-position: 0 60%;
}





/* viewforum_body.html  Topics list or smth*/
/* Table renders faster, so these will probably be deleted...*/
/*ul.captions {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}

ul.captions li {
  float: left;
  padding: 0;
  margin: 0;
  text-align: center;
  white-space: nowrap;*/
  /*padding: 2px;*/
/*  height: 1.5em;
}*/

/*ul.captions {
  margin: 0; padding: 0;
  width: 100%;
  display: table-row;
  background: #ccc;
  vertical-align: middle;
}

ul.captions li {
  margin: 0;
  padding: 0;
  display: inline;
  text-align: center;
  vertical-align: middle;
  background: #ddd;
  border: 1px solid #ccc;
}*/


/*For example in Contact module*/
/*Security code box*/
fieldset.security_fieldset {
  background-color: #FBF5E3;
  border: 1px solid #FBBCAC;
  padding: 10px;
  width: 200px;
}
fieldset.security_fieldset label {
  font-style: italic;
  color: #DB0D0D;
}
fieldset.security_fieldset input {
  vertical-align: bottom;
}








/* block-Current_Menu.php */
/*List of links under current category*/
ul#curmenu_list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  border: 0;
  height: 100%;
  width: 100%; /*For IE6*/
  overflow: auto; /*For IE6*/
}
ul#curmenu_list li {
  padding: 0;
  margin: 0;
  border: 0;
}
ul#curmenu_list li a {
  display: block;
  margin: 0;
  border: 0;
  border-top: 1px solid #FFF;
  padding: 4px 4px 4px 15px;
  width: auto;
  text-decoration: none;
}
ul#curmenu_list li a:hover {
  background-color: #981405;
  color: #FFF;
  text-decoration: none;
}

/* Is it browsers bug?*/
.block ul#curmenu_list li a:hover {
  text-decoration: none;
}

/* Currently viewable page link in the list */
ul#curmenu_list li.curlink a {
  background-color: #A8A8A8;
  color: #FFF;
  font-weight: bold;
}


/********BEGIN COMPACT USERINFO BLOCK********/
dl.compact_userinfo, dl.compact_userinfo * {
  margin: 0;
  padding: 0;
}
dl.compact_userinfo dt {
  font-weight: bold;
}
dl.compact_userinfo dt.admin_logout {
  padding-top: 10px;
  font-weight: normal;
  text-decoration: none;
  font-size: 10px;
}
dl.compact_userinfo dd {
  padding-left: 3px;
}
dl.compact_userinfo ul {
  list-style-position: inside;
}
/********END COMPACT USERINFO BLOCK********/

#pe601 .block .nucalblk a:hover {
  text-decoration: underline;
  color: #2277EE;
}
#pe601 .block .nucalblk a, #pe601 .block .nucalblk a:link, #pe601 .block .nucalblk a:visited {
  text-decoration: none;
  color: #2277EE;
}
#pe601 .block .nucalblk {
  color: #222;
}