/* ===================================================== */
/* Name: AT.Base.cfss												*/
/* Description:														*/
/* 	Base CSS for ATTUS Technologies Web Solutions. All	*/
/*    web solutions start with this base css setup. 		*/
/*		Additional style sheets can be used to enhance or	*/
/*		override base to suite the needs for that project.	*/
/*																			*/
/*	Modification History:											*/
/*		2005.04.11	AttusTech/R.Strickland						*/
/*			Original build.											*/
/* ===================================================== */

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
	Define main tags
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

HTML {
	MARGIN: 0;
	PADDING: 0;
	height: 100%;
}
BODY
{
	background-color: #C2C2C2;
	 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 70%;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
	 MARGIN: 0;
	 PADDING: 0;
	 TEXT-ALIGN: center;
	 height: 100%;
}
H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #565656;
	 MARGIN: 0px;
	 PADDING: 0px;
}
H1	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.20em;
	font-weight:	700;
	text-decoration:	none;
	letter-spacing:	normal;
	text-transform:	none;
	}	
H5, DT	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	letter-spacing:	normal;
	text-transform:	none;
	color: #006180;
	margin: 10px 0 5px 0;
	padding: 0;
	}
	
H7	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	}	
FIELDSET {
	margin: 0 10px 10px 10px;
	padding: 10px;
	font: normal 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}	
LEGEND {
	font: bold .85em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0 10px 0 0;
}	
TABLE {
	font: normal 1.0em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
TFOOT, THEAD	{	
	font-size:	1em;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	
P {
	padding: 5px;
	margin: 0;
	font: normal 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
P.raw {
	padding: 0 10px;
	font-size: .9em;
	color: Gray;
}
A {
	color: #003E97;	
}
A:link	{	
	text-decoration:	underline;
	font-weight: bolder;
	}	
		
A:visited	{	
	text-decoration:	underline;
	font-weight: bolder;
	}	
		
A:active	{	
	text-decoration: underline;
	font-weight: bolder;
	}	
		
A:hover	{	
	text-decoration:	underline;
	font-weight: bolder;
	}
LABEL {
	color: #414141;
	font: normal normal bold .9em Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0;
	padding: 2px 0 0 0;
}
LABEL.checkbox {
	color: #414141;
	font: normal normal bold .9em Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0;
	padding: 5px 0 0 0;
}
HR {
	border: 0;
	color: #660000;
	height: 1px;
	width: 90%;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
	Define Form Elements
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
INPUT[disabled].xtextfield 
{
    border: 1px solid #e8e8e8;
    background-color: #e9e9e9;
    color: #707070 !important;
}
INPUT[readonly].xtextfield 
{ 
    border: 1px solid #e8e8e8;
    background-color: #e9e9e9;
    color: #707070 !important;
}
INPUT.xtextfield 
{ font: normal normal normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;  border: 1px solid #C2C2C2;  background: #F5F5F5;   }
INPUT.xtextfieldNumeric 
{ font: normal normal normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;  border: 1px solid #C2C2C2;  background: #F5F5F5; text-align: right;   }
TEXTAREA[disabled].xtextfield 
{
    border: 1px solid #e8e8e8;
    color: #707070 !important;
}
TEXTAREA[readonly].xtextfield 
{ 
    border: 1px solid #e8e8e8;
    color: #707070 !important;
}
TEXTAREA.xtextfield 
{ font: normal normal normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;  border: 1px solid #C2C2C2;  }

SELECT[disabled].xselectfield 
{
    border: 1px solid #d3d3d3;
    background-color: #e9e9e9;
    color: #707070 !important;
}
SELECT[readonly].xselectfield 
{ 
    border: 1px solid #d3d3d3;
    background-color: #e9e9e9;
    color: #707070 !important;
}
SELECT.xselectfield
{ font: normal normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;  background-color: #F9F9F9;  border: 1px solid #C2C2C2;}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
	Define input widths
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
INPUT.textWidth {
	width: 300px;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
	Define informational and exception messages
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
SPAN.errorMessage {
	font-style: italic;
	font-weight: bold;
	color: #FF6347;
}
SPAN.info {
	font-style: italic;
	font-weight: bold;
	color: #747474;
	font-size: .7em;
	padding: 0 0 20px 5px;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
	Define Button classes
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
DIV#buttons {
	padding: 5px 0 0 0;
	margin: 0;
}
.xButton
{
   /* FONT-SIZE: 1.2em;
    WIDTH: 65px;
	 HEIGHT: 25PX;
	 border: 1px solid #999;
    FONT-FAMILY: "Trebuchet MS", Verdana, Tahoma;
    BACKGROUND-COLOR: #ECF1D6;
    TEXT-ALIGN: center;
*/
}
.xButtonnw
{
	/*
    FONT-SIZE: 1.2em;
	 HEIGHT: 25PX;
	 border: 1px solid #999;
    FONT-FAMILY: Verdana, Tahoma;
    BACKGROUND-COLOR: #ECF1D6;
    TEXT-ALIGN: center;
*/
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
	Define Grid displays
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div.gridContainer {
	background: #FBFBFB;
	overflow: visible;
	height: 300px;
	border: 1px solid #E9E9E9;
	text-align: center;
}
div.gridContainerNoHeight {
	background: #FBFBFB;
	overflow: visible;
	border: 1px solid #E9E9E9;
	text-align: center;
}
TABLE.results {
	width:100%;
	border: 1px solid #E9D1BC;
}
TD.gridHeader {
    BORDER-RIGHT: inactiveborder 1px solid;
    BORDER-TOP: inactiveborder 1px solid;
    FONT-WEIGHT: bold;
    BACKGROUND: #f0f8ff;
    BORDER-LEFT: inactiveborder 1px solid;
    BORDER-BOTTOM: inactiveborder 1px solid;
    TEXT-ALIGN: center;
}
TD.inlineDetail {
	background-color: #FDFDFD;
}
TR.gridDetailM
{
    BACKGROUND: #f5f5f5;
}
TR.gridDetail
{
    BACKGROUND: white;
}
TABLE.gridtable {
	border: 1px solid Silver;
	width:100%;
}


.grid
{
    BORDER: #cccccc 1px solid;
    FONT-WEIGHT: normal;
    BACKGROUND: #ffffff;
    width: 100%;
    padding: 5px;
    
}
.gridHeader 
{
    color: Black;
    BORDER: #9999CC 1px solid;
    FONT-WEIGHT: bold;
    BACKGROUND: #f0f8ff;
    TEXT-ALIGN: center;
    height: 20px;
}
.gridItem 
{
    color: Black;
    FONT-WEIGHT: normal;
    BACKGROUND: white;
    font-size:10px;
    padding: 5px;
    height: 20px;
}
.altGridItem 
{
    color: Black;
    FONT-WEIGHT: normal;
    font-size:10px;
    BACKGROUND: #e8e8e8;
    padding: 5px;
    height: 20px;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
	Text field samples
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
LABEL.sample {
	color: #BCBCBC;
	font-size:.75em;
}
LABEL.hits {
	width: 150px;
}
LABEL.numbers {
	width: 50px;
}
LABEL.upper {
	vertical-align: top;
}
TD.gridDetailM
{
    BACKGROUND: #f5f5f5;
    BORDER-RIGHT: inactiveborder 1px solid;
    BORDER-TOP: inactiveborder 1px solid;
    BORDER-LEFT: inactiveborder 1px solid;
    BORDER-BOTTOM: inactiveborder 1px solid;
}
TD.gridDetail
{
    BORDER-RIGHT: inactiveborder 1px solid;
    BORDER-TOP: inactiveborder 1px solid;
    BORDER-LEFT: inactiveborder 1px solid;
    BORDER-BOTTOM: inactiveborder 1px solid;
    BACKGROUND: white;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
	Template Layout
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#topHeader {
	height: 23px;
	background-color: #6666CC;	
}
#topHeaderNavigation {
	float: right;
	margin: 0;
	padding: 3px 10px 3px 0;
	text-align: right;
	vertical-align: middle;
	color: White;
}
#topHeaderTitle
{
	padding: 15px 5px 10px 10px;
	height: 65px;
	text-align: left;
	color: Black;
	font-size: 300%;
	font-family: Arial, hevetica, Sans-Serif;
	font-weight: bold;
	letter-spacing: -1px;
	background-image: url(../images/siteheader/cloud_background.jpg);
	border-bottom: 2px solid #FF9900;
}
a:link.topNavLink
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: White;
	text-decoration: none;	
}
a:active.topNavLink
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: White;
	text-decoration: none;	
}
a:visited.topNavLink
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: White;
	text-decoration: none;	
}
a:hover.topNavLink
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: White;
	text-decoration: underline;	
}
.footerLeft
{
	float: left;
	height: 40px;
	/*background-color: #cfcfcf;*/
	font-family: Arial, helvetica, Sans-Serif;
	font-size: 10px;
	font-weight: normal;
	color: Black;
	text-align: left;
	padding: 5px;	
}

.footerRight
{
	float: right;
	height: 40px;
	/*width: 100%;*/
	/*background-color: #cfcfcf;*/
	text-align: right;
	padding:10px;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
	Template layout
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.hideGridRow
{
    display: none;
    height: 0px;
}

.showGridRow
{
    display: block;
    border: 1px solid #cccccc;
    height: 22px;
}