/* Pocetna */
a, a *, button, button * {cursor: pointer;}

h1 { 
	color: #1a1a1a;
	font-size: 12px;
	font-weight: bold;
}
#errormsg {
    color: red;
    font-size: 15px;
	font-weight: bold;
	margin: 10px;
	padding: 10px;
	background: #1a1e1e;
	border: 3px solid #2f1f1f;
	text-align: center;
}
#infomsg {
	color: #baf3ff;
	font-size: 15px;
	font-weight: bold;
	margin: 10px;
	padding: 10px;
	background: #1a1e1e;
	border: 3px solid #2f1f1f;
	text-align: center;
}
#infobox {
    padding: 10px;
    border: 3px solid #2C3539;
    margin-top: 20px; 
    margin-bottom: 10px; 
	text-align: left;
}
#uploadbox {
    background: #1a1e1e;
	border: 3px solid #1f1f1f;
	width: 420px;
	padding: 20px 10px;
	margin: auto;
	text-align: center;
}
#qualitybox {
	width: 330px;
    padding: 5px;
    border-bottom: 3px solid #2C3539;
	margin: auto;
	display: block;
}
#loading {
	display: none;
	margin: auto;
	margin-top: 20px;
}
#upload {
	height: 3em;
    width: 30em;
	font-weight: bold;
	margin: auto;
	margin-top: 20px;
	display: block;
}

#backlink {
	display: block;
	margin: auto;
	text-align: left; 
	height: 19px;
	width: 19px;
}
#uploadtitle {
	width: 330px;
	margin: auto;
	margin-bottom: 20px;
	margin-top: 10px;
	font-weight: bold;
	font-size: 15px;
}
#genrebox {
	width: 330px;
    padding: 5px;
    border-top: 3px solid #2C3539;
    border-bottom: 3px solid #2C3539;
	margin: auto;
    margin-top: 20px; 
	display: block;
}
#fadebox {
	width: 330px;
    padding: 5px;
	font-weight: bold;
    border-top: 3px solid #2C3539;
    border-bottom: 3px solid #2C3539;
	margin: auto;
    margin-top: 20px; 
	display: block;
	text-align: center;
}
#savebox {
	width: 330px;
    padding: 5px;
    border-bottom: 3px solid #2C3539;
	margin: auto;
    margin-bottom: 20px; 
	display: block;
	
}
.optionbox {
	width: 330px;
    padding: 5px;
    border-top: 3px solid #2C3539;
    border-bottom: 3px solid #2C3539;
	margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	display: block;
}
.splitoption {
	width: 330px;
    padding: 5px;
    border-bottom: 3px solid #2C3539;
	margin: auto;
	margin-bottom: 8px;
	display: block;
}
.mybutton 
{
	background: #138CDD;
	border: 1px solid #24ADED;
	color: #1a1a1a;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 15px;
	text-align: center;
}
.mybutton:hover
{
	background:#36A5F0;
	border: 1px solid #000000;
	color: #1a1a1a;
}

.style1
{
	color: #0a8dde;
	font-size: 14px;
	text-align: center;
	padding: 5px;
	background-color: #2C2C2C;
	border: solid 1px #111;
	text-shadow: 1px 1px 0px #111;
	font-weight: bold;
}

.style2
{
	color: #0a8dde;
	font-size: 14px;
	text-align: center;
	width:30px;
	padding:5px;
	background-color: #2C2C2C;
	border: solid 1px #111;
	text-shadow: 1px 1px 0px #111;
}

.style3
{
	color: #0a8dde;
	font-size: 14px;
	text-align: center;
	padding:5px;
	background-color: #2C2C2C;
	border: solid 1px #111;
	text-shadow: 1px 1px 0px #111;
}

.style4
{
	color: #0a8dde;
	font-size: 14px;
	text-align: center;
	width:30px;
	padding: 2px;
	background-color: #2C2C2C;
	border: solid 1px #111;
	text-shadow: 1px 1px 0px #111;
}

.style5
{
	color: #0a8dde;
	font-size: 14px;
	text-align: center;
	width:60px;
	padding: 5px;
	background-color: #2C2C2C;
	border: solid 1px #111;
	text-shadow: 1px 1px 0px #111;
}

.style6
{
	padding: 5px;
	text-align:center;
}

.style7
{
	empty-cells: show;
	margin: auto;
	width: 100%;
}

.style8
{
	padding: 2px;
	width:30px
}

.style9
{
	padding: 5px;
}

.style10
{
	padding: 2px;
	width:35px
}

.style11
{
	padding: 5px;
	width:60px;
}

input.text_input,
textarea.text_input,
select.text_input{border: 3px solid #138CDD;background: #F9F9F9;color: #252525;font-size: 12px;padding: 4px 6px;margin: 0 0 2px;width: 250px;}
.code_box{clear: both;height: 35px;padding: 0;}
.code_box label {float: left;font-size: 11px;margin: 0 5px;padding: 4px 0 0;text-align: right;width: 140px;}
.code_box input.text_input {float: left;}
input.long,
textarea.long {width: 400px;}

#content .boxpanel .teaser{border: medium none;color: #333;font-size: 11px;margin: 0 0 0 330px;padding-top: 3px;text-align: left;}
.boxpanel{
    background-color: #1a1a1a;
    color: #baf3ff;
    float: center;
    margin: 10px 0;
    padding: 0 0 10px;
    width: 650px;
    border: solid 1px #111;
}
.boxpanel h2.boxtitle{
    background-color: #2C2C2C;
    border-bottom: solid 1px dodgerblue;
    color: #CCC;
    cursor: auto;
    font-size: 14px;
    margin: 0 0 10px;
    padding: 5px 10px;
    text-transform: capitalize;
}


/* Normal, standard links. */
a:link, a:visited
{
	color: #0a8dde;
	text-decoration: none;
}
a:hover
{
	text-decoration: none;
	cursor: pointer;
	color: rgb(83, 171, 255);
}

/* Links that open in a new window. */
a.new_win:link, a.new_win:visited
{
	text-decoration: none;
}
a.new_win:hover
{
	text-decoration: underline;
}

/* Tables should show empty cells. */
table
{
	empty-cells: show;margin: auto; width: 50%;
}

/* Set a fontsize that will look the same in all browsers. */
body { 	
	background: #1D1D1D url(../images/custom/jancezzbg.png)fixed;
	font: 12px/140% Tahoma, sans-serif;
	margin: 0;
	padding: 0;}

/* Help popups require a different styling of the body element. */
body#help_popup
{
	padding: 1em;
}

/* use dark grey for the text, leaving #000 for headers etc */
body, th, tr
{
        color: #baf3ff;
}

td
{
	color: #F63B5D;
	width: 255px;
	max-height: 300px;
	font-size: 13px;
	background: #151515;
	padding: 15px;
	border: solid 1px #111;
	text-shadow: 1px 1px 0px #111;
}

hr {
	border: solid 1px #baf3ff;
}

/* This division wraps the entire forum when a forum width is set. */
div#wrapper
{
	margin: 0 auto;
	width: 1240px;
}

/* lets give all forms zero padding/margins */
form
{
	padding: 0;
	margin: 0;
}

/* We can style the different types of input buttons to be uniform throughout different browsers and their color themes.
	.button_submit - covers input[type=submit], input[type=button], button[type=submit] and button[type=button] in all browsers
	.button_reset  - covers input[type=reset] and button[type=reset] throughout all browsers
	.input_check   - covers input[type=checkbox] throughout all browsers
	.input_radio   - covers input[type=radio] throughout all browsers
	.input_text    - covers input[type=text] throughout all browsers
	.input_file    - covers input[type=file] throughout all browsers
*/

input, button, select, textarea
{
	font: 95%/115% verdana, Helvetica, sans-serif;
	background: #2C3539;
	color: #0A8DDE;
	border: 2px solid #111;
	padding: 5px;
}

p {
	color: #fff;
	font-size: 12px;
	margin-top: 0px;
}
p1 {
	color: #fff;
	font-size: 11px;
}
p2 {
	color: #fff;
	font-size: 11px;
}

#topbar2 { height: 45px; color: #DDDDDD; background: rgba(0, 0, 0, 0.28); -webkit-border-radius: 3px; border-radius: 3px; display: block; outline: none; padding: 0px 15px; box-shadow: inset rgba(0,0,0,0.8) 0px 1px 5px, rgba(255,255,255,0.02) 0px 0px 0px 1px, rgba(255,255,255,0.05) 0px 1px 0px;}
#topbar2 a:hover { color: #ddd;}

#search { height: 40px; width: 265px; float: right; margin-top: 2px; position: relative; border-radius: 6px;}
#search input.search_input { position: absolute; top: 5px; background: #F9F9F9 url(../images/theme/hladaj.png) no-repeat right; border: 1px solid #101010; outline: none; width: 260px; height: 30px; padding: 4px 8px; border-radius: 1px; font-size: 12px; color: #252525;}
#search input.search_button { position: absolute; top: 1px; right: 1px; background: url(../images/custom/search.png) 0 -45px no-repeat; border: none; width: 48px; height: 38px; cursor: pointer;}
#search input.search_button:hover { background-position: 100% -45px;}

#header { height: 150px; overflow: hidden; }
#logo a { float:left; display: block; width: 450px; height: 150px; background: url(../images/custom/sitelogo.png) no-repeat}

#account, #quicknav { margin-top: 9px; line-height: 26px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);}
#account { float: left; width: 500px; color: #aaa;}
#account ul, #account li { float: left; list-style: none; margin: 0; padding: 0;}
#account a { display: block; color: #aaa; text-decoration: none;}
#account .icon_login { background: url(../images/custom/login_icons.png) 0 0 no-repeat;}
#account .icon_register { background: url(../images/custom/login_icons.png) 0 -62px no-repeat; margin-left: 24px;}
#account .icon_login, #account .icon_register { padding-left: 32px;}
#account .icon_login:hover { background-position: 0 -31px;}
#account .icon_register:hover { background-position: 0 -93px;}
#account .loggedin li { padding: 0 8px 0 12px; background: url(../images/custom/bullet.png) 0 50% no-repeat;}
#account .loggedin .greeting { color: #ddd; text-transform: uppercase; background-image: none; padding-left: 0;}
#account .loggedin .avatar { height: 28px; width: 28px;}

#topbar2 { height: 45px; color: #DDDDDD; background: rgba(0, 0, 0, 0.28); -webkit-border-radius: 3px; border-radius: 3px; display: block; outline: none; padding: 0px 15px; box-shadow: inset rgba(0,0,0,0.8) 0px 1px 5px, rgba(255,255,255,0.02) 0px 0px 0px 1px, rgba(255,255,255,0.05) 0px 1px 0px;}
#topbar2 a:hover { color: #ddd;}

#topnav { font-size: 12px; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; text-transform: uppercase; font-weight: bold; float: right; margin-top: 36px; }
#topnav ul { margin: 0; padding: 0; z-index: 1000;}
#topnav li { float: left; margin: 0; padding: 0; position: relative; list-style: none; margin: 0px 4px 0 0;}
#topnav li a { color: #baf3ff; background: rgba(0, 0, 0, 0.28); -webkit-border-radius: 3px; border-radius: 3px; display: block; outline: none; padding: 0px 15px; line-height: 34px; height: 34px; webkit-box-shadow: inset rgba(0,0,0,0.8) 0px 1px 5px, rgba(255,255,255,0.02) 0px 0px 0px 1px, rgba(255,255,255,0.05) 0px 1px 0px; -moz-box-shadow: inset rgba(0,0,0,0.8) 0px 1px 5px, rgba(255,255,255,0.02) 0px 0px 0px 1px, rgba(255,255,255,0.05) 0px 1px 0px; box-shadow: inset rgba(0,0,0,0.8) 0px 1px 5px, rgba(255,255,255,0.02) 0px 0px 0px 1px, rgba(255,255,255,0.05) 0px 1px 0px; text-decoration: none;}
#topnav li a.active { color: #0a8dde; background: rgba(0, 9, 18, 0.51); text-decoration: none;}
#topnav li a:hover { color: dodgerblue; background: rgba(0, 9, 18, 0.51); text-decoration: none;}
#topnav li li { width: 200px; height: auto; padding: 0; margin: 0;}
#topnav li li a, #topnav li:hover li a { background: none; display: block; line-height: 26px; padding: 0 16px; width: 168px; float: none; font-weight: normal;}
#topnav li ul { background: #131313; border-top: solid 3px dodgerblue; position: absolute; width: 200px; left: -999em; padding: 4px 0; margin-left: -1px; margin-top: 50px;}
#topnav li:hover ul { top: 33px; left: 0;}
#topnav li:hover li ul, #topnav li li:hover li ul { top: -999em;}
#topnav li li:hover ul, #topnav li li li:hover ul { left: 190px; top: 0;}

.navigate_section { padding: 0.5em; margin: 0 0 0 0; background: #141414; padding-left: 20px; border-right: solid 1px #111; border-left: solid 1px #111; border-top: solid 1px #111; }
.navigate_section ul { display: block;	margin: 0; font-size: 0.9em; padding: 0.5em 0; overflow: hidden; list-style: none; clear: both; width: 100%; }
.navigate_section ul li { float: left; padding: 0 0.5em 0 0; font-size: 0.95em; }
.navigate_section ul li a { color: #eee; white-space: pre; font-weight: normal; }
.navigate_section ul li.last { font-weight: bold; }

select.qaction, input.qaction { font-size: 0.85em; padding: 0; }
#mlist table tbody td.windowbg2 { text-align: center; }

#ribbon { position:absolute; top:-3px; left:-15px; z-index:500; }
#frame { position:absolute; z-index:0; width:739px; height:341px; top:-3px; left:-80px; }
#slides { padding-top: 20px;
padding-bottom: 15px;
float: left;
width: 100%; }
.pagination { margin:0px; width:100px; }
.pagination li { float:left; margin:0 1px; list-style:none; }
.pagination li a { display:block; width:12px; height:0; padding-top:12px; background-image:url(../img/pagination.png); background-position:0 0; float:left; overflow:hidden; }
.pagination li.current a { background-position:0 -12px; }
.slides_container { width:900px; height: 200px; overflow:hidden; position:relative; display:none; border:solid 1px black; margin: auto; }
.slides_container div.slide { width:900px; height:395px; display:block; }
#slides .next,#slides .prev { position:absolute; top:107px; left:-39px; width:24px; height:43px; display:block; z-index:101; }
#slides .next { left:585px; }
.caption { z-index:500; position:absolute; bottom:-35px; left:0; height:30px; padding:5px 20px 0 20px; background:#000; background:rgba(0,0,0,.5); width:540px; font-size:1.3em; line-height:1.33; color:#fff; border-top:1px solid #000; text-shadow:none; }

#obavestenja {background: #1a1a1a;
border: solid 1px #111;
padding-top: 10px;
padding-bottom: 10px;
overflow: hidden;
margin: 0 auto;}
#quotescointainer{
    width: 100%;
    font-size: 12px;
    overflow: hidden; /* contain floated elements */
    background: #ccc
}
#topmeni {
margin-left:31px;
margin-right:31px;
}
#onlinemeni {
margin-top:31px;
}
#levo {
float: left; 
width: 24.5%;
margin-left:31px;
}
#centar {
float: left; 
width: 46%;
}
#desno {
float: left; 
width: 24.5%;
}
#online-scroll {
  height:300px;
  overflow:auto;
  margin-right:4px;
}
::-webkit-scrollbar-thumb {
  background-color: #0a8dde;
  border-left: solid 1px #111;
}
::-webkit-scrollbar-track {
  background-color: #151515;
}
::-webkit-scrollbar {
  width: 9px;
  height: 9px;
  cursor: pointer;
}
::-moz-scrollbar-thumb {
  background-color: #0a8dde;
  border-left: solid 1px #111;
}
::-moz-scrollbar-track {
  background-color: #151515;
}
::-moz-scrollbar {
  width: 9px;
  height: 9px;
  cursor: pointer;
}

#prava {width: 210px; float: right; text-align: center; border-left: solid 1px #111; height: 89%; }

#gt { margin-top: 2px; padding-top: 5px; margin-bottom: 2px; padding-bottom: 5px; }

#akoze_naslov { background: #131313; padding-top: 10px; padding-bottom: 10px; border-top: solid 1px #111; border-bottom: solid 1px #111; }

.tmava { background: #182131; padding-top: 10px; padding-bottom: 1px; }

#prava_strana {
	text-align: left;
margin-left: 10px;
width: 160px;
padding: 7px 0 0px 0;
}

#lava_strana {
	text-align: right;
margin-right: 10px;
width: 50px;
float: right;
}

.jasna {
	background: #1E242E;
	padding-top: 10px;
padding-bottom: 1px;
}

#samp1{
float: right;
margin-right: 10px;
text-transform: uppercase;
}
#samp2{
	text-align: left;
margin-left: 10px;
}

#ts1{
float: right;
margin-right: 10px;
text-transform: uppercase;
}
#ts2{
	text-align: left;
margin-left: 10px;
}
#cs1{
float: right;
margin-right: 10px;
text-transform: uppercase;
}
#cs2{
	text-align: left;
margin-left: 10px;
}

#lava {width: 887px; float: left; }

.meno { font-size: 1em; color: #0a8dde; font-weight: bold; padding-top: 5px; }

#tabela { padding-top: 5px; padding-bottom: 5px; }

.viacej { background: url(../images/custom/main_block2.png) no-repeat 100% -200px; padding: 7px; margin-top: 10px; color: #131313; float: right; }
.viacej a { color: #131313;}
.viacej a:hover { color: #fefefe; }
#time1 { color:#999999; font-size:10px; margin-left: 20px; text-align: right; margin-bottom: 2px; }

div.cat_bar
{
	/*background: url(../images/custom/toolbar.png) repeat-x 100% -14px;*/
	background-color: #2C2C2C;
	padding-left: 9px;
	height: 38px;
	overflow: hidden;
    border-bottom: solid 2px dodgerblue;
    border-top: solid 1px rgb(65, 65, 65);
	margin-right: -1px
}

.catbg, .catbg2, tr.catbg2 td, tr.catbg th, tr.catbg2 th
{
	overflow: hidden;
	height: 38px;
	font-size: 1em;
	font-weight: bold;
}

#postovi { width: 100%; margin: auto; background: #151515;}
#otvaranje { text-align:left; color:#0066CC; font-size:14px; }
#prijave { text-align:left; color:#ff0000; font-size:16px; }
#post1 { color:#999999; font-size:10px; }
#post2 { color:#999999; font-size:10px; }
#time2 { color:#999999; font-size:10px; margin-left: 20px; }
#otvarnje1 { text-align:center; font-size:13px; color:#fff; border-bottom:solid 1px rgba(30, 144, 255, 0.5); min-height: 195px;}

.levica {
	width: 50%;
text-align: left;
padding: 5px;
margin-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
}

.pravica {
width: 70%;
float: right;
text-align: left;
padding: 5px;
}

#videa {
width: 887px;
height: 231px;
margin: auto;
background: #151515;}

#vidio {
float: left;
width: 250px;
text-align: center;
margin-top: 15px;
margin-left: 30px;}

#footer { padding: 15px 10px; position: relative; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); background: #232323; border-right: solid 1px #111;border-left:  solid 1px #111;
border-bottom:  solid 1px #111; height:auto;}
#footer .smf_copyright { float: left;}
#footer .ds_copyright { float: right; text-align: right; margin-top: -40px;}
#footer p { color: #676767; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);}
#footer, #footer a:visited{ color: #ededed; text-shadow: 1px 1px 1px black; font-size: 12px; font-family: "Helvetica Neue", "Arial", "Helvetica", sans-serif;}
#footer, #footer a:link { color: rgb(221, 211, 221); margin-bottom: 20px;}
#footer a:hover { text-decoration: none; color: rgb(120, 189, 255);}
#footer .backtop { display: block; margin: auto; text-align: left; background: url(../images/custom/backtop.png) 0 0 no-repeat; height: 19px; width: 19px;}
#footer .backtop:hover { background-position: 0 -20px;}
#footer .like { float: right; text-align: right; }
.invi { position: absolute; z-index: 4; visibility: hidden; top: 160px; left: 150px; }