/*body{

}

#header{
width:100%;
background-color:#333;

padding-top:4px;
padding-bottom:4px;
}

#container{
width:100%;

}

#left-column{
width:170px;
height:100%;
float:left;
}

#left-column div{
margin-top:20px;
}



#right-column{
width:170px;
height:100%;
float:right;
}

#right-column div{
margin-top:20px;
}

#center-column{
background-color:white;
float:left;
min-width:600px;
width:100%;
margin-left:200px;
margin-right:200px;
}
*/
		/*** The Essential Code ***/

		body {
			margin: 0;
			min-width: 1150px;       /* LC fullwidth + CC padding */
		}

		#header, #footer {
		}
		.column {
			position: relative;
			float: left;
		}

		#center {
			padding: 0 20px;
			width: 100%;
		}

		#left {
			width: 150px;           /* LC width */
			padding: 0px;        /* LC padding */
			right: 210px;           /* LC fullwidth + CC padding */
			margin-left: -100%;
		}

		#right {
			width: 125px;           /* RC width */
			padding: 0 0px;        /* RC padding */
			margin-right: -100%;
		}

		#footer {
			clear: both;
		}

		/*** IE Fix ***/
		* html #left {
			left: 125px;            /* RC fullwidth */
		}

		/*** Just for Looks ***/

		body {
			background-image:url("../images/site-background2.jpg");
			background-repeat:repeat;
			font:10pt verdana;
		}

		#header, #footer {
			text-align:right;
			color:white;
			font-size:.8em;
		}
		#header{background: #333;}
		#footer{text-align: center;}
		#left {
		}

		#center {
		}
		#container {
			padding-right: 185px;   /* RC fullwidth + CC padding */
			padding-left: 170px;    /* LC fullwidth */
			background:url("../images/container-background2.jpg") top center no-repeat;
			height:100%;
		}
		#right {
		
		}

		.column {
			padding-top: 1em;
			text-align: justify;
		}

#top-menu{
height:52px;
background-image:url("../images/top-menu-background.jpg");
background-repeat:repeat-x;
color:#333;
text-align:center;
}

#top-menu div{
background:url("../images/top-menu-image.jpg") top center no-repeat;
height:52px;
width:1000px;
margin-left:auto;
margin-right:auto;
padding-top:17px;
font-size:1.2em;font-weight:bold;
}

#top-menu a{
color:white;
text-decoration:none;
}

#top-menu a:hover{
color:#333;
text-decoration:none;
}

#login-menu{
margin-top:20px;
width:170px;
height:130px;
background:url("../images/login-menu-background.png") top left no-repeat;
}
#right-column{
margin-top:20px;
width:145px;
height:400px;
background:url("../images/right-column.png") top right no-repeat;
}
#inputArea{
padding-top:10px;
padding-left:5px;
color:white;
font-size:.8em;
}

#inputArea input[type="text"], input[type="password"],input[type="text"], #inputArea textarea
{
	font-color:#333;
    margin-bottom: 5px;
    display: block;
    padding: 2px;
    border: solid 1px #85b1de;
    width: 150px;
    background-image: url( '../images/login-field-background.png' );
    background-repeat: repeat-x;
    background-position: top;
} 
#inputArea a{
color:white;
font-size:1.25em;
}
#home-message{
width:100%;margin-top:10px;font-weight:bold;
text-align:center;font-size:.8em;
background: rgba(255, 255, 255, 0.5);
/* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/white_transparency.png');
}

.white-box{
background-color:white;width:100%;margin-top:10px;border:0px solid #333;font-size:.8em;
}
.white-box span{
padding:10px;
}
.clear-box{
width:100%;margin-top:10px;border:0px solid #333;font-size:.8em;
}
.centered{margin-left:auto;margin-right:auto;}
.padding-div{
margin:10px;padding-top:10px;padding-bottom:10px;
}

.player-box{
float:left;background-color:white;
}
.player-box td{
vertical-align:top;
}
.player-box th{
background-color: #305478; border: #FFFFFF; border-width: 0px 0px 1px 0px; border-style: solid;color: #FFFFFF; font-weight: bold;line-height:150%;text-align:center;font-family:arial;height:20px;
}
.sub-table{
width:420px;
margin-left:auto;
margin-right:auto;
}
.sub-table th{
background-color:white;
border-bottom:1px solid black;
color:black;
}
.sub-table td{
text-align:center;
vertical-align:middle;
}
.sub-table .sub-heading td{

}
.sub-heading{
align:center;
font-weight:bold;
}
.small-char{
border:1px solid black;
margin-bottom:5px;
margin-left:15px;
width:850px;
}
.small-char-title{
background-color:black;
color:white;
font-weight:bold;vertical-align:middle;
height:25px;
}
.small-char td{
padding:3px;
border:1px solid white;
}
.small-char img{
float:left;
}
.small-char-bold{
font-weight:bold;
text-align:right;
}
.player-name{
font-size:1.7em;
font-weight:bold;font-family:arial;
}
.skill-trees{
width:625px;
vertical-align:top;
}
.standings-box{
width:200px;
float:left;
margin-right:5px;
margin-top:10px;
}
.skill-image{
width:30px;
height:30px;
margin-right:2px;
}
table.class-breakdown{
width:100%;padding-left:10px;padding-right:10px;
}
table.class-breakdown th{
background-color:white;
color:#305478;
border-bottom: 1px solid #305478;
text-align:right;
font-weight:bold;
}
table.class-breakdown td{
border-bottom: 1px solid #DDDDDD;
padding:2px;
}

table.basics{
width:100%;padding-left:10px;padding-right:10px;
}

table.basics td{
border-bottom: 1px solid #DDDDDD;
height:20px;vertical-align:middle;
}
.bold { font-weight:bold;}
h3{color:#305478;font:1.5em verdana;padding:0;margin:0;}

.failure{
text-align:center;
margin-top:5px;
padding-top:5px;
padding-bottom:5px;
width:100%;
background-color: #ffdddd;
border: 1px solid #ff1122;
}
.success{
text-align:center;
margin-top:5px;
padding-top:5px;
padding-bottom:5px;
width:100%;
background-color: #ccffaa;
border: 1px solid #33ff22;
}

table#mission-summary{
width:100%;
background-color:white;
cell-padding:2px;
border:1px solid black;
}
#mission-summary td{
border:1px solid black;
text-align:center;
}
#mission-summary th{
text-align:center;font-weight:bold;
}