/*****************************
GLOBAL
*****************************/
body {
    text-align: center;
    background: #888; 
}

body, form {
    margin: 0;
    padding: 0;
}

body, td, th, h1, h2, p, input ,select , textarea, button{
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
}
h1 a {
    font: bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    text-decoration:underline
}
h1 a:hover {
    font: bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    text-decoration:underline
}

h1 {
    margin: 0;
    padding: 5px 10px 5px 10px;
    font: normal bold 12px;
}

h2{
    margin: 0.5em 0;
    font: bold 11px/16px;
}

p {
    margin: 0;
    padding: 10px;
}

small {
    font-size: 9px;
}

img {
    border: none;
}

input, select, textarea, button {
    vertical-align: middle;
    font-weight: normal;
}

/*****************************
LINKS
*****************************/
#begun a{
    font-family: Verdana;
    color: #04e;
    text-decoration: underline;
    font-weight: normal;
} 

a{
    color: #04e;
    text-decoration: underline;
    font-weight: bold;
} 

a:hover{
    color: #C00;
    text-decoration: underline;
    font-weight: bold;
} 

a.blackLink, a.blackLink:visited, a.blackLink:hover, a.blackLink:active{
    color: #FFF;
    font-size: 11px;
}

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: #04E;
    font-size: 11px;
    font-weight: bold;
} 

a.topmenu:hover, a.topmenu:active{
    color: #BF0;
}
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: 0px;
    width: 60px;
    height: 60px;
}
a.thumb img{
    width: 60px;
    height: 60px;
}

a.gamename {
    font-size: 11px;
}


#wrapper .wrappera{
    background: transparent url("/images/biz-herna/wrapa000.gif") repeat-y left top;
}
#wrapper .wrapperc{
    background: transparent url("/images/biz-herna/wrapc000.gif") repeat-y right top;
}


#submenushadow{
    background: transparent url("/images/biz-herna/subshado.png") repeat-x left top;
    height: 5px;
}
#submenushadow .sushada{
    height: 5px;
    background: transparent url("/images/biz-herna/sushada0.png") no-repeat left top;
}
#submenushadow .sushadc{
    height: 5px;
    background: transparent url("/images/biz-herna/sushadc0.png") no-repeat right top;
}


#submenu{
    background: #008cff;
    color: #87d6ff;
    height:28px;
    border: 0px solid #000;
}
#submenu .submenua{
    background: transparent url("/images/biz-herna/suba0000.gif") repeat-y left top;
}
#submenu .submenuc{
    background: transparent url("/images/biz-herna/subc0000.gif") repeat-y right top;
}



#submenu a, #submenu a:visited{
    color: #FFF;
    border: 0px;
    padding: 0px;
    margin: 0px;
    line-height: 18px;
}
#submenu a:hover, #submenu a:active {
    color: #BF0;
}

.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: #FFF;
    font-weight: bold;
}

/*****************************
LAYOUT
*****************************/
#wrapper {
    padding: 0;
    margin: 10px auto;
    text-align: left;
    background: #DDD;
    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: #BF0;
    font-weight: bold;
    text-decoration: underline;
}

div.topmenu {
    text-align: right;
    color:#2F8FDD;
    padding: 12px 17px 20px 5px;
    margin: 0px;
}

div.quickgame {
    color: #888;
    text-align: right;
    font-weight: bold;
    padding: 36px 12px 7px 5px;
}


.heada{
    background: transparent url("/images/biz-herna/head-a00.png") no-repeat left top;
}
.headc{
    background: transparent url("/images/biz-herna/head-c00.png") no-repeat right top;
}

#header { padding:5px 0px 0px 0px; background: #4FAFFD; }
#header .wrapperc{ background:url("/images/biz-herna/logoc.gif") repeat-y right top; }

#content{
    padding: 5px 8px 0px 8px;
}

tr.navigator{
    height: 23px;
}

.logo {
    margin: 0px 10px 0px 5px;
}


td.menu {
    height: 23px;
}

.menu ul {
    margin: 0;
    padding: 0;
    float: left;
    list-style-type: none;
}

.menu li {
    float: left;
    height: 23px;
    font-size: 12px;
    line-height: 24px;
    font-weight: bold;
    vertical-align: bottom;
    padding: 0px 0px 0px 0px;
}

.menu li.sel {
    background: transparent url("/images/biz-herna/seltab00.png") no-repeat right top;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px; 
}

.menu li.sel span{
    color: #fff;
    height: 23px;
    margin-right: 15px;
    display: block;
    float: left;
    background: transparent url("/images/biz-herna/seltab00.png") no-repeat left top;
    padding: 0px 0px 5px 15px;
}

.menu li.unsel {
    background: transparent url("/images/biz-herna/unseltab.png") no-repeat right top;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px; 
}

 

.menu li.unsel a, .menu li.unsel a:visited {
    color: #cacaca;
    height: 23px;
    font-size: 12px;
    text-decoration: none;
    background: transparent url("/images/biz-herna/unseltab.png") no-repeat left top;
    margin-right: 15px;
    padding: 0px 0px 5px 15px;
    display: block;
    float: left;
}

.menu li.unsel a:hover, .menu li.unsel a:active {
    color: #BF0;
    height: 23px;
    font-size: 12px;
    text-decoration: none;
    background: transparent url("/images/biz-herna/unseltab.png") no-repeat left top;
    margin-right: 15px;
    padding: 0px 0px 5px 15px;
}

   

/**************************************************
Grids
*************************************************/

table.blockheader {
    background: #FFF url(i-h1-bg0.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;
} 

.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/biz-herna/ico-cpho.png") no-repeat left;
}
li.ead{
    background: url("/images/biz-herna/ico-edac.png") no-repeat left;
}
li.cpf{
    background: url("/images/biz-herna/ico-cust.png") no-repeat left;
}
li.out{
    background: url("/images/biz-herna/ico-logo.png") no-repeat left;
}
li.acp{
    background: url("/images/biz-herna/ico-admi.png") 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: 45px;
    padding: 0px;
    margin: 0px;
    background: transparent url("/images/biz-herna/footer00.png") repeat-x top;
}
#footer .footera{
    height: 45px;
    background: transparent url("/images/biz-herna/footera0.png") no-repeat top left;
}

#footer .footerc{
    height: 45px;
    background: transparent url("/images/biz-herna/footerc0.png") no-repeat top right;
}

#footer p{
    color: #888;
    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: #fff;
    margin-top: 0px;
    margin-bottom: 5px;
}

.cntbox, .cntbox_cnt, .cntbox_head{
    margin: 0px;
    padding: 0px;
}

.cntbox {
    background: transparent url("/images/biz-herna/boxorang.png") repeat-y left top;
}
.cntbox_cnt{
    background: transparent url("/images/biz-herna/boxoranh.png") repeat-y right top;
    padding: 10px 15px 5px 15px;
}

.cntbox_cnt p{
}

.cntbox_head{
    background: transparent url("/images/biz-herna/boxorani.png") repeat-x left top;
    height: 41px;
}
.cntbox_head h1{
    background: transparent url("/images/biz-herna/boxoranj.png") no-repeat left top;
    color: #000;
    font: bold 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    padding: 15px 16px 12px 18px;
    margin: 0px 0px 0px 0px;
}

.cntbox_head table{
    background: transparent url("/images/biz-herna/boxoranj.png") 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: 14px 16px 12px 18px;
    margin: 0px 0px 0px 0px;
}


.cntbox_head div{
    background: transparent url("/images/biz-herna/boxorank.png") no-repeat right top;
}

.cntbox_foot{
    background: transparent url("/images/biz-herna/boxoranl.png") repeat-x left bottom;
    height: 10px;
}

.cntbox_foot div{
    background: transparent url("/images/biz-herna/boxoranm.png") no-repeat left bottom;
    height: 10px;
}

.cntbox_foot div div{
    background: transparent url("/images/biz-herna/boxorann.png") no-repeat right bottom;
    height: 10px;
}

.adsbox, .adsbox span {
    background: transparent url("/images/biz-herna/boxhads0.png") no-repeat;
}


.bluebox, .bluebox h2 {
    background: transparent url("/images/biz-herna/boxblue0.png") no-repeat;
}

.bluebox h2 {
    color: #FFF;
}

.greenbox, .greenbox h2 {
    background: transparent url("/images/biz-herna/boxgreen.png") no-repeat;
}

.greenbox h2 {
    color: #000;
}

.whitebox, .whitebox h2, .whitebox span {
    background: transparent url("/images/biz-herna/boxwhite.png") no-repeat;
}

.whitebox h2 {
    color: #000;
}


/* set the image to use and establish the lower-right position */
.boxs, .wideboxs, .boxs_body, .boxs_head , .boxs_head h1 , .boxs_head h2 , .boxs_head span {
      background-position: bottom left;
    margin: 0;
    padding: 0; 
}
.box_n {    
    margin: 0 4px 0 4px;
    border: 2px dotted #F90;
    background-color: #FD3;
    padding: 5px 5px 15px 5px;
}
.box_n h1 {font-size:20px;color:#F60;}
.box_n .news_title {font-weight:bold;}
.boxs {
   width: 184px !important;   /* intended total box width - padding-right(next) */
   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 */
}

/* 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: 40px;       /* 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: 15px 0px 12px 10px; /* 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: 15px 0px 12px 10px; /* 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 16px 16px; /* mirror .cssbox_head right/left */
    text-align: 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;
}



.boxbutton{
    border: 5px solid #FFF;
    border-top: 0px;
}

.msg {
    padding: 15px;
    margin: 10px 0;
    text-align: center;
    border: 2px dotted #F90;
    background-color: #FD3;
}


.formblock {
    width: 320px;
    text-align: right;
    font-weight: normal;
}

.formblock input, .formblock textarea {
    width: 200px;
}

.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;
}
#backlinks{ margin:0 auto; font-size: 2px; color: #fff; }
#backlinks a{ display: block; font-size: 11px; color: #000000; padding:2px; text-decoration: none; font-weight: normal; }
#backlinks a:lin{ color: #000000; text-decoration: none; }
#backlinks a:visited{ color: #000000; text-decoration: none; }
#backlinks a:active{color: #000000;text-decoration: none;}
#backlinks a:hover{color: #000000;text-decoration: underline;}