/* General Configuration ************************************/
body {
	color: #c0c0c0;
	font-size: 85%;
	/*Added width, margin and position on 20111020 to fix whole page centering prob - works in FF only*/
	width:1007px; /*was 1024px, then 1007px*/
    margin: 0 auto;
    position: relative;
}
form {
	font-size: 100%;
	color: #c0c0c0;
}
table {
	background-color: #151515;
	font-size: 100%;
}
.matrix {
	color: #00bb00;
	background-color: #004400;
	width: 150px;
}
.matrix2 {
	color: #00bb00;
	background-color: #004400;
	width: 200px;
}
.hl {
	color: #ff0000;
	background-color: #303030;
}
.hl2 {
	color: #dddddd;
}
.hl3 {
	color: #ff0000;
	background-color: #454545;
}
.hl4 {
	color: #ffffff;
	font-style:italic;
	font-size:11px;
}
.hl5 {
	color: #c0c0c0;
	background-color: #303030;
}
.font24 {
	color: #00bb00;
	font-weight:bold;
	font-size:24px;
}
.bghl {
	background-color: #303030;
}
.bghl2 {
	background-color: #000000;
}
.marbl {
	margin-bottom: 10px;	
	margin-left: 10px;
}
.marbr {
	margin-bottom: 10px;	
	margin-right: 10px;
}
.subtle {
	font-size: 8px;
	color: #454545;
}

/* Blog Configuration **************************************/
.bloglink {
	color: #00bb00; 
	background-color: #004400;
}
.bloglink2 {
	color: #00bb00; 
	font-size:11px;
	text-decoration:none;
}
.blogtable {
	border-top: #c0c0c0 thick;
	border-bottom: #c0c0c0 thick;
}
.blogmenu {
	color: #00bb00;
	text-decoration: none;
}


/* RPG Link colors - These are CSS ID selectors, these will not interefere with the new CSS menu buttons ************************************/
#rpglink a:link{
  color: #C68829;
}
#rpglink a:visited{
  color: #A46607;
}


/* Layout Configuration **************************************/
.tTop {
	position: absolute;
	left: 0px;
	top: 0px;
	table-layout: fixed;
	/*background: #151515;*/
	width: 1007px;  /*was 759px*/
	height: 75px;
}
.tLeft {
	position: absolute;
	top: 75px;
	/*background: #151515;*/
	table-layout: fixed;
	width: 100px;
	height: 445px;  /*was 525px, 445px*/
}
.tCenter {
	position: absolute;
	left: 100px;
	top: 75px;
	/*background: #151515;*/
	table-layout: fixed;
	width: 757px;  /*was 509px*/
	height: auto;
	padding-left: 10px;
}
.tRight {
	position: absolute;
	left: 857px;  /*needs to be 856 not 857 to fix right side pixel gap issue*/
	top: 75px;
	/*background: #151515;*/
	table-layout: fixed;
	width: 150px;
	height: 625px; /* 625px */
}
.tBtmRight {
	position: absolute;
	left: 857px;  /*was 609px*/
	top: 700px;
	table-layout: fixed;
	width: 150px;
	height: 75px;
}
.tCommunication {
	position: absolute;
	top: 520px; /*was 675px*/
	table-layout: fixed;
	width: 100px;
}
.t100x75Count {
	position: absolute;
	left: 857px; /*was 0px*/
	top: 775px; /*was 600px*/
	table-layout: fixed;
	width: 100px;
	height: 75px;
}


/*20250405 - replaces cpcs.php includes in the php */
.cpcs{
	padding: 0;
	border-spacing: 0;
}


/* CSS Picture Zoom Mouseover Configuration ******************/
/* HTML Code
<a class="piczoom" href="http://SDNLINK.com"><img src="SDNsmallpiclink" align="left" border="0" class="marbr" height="100" title"" /><span><img src="SDNlargepiclink" /></span></a>
*/
.piczoom{
position: relative;
z-index: 0;
}
.piczoom:hover{
background-color: transparent;
z-index: 50;
}
.piczoom span{ /*CSS for enlarged image*/
position: absolute;
background-color: 151515;
padding: 0px;
left: -1000px;
top: -500px; /* added 20131206 to fix image pop-up pushing black space past bottom of page, used with style 'top' adjustment if image at bottom ie: 2011 */
border: 0px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}
.piczoom span img{ /*CSS for enlarged image*/
border-width: 5px;
border-color: 303030;
padding: 0px;
}
.piczoom:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -100px; /*position where enlarged image should offset vertically */
left: 90px; /*position where enlarged image should offset horizontally */
}


/* Wolfbutton Font Code -  Created on : May 14, 2015, 6:40:34 PM   Author: Wolfman ************************************/
@font-face {
    font-family: 'anhedoni';
    
    src: url('fonts/anhedoni.eot') format('embedded-opentype'),
         url('fonts/anhedoni.woff2') format('woff2'),
         url('fonts/anhedoni.woff') format('woff'),
         url('fonts/anhedoni.ttf') format('truetype'),
         url('fonts/anhedoni.svg#anhedoni') format('svg');
}

 .cssbutton {
    /*Step 2: Basic Button Styles*/
    display: block;
    height: 22px;
    width: 94px;
    background: #151515;
    border: 0px solid rgba(80, 80, 80, 0.25);
    /*Step 3: Text Styles*/
    color: rgba(192, 192, 192, 0.50);
    text-align: center;
    font:  normal 20px/24px serif;
    font-family: 'anhedoni';
    /*Step 4: Fancy CSS3 Styles*/
    background: -webkit-linear-gradient(rgba(120, 120, 120, 0.4) 20%, rgba(69, 69, 69, 0.4) 50%);
    background: -moz-linear-gradient(rgba(120, 120, 120, 0.4) 20%, rgba(69, 69, 69, 0.4) 50%);
    background: -o-linear-gradient(rgba(120, 120, 120, 0.4) 20%, rgba(69, 69, 69, 0.4) 50%);
    background: -ms-linear-gradient(rgba(120, 120, 120, 0.4) 20%, rgba(69, 69, 69, 0.4) 50%);
    background: linear-gradient(rgba(120, 120, 120, 0.2) 20%, rgba(69, 69, 69, 0.2) 50%);
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0px 0 #151515;
    -moz-box-shadow: 0 0px 0 #151515;
    box-shadow: 0 0px 0 #151515;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
    /*text-shadow: 0.25px 0.25px 0 #999, -0.25px 0.25px 0 #999, 0.25px -0.25px 0 #999, -0.25px -0.25px 0 #999;*/
}
/*Step 3: Link Styles*/
 a.cssbutton {
    text-decoration: none;
}
/*Step 5: Hover Styles*/
 a.cssbutton:hover {
    color: rgba(220, 220, 220, 1);
    background: #606060;
    background: -webkit-linear-gradient(top, #909090, #606060, #303030);
    background: -moz-linear-gradient(top, #909090, #606060, #303030);
    background: -o-linear-gradient(top, #909090, #606060, #303030);
    background: -ms-linear-gradient(top, #909090, #606060, #303030);
    background: linear-gradient(top, #909090, #606060, #303030);
}