/* hero SMACK.com  CSS Document */

/*******************************************************/				
/********************* Global Links *********************/
/*******************************************************/				

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


body{
font:normal 11px Tahoma;
color:#ffffff;
background:#000000;
}



img{
border:0px;
}

input{
font:normal 11px Tahoma;
color:#000000;
}

li{
list-style:none;
}

#maincontainer{
width:1000px;
height:234px;
margin:auto;
/* background:#163f7d url(http://content.herosmack.com/images/bodybg.jpg) left top no-repeat; */
background:#163f7d url(http://content.herosmack.com/images/bodybg2.jpg) left top no-repeat;
position:relative;
}
.maincontainer{
width:1000px;
height:234px;
margin:auto;
/* background:#163f7d url(http://content.herosmack.com/images/bodybg.jpg) left top no-repeat; */
background:#163f7d url(http://content.herosmack.com/images/bodybg2.jpg) left top no-repeat;
position:relative;
}

.topadvtxt{
float:left;
width:10px;
padding-top:20px;
margin-top:-288px; 
margin-left:305px; 
border:0px;
}

.mainadvt
{
background-image:url(http://content.herosmack.com/images/atm_advtop.png);
background-repeat:no-repeat;
width:736px;
height:3px;
}
.mainadvm
{
background-image:url(http://content.herosmack.com/images/atm_advimg.gif);
background-repeat:no-repeat;

}
.mainadvb
{
background-image:url(http://content.herosmack.com/images/atm_advbtm.png);
background-repeat:no-repeat;
width:736px;
height:3px;
}
.herologo{
position:absolute;
top:0px;
left:0px;
}

a.smallink
{
font-size:10px;
}

a.smallink:hover
{
text-decoration:underline;
}

a.mediumlink
{
font-size:12px;
color:#000;
text-decoration:none;
}

a.mediumlink:visited
{
text-decoration:none;
color:#000;
}

a.mediumlink:hover
{
text-decoration:underline;
}

/**************************** Header Part Layout ***********************/
.headerpart{
width:1000px;
}

.ads_toppart{
width:215px;
height:100px;
float:right;
text-align:center;
margin-top:17px;
margin-top:4px;
}

.toppart{
/* width:322px; */
width:293px;
height:134px;
float:right;
text-align:center;
}

.top_left{
width:235px;
float:left;
}

.existusertxt{
padding:5px 0px 0px 1px;
text-align:center;
}

.userboxpart{
width:210px;
padding:7px 0px 0px 18px;
}

.userbox{
width:204px;
height:24px;
background:url(http://content.herosmack.com/images/topuname_box.png) left top no-repeat;
}

.userbox input{
width:185px;
height:20px;
background:transparent;
border:0px;
padding:5px 0px 0px 5px;
}

.userboxpart1{
width:210px;
padding:4px 0px 0px 18px;
}


.topbtnpart{
width:185px;
float:right;
}

.topbtn_left{
width:140px;
float:left;
}

.rempart{
width:140px;
padding-left:10px;
}

.rempart div{
float:left;
padding:10px 8px 0px 0px;
}

.rempart div input{
width:12px;
height:12px;
}

.forgottxt{
clear:both;
padding:5px 0px 0px 1px;
}

.forgottxt a:hover{
text-decoration:underline;
}

.topbtn_right{
width:45px;
float:left;
padding-top:3px;
}

.topbtn_right input{
width:34px;
height:31px;
text-align:center;
font:bold 12px Arial;
color:#274004;
line-height:31px;
background-color:transparent;
border:0px;
background:url(http://content.herosmack.com/images/gobtn_bg.png) left top no-repeat;
cursor:pointer;
}

.top_right{
width:58px;
float:left;
padding-top:5px;
margin-left:-10px;
}

.menupart{
width:990px;
clear:both;

}

.menupart div{
float:left;
}

.menumd{
width:970px;
height:59px;
background:url(http://content.herosmack.com/images/menu_md.png) left top repeat-x;
font:bold 17px Arial;
color:#ffffff;
text-align:center;


}

.menu ul{
margin-top:12px;
padding-left:203px;
position:relative;
z-index:3;
}

.menu li{
float:left;
padding-right:2px;
}

.menu li a{
color:#733535;
}

.menu1 a{
width:72px;
height:29px;
display:block;
text-align:center;
line-height:29px;
}

.menu1 a:hover{
background:url(http://content.herosmack.com/images/menu1_bg.gif) no-repeat;
color:#ffffff;
}

.menu1_active
{
color:#ffffff;
}

.menu1_active a:visited
{
color:#ffffff;
}

.menu1_active a{
width:72px;
height:29px;
display:block;
background:url(http://content.herosmack.com/images/menu1_bg.gif) no-repeat;
color:#ffffff;
text-align:center;
line-height:29px;
}

.menu2 a{
width:98px;
height:29px;
display:block;
text-align:center;
line-height:29px;
}

.menu2 a:hover{
background:url(http://content.herosmack.com/images/menu2_bg.gif) no-repeat;
color:#ffffff;
}

li.menu2_active a {
color:#ffffff;
}

.menu2_active a:visited {
color:#ffffff;
}
.menu2_active a{
width:98px;
height:29px;
display:block;
background:url(http://content.herosmack.com/images/menu2_bg.gif) no-repeat;
color:#ffffff;
text-align:center;
line-height:29px;
}

.newestbarpart{
width:394px;
height:46px;
background:url(http://content.herosmack.com/images/newestbar2.png) left top no-repeat;
float:left;
margin:-5px 0px -10px 200px;
position:relative;
font:17px Arial;
}

#newestbarpart_1{
position:relative;
width:100px;
height:46px;
float:left;
padding:13px 0 0 0;
text-align:center;
}

#newestbarpart_1 a:hover{ text-decoration: underline; }
#newestbarpart_2 a:hover{ text-decoration: underline; }
#newestbarpart_3 a:hover{ text-decoration: underline; }
#newestbarpart_4 a:hover{ text-decoration: underline; }

#newestbarpart_2{
position:relative;
width:100px;
height:46px;
float:left;
padding:13px 0 0 0;
text-align:center;
}

#newestbarpart_3{
position:relative;
width:100px;
height:46px;
float:left;
padding:13px 0 0 0;
text-align:center;
}

#newestbarpart_4{
position:relative;
width:90px;
height:46px;
float:left;
padding:13px 0 0 0;
text-align:center;
}


.tsearchpart{
width:361px;
/* clear:both; */
float:right;
margin:-5px 20px 0px 0px;
position:relative;
}

.tsearch_top{
background:#000000;
width:361px;
height:35px;

}

.tsearch_top div{
float:left;
}

.bm_txt{
padding-top:10px;
/*text-indent:5px; */
width:150px;
}

.searchbox{
padding-top:5px;
}

.searchbox input{
width:150px;
height:20px;
border:1px solid #d5d5d5;
padding:6px 0px 0px 10px;
font:bold 12px Arial;
color:#2d2d2d;
}

.tsearchbtn{
clear:both;
width:361px;
}
.gobottom
{
background:url(http://content.herosmack.com/images/tsearch_btm.gif) no-repeat;
background-repeat:no-repeat;
width:361px;
height:6px;
}

.tsearch_gobtn input{
width:39px;
height:27px;
background:url(http://content.herosmack.com/images/sgo_btn.gif) no-repeat;
background-color:transparent;
border:0px;
margin:6px 0px 0px 5px;
cursor:pointer;
}



/**************************** Center Part Layout ***********************/
.centerpart1
{
width:1000px;

background:url(http://content.herosmack.com/images/center_bg.jpg) left top repeat-y; 
clear:both;

}
.centerpart{
width:1000px;

background:url(http://content.herosmack.com/images/center_bg.jpg) left top repeat-y;
clear:both;
float:left;
}

.center_content{
width:951px;
margin:-2px 0px 0px 26px;
float:left;
}
.center_content11{
width:951px;
margin:-2px 0px 0px 0px;
float:left;
}

.center_content1{
width:951px;
top:-15px;
left:26px;
position:relative;
float:left;
z-index:7;
}

.gameplay_content{
width:951px;
top:6px;
left:26px;
position:relative;
float:left;
z-index:7;
}
.center_contentbg1{
width:951px;
background:url(http://content.herosmack.com/images/newgame_centerbg2.jpg) left top repeat-y;

float:left;
}
.center_contentbg1_12{
width:951px;
background:url(http://content.herosmack.com/images/newgame_centerbg2.jpg) left top repeat-y;
height:700px;
float:left;
}
.center_contentbg1_12_dark{
width:951px;
background:url(http://content.herosmack.com/images/newgame_centerbg2_dark.jpg) left top repeat-y;
height:700px;
float:left;
}
.center_contentbg2{
width:951px;
background:url(http://content.herosmack.com/images/newgame_centerbg1_1.jpg) left top no-repeat;
background:url(http://content.herosmack.com/images/newgame_centerbg1.jpg) left top no-repeat;
float:left;
}

.center_contentbg3{
width:951px;
background:url(http://content.herosmack.com/images/popgame_centerbg1.jpg) left top no-repeat;
float:left;
}

.center_contentbg4{
width:951px;
background:url(http://content.herosmack.com/images/newgame_centerbg11.jpg) left top no-repeat;
float:left;
}

.gameplay_centertop{
width:951px;
background:url(http://content.herosmack.com/images/gameplay_topbg.jpg) left top no-repeat;
float:left;
}
.gameplay_centertop_dark{
width:951px;
background:url(http://content.herosmack.com/images/gameplay_topbg_dark.jpg) left top no-repeat;
float:left;
}

.gameplay_centertop1{
width:951px;
background:url(http://content.herosmack.com/images/gameplay_topbg1.jpg) left top no-repeat;
/* NEW */
background:url(http://content.herosmack.com/images/newgame_centerbg11.jpg) left top no-repeat;
float:left;
}


/********************* New Game Part layout *****************/

.newgame_toppart{
margin-top:47px;
width:951px;
}

.newgametxt{
padding:0px 0px 0px 28px;
float:left;
}

.newgametxt1{
padding:10px 0px 0px 16px;
float:left;
}

.nextpagebtn{
float:right;
padding:0px 31px 0px 0px;
}

.newgame_imgpart{
width:941px;
clear:both;
padding:4px 0px 0px 10px;
}

.newgame_imgpart1{
padding:6px 0px 0px 10px;
}

.newgame_imgpart2{
padding:3px 0px 0px 10px;
}

.newgame_imgpart3{
width:941px;
clear:both;
padding:6px 0px 0px 10px;
}

.newgame_imgpart4{
width:941px;
clear:both;
padding:6px 0px 0px 7px;
}

.panda_imgpart{
position:relative;
z-index:1;

}

.newgame_col1{
width:305px;
float:left;
margin-right:5px;
position:relative;
z-index:2;
}

.newgame_col2{
width:305px;
float:left;
margin-right:5px;
position:relative;
z-index:1;
}

.newgame_col3{
width:305px;
float:left;
z-index:0;
}

.newgame_col4{
width:12px;
float:left;
padding-top:5px;
}

.newgame_img{
padding-bottom:4px;
z-index:0;
position:relative;
}

.newgame_img1{
padding-bottom:4px;
position:relative;
z-index:5;
}

.newgame_img2{
padding-bottom:4px;
position:relative;
z-index:3;
}

.newgame_img3{
padding-bottom:4px;
position:relative;
z-index:1;
}


.newgameimg_txtbg{
position:absolute;
top:114px;
left:1px;
background:url(http://content.herosmack.com/images/ngameimg_namebg_test.png) left top repeat-x;
height:15px;
width:300px;
text-align:center;
font:bold 11px Verdana;
color:#ffffff;
line-height:15px; 
}
.newgameimg_txtbg3{
position:absolute;
top:114px;
left:1px;
background:url(http://content.herosmack.com/images/ngameimg_namebg_test.png) left top repeat-x;
height:15px;
width:300px;
text-align:left;
font:bold 11px Verdana;
color:#ffffff;
line-height:15px; 
}
.newgameimg_txtbg_1{
position:absolute;
top:115px;
left:2px;
background:url(http://content.herosmack.com/images/ngameimg_namebg_test2.png) left top repeat-x;
height:15px;
width:300px;
text-align:center;
font:bold 11px Verdana;
color:#ffffff;
line-height:15px; 
}
.newgameimg_txtbg_1p{
position:absolute;

left:2px;
background:url(http://content.herosmack.com/images/ngameimg_namebg_test2.png) left top repeat-x;
height:15px;
width:300px;
text-align:center;
font:bold 11px Verdana;
color:#ffffff;
line-height:15px; 
}

.newgameimg_txtbg_p{
position:relative;
top:131px;
left:3px;
background:url(http://content.herosmack.com/images/ngameimg_namebg_test2.png) left top repeat-x;
height:15px;
width:300px;
text-align:center;
font:bold 11px Verdana;
color:#ffffff;
line-height:15px; 
}

.newgameimg_txtbg_2{
position:relative;
height:15px;
width:300px;
text-align:center;
line-height:15px; 
}

.newgameimg_txtbg1{
top:110px;
position:absolute;
left:3px;
background:url(http://content.herosmack.com/images/ngameimg_namebg.png) left top repeat-x;
height:20px;
width:300px;
font:bold 11px Verdana;
color:#ffffff;
line-height:20px;
text-align:center;
}

.ngame_img1{
width:305px;
background:#000000;
text-align:center;
}

.ngame_adv{
width:305px;
height:250px;
background:#000000;
text-align:center;
padding:5px 0px 5px 0px;
}

.atm_advpart{
width:1000px;
clear:both;
padding-top:5px;
}
.browse_btmadv_p{
clear:both;
width:951px;
margin:auto;
padding-top:40px;
position:relative;
z-index:1;
background:url(http://content.herosmack.com/images/center_bg.jpg) left top repeat-y;

}
.centerpart_1
{
background:url(http://content.herosmack.com/images/center_bg.jpg) left top repeat-y;

}
.atm_advbg{
float:left;
}

.atm_advbg1{

}


.atm_adv{
background:#061d3d;
text-align:center;
}

.playmore_btn1{
float:left;
}

.cb_parapart{
width:973px;
clear:both;
float:left;
margin-left:-26px;
}

.cb_paratop{
width:973px;
}

.cb_para{
width:944px;
background:#061c3b;

border:0px solid #ff0000;
}

.cb_para p{
padding:0px 18px 0px 12px;
text-align:justify;
}

.cb_parabtm{
width:944px;
height:5px;
margin-left:29px;
}

/*************************** Browse Page Layout *************************/

.browse_advpart{
background-color:#163F7D;
width:1000px;
clear:both;
float:left;
}
.browse_advpart1
{
background-image:url(http://content.herosmack.com/images/playbg.jpg);
background-repeat:no-repeat;
height:98px;
width:979px;
clear:both;
float:left;
margin-left:12px;
}

.badv_left{
width:11px;
background:#000000;
float:left;
}

.badv_md{
width:979px;
float:left;
}

.browse_topadv{
width:736px;
}

.atm_advbg2{
width:736px;
margin:8px 0px 0px 238px;
position:relative;
z-index:8;
}

.badv_right{
width:10px;
background:#000000;
}

.browse_numpart{
width:1000px;
clear:both;
padding-top:12px;
}

.browse_backbtn{
padding:12px 0px 0px 145px;
}
.browse_menu{
padding:0px 0px 0px 12px;
}
.browse_nummenu{
background:url(http://content.herosmack.com/images/browse_nummd.jpg) left top repeat-x;
height:29px;
padding-left:11px;
padding-top:.2em;

}

.browse_nummenu ul{

margin:0px 0px 0px 8px;
padding:0px;


}

.browse_nummenu li{

display: inline;
list-style: none;
float:left;
font:bold 18px "Trebuchet MS";
width:23px;
height:24px;
padding-right:18px;
text-align:center;
line-height:24px;

}

.browse_nummenu li:hover
{
background:url(http://content.herosmack.com/images/brose_numhover.jpg) left top no-repeat;
}

.browse_numactive{
background:url(http://content.herosmack.com/images/brose_numhover.jpg) left top no-repeat;
}

.browse_nextbtn{
padding:12px 0px 0px 20px;
}

.browse_btmadv{
clear:both;
width:951px;
margin:auto;
padding-top:40px;
position:relative;
z-index:1;
}

/*************************** After Login Page Layout ********************/

.alogin_txt1{
font:bold 14px "Trebuchet MS";
color:#ffffff;
padding:15px 0px 0px 1px;
text-align:center;
}

.alogin_blackbg{
width:207px;
margin:15px 0px 0px 20px;
}

.alogin_md{
width:207px;
background:#000000;
}

.alogin_txt2{
text-indent:12px;
font-size:11px;
height:25px;
}

.alogin_txt3{
text-indent:12px;
font-size:11px;
}

.alogin_txt3 a:hover{
text-decoration:underline;
}

.alogin_txt4{
font-weight:bold;
padding:10px 0px 0px 1px;
text-align:center;
}

.alogin_txt4 a{
color:#f8c641;
}

.alogin_txt4 a:hover{
text-decoration:underline;
}

/************************* Game Play Page Layout ***********************/

.newgame_footpart{
width:618px;
float:left;
margin-right:5px;
}

.gamefoot_top{
width:618px;
}

.gamefoot_top div{
float:left;
margin-bottom:-2px;
}

.gamefoot_toptit{
background:url(http://content.herosmack.com/images/gamefoot_md.gif) left top repeat-x;
height:29px;
width:604px;
border:0px solid #ffffff;
}

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

.newgame_footpart_full{
width:745px;
float:left;
margin-right:5px;
}

.gamefoot_top_full{
width:745px;
}

.gamefoot_top_full div{
float:left;
margin-bottom:-2px;
}

.gamefoot_toptit_full{
background:url(http://content.herosmack.com/images/gamefoot_md.gif) left top repeat-x;
height:29px;
width:731px;
border:0px solid #ffffff;
}

.gamefoot_con1_full{
width:745px;
background:#000000;
clear:both;
padding:5px 0px 0px 0px;
height:565px; 
margin-left:0px;
}

.gamefoot_tit2_full{
font:bold 14px "Trebuchet MS";
color:#fefefe;
text-align:right;
width:102px;
line-height:29px;
margin-left:120px;
}

.gamefoot_ad1_full{
width:745px;
background:#FFF;
text-align:center;
padding:10px 0px 5px 0px;
height:100px;
margin-left:0px;
padding-left:0px;
}

.gamefoot_ad2_full{
float:right;
width:160px;
height:600px;
background:#FFF;
text-align:center;
padding:0px;
margin-left:0px;
margin-right:24px;
}

.gamefoot_topstats_full{
background:url(http://content.herosmack.com/images/fullscreen_red.png) left top repeat-x;
text-align:center;
clear:right;
float:right;
height:90px;
width:167px;
border:0px;
margin-right:20px;
margin-top:10px;
}

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

.gamefoot_tit1{
font:bold 16px "Trebuchet MS";
width:480px;
text-align:left;
line-height:29px;
color:#000000;
}
.gamefoot_tit1_a
{
font:bold 16px "Trebuchet MS";
text-align:left;
line-height:29px;
color:#000000;
}
.gamefoot_tit1_a:hover
{
font:bold 16px "Trebuchet MS";
text-align:left;
line-height:29px;
color:#ffffff;

}
.gamefoot_tit1_a:visited
{
font:bold 16px "Trebuchet MS";
text-align:left;
line-height:29px;
color:#000000;
}

.gamefoot_tit1 span{
color:#ffffff;
}
.gamefoot_tit2{
font:bold 14px "Trebuchet MS";
color:#fefefe;
text-align:right;
width:102px;
line-height:29px;
}
.gamefoot_tit_1{
font:bold 14px "Trebuchet MS";
color:#fefefe;
line-height:29px;
}

.gamefoot_con{
width:618px;
background:url(http://content.herosmack.com/images/gamefoot_conbg.gif) left top repeat-y;
clear:both;
padding:20px 0px 20px 0px;
text-align:center;
}

.gamefoot_btm{
width:618px;
}

.gamefoot_btm div{
float:left;
}

.gamefoot_btmcon{
width:604px;
background:#cc0000;
height:55px;
}

.gamefoot_btmcol1{
width:145px;
float:left;
padding-top:3px;
}

.foot_starpart{
padding-top:-3px;
width:145px;
}

.foot_starpart div{
float:left;
padding-left:2px;
}

div.foot_startxt{
width:145px;
text-indent:0px;
padding-left:0px;
margin-left:0px;
float:left
text-align:left;
}

.foot_startxt span{
color:#fbde68;
padding-left:0px;
margin-left:0px;
}

.gamefoot_btmcol2{
width:74px;
padding:2px 0px 0px 5px;
float:left;
height:55px;
}

.gamefoot_btmcol3{
width:380px;
padding-top:3px;
float:left;
}

.gamefoot_btmcol3 div{
float:left;
}

.gameplay_toptxt{
width:951px;
height:39px;
padding:44px 0px 0px 1px;
text-align:center;
font:bold 22px Arial;
color:#ffffff;
border:0px solid #ff0000;
/* NEW */
color:#000;
}

.searchresults_toptxt{
width:951px;
height:39px;
padding:5px 0px 0px 130px;
text-align:left;
font:bold 22px Arial;
color:#ffffff;
border:0px solid #ff0000;
/* NEW */
color:#000;
}

.gameplay_toptxt span{
color:#ffcc00;
/* NEW */
color:#ff0000;
}

.pg_facebook {
float:right;display:inline;margin-right:30px;padding-top:20px;
}

.footcmtpart{
width:920px;
clear:both;
margin-left:42px;
display:inline;
}

.footcmt_left{
width:610px;
float:left;
}

.cmttxt{
padding-top:35px;
height:20px;
font:bold 13px Arial;
color:#ffffff;
}

.gamecmtpart{
width:610px;
}

.cmtboxpart{
width:360px;
float:left;
}

.cmtbox{
width:360px;
background:url(http://content.herosmack.com/images/cmtbox_md.gif) left top repeat-y;
}

.cmtbox textarea{
width:340px;
height:65px;
background-color:transparent;
border:0px;
padding:10px 0px 0px 10px;
font:normal 11px Verdana;
}

.cmtbtn{
float:left;
padding:62px 0px 0px 5px;
}

.cmtbtn input{
width:47px;
height:48px;
background:url(http://content.herosmack.com/images/cmt_btn.jpg) left top no-repeat;
border:0px;
background-color:transparent;
cursor:pointer;
}

.cmt_line{
clear:both;
width:510px;
border-bottom:1px solid #061a36;
height:20px;
margin-left:20px;
}

.footcmt_right{
float:right;
padding-top:20px;
}

.usercmtpart{
clear:both;
width:420px;
margin-left:42px;
padding-top:15px;
float:left;
text-align:left;
}

.usercmt_tit{
font-weight:bold;
color:#4cb2dd;
height:20px;
font-size:15px;
}

.usercmtbox{
width:417px;
text-align:left;
float:left;
}

.usercmt_con{
width:417px;
background:#000000;
float:left;
border:0px solid #ff0000;
}

.usercmt_img{
width:90px;
text-align:center;
float:left;
padding:5px 5px 5px 5px;
}
.allcommentslink
{
width:400px;text-align:right;border:0px solid #ff0000;
}
.usercmt_txtpart{
width:295px;
float:left;
padding:5px 5px 5px 15px;
}

.usercmt_txt1{
font-weight:bold;
color:#ffb600;
height:20px;
}
.usercmt_txt1 a{
font-weight:bold;
color:#ffb600;
height:20px;
}

.usercmt_txt2{
line-height:16px;
text-align:justify;
}

.main_section_content a
{
	color:#000;
	text-decoration:underline;
}

.main_section_content a:visited
{
	color:#000;
	text-decoration:underline;
}
.main_section_content a:hover
{
	color:#000;
	text-decoration:none;
}

/************************** Gamepreview Page Layout ************************/

.gamefoot_con1{
width:618px;
background:#000000;
clear:both;
padding:5px 0px 5px 0px;
height:455px;
}

.cocktail_img{
width:618px;
text-align:center;
}

.gp_desc{
font:bold 24px Tahoma;
color:#e30a01;
padding:5px 0px 0px 20px;
text-align:left;
}

.gp_para{
width:200px;
font-size:12px;
text-align:left;
float:left;
padding:5px 0px 10px 20px;
}

.gp_links{
text-align:center;
padding-top:5px;
font-size:12px;
width:618px;
}

.gp_links a{
padding-right:10px;
text-decoration:none;
}

.gp_links a:hover{
text-decoration:underline;
}

.gp_img{
width:300px;
padding:5px 0px 0px 160px;
}

.gp_clicktxt{
font:bold 10px Tahoma;
padding:0px 0px 5px 0px;
margin-top:-5px;
margin-bottom:0px;
text-align:center;
border:0px solid #ff0000;
}

.gp_clicktxt a{
text-decoration:none;
}

.gp_clicktxt a:hover{
text-decoration:underline;
}

/************************** Sign Up Page Layout ************************/

.signup_toptxt{
width:951px;
text-align:center;
padding-top:25px;
}

.signup_whitepart{
width:932px;
margin:10px 0px 0px 10px;
background:#ffffff;
position:relative;
}

.hs_man{
position:absolute;
top:30px;
left:414px;
}

.signup_formbg{
width:346px;
height:550px;
background:url(http://content.herosmack.com/images/signup_formbg.png) no-repeat;
position:absolute;
top:46px;
left:574px;
}

.signup_whitetop{
width:932px;
background:url(http://content.herosmack.com/images/sign_white_tr.gif) right top no-repeat;
height:5px;
}

.signup_whitemd{
width:932px;
padding-top:10px;
text-align:left;
}

.signup_whitetxt1{
font:normal 12px Arial;
color:#7b0f02;
text-indent:25px;
}

.signup_whitetxt2{
font:bold 14px Arial;
padding-top:25px;
text-indent:25px;
color:#000000;
}

.signup_whitetxt3{
padding-left:25px;
}

.signup_whitetxt3 li{
font:normal 12px Arial;
color:#000000;
line-height:20px;
}

.signup_whitebtm{
width:932px;
background:url(http://content.herosmack.com/images/sign_white_br.gif) right top no-repeat;
height:5px;
}

.signup_btmpart{
clear:both;
width:951px;
}

.signup_btmleft{
width:400px;
float:left;
font:bold 12px Arial;
color:#fad661;
text-indent:15px;
padding-top:75px;
text-align:center;
}

.signup_btmright{
width:304px;
height:215px;
float:left;
background:url(http://content.herosmack.com/images/signup_btmright_img.jpg) left top no-repeat;
margin-left:55px;
}

.signup_formtop{
text-indent:30px;
width:346px;
padding-bottom:10px;
}

.signup_formtxtpart{
width:322px;
float:left;
margin-left:26px;
padding-bottom:15px;
}

.signup_formleft{
width:115px;
float:left;
font:bold 12px Arial;
padding-top:5px;
text-align:left;
}
.signup_formleftw
{
width:115px;
float:left;
font:bold 12px Arial;
padding-top:5px;
text-align:left;
color:#333333;
}

.signup_formright{
width:195px;
float:left;
height:24px;
background:url(http://content.herosmack.com/images/signup_namebox.png) left top no-repeat;
}

.signup_formright input{
width:170px;
height:20px;
border:0px;
background-color:transparent;
padding:5px 0px 0px 8px;
}

.signup_frmbtn{
float:right;
padding:0 20px 0 0;
margin-top:-48px;
position:relative;
z-index:10;
}

.signup_frmbtn input{
width:150px;
height:47px;
background:url(http://content.herosmack.com/images/signup_regbtn.png) left top no-repeat;
background-color:transparent;
border:0px;
cursor:pointer;
}
.signup_frmbtn_1{
float:right;
padding:24px 8px 0px 0px;
width:500px;

}

.signup_frmbtn_1 input{
width:150px;
height:47px;
background:url(http://content.herosmack.com/images/updateprofile.png) left top no-repeat;
background-color:transparent;
border:0px;
cursor:pointer;
padding-right:0px;
}

/*************************** Profile Page Layout ***********************/

.profile_centerpart{
width:968px;
margin:-4px 0px 0px 18px;
background:url(http://content.herosmack.com/images/profile_centerbg.png) left top no-repeat;
float:left;
}

.profile_toppart{
width:947px;
float:left;
margin:12px 0px 0px 12px;
background:#000000;
}

.ptxt_top{
width:947px;
height:5px;
background:url(http://content.herosmack.com/images/profile_tr.gif) right top no-repeat;
}

.ptxt_md{
width:947px;
background:#000000;
text-align:left;
font:bold 18px Arial;
color:#ffffff;
text-indent:10px;
}

.ptxt_md span{
color:#67a70d;
padding-left:10px;
}

.ptxt_btm{
width:947px;
height:5px;
background:url(http://content.herosmack.com/images/profile_br.gif) right top no-repeat;
}

.profile_conpart1{
width:947px;
clear:both;
margin-left:12px;
padding-top:8px;
}

.profile_col1{
float:left;
width:634px;
background:#000001;
padding-bottom:15px;
}

.profile_col2{
float:left;
width:305px;
margin-left:8px;
padding-top:5px
}

.profile_advtxt{
width:79px;
height:11px;
background:url(http://content.herosmack.com/images/profile_advtxt_bg.gif) left top no-repeat;
text-align:center;
color:#000000;
line-height:11px;
float:right;
margin-right:20px;
}
.profile_advtxt_1{
width:79px;
height:11px;
background:url(http://content.herosmack.com/images/profile_advtxt_bg.gif) left top no-repeat;
text-align:center;
color:#000000;
line-height:11px;
float:right;
margin-right:0px;
margin-top:-9px;
}

.profile_advimg{
text-align:left;
}


.ironheadpart{
width:147px;
float:left;
padding-top:25px;
margin-left:20px;
}

.ironhead_txt{
text-align:center;
font:bold 14px Arial;
color:#67a70d;
padding-top:5px;
}

.ironhead_parapart{
width:272px;
float:left;
margin-left:10px;
padding-top:25px;
}

.ironhead_paratit{
font:bold 12px Arial;
color:#ffffff;
}

.ironhead_para{
padding-top:20px;
width:230px;
text-align:justify;
line-height:20px;
}

.ironhead_btn{
margin-top:45px;
width:101px;
height:37px;
background:url(http://content.herosmack.com/images/befriend_btn.jpg) left top no-repeat;
text-align:center;
font:bold 12px Verdana;
line-height:37px;
}

.profile_infopart{
width:171px;
float:left;
padding-top:10px;
}

.profile_infomd{
width:175px;
background:url(http://content.herosmack.com/images/info_md.gif) left top repeat-y;
}

.info_toptxt{
width:175px;
text-align:center;
}

.info_line{
width:175px;
text-align:center;
padding-top:5px;
}

.info_list{
width:175px;
padding-top:10px;
}

.info_list li
{
font:bold 12px Arial;
color:#a70a0a;
margin-left:10px;
text-align:left;
height:30px;
}
.accdec
{
font:bold 12px Arial;
color:#333333;
margin-left:10px;
text-align:left;
height:25px;
}
.memberlist
{
font:bold 12px Arial;
color:#a70a0a;
margin-left:20px;
text-align:left;
height:30px;
}
.memberlist1
{
font:bold 12px Arial;
color:#ffffff;
margin-left:20px;
text-align:left;
height:30px;
}
.memberlista
{
font:bold 12px Arial;
color:#a70a0a;
margin-left:20px;
text-align:left;
height:30px;
text-decoration:none;
}
.memberlista:hover
{
font:bold 12px Arial;
color:#a70a0a;
margin-left:20px;
text-align:left;
height:30px;
text-decoration:underline;
}
.overmemberlist:hover
{
background-color:#669966;
color:#000000;

}

.info_list li span{
color:#ffffff;
text-align:left;
}

.profile_gamepart{
width:947px;
clear:both;
margin-left:12px;
padding-top:20px;
}

.profile_gcols1{
width:316px;
float:left;
position:relative;
z-index:3;
}

.profile_game1_top{
width:316px;
text-align:center;
/* background:url(http://content.herosmack.com/images/profile_game1_top.gif) left top no-repeat; */
height:22px;
padding-top:5px;
}

.profile_game2_top{
width:316px;
text-align:center;
background:url(http://content.herosmack.com/images/profile_game2_top.png) left top no-repeat;
height:22px;
padding-top:5px;
}

.profile_game1_md{
width:308px;
/*background:#011f4a; */
padding:5px 0px 0px 8px;
}

.profile_game2_md{
width:308px;
background:url(http://content.herosmack.com/images/profile_game2_md.png) left top repeat-y;
padding:5px 0px 0px 8px;
}
.profile_game1_btm
{
width:316px;
height:5px;
/*background:url(http://content.herosmack.com/images/profile_game1_btm.gif); */
background-repeat:no-repeat;
}
.profile_gameimg{
padding: 0px 0px 12px 0px;
}

.pgame_img1{
background:none;
}

.pgame_img1 img{
border:1px solid #000000;
}

.profile_gcols2{
width:316px;
float:left;
margin-left:7px;
position:relative;
z-index:2;
}

.profile_gcols3{
width:300px;
float:left;
/*
background:#5f7698;
*/
background:#061d3d;
margin-left:8px;
padding:5px 0px 22px 0px;
}

.profile_game3_top{
width:288px;
height:21px;
background:url(http://content.herosmack.com/images/myfriendtxt_bg.gif) left top no-repeat;
margin-left:5px;
text-align:center;
padding-top:5px;
}

.myfriend_imgpart{
width:300px;
padding-top:20px;
clear:both;
}

.mf_img1{
width:82px;
float:left;
margin-left:12px;
}

.mfimg{
border:1px solid #000000;
width:80px;
}

.mftxt{
font:bold 14px Arial;
color:#fff;
padding-top:16px;
text-align:center;
width:82px;
}

/*************************** Popup Page Layout *************************/

a.tt{
position:relative;
display:block;
}

a.tt span{ 
display:none;
 }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:35px; left:200px;		
	cursor:pointer;
}


.popup{
width:386px;
height:181px;
background:url(http://content.herosmack.com/images/popup_bg.png) left top no-repeat;
position:relative;
z-index:1;
}
.popup1{
width:386px;
height:181px;
background:url(http://content.herosmack.com/images/popup_bg.png) left top no-repeat;
position:relative;
z-index:1;
}



.popup_txt1{
font:bold 15px "Trebuchet MS";
color:#000000;
padding:10px 0px 0px 1px;
height:25px;
text-align:center;
}

.popup_parabg{
width:290px;
height:55px;
background:url(http://content.herosmack.com/images/popup_parabg.png) left top no-repeat;
margin-left:79px;
}

.popup_parabg p{
width:275px;
color:#aa1f0f;
padding:5px 0px 0px 10px;
text-align:justify;
}

.popup_catpart{
padding:15px 0px 0px 85px;
}

.popup_catleft{
font:bold 15px "Trebuchet MS";
color:#7b0f02;
float:left;
width:195px;
}

.popup_catright{
float:left;
color:#c41928;
padding-top:4px;
}

.popup_btmpart{
float:left;
padding:15px 0px 0px 85px;
}

.popup_btmtxt1{
font:bold 15px "Trebuchet MS";
color:#000000;
float:left;
}

.popup_starpart{
float:left;
padding-left:5px;
width:130px;
}

.popup_starpart div{
float:left;
padding-left:1px;
}

.popup_btmtxt2{
float:left;
color:#020202;
padding-top:15px;
width:98px;
}




/**************************** Footer Part Layout ***********************/

.footerpart{
clear:both;
width:1000px;
height:156px;
background:#000000 url(http://content.herosmack.com/images/footerbg.jpg) left top no-repeat;
position:relative;
}


.fleft{
width:840px;
float:left;
padding:82px 0px 0px 5px;
}

.fmenu{
width:550px;
height:28px;
}

.fmenu ul{
margin:0px;
padding:0px;
}

.fmenu li{
float:left;
font-size:12px;
background:url(http://content.herosmack.com/images/fmenu_img.gif) right 3px no-repeat;
padding:0px 15px 0px 15px;
}

.fmenu li a:hover{
text-decoration:underline;
}

.copytxt{
clear:both;
color:#163f7d;
text-indent:15px;
height:20px;

}

.righttxt{
color:#7bb204;
text-indent:15px;
}

.righttxt span{
color:#484a45;;
padding:0px 5px 0px 5px;
}


.righttxt a{
color:#484a45;
}

.righttxt a:hover{
text-decoration:underline;
}

.fright{
float:right;
width:160px;
padding-top:123px;
font-size:10px;
color:#ffffff;
}

.fright a:hover{
text-decoration:underline;
}
.mainftop
{
background-image:url(http://content.herosmack.com/images/cb_paratopbg.gif);
background-repeat:no-repeat;
width:973px;
height:61px;
}
.mainfbott
{
margin-left:29px;
float:right;
background-image:url(http://content.herosmack.com/images/cb_parabtmbg.gif);
background-repeat:no-repeat;
width:944px;
height:5px;
}
.center_contentbtm
{

background-image:url(http://content.herosmack.com/images/newgame_centerbtm.jpg);
background-repeat:no-repeat;
float:left;
width:951px;
height:6px;

}
.center_contentbtm_dark
{

background-image:url(http://content.herosmack.com/images/newgame_centerbtm_dark.jpg);
background-repeat:no-repeat;
float:left;
width:951px;
height:6px;

}
.hpimg1
{

background-repeat:no-repeat;
width:305px;
height:270px;
float:right;

}
.mainbotttext
{
font-family:Tahoma;
font-size:11px;
color:#FFFFFF;

}

.mainbotttext a
{
text-decoration:underline;
}

.mainbotttext a:hover
{
text-decoration:none;
}

.mainbotttext a:visited
{
text-decoration:underline;
}

.playhptop
{
background-image:url(http://content.herosmack.com/images/ngame_imgtop.png);
background-repeat:no-repeat;
width:305px;
height:5px;
}
.infotop
{
background-image:url(http://content.herosmack.com/images/info_top.gif);
background-repeat:no-repeat;
width:175px;
height:14px;
}
.playhpmidd
{
width:305px;
background-color:#000000;
}
.playhpbott
{
background-image:url(http://content.herosmack.com/images/newgame_imgbtm.png);
background-repeat:no-repeat;
width:305px;
height:5px;

}
.commentboxtop
{
background-image:url(http://content.herosmack.com/images/cmtbox_top.gif);
background-repeat:no-repeat;
width:360px;
height:27px;

}
.commentboxbott
{
background-image:url(http://content.herosmack.com/images/cmtbox_btm.gif);
background-repeat:no-repeat;
width:360px;
height:8px;

}
.commentboxpertop
{
background-image:url(http://content.herosmack.com/images/usercmt_top.gif);
background-repeat:no-repeat;

height:9px;

}
.commentboxperbott
{
background-image:url(http://content.herosmack.com/images/usercmt_btm.gif);
background-repeat:no-repeat;
height:9px;

}
.afterlogintop
{
background-image:url(http://content.herosmack.com/images/alogin_topbg.png);
background-repeat:no-repeat;
height:5px;
width:207px;
}
.afterloginbott
{
background-image:url(http://content.herosmack.com/images/alogin_btmbg.png);
background-repeat:no-repeat;
height:5px;
width:207px;
}
.popstarimg
{
background-image:url(http://content.herosmack.com/images/popup_star1.png);
background-repeat:no-repeat;
height:22px;
width:23px;
}
.popstarimg1
{
background-image:url(http://content.herosmack.com/images/popup_star2.png);
background-repeat:no-repeat;
height:22px;
width:23px;
}
.rating1
{
background-image:url(http://content.herosmack.com/images/rating1.png);
background-repeat:no-repeat;
height:25px;
width:122px;
border:0px solid #ff0000;
}
.rating0
{
background-image:url(http://content.herosmack.com/images/rating0.png);
background-repeat:no-repeat;
height:25px;
width:122px;
border:0px solid #ff0000;
}

.rating2
{
background-image:url(http://content.herosmack.com/images/rating2.png);
background-repeat:no-repeat;
height:25px;
width:122px;
}
.rating3
{
background-image:url(http://content.herosmack.com/images/rating3.png);
background-repeat:no-repeat;
height:25px;
width:122px;
}
.rating4
{
background-image:url(http://content.herosmack.com/images/rating4.png);
background-repeat:no-repeat;
height:25px;
width:122px;;
}
.rating5
{
background-image:url(http://content.herosmack.com/images/rating5.png);
background-repeat:no-repeat;
height:25px;
width:122px;
}
.popstarimg2
{
background-image:url(http://content.herosmack.com/images/popup_star3.png);
background-repeat:no-repeat;
height:22px;
width:23px;
}
.invalidlogin
{
margin-top:-2px;

width:250px;
border:0px solid #ff0000;
text-align:center;
}
.profile_favourb
{
background-image:url(http://content.herosmack.com/images/newgame_imgbtm.png); background-repeat:no-repeat; height:5px; width:305px;
}
.profile_favourt
{
background-image:url(http://content.herosmack.com/images/ngame_imgtop.png); background-repeat:no-repeat; height:5px; width:305px;
}
.profile_favourb_ind
{
background-image:url(http://content.herosmack.com/images/newgame_imgbtm.png); background-repeat:no-repeat; height:5px; width:305px;
}
.profile_favourt_ind
{
background-image:url(http://content.herosmack.com/images/ngame_imgtop.png); background-repeat:no-repeat; height:5px; width:305px;
}
.profiletexttop
{
background-image:url(http://content.herosmack.com/images/profile_tl.gif);
background-repeat:no-repeat;
height:5px;
width:5px;
}
/* my styles Browse page*/
.pagestyle
{
	margin-left:-25px; 
}
.es_centerbottomspace
{
	height:15px;
	padding-bottom:30px;
	width:50px;
}
.es_bottomadv
{
	padding-left:120px;
	padding-top:50px; 
}
/* my styles inBetween page*/
.es_topadv
{
	padding-left:228px;
}
.es_newgamepartstart
{
	padding-left:10px;
	padding-top:10px;
}
.es_gameplay_content
{
	margin-top:6px;
}
.es_bottomadv_in
{
	padding-left:80px;
	padding-top:30px; 
}
.es_newgameimg_txtbg3
{
	margin-left:156px;
}
/* Mt style Register Page */
.es_r_centerpart
{
	padding-left:2px; 
	margin-top:-3px; 
}
.es_r_gameplay_content
{
	top:-2px;
	border:0px solid #ff0000;
}
.es_r_browse_btmadv
{
	padding-top:20px;
}
.es_r_atm_advbg
{
	padding-top:20px; 
	padding-left:100px;
}
.es_r_signuptext
{
	font-weight:bold;
	text-align:center;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
}
.es_r_formwidth
{
	width:100%;
}
.es_r_headerContentText
{
	height:18px;
}
/* Overall Page */
.es_o_logout
{
	text-align:center;
}
.es_o_centerpart
{
	border:0px solid #ff0000;
	margin-top:-4px;
}
.es_o_tsearchpart
{
	vertical-align:bottom;
}
.es_o_alogin_txt1
{
	text-align:center;
}
.es_o_userboxpart
{
	padding-right:14px;
	border:0px solid #ff0000;
}
.es_o_form
{
	width:100%;
}
.es_o_fmenu
{
	padding-left:10px;
}
/* Editprofile Page */
.es_ep_main_section_box
{
	padding-left:50px;
	padding-top:45px;
	border:0px solid #ff0000;
}
.es_ep_main_section_headers
{
	text-align:left;
	margin-left:-30px;
}
.es_ep_main_section_content
{
	text-align:left;
}
.es_ep_password
{
	margin-left:1px;
}
/* Profile Page */
.es_p_atm_advbg
{
	padding-left:230px;
}
.es_p_adv_bott
{
	padding-left:125px;
	background-color:#173F7D;
	padding-top:30px;
}
.es_main
{
	height:15px;
	padding-bottom:30px;
	width:50px;
	border:0px solid #ff0000;
}
.es_m_center_content
{
margin-top:10px;
}
/* Template function */
.es_tf_popupcomment
{
	width:400;
	border:1px solid #000000;
}
.es_pagination
{
/*background-image:url(http://content.herosmack.com/images/ngame_imgtop.png); background-repeat:no-repeat; height:5px; width:305px;*/
}
.es_paging_bleft
{
background-image:url(http://content.herosmack.com/images/browse_numleft.jpg); background-repeat:no-repeat; height:29px; width:6px;
}
.es_paging_bright
{
float:left;
	background-image:url(http://content.herosmack.com/images/browse_numright.jpg);
	background-repeat:no-repeat; 
	height:29px;
	width:6px;
}
.es_paging_bg
{
width:1000px;
background:url(http://content.herosmack.com/images/center_bg.jpg) left top repeat-y;
clear:both;
}
.es_browsebg
{
width:963px;
background:url(http://content.herosmack.com/images/browsebg.jpg) left top repeat-y;
clear:both;
}
.es_pageleftmenu
{
width:963px;
background:url(http://content.herosmack.com/images/menu_left.png);
clear:both;
}
.es_pageno
{
 margin-top:10px; border:0px solid #ff0000; text-align:center;

 }
 /* Browse page */
 .es_br_main_section_box
 {
 	margin-top:50px; 
 }
 .es_br_main_section_headers
 {
	 border:0px solid #ff0000; 
	 padding-left:10px;
 }
 .es_bpage
 {
	 margin-top:0px; 
	 border:0px solid #ff0000; 
	 margin-left:-25px;
 }
 .es_br_bg1
 {
	 background-color:#173F7D;
 }
 .es_br_menumd
 {
 align:center;
background:url(http://content.herosmack.com/images/pbg.png);
background-repeat:no-repeat;
height:4px;
text-align:center;
 }
 .es_br_pageno
 {
 	text-align:center;
	
 }
 .es_in_left
 {
	 margin-left:-26px;
 }
 .es_br_width
 {
	 width:100%;
 }
 .es_br_title
 {
	 float:left;
	 width:700px;
 }
 .es_br_nt
 {
	 margin-left:700px; 
 }

 .es_pagebg
 {
	border:0px solid #ff0000;
	background:url(http://content.herosmack.com/images/center_bg1.jpg) left top repeat-y;
	margin-left:-24px; 
		width:1002px; 
 }
 .es_pagingleftbg
 {
	background:url(http://content.herosmack.com/images/pagingleftbg.jpg);
 }
 .es_menu_right
 {
	 background:url(http://content.herosmack.com/images/menu_right.png);
	 background-repeat:no-repeat;
	  width:13px;
	 height:59px;
 }
 .es_menu_left
 {
	 background:url(http://content.herosmack.com/images/menu_left.png);
	 background-repeat:no-repeat;
	 width:7px;
	 height:59px;
	 margin-left:4px;
 }
  .es_pagebg1
 {
	border:0px solid #ff0000;
	width:982px;
	background:url(http://content.herosmack.com/images/center_bg1.jpg) left top repeat-y;
	margin-left:0px;  
 }
 .es_over_h
 {
 overflow-x:hidden;
 }
 .es_thumptop
 {
	background:url(http://content.herosmack.com/images/ngame_imgtop.png);
	background-repeat:no-repeat;
	width:305px;
	height:5px;
 }
 .es_thumpbot
 {
	background:url(http://content.herosmack.com/images/newgame_imgbtm.png);
	background-repeat:no-repeat;
	width:305px;
	height:5px;
 }
 .gameFlashBoxTitle1
 {
 color:#333333;
 }
 .gameFlashBoxTitle_span
 {
  color:#333333;
  width:600px;
 }

/********************* added from style.css *********************/

body
{
	margin:				0px;
	font-family:		Tahoma, Verdana, sans-serif;
	font-size:			12px;
	color:				#FFFFFF;
}

.textbox
{
	height:				18px;
	width:				180px;
	font-family:		Tahoma, Verdana, sans-serif;
	font-size:			12px;
	padding-left:		3px;
	border:				1px solid #000000;

}

.textboxOver
{
	height:				18px;
	width:				60px;
	font-family:		Tahoma, Verdana, sans-serif;
	font-size:			12px;
	padding-left:		3px;
	border:				1px solid #000000;
}

h1
{
	font-size:			28px;
	font-weight:		bold;
	font-family:		Tahoma, Verdana, Arial, Helvetica;
	margin:				0px;
}

h2

{

	font-size:			14px;

	font-weight:		bold;

	font-family:		Tahoma, Verdana, Arial, Helvetica;

	margin:				0px;



}

h3

{

	font-size:			14px;

	font-weight:		bold;

	font-family:		Tahoma, Verdana, Arial, Helvetica;

	margin:				0px;

}

p

{

	font-size:			9px;

}

a:link

{

	color:				#FFFFFF;

	text-decoration:	none;



}

a:visited

{

	color:				#FFFFFF;

	text-decoration:	none;

}

a:hover

{

	color:				#FFFFFF;

	text-decoration:	none;

}



/***************************************** Overall ******************************************/

.outerOuterTable

{

	width:				970px;

	background-color:	#444444;

	border-left:		1px solid #FFFFFF;

	border-right:		1px solid #FFFFFF;

	border-bottom:		1px solid #FFFFFF;

	margin-bottom:		5px;



}



.outerHeaderDiv

{

	width:				100%;

	height:				100px;

	position:			relative;

}

.outerLeftDiv

{

	width:				160px;

	float:				left;

}

.outerRightDiv

{

	width:				160px;

	float:				left;

}

.outerMiddleDiv

{

	width:				650px;

	float:				left;

}

.outerFooterDiv

{

	width:				100%;

	font-size:			10px;

	text-align:			center;

	float:				left;

}

.buttonLinkDiv

{

	height:				125px;

}

/***************************************** Main Header ******************************************/



.headerDiv

{

	padding-left:		10px;

	padding-right:		10px;

	height:				100px;

	background-image:	url(http://content.herosmack.com/images/headerBG.jpg);

	background-repeat:	no-repeat;

	background-position:0px 0px;

}

.headerContentTextLabel

{

	color:				#FFFFFF;

	font-weight:		bold;

	font-size:			12px;



}

.headerContentText

{

	height:				16px;

	width:				110px;

	font-family:		Tahoma, Verdana, sans-serif;

	font-size:			12px;

	padding-left:		3px;

	border:				1px solid #000000;

}



/********************************* Game Thumbs ****************************/



.gameThumbOuterDiv

{

	float:				left;

	width:				305px;

	height:				130px;

	margin-right:		3px;

	border:				0px solid #000000;

	position:			relative;

}

.gameThumbImg

{

	width:				80px;

	height:				80px;

	position:			absolute;

	z-index:			100;

}
/* Thu Style */

.newgame_img{
padding-bottom:4px;
z-index:0;
position:relative;

}
.newgameimg_txtbg{
position:absolute;
top:109px;
left:3px;
background:url(images/ngameimg_namebg.png) left top repeat-x;
height:20px;
width:298px;
text-indent:100px;
font:bold 11px Verdana;
color:#ffffff;
line-height:20px; 
}

.ngame_img1{
width:305px;
background:#000000;
text-align:center;
}

.hpimgt1
{
background-image:url(http://content.herosmack.com/images/ngame_imgtop.png);
background-repeat:no-repeat;
width:305px;
height:5px;
border:0px solid #ff0000;
}
.hpimgb1
{
background-image:url(http://content.herosmack.com/images/newgame_imgbtm.png);
background-repeat:no-repeat;
width:305px;
height:5px;
}
.over_center_bg
{
width:1000px;
background:url(http://content.herosmack.com/images/center_bg.jpg) left top repeat-y;
}

/*********************************** END ***********************************/