/*****************************
GLOBAL
*****************************/
body {
	text-align: center;
	background: #68c; 
}

body, form {
	margin: 0;
	padding: 0;
}

body, td, th, h1, h2, p, input ,select , textarea, button{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}

input, select, textarea{
background-color:#EFF;
border: 1px solid #CDD;
}

input.btn{
border: 0px;
}

h1 {
	margin: 0;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
}

h2{
	margin: 0.5em 0;
	font: bold 11px/16px;
}

p {
	margin: 0;
	padding: 0px;
        font-size:11px;
}

small {
	font-size: 9px;
}

img {
	border: none;
}

input, select, textarea, button {
	vertical-align: middle;
	font-weight: normal;
}

/*****************************
LINKS
*****************************/
a, a:visited, a:hover, a:active{
	color: #04e;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
} 

a.blackLink, a.blackLink:visited, a.blackLink:hover, a.blackLink:active{
	color: #000000;
	font-size: 16px;
}

td.blockheaderlink {
	text-align: right;
}
td.blockheaderlink a{
	color: #fff;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	font-weight: bold; 
}

a.topmenu, a.topmenu:visited{
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	background: transparent url("images/sqrt.gif") no-repeat left bottom;
	padding-left: 15px;
} 

a.topmenu:hover, a.topmenu:active{
	color: #FFF;
	background: transparent url("images/sqrt.gif") no-repeat left bottom;
	padding-left: 15px;
}
a.link, a.link:visited, a.link:hover, a.link:active{
	padding: 5px 5px 5px 5px;
	display: block;
	color: #c00;
}

.cntbox_cnt a.link, .cntbox_cnt a.link:visited, .cntbox_cnt a.link:hover, .cntbox_cnt a.link:active{
	padding: 0px 0px 0px 0px;
}

a.thumb, a.thumb:visited{
	border: 0px;
	display: block;
	padding: 6px;
	background: #c8e93f url("images/thumb.gif") no-repeat;
	width: 60px;
	height: 60px;
}
a.thumb img{
	width: 60px;
	height: 60px;
}


a.gamename, a.gamename:visited, a.gamename:hover, a.gamename:active {
	font-size: 11px;
}


/****************************************

for new style new clases!!!

****************************************/

.arcade247logo{
	background: transparent url("images/logo.jpg") no-repeat left top;
	height: 95px;
}

.footercountry {background: #68c;
text-align: center;
	
}

.divlogotm{
	background: transparent url("images/divlogo.gif") no-repeat left top;
	height: 95px;
	padding-left: 6px;
	width: 570px;
}

.tmright{
	background: transparent url("images/tpmenuright.gif") no-repeat right top;
	height: 95px;
	padding-right: 11px;
}

.topmenusbg{
	background: transparent url("images/topmenubg.gif") repeat-x right top;
	height: 95px;
}

/* Tabs Menu */
.tabscontainer{
	height:31px;	
	background: transparent url("images/tabsleft.gif") no-repeat left top;
	padding-left: 10px;

}
.tabscontainer div{
	height:31px;	
	background: transparent url("images/tabsright.gif") no-repeat right top;
	padding-right: 10px;
}

.tabscontainer div div{
	background: transparent url("images/tabsbg.gif") repeat-x left top;
	height:31px;	
	padding-left: 10px;
	padding-right: 10px;
}

.tabscontainer div div ul {
	margin: 0;
	height: 31px;
	padding: 0;
	float: left;
	list-style-type: none;
	border: 0px solid red;
}

.tabscontainer div div li {
	float: left;
	height: 31px;
	font-size: 12px;
	line-height: 31px;
	font-weight: bold;
	vertical-align: bottom;
	padding: 0px 0px 0px 0px;
}

.tabscontainer div div li.sel {
	background: transparent url("images/tabselected.gif") no-repeat right bottom;
	padding-right: 15px;
	margin: 0px 0px 0px 0px; 
}

.tabscontainer div div li.sel span{
	color: #04e;
	height: 31px;
	display: block;
	float: left;
	background: transparent url("images/tabselected.gif") no-repeat left  bottom;
	padding-left: 15px;
}

.tabscontainer div div li.unsel {
	background: transparent url("images/tabsbg.gif") no-repeat right  bottom;
	padding-right: 15px;
	margin: 0px 0px 0px 0px; 
}

 

.tabscontainer div div li.unsel a, .tabscontainer div div li.unsel a:visited {
	color: #000;
	height: 31px;
	font-size: 12px;
	text-decoration: none;
	background: transparent url("images/tabsbg.gif") no-repeat left  bottom;
	padding-left: 15px;
	display: block;
	float: left;
}

.tabscontainer div div li.unsel a:hover, .tabscontainer div div li.unsel a:active {
	color: Yellow;
	height: 31px;
	font-size: 12px;
	text-decoration: none;
	background: transparent;
	padding-left: 15px;
}


/****************************************

for new style new clases!!!

****************************************/

#wrapper .wrappera{
	background: transparent url("images/wrapa.gif") repeat-y left top;
}
#wrapper .wrapperc{
	background: transparent url("images/wrapc.gif") repeat-y right top;
}


#submenushadow{
	background: transparent url("images/subshadow.png") repeat-x left;
	height: 5px;
	font-size:0px;
}
#submenushadow .sushada{
	height: 5px;
	font-size:0px;
	background: transparent url("images/sushada.png") no-repeat left;
}
#submenushadow .sushadc{
	height: 5px;
	font-size:0px;
	background: transparent url("images/sushadc.png") no-repeat right;
}


#submenu{
	background: #FFF url("images/subbg.gif") repeat-x left top;
	color: #87d6ff;
	height: 46px;
}
#submenu .submenua{
	background: transparent url("images/suba.gif") no-repeat left top;
	height: 46px;
}
#submenu .submenuc{
	background: transparent url("images/subc.gif") no-repeat right top;
	height: 46px;
}


#submenu div div div{
	padding: 5px 15px 5px 15px;
}

#submenu a, #submenu a:visited{
	color: #04e;
	border: 0px;
	padding: 0px;
	margin: 0px;
	line-height: 18px;
}
#submenu a:hover, #submenu a:active {
	color: #26f;
}

.pager{
	padding: 7px 7px 7px 7px;
}
a.pager, a.pager:visited{
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	font-weight: bold;
}
a.pager:hover, a.pager:active {
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	font-weight: bold;
}
span.pager{
	padding: 0px 0px 0px 0px;
	background-color: #F3F3F3;
	font-weight: bold;
}

/*****************************
LAYOUT
*****************************/
#wrapper {
	padding: 0;
	margin: 10px auto;
	text-align: left;
	background: #FFF;
	border: 0px solid #FFF;
}

#headline {
	padding: 0 10px;
	background: #000;
	text-align: right;
	font: normal 10px/20px Tahoma, Verdana, Arial;
}

#headline a, #headline a:visited, #headline a:hover, #headline a:active, #footer a, #footer a:visited, #footer a:hover, #footer a:active {
	color: #04e;
	font-weight: bold;
	text-decoration: underline;
	background: transparent url("images/sqrt.gif") no-repeat left bottom;
	padding-left: 15px;
}

div.topmenu {
	text-align: right;
	color:#fd7;
	padding: 20px 17px 18px 5px;
	margin: 0px;
	border: 0px dotted red;
}

div.quickgame {
	color: #389;
	text-align: right;
	font-weight: bold;
	font-size: 10px;
	padding: 1px 12px 7px 5px;
	border: 0px dotted red;
}


.heada{
	background: transparent url("images/head-a.png") no-repeat left top;
}
.headc{
	background: transparent url("images/head-c.png") no-repeat right top;
}

#header {
	background: #000 url("images/head-b.png") repeat-x top;
}

#header table {
	width: 100%;
}

#header td {
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
}

#content{
	padding: 5px 8px 0px 8px;
}

tr.navigator{
	height: 23px;
}

.logo {
	margin: 5px 10px 0px 20px;
}


td.menu {
	height: 23px;
	font-size: 0px;
	border: 0px solid lime;
}


   

/**************************************************
Grids
*************************************************/

table.blockheader {
	background: #FFF url(images/i-h1-bg.gif) repeat-x top;
	height: 28px;
	width: 100%;
}

table.blockheader td{
	padding: 0;
}	

table.blockheader h1{
	color: #000;
	font: normal bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 0px;
	background: transparent;
}


table.topgamescashe{
	width: 100%;
	padding-bottom: 2px;
}
.topgamescashe td{
	padding: 5px 5px 5px 5px;
}

.cntbox td.topgamehdr{
font-weight: bold;
background-color: #FFF;
border-bottom: 1px solid #ddd;
}
.cntbox td.topgamerow{
background-color: #FFF;
border-bottom: 1px solid #ddd;
}
.cntbox td.topgamerowalt{
background-color: #FFF;
border-bottom: 1px solid #ddd;
}
.cntbox td.topgamerow a{
	border-bottom: 0px;
} 
.cntbox td.topgamerowalt a{
	border-bottom: 0px;
} 

td.topgamerow a{
	background: transparent url("images/sqrtg.gif") no-repeat left top;
	padding-left: 15px;	
} 
td.topgamerowalt a{
	background: transparent url("images/sqrtg.gif") no-repeat left top;
	padding-left: 15px;	
} 



.comment{
	border-bottom: 1px solid #ddd;
	padding: 3px 0px 3px 0px;
}
.content .topgamescashe td.topgamerowalt li{
   height: 22px;
	line-height: 22px;
	list-style: none;
	padding-left: 30px;
	margin: 2px 2px 2px 0px;
	padding-bottom: 4px;
}

.content .topgamescashe td.topgamerowalt ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/**********************************************
Login box icons
**********************************************/
li.cph{
	background: url("images/ico-cphome.gif") no-repeat left;
}
li.ead{
	background: url("images/ico-edacc.gif") no-repeat left;
}
li.cpf{
	background: url("images/ico-customize.gif") no-repeat left;
}
li.fav{
	background: url("images/ico-favorite.gif") no-repeat left;
}
li.out{
	background: url("images/ico-logout.gif") no-repeat left;
}
li.acp{
	background: url("images/ico-admin.gif") no-repeat left;
}



table.content {
	width: 100%;
}

.content td.sidecol {
	padding: 0px 0px 0px 0px;
	width: 1px;
	vertical-align: top;
}

.content td.centercol {
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}

#footer {
	height: 46px;
	padding: 0px;
	margin: 0px;
	background: transparent url("images/footer.gif") repeat-x top;
}
#footer .footera{
	height: 46px;
	background: transparent url("images/footera.gif") no-repeat top left;
}

#footer .footerc{
	height: 46px;
	background: transparent url("images/footerc.gif") no-repeat top right;
}

#footer p{
	color: #0094c9;
	font-size: 10px; 
	text-align: center;
	padding: 7px;
	margin: 0px;
}

/*****************************
TABLES
*****************************/
table.game {
	border: none;
	width: 100%;
}

.game td {
	padding: 0;
	vertical-align: top;
}

.game img {
	margin-right: 5px;
}

.game p {
	margin: 0;
	font-size: 10px;
	line-height: 14px;
}

.game a.gray {
	font-size: 10px;
}

/*****************************
BOXES
*****************************/


.cntttl {
	background-color: #f3f3f3;
	margin-top: 0px;
	margin-bottom: 5px;
}

.cntbox, .cntbox_cnt, .cntbox_head{
	margin: 0px;
	padding: 0px;
}

.cntbox {
	background: transparent url("images/boxorange-d.gif") repeat-y left top;
}
.cntbox_cnt{
	background: transparent url("images/boxorange-e.gif") repeat-y right top;
	padding: 5px 5px 5px 15px;
}

.cntbox_cnt p{
	background: #F3F3F3;
}

.cntbox_head{
	background: transparent url("images/boxorange-b.gif") repeat-x left top;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 41px;
}
.cntbox_head h1{
	background: transparent url("images/boxorange-a.gif") no-repeat left top;
	color: #000;
	font: bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 16px 16px 12px 18px; 
	margin: 0px 0px 0px 0px;
}

.cntbox_head table{
	background: transparent url("images/boxorange-a.gif") no-repeat left top;
	height: 41px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.cntbox_head table h1{
	background: none;
	font: bold 12px Tahoma, Verdana,  Arial, Helvetica, sans-serif;
	padding: 12px 0px 10px 18px;
	margin: 0px 0px 0px 0px;
}

.cntbox_head table a.blackLink2, .cntbox_head table a.blackLink2:visited{
	background: none;
	color: #FFF;
	font: bold 12px Tahoma, Verdana,  Arial, Helvetica, sans-serif;
	padding: 12px 18px 12px 0px;
	display: block;
	margin: 0px 0px 0px 0px;
	border: 0px solid lime;
}
   
.cntbox_head table a.blackLink2:hover, .cntbox_head table a.blackLink2:active{
	background: none;
	color: #FFF;
	display: block;
	font: bold 12px Tahoma, Verdana,  Arial, Helvetica, sans-serif;
	padding: 12px 18px 12px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px solid red;
}



.cntbox_head div{
	background: transparent url("images/boxorange-c.gif") no-repeat right top;
}

.cntbox_foot{
	background: transparent url("images/boxorange-g.gif") repeat-x left bottom;
	height: 10px;
	font-size: 0px;
}

.cntbox_foot div{
	background: transparent url("images/boxorange-f.gif") no-repeat left bottom;
	height: 10px;
	font-size: 0px;
}

.cntbox_foot div div{
	background: transparent url("images/boxorange-h.gif") no-repeat right bottom;
	height: 10px;
	font-size: 0px;
}

.adsbox, .adsbox span {
	background: transparent url("images/boxhads.gif") no-repeat;
}


.bluebox, .bluebox h2 {
	background: transparent url("images/boxblue.png") no-repeat;
}

.bluebox h2 {
	color: #FFF;
}

.greenbox, .greenbox h2 {
	background: transparent url("images/boxgreen.png") no-repeat;
}

.greenbox h2 {
	color: #000;
}

.whitebox, .whitebox h2, .whitebox span {
	
}

.whitebox h2 {
	color: #000;
}


/* set the image to use and establish the lower-right position */
.boxs, .wideboxs, .centerboxs, .boxs_body, .boxs_head , .boxs_head h1 , .boxs_head h2 , .boxs_head span {
  background-position: bottom right;
  margin: 0;
  padding: 0;
}

.boxs {
   width: 175px !important;   /* intended total box width - padding-right(next) */
   width: 175px;              /* IE Win = width - padding */
   padding-right: 15px;       /* the gap on the right edge of the image (not content padding) */
   margin: 0px auto 5px;         /* use to position the box */
}

.wideboxs {
   padding-right: 15px;       /* the gap on the right edge of the image (not content padding) */
   margin: 0px 5px 0px 5px;         /* use to position the box */
}

.centerboxs {
   padding-right: 15px;       /* the gap on the right edge of the image (not content padding) */
   margin: 0px 0px 5px 0px;         /* use to position the box */
}


/* set the top-right image */
.boxs_head {
    background-position: top right;
    margin-right: -15px;       /* pull the right image over on top of border */
    padding-right: 41px;       /* right-image-gap + right-inside padding */
}

/* set the top-left image */
.boxs_head h2 {
    background-position: top left;
    margin: 0;                 /* reset */
    border: 0;                 /* reset */
 	 font: bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    padding: 16px 16px 12px 16px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important; 
    height: 1%;                /* IE Holly Hack */
    text-align: left;
}

.boxs_head h1 {
    background-position: top left;
    margin: 0;                 /* reset */
    border: 0;                 /* reset */
 	 font: bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    padding: 16px 16px 12px 16px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important; 
    height: 1%;                /* IE Holly Hack */
    text-align: left;
}

.boxs_head span {
    background-position: top left;
    margin: 0;                 /* reset */
    border: 0;                 /* reset */
    height: 10px;                /* IE Holly Hack */
	 display: block;
}

/* set the lower-left corner image */
.boxs_body {
    background-position: bottom left;
    margin-right: 0px;        /* interior-padding right */
    padding: 7px 0px 10px 16px; /* mirror .cssbox_head right/left */
}

.boxs_body td{
	 font-size: 10px;
}

.boxs_body p {
    margin: 0px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;
}


.box table{
	width: 100%;
}


.space{
	margin: 10px 10px 10px 10px;
}



.spacey{
	margin-top: 50px; margin-bottom:10px;
        

}

.spacey1{
	margin-top: 5px; margin-bottom:10px; margin-left:10px; margin-right:10px;
      }  

.boxbutton{
	background-color: #EBFFD4;
	border: 8px solid #EBFFD4;
	border-top: 4px;
}

.msg {
	padding: 15px;
	margin: 10px 0;
	text-align: center;
	border: 2px dotted #F90;
	background-color: #FD3;
}


.formblock {
	width: 290px;
	text-align: right;
	font-weight: normal;
}

.formblock input, .formblock textarea {
	width: 270px;
	text-align: left;
}

.gamedescr p.sponsor{
	border: 2px dotted #F90;
	background-color: #FD3;
	padding: 15px 15px 15px 15px;
}

.gamedescr p{
	padding: 5px 0px 0px 0px;
}

/*****************************
COLOURS
*****************************/
.red {
	color: #c00;
}

.green {
	color: #090;
}

.gray {
	color: #555;
}