/* PsychoStats.com CSS style by Stormtrooper */
/* Not all classes within this file are actually used in the PSWEB theme */

BODY {
	color: 			#FFFFFF;
	background-color: 	#220000;
	margin: 		0px;
	padding: 		0px;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 		16px;
}

A {
	color: 			#990000;
	text-decoration: 	none;
}

A:hover {
	color: 			#EE0000;
}

TH,TD,DIV {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-weight: 		normal;
	font-size: 		14px;
}

LABEL {
	cursor: 		pointer;
}


/* 	All btn* classes define styles for BUTTON/SUBMIT INPUT tags only */
INPUT.btn {
	color:			#FFFFFF;
	background-color:	#666666;
	font-size: 		10px;
	border: 		1px solid #000000;
}

/* just like 'btn' except this can be used when multiple buttons are present on a form to distingish it as the 'main' choice */
INPUT.btn-main {
	color:			#FFFFFF;
	background-color:	#444444;
	font-size: 		10px;
	border: 		1px solid #000000;
}

/* a slightly larger button then 'btn' */
INPUT.btn-lrg {
	color:			#FFFFFF;
	background-color:	#666666;
	font-size: 		12px;
	border: 		1px solid #000000;
}

/*	All 'field*' classes define styles that are to be used ONLY for TEXT INPUT tags */
INPUT.field-lrg {
	color:			#000000;
	background-color:	#dddddd;
	font-size: 		14px;
	border: 		1px solid #000000;
}

/* standard input field */
INPUT.field {
	color:			#000000;
	background-color:	#dddddd;
	font-size: 		10px;
	border: 		1px solid #000000;
}

/* same as the 'standard' field except its width is 100% */
INPUT.field-wide {
	color:			#000000;
	background-color:	#dddddd;
	font-size: 		10px;
	border: 		1px solid #000000;
	width:			100%;
}

/* larger input field with a 100% width */
INPUT.field-wide-lrg {
	color:			#000000;
	background-color:	#dddddd;
	font-size: 		14px;
	border: 		1px solid #000000;
	width:			100%;
}

/* 	All sel* classes define styles for SELECT boxes only */
SELECT.sel-norm {
	color:			#000000;
	background-color:	#dddddd;
	font-size: 		10px;
	border: 		1px solid #000000;
}

/* The same as a sel-norm except its width is 100% */
SELECT.sel-wide {
	color:			#000000;
	background-color:	#dddddd;
	font-size: 		10px;
	border: 		1px solid #000000;
	width:			100%;
}

/* a slightly larger 'sel-norm' class */
SELECT.sel-lrg {
	color:			#000000;
	background-color:	#dddddd;
	font-size: 		12px;
	border: 		1px solid #000000;
}

/*	All ta* classes define styles for TEXTAREA fields only */
TEXTAREA.ta {
	color:			#000000;
	background-color:	#dddddd;
	font-size: 		12px;
	border: 		1px solid #000000;
}

/* same as a 'ta' class but its width is 100% */
TEXTAREA.ta-wide {
	color:			#000000;
	background-color:	#dddddd;
	font-size: 		14px;
	border: 		1px solid #000000;
	width: 			100%;
}

/* None of the .tbl* classes actually use the 'color:' attribute. But its present so css-validators won't complain */

/* the frameX class defines the COLOR for the frame outline of the inner and outter tables throughout the site */
.tbl-frame1 {
	color: 			#FFFFFF;
	background-color: 	#000000;
}

/* The shadeX classes define a series of background colors for the inner/outter tables. 1 is the lightest, 6 is the darkest */
/* generally, outter content uses 1-3 and inner content uses 4-6. But this is not strictly enforced on the site */
.tbl-shade1 {
	color: 			#FFFFFF;
	background-color: 	#BCBFCA;
}

.tbl-shade2 {
	color: 			#FFFFFF;
	background-color: 	#ABAEB9;
}

.tbl-shade3 {
	color: 			#FFFFFF;
	background-color: 	#9A9DA8;
}

.tbl-shade4 {
	color: 			#FFFFFF;
	background-color: 	#858D9D;
}

.tbl-shade5 {
	color: 			#FFFFFF;
	background-color: 	#747C8C;
}

.tbl-shade6 {
	color: 			#FFFFFF;
	background-color: 	#636B7B;
}

/*	table header class. This is only used on <TR> (sometimes <TD>) to define the 'background' of the header */
.tbl-hdr {
	color: 			#000000;
	background-color: 	#636B7B;
	font-weight: 		bold;
}

/* defines the header style when a header column is 'highlighted' (ie: different sort methods on a list) */
.tbl-hdrhl {
	color: 			#000000;
	background-color: 	#555555;
	font-weight: 		bold;
}

/* defines the colors for the footer section of the entire site */
.tbl-footer {
	color:			#FFFFFF;
	background-color: 	#440000;
}

/* defines the class for 'text' that goes in a 'header' row */
.text-hdr {
	color: 			#440000;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-weight: 		bold;
	font-size: 		14px;
}

/* a smaller version of 'text-hdr' */
.text-hdr-small {
	color: 			#440000;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-weight: 		bold;
	font-size: 		12px;
}

/* a larger version of 'text-hdr' */
.text-hdr-lrg {
	color: 			#440000;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-weight: 		bold;
	font-size: 		18px;
}

/* an alternate to the other 'text' class. This is generally only used on text that is not displayed within a TABLE or DIV */
.text2 {
	color: 			#FFFFFF;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-weight: 		normal;
	font-size: 		12px;
}

/* a smaller version of 'text2' */
.text2-small {
	color: 			#FFFFFF;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-weight: 		normal;
	font-size: 		9px;
}

/* a larger version of 'text2' */
.text2-lrg {
	color: 			#FFFFFF;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-weight: 		normal;
	font-size: 		14px;
}

/* A label is the text that shows up on forms (this does not get used with <LABEL> tags directly) */
.label {
	color: 			#000000;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-weight: 		bold;
	font-size: 		12px;
}

/* a larger 'label' */
.label-lrg {
	color: 			#000000;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-weight: 		bold;
	font-size: 		14px;
}

/* footer text (usually very small) */
.footer {
	color:			#FFFFFF;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 		10px;
}

/* text within the menu options in the header of the overall site */
.menu {
	color: 			#FFFFFF;
	font-family: 		Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 		normal;
	font-size: 		10px;
}

.menu:hover {
	color: 			#FFFFFF;
	text-decoration: 	underline;
}

/* standard text font styles used through the site. Be sure that the color of the tbl-shades work well with this */
.text {
	color: 			#000000;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-weight: 		normal;
	font-size: 		12px;
}

/* a smaller version of 'text' */
.text-small {
	color: 			#000000;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-weight: 		normal;
	font-size: 		9px;
}

/* a larger version of 'text' */
.text-lrg {
	color: 			#000000;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-weight: 		normal;
	font-size: 		14px;
}

/* The main table area behind all elements on every page. The BODY should have a slightly darker shade of this color */
.main-canvas {
	background-color: 	#660000;
}

/* BG color of the main header menu. This is generally slightly darker then the canvas color */
.main-bg {
	background-color: 	#440000;
}

/* The top line of the header menu */
.main-top {
	background-color: 	#990000;
}

/* The bottom line of the header menu */
.main-bottom {
	background-color: 	#990000;
}

/* The left line of the 'canvas' */
.main-left {
	background-color: 	#990000;
}

/* The right line of the 'canvas' */
.main-right {
	background-color: 	#990000;
}

div.adminlink {
  border: 		1px solid black;  
  background-color: 	#CCCCCC;
  font-family: 		Verdana, Arial, Helvetica, sans-serif;
  font-weight: 		900;
  font-size: 		14px;
  text-align: 		center;
  padding: 		3px;
  margin: 		3px 3px 3px 3px;
  cursor: 		pointer;
}
/* IE4+ does not support the :hover pseudo-class on DIV tags, so we fake it with this and a bit of javascript */
div.adminlink-hover {
  background-color: 	#999999;
}

.kdabove1 {
	color: darkgreen;
}


.kdbelow1 {
	color: darkred;
}