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

a {
	color: #FF8C00;
	text-decoration: none;
}

a:hover,
a:active,
a:focus {
	color: #0095E1;
}

body {
	background-color: #003E5E;
	color: #E7E7E7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	scrollbar-3dlight-color: #006091;
	scrollbar-arrow-color: #FF8C00;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #002C42;
	scrollbar-highlight-color: #002C42;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #002C42;
}

div.qsetmenu {
/*	border-color: #006091 #000000 #000000 #006091; */
	border-left: 2px solid #006091;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	border-top: 2px solid #006091;
	background: #3E4637;
	width: 100 px;
	position: absolute;
	color: #E4E9E0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
}

div.adminlink {
	background-color: #CCCCCC;
	border: 1px solid #000000;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 900;
	margin: 3px 3px 3px 3px;
	padding: 3px;
	text-align: center;
}

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

fieldset {
	border: 1px solid;
	border-color: #006091 #000000 #000000 #006091;
	padding: 4px;
}

img {
	border: 0px;
}

/* 	All btn* classes define styles for BUTTON/SUBMIT INPUT tags only */
input.btn {
	background: #003E5E;
	border: 1px solid;
	border-color: #006091 #000000 #000000 #006091;
	color: #E7E7E7;
	font-size: 11px;
}

/* a slightly larger button then 'btn' */
input.btn-lrg {
	background: #003E5E;
	border: 1px solid;
	border-color: #006091 #000000 #000000 #006091;
	color: #E7E7E7;
	font-size: 12px;
}

/* 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 {
	background: #003E5E;
	border: 1px solid;
	border-color: #006091 #000000 #000000 #006091;
	color: #FF8C00;
	font-size: 11px;
	font-weight: bold;
}

/* standard input field */
input.field {
	background: #003E5E;
	border: 1px solid;
	border-color: #000000 #006091 #006091 #000000;
	color: #E7E7E7;
	font: 11px Verdana,Arial,Helvetica,sans-serif;
	padding-bottom: 2px;
	padding-left: 2px;
}

/*	All 'field*' classes define styles that are to be used ONLY for TEXT INPUT tags */
input.field-lrg {
	background-color: #003E5E;;
	border: 1px solid;
	border-color: #000000 #006091 #006091 #000000;
	color: #E7E7E7;
	font-size: 14px Verdana,Arial,Helvetica,sans-serif;
}

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

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

label {
	cursor: pointer;
}

legend {
	color: #E7E7E7;
}

/* a slightly larger 'sel-norm' class */
select.sel-multi {
	background: #003E5E;;
	color: #E7E7E7;
//	border: 0px solid #808080;
	margin: 5px;
	padding: 2px;
	vertical-align: middle;
	font: 9px Verdana,Arial,Helvetica,sans-serif;
}

select.sel-lrg {
	background: #003E5E;
	color: #E7E7E7;
	font: 12px Verdana,Arial,Helvetica,sans-serif;
}

/* 	All sel* classes define styles for SELECT boxes only */
select.sel-norm {
	background: #003E5E;
	color: #E7E7E7;
	font: 11px Verdana,Arial,Helvetica,sans-serif;
}

/* The same as a sel-norm except its width is 100% */
select.sel-wide {
	background: #003E5E;
	color: #E7E7E7;
	font: 11px Verdana,Arial,Helvetica,sans-serif;
	width: 100%;
}

/*	All ta* classes define styles for TEXTAREA fields only */
textarea.ta {
	background: #003E5E;
	border: 1px solid;
	border-color: #000000 #006091 #006091 #000000;
	color: #E7E7E7;
	font: 11px Verdana,Arial,Helvetica,sans-serif;
	padding-bottom: 2px;
	padding-left: 2px;
}

/* same as a 'ta' class but its width is 100% */
textarea.ta-wide {
	background: #003E5E;
	border: 1px solid;
	border-color: #000000 #006091 #006091 #000000;
	color: #E7E7E7;
	font: 11px Verdana,Arial,Helvetica,sans-serif;
	padding-bottom: 2px;
	padding-left: 2px;
	width: 100%;
}

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

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

.kdabove1 {
	color: #00E602;
}

.kdbelow1 {
	color: #FF4500;
}

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

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

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

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

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

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

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

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

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

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

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

/* 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 {
	background-color: #000000;
	color: #E7E7E7;
}

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

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

/* 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 {
	background-color: #005D8C;
	color: #E7E7E7;
}

.tbl-shade2 {
	background-color: #006090;
	color: #E7E7E7;
}

.tbl-shade3 {
	background-color: #0072AC;
	color: #E7E7E7;
}

.tbl-shade4 {
	background-color: #006FA8;
	color: #E7E7E7;
}

.tbl-shade5 {
	background-color: #003E5E;
	color: #E7E7E7;
}

.tbl-shade6 {
	background-color: #003E5E;
	color: #E7E7E7;
}

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

/* 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-size: 12px;
	font-weight: normal;
}

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

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

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

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

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

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

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