/* Fourm Width */

#widthControl {

	 width: 98%;

	 min-width: 98%;

	 margin: 0px auto 0px auto;

	 padding: 0px;

}

/* Normal, standard links. */

a:link {

	 color: #185683;

	 text-decoration: none;

}

a:visited {

	 color: #185683;

	 text-decoration: none;

}

a:hover {

	 color: #2D76AB;

	 text-decoration: underline;

}

/* Navigation links - for the link tree. */

.nav, .nav:link, .nav:visited {

	 color: #000;

	 font-weight: 700;

	 text-decoration: none;

}

a.nav:hover {

	 color: #666;

	 text-decoration: underline;

}

/* Tables should show empty cells. */

table {

	 empty-cells: show;

}

/* By default (td, body..) use verdana in black. */

body, td, th, tr {

	 line-height: 135%;

	 font-family: arial, geneva, lucida, lucida grande, helvetica, sans-serif;

	 color: #000;

	 font-size: 10pt;

}

/* The main body of the entire forum. */

body {

	 background:#2972a7;

	 padding: 0px 0px 0px 0px;

	 margin: 0px;

}

/* Input boxes - just a bit smaller than normal so they align well. */

input, textarea, button

{

	font-size: 9pt;

	color: #000000;

	font-family: tahoma, sans-serif;

}

/* All input elements that are checkboxes or radio buttons. */

input.check

{

}

/* Selects are a bit smaller, because it makes them look even better 8). */

select

{

	font-size: 8pt;

	font-weight: normal;

	color: #000000;

	font-family: tahoma, sans-serif;

}

/* Standard horizontal rule.. ([hr], etc.) */

hr, .hrcolor

{

	height: 1px;

	border: 0;

	color: #666666;

	background-color: #666666;

}



/* No image should have a border when linked */

a img{

border: 0;

}

/* A quote, perhaps from another post. */

.quote{color:#000; background-color:#D7DAEC; border:1px solid #000; margin:1px; padding:1px; font-size:12px; line-height:1.4em}



/* A code block - maybe even PHP; ). */

.code{color:#000; background-color:#ddd; font-family:"courier new","times new roman",monospace; font-size:x-small; line-height:1.3em; /* Put a nice border around it. */border:1px solid #000; margin:1px auto 1px auto; padding:1px; width:99%; /* Don't wrap its contents,and show scrollbars. */white-space:nowrap; overflow:auto; /* Stop after about 24 lines,and just show a scrollbar. */max-height:24em}



/* The "Quote:"and "Code:"header parts... */

.quoteheader, .codeheader{color:#000; text-decoration:none; font-style:normal; font-weight:bold; font-size:x-small; line-height:1.2em}



/* Generally, those [?] icons.  This makes your cursor a help icon. */

.help {

	 cursor: help;

}

/* /me uses this a lot. (emote, try typing /me in a post.) */



.meaction {

	 color: red;

}

/* The main post box - this makes it as wide as possible. */



.editor {

	 width: 96%;

}

/* Highlighted text - such as search results. */

.highlight {

	 background-color: yellow;

	 font-weight: bold;

	 color: black;

}

/* Alternating backgrounds for posts, and several other sections of the forum. */

.windowbg {

	background: #EBF2F8;

	color: #323232;

}

.windowbg2, #preview_body {	

	background: #EBF2F8;

	color: #323232;

}

.windowbgposttopic {

background: #e6edf3;



}

.windowbg3 {

	 color: #000;

	 background: #F6F6F6;

}

/* the today container in calendar */

.calendar_today {

	color: #EF5D2A;

	text-align:  center;

	font-weight: 700;

	font-style: italic;

	background-color: #f0f0f0;

}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */

.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td {

	 color: #FFF;

	 font-style: normal;

	 background: url(./images/titlebg.jpg) repeat-x #1D6299;

	 border-bottom: 1px solid #275783;

	 padding-left: 10px;

	 padding-right: 10px;

	 line-height: 22px;

}

.titlebg, .titlebg a:link, .titlebg a:visited {

	 font-weight: 700;

	 color: #FFF;

	 font-style: normal;

	 font-size: 12px;

}

.titlebg a:hover {

	 color: #EFEFEF;

}

/* same as titlebg, but used where bold text is not needed */

.titlebg2 a:link, .titlebg2 a:visited {

	 color: #FFF;

	 font-style: normal;

	 text-decoration: underline;

}

.titlebg2 a:hover {

	 text-decoration: underline;

}

/* This is used for categories, page indexes, and several other areas in the forum.

.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/

.catbg, tr.catbg td, .catbg3, tr.catbg3 td {

	 color: #9AB0C4;

	 background: #0A2844 url(./images/catbg.jpg) repeat-x;

	 font-weight: 700;

	 padding-left: 10px;

	 padding-right: 10px;

}

.catbg2, tr.catbg2 td {

	 color: #9AB0C4;

	 background: #0A2844 url(./images/catbg.jpg) repeat-x;

	 font-weight: 700;

	 padding-left: 10px;

	 padding-right: 10px;

}

.catbg, .catbg2, .catbg3 {

	 font-weight: 700;

}

.catbg, .catbg2 {

	 font-weight: 700;

	 font-size: 12px;

}

.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited {

	 font-size: 95%;

	 font-weight: 700;

	 color: #9AB0C4;

	 text-decoration: none;

}

.catbg a:link, .catbg a:visited, .catbg2 a:link, .catbg2 a:visited {

	 color: #ffffff;

	 font-weight: 700;

	 text-decoration: none;

}

.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover {

	 color: #6495ED;

	 text-decoration: none;

	 font-weight: 700;

}

/* This is used for tables that have a grid/border background color (such as the topic listing.) */

.bordercolor {

	background-color: #3F92C4;

}

/* This is used on tables that should just have a border around them. */

.tborder {

	background-color: #2F547E;

}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */

.smalltext {

	 font-size: 90%;

	 font-family: verdana, sans-serif;

}

.middletext {

	 line-height: 18px;

	 text-indent: 10px;

}

.normaltext {

	 font-size: small;

}

.largetext {

	 font-size: large;

}

/* Posts and personal messages displayed throughout the forum. */

.post, .personalmessage {

	 width: 100%;

	 overflow: auto;

	 line-height: 1.3em;

}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */

.signature {

	 width: 100%;

	 overflow: auto;

	 padding-bottom: 3px;

	 line-height: 1.3em;

}

/* Sometimes there will be an error when you post */

.error {

	 color: #EF5D2A;

}

/* navigation */

/* definitions for the main tab, active means the tab reflects which page is displayed */

.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last{background-position:left bottom; color:#E4EAF0; text-transform:uppercase; vertical-align:top}



.maintab_back, .maintab_active_back{color:#E4EAF0; text-decoration:none; font-size: 9px; vertical-align:top; padding:2px 6px 6px 6px; font-family:tahoma,sans-serif}



.maintab_first{background-image:url(images/maintab_first.gif); background-repeat:no-repeat; width:10px}



.maintab_back{background-image:url(images/maintab_back.gif); background-repeat:repeat-x}



.maintab_last{background-image:url(images/maintab_last.gif); background-repeat:no-repeat; width:8px}



.maintab_active_first{background-image:url(images/maintab_active_first.gif); background-repeat:no-repeat; width:6px}



.maintab_active_back{background-image:url(images/maintab_active_back.gif); background-repeat:repeat-x}



.maintab_active_last{background-image:url(images/maintab_active_last.gif); background-repeat:no-repeat; width:8px}



/* how links behave in main tab. */

.maintab_back a:link, .maintab_back a:visited, .maintab_active_back a:link, .maintab_active_back a:visited{color:#E4EAF0; text-decoration:none}



.maintab_back a:hover, .maintab_active_back a:hover{color:#e0e0ff; text-decoration:none}



/* definitions for the mirror tab */

.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last{background-position:left top; color:#E4EAF0; text-transform:uppercase; vertical-align:top}



.mirrortab_back, .mirrortab_active_back{color:#E4EAF0; text-decoration:none; font-size:9px; vertical-align:bottom; padding:6px 6px 2px 6px; font-family:tahoma,sans-serif}



.mirrortab_first{background-image:url(images/mirrortab_first.gif); background-repeat:no-repeat; width:10px}



.mirrortab_back{background-image:url(images/mirrortab_back.gif); background-repeat:repeat-x}



.mirrortab_last{background-image:url(images/mirrortab_last.gif); background-repeat:no-repeat; width:6px}



.mirrortab_active_first{background-image:url(images/mirrortab_active_first.gif); background-repeat:no-repeat; width:6px}



.mirrortab_active_back{background-image:url(images/mirrortab_active_back.gif); background-repeat:repeat-x}



.mirrortab_active_last{background-image:url(images/mirrortab_active_last.gif); background-repeat:no-repeat; width:8px}



/* how links behave in mirror tab. */

.mirrortab_back a:link, .mirrortab_back a:visited, .mirrortab_active_back a:link, .mirrortab_active_back a:visited{color:#E4EAF0; text-decoration:none}



.mirrortab_back a:hover, .mirrortab_active_back a:hover{color:#e0e0ff; text-decoration:none}



/* Main Nav */

#nav {

position: absolute;

top: 179px;

margin-left:10px;

width:650px;

height: 24px;

}

#nav ul {

margin: 0;

padding: 0;

list-style-type: none;

width: auto;

height: 24px;

}	

#nav ul li {

float: left;

height: 24px;

font: normal 12px/24px Arial, Verdana, Sans-Serif;

color: #9ab0c4;

margin-right: 5px;

}

#nav ul li a {

color: #ffffff;

text-decoration: none;

padding: 0 4px;

display: block;

}	

#nav ul li a:hover {

color: #bde2ff;



}

#nav ul li:hover {



}		

/* Current / Chosen / Selected */

#nav ul li.chosen {

color: #ffffff;

background: url("images/img/cats_left.gif") no-repeat;

}

#nav ul li.chosen a {

color: #ffffff;

background: url("images/img/cats_right.gif") no-repeat right top;

}

/* Submenu */

#nav ul li ul {

display: none;

}

#header {

	 position: relative;

	 height: 234px;

	 overflow: hidden;

	 background: url(images/img/trexpozadina.gif) 20px 17px repeat-x;

	

}

#head-r {

	 height: 234px;

	 background: url(images/img/page_top_r.jpg) 100% 0 no-repeat;

}

#head-l {

	 background: url(images/img/page_top_l.jpg) 0px 0px no-repeat;

}

#logo {

	 position: absolute;

	 top: 53px;

	 left: 35px;;

	 display: block;

	 width: 390px;

	 height: 200px;

	 cursor: pointer;

	 background: url(./images/img/logo.jpg) no-repeat;

}

#userarea {

	 height: 53px;

	 float: right;

	 padding: 7em 5em 0 0;

	 text-align: right;

	 font-size: 9pt;

	 color: #fff;

	 font-family: arial, geneva, lucida, lucida grande, helvetica, sans-serif;

}

#userarea a:link, #userarea a:visited {

	 color: #fff;

}

#userarea a:hover {

	 color: #fff;

	 text-decoration: underline;

}

.page {

	padding: 10px;

	margin: 0;

	background: #FFF;

	padding-left: 10px;

	padding-right: 10px;

	padding-bottom: 20px;

}

#page-tl {

	background: url(./images/img/page_.gif) 0 100% repeat-y;

	padding-left: 30px;

}

#page-tr {

	background: url(./images/img/page_.gif) 100% 50% repeat-y;

	padding-right: 30px;

}

#page-l {

	background: url(./images/img/page_l2.gif) 0 50% repeat-y;

	padding-left: 30px;

}

#page-r {

	background: url(./images/img/page_r2.gif) 100% 50% repeat-y;

	padding-right: 30px;

}

#footer {

	 background: #2972A7 url(images/img/page_bottom_bg.jpg) 0 100% repeat-x;

}

#foot-r {

	 height: 100px;

	 background: url(images/img/page_bottom_r.jpg) 100% 100% no-repeat;

}

#foot-l {

	 background: url(images/img/page_bottom_l.jpg) 0 100% no-repeat;

}

#footerarea {

	 text-align: left;

	 font: normal 11px/20px "Trebuchet MS", Arial, Verdana, Sans-Serif;

	 padding: 18px 40px 14px 30px;

	 color: #061e37;

}

#footerarea a:link, #footerarea a:visited {

	 color: #061e37;

}

#footerarea a:hover {

	 color: #061e37;

	 text-decoration: none;

}

/* The AJAX notifier */

#ajax_in_progress {

	 background: #BA4519;

	 color: white;

	 text-align: center;

	 font-weight: bold;

	 font-size: 18pt;

	 padding: 3px;

	 width: 80%;

	 position: fixed;

	 top: 0;

	 left: 0;

}