/*
#
# Copyright (C) 2005 Soj Design
# soj@sojdesign.com, http://www.sojdesign.com/
#
# You may not redistribute the code to anyone in any fashion.
# You may create numerous games from the template, but you
# may not resell the code or create a copy for anyone else's use.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
#
*/


body{font: 13px normal arial,helvetica,sans-serif;margin:0;height: 100%;
color: #FFFF99;
background-image: url('../includes/images/igubg.jpg');
background-repeat:repeat-y;
background-position:center;
background-position:top;
background-color:#000;
}

INPUT, SELECT, TEXTAREA {
		font:normal 13px arial,helvetica,sans-serif;
    border: 1px solid #828282;
    background-color: #FFFFFF;
    color: #000000;
}

.normaltext A, .tournext, .tourprev A {text-decoration: none;  color: #FFFF99; font-weight:bold;}
.normaltext A:link, .tournext  A:link, .tourprev A:link {text-decoration: none;  color: #FFFF99;  font-weight:bold;}
.normaltext A:visited, .tournext A:visited, .tourprev A:visited {text-decoration: none;  color: #FFFF99;}
.normaltext A:active, .tournext A:active, .tourprev A:active {text-decoration: none;  color: #FFFF99;}
.normaltext A:hover, .tournext A:hover, .tourprev A:hover { text-decoration: underline;  color: #FFFF99;  font-weight:bold;}
.normaltext, .tournext, .tourprev {
  font:normal 13px arial,helvetica,sans-serif;
	color: #FFFF99;
		}

.highlighttext A { text-decoration: none; font:bold 13px arial,helvetica,sans-serif;	color: #FFCC00;}
.highlighttext A:link { text-decoration: none; font:bold 13px arial,helvetica,sans-serif;	color: #FFCC00;}
.highlighttext A:visited {text-decoration: none;  font:bold 13px arial,helvetica,sans-serif;	color: #FFCC00;}
.highlighttext A:active { text-decoration: none; font:bold 13px arial,helvetica,sans-serif;	color: #FFCC00;}
.highlighttext A:hover { text-decoration: underline; font:bold 13px arial,helvetica,sans-serif;	color: #FFCC00;}

.highlighttext {
  font:bold 13px arial,helvetica,sans-serif;
	color: #FFCC00;
		}

.tourtext A { text-decoration: none; font:bold 13px arial,helvetica,sans-serif;	color: #FFCC00;}
.tourtext A:link { text-decoration: none; font:bold 13px arial,helvetica,sans-serif;	color: #FFCC00;}
.tourtext A:visited {text-decoration: none;  font:bold 13px arial,helvetica,sans-serif;	color: #FFCC00;}
.tourtext A:active { text-decoration: none; font:bold 13px arial,helvetica,sans-serif;	color: #FFCC00;}
.tourtext A:hover { text-decoration: underline; font:bold 13px arial,helvetica,sans-serif;	color: #FFCC00;}

.tourtext {
  font:bold 12px arial,helvetica,sans-serif;
	color: #FFFF99;
		}

.buttontext A,.regbutton A {text-decoration: none;  color: #FFFF99; font-weight:bold;}
.buttontext  A:link,.regbutton A:link {text-decoration: none;  color: #FFFF99;  font-weight:bold;}
.buttontext A:visited,.regbutton A:visited {text-decoration: none;  color: #FFFF99;}
.buttontext A:active ,.regbutton A:active {text-decoration: none;  color: #FFFF99;}
.buttontext A:hover,.regbutton A:hover { text-decoration: underline;  color: #FFFF99;  font-weight:bold;}
.buttontext,.regbutton {
  font:normal 17px arial,helvetica,sans-serif;
	color: #FFFF99;
		}



.precontainer {
  position: absolute;
  top: 0;
  left: 0;
	width: 100%;
  min-height: 100%;
/* 	background-color:black;*/
/*  background-image: url('../includes/images/bg.jpg');
	background-repeat: repeat;*/
}

.logincontainer {
  position: relative;
  width: 960px;
  height: 840px;
	background-image: url('../includes/images/login_bg_beta.jpg');
	margin:0px auto;
}

.regcontainer {
  position: relative;
  width: 960px;
  height: 840px;
	background-image: url('../includes/images/Reg_bg.jpg');
	margin:0px auto;
}

/*profile*/
.targetlogoframe {
float: left;
margin-left: 10px;
position: relative;
height: 140px;
width: 101px;
overflow: hidden;
text-align: center;
font-weight: bold;
}

.profilecontainer {
  position: relative;
  width: 960px;
  height: 840px;
	background-image: url('../includes/images/profilebg.jpg');
	margin:0px auto;
}
.profilemain {
  position: relative;
  width: 680px;
  height: 570px;
	top:135px;
	margin: 0px auto;
}

.targetstats {
float: left;
margin-left: 8px;
position: relative;
height: 145px;
width: 216px;
background-image: url('../includes/images/ingame/attack/attack-profile.png');
}

.targetprofile {
float: left;
margin-left: 8px;
position: relative;
height: 145px;
width: 320px;
background-image: url('../includes/images/ingame/attack/attack-profile.png');
}

.targetmedals {
float: left;
margin-left: 12px;
position: relative;
min-height: 100px;
width: 650px;
padding-top: 5px;
background-image: url('../includes/images/newstrlight.png');
}

.attachieveicon{
	float: left;
	width: 90px;
	height: 170px;
	position: relative;
	text-align:center;
	vertical-align:middle;
}
.attachievecont{
	float: left;
	width: 88px;
	height: 125px;
	position: relative;
	text-align:center;
}


/* end profile*/

/* faction page*/
a.freelancer_icon,a.kathos_icon,a.rhamos_icon,a.fahrong_icon {text-decoration: none;  color: #FFFF99; font-weight:bold;}
a.freelancer_icon:hover,a.kathos_icon:hover,a.rhamos_icon:hover,a.fahrong_icon:hover {
background-position: -150px 0;
text-decoration: underline;
color: #FFFF99;
font-weight:bold; cursor: pointer;
	display: inline-block;
}

a.fahrong_icon
{
	position: relative;
	display: inline-block;
	width: 150px;
	height: 150px;
	background-repeat: no-repeat;
	text-align: center;
	line-height: 41px;
	background-image: url('../includes/images/ingame/icons/aicon_fahrong.jpg');
	background-position: 0px 0;
	border: 0;
}

a.freelancer_icon
{
	position: relative;
	display: inline-block;
	width: 150px;
	height: 150px;
	background-repeat: no-repeat;
	text-align: center;
	line-height: 41px;
	background-image: url('../includes/images/ingame/icons/aicon_freelancer.jpg');
	background-position: 0px 0;
	border: 0;

}


a.kathos_icon
{
	position: relative;
	display: inline-block;
	width: 150px;
	height: 150px;
	background-repeat: no-repeat;
	text-align: center;
	line-height: 41px;
	background-image: url('../includes/images/ingame/icons/aicon_kathos.jpg');
	background-position: 0px 0;
	border: 0;
}

a.rhamos_icon
{
	position: relative;
	display: inline-block;
	width: 150px;
	height: 150px;
	background-repeat: no-repeat;
	text-align: center;
	line-height: 41px;
	background-image: url('../includes/images/ingame/icons/aicon_rhamos.jpg');
	background-position: 0px 0;
	border: 0;
}

a.upbutton,a.upbutton2,a.respectbutton,a.attackbutton,a.attackbuttonbig,a.sendmailbutton,a.chickenbutton  {text-decoration: none;  color: #FFFF99; font-weight:bold;}
a.upbutton:active,a.upbutton2:active,a.respectbutton:active,a.attackbutton:active,a.attackbuttonbig:active,a.sendmailbutton:active,a.chickenbutton:active {
background-position: 0 0;
text-decoration: underline;  color: #FFFF99;  font-weight:bold;}
a.upbutton:hover,a.upbutton2:hover,a.respectbutton:hover,a.attackbutton:hover,a.attackbuttonbig:hover,a.sendmailbutton:hover,a.chickenbutton:hover {
background-position: 0 0;
text-decoration: underline;  color: #FFFF99;  font-weight:bold;}

a.upbutton
{
    font-size:13px;
	position: relative;
	display: inline-block;
	width: 165px;
	height: 45px;
	background-repeat: no-repeat;
	text-align: center;
	line-height: 41px;
	background-image: url('../includes/images/ingame/warehouse/upgradebutton.png');
	background-position: -165px 0;
	border: 0;
}

a.upbutton2
{
    font-size:13px;
	position: relative;
	display: inline-block;
	width: 210px;
	height: 45px;
	background-repeat: no-repeat;
	text-align: center;
	line-height: 41px;
	background-image: url('../includes/images/ingame/warehouse/upgradebuttonbigger.png');
	background-position: -210px 0;
	border: 0;
}

/* end faction page*/

.regformbox {
	position: absolute;
	top: 200px;
	left: 319px;
	text-align: left;
	width: 488px;
	height: 525px;
}

.reginputbox {
  font-weight:normal;
  width: 160px;
  border: 0;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	height: 18px;
	font:bold 14px arial,helvetica,sans-serif;
 }

.regbutton {
  font-weight:normal;
  width: 148px;
	height: 43px;
	background-image: url('../includes/images/regbutton.png');
	text-align: center;
	vertical-align: middle;
	color: #FFFF99;
  line-height: 38px;
	border: 0;
 }

.regerrorbox {
	font: 12px normal arial,helvetica,sans-serif;
	text-align: center;
	color: red;
}

.regselectbox {
  font-weight:normal;
  width: 230px;
  border: 0;
  background-image: url('../includes/images/selectbox_element.jpg');
  background-repeat: repeat-x;
  }

.reginputimagebox {
  font-weight:normal;
  width: 112px;
  border: 0;
}
.regimagebox {
	position: absolute;
	top: 350px;
	left: 340px;
	text-align: left;
	width: 450px;
	height: 131px;
}

.regfooter {
	position: absolute;
	top: 698px;
	left: 274px;
	text-align: left;
	width: 465px;
	height: 25px;

}

.regheader {
	position: absolute;
	top: 60px;
	left: 153px;
	width: 645px;
	height: 27px;
}


table.regform {
position: absolute;
margin: 0px;
padding: 0px;
font-weight:normal;
color: #FFFF99;
border: 0px;
}

table.regform td {
	color: #FFFF99;
	padding: 0px;
	margin: 0px;
	height : 28px;
	border: 0px;
}

table.stats {
margin: 0px;
padding: 0px;
font-weight:normal;
color: #FFFF99;
	height : 12px;
border: 0;
}

table.stats td {
	font:normal 12px arial,helvetica,sans-serif;
	color: #FFFF99;
	padding: 0px;
	margin: 0px;
	border-spacing: 0;
	border: 0;
	height: 22px;
}

.loginbox {
	position: absolute;
	bottom: 0;
	top: 407px;
	left: 120px;
	right: 0;
	width: 30%;
	height: 23%;

}
.forumframe {
	position: absolute;
	bottom: 0;
	top: 113px;
	left: 125px;
	right: 0;
	width: 700px;
	height: 588px;
}
.loginupperbox {
	position: absolute;
	top: 355px;
	left: 164px;
	text-align: center;
	width: 626px;
	height: 32px;
}
.loginrightbox {
	position: absolute;
	top: 450px;
	left: 416px;
	text-align: left;
	width: 416px;
	height: 201px;
	border: 1px solid red
}

.loginscroller {
	position: absolute;
	top: 404px;
	left: 803px;
	text-align: left;
	width: 25px;
	height: 203px;
	background-image: url('../includes/images/scroll_03.png');
}

.loginbottombox {
	position: absolute;
	top: 618px;
	left: 123px;
	text-align: left;
	width: 706px;
	height: 76px;
}
.logininputbox {
	position: absolute;
	top: 9px;
	left: 12px;
	text-align: left;
	width: 265px;
	height: 85px;

}
.loginforgotpassbox {
	position: absolute;
	top: 94px;
	left: 16px;
	text-align: left;
	width: 263px;
	height: 77px;
}


.loginbutton {
	position: absolute;
	bottom: 8px;
	left: 73px;
	width: 55%;
	height: 14%;
}
.logintextbox {
  font-weight:bold;
  height: 20px;
  width: 167px;
  color: #FFFF99;
	border: 0;
	background:transparent;
}

.logintextbox.focused, .logintextbox:focus {
  font-weight:bold;
  background:white;
  color: black;
  filter:alpha(opacity=50);
	opacity: 0.5;
}

.loginbox p {
  padding: 4px;
  text-align:left;
  vertical-align: middle;
  font-size:9pt;
  font-weight:bold;
  color: #FFFF99;
}

.loginfooter {
	position: absolute;
	top: 732px;
	left: 274px;
	text-align: left;
	width: 465px;
	height: 25px;
}

.pretour {
  position: relative;
  width: 960px;
  height: 840px;
	background-image: url('../includes/images/Tour_bg.jpg');
	margin:0px auto;
}

.tourframe {
 	position: absolute;
	top: 138px;
	left: 160px;
	background-image: url('../includes/images/tourframe.png');
	width: 487px;
	height: 446px;
}

.tourframebit {
 	position: absolute;
	top: 210px;
	left: 634px;
	background-image: url('../includes/images/tourframe1.jpg');
	width: 11px;
	height: 301px;
}

.predefaultbg {
  position: relative;
  width: 960px;
  height: 840px;
	background-image: url('../includes/images/Help_bg.jpg');
	margin:0px auto;
}

.pretextbg {
  position: relative;
  width: 960px;
  height: 840px;
	background-image: url('../includes/images/Rules_bg.jpg');
	margin:0px auto;
}

.predefaulttext {
	position: absolute;
	top: 181px;
	left: 184px;
	text-align: left;
	width: 437px;
	height: 339px;
	color: #FFFF99;
	overflow: auto;
}

.tourfooter {
	position: absolute;
	top: 643px;
	left: 274px;
	text-align: left;
	width: 465px;
	height: 25px;
}

.tourcenter {
	position: absolute;
	top: 136px;
	left: 169px;
	text-align: left;
	width: 464px;
	height: 452px;
}

.tourimage {
	position: absolute;
	top: 160px;
	left: 171px;
	width: 462px;
	height: 403px;
}

.tourtitle {
	position: absolute;
	top: 146px;
	left: 307px;
	text-align: center;
	width: 167px;
	height: 25px;
 	font:bold 13px arial,helvetica,sans-serif;
	color: #FFFF99;
}
.tourtextbg {
	position: absolute;
	top: 393px;
	left: 173px;
	text-align: center;
	width: 460px;
	height: 168px;
	font:normal 13px arial,helvetica,sans-serif;
	color: #FFFF99;
	background: black;
  filter:alpha(opacity=70);
	opacity: 0.7;
	}

.tourtext {
	position: absolute;
	top: 403px;
	left: 193px;
	text-align: center;
	width: 420px;
	height: 158px;
	font:normal 13px arial,helvetica,sans-serif;
	color: #FFFF99;
	}

.tourprev {
	position: absolute;
	top: 555px;
	left: 223px;
	text-align: center;
	width: 53px;
	height: 22px;
}

.tournext {
	position: absolute;
	top: 555px;
	left: 524px;
	text-align: center;
	width: 53px;
	height: 22px;
}

.tourstatus {
	position: absolute;
	top: 559px;
	left: 349px;
	text-align: center;
	width: 102px;
	height: 25px;
	font:bold 13px arial,helvetica,sans-serif;
	color: black;
}

.loginheader {
	position: absolute;
	top: 60px;
	left: 153px;
	width: 645px;
	height: 27px;
}

.tableloginheader {
	FONT-FAMILY: Arial,Helvetica;
  margin: 12px;
  padding: 10px;
  text-align:center;
  font-size:9pt;
  font-weight:bold;
  color: #FFFF99;
}

.prefooter {
	position: absolute;
	bottom: 0;
	width: 80%;
	height: 30px;
  margin: 10% 0 0 10%;
	border: 1px solid red
}

.errormsg{
	float: left;
	position: relative;
	width: 293px;
	line-height: 33px;
	text-align: center;
	background-image: url(../includes/images/ingame/warehouse/message.jpg);
	background-repeat: repeat;
	COLOR: #cc0033;
	font-weight: bold;
}
.positivemsg{
	float: left;
	position: relative;
	width: 293px;
	line-height: 33px;
	text-align: center;
	background-image: url(../includes/images/ingame/warehouse/message.jpg);
	background-repeat: repeat;
	COLOR: #00AA00;
	font-weight: bold;
}

.errortext {
 		FONT-SIZE: 12px;
    FONT-FAMILY: Arial,Helvetica;
		COLOR: #cc0033;
		font-weight: bold;
		}
.positivetext {
 		FONT-SIZE: 12px;
    FONT-FAMILY: Arial,Helvetica;
		COLOR: #007000;
		font-weight: bold;
		}

.globalmsg_up
{
	position: relative;
	background-image: url(../includes/images/msg/msg_up.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.globalmsg_down
{
	position: relative;
	background-image: url(../includes/images/msg/msg_down.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
.globalmsg_left
{
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto ;
  margin-right: auto ;
 	background-image: url(../includes/images/msg/msg_left.jpg);
	background-repeat: repeat-y;
	background-position: left;
}
.globalmsg_right
{
	display: block;
	position: relative;
	background-image: url(../includes/images/msg/msg_right.jpg);
	background-repeat: repeat-y;
	background-position: right;

}
.globalmsg_left_up
{
	display: inline-block;
	position: relative;
	background-image: url(../includes/images/msg/msg_left_up.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 7px;
	width: 100%;

}
.globalmsg_right_up
{
	display: inline-block;
	position: relative;
	background-image: url(../includes/images/msg/msg_right_up.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 7px;
	width: 100%;
}
.globalmsg_left_down
{
	display: inline-block;
	position: relative;
	background-image: url(../includes/images/msg/msg_left_down.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 7px;
	width: 100%;
}
.globalmsg_right_down
{
	display: inline-block;
	position: relative;
	background-image: url(../includes/images/msg/msg_right_down.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 7px;
	width: 100%;
}
.globalmsg_content
{
	display: block;
	position: relative;
 text-align: center;
	background-image: url(../includes/images/msg/msg_content.jpg);
	background-repeat: repeat;
	line-height: 14px;
	font-weight: bold;
	margin-left: 11px;
	margin-right: 11px;
}

span.checkbox {
width: 19px;
 height: 25px;
 padding: 0 1px 0 0;
 background: url(../includes/images/checkbox.png) no-repeat;
 display: inline-block;
 clear: both;
	vertical-align: -10px;
 }
span.radio {
 width: 19px;
 height: 25px;
 padding: 0 5px 0 0;
 background: url(../includes/images/radio.png) no-repeat;
 display: inline-block;
 }
span.select {
 position: absolute;
 width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
 height: 21px;
 padding: 0 24px 0 8px;
 color: #fff;
 font: 12px/21px Arial,sans-serif;
 background: url(select.gif) no-repeat;
  overflow: hidden;
 }
 #dropcontentsubject {
color:#FFCC00;
float:left;
font-weight:bold;
line-height:52px;
margin-bottom:10px;
margin-top:10px;
width:120px;
}

.dropcontent {
border:medium none;
color:#FFFF99;
display:block;
height:74px;
margin-left:auto;
margin-right:auto;
padding:1px;
text-align:center;
width:960px;
}
.dropcontent img{
	height:74px;
  float:left;
	}
.dropcontent3 {
float:left;
height:74px;
width:190px;
line-height:32px;
text-align:center;
}

.strongperfbottom{
float:left;
position: relative;
width: 704px;
text-align: left;
vertical-align: middle;
background-image: url('../includes/images/newstr.png');
border-bottom: 1px solid gray;
}
.eventicon{
	float: left;
	position: relative;
	margin-left: 5px;
	margin-top: 4px;
	margin-bottom: 4px;
	height: 22px;
	width: 24px;
	text-align: center;
	font:bold 13px arial,helvetica,sans-serif;
	background-image: url(../includes/images/ingame/stronghold/event_icon.png);
	line-height: 22px;
}
.eventtext{
	float: left;
	display: inline ;
	margin-left: 10px;
	width: 650px;
	text-align: left;
	line-height: 20px;
}

.clear { clear:both;}