/* GENERIC SITE-WIDE STYLES */

BODY
{
	font-size: 10pt;
	color: dimgray;
	line-height: 120%;
	font-family: Arial, Verdana, Tahoma;
	background-color: #f0f0f0;
}
.clsSmallBody
{
	font-size: 8pt;
	color: dimgray;
	line-height: 120%;
	font-family: Arial, Verdana, Tahoma;
	
}

.clsSmallWhiteText
{
	font-size: 8pt;
	color: white;
		
}

TD
{
	font-size: 10pt;
	vertical-align: top;
}

TH
{
	font-size: 10pt;
	text-align: center;
	font-weight: bold;
}

P
{
	vertical-align: top;
	line-height: 150%;
}

HR
{
	color: #666666;
	height: 1px;
	width: 100%;
}


IMG
{
	margin: 0px 0px 0px 0px;
	border: none;
}


BLOCKQUOTE, PRE
{
	font-family: Courier New, monospace;
}
/* END GENERIC SITE-WIDE STYLES */


/* GENERIC HYPERLINK STYLES */
A, A:Link, A:Visited
{
	color: black;
	text-decoration: underline;
}

A:Hover
{
	color: #F08B05;
	text-decoration: none;
}


A.clsNewsLink, A.clsNewsLink:visited
{
	color: White;
	font-size: 8pt;
	line-height: 90%;
	text-decoration: none;
}

A.clsNoLink
{
	text-decoration: none;
}

A.clsMainLogo
{
	text-decoration: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}




/* END HYPERLINK STYLES */


/* NAVIGATION STYLES */


/* 
*****************************************************************
********************* PLEASE NOTE *******************************
*****************************************************************
Site navigation (on the left hand side) is built from a series
of nested bulleted lists containing a hyperlink as the leaf node
Consequently, styles for the navigation are quite complex.

PLEASE do not touch these styles without asking me first - Paul
*****************************************************************
*****************************************************************
*/
#navholder UL LI UL LI
{
	display: none;
	text-decoration: none;
	border-bottom: none;
}

#navholder UL LI, #navholder UL LI UL LI
{
	list-style-type: none; /*list-style-image: url(/images/bullets/tiny_arrow.gif);*/
	list-style-image: none;
	text-decoration: none;
	background-image: url(/Images/Backgrounds/gray_dottedMenu.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	margin-left: -40px;
	padding: 4px 0 4px 0; /*font-weight: 300;*/
	font-weight: bold;
	font-family: Arial;
}


#navholder
{
	text-indent: 0px;
}

#navholder UL.clsNavVisible LI UL.clsNavVisible LI.clsSubNavActive A.clsNav,
#navholder UL.clsNavVisible LI A.clsNav, 
#navholder UL LI A.clsNav
{
	color: Black;
	text-decoration: none;	
}

#navholder UL.clsNavVisible LI UL.clsNavVisible LI A.clsNav
{
	color: Black;
	text-decoration: none;
	list-style: none url(/images/bullets/gray_arrow_nav.gif) outside;
	vertical-align:  super;	
	padding: 0 0 0 4;
	text-indent: 2px;
	/*
	background-color: #f5f5f5;
	width: 100%;	
*/
}

#navholder UL.clsNavVisible LI UL.clsNavVisible LI A.clsNav:Hover
{
	color: Gray;	
}

#navholder UL.clsNavVisible LI UL.clsNavVisible LI.clsSubNavActive A.clsNav:Hover, 
#navholder UL.clsNavVisible LI UL.clsNavVisible LI.clsSubNavActive A.clsNav, 
#navholder UL.clsNavVisible LI A.clsNav:Hover, 
#navholder UL.clsNavVisible LI.clsNavActive A.clsNav, 
#navholder UL LI A.clsNav:Hover
{
	color: #F08B05;
	text-decoration: none;
}

#navholder UL.clsNavVisible LI UL.clsNavVisible LI
{
	background-position: left bottom;
	display: block;
	font-weight: normal;
	font-size: 7.5pt;
	vertical-align: bottom; /*padding: 2px 0 5px 7px;	*/
	list-style: none none none;
	text-decoration: none;
	background: none;
	margin-left: -35px;
}

/*
*****************************************************************
********************* END SITE NAV ******************************
*****************************************************************
*/

.clsNavButton
{
	padding: 0px 0px 0px 0px;
	border: none;
	margin: -2px 0px 0px 0px;
}

/* 2005-06-02 AbdulS*/
.clsButton
{
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	border-left: darkgray 1px solid;
	color: #ffffff;
	border-bottom: darkgray 1px solid;
	background-color: 344351;
}


OL.clsTermsList LI
{
	font-weight: bold;
	margin: 10px 0 0 -10px;
}

OL.clsTermsList OL LI
{
	font-weight: normal;
	margin-left: -25px;
}

OL.clsTermsList OL LI OL LI
{
	font-weight: normal;
	margin-left: -5px;
}

/* END NAVIGATION STYLES */

/* BULLETED LIST STYLES */

UL LI
{
	list-style-type: none;
	list-style-image: url(/images/bullets/tiny_arrow.gif);
	text-decoration: none;
	line-height: 150%;
}

UL LI LI
{
	list-style-type: disc;
}

UL LI LI LI
{
	list-style-type: circle;
}

OL LI
{
	list-style-type: decimal;
}

OL OL LI
{
	list-style-type: decimal;
}

OL OL OL LI
{
	list-style-type: lower-alpha;
}

H1
{
	font-family: Arial;
	font-size: 17pt;
	font-weight: normal;
	color: #9A99AC;
	line-height: normal;
	font-style: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

.OrangeH1
{
	font-family: Arial;
	font-size: 17pt;
	font-weight: normal;
	color: #f67819;
	line-height: normal;
	font-style: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

H2
{
	font-weight: bold;
	font-size: 100%;	
	background-position: bottom left;
	background-repeat: repeat-x;
	background-image: url(/Images/Backgrounds/dottedHL.gif);
	text-transform: uppercase;
	color: #000000;
	line-height: 25px;
	padding-top: 20px;	
}

H3
{
	font-size: 12;
	font-weight: bold;
}

H3.clsNewsHeader
{
	background: none;
	background: url(/images/bullets/arrow.gif) no-repeat left;
	background-color: #c3c3c3;
}

H3 + P
{
	padding: 0 0 0 25px;
}

H4
{
	font-size: 100%;
	font-weight: 600;
	width: 100%;
	border-bottom: solid 1px #c3c3c3;
}

H5 H6
{
	background-color: #c3c3c3;
}

/* END HEADING STYLES */

/* DATA GRID STYLES */
.DataGridClass
{
	border: solid 1px black;
	background-color: White;
	color: Black;
	padding: 4px;
	margin: 0px;
}

.DataGridHeader
{
	background-color: Gray;
	color: White;
	font-weight: bold;
}

.DataGridAlternating
{
	border: none;
	background-color: #f5f5f5;
}

.DataGridSelected
{
	border: none;
	background-color: Gray;
	color: White;
}

.ChildDataGridClass
{
	border: solid 1px transparent;
	background-color: transparent;
	color: Black;
	padding: 4px;
	margin: 0px;
}

.ChildDataGridHeader
{
	border: none;
	background-color: Transparent;
	color: White;
	font-weight: bold;
}

.ChildDataGridItem
{
	border: none;
	border-style: none;
	background-color: Transparent;
}

.ChildDataGridAlternating
{
	border: none;
	border-style: none;
	background-color: Transparent;
}

.ChildDataGridSelected
{
	border: none;
	background-color: Transparent;
}
/* END DATA GRID STYLES */

/* SPAN STYLES */
.clsHidden
{
	display: none;
}

.NoBorder
{
	border-style: none;
}

.clsMandatory
{
	font-weight: normal;
	color: #F08B05;
}

.clsOptional
{
	font-weight: normal;
	color: #000000;
}


.clsSmallLabel
{
	font-weight: normal;
	color: #000000;
	font-size: 6pt;
	clear: both;
	float: none;
	width: 100%;
	text-transform: uppercase;
}


.clsConfirmation
{
	font-weight: bold;
	color: #000000;
}

.clsLabel
{
	font-weight: bold;
	color: #000000;
}

.clsLabelText
{
	font-weight: normal;
	color: #000000;
}

.clsGoogleLabel
{
	font-size: 7pt;
}

SPAN.clsInstaller
{
	display: inline-block;
}

.clsDDLNewsFeed
{
	font-size: 80%;
}

.clsToolTip
{
	cursor: help;
}

DIV.clsHighlighted
{
	border: solid 1px #666666;
	background-color: #e3e3e3;
	padding: 0px 10px 0px 10px;
}

DIV.clsInlineImage
{
	vertical-align: top;
	display: block;
	float: left;
}

DIV.clsInlineText
{
	display: block;
	vertical-align: top;
	vertical-align: top;
	float: none;
	clear: right;
	margin: 10px 10px 10px 0px;
}

DIV.clsInlineContainer
{
	width: 100%;
	vertical-align: middle;
	clear: both;
	padding: 20px 0 10px 0;
}

.clsTerms
{
	font-family: Arial;
	font-size: 9px;
	margin-left: 20px;
}

.clsIndent
{
	margin-left: 20px;
}


/* END SPAN STYLES */

/* FORM TABLE STYLES */
.clsSubForm
{
	background-color: Transparent;
	padding: 15px 15px 15px 15px;
	border: dotted 1px black;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#ffffffff' , endColorStr= '#44ffffff' , gradientType= '1' );
}

.clsForm
{
	background-color: Transparent;
	padding: 5px 5px 5px 5px;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	border-left: solid 5px #F08B05;
	border-right: solid 1px black;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#ffd4d4d4' , endColorStr= '#44ffffff' , gradientType= '1' );
}

.clsInfoTable
{
	width: 100%;
	background-color: Transparent;
	padding: 5px 5px 5px 5px;
	border: solid 1px black;
}


.clsFormHeading
{
	color: #666666;
	font-style: italic;
	font-weight: bold;
	padding-bottom: 20px;
}

.clsGoogleForm
{
	background-image: url(/images/backgrounds/g-box.gif);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	width: 149px;
	height: 72px;
	overflow: visible;
	text-align: center; /*border-bottom: solid 2px #666666;*/
}
/* END FORM TABLE STYLES */

/* PAYMENT SUMMARY STYLES */

.clsPaymentDesc
{
	text-indent: 10px;
}

.clsPaymentHeader
{
	font-weight: 500;
	background-color: #c3c3c3;
	text-transform: uppercase;
	padding: 0px 0px 0px 3px;
	border-right: solid 2px #F08B05;
}

.clsMonthlyCharge, .clsOneOffCharge
{
	text-align: right;
}

.clsTotalCharge
{
	text-align: right;
	font-weight: bold;
}


/* END PAYMENT SUMMARY STYLES */

/* TABLE ELEMENT CLASSES */
.clsTH_TL_Round
{
	font-weight: normal;
	color: white;
	background-color: #ABABAB;
}

.clsTH_TR_Round
{
	font-weight: normal;
	color: white;
	background-color: #ABABAB;
}

.clsTH_BL_Round
{
	font-weight: normal;
	color: white;
	background-color: #ABABAB;
}

.clsTH_BR_Round
{
	font-weight: normal;
	color: white;
	background-color: #ABABAB;
}

.clsTH_TL
{
	font-weight: normal;
	color: white;
	background-color: #ABABAB;
}

.clsTH_TR
{
	font-weight: normal;
	color: white;
	background-color: #ABABAB;
}

.clsTH_BL
{
	font-weight: normal;
	color: white;
	background-color: #ABABAB;
}

.clsTH_BR
{
	font-weight: normal;
	color: white;
	background-color: #ABABAB;
}

.clsTH
{
	font-weight: normal;
	color: white;
	background-color: #ABABAB;
}

.clsTR
{
	background-color: #E0E0E0;
}

.clsTR_Alt
{
	background-color: #FFFFFF;
}

.clsTD
{
	font-weight: normal;
	color: #333333;
	background-color: #E0E0E0;
}

.clsTD_Title
{
	font-weight: bold;
	background-color: #ABABAB;
}
.clsTD_Title A
{
	color: #ffffff;
}
/* END TABLE ELEMENT CLASSES */


/* FORM INPUT STYLES */

#txtGoogleSearch
{
	width: 100px;
	border: solid 1px #666666;
	background: url(/images/backgrounds/googlelogo.gif) no-repeat center middle;
	background-color: White;
}

#btnGoogleSearch
{
	display: block;
	visibility: visible;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	position: absolute;
	width: 18px;
	height: 32px;
	z-index: 0;
	top: 167px;
	left: 129px; /*border: solid 1px red;*/
}

#SignInForm INPUT
{
	border: solid 1px #666666;
	background-color: #666666;
	color: White;
	font-weight: bold;
	vertical-align: top;
}

INPUT.clsTxt
{
	border: solid 1px black;
}

INPUT.clsDdl
{
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	border-left: darkgray 1px solid;
	width: auto;
	border-bottom: darkgray 1px solid;
}

#txtComment
{
	font-size: 10pt;
	line-height: 120%;
	color: black;
	font-family: Verdana, Arial, Tahoma;
	background-color: #FFFFFF;
}

.clsRadioListItem
{
	vertical-align: bottom;
}

LABEL
{
	display: inline-block;
	padding-left: 6px;
	width: 90%;
	vertical-align: top;
}

/* END FORM INPUT STYLES */

/* NEWS FEED STYLES*/
#News
{
	z-index: 1;
	padding: 5px 5px 5px 5px;
	border: solid 2px #999999;
	width: 180px;
	background: url(/images/backgrounds/filterdark.gif) repeat-x top left;
}

#HomeNews
{
	border: dashed 1px #c3c3c3;
	background-color: transparent;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#aaffffff' , endColorStr= '#aaffffff' , gradientType= '1' );
}



A.clsHomeNewsLink, A.clsHomeNewsLink:visited
{
	text-decoration: none;
	padding-left: 13px;
	display: inline-block;
	background: url(/images/bullets/tiny_arrow.gif) no-repeat left;
}

.clsNewsBody
{
	border: solid 1px #e3e3e3;
}

.clsNewsHeader
{
	background-color: #c3c3c3;
}

#News HR
{
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: dashed 1px #c3c3c3;
}

.clsDDLNewsFeed option
{
	background-color: #666666;
	color: White;
	font-weight: bold;
}

/* END NEWS FEED STYLES*/

/* MISC STYLES*/

#divPreview
{
	border: solid 1px black;
	width: 300px;
	height: 500px;
	overflow: scroll;
}

#Date
{
	background-color: #000000;
	color: White;
	font-family: Arial;
	font-size: 7pt;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	padding: 4px 0 4px 0;
	margin: 0 0 0 0;
	text-align: center;
}

#SignInForm
{
	background-color: transparent;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#SignInForm INPUT
{
	vertical-align: bottom;
}

.commandbutton
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	vertical-align: middle;
	border: none;
}

.clsChannel
{
	clear: both;
	float: none;
	margin-bottom: 80px;
}

.clsChannelImg
{
}

.clsChannelDesc
{
	letter-spacing: 6px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 120%;
	background: url(/images/bullets/arrow.gif) no-repeat left;
	padding: 0 0 0 30px;
}

.clsChannelCategory
{
	float: none;
	clear: both;
}


.clsChannelCategoryDesc
{
	background-color: #f1f1f1;
	clear: both;
}

.clsChannelCategoryLink
{
	margin: 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
	width: 29%;
	float: left;
	clear: none;
}

.clsChannelCategoryLinkURL
{
	padding: 3px 0 0 5px;
	background-color: #e1e1e1;
}

.clsChannelCategoryLinkImg
{
	background-color: #e1e1e1;
}

.clsChannelCategoryLinkDesc
{
	background-color: #f1f1f1;
}

.lblDIVLabel
{
	background-color: #e3e3e3;
	font-weight: bold;
	position: relative;
	text-align: left;
	top: 8px;
	left: -29px;
	padding: 0 3px 0 3px;
}

.clsLinkSuggestionPanel
{
	border: solid 2px #666666;
	background-color: transparent;
	padding: 10px 10px 10px 10px;
	margin: 0 8px 0 8px;
}

.clsBold
{
	font-weight: bold;
	font-size: 10pt;
	color: dimgray;
	line-height: 120%;
	font-family: Arial, Verdana, Tahoma; /*background-color: #f0f0f0;*/
}

.clsBlackBold
{
	font-weight: bold;
	font-size: 10pt;
	color: black;
	line-height: 120%;
	font-family: Arial, Verdana, Tahoma;
}


.clsBottomBorder
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
}

.clsPromoHeading
{
	color: #9A99AC;
	padding: 0 0 10px 0px;
	font-size: 7.5pt;
	vertical-align: top;
	font-weight: bolder;
}

.clsSitePromoTable
{
	padding: 0 0 10px 0;
	background: url(/Images/Backgrounds/gray_dottedmenu.gif) repeat-x bottom left;
}
.float
{
	clear: both;
	float: none;
}
HR
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
}
.clsTable
{
	border-right: #e5e5e5 1px solid;
	padding-right: 6px;
	border-top: #e5e5e5 1px solid;
	padding-left: 6px;
	padding-bottom: 6px;
	margin: 1px;
	border-left: #e5e5e5 1px solid;
	padding-top: 6px;
	border-bottom: #e5e5e5 1px solid;
	background-color: white;
}
.clsWhiteBold
{
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 100%;
	padding-bottom: 0px;
	margin: 0px;
	color: white;
}
clsWhiteBorder
{
	border-bottom: Solid 2px #ffffffff
}

.tb-gradient {
    border:0;
    background: transparent url(/images/gradient.gif) no-repeat top left;
    height: 24px;
    width: 238px;
    padding-top:2px;
    padding-left: 2px;
}

.gradientTextBox {
	margin: 5px 0;
	vertical-align:middle;
	background: url(/images/Backgrounds/inputbox_bg.jpg) repeat-x;
	padding:2px;

}

.RedText
{
	color: Red;
}