/* per: http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/ */ 
html
 {
	margin: 0px;
	padding: 0px 20px 20px 20px;
	padding-bottom: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*background-color:#ccc;*/
}

body
{
    /*background: #3f3013;*/
    /*background-image: url(images/victorian-background.png);*/
    background-image: url(images/bg.jpg);
}

img
{
    border:none;
}

#wrap 
{
    width:800px;
    margin: 0 auto;  
}

#header
{
    color:#12151a;
    text-align:center;
    vertical-align:bottom;
    font-family:Bernard MT Condensed, Helvetica, sans-serif;
	height:120px;
	font-size:6em;
	line-height:1.6em;
	background-image: url(images/header6.png);

}

#maincontent
{
	background: url(images/midback.png) repeat-y;
    /*background: #ebe1c8;*/
    width:800px;
    height:800px;
    display:table;
    
}

#menu
{
	background: url(images/midback2.png) repeat-y;
}
#left-pane
{
	padding:10px 5px 10px 10px;
    float:left;
    width:385px;
    /*height:500px;*/
    /*border-style:solid;
    border-width:thin;*/
}

#right-pane
{
	padding:10px 10px 10px 5px;
    float:right;
    width:385px;
    /*height:500px;*/
    /*border-style:solid;
    border-width:thin;*/
}

#footer
{
    clear:both;
    text-align: center;
    color: #dbcfb0;
    /*background: url(images/horz-bg.jpg) bottom left;*/
}

#available-list
{
	
    width:385;
    /*
    overflow:auto;
    overflow-x: hidden;*/
}

#army-list
{
    width:385;
}

#army-info-dialog 
{
    display:table;
    height:auto;
	padding: 10px;
}

table
{
	width: 385px;
	border-collapse: collapse;
	margin-bottom: 10px;
	border: 1px solid #2b2d2f;
	/*border-style: solid;
    border-width: thin;*/
  
}

/* faction selector table */
table.faction-select
{
	padding: 5px 0px 0px 0px;
	margin-bottom: 0px;
	width: 800px;
}

.faction-select tr
{
	color: #dbcfb0;
}

.faction-select th
{
}
.faction-select td
{
	cursor:pointer;
	padding:5px 2px 2px 2px;
	color:Black;
	width:76px;
	text-align: center;
}

.faction-select img
{
	
}

.faction-select a
{
	color: #dbcfb0;
}

td.faction-select-selected
{
	cursor:pointer;
	border-left-style:solid;
	border-left-width:thin;
	border-right-style:solid;
	border-right-width:thin;
	text-align: center;
	font-weight:bold;
	font-size:1.1em;
	background: url(images/midback2.png) repeat-y;
}

/*table.faction-select  td:hover 
{
	border-left-style:solid;
	border-left-width:thin;
	border-right-style:solid;
	border-right-width:thin;
}*/

/* game level selector */
table.game-level-select
{
	padding:padding:5px 0px 0px 0px;
	width: 800px;
}


.game-level-select tr
{
	color: #dbcfb0;
}

.game-level-select th
{
	font-size:small;
}
.game-level-select td
{
	cursor:pointer;
	padding:5px 2px 2px 2px;
	color:Black;
	text-align: center;
}

.game-level-select img
{
	
}

td.game-level-select-selected
{
	cursor:pointer;
	text-align: center;
	font-weight:bold;
	font-size:1.1em;
	border-left-style:solid;
	border-left-width:thin;
	border-right-style:solid;
	border-right-width:thin;
	background: url(images/midback2.png) repeat-y;
}

.game-level-select th{
	font-size: 12px;
	height: 16px;
}

/* available model list */
table.model-list
{
	background: url(images/midback2.png) repeat-y;
}

.model-list tr
{
	color: #dbcfb0;
}

.model-list td
{
	color:Black;
}
tr  {
    /*background: #fff;*/
}

tr.disable-row
{
	color:#aaa;
	/*font-size:small;*/
}
tr.disable-row td
{
    color:#aaa;
}
tr td {
	padding: 0px 5px 0px 5px;
	line-height: 12px;
	height: 22px;
} 

td.name {	
	padding: 1px 0 0 8px;
	width: 220px;
}
	
td.points {
	width: 35px;
	padding-left:15px;
	padding-right: 15px;
	letter-spacing: 1px;
	text-align: center;
	}
td.fa {
		text-align: center;
}

td.add 
{
    cursor:pointer;
	background: url(images/add.png) center no-repeat;
	width:16px;
}
	
td.disable-add
{
    background: url(images/gray_add.png) center no-repeat;
	width:16px;
}
  
td.remove 
{
    cursor:pointer;
	background: url(images/remove.png) center no-repeat;
	width:16px;
}  
	
tr th {
	font-style: italic;
	font-weight: bold; 
	font-size: 13px;
	height: 24px;
	padding-top: 3px;
	line-height: 24px;
	background: url(images/horz-bg.jpg) bottom left;
}
tr th.type {
	width: 180px;
	padding-left:7px;
	text-align: left;
	background-position: top center;
}

tr th.points {
	background-position: top center;
	padding-left: 5px;
	text-align: center;
}
tr th.points,
tr th.fa {
	width: 40px;
	padding-left: 0;
	/* background: transparent; */
	letter-spacing: normal;
	background-position: top center;
}

tr th.add {
background-position: top right;
}

/*army-list*/
tr th.army-points 
{
    width: 400px;
	padding-left:7px;
	text-align: left;
	background-position: top center;
}

tr.army-point-total-header
{
	font-weight:bold;
	font-style:italic;
	border-top-style:solid;
	border-top-width:thin;
	border-top-color:#2b2d2f;
}
tr th.checkbox 
{
    background-position: top right;
    width: 80px;
}

table.model-list  tr:hover 
{
	background: url(images/hover.png) top left repeat-x;
}

.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.save-load-button 
{
    float:right;
    padding:2px 5px 2px 5px;
    border-style:double;
    border-width:medium;
    border-color:#77593d;
    font-size:medium;
    text-decoration:none;
    color: Black;/*#442f14;*/
    background: url(images/midback2.png) repeat-y;
}