/************ 
JITCORP All Rights Reserved
Copyright © 2006

Author: Mike Schmid
Tech Support
612.216.1971

For more information about CSS Style Sheets
Visit: http://www.w3schools.com/css/
****************/

/*
Main Page Styles
These styles are applied to each page of the website.
Sizes are caluclated by Percent. 100% is the standard.
If there is a class that you do not want, then just delete the 
class. 
For example,
  You have Class = "border" but you do not want a border.
  By deleting the class and saving the file, there will
  be no more borders throughout the site.
*/
body {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	text-indent: 10px;
}
/* TA stands for a row in a Text Area */
.taText {  
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 10pt;
	/*text-indent: 10px;*/
	text-align: Left
	color: #000000;
}
/* TD stands for a row in a table */
td {  
	font-size: 10px;
}
/* Title bar for each page */
h2 {
	background-position: center;
	text-align: center;
	font-size: 20px;
}
h3 {
	font-size: 12px;
}
/* For buttons, input fields, checkbox or anything field 
that is in a form will display the following characteristics*/
input[type="text"] {
	background-color: #FFFFFF;
	color: #000000;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #333333;
	border-top: 1px solid #333333;
	/*
	border-right: 1px solid #EDAF1F;
	border-bottom: 1px solid #EDAF1F;
	border-left: 1px solid #DFD7B3;
	border-top: 1px solid #DFD7B3;
	*/
}
input[type="text"]:hover {
	background-color: #FFFF99;
	color: #000000;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #333333;
	border-top: 1px solid #333333;
	/*
	border-right: 1px solid #EDAF1F;
	border-bottom: 1px solid #EDAF1F;
	border-left: 1px solid #DFD7B3;
	border-top: 1px solid #DFD7B3;
	*/
}
/*   :hover  */
input[type="reset"] ,
input[type="button"],
input[type="submit"]{
	background-color: #FFFFFF;
	color: #000000;
	border-right: 2px solid #333333;
	border-bottom: 2px solid #333333;
	border-left: 2px solid #CCCCCC;
	border-top: 2px solid #CCCCCC;
}
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover{
	background-color: #FFFFFF;
	color: #000000;
	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	border-left: 2px solid #333333;
	border-top: 2px solid #333333;
}
p {
	text-indent: 0px;
}
/***********
 Classes 
Anything that contains "." is a class. When <class = " "> is called, 
then the characteristics in that class will be used.  
 ***********/
 
 .SplashTitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.bg{
background-color: #FFF7E5;
/*background-image: url(images/bg.jpg);*/
bacground-repeat: no-repeat;
backgraound-position: center center;
border: none;
}

p.indent {
	text-indent: 0px;
	position: relative;
	margin-left: 35px;
	width: 600px;
}
.bold {
	font-weight: bold;
}
.Status {
background-color: #E3EBF2;
}
.Service {
background-color: #cccccc;
}
.Clean {  
 	font-size: 90%
}
.tdDisabled {  
font-weight: bold; 
color: #FF9900; 
background-color: #CCCCCC
}
/***********
The below graph shows how a general table is layout.
To edit a table on the web, locate the section of the table
and match it with its class.
|----------------------------------------|
|             .textTitle                 |
|----------------------------------------|
|  .ttNum, .ttText, .ttDate, .ttGoTo     |
|----------------------------------------|
|  .tdNum, .tdText, .tdDate, .tdGoTo     |
|                                        |
|                                        |
|                                        |
|                                        |
|----------------------------------------|
***********/
.titleText {
	font-weight: normal;
	color: #000000;
	background-color: #F5D281;
	text-align: center;
	font-size: 12px;
}
a.titleText{
	font-weight: bold;
	font-size: 36px;
}
/* Columns/Attributes in a table*/
.ttNum, .ttText, .ttDate, .ttGoTo {
	
	/*font-size: 10px;*/
	font-size: 12px;
	color: #000000;
	background-color: #F8E19C;
	/*
	background-color: #CCCCCC;
	
	*/
	text-align: center;
	padding: .25em .25em .25em .25em;
}
.ttText {
	text-align: left;
}
.ttNum {
	text-align: right;
}

/*
.tdLabel is used if .ttNum bar is placed on the left
side of the table.
*note: Some left nav tables have .tt classes
*/
.tdLabel
{
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	background-color: #F8E19C;
	text-align: right;
	padding: 0 .25em 0 .25em;
}

/* Records/Rows in each table. */
.tdText, .tdDate, .tdNum
{
	font-size: 10px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D0C582;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D0C582;
	background-color: #F4F4E1;
	padding: .25em .25em .25em .25em;
}
.tdText, tdGoToL {
	text-align: left;
}
.tdDate, .ttDate, .tdGoTo{
	text-align: center;
}
.tdNum {
	text-align: right;
}

.tdGoTo {
	font-size: 10px;
	font-weight: bold;
	background-color: #C7D6E7;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #80A2C8;
}

.tdGoTo a
{
	display: block;
	padding: 1px;
}

.tdGoToL {
	font-size: 10px;
	font-weight: bold;
	background-color: #C7D6E7;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #80A2C8;
}


/* This creates the underline in each Row
To delete the underline, delete this class*/

.tdUnderLine {
	background-color: #FBEAC4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
}
.tdSign {  
	font-size: 8pt; 
	color: #111111; 
	background-color: #GGGGGG; 
	text-align: Left
	}

.tdTitle {  
	font-size: 11px; 
	color: #000000; 
	background-color: #EFD176; 
	text-align: Right
	}
/* 
All tables that contain a border, it comes
from this class.
To change the borders pattern replace "solid" with:
 	dotted, dashed, double, groove, ridge, inset, outset
*/ 	
.border {
	border: 1px solid #333333;
	/*border: 1px solid #C47500;*/
}
.borderG
{
	border: 1px #666666 solid;
	margin: 1px;
}

/*
Standard text sizes that can be used throughout
the website. Only a portion of the site uses them.
To change the whole site, Add a font-size: in the
body tag.
*/
.tdTitleSm { 
	font-size: 10px; 
	text-align: left;
	}
.tdTitleSmR {  
	font-size: 10px; 
	text-align: right;
	}
.tdTextSm {  
	font-size: 12px; 
	text-align: left;
	}
.tdTitleL{  
	font-size: 12px; 
	text-align: left;
	}

.tdTitleNavL {  
	font-size: 11px; 
	text-align: left
	}
.tdTitleNavR {  
	font-size: 11px; 
	text-align: right;
	}
.tdCopyright { 
	font-size: 9px; 
	text-align: center;
	}
	
/* Links throughout the website have the following characteristics
 */
a:link, a:hover, a:visited, a:active {
	text-decoration: none;
	color: #0033FF;
	font-size: 11px;
}

/* Old classes */
SELECT.12select {
	background-color: #FFFFFF;
	color: white;
	font-family: Arial, helvetica;
	font-size: 12px;
	font-weight: bold;
}
.12select SELECT{
	background-color: #FF9900;
	color: white;
	font-family: Arial, helvetica;
	font-size: 12px;
	font-weight: bold;
}
.Title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}

div.tabArea {
  font-size: 10px;
  font-weight: bold;
}

a.tab {
  background-color: #F8E19C;
  border: 1px solid #333333;
  border-bottom-width: 0px;
  padding: 2px 1em 2px 1em;
  text-decoration: none;
}

a.tab, a.tab:visited {
  color: #000000;
}

a.tab:hover {
  background-color: #996600;
  color: #FFFF99;
  font-weight: bold;
  /*background-color: #F5D281;*/
  /*color: #993300;*/	
  /*color: #C47500;*/
}
div.tabMain {
  background-color: #F8E19C;
  border: 1px solid #333333;
  padding: .5em;
  width: 800px;
  height: 180px;
}
div.tabIframeWrapper {
  width: 100%;
  height: 100%
}

iframe.tabContent {
  background-color: #FFFFFF;
  border: 1px solid #333333;
  width: 100%;
}

.bttn
{
	background-color: #FFFFFF;
	color: #000000;
	border-right: 1px solid #EDAF1F;
	border-bottom: 1px solid #EDAF1F;
	border-left: 1px solid #DFD7B3;
	border-top: 1px solid #DFD7B3;
	text-align: center;
}

#navigation ul
{
	list-style: none;
	margin: 0;
	padding: 2px 0 4px 0;
}
  
 #navigation li{
 display: inline;
 }
 
 #navigation a:link, #navigation a:visited
 {
 	padding: 2px 10px 2px 10px;
 	border-top: 2 #FFFFFF solid;
 	border-right: 2px #666666 solid;
 	border-bottom: 2px #666666 solid;
 	border-left: 2px #FFFFFF solid;
 	background-color: #EEDD99;
 	font-weight: normal;
 	color: black;
 	margin-bottom: 4px;
 }
 
 #navigation a:hover
 {
 	border-top: 2px #666666 solid;
 	border-right: 2px #FFFFFF solid;
 	border-bottom: 2px #FFFFFF solid;
 	border-left: 2px #666666 solid;
 	background-color: #996600;
 	color: #FFFF99;
 	font-weight: normal;
        margin-bottom: 5px;

 }

@media print
{
	.noprint { display: none; }
	.justprint { display: inline; }
}

@media screen
{
	.noprint { display: inline; }
	.justprint { display: none; }
}

body
{
	margin: 0px;
	font-size: 10pt;
}