@charset "UTF-8";
/* CSS Document */
.marginR{margin-right: 15px;}
.marginL{margin-left: 15px;}

body {
	font-family:  Arial, Helvetica, sans-serif;
		background-color:#272f32;
	}

h1	{
	font-family: 'Droid Sans', sans-serif;
	line-height: 32px;
	color:#2B3638;
	font-size: 24px;
	padding-top: 10px;
	padding-bottom: 10px;
	}

a:link, a:visited, a:active {
	color: #dba942;
	text-decoration: none;
	}

a:hover {
	color: #dba942;
	text-decoration: underline;
	}
	
.headercontainer {
	height: 100px;
	min-height: 100px;
	background-color:#272f32;
	}

.subheadercontainer {
	height: 250px;
	min-height: 250px;
	background-color:#2c3638;
	}

.contentcontainer {
	min-height: 150px;
	background-color:#ffffff;
	}
	
.footercontainer {
	height: 50px;
	min-height: 50px;
	background-color:#272f32;
	}
	
.headsubcontainer {
	width: 960px;
	max-width: 960px;
	margin: auto;
	border:0px solid blue;
	}
	
.contentsubcontainer {
	width: 960px;
	max-width: 960px;
	margin: auto;
	border:0px solid red;
	}
	
.footersubcontainer {
	width: 960px;
	max-width: 960px;
	margin: auto;
	border:0px solid green;
	}
	
.hpiconscontainer {margin: auto;}
.hpiconscontainer {padding-top: 20px;}
.hpiconupgrade {margin-bottom: 20px;}
.hpiconupgrade p {width: 260px; max-width: 260px; font-size: 13px; color:#7A7A7A;line-height: 20px;}
.hpicontroops {margin-bottom: 20px;}
.hpicontroops p {width: 260px; max-width: 260px; font-size: 13px; color:#7A7A7A;line-height: 20px;}
.hpiconstrategies {margin-bottom: 20px;}
.hpiconstrategies p {width: 260px; max-width: 260px; font-size: 13px; color:#7A7A7A;line-height: 20px;}
.hpiconforum {margin-bottom: 20px;}
.hpiconforum p {width: 260px; max-width: 260px; font-size: 13px; color:#7A7A7A;line-height: 20px;}


.fancybutton a:active, .fancybutton a:visited, .fancybutton a:link {
font-family: 'Droid Sans', sans-serif;
background-color: #EAEAEA;
color: #2B3638;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
display: inline-block;
padding: 10px 25px 10px;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
box-shadow: 0 1px 1px #B1B1B1;
-moz-box-shadow: 0 1px 1px #b1b1b1;
-webkit-box-shadow: 0 1px 1px #B1B1B1;
margin-top: 10px;
margin-bottom: 1px;
text-decoration: none;
}

.fancybutton a:hover {
background-color: #272f32;
color: #ffffff;
}

.headerlogo {width: 430px; max-width: 430px;}
.nav {margin: 40px 0px 0px 20px;}
.nav a:active, .nav a:visited, .nav a:link {color: #ffffff; padding-right: 20px;} 
.nav a:hover {color: #ffffff; padding-right: 20px; text-decoration: none; color: #39b54a;}
.footersubcontainer {margin: 20px 0px 0px 150px}
.footersubcontainer a:active, .footersubcontainer a:visited, .footersubcontainer a:link {color: #ffffff; padding-right: 20px;} 
.footersubcontainer a:hover {color: #ffffff; padding-right: 20px; text-decoration: none; color: #39b54a;}

table {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 10px 10px 5px #e3e3e3;
-moz-box-shadow: 10px 10px 5px #e3e3e3;
box-shadow: 10px 10px 5px #e3e3e3;
display: table;
border-collapse:collapse;
border-spacing: 2px;
border-color: gray; 
text-align: center;
margin-bottom: 20px;
margin-top: 6px;
}

thead {
display: table-header-group;
vertical-align: middle;
border-color: inherit;
}

tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;

}

th{background-image: -webkit-gradient(linear, left top, left bottom, from(#EBF3FC), to(#DCE9F9));
text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
 border: solid #e0e0e0 1px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
	}

td { border-bottom: solid #e0e0e0 1px;
}


.stats {display: inline-block; padding-right: 40px; color; #5b5b5b; font-size: 10px;}


table.article-table {border-spacing: 20px;}

table td, table th
{
    padding: 10px; /* 'cellpadding' equivalent */
}