/* GLOBAL STYLES */
html { height:100%;    min-height:100%;overflow:hidden;}
body{margin:0; padding:0; font-family:Arial, sans-serif; font-size:13px; background-color:Black; color:White;height:100%;}
a{color:#daad4e; outline:none; text-decoration:none;} 
a:hover{color:#f7f2be;}
img{border:0;}

.header a
{
    color:#DDD;
}


.clear_both{clear:both;}
.float_left {float: left}
.middle_block {display:inline-block;vertical-align:middle;}


#modalDiv
{
    position:relative;
    z-index:1000000 !important; /* The default is 100. !important overrides the default. */
}

.ui-dialog-titlebar
{
    position:absolute;
    z-index:1000001 !important; /* The default is 100. !important overrides the default. */
}

h1
{
    /*background-color: Black;*/
    border-bottom:5px solid Red;
    display:inline-block;
    font-size:20px;
    
}

h2
{
    /*background-color:Black;*/
    border-bottom:4px solid Red;
    display:inline-block;
    font-size:16px;
    
}

/* to get rid off scroll-bars appearing due to div background*/
#outer
{
  min-width:960px;
  overflow-x:hidden;
  height:100%;
  min-height:100%;
}

/* instead of body using div as a background - to fix it with the remaining of the contents in all widths*/
#background
{
     position:relative;width:1920px; margin:0px -960px 0px; left:50%;height:auto;min-height:100%;background-repeat:no-repeat;
     background-image:url('images/bg.jpg');
}

#body
{
    width:960px;margin:0px auto;
}

#content
{
    margin:0px 7px 0px 7px;
    padding: 20px 20px 20px 20px;
    overflow: auto;
}

#contentleft
{
    width:650px;
    float:left;
    padding:10px;
    padding-top:0px;
}


#contentright
{
   width:210px;
   float:left;
   padding:10px;
   padding-top:5px;
}

.rightcontentbox
{
    
    border:2px solid #484848;
    background-image: -moz-linear-gradient(top,rgba(70, 70, 70, 0.9) 0, rgba(70, 70, 70, 0.7) 30%,  rgba(70, 70, 70, 0) 100%);
    background-image: -webkit-linear-gradient(top,rgba(70, 70, 70, 0.9) 0, rgba(70, 70, 70, 0.7) 30%,  rgba(70, 70, 70, 0) 100%);
    background-image: -ms-linear-gradient(top,rgba(70, 70, 70, 0.9) 0, rgba(70, 70, 70, 0.7) 30%,  rgba(70, 70, 70, 0) 100%);
    background-image: -o-linear-gradient(top,rgba(70, 70, 70, 0.9) 0, rgba(70, 70, 70, 0.7) 30%,  rgba(70, 70, 70, 0) 100%);
    background-image: linear-gradient(top,rgba(70, 70, 70, 0.9) 0, rgba(70, 70, 70, 0.7) 30%,  rgba(70, 70, 70, 0) 100%);
    
    
}


.centerdiv
{
    text-align:center;
}

.centerdiv>div
{
        display:inline-block;
        text-align:left;
}

.frame
{
    width:575px; /* 100% doesnt work due to borders, write exact width*/
    border-width:30px 30px 30px 30px;
    border-style:solid;
    border-color:Black;

    background-image:url(images/framefill.png);
    background-repeat:repeat;
    
    background-clip: padding-box;

	-webkit-border-image:url(images/frame.png) 30 30 30 30 repeat;
	border-image:url(images/frame.png) 30 30 30 30 repeat;
}

/*keep same border image for store pages*/
.storeframe
{
    
    background-image:url(images/framefill.png) !important;
	-webkit-border-image:url(images/frame.png) 30 30 30 30 repeat !important;
	border-image:url(images/frame.png) 30 30 30 30 repeat !important;
}

.thinframe
{
    border-width:3px 3px 3px 3px;
	-webkit-border-image:url(images/frame.png) 3 3 3 3 repeat;
	border-image:url(images/frame.png) 3 3 3 3 repeat;
}


.menubutton_l 
{    
	-webkit-border-image:url(images/menubuttonframe_l.png) 8 4 8 4 stretch  stretch !important;
	border-image:url(images/menubuttonframe_l.png) 8 4 8 4 stretch  stretch !important;
}

.menubutton_m
{
	-webkit-border-image:url(images/menubuttonframe_m.png) 8 4 8 4 stretch  stretch !important;
	border-image:url(images/menubuttonframe_m.png) 8 4 8 4 stretch  stretch !important;
}

.menubutton_r
{
	-webkit-border-image:url(images/menubuttonframe_r.png) 8 4 8 4 stretch  stretch !important;
	border-image:url(images/menubuttonframe_r.png) 8 4 8 4 stretch  stretch !important;
}



#header {
    margin: 0px auto;
    width: 960px;
    height: 102px;
    position: relative;
    border-right: 1px solid rgb(56, 56, 57); 
    border-bottom: 1px solid rgb(56, 56, 57);
    border-left: 1px solid rgb(56, 56, 57);
    z-index: 100;
    background-color:rgba(0, 0, 0, 0.8);
    color:#DDD;
    
}


#header-menu {
    width:960px;
    margin-left:-480px;
    left:50%;
    height: 35px;
    clear: both;
    position: absolute;
    bottom: 0px;
    font: 15px IntervalSansProRegular,Arial,Helvetica,sans-serif;
    background-color:rgba(19, 20, 20, 0.8);
}

#header-topmenu {
    float:right;
    line-height:20px;
}


#footer
{
    /*common*/
    text-align:center;
    background-repeat:no-repeat;
    
    /*main page*/
    background-image:url('images/bg_footer.png');
    min-height:99px;
    padding-top:15px;
}

/*index page*/

#bannerslider
{
    width:1920px;
    height:415px; 
    margin:-125px -950px 0px; 
    left:50%;
    z-index:1;
}

.gametile
{
    height:180px;
    display: inline-block;
    vertical-align: top;
    margin-left:0px;
    cursor: pointer; 
    cursor: hand; 
    width:143px;
    position:relative;
}

.gametileimg
{
    position:absolute;
    top:0px;
    right:0px; 

}



#gametilebox
{
    width:1920px;
    margin:0px -480px;
    padding-top:5px;
    min-height:180px;
    height:180px;
    background-image:url('images/gametilesbg.png');
    background-repeat:repeat-x;
    text-align: center;
    
}

#gametileboxwrapper
{
    width:960px;
    margin:0px auto;
    position:relative;
    z-index:2;
}



/* login */
.login a, .username {
    text-decoration: none;
    padding:0px 3px 0px 3px;
}



#accountmenu>li.potato-menu-has-vertical > a ,#langmenu>li.potato-menu-has-vertical > a{
    background-position:93% 50%;
    padding:0px 18px 0px 3px!important;
}


#accountmenu>ul.potato-menu li.potato-menu-item a,#langmenu>ul.potato-menu li.potato-menu-item a 
{
    padding:0px 3px 0px 3px;
}

.deleted { background-color:#444}



/* news & content */
.newsphoto
{
    padding-left:20px;
    padding-bottom:15px;
    float: right;
}

.contenttitle,.newstitle
{
    font-weight:bold;
    font-size:18px;
    color: White;
    /*letter-spacing:1.5px;*/
    
}

.newssubtitle
{
   font-size: 10px;
   color:White;
   margin-bottom:10px;
}

.newssubtitle span
{
    color:Red;
    
}

.contentbody,.newsbody
{
    font: 13.5px;
    /*letter-spacing:1px;*/
    color:#e9e9e9;
    
}

.newsitem
{
    margin: 20px 10px 20px 10px;
}

.contentitem
{
    margin-left:10px;
    margin-right:10px;
}

.newsreadmore
{
    font: 12.5px;
    font-weight:bold;
    text-decoration:none;
}

hr
{
    height:4px;
    width:100%;   
    background:url('images/seperator.png') no-repeat top center;
    border:none !important;   
}

.rightcontentbox
{
    margin-top:5px;
    margin-bottom:5px;
}

/* forms */


label
{
    font-size:15px;
}
.outer-submit {
	margin : 0 auto;
	background:transparent url("images/submitbg.png") no-repeat top left;
	display:inline-block;
	padding : 0px 0px 0px 0px;
	cursor: pointer; 
    cursor: hand;
   
}
.outer-submit>input[type=submit],.outer-submit>input[type=button] {
	color : #fff;
	padding:9px;
	padding-right:35px;
	margin:0px 0px 0px 3px;
	border : none;
	width : 100%;
	background:transparent url("images/submitbg.png") no-repeat top right;
	cursor: pointer; 
    cursor: hand; 
    font-size:15px;
}
.outer-submit:hover {
	background:transparent url("images/submitbg.png") no-repeat top left;
}
.outer-submit>input[type=submit]:hover {
	background:transparent url("images/submitbg.png") no-repeat top right;
}

fieldset {
      padding: 1em;
      padding-left:100px;
  }
  
fieldset>p
{
    line-height:20px;
}
  
fieldset input
{
    width:200px;
}

label {
  float:left;
  width:22%;
  padding-top:0.2em;
  text-align:left;
}

input[type=text],input[type=password],textarea
{
    background-color: #fd9a0f;
    background-repeat: repeat-x;
    border: 2px solid #434343;
    border-radius: 2px 2px 2px 2px;
    font-size: 15px;
    background-image: linear-gradient(top,#cdcdcd 0,#d4d4d4 70%,#d4d4d4 80%,#8c8c8c 100%);
    background-image: -moz-linear-gradient(top,#cdcdcd 0,#d4d4d4 70%,#d4d4d4 80%,#8c8c8c 100%);
    background-image: -webkit-linear-gradient(top,#cdcdcd 0,#d4d4d4 70%,#d4d4d4 80%,#8c8c8c 100%);
    background-image: -ms-linear-gradient(top,#cdcdcd 0,#d4d4d4 70%,#d4d4d4 80%,#8c8c8c 100%);
    background-image: -o-linear-gradient(top,#cdcdcd 0,#d4d4d4 70%,#d4d4d4 80%,#8c8c8c 100%);
}


/* serials*/

#serialinfo
{
    background-color: transparent;
    background-repeat: repeat-x;
    text-align: center;
    font-size: 15px;
    background-image: linear-gradient(top,rgba(255, 255, 255, 0.3) 0,rgba(255, 255, 255, 0) 100%);
    background-image: -moz-linear-gradient(top,rgba(255, 255, 255, 0.3) 0,rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient(top,rgba(255, 255, 255, 0.3) 0,rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top,rgba(255, 255, 255, 0.3) 0,rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top,rgba(255, 255, 255, 0.3) 0,rgba(255, 255, 255, 0) 100%);
}