/*******************************************************************************
 ***
 ***     BODY, PARAGRAPH, LINK, & GENERAL TEXT FORMATTING
 ***
 *******************************************************************************/

BODY
{
	background-color: #FFFFFF;
	font-family: 'Franklin Gothic Book', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: .75em;
	color: #666666;
	margin: 0px;
}

P, TD, TD.bodybold, TD.outputfields, TD.outputfieldscurrency
{
	font-size: .9em;
}

.clsSmallText
{
	font-size: .7em;
}

.clsIndent
{
	margin-left: 2.0em;
}

B.bodybold
{
	color: #666666;
	font-weight: bold;
}

.bodybold
{
	color: #666666;
	font-size: 1.0em;
	font-weight: bold;
}

a
{
	font-size: 1.0em;
	text-decoration: none;
	color: #FB9C1C;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	padding-right: 3px;
	white-space: nowrap;
}

a.more
{
	font-size: 1.0em;
	font-weight: bold;
	font-style: italic;
}

a.tinylink
{
	font-size: .7em;
}

a:hover
{
	color: #FFFFFF;
	background-color: #F3B05F;
}

.fieldcaptions
{
	/* font-family: Arial, Helvetica, sans-serif; */
	color: #6D89A1;
	font-size: .8em;
	font-weight: bold;
	text-align: right;
}

.fieldcaptionsTiny
{
	/* font-family: Arial, Helvetica, sans-serif; */
	color: #6D89A1;
	font-size: .57em;
	font-weight: bold;
}

.fields
{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: .85em;
	font-weight: bold;
	background-color: #F5F7FA;
	border: 1px solid #6D89A1;
	padding: 2px;
	behavior: url('/d/PowerWare/App_Themes/PowerWare/Styles/b_InputMask.htc');
}

INPUT.fields
{
	height: 1.75em;
}

.outputfields, .outputfieldscurrency, .outputfieldscurrency_negative, .outputfieldscurrency_disabled
{
	/* font-family: Arial, Helvetica, sans-serif; */
	color: #666666;
	font-size: .85em;
	font-weight: bold;
	background-color: #FAFAFA;
	border: 1px solid #A1A1A1;
	padding: 2px;
	height: 1.75em;
}

.outputfieldscurrency
{
	text-align: right;
}

.outputfieldscurrency_negative
{
	color: #CC6666;
	background-color: #FFFFFF;
	border-color: #CC6666;
	text-align: right;
}

.outputfieldscurrency_disabled
{
	color: #EEEEEE;
	background-color: #FFFFFF;
	border-color: #F7F7F7;
	text-align: right;
}

.buttons
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	color: #7F9BB3;
	background-color: #FFFFFF;
	border-color: #7F9BB3;
	border-width: 2px;
	border-style: solid;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	cursor: pointer;
	width: 8.6em;
	height: 2.1em;
	behavior: url('/d/PowerWare/App_Themes/PowerWare/Styles/b_MenuButton.htc'); /* 	font-family: Arial, Helvetica, sans-serif; 	color: #FFFFFF; 	font-size: 12px; 	font-weight: bold; 	background-color: #FFAC59; 	border: 2px solid; 	text-align: center; 	text-decoration: none; 	padding-top: 3px; 	padding-right: 3px; 	border-color: #FFD7AE #FB9C1C #FB9C1C #FFD7AE; 	cursor: hand; 	padding-bottom: 3px; 	padding-left: 3px; */
}

.buttons:hover
{
	background-color: #F3B05F;
	color: #FFFFFF;
}

.bodyboldtable
{
	/* font-family: Arial, Helvetica, sans-serif; */
	color: #6D89A1;
	font-size: .9em;
	font-weight: bold;
	text-align: right;
}

.clsHeaderLogo
{
	margin-top: 4px;
	margin-bottom: 2px;
}

.table
{
	background-color: #E6EBF2; /*	font-family: Arial, Helvetica, sans-serif; */
	font-size: .9em;
	font-weight: bold;
	color: #666666;
}


/*******************************************************************************
 ***
 ***     HEADER, NAVIGATION, & FOOTER STYLES
 ***
 *******************************************************************************/

.clsSubNavigation
{
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 0px;
	padding-right: 0px;
}

.clsHeader
{
	height: 84px;
	background-color: #FFFFFF;
	font-size: 1px;
}

a.clsHeaderLink, a.clsHeaderLink:hover
{
	color: #FFFFFF;
	background-color: #FFFFFF;
}

.clsNavSeperator
{
	height: 14px;
	background-color: #7F9BB3;
	font-size: 1px;
}

.clsNavSpacerTop
{
	height: 7px;
	background-color: #6D89A1;
	font-size: 1px;
}

.clsNavSpacerDark
{
	width: 14px;
	height: 7px;
	background-color: #6D89A1;
	font-size: 1px;
}

.clsNavEndDark
{
	height: 7px;
	background-color: #6D89A1;
	font-size: 1px;
}

.clsNavSpacerLight
{
	width: 14px;
	height: 7px;
	background-color: #FFFFFF;
	font-size: 1px;
}

.clsNavEndLight
{
	height: 7px;
	background-color: #FFFFFF;
	font-size: 1px;
}

.clsNavCell
{
	width: 86px;
	height: 14px;
	background-color: #FFFFFF;
}

/*
.clsNavButton {
	width: 86px;
	height: 16px;
	background-color: #FFFFFF;
	border: #7F9BB3 solid;
	border-width: 1px;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
}

.clsNavButton:hover {
	color: #FFFFFF;
	background-color: #F3B05F;
}

a.clsNavLink {
	width: 86px;
	height: 16px;
	background-color: #FFFFFF;
	color: #7F9BB3;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}

.clsNavButtonActive {
	width: 86px;
	height: 16px;
	background-color: #AF6EB0;
	border: #7F9BB3 solid;
	border-width: 1px;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
}

a.clsNavLinkActive {
	width: 86px;
	height: 16px;
	background-color: #AF6EB0;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}

a.clsNavLinkActive:hover {
	color: #FFFFFF;
	background-color: #F3B05F;
}
*/
.clsBody
{
	background-image: url('/d/PowerWare/Images/bkg-sm.gif');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center 350px
}

.clsContent
{
	width: 650px;
}

.clsFooter
{
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 20px;
	padding-top: 20px;
}

.clsHomePageImage
{
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.clsHeaderImage
{
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 10px;
}

.clsPageImage
{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.clsSiteDetailsImage
{
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	margin-right: 15px;
}

.clsBulletImage
{
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-right: 3px;
}

.clsBulletIndent
{
	margin-left: 18px;
}

.clsTextSection
{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.clsBoxedText
{
	background-color: #FCFCFC;
	border-style: solid;
	border-color: #DDDDDD;
	border-width: 1px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
	color: #999999;
}

.clsSiteDesignTitleCell
{
	width: 333px;
}

.clsBoldTitle
{
	color: #666666;
	font-size: small;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
}

.clsWarningText
{
	color: #CC0000;
	font-size: small;
	font-weight: bold;
}
.clsTinyText
{
	font-size: xx-small;
	color: Black;
}


/*******************************************************************************
 ***
 ***     SPECIAL STYLES
 ***
 *******************************************************************************/
.clsDashedLine
{
	border-bottom: dashed 1px #F3B05F;
}

H2
{
	font-family: Franklin Gothic Medium Cond;
	font-style: italic;
}

.ErrorMessage 
{
	color:Red;
	font-size: small;
	font-weight: bold;		
}

.clsFieldValidator 
{
	color:Red;
	font-size: x-small;
	font-weight: normal;
}

/*******************************************************************************
 ***
 ***     TABLE FORMATTING STYLES
 ***
 *******************************************************************************/
.BlueBox
{
    BORDER-RIGHT: #A3BACC 1px ridge;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #A3BACC 1px ridge;
    PADDING-LEFT: 4px;
    FONT-WEIGHT: normal;
    FONT-SIZE: xx-small;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #A3BACC 1px ridge;
    COLOR: #000000;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #A3BACC 1px ridge;
    FONT-FAMILY: Tahoma, Verdana, Arial
}
.BlueBoxTight
{
    BORDER-RIGHT: #A3BACC 1px ridge;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #A3BACC 1px ridge;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: xx-small;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #A3BACC 1px ridge;
    COLOR: #000000;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #A3BACC 1px ridge;
    FONT-FAMILY: Tahoma, Verdana, Arial
}
.BlueBoxDetails
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 4px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 4px;
    FONT-WEIGHT: normal;
    FONT-SIZE: xx-small;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: 0px;
    COLOR: #000000;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: 0px;
    FONT-FAMILY: Tahoma, Verdana, Arial
}
.BlueBoxDetailsTight
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 1px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 1px;
    FONT-WEIGHT: normal;
    FONT-SIZE: xx-small;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: 0px;
    COLOR: #000000;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: 0px;
    FONT-FAMILY: Tahoma, Verdana, Arial
}
.BlueBoxHeader
{
    BORDER-RIGHT: #678399 1px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #EDF7FF 1px solid;
    PADDING-LEFT: 4px;
    FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #EDF7FF 1px solid;
    COLOR: #235378;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #678399 1px solid;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    BACKGROUND-COLOR: #A3BACC;
}
.BlueBoxHeaderText
{
    FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    COLOR: #235378;
    FONT-FAMILY: Tahoma, Verdana, Arial
}
.BlueBoxHeaderTextLarge
{
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    COLOR: #235378;
    FONT-FAMILY: Tahoma, Verdana, Arial
}
.BlueBoxContent
{
    BORDER-RIGHT: #678399 1px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #99B6CC 1px solid;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #99B6CC 1px solid;
    COLOR: #000000;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #678399 1px solid;
    BACKGROUND-COLOR: #ffffff
}
.BlueBoxContentHighlighted
{
    BORDER-RIGHT: #678399 1px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #99B6CC 1px solid;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #99B6CC 1px solid;
    COLOR: #000000;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #678399 1px solid;
    BACKGROUND-COLOR: #F0F8FF
}
.BlueBoxContentDisabled
{
    BORDER-RIGHT: #678399 1px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #99B6CC 1px solid;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #99B6CC 1px solid;
    COLOR: #777777;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #678399 1px solid;
    BACKGROUND-COLOR: #dddddd
}
.BlueBoxDivider
{
    BORDER-RIGHT: #678399 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #EDF7FF 0px solid;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #EDF7FF 1px solid;
    CURSOR: default;
    COLOR: #235378;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #678399 0px solid;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    BACKGROUND-COLOR: #A3BACC
}
.BlueBoxOddTableRow
{
    BACKGROUND-COLOR: #F0F8FF
}
.BlueBoxLink
{
    FONT-SIZE: xx-small;
    COLOR: #235378;
}
.BlueBoxLink:hover
{
    COLOR: #0061AB;
}