/* onArcade 2.1 CSS */
body {
	margin: 0px;
	padding: 0px;
	background-color:transparent; border:none; border-width:0;
        background:url(images/pattern1.jpg) repeat scroll 97% 75% transparent;
        color: #EE1289;
	font-size: 12px;
	font-family: "Lucida Sans ", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica, sans-serif;
	text-align: left;
}




img.x
{
position:absolute;
z-index:1;
left:40px;
top:55px;
z-index:1
}

img.y
{
position:absolute;
z-index:1;
left:0px;
top:-50px;
z-index:1
}

img.z
{
position:absolute;
z-index:1
}




.novi_igri {
   float: left;
   width: 15%;	
   text-align: center;
   margin: 3px;
   padding-top: 0px;	
   padding-bottom: 5px;	
   background: #000000;
   border: 1px solid #000000;
   border-color: olive
   height: 148px;	
   width: 113px;
   color: #EE1289;
}

.novi_igri_category {
   float: left;
   width: 15%;	
   text-align: center;
   margin: 3px;
   padding-top: 0px;	
   padding-bottom: 5px;	
   background: #EE1289;
   border: 1px solid;	
   1px solid #EE1289;
   height: 148px;	
   width: 113px;
color: #000000;
}


form {
	margin: 0px;
	padding: 0px;
}

input, textarea {
	margin: 4px;
	padding: 2px;
	background: #FFBBE8;
	border: 1px solid #DDA0DD;
	font-size: 11px;
}


.top 


{
 background-color:green;
 height:16px;
 padding:0;
 text-align:center;
 width:977px;
}


.top_left h1

{
  background:transparent url(images/tab1.gif) repeat scroll 0 0;
  color: #71A3BD;
  font-family: font-family: "Lucida Sans ", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica, sans-serif;
  font-size: 11px;	
  text-align: center;	
  float: none;	
  font-weight: bold;	
  margin-bottom: 2px;	
  margin: 3px;

}


.above_header1 

{
background:transparent;
font-weight:bold;
height:14px;
padding-top:0px;
margin-top:224px;
width:1161px;
}


#header1_bar 
{
 background-image:red;
 border-bottom:1px solid Black;
 font-weight:bold;
 height:18px;
 margin-bottom:0;
 padding-bottom:2px;
 padding-top:0;
 width:977px;
}













fieldset {
	margin-top: 7px;
	-moz-border-radius: 8px;
}

legend {
	font-weight: bold;
}
a:link {
	color: #FFFFFF;
        font-weight:bold;
	text-decoration: none;
       
       
}
a:visited {
	color: #FFFFFF;
        font-weight:bold;
	text-decoration: none;
       
}
a:hover {
	color:#EE1289;
        font-weight:bold;
	text-decoration: none;
}
#header {
	margin-left: auto;
	margin-right: auto;
	height: 280px;
	width: 1150px;
        border:10px solid #000000;
	text-align: center;
        opacity:0.90;
        filter:alpha(opacity=90); 
        -moz-opacity: 0.90; 
        opacity: 0.90;
        -khtml-opacity: 0.90;
        position:relative;
        z-index:0;
      
}
#header11
 {
	margin-left: auto;
	margin-right: auto;
	height: 200px;
	width: 1150px;
        border:10px solid #000000;
	text-align: left;
        background:black;
        color:#EE1289;
      
}

#header h1 {
        background:#EE1289 none repeat scroll 0%;
        border:3px solid #000000;
	margin-left: -11px;
	margin-top: 0 px;
	margin-bottom: 8px;
	float: none;
	color: #FFFFFF;
	font-family: font-family: "Lucida Sans ", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
        height: 21px;
}



#header h2 {
        background: #000000;
        border-bottom:2px solid #CADFA5;
        border-top:2px solid #EF5E9C;
	width:1150px;
	color:#EF5E9C;
	font-weight: bold;
	font-size: 10px;
}



#mainimage		
         { 
           position: absolute; 
           z-index:-1;
           top: 38px; 
           margin-left:0px;
           width: 1160px; 
           height: 200px; 
            

}







#main_menu {
	margin-bottom: 0px;
	margin-top: -19px;
        margin-left: 698px;
	color: #FFFFFF;
	font-family: font-family: "Lucida Sans ", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        padding:4px;

}



#main_menu li {
	list-style-type: none;
	display: block;
	float: left;
	margin-right: 4px;
}

#main_menu a:link, #main_menu a:visited {
        color:#FFFFFF;
	text-decoration: none;
        background:pink  repeat scroll 0%;
       
}



#main_menu a:hover {
	text-decoration: underline;
}



#categories {
	color:#FFFFFF;
        font-size:10px;
        left:5px;
        margin:2px;
        padding:0;
        position:relative;
        top:-2px;
}






#categories li {
	color:#FFFFFF;
        display:block;
        float:left;
        list-style-type:none;
        margin-right:4px;
}











#categories a:link, #categories a:visited {
	color: #FFFFFF;
         font-size: 16px;
         font-family: font-family: "Lucida Sans ", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica, sans-serif;
	 text-decoration: none;
        
}
#categories a:hover {

        background:#FFBBE8;
	color: #FFFFFF;
        font-size: 16px;
        text-decoration: none;
       
}





hr {
color: green;
background-color: green;
height: 7px;
border:0;
width:98%;


}

h6 {
background:#7D652C none repeat scroll 0% 50%;
border:1px solid  #7D652C;
margin:0px 0px 0px;
padding:0px 0px 0px 0px;

}




#main {
	margin-left: auto;
	margin-right: auto;
	padding: 3px;
	width: 1154px;
	background: #000000;
	border-left:6px solid #000000;
	border-right:6px solid #000000;
        filter:alpha(opacity=94); 
        -moz-opacity: 0.94; 
        opacity: 0.94;
        -khtml-opacity: 0.94;

}

#main_content_left {
float:right;
width:82.5%;
}

.ad_box {
	margin-bottom: 4px;
	padding: 3px;
	border: 1px solid #FF5E5E;
	color: #333333;
	text-align: center;
}
.ad_box_2 {
	padding: 3px;
	margin-bottom: 4px;
	border: 1px solid #FF5E5E;
	color: #333333;
	text-align: center;
}
.content_box {
	margin-bottom: 5px;
        margin-right: 1px;
       	padding: 2px;
        text-align:left;
        background: #000000;
        border-left:2px dotted #EE1289;
        border-right:2px dotted powderBlue;
        border-bottom:2px dotted deeppink;
        border-top:2px dotted deeppink;
        
        
}
.content_box_browse {
	margin-bottom: 5px;
        margin-right: 1px;
       	padding: 2px;
        text-align:left;
        background: transparent url(images/purple_bg.gif);
        border-left:3px solid #EE1289;
        border-right:3px solid powderBlue;
        color:#000000;
        
        
}

.content_box_file {
	margin-bottom: 3px;
        margin-right: 3px;
       	padding: 2px;
        text-align:left;
        background: #000000;
        border:2px dotted #EE1289;
        opacity:0.90;
        filter:alpha(opacity=90); 
        -moz-opacity: 0.90; 
        opacity: 0.90;
        -khtml-opacity: 0.90;
}


.content_box_file2 {
	margin-bottom: 3px;
        margin-right: 3px;
       	padding: 2px;
        text-align:left;
        background: #FFBBE8;
        font-size:14px;
}

.content_box_file3 {
	margin-bottom: 3px;
        margin-right: 3px;
       	padding: 2px;
        text-align:left;
        background: #000000;
        color:deepPink;
        border:0.2em dashed #000000;
        
}


.content_box_file4 {
	margin-bottom: 3px;
        margin-right: 3px;
       	padding: 2px;
        text-align:left;
        background: #FFBBE8;
        color:#EE1289;
        border:2em dashed #FFBBE8;

}




.content_box_new {
	margin-bottom: 3px;
        margin-top: 3px;
       	padding: 2px;
        text-align:left;
        background: url(images/purple_bg.gif) repeat;
        opacity:0.90;
        filter:alpha(opacity=90); 
        -moz-opacity: 0.90; 
        opacity: 0.90;
        -khtml-opacity: 0.90;
         border:2px dotted deepPink;
}

.content_box_popular {
	margin-bottom: 3px;
        margin-top:3px;
       	padding: 2px;
        text-align:left;
        background: url(images/purple_bg.gif) repeat;
        opacity:0.90;
        filter:alpha(opacity=90); 
        -moz-opacity: 0.90; 
        opacity: 0.90;
        -khtml-opacity: 0.90;
        border:2px dotted deepPink;
}



.played_color {
	margin-bottom: 4px;
       	padding: 2px;
        text-align:left;
        background: #EE1289;
        border:1px solid hotPink;
         opacity:0.90;
        filter:alpha(opacity=90); 
        -moz-opacity: 0.90; 
        opacity: 0.90;
        -khtml-opacity: 0.90;
}

.content_box_2 {
        background:#000000;
        border:2px dotted #EE1289;
	margin-bottom: 3px;
        margin-top:0px;
	padding: 1px;
        
     }



.content_box_header {
	background: url(images/pq.gif);
        border: 0.2em dashed #000000;
        color: #FFFFFF;
        font-weight: bold;
	font-family:"Lucida Sans ","Lucida Sans","Lucida Grande",verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	text-align: left;
	padding: 2px;
	padding-left: 4px;
}
.content_box_header H1 {
   color: white;
	text-align: center;
	font-family: "Lucida Sans ","Lucida Sans","Lucida Grande",verdana,arial,helvetica,sans-serif;
	font-size: 30px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
   PADDING-TOP: 0px;
	MARGIN: 0px;
}
.content_box_header H2 {
        color: #FFFFFF;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	FONT: 14px "Lucida Sans ","Lucida Sans","Lucida Grande",verdana,arial,helvetica,sans-serif;
	font-weight: bold;
	PADDING-TOP: 0px;
}

.content_box_header a:link, .content_box_header a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.content_box_header a:hover {
	
	text-decoration: none;
        background: #EE1289;
}

h3 {
	
        
	background:#000000;
        border-bottom:3px solid powderBlue;
        margin:2px 0 0;
	padding:2px 2px 2px 3px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 15px;
        
}


h2 {
        background: none repeat scroll 0 0 transparent;
        border-bottom:2px solid powderBlue;
        border-top:2px solid #EF5E9C;
	margin:0 0 2px;
	color: #89CBE7;
	font-weight: bold;
	font-size: 15px;
       
}







h2 a:link, h2 a:visited {
	color: #FFFFFF;
	
}
h2 a:hover {
	text-decoration: none;
        color: #FFFFFF;
}

.content_box_2 input {
	border: 1px solid #FF5E5E;
}
.index_files_left {
	margin-bottom: 2px;
       	float: left;
	width: 160px;
        background-color:#D3E89D;
        border:1px solid #DDA0DD;
        height:110px;
         
}

.index_files_left img{

        margin-top:4px;
        margin-left:4px;
        margin-right:1px; 
        height:100px;
        width:150px;
       
}



.browse_file_box {
	padding: 1px;
	background: White none repeat scroll 0%;
	border:1px solid yellow;
	margin-top:10px;
        margin-bottom:5px;
        margin-left:10px;
        height:131px;
	
}



.browse_file_box img {

        border:1px solid #CD1076;
        margin-top:3px; 
        margin-left:2px;
        height:123px;
        width:110px;

}






.index_files_right {
	margin-bottom: 0px;
        border:1px solid #000000;
	width: 481px;
        height:162px;
        margin-right:15px;
        margin-top:5px;
        background:#FFBBE8;
        background-repeat: repeat;
        float:left;
  } 













    
     
.played {
	font-family: "Lucida Sans ","Lucida Sans","Lucida Grande",verdana,arial,helvetica,sans-serif;
	font-size: 11px;
}
.file_link:link {

color:#EE1289;
font-size:18px;
font-weight:bold;
margin-bottom:0;
text-decoration:none;
}
      
}
.file_link:visited {
	color:#000000;
	font-weight: bold;
        font-size:18px;
	text-decoration: none;
}
.file_link:hover {
	color:paleVioletRed;
	font-weight: bold;
	text-decoration: none;
        
      

       
}


.pagination {
        background:#EE1289;
        border:1px solid black;
	margin: 8px;
	text-align: center;
}
.pagination a:link, .pagination a:visited {
	padding: 1px;
	border: 1px solid #FFFFFF;
	color: #000000;
	text-decoration: none;
}
.pagination a:hover {
	border: 1px solid yellow;
	color: #000000;
}
.pagination b {
	padding: 1px;
	border: 1px solid #FFFFFF;
}
.table_header {
	float: left;
	text-align: center;
	font-weight: bold;
}
.table {
	float: left;
	text-align: center;
}
.separator {
	margin-bottom: 6px;
	padding-top: 6px;
	border-bottom: 1px solid deepPink; 
	clear: both;
}
.content_left {
	margin-top: 2px;
	margin-bottom: 2px;
	float: left;
	font-weight: bold;
}
.content_right {
	margin-top: 2px;
	margin-bottom: 2px;
	float: right;
}
.error_box {
	margin-bottom: 4px;
	padding: 3px;
	border: 1px solid #FF3300;
	background: #FADFDC;
	color: #FF3300;
	text-align: left;
}
.comment_box {
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom: 1px dotted deepPink;
}
.news_line {
	margin-top: 5px;
	border-top: 1px dotted #FF5E5E;
}
#champion_box {
    margin-bottom: 4px;
    padding: 2px;
	border: 1px solid #FF5E5E;
	background: url(images/cup.gif);
	background-repeat: no-repeat;
	background-position: 25% 50%;
	text-align: center;
}

#sponsor {
        
	background:#FFBBE8 none repeat scroll 0;
        font-weight:bold;
        margin-bottom:-16px;
        margin-top:-12px;
        padding:5px;
        text-align:center;
        height:26px;
        color:#000000;

	
}



#score_game {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	padding: 3px;
	border: 1px solid #FFCCCC;
	width: 300px;
}
.register_info {
	float: left;
	width: 200px;
	font-weight: bold;
}




.quote {
	border: 1px dotted #FF0D0D;
	margin: 2px;
	margin-bottom: 6px;
	padding: 3px;
	text-align: left;
}
#frame {
	font-size: 12px;
	color: #FFFFFF;
}
#frame a:link, #frame a:visited {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}
#frame a::hover {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
#popup_box {
	border: 1px solid #000000;
	background: #FFFFFF;
	margin: 5px;
	padding: 3px;
}
#redirection_box {
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	width: 400px;
	border: 1px solid #FF5E5E;
	background: #FFFFFF; 
	text-align: center;
}
#footer {
	margin-left: auto;
	margin-right: auto;
        margin-top:0px;
	padding-top: 10px;
	width: 1172px;
	height: 35px;
	background:transparent url(images/pq.gif) repeat scroll 0 50%;
	color: #000000;
	text-align: center;
        opacity:0.6;
}
#footer a:link, #footer a:visited {
	color: black;
	text-decoration: none;
	font-weight: bold;
}
#footer a:hover {
	text-decoration: none;
}




/* onArcade 2.1 CSS */