/* General style classes
----------------------------- */
body { background-image: url(blue.gif); background-repeat: repeat-x; background-color: #99ccff; margin: 0; padding: 0; font-size: 11px; }

a        { text-decoration: none;	color: #2266FF;}
a:hover  { color: #0000FF;  text-decoration: underline; }

abbr     { border: 0; }
div      { outline: 0 none; }
form     { display: block; margin: 0;}
fieldset { margin: 10px; }
h1       { font-family: georgia, serif, "Times New Roman"; text-shadow: white 1px 1px 1px; font-size: 18px; }
img      { border-width: 0; }
input    { color: black; font-weight: normal; font-style: normal; font-size: 95%; text-decoration: none; }
select   { text-decoration: none; font-weight: normal; font-style: normal; font-size: 95%; color: black; }
textarea { color: black; width: 90% }
th       { background-color: #ffffff; padding: 1px; }
td       { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #272727;}
ul       { margin-top: 8px; margin-bottom: 8px; }

#slogan    { position: relative; top: -0.3em; color: white; font-weight: bold; font-size: 1.2em; font-family: arial, georgia, helvetica, verdana, sans-serif; margin-left: 3%; }
#copyright { text-align: center; }
#section   { margin: 15px; font-size: 12px; font-weight: bold; position: relative; }

.letter { font-size: 8pt;	font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-weight:normal; font-style:normal;
	color:#000000; }
.admin_mess   { background-color: yellow; text-align: center;  color: red; }
.category     { background-color: #99ccff; text-align: center; padding: 5px 0; font-weight: bold; }
.grayborder   { }

.delbutton  { color: red; }
.editbutton { }

.delform    { float: right; }
.editform   { float: right; }

.codetitle  { margin: 10px 0 0 0; padding: 2px; border: #6da4da  solid 1px; color: black; background-color: #6da4da; font-size: 8pt; }
.codetext   { margin: 0 0 10px 0; padding: 5px; border: #6da4da  solid 1px; color: black; background-color: #ffffc0; font-size: 8pt;
              font-weight: normal; font-family: "Courier New", Courier, mono; overflow: auto; white-space: nowrap; }
.quotetitle { margin: 10px 0 0 0; padding: 2px; border: #a9b8c2 solid 1px;  color: black; background-color: #aabbcc; font-size: 8pt; font-style: italic; }
.quotetext  { margin: 0 0 10px 0; padding: 5px; border: #a9b8c2 solid 1px;  color: black; background-color: #fafafa; font-size: 8pt;
              font-weight: normal; font-family: "Courier New", Courier, mono; overflow: auto; }

.input-form-table { border: 1px solid black; }

.copyright_text {	font-size: 9px; font-family: Arial, Helvetica, sans-serif; text-decoration: none;	font-weight:normal;	font-style:normal; color:#969696; }

div.back   { float: left; font-weight: bold; text-align: left; margin: 0 10px; }
.nav    { font-weight: bold; }
.row1   { background-color: #deefff; padding: 1px; }
.row2   { background-color: #deefff; padding: 1px 5px; }
.row3   { background-color: #cddeff; padding: 1px 5px; }
.row4   { background-color: white;   padding: 1px 5px; }
.row4 a { background-color: white;   padding: 1px 5px; color: blue; }

.special { color: red ! important; }
.content { padding:5px 0px; text-align:justify; }
.paper   { background: url(images/paper.gif); width: 80px; height: 81px; font-weight: bold; font-variant: small-caps; font-size: 12px; }
.cat-item  {}
.cat-count { text-align: center; }

/* Page layout classes
----------------------------- */
#header-root          { background: url(images/bg.gif);   background-color: white;   margin: 0 5px; }
#header-title         { color: #ccc; font-family: Arial, Helvetica, sans-serif; font-size: 225%; font-weight: bold; margin: 2px 5px; padding: 5px; }
#header-navbox        { background: url(images/menu.gif); background-color: #d7d7d7; margin: 0; padding: 0; display: block; text-shadow: black 1px 1px 1px; font-size: 12px; height: 30px; }
a.header-navbox       { color: white;   padding: 0 0 0 10px; display: inline; line-height: 30px; font-weight: bold; text-align: center; }
a.header-navbox:hover { color: #2fe16e; padding: 0 0 0 10px; margin: 0; text-decoration: none; }

#layout-root   { position: relative; margin: 5px; z-index: 1; }
#layout-center { position: relative; padding: 1px; margin-left: 225px; margin-right: 225px; }
#layout-left   { position: absolute; padding: 1px; margin-left: 0;  margin-top: 0; top: 0; width: 220px; float: left; }
#layout-right  { position: absolute; padding: 1px; margin-right: 0; margin-top: 0; right: 0; top: 0; width: 220px; }

/* Main windows styles
----------------------------- */
.winheader { 	background-image: url(mbg.jpg); background-color: #2266FF; font-weight: bold; text-decoration: none; text-align: center; color: #FFFFFF;
	padding: 2px 5px 2px 5px; margin: 1px 2px 1px 2px; }
.main-window-title { margin: 5px 0; padding: 10px 0 0 0; color: white; font-family: Arial, Helvetica, sans-serif; font-size: 150%; font-weight: bold; text-decoration: none; text-align: center; text-shadow: black 1px 1px 1px; background: url(images/title-main.gif); height: 30px; }
.window-title { margin: 5px 0; padding: 5px ; color: white; font-size: 110%; font-weight: bold; text-decoration: none; text-align: center; text-shadow: black 1px 1px 1px; background: url(images/title.gif); height: 20px; vertical-align: middle; }

.window-main  { margin: 2px 0px 10px 0px; padding: 2px; background-color: #ffffff; min-height: 25px; font-family: Verdana, Helvetica, sans-serif; }

/* Dinamic menu
----------------------------- */
div.dhtml_menu div.vert_menu   { position: absolute; visibility: hidden; z-index: 2; }
div.dhtml_menu div.horz_menu a { display: block; float: left; margin: 1px 2px; padding: 2px 5px; }
div.dhtml_menu div.vert_menu a { display: block; float: none; margin: 1px 2px; padding: 2px 5px; }
div.dhtml_menu div.vert_menu   { margin-right: -1px; }

div.dhtml_menu div.horz_menu a,
div.dhtml_menu div.vert_menu a { background-color: #3a6aa1; color: white; height: 20px; line-height: 20px; text-align: left; text-decoration: none; }
div.dhtml_menu div.horz_menu a { background-color: transparent; height: 20px; line-height: 20px; }
div.dhtml_menu div.vert_menu a { border: 1px solid black; margin-bottom: -1px; width: 220px; }

div.dhtml_menu div.horz_menu a:hover,
div.dhtml_menu div.vert_menu a:hover { color: #2fe16e; }

div.dhtml_menu div.horz_menu a.parent,
div.dhtml_menu div.vert_menu a.parent { background-color: #3a6aa1; color: yellow; }
div.dhtml_menu div.horz_menu a.parent { background-color: transparent; }

div.dhtml_menu div.horz_menu a.active,
div.dhtml_menu div.vert_menu a.active,
div.dhtml_menu div.horz_menu a.active:hover,
div.dhtml_menu div.vert_menu a.active:hover { color: white; }

/* Dinamic menu II
----------------------------- */
#dropline               { position: relative; font-size: 12px; height: 30px; }
#dropline, #dropline ul { padding: 0; margin: 0; list-style: none; width: 800px; }

#dropline table           { border-collapse: collapse; margin: -1px -10px 0 0; padding: 0; width: 0; height: 0; font-size: 12px; }
#dropline li              { height: 30px; float: left; margin: 0 1px 0 0; }
#dropline li a            { height: 30px; display: block; line-height: 30px; padding: 0 20px 0 10px; font-family: arial, sans-serif; font-size: 12px; color: #fff; text-decoration: none; font-weight: bold; }
#dropline li a.down       { background: url(images/down.gif) no-repeat right center; }
#dropline li ul li a.down { font-size: 12px; color: #ff0; font-weight: normal; }

#dropline li a:hover      { white-space: nowrap; color: red; }
#dropline li a.down:hover { white-space: nowrap; color: red; background: url(images/down-ove.gif) no-repeat right center; }

#dropline li:hover > a      { color: #2fe16e; }
#dropline li:hover > a.down { color: yellow; background: url(images/down-ove.gif) no-repeat right center; }

#dropline li ul               { position: absolute; margin: 30px -9999px 0 0; top: 30px; left: -9999px; z-index: 10; background: url(images/sub-back.png) left top; }
#dropline li ul.floatRight li { float: right; }

#dropline :hover ul,
#dropline :hover ul :hover ul,
#dropline :hover ul :hover ul :hover ul,
#dropline :hover ul :hover ul :hover ul :hover ul,
#dropline :hover ul :hover ul :hover ul :hover ul :hover ul { margin: 0; left: 0; background: url(images/sub-back.png) left bottom; z-index: 10; }

#dropline :hover ul ul,
#dropline :hover ul :hover ul ul,
#dropline :hover ul :hover ul :hover ul ul,
#dropline :hover ul :hover ul :hover ul :hover ul ul { margin: 30px -9999px 0 0; left: -9999px; top: 30px; background: transparent; z-index: 10; }

/* Articles, messages, topics, replies
----------------------------- */
#article            { background-color: #ffffff; }
#article .author    { font-style: italic; text-align: left;  vertical-align: bottom; position: relative; left: 30px; }
#article .codetitle { color: red; }
#article .codetext  { white-space: nowrap; }
#article .date      { font-size: 14px; font-weight: bold; text-align: left; vertical-align: middle; height: 40px; }
#article .last      { background-color: #e4e4e4; text-align: left; top: 10px;  padding: 10px 0; }
#article .menu      { text-align: right; vertical-align: top; padding: 5px 5px 0 5px; font-size: 90%; }
#article .rate      { position: absolute; top: 100px; right: 0; }
#article .text      { padding: 5px; text-align: justify; vertical-align: top; overflow: auto !important; position: relative; font-family: Arial; }
#article .title     { background-color: #deefff; font-size: 13px; font-weight: bold; padding: 5px 0; text-align: center; }

#gallery            { background-color: #ffffff; padding: 5px; }
#gallery .info      { background-color: #e4e4e4; text-align: left; top: 10px;  padding: 10px 0; }
#gallery .rate      { position: absolute; top: 100px; right: 0; }
#gallery .title     { background-color: #99ccff; font-size: 14px; font-weight: bold; padding: 10px 0; text-align: center; }

#message            { padding: 5px; text-align: left; vertical-align: top; }
#message .author    { text-align: center;  vertical-align: top; float: left; width: 120px; }
#message .name      { text-align: center; padding: 0 0 5px 0; }
#message .date      { text-align: left; padding: 2px 0 5px 5px; font-weight: bold; }
#message .info      { }
#message .menu      { text-align: right;   padding: 5px; height: 20px; position: relative; top: -20px; }
#message .text      { text-align: justify; padding: 5px; min-height: 100px; background-color: white; overflow: auto !important; }
#message .mctext    { text-align: justify; padding: 5px; background-color: white; overflow: auto !important; }
#message .codetitle { color: red; }

#topic            { border: 1px solid black; min-height: 200px; }
#topic .head      { background-color: #a9b8c2; width: 100%; text-align: right; }
#topic .author    { text-align: center;  vertical-align: top; float: left; width: 120px; }
#topic .date      { text-align: left;    vertical-align: top; float: left; }
#topic .menu      { text-align: right;   vertical-align: bottom; padding: 1px 5px; }
#topic .text      { text-align: justify; vertical-align: top;    padding: 5px; min-height: 130px; overflow: auto !important; }
#topic .codetitle { color: red; }

#reply            { vertical-align: top; min-height: 170px; }
#reply .author    { text-align: center;  vertical-align: top; float: left; width: 120px; }
#reply .date      { text-align: left; float: left; }
#reply .menu      { text-align: right;   vertical-align: bottom; padding: 1px 5px; height: 20px; }
#reply .text      { text-align: justify; vertical-align: top; padding: 5px; min-height: 130px; background-color: #deefff; overflow: auto !important; }
#reply .codetitle { color: red; }

/* Forum
----------------------------- */
#forum                  { padding: 5px 0; }
#forum .category        { background-color: white; margin: 5px; padding: 0; min-height: 40px; font-weight: normal; }
#forum .cat             { float: left; width: 80%; vertical-align: middle; }
#forum .description,
#forum .description a   { text-align: left;   font-size: 12px; min-height: 20px; width: 90%; vertical-align: middle; }
#forum .icon            { text-align: center; width: 7%;  float: left; min-height: 40px; }
#forum .section-title   { text-align: center; width: 100%; height: 25px; font-weight: bold; font-size: 14px; background-color: #cddeff; }
#forum .section-title a { vertical-align: middle; }
#forum .topics          { text-align: center; width: 10%; float: right; min-height: 40px; line-height: 40px; }

.frrow1         { background-color: #deefff; }
.frrow2         { background-color: #deefff; }
.frrow3         { background-color: #d1d7dc; }
.topics_cat     { background-color: #bccdee; text-align: center; font-weight: bold; }
.topics_list    { background-color: #cddeff; text-align: left; }
.adm-prevention { background-color: red;  color: white; font-family: "Times New Roman", serif; font-size: 30px; font-weight: bold; text-align: center; }
.mod-prevention { background-color: blue; color: white; font-family: "Times New Roman", serif; font-size: 30px; font-weight: bold; text-align: center; }
.prevention     { background-color: #ffffcc; border-top: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black; padding: 0 10px; }

/* Poll
----------------------------- */
#poll           { }
#poll .question { }
#poll .left     { background-color: #a4a4a4; padding: 1px 5px; }
#poll .right    { background-color: #ececec; padding: 1px 5px; }

/* Sitemap
----------------------------- */
#sitemap           { text-indent: 20px; font-size: 12px; }
#sitemap .section  {}
#sitemap .category {}
#sitemap .item     {}

/* Progress bar
----------------------------- */
.pass_img#progresbar-2-0,   .pass_img#passbar-0   { background:transparent url(../icons/pass_0.gif)   no-repeat; height:7px; width:138px; }
.pass_img#progresbar-2-10,  .pass_img#passbar-10  { background:transparent url(../icons/pass_10.gif)  no-repeat; height:7px; width:138px; }
.pass_img#progresbar-2-20,  .pass_img#passbar-20  { background:transparent url(../icons/pass_20.gif)  no-repeat; height:7px; width:138px; }
.pass_img#progresbar-2-30,  .pass_img#passbar-30  { background:transparent url(../icons/pass_30.gif)  no-repeat; height:7px; width:138px; }
.pass_img#progresbar-2-40,  .pass_img#passbar-40  { background:transparent url(../icons/pass_40.gif)  no-repeat; height:7px; width:138px; }
.pass_img#progresbar-2-50,  .pass_img#passbar-50  { background:transparent url(../icons/pass_50.gif)  no-repeat; height:7px; width:138px; }
.pass_img#progresbar-2-60,  .pass_img#passbar-60  { background:transparent url(../icons/pass_60.gif)  no-repeat; height:7px; width:138px; }
.pass_img#progresbar-2-70,  .pass_img#passbar-70  { background:transparent url(../icons/pass_70.gif)  no-repeat; height:7px; width:138px; }
.pass_img#progresbar-2-80,  .pass_img#passbar-80  { background:transparent url(../icons/pass_80.gif)  no-repeat; height:7px; width:138px; }
.pass_img#progresbar-2-90,  .pass_img#passbar-90  { background:transparent url(../icons/pass_90.gif)  no-repeat; height:7px; width:138px; }
.pass_img#progresbar-2-100, .pass_img#passbar-100 { background:transparent url(../icons/pass_100.gif) no-repeat; height:7px; width:138px; }

/* Advansed Pagination
----------------------------- */
#pagination             { padding: 2px 6px; display: block; float: right; }
#pagination li          { border: 0; margin: 0; font-size: 11px; list-style: none; }
#pagination a           { padding: 2px 6px; border: solid 1px #ddd; margin-right: 2px; }
#pagination .title      { padding: 2px 6px; display: block; float: left; color: #444; font-weight: bold; border: solid 1px #ddd; }
#pagination .next a,
#pagination .previous a { border: solid 1px white; font-weight: bold; }
#pagination .active     { padding: 2px 6px; display: block; float: left; color: #ff0000; font-weight: bold; border: solid 1px #ddd; background: #fffec6; }
#pagination a:link,
#pagination a:visited   { display: block; float: left; color: #0063e3; text-decoration: none; }
#pagination a:hover     { border:solid 1px #444; }

/* Rating
----------------------------- */
#star          { position: relative; float: right; margin: 3px 0 0 0; width: 200px; }
#star ul.star  { position: relative; float: right; margin: 0 40px 0 0; padding: 0; width: 85px; height: 20px; left: 0px; top: -5px; background: url("../icons/stars.gif") repeat-x; cursor: pointer; list-style: none; }
#star li       { position: absolute; float: right; margin: 0; padding: 0; width: 85px; height: 20px; display: block; text-decoration: none; text-indent: -9000px; z-index: 20; }
#star li.curr  { background: url("../icons/stars.gif") left 25px; font-size: 1px; }
#star div.user { position: relative; float: right; left: 120px; font-size: 13px; font-family: Arial; color: #888; width: 20px; }

/* Tabs
----------------------------- */
div.tabs      { background: #ddd; padding: 1em; }
div.container { margin: auto; width: 90%; margin-bottom: 10px; }

ul.tabNavigation      { list-style: none; margin: 0; padding: 0; }
ul.tabNavigation li   { display: inline; }
ul.tabNavigation li a { background: #ccc; padding: 5px; color: white; text-decoration: none; background: url(images/menu.gif); }

ul.tabNavigation li a.selected,
ul.tabNavigation li a.selected:hover { background: #ddd; color: red; border: 0; border-left: black solid 1px; border-top: black solid 1px; border-right: black solid 1px; }
ul.tabNavigation li a:hover          { background: red;  color: yellow; }
ul.tabNavigation li a:focus          { outline: 0; }
div.tabs div                         { margin: 2px; padding: 0; }
div.tabs      { margin: 5px; padding: 1px; }