div.KingdomsLogo
{
	background-image:url('../img/logo.png');
	width:100%;
	height:300px;
	margin-left:auto;
	margin-right:auto;
	background-repeat:no-repeat;
	background-position: center center;
}

div.LandingPageMain
{
	width:100%;
}

.LandingPageBody
{
	background-image:url('http://login.strongholdkingdoms.com/img/gradient.php?h=350&w=1&s=ffffff&e=cccccc');		
	background-repeat:repeat-x;
	background-color:#cccccc;
}


/* progress spritesheet */
div.ProgressWheelImageDIV
{
	background-image:url('/img/progresswheel/prog-spritesheet.png');
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:50px;
	height:50px;
	float:left;
}

/* Kingdoms */

div.CardsLinkDIV
{
	float:left;	
	border-top:1px solid #800000;
	border-right:1px solid #800000;
	border-bottom:1px solid #800000;
	width:193px;
	font-size:14px;
	font-weight:bold;
	margin-top:4px;
	margin-bottom:4px;		
	height:32px;
	padding-top:12px;
	background-repeat: no-repeat;
	background-attachment: relative;	
	background-image: url('../img/littlecard2.png');
	background-position: 8px 6px;
	

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	
}
div.CardsLinkDIV:hover
{
	background-color:#eeeeee;
	cursor:pointer;
}
div.CardsLinkDIV span
{
	padding-left:50px;		
}

div.GameWorldListItem
{
	margin-top:8px;
	-webkit-border-radius:4px;
	-webkit-border-radius:4px;
	height:32px;
	line-height:32px;
}
div.GameWorldListItem:hover[selectable]
{
	background-color:#eeeeee;	
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dddddd),  to(#eeeeee)) ;	
	background-repeat: repeat-x;	
	cursor:pointer;	
}
div.GameWorldListItem div
{
	float:left;	
	height:32px;
	font-size:12px;
	padding-left:16px;	
}
div.GameWorldListItem:hover[selectable] div
{
	text-decoration:underline;
}
div.GameWorldListItem div.good
{
	color:green;
}
div.GameWorldListItem div.bad
{
	color:red;
}
div.GameWorldListItem div.icon
{
	background-repeat: no-repeat;
	background-attachment: relative;	
	background-image: url('../img/worldIcon32.png');
	background-position: 4px center;
	padding-left:36px;	
	font-weight:bold;			
}
div.GameWorldListItem div.new
{
	background-repeat: no-repeat;
	background-attachment: relative;		
	background-position: center center;
	width:32px;
	font-weight:bold;
}
div.GameWorldListItem div.old
{
	width:32px;	
}

#WorldMenuTitleDIV
{
	padding-top:8px;
	padding-bottom:8px;
}

#WorldMenuTitleDIV span
{
	font-size:12px;
	font-weight:bold;
}

#KingdomsDownloadDIV
{
	padding-top:8px;
	background-color:none;
}
#KingdomsDownloadDIV a
{
	font-size:18px;
	text-decoration:none;
}
#KingdomsDownloadDIV a:hover
{
	font-size:18px;
	text-decoration:underline;	
}

div.WorldPanel
{		
	margin-bottom:4px;
	padding-left:8px;
	padding-right:8px;
	height:100%;

	border-left:1px solid #800000;
	border-right:1px solid #800000;
	border-bottom:1px solid #800000;	
			
	background-color:#dddddd;
	background-image: url('/img/greyback_d.png');
	background-repeat: repeat-x;
	background-position: left top;
	
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;	
}
div.WorldPanel div
{
	background-color:none;
	
}

div.TablessSpace
{			
	
	float:left;
	padding-top:4px;
	padding-bottom:5px;
	border-bottom:1px solid #800000;			
	
}
div.TablessSpace span
{
	margin-left:24px;
	font-size:12px;	
}

#KingdomsWorld_Tab_0
{
	border-left:1px solid #800000;
}

div.KingdomsWorldTab
{	
	float:left;
	width:58px;	
	padding-top:4px;
	padding-bottom:4px;

	border-top:1px solid #800000;
	border-right:1px solid #800000;
	border-bottom:1px solid #800000;	
		
	background-color:#bbbbbb;
	
	background-repeat: no-repeat;
	background-attachment: relative;	
	background-image: url('../img/worldIcon16.png');
	background-position: 4px center;
	
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
}
div.KingdomsWorldTab:hover
{	
	background-color:#cccccc;
	cursor:pointer;
}
div.KingdomsWorldTab span
{
	margin-left:24px;
	font-size:12px;	
}
div.KingdomsWorldTabSelected
{
	float:left;
	width:58px;	
	padding-top:4px;
	padding-bottom:4px;

	border-top:1px solid #800000;	
	border-right:1px solid #800000;	
	border-bottom:1px solid #cccccc;	
	
	background-color:#cccccc;
	
	background-repeat: no-repeat;
	background-attachment: relative;	
	background-image: url('../img/worldIcon16.png');
	background-position: 4px 4px;
	
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
}
div.KingdomsWorldTabSelected span
{
	margin-left:24px;
	font-size:12px;	
	font-weight:bold
}


/* twitter */

.floatingTextClass
{
	position:fixed;
	color:green;
	font-size:24px;	
	font-family: Arial, Helvetica, sans-serif;
}

.floatingTextCardClass
{
	position:fixed;
	color:blue;
	font-size:28px;	
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}

.floatingTextCardBonusClass
{
	position:fixed;
	color:red;
	font-size:28px;	
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}

.twtr-doc
{
	background-color:#444444;
	color:#ffffff;
	filter: alpha(opacity=100);
	opacity: 1.0;
}

.twtr-hd
{
	color:#ffffff;
	filter: alpha(opacity=100);
	opacity: 1.0;
}

.twtr-tweet
{
	background-color:#000000;
	color:#ffffff;
	filter: alpha(opacity=100);
	opacity: 1.0;
}

.twtr-tweet a
{	
	color:#00ff00;
}

.twtr-hd a
{
	color:#ffffff;
	font-weight:bold;
}

.twtr-ft
{
	background-color:#444444;
	color:#ffffff;
	filter: alpha(opacity=100);
	opacity: 1.0;
}


/* tick/cross */
button.WithTick
{
	background-image:url('/img/tick.png');
	background-repeat:no-repeat;
	background-position:center left;		
	padding-left:32px;
	width:100px;
	height:32px;
}
button.WithTick:hover
{
	background-color:#ffffff;
}

button.WithCross
{
	background-image:url('/img/cross.png');
	background-repeat:no-repeat;
	background-position:center left;		
	padding-left:32px;
	width:100px;
	height:32px;
}
button.WithCross:hover
{
	background-color:#ffffff;	
}

/* Welcome */

div.WelcomeBox
{
	height:180px;	
	padding:8px;
	font-size:12px;	
}

div.WelcomeBox div
{
	margin-bottom:8px;
}

/* Loader framework */
div#ajaxLoaderDIV
{
	position:absolute;
	left:0px;
	top:0px;
	display:none;
	z-index:40;
	width:1px;
	height:1px;
	
	color:gray;	
	background-color: gray;	
	filter: alpha(opacity=70);
	opacity: 0.7;
	
	background-repeat: no-repeat;
	background-attachment: relative;	
	background-image: url(../img/snake-loader.gif);
	background-position: center center;
}

/* Lightbox */
div#lightboxContent
{
	
	background-color:white;
	position:relative;
	z-index:10;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #600000;
	line-height: normal;
	background-color: #FFFFFF;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

div#lightBoxDIV
{
	position:absolute;
	
	background-color:white;
	z-index:55;
	display:none;
	
	background-repeat: no-repeat;
	background-attachment: relative;	
	background-image: url(../img/snake-loader.gif);
	background-position: center center;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 16px 16px 16px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 16px 16px 16px;
}

div#lightBoxDefaultHeader
{
	font-weight:bold;
	display:inline;
	font-size:14px;
	padding-left:8px;
	padding-top:8px;
	float:left;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

div#lightBoxDefaultAction
{
	padding:8px;
	display:inline;
	float:right;
	font-weight:bold;
	font-size:18px;
	background-color:none;
	color:#000000;	
	-moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;
}

div#lightBoxDefaultAction:hover
{
	background-color:#000000;
	color:#ffffff;
	cursor:pointer;
}

/* Darkbox */
div#darkBoxDIV
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:1000px;
	
	background-color:black;
	z-index:50;
	display:none;
}

/* Message boxes */
div.MessageBarBox
{
	position:absolute;
	left:0px;
	top:5px;
	z-index:100;
	border:1px solid gray;
	width:99%;
	background-color:#ffffaa;
	filter: alpha(opacity=95);
	opacity: 0.95;		
}

div.MessageBarBox:hover
{
	filter: alpha(opacity=100);
	opacity: 1.0;	
	cursor:pointer;
}

div.MessageBarMessage
{
	font-weight:bold;
	display:inline;
	font-size:12px;
	padding-left:32px;
	padding-top:8px;
	float:left;		
	
	background-image:url('/img/tick.png');
	background-repeat:no-repeat;
	background-position:center left;		
}

div.MessageBarAction
{
	padding:8px;
	display:inline-block;
	float:right;
	font-weight:bold;
	font-size:14px;
	background-color:none;
	color:#600000;
	filter: alpha(opacity=100);
	opacity: 1.0;
	text-align:center;
}

div.MessageBarAction:hover
{
	background-color:#600000;
	color:#ffffaa;
	cursor:pointer;
}

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #600000;
	line-height: normal;
	background-color: #FFFFFF;	
}

a:visited
{
	color:#0000ff;
}

h1
{
	font-weight:bold;
	text-decoration:none;
	margin-bottom:0px;
	font-size:28px;
}

h3
{
	font-weight:bold;
	text-decoration:none;
	margin-bottom:0px;
	font-size:18px;
}

form
{
	text-align:left;	
	border-style:solid;
	border-width:thin;
	border-bottom-width:thick;
	border-right-width:thick;
	padding:12px;	
	background-color:#FFFFFF;
	margin-top:5px;	
}

div.homeOption
{	
	border-style:solid;
	border-width:thin;
	border-color:#ffffff;
}

div.pageHeader
{	
	border-style:solid;
	border-width:thin;
	border-color:#ffffff;
}

#shopOption
{
	background-image: url(../img/money.png);
	background-repeat: no-repeat;
	padding-left:55px;
}

#statsOption
{
	background-image: url(../img/stats.png);
	background-repeat: no-repeat;	
	padding-left:55px;
}

#kingdomOption
{
	background-image:  url(../26-Castle-32x32.png);
	background-repeat: no-repeat;	
	padding-left:55px;
}

#manageOption
{
	background-image: url(../img/manage.png);
	background-repeat: no-repeat;
	padding-left:55px;
}

div.homeOption:hover
{
	background-color:#eeeeee;
	border-style:solid;
	border-width:thin;
	border-color:#600000;
	cursor: pointer;	
}

div.navigation
{
	margin-top:5px;
	text-align:left;
	margin-left:20%;	
	padding:0px;
	width:450px;	
}

div.title
{
	margin-top:5px;
	text-align:left;
	margin-left:20%;	
	padding:0px;
	width:450px;	
}


div.windowbox
{
	margin-top:5px;
	text-align:left;
	margin-left:20%;	
	border-style:solid;
	border-width:thin;
	border-bottom-width:thick;
	border-right-width:thick;
	padding:12px;
	width:450px;
	background-color:#FFFFFF;
}

.errorLabel
{
	font-weight:bold;
	color:#FF0000;	
}

button
{
	font-size:9px;
	height:20px;
	color:#600000;
	cursor:pointer;
}

select
{
	font-size:9px;
	height:20px;
	color:#600000;
	cursor:pointer;
}

div.data
{
	padding:0px;
	margin:0px;
	border: none;
}

div.data th
{
	background-color: #99DD99;		
	border-color: #600000;
	padding:2px;
	margin:0px;
	border-top-style:solid;
	border-top-width:thin;	
	border-left-style:solid;
	border-left-width:thin;	
	font-size: 10px;	
	background-image: url(../img/tablehead.png);
	background-repeat: repeat-x;
	background-position: left top;
	color:#880000;
}

div.data  td
{	
	border-color: #600000;
	padding:2px;
	margin:0px;
	border-top-style:solid;
	border-top-width:thin;	
	border-left-style:solid;
	border-left-width:thin;	
	font-size: 10px;
}

div.data  td.skillButton
{
	font-size:18px;
	width:16px;
	background-color:#ffffff;
	text-align:center;
}

div.data  td.skillButtonDisabled
{
	font-size:18px;
	width:16px;
	background-color:#999999;
	text-align:center;
}

div.data  td.skillButton:hover
{
	background-color:#600000;
	color:#ffffff;
	cursor:pointer;
}

div.data  td.neg
{
	text-align:right;
	color:#FF0000;
}

div.data  td.pos
{
	text-align:right;
	color:#00AA00;
}

div.data  td.none
{
	text-align:right;
	color:#600000;
}

div.data tr
{
	background-color: #eeeeee;		
	border-style: solid;
	border-width: thin;
	border-color: #600000;
	padding:0px;
	margin:0px;
}

div.data tr:hover
{
	background-color: #ffffff;		
}

div.fields
{
	width:100%;	
}

div.fields input
{		
	font-size:14px;
	color:#600000;	
}

div.fields button
{	
	float:right;	
	font-size:12px;
	color:#600000;
	margin-right:40%;
}

div.required input
{	
	float:right;	
	font-size:12px;
	background-color:#cccc99;	
}

div.fields div
{
	width:100%;
	height:24px;
}

div.fields div.required
{
	font-weight:bold;	
}

/* Loading */

div.data table
{
	width:100%;
	border: none;
	padding:0px;
	margin:0px;
	border-bottom-style:solid;
	border-bottom-width:thin;	
	border-right-style:solid;
	border-right-width:thin;
	border-color: #600000;		
}

div.loading_div table
{
	position:relative;	
	z-index:-1;
}

/* Transparent DIV for loading*/
.loading_div
{	
	color:#ffffff;
	background-position: center center;
	background-color: #b0b0b0;	
	filter: alpha(opacity=60);
	opacity: 0.6;
	background-repeat: no-repeat;
	background-attachment: relative;
	
}

/* Styles usernames */
div.StyledUsername
{
	
}

.fancybutton:hover
{
    background-position:left bottom;
}

.languageflag{
    height:25px;
    width:40px;
    float:right;
    margin-left:2px;
}
.languageflag:hover{
    cursor:pointer;
}