@charset "utf-8";

div#lp-topbar{ height:18px; width:100%; background: url(/images/gfx/1/aop_lp_topbar.jpg) repeat-x 0 0;}
div#lp-topbar div.headline{ width:955px; height:18px; margin:0 auto; font-family: Arial, Helvetica, sans-serif; color:#fffcda; font-size:9px; line-height: 14px;}
div.lp-contback{ width:100%; margin:0 auto; height:764px; background: url(/images/gfx/1/lp-containerback.jpg) repeat-x 0 0;}
div#lp-container{ width:100%; margin:0 auto; height:764px; background: url(/images/gfx/1/aop_lpback_1920.jpg) no-repeat 0 0; background-position:top center;}
div#lp-container div.lp-subcontainer { width:494px; margin:0 auto;}
div#lp-container div.lp-subcontainer div.language{ background: url("/images/gfx/1/aop_lp_lang.gif") no-repeat scroll 0 0 transparent; height:54px; width:163px; z-index: 5; padding:0; position:absolute; margin-left:50px; margin-left:416px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#fff461; text-shadow:0 1px 1px #000; padding-left:13px; padding-top:15px;}
div#lp-container div.lp-subcontainer div.language div.flag {float: left; height: 20px; margin-left: -6px; margin-top: 6px; width: 20px;} 
div#lp-container div.lp-subcontainer div.language div.flag a{ display:block; width:20px; height:20px; margin:0; padding:0;}
div#lp-container div.lp-subcontainer div.language div.flag a img{border:0px solid;}
div#lp-container div.lp-subcontainer div.language div.flagtext { width:99px; height:20px; float:left; margin-top:10px;}
div#lp-container div.lp-subcontainer div.lplogo{ width:342px; height:178px; background:url(/images/gfx/1/aop_lp_logo.gif) no-repeat 0 0; margin-left:70px;}
div#lp-container div.lp-subcontainer div.lplogo a{  width:342px; height:178px; display:block; outline-style:none;}
div#lp-container div.lp-subcontainer div.lplogo h1{ margin:0 auto; padding:0; height:0; width:342px;}
div#lp-container div.lp-subcontainer div.lplogo span{ display: block; text-indent: -500em;}
div#lp-container div.lp-subcontainer div.chain{ width:422px; height:45px; background: url(/images/gfx/1/aop_lp_chains.gif) no-repeat 0 0; margin-left:36px; margin-top:10px;}
div#lp-container div.lp-subcontainer div.login{ width:223px; height:54px; background: url(/images/gfx/1/aop_lp_loginbutton.jpg) no-repeat 0 0; margin-left:24px; position:relative;}

div#lp-container div.lp-subcontainer div.login a:hover{ background-position:bottom left;}
div#lp-container div.lp-subcontainer div.registration{ width:223px; height:54px; background: url(/images/gfx/1/aop_lp_regbutton.jpg) no-repeat 0 0; margin-left:247px; margin-top:-54px; position:relative;}
#lp-footer{}

div#lp-container div.lp-subcontainer div.registration a:hover{ background-position:bottom left;}

div#lp-container div.lp-subcontainer div.sshots{ background: url("/images/gfx/1/aop_lp_screenshotsback.gif") repeat scroll 0 0 transparent; height: 92px; margin-left: 3px; margin-top: 174px; position: absolute; width: 488px; z-index: 2;}
div#lp-container div.lp-subcontainer div.imgcont-left{ height: 52px; margin-left: 33px; margin-top: 203px; position: absolute; width: 188px; z-index: 2;}
div#lp-container div.lp-subcontainer div.imgcont-left div.image{ width:91px; height:52px; float:left;}
div#lp-container div.lp-subcontainer div.imgcont-left div.image a{ width:91px; height:52px; display:block; outline-style:none;}
div#lp-container div.lp-subcontainer div.imgcont-left div.image a img{ border:0px solid;}
div#lp-container div.lp-subcontainer div.imgcont-left div.image a span{  background: url("/images/gfx/1/aop_lp_sshover.png") no-repeat scroll 0 0 transparent; display:none; height: 62px; margin-left: -5px; margin-top: -57px; width: 101px;}
div#lp-container div.lp-subcontainer div.imgcont-left div.image a:hover span{ display:block;}
div#lp-container div.lp-subcontainer div.imgcont-right{ height: 52px; margin-left: 273px; margin-top: 203px; position: absolute; width: 188px; z-index: 2;}
div#lp-container div.lp-subcontainer div.imgcont-right div.image{width:91px; height:52px; float:left;}
div#lp-container div.lp-subcontainer div.imgcont-right div.image a{ width:91px; height:52px; display:block; outline-style:none;}
div#lp-container div.lp-subcontainer div.imgcont-right div.image a img{ border:0px solid;}
div#lp-container div.lp-subcontainer div.imgcont-right div.image a span{  background: url("/images/gfx/1/aop_lp_sshover.png") no-repeat scroll 0 0 transparent; display:none; height: 62px; margin-left: -5px; margin-top: -57px; width: 101px;}
div#lp-container div.lp-subcontainer div.imgcont-right div.image a:hover span{ display:block;}
div#lp-container div.lp-subcontainer div.butontext{ color: #FFD76D; font-family: Georgia,"Times New Roman",Times,serif; font-size: 10px; height: 32px;
    position: absolute; text-align: center; text-shadow: 0 1px 1px #000000; width: 204px; z-index: 8;}
div#lp-container div.lp-subcontainer div.playnow{ background: url("/images/gfx/1/aop_lp_playnow.gif") no-repeat scroll 0 0 transparent; height: 223px; margin-left: 140px; position: absolute; width: 226px;}

div#lp-container div.lp-subcontainer div.playnow a:hover{ background-position:bottom left;}
div#lp-container div.lp-subcontainer div.pnani{ background: url("/images/gfx/1/aop_pnbut.gif") no-repeat scroll 0 0 transparent; position:absolute; height: 146px; margin-left: 33px; margin-top: 17px; width: 148px; z-index:6; pointer-events:none;}

div.soldleft{ height: 664px; margin-left: -316px; margin-top: -285px; position: absolute; width: 412px; z-index: 1;}
div.soldleft div.swordani{background: url("/images/gfx/1/aop_lp_sword2.gif") no-repeat scroll 0 0 transparent; height: 206px; margin: -2px 0 0 327px; position: absolute; width: 83px;}


/*Footer*/
div#lp-footer{ width:100%; margin-top:-40px; height:221px;}
div#lp-footer div.line{ width:978px; height:84px; background:url(/images/gfx/aop_lpornament.jpg) no-repeat 0 0; margin:0 auto;}
div#lp-footer div.subcontainer { width:978px; margin:0 auto;}
div#lp-footer div.lbot { width:978px; height:63px; background:url(/images/gfx/aop_lp_lbot.jpg) no-repeat 0 0;}
div#lp-footer div.copyright{ width:978px; height:73px; background:url(/images/gfx/aop_lpcopyr.jpg) no-repeat 0 0; text-align:center;}
div.roxxlogo{ width:978px; height:94px; } 
div.rleft{ float:left; width:440px; height:84px; background: url(/images/gfx/aop_lplog1.jpg) no-repeat 0 0;}
div.roxxlogo div.rmid{ float:left; width:98px; height:84px;}
div.roxxlogo div.rmid a{  width:98px; height:84px; display:block; background: url(/images/gfx/aop_lplog2.jpg) no-repeat 0 0; outline-style:none;}
div.roxxlogo div.rmid a:hover{ background-position:bottom left;}
div.roxxlogo div.rright{ float:left; width:440px; height:84px; background: url(/images/gfx/aop_lplog3.jpg) no-repeat 0 0;} 
div#lp-footer div.copyright p{font-family:Georgia, "Times New Roman", Times, serif; font-size:9px; text-shadow: 0 1px 1px #000; text-align:center; width:672px; margin: 0 auto;}

/*Fbtab*/
div.fbreg{ width:162px; height:30px;}
div.fbreg a{ text-decoration: none; width:162px; height:30px; display:block; background:url(/images/icons/fbreg.png) no-repeat 0 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:white; text-shadow: 0 1px 1px black; line-height:19px;}
div.fbreg a:hover{ background-position:bottom left;}

/*nations*/
.nation{ width:530px; height:468px; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; font-weight:bold; color:#f6db8f; text-shadow:0px 1px 1px #000; text-align:left;}
.nat_name{ background: url(/images/gfx/nat02.png) no-repeat 0 0; width:339px; height:31px; line-height:40px; margin:0 auto; text-align: center;}
.nat_top{ width:530px; height:40px;}
.nat04{width:7px; height:40px; background: url(/images/gfx/nat04.png) no-repeat 0 0; float:left;}
.nat05{width:258px; height:40px; background: url(/images/gfx/nat05.jpg) no-repeat 0 0; float:left;}
.nat06{width:258px; height:40px; background: url(/images/gfx/nat06.jpg) no-repeat 0 0; float:left;}
.nat07{width:7px; height:40px; background: url(/images/gfx/nat07.png) no-repeat 0 0; float:left;}
.nat_nations{width:530px; height:35px; text-transform: uppercase;}
.nat08{width:7px; height:35px; background: url(/images/gfx/nat08.png) no-repeat 0 0; float:left;}
.nat09{width:258px; height:35px; background: url(/images/gfx/nat09.jpg) no-repeat 0 0; float:left; position:relative; text-align: center; line-height: 10px; letter-spacing: 3px;  }
.nat10{width:258px; height:35px; background: url(/images/gfx/nat10.jpg) no-repeat 0 0; float:left; text-align: center; line-height: 10px; letter-spacing: 3px;}
.nat11{width:7px; height:35px; background: url(/images/gfx/nat11.png) no-repeat 0 0; float:left;}
.nat_images{width:530px; height:185px;}
.nat13{width:258px; height:185px; background: url(/images/gfx/nat13.jpg) no-repeat 0 0; float:left; margin-left:7px;}
.nat14{width:258px; height:185px; background: url(/images/gfx/nat14.jpg) no-repeat 0 0; float:left;} 
.nat_texts{width:; height:;}
.nat16{width:258px; height:134px; background: url(/images/gfx/nat16.jpg) no-repeat 0 0; float:left; margin-left:7px;}
.nat17{width:258px; height:134px; background: url(/images/gfx/nat17.jpg) no-repeat 0 0; float:left;} 
.nat_bottom{width:; height:;}
.nat18{width:7px; height:43px; background: url(/images/gfx/nat18.png) no-repeat 0 0; float:left;}
.nat19{width:258px; height:43px; background: url(/images/gfx/nat19.png) no-repeat 0 0; float:left;}
.nat20{width:258px; height:43px; background: url(/images/gfx/nat20.png) no-repeat 0 0; float:left;}
.nat21{width:7px; height:43px; background: url(/images/gfx/nat21.png) no-repeat 0 0; float:left;}
.nation .nat16 p{ font-size:10px; line-height:normal; font-weight:normal; width:205px; height:89px; margin:0 auto; padding-top:5px;}
.nation .nat17 p{ font-size:10px; line-height:normal; font-weight:normal; width:205px; height:89px; margin:0 auto; padding-top:5px;}
 
 
 
.login .bot {
background:url(/images/gfx/1/aop_logreg_bot.png) no-repeat 0 0;
height:26px;
width:339px;
}

.login .mid {
background:url(/images/gfx/1/aop_logreg_back.gif) repeat-y 0 0;
margin-left:7px;
width:326px;
}

.login .mid .confirm {
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding-top:15px;
position:relative;
}

.login .mid .direction {
background:url(/images/gfx/1/aop_logreg_back4.jpg) repeat-y 0 0;
margin-left:4px;
width:319px;
}

.login .mid .direction .comp {
background:url(/images/gfx/1/aop_logreg_comp.jpg) no-repeat 0 0;
height:150px;
margin-top:8px;
width:319px;
}

.login .mid .form {
background:url(/images/gfx/1/aop_logreg_back2.jpg) no-repeat 0 0;
margin-left:4px;
width:326px;
}

.login .mid .form2 {
background:url(/images/gfx/1/aop_logreg_back3.jpg) no-repeat 0 0;
height:146px;
margin-left:4px;
width:326px;
}

.login .top {
background:url(/images/gfx/1/aop_logreg_top.png) no-repeat 0 0;
height:30px;
width:339px;
}

.loginform {
background-image:url(/images/gfx/1/aop_logreg_input.jpg);
background-repeat:no-repeat;
border:0 solid;
height:29px;
width:189px;
}

.loginform input {
background:none;
border:0 solid;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:700;
padding:7px 4px 4px 8px;
width:170px;
}

.loginstyle {
color:#f4e8a8;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-weight:700;
}

.loginstyle img {
margin-right:5px;
}
 
 
 
 aopbutton a.button {
background:url(/images/gfx/2/aop_bs_right.png) no-repeat scroll right top transparent;
color:#FFFCDA;
display:block;
float:center;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-weight:700;
height:32px;
overflow:hidden;
padding-right:3px;
text-decoration:none;
text-shadow:0 1px 1px #000;
width:auto;
}

.aopbutton a.button span,.aopbutton-red a.button span {
background:url(/images/gfx/2/aop_bs_mid.png) no-repeat scroll 0 0 transparent;
display:block;
height:36px;
line-height:23px;
padding:1px 5px 4px 8px;
text-align:center;
}

.aopbutton a.button:hover span,.aopbutton-red a.button:hover span,.aopbutton-grey a.button:hover span,.aopbutton-green a.button:hover span,.aopbutton-blue a.button:hover span,.aopbutton-yellow a.button:hover span {
background-position:0 -36px;
}

.aopbutton a.button:hover,.aopbutton-red a.button:hover,.aopbutton-grey a.button:hover,.aopbutton-green a.button:hover,.aopbutton-blue a.button:hover,.aopbutton-yellow a.button:hover {
background-position:right -36px;
color:#fffcda;
cursor:pointer;
}

.aopbutton-blue a.button {
background:url(/images/gfx/2/aop_bs_right-blue.png) no-repeat scroll right top transparent;
color:#FFFCDA;
display:block;
float:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-weight:700;
height:32px;
overflow:hidden;
padding-right:3px;
text-decoration:none;
text-shadow:0 1px 1px #000;
}

.aopbutton-blue a.button span {
background:url(/images/gfx/2/aop_bs_mid-blue.png) no-repeat scroll 0 0 transparent;
display:block;
height:36px;
line-height:23px;
padding:1px 5px 4px 8px;
text-align:center;
}

.aopbutton-green a.button {
background:url(/images/gfx/2/aop_bs_right-green.png) no-repeat scroll right top transparent;
color:#FFFCDA;
display:block;
float:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-weight:700;
height:32px;
overflow:hidden;
padding-right:3px;
text-decoration:none;
text-shadow:0 1px 1px #000;
}

.aopbutton-green a.button span {
background:url(/images/gfx/2/aop_bs_mid-green.png) no-repeat scroll 0 0 transparent;
display:block;
height:36px;
line-height:23px;
padding:1px 5px 4px 8px;
text-align:center;
}

.aopbutton-grey a.button {
background:url(/images/gfx/2/aop_bs_right-grey.png) no-repeat scroll right top transparent;
color:#FFFCDA;
display:block;
float:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-weight:700;
height:32px;
overflow:hidden;
padding-right:3px;
text-decoration:none;
text-shadow:0 1px 1px #000;
}

.aopbutton-grey a.button span {
background:url(/images/gfx/2/aop_bs_mid-grey.png) no-repeat scroll 0 0 transparent;
display:block;
height:36px;
line-height:23px;
padding:1px 5px 4px 8px;
text-align:center;
}

.aopbutton-red a.button {
background:url(/images/gfx/2/aop_bs_right.png) no-repeat scroll right top transparent;
color:#FFFCDA;
display:block;
float:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-weight:700;
height:32px;
overflow:hidden;
padding-right:3px;
text-decoration:none;
text-shadow:0 1px 1px #000;
}

.aopbutton-red,.aopbutton-grey,.aopbutton-green,.aopbutton-blue,.aopbutton-yellow {
float:left;
height:36px;
margin-right:5px;
margin-top:10px;
position:relative;
}

.aopbutton-yellow a.button {
background:url(/images/gfx/2/aop_bs_right-yellow.png) no-repeat scroll right top transparent;
color:#FFFCDA;
display:block;
float:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-weight:700;
height:32px;
overflow:hidden;
padding-right:3px;
text-decoration:none;
text-shadow:0 1px 1px #000;
}

.aopbutton-yellow a.button span {
background:url(/images/gfx/2/aop_bs_mid-yellow.png) no-repeat scroll 0 0 transparent;
display:block;
height:36px;
line-height:23px;
padding:1px 5px 4px 8px;
text-align:center;
}
 
 
 
.closebig {
height:29px;
margin-top:-6px;
width:45px;
z-index:99;
}

.closebig a {
background:url(/images/gfx/2/aop_closebig.png) no-repeat 0 0;
display:block;
height:29px;
width:45px;
}

.closesmall {
height:15px;
margin-top:-6px;
width:22px;
z-index:99;
}
 
 div.aoppopup div.poptop div.close a,div.training div.trainmid div.chainrow div.trainsold div.chain .close a,.closesmall a {
background:url(/images/gfx/2/aop_bpopclose.png) no-repeat 0 0;
display:block;
height:15px;
width:22px;
}
 
 
 
.warningmsg {
margin:0 auto;
position:relative;
width:738px;
}

.warningmsg .msg_bot {
background:url(/images/gfx/1/aop_wm03.png) no-repeat 0 0;
height:39px;
width:689px;
}

.warningmsg .msg_button {
height:29px;
margin:15px auto 0;
width:121px;
}

.warningmsg .msg_button a {
background:url(/images/gfx/1/aop_warningmsg_button.png) no-repeat 0 0;
color:#fffcda;
display:block;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-weight:700;
height:29px;
line-height:20px;
text-align:center;
text-shadow:0 1px 1px #000;
width:121px;
}

.warningmsg .msg_mid {
background:url(/images/gfx/1/aop_wm02.jpg) repeat-y 0 0;
width:689px;
}

.warningmsg .msg_text {
color:#000;
font-family:Tahoma, Geneva, sans-serif;
font-size:11px;
line-height:15px;
margin:0 auto;
text-align:center;
text-shadow:0 1px 1px #FFF;
width:655px;
}

.warningmsg .msg_top {
background:url(/images/gfx/1/aop_wm01.png) no-repeat 0 0;
height:39px;
width:689px;
}

.warningmsg .msg_wm {
margin:0 auto;
width:689px;
}

.warningmsg .msg_wmheadline {
color:#810000;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:700;
}


.logincontainer{ width:170px; position:absolute; color:#FFF; margin-left:7px; z-index:50;}
.logincontainer .fblogin-button{ width:160px; max-height:82px; overflow:hidden;}
.logincontainer .fblogin-button .top{ width:160px; background:url(/images/gfx/aop_fblogbut01.gif) no-repeat 0 0; height:5px;}
.logincontainer .fblogin-button .mid{ width:160px; position:relative;}
.logincontainer .fblogin-button .mid a{ display:inline-block; width:160px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; font-weight:bold; text-shadow:0 -1px 0 #000; background: url(/images/gfx/aop_fbloginbut.jpg) repeat-y 0 0; min-height:40px;}
.logincontainer .fblogin-button .mid a:hover{text-decoration:none; background:url(/images/gfx/aop_fbloginbut-h.jpg) repeat-y 0 0; color:#FC0; text-shadow: 0 1px 1px #000;}
.logincontainer .fblogin-button .mid a img{ border:0px solid; float:left; padding-left:7px; padding-top:4px; }
.logincontainer .fblogin-button .mid a p{ width:105px; float:left; margin-top:0px; padding:0 5px 0 5px; text-align:center; margin-top:3px; margin-bottom:0px; padding-top:4px;}
.logincontainer .fblogin-button .bot{ background:url(/images/gfx/aop_fblogbut03.png) no-repeat 0 0; height:19px; width:190px;}
.fblogin-user{}
.fblogin-user .top{ width:160px; height:56px;}
.fblogin-user .top .photo .mid{ width:50px; height:56px; background:url(/images/gfx/aop_fblogbut05b.png) no-repeat 0 0; position:absolute;}
.fblogin-user .top .photo{ float:left; width:50px; height:56px; }
.fblogin-user .top .photo img{ border:0px solid; margin-top:5px;}
.fblogin-user .top .left{ width:45px; height:56px; margin-left:11px; background:url(/images/gfx/aop_fblogbut05a.jpg) no-repeat 0 0; float:left;}
.fblogin-user .top .right{ width:44px; height:56px; background:url(/images/gfx/aop_fblogbut05c.jpg) no-repeat 0 0; float:left;}
.fblogin-user .bottom{ background:url(/images/gfx/aop_fblogbut04.jpg) no-repeat 0 0; width:160px; height:58px;}
.fblogin-user .bottom div.name{ width:160px; height:30px; text-align:center; font-size:11px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#FC0; line-height:23px;}
.clear{ clear:both;}