/* PsychoStats.com CSS style by Wipeout */

BODY {
	color: 			#D0D0D0;
	background-color: 	#202020;
	margin: 		0px;
	padding: 		0px;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 		9pt;
}

A {
	color: 			#A0BFCE;
/*	background-color: 	transparent; */
	text-decoration: 	none;
}

A:hover {
	color: 			#D0D0D0;
/*	background-color: 	transparent; */
	text-decoration: 	none;
}

A:active {
	color: 			#D0D0D0;
/*	background-color: 	transparent; */
	text-decoration: 	none;
}


H1 {
        font-family:            Verdana, Arial, Helvetica, sans-serif;
        font-weight:            normal;
        font-size:              20px;
}

th, td, div {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-weight: 		normal;
	font-size: 		9pt;
}

LABEL {
	cursor: 		pointer;
}

/* 	All btn* classes define styles for BUTTON/SUBMIT INPUT tags only */
INPUT.btn {
	color:			#FFFFFF;
	background-color:	#666666;
	font-size: 		8pt;
	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 */
/* this isn't really used anywhere yet. But I plan on updating the forms as I get the time */
INPUT.btn-main {
	color:			#FFFFFF;
	background-color:	#444444;
	font-size: 		8pt;
	border: 		1px solid #000000;
}

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

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

/* 
	'field-forumtip' is used on the forums POSTING page. It creates a transparent input box that shows help hints. 
	The background-color should match the class thats used on the table cell for that page ( currently: tbl-shade6 )
*/
INPUT.field-forumtip {
	color:			#FFFFFF;
	background-color: 	#404040;
	border: 		0px solid #000000;
	font-size: 		8pt;
	width: 			100%;
}

/* standard input field */
INPUT.field {
	color:			#FFFFFF;
	background-color:	#666666;
	font-size: 		8pt;
	border: 		1px solid #000000;
}

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

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

/* used for the small 'login' box on the main pages */
INPUT.field-login-small {
	color:			#FFFFFF;
	background-color:	#666666;
	font-size: 		7pt;
	border: 		1px dashed #000000;
	width:			100%;
}

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

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

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

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

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

TEXTAREA.ta-wide-pre {
	color:			#FFFFFF;
	background-color:	#666666;
	font-family: 		Courier, 'Courier New', sans-serif;
	font-size: 		8pt;
	border: 		1px solid #000000;
	width: 			100%;
}

TEXTAREA.ta-wide-small {
	color:			#FFFFFF;
	background-color:	#666666;
	font-size: 		8pt;
	border: 		1px solid #000000;
	width: 			100%;
}

/* Used on the forums POSTING page (its BG will generally be white, unlike the rest of the ta' on the site. */
TEXTAREA.ta-msgpost {
	color:			#D0D0D0;
	background-color:	#707070;
	font-size: 		8pt;
	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: 	#999999;
}

/* 	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: 	#858585;
}

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

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

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

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

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

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

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

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

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

/* a smaller version of 'text-hdr' */
.text-hdr-small {
	color: 			#A0BFCE;
/*	background-color: 	transparent; */
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-weight: 		bold;
	font-size: 		8pt;
}

/* a larger version of 'text-hdr' */
.text-hdr-lrg {
	color: 			#A0BFCE;
/*	background-color: 	transparent; */
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-weight: 		bold;
	font-size: 		12pt;
}

/* 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: 			#D0D0D0;
/*	background-color: 	transparent; */
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-weight: 		normal;
	font-size: 		8pt;
}

/* a smaller version of 'text2' */
.text2-small {
	color: 			#D0D0D0;
/*	background-color: 	transparent; */
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-weight: 		normal;
	font-size: 		7pt;
}

/* a larger version of 'text2' */
.text2-lrg {
	color: 			#D0D0D0;
/*	background-color: 	transparent; */
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-weight: 		normal;
	font-size: 		9pt;
}

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

/* a larger 'label' */
.label-lrg {
	color: 			#D0D0D0;
/*	background-color: 	transparent; */
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-weight: 		bold;
	font-size: 		9pt;
}

/* footer text (usually very small) */
.footer {
	color:			#D0D0D0;
/*	background-color: 	transparent; */
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 		7pt;
}

/* text within the menu options in the header of the overall site */
.menu {
	color: 			#A0BFCE;
/*	background-color: 	transparent; */
	font-family: 		Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 		normal;
	font-size: 		8pt;
}

.menu:hover {
	color: 			#A0BFCE;
	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: 			#D0D0D0;
/*	background-color: 	transparent; */
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-weight: 		normal;
	font-size: 		8pt;
}

/* a smaller version of 'text' */
.text-small {
	color: 			#D0D0D0;
/*	background-color: 	transparent; */
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-weight: 		normal;
	font-size: 		7pt
}

/* a larger version of 'text' */
.text-lrg {
	color: 			#D0D0D0;
/*	background-color: 	transparent; */
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-weight: 		normal;
	font-size: 		9pt;
}

/* Used in the documentation system. Highlights matched words when searching */
.text-dochl {
	color: 			white;
	background-color:       black;
	font-family:            Verdana, Arial, Helvetica, sans-serif;
	font-weight:            normal;
	font-size:              9pt;
}

/* 
	defines text that appears within a <PRE> tag. note this is a class and not a direct replacement for PRE, so it 
	must be set as the class of a <PRE> tag
*/
.pre {
	color: 			#000000;
	font-family: 		Courier, 'Courier New', sans-serif;
	font-size: 		8pt;
}

.pre-small {
	color: 			#000000;
	font-family: 		Courier, 'Courier New', sans-serif;
	font-size: 		8pt;
}

/* 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: 	#303030;
}

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

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

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

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

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

/* 
  Used on PRE tags within the documentation pages. PRE tags are usually used to visually seperate commands, etc
  that a user might type in or see as output for something. So I like to make the background of the pre something 
  slightly different then the normal background to help make it visually stand out.
*/
.pre-doc {
        color:			#000000;
        font-family:		Courier, 'Courier New', sans-serif;
        font-size:		12px;
	background: 		#CCCCCC;
}