@charset "utf-8";

html, body {height: 100%; margin: 0px; padding: 0px;}
html {}
body { height: 980px; min-height: 980px;  position: relative; left: 0px; top: 0px; border: 0px; }

/* original background color #01063F  , halloween 101518  */

body.default { background:  #01063F url('../i/gradiens_1x2000.jpg') center top repeat; }  /* background pic in bgmiddle div! */
/* body.default { background:  #01063F url('../i/bg_body.jpg') center top no-repeat; }  */
body.compact { background: #01063F url('../i/bg_body_compact.jpg') center top no-repeat; }

html, body, div, h1, h2, h3, h4, h5, h6, p, a, ul, ol, li, dl, dt, dd, sup, sub, form, label, input, textarea, select, fieldset, legend, table, th, td {font-family: tahoma, arial, helvetica, sans-serif; font-size: 11px; line-height: 13px; color: #777777;}
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, sup, sub, form, label, input, textarea, select, fieldset, legend, object, embed {text-align: left; vertical-align: top;}
div, h1, h2, h3, h4, h5, h6, p, a, ul, ol, li, dl, dt, dd, sup, sub, img, span, form, label, input, textarea, select, fieldset, legend, object, embed, table, th, td {margin: 0px; padding: 0px; border: 0px;}
input, textarea, select, object, embed, table, tr, th, td {border-spacing: 0px; border-collapse: collapse;}
div, object, embed, form, fieldset, legend, h1, h2, h3, h4, h5, h6, p, ol, ul, dl, dt, dd {display: block;}
a, span {display: inline;}
li {display: list-item;}
a {text-decoration: none; color: #404040; outline: none;}
a:hover {text-decoration: underline; color: #404040; outline: none;}
input, textarea, select {border: solid 1px #d0d0d0; outline: none;}

div.clearboth {position: relative; display: block; float: none; clear: both; left: 0px; top: 0px; width: 1px; height: 0px; margin: 0px 0px 0px 0px; padding: 0px; overflow: hidden; visibility: hidden;}

div.container {position: relative; left: 0px; top: 0px; width: 949px; height: auto !important; min-height: 100% !important; height: 100%; color: #808080; margin: 0px auto 0px auto;}

div.ad_top { position: relative; left: 0px; top: 0px; width: 927px; height: 105px; margin: 0px 11px 18px 10px; }
div.ad_top div.adbg {position: absolute; left: 0px; top: 3px; width: 785px; height: 102px; background: url('../i/ad_top_bg_785.gif') 0px 0px no-repeat; filter: alpha(opacity=40); -moz-opacity: 0.40; opacity: 0.40;}
div.ad_top div.ad {position: absolute; left: 17px; top: 32px; width: 16px; height: 66px; background: url('../i/ad_only_vertical.gif') 0px 0px no-repeat;}
div.ad_top div.advert {position: absolute; left: 17px; top: 8px; width: 744px; height: 90px; }

div.ad_right {position: absolute; left: 806px; top: 209px; width: 132px; height: 633px;}
div.ad_right div.adbg {position: absolute; left: 0px; top: 0px; width: 132px; height: 633px; background: url('../i/ad_right_bg.gif') 0px 0px no-repeat; filter: alpha(opacity=40); -moz-opacity: 0.40; opacity: 0.40;}
div.ad_right div.ad {position: absolute; left: 6px; top: 8px; width: 66px; height: 16px; background: url('../i/ad_only.gif') 0px 0px no-repeat;}
div.ad_right div.advert {position: absolute; left: 6px; top: 8px; width: 120px; height: 616px; }

a.home { 
	display:block; height:64px; width:343px;
	position:absolute; left:183px;
	top:-10px; z-index: 10;
}
a.home span { display: none }

div.main {position: relative; left: 0px; top: 40px; width: 806px; height: 383px; margin: 0px 0px 0px 0px;}

div.main div.bg {position: absolute; left: 8px; top: 26px; width: 806px; height: 345px; 
z-index: 5; }
body.default div.main div.bg { background: url('../i/main_bg.png') 0px 0px no-repeat; z-index:2 }

div.main div.bg_mddl {position: absolute; left: -2px; top: -7px; width: 785px; margin: 301px 0 0 11px; height: 0px; z-index: 3;}
body.default div.main div.bg_mddl { background-color: #fff; }

div.main div.bg_bttm { position: absolute; left: -2px; bottom: 7px; width: 806px; height: 39px; z-index: 8;}
body.default div.main div.bg_bttm { background: url('../i/main_bg_bttm.png') 0 0 no-repeat; }

body.home div.main div.bg_bttm { display: none }
body.gamesite div.main div.bg_bttm { display: block }

div.main div.synergybar { position: absolute; left: 11px; top: -53px; width: 785px; height: 40px; z-index: 50;}
div.main div.swf {position: absolute; left: 11px; top: 80px; width: 795px; height: 258px; z-index: 60;}

div.main div#promobox { z-index: 500; }


div.main div.sponsor { position:absolute;left: 630px; top:-14px; width: 160px; height: 70px; z-index: 70; }

div.thumb {position: relative; left: 0px; top: 0px; width: 806px; height: 384px; margin: 33px 0px 0px 0px;}
div.thumb div.swf {position: absolute; left: 11px; top: 0px; width: 785px; height: 349px; z-index:100;

}

body.home div.thumb { margin-top:-3px }
body.gamesite div.thumb { margin-top:33px }

div.foot {position: relative; left: 0px; top: 0px; width: 806px; height: 411px; margin: -6px 0px 0px 0px; z-index: 10;}
/* JUPITER MOD */
div.foot div.bg {position: absolute; left: 0px; top: 0px; width: 806px; height: 429px; background: url('../i/foot_bg_jp.png') 0px 0px no-repeat; z-index: 1;}

div.foot div.ad_foot {position: absolute; left: 25px; top: 36px; width: 313px; height: 283px; z-index: 100;}
/* JUPITER MOD */ 
div.foot div.ad_foot div.adbg {position: absolute; left: 0px; top: 0px; width: 313px; height: 295px; background: url('../i/ad_foot_bg_jp.gif') 0px 0px no-repeat;}
div.foot div.ad_foot div.ad {position: absolute; left: 6px; top: 10px; width: 66px; height: 16px; background: url('../i/ad_only.gif') 0px 0px no-repeat;}
div.foot div.ad_foot div.advert {position: absolute; left: 6px; top: 10px; width: 300px; height: 266px; /*background: #A6ADC8;*/}


div.foot div.ad_foot_bttm {position: absolute; left: 353px; top: 192px; width: 430px; height: 142px; z-index: 100;}
div.foot div.ad_foot_bttm div.adbg {position: absolute; left: 0px; top: 0px; width: 430px; height: 142px; background: url('../i/ad_foot_bttm_bg.gif') 0px 0px no-repeat;}
div.foot div.ad_foot_bttm div.ad {position: absolute; left: 6px; top: 10px; width: 66px; height: 16px; background: url('../i/ad_only.gif') 0px 0px no-repeat;}
div.foot div.ad_foot_bttm div.advert {position: absolute; left: 7px; top: 13px; width: 418px; height: 100px; }


div.foot div.swf {position: absolute; left: 349px; top: 32px; width: 434px; height: 285px; z-index: 100;}

/* JUPITER MOD */
div.foot div.footer {position: absolute; left: 11px; top: 368px; width: 785px; text-align: center; z-index: 100;}
div.foot div.footer div {position: relative; text-align: center;}
div.foot div.footer div table {position: relative; margin: 0px auto 0px auto;}
div.foot div.footer div table td {color: #1C425B; padding: 0px 4px 0px 4px !important; margin: 0px;}
div.foot div.footer div table td a {margin: 0px; padding: 0px;}
div.foot div.footer div table td div {color: #1C425B; margin-top: 4px;}

div.close {position: relative; left: 0px; top: 0px; width: 949px; height: 96px; margin: -31px 0px 0px 0px; /*background: url('../i/bg_html_bottom.jpg') center 0px no-repeat;*/ z-index: 1;}


div.popLayer { position:absolute; z-index:10001; left:0; width: 96%; margin-top: 142px; text-align: center; display:none;  
background: url('../i/blank.gif') repeat } 
div.popLayer div.content { padding: 0 4px 3px; background-color: #FFF; border: solid 2px #333; width: 779px; margin: 0 auto; }
div.popLayer div.head { height: 25px; width: 779px;	background: url('../i/bg_pop.gif') repeat-x 0 1px; }
div.popLayer div.head a { display: block;	height: 22px; width: 84px;	float:right; background: url('../i/close.gif') repeat-x 0 0; }
div.popLayer div.popLayerContent { 
	padding: 2px 0 0; clear: right; float: none; 
	background: url('../i/loading.gif') no-repeat center center;
	min-height:360px; height:auto !important; height:360px;
}
div.helpLayer { position:absolute; z-index:10002; left:0; width: 96%; margin-top: 200px; text-align: center; display:none; }
div.help { background-color: #FFF;	width: 710px; height: 580px; margin: 0 auto; border: solid 1px #000; position: relative; left: -35px; }

/* compact */

body.compact div.main div.synergybar { position: absolute; left: 11px; top: 67px; width: 785px; height: 40px; z-index: 50;}

body.compact div.main {position: absolute; left: 0px; top: 40px; width: 806px; height: 100px; margin: 0px 0px 0px 0px;
z-index: 10;
}

body.compact div.main div.sponsor { position:absolute;left: 789px; top: 99px; width: 160px; height: 70px; z-index: 70; }

/*body.compact div.main div.bg {position: absolute; left: 8px; top: 26px; width: 806px; height: 345px; 
z-index: 5;}*/
body.compact div.main div#bg { display: none; background: url(none) }
body.compact div.main div#bg_middle { display: none; background: url(none) }
body.compact div.main div#bg_bottom { display: none; background: url(none) }

body.compact div#promobox { position: absolute; top: 0px; z-index: 200 }
body.compact a.home {
	top: 90px; left: 280px;
}

body.compact div.thumb { /*margin-top: 83px */

position: absolute; left: 1px; top: 100px; width: 806px; height: 454px; 
z-index: 50;
/*margin: 33px 0px 0px 0px;*/

/*border: dotted 1px #f20;*/
top: 190px;
}
body.home.compact div.thumb,
body.gamesite.compact div.thumb { margin-top:0 }
body.compact div.thumb div.swf { /*top: -363px;*/ position: relative }
body.compact div#promobox { display: none; border: solid 1px #3581ae; background-color: #fff; }
body.compact div.foot { top: 585px; }
body.compact div.close { top: 585px }
/* /compact */

div#debug {
	padding: 2px 6px; background-color: #fff; border: solid 1px #fff;
	position: absolute; left: 0; top: 0; z-index: 5000;
}

/* JUPITER ADDONS  */

div#topmodul { position: relative; left: 10px; top: 20px; width: 278px; }

div#three15089promo { position: absolute;	left: 288px; top: 20px; }

div.promo15089 { position: relative; margin-bottom: 6px; }

div#top3banner { position: absolute; left: 347px; top: 25px; width: 442px; height: 306px; background: url('../i/topgame3p_bg.png') 0px 0px no-repeat; z-index:4}

div#bgmiddle { width: auto;  height: auto; background:  url('../i/bg_body.jpg') center top no-repeat;  }