/*=====================================================================*/
/*              Cascading Style Sheet for Clearwater Pools Skins                   */
/*                       created by t-worx                             */
/*                                                                     */
/*                    http://www.t-worx.com                            */
/*                      tracyw@t-worx.com                              */
/*=====================================================================*/

html, body {scrollbar-base-color:#5889d5;}
/*=====================================================================*/
/* Skin Main Properties                                                */
/*=====================================================================*/

/* Skin BG Color and Content Alignament */
.BGTable { /* Alignament MUST be defined in the HTML skin file for cross-browser compatibility */
	width: 100%;
	height: 100%;
	vertical-align: top;
	background-color: #5889d5;
}

/* Width of Skin - Applied to underlying table with minimum width applied */
.MainTable {
	width: 750px;
}

/*=====================================================================*/
/* Template Main Areas                                                 */
/*=====================================================================*/

/* Content Areas for Main Page */

.MainCell {
	padding: 0 1 1 1px;
	background-color: #FFFFFF;

	border-left: 1px #08478e solid;
	border-right: 1px #08478e solid;
	border-bottom: 1px #08478e solid;

	vertical-align: top;
}

.DatePaneMain {
	width: 100%;
	height: 39px;
	background-image: url(images/DatePaneBg.gif);
	background-repeat: repeat-x;
	border-bottom: 5px #008430 solid;
}

.DatePane {
	height: 34px;

	padding: 0 10px;
	vertical-align: middle;

	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #004478;
}

.LoginPane {
	height: 34px;

	padding: 0 10px;
	vertical-align: middle;
	text-align: right;

	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #004478;
}

.HeaderPaneMain {
	width: 100%;
	height: 122px;

	background-image: url(images/HeaderBg.jpg);
	background-repeat: repeat-x;

	border-top: 1px #FFFFFF solid;
	border-bottom: 1px #FFFFFF solid;
}

.LogoPane {
	height: 120px;

	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #004478;
}

.AdminPane {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: middle;
	text-align: right;
	padding-right: 10px;
}

.HeaderPane {
	width: 100%;
	height: 120px;
	padding: 10px;

	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #004478;

	vertical-align: top;
}

.NavPaneMain {
	width: 100%;
	height: 28px;

	background-image: url(images/NavOff.gif);
	border-bottom: 1px #FFFFFF solid;
}

.NavPane {
	height: 27px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	width: 100%;
	text-align: left;
	vertical-align: middle;
}

.ContentPaneMain {
	padding: 30 0 10px;
	background-image: url(images/ContentBg.gif);
	background-repeat: repeat-x;
}

.TopPane {
	padding: 10px;
	vertical-align: top;

	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #004478;
}

.LeftPane {
	padding: 10px;
	vertical-align: top;

	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #004478;
}

.CenterPane {
	padding: 10px;
	vertical-align: top;

	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #004478;
}

.RightPane {
	padding: 10px;
	vertical-align: top;

	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #004478;
}

.BottomCell {
	padding: 4 0 0px;

}

.BottomPane {
	width: 100%;
	padding: 10px;
	vertical-align: top;
	text-align: center;

	background-color: #FFFFFF;

	border-top: 1px #08478e solid;
	border-left: 1px #08478e solid;
	border-right: 1px #08478e solid;

	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #004478;
}

.BottomLine {
	width: 100%;
	height: 15px;
	background: url(images/FooterLineBottom.gif) repeat-x;
}



/*=====================================================================*/
/* Template Text and Link Styles Based on Colors                       */
/*=====================================================================*/

/* Black (Default color) */
.Normal { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: normal; }
A.Normal:link, A.Normal:visited, A.Normal:Active { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; }
A.Normal:Hover { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: normal; text-decoration: underline; }

.NormalBold { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: bold; }
A.NormalBold:link, A.NormalBold:visited, A.NormalBold:Active { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none; }
A.NormalBold:Hover { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: bold; text-decoration: underline; }

/* Paragraph Style */
p { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: normal; }

/* Blue */
.NormalBlue { color: #004478; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: normal; }
A.NormalBlue:link, A.NormalBlue:visited, A.NormalBlue:Active { color: #004478; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; }
A.NormalBlue:Hover { color: #004478; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: normal; text-decoration: underline; }

.NormalBoldBlue { color: #004478; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: bold; }
A.NormalBoldBlue:link, A.NormalBoldBlue:visited, A.NormalBoldBlue:Active { color: #004478; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none; }
A.NormalBoldBlue:Hover { color: #004478; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: bold; text-decoration: underline; }

/* Orange */
.NormalOrange { color: #ff9c00; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: normal; }
A.NormalOrange:link, A.NormalOrange:visited, A.NormalOrange:Active { color: #d29a00; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; }
A.NormalOrange:Hover { color: #d29a00; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: normal; text-decoration: underline; }

.NormalBoldOrange { color: #ff9c00; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: bold; }
A.NormalBoldOrange:link, A.NormalBoldOrange:visited, A.NormalBoldOrange:Active { color: #ff9c00; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none; }
A.NormalBoldOrange:Hover { color: #ff9c00; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: bold; text-decoration: underline; }

/* Green */
.NormalGreen { color: #00ac35; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: normal; }
A.NormalGreen:link, A.NormalGreen:visited, A.NormalGreen:Active { color: #00ac35; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; }
A.NormalGreen:Hover { color: #00ac35; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: normal; text-decoration: underline; }

.NormalBoldGreen { color: #00ac35; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: bold; }
A.NormalBoldGreen:link, A.NormalBoldGreen:visited, A.NormalBoldGreen:Active { color: #00ac35; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none; }
A.NormalBoldGreen:Hover { color: #00ac35; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: bold; text-decoration: underline; }

/* Red */
.NormalRed { color: #dc4c57; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: normal; }
A.NormalRed:link, A.NormalRed:visited, A.NormalRed:Active { color: #dc4c57; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; }
A.NormalRed:Hover { color: #dc4c57; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: normal; text-decoration: underline; }

.NormalBoldRed { color: #dc4c57; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: bold; }
A.NormalBoldRed:link, A.NormalBoldRed:visited, A.NormalBoldRed:Active { color: #dc4c57; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none; }
A.NormalBoldRed:Hover { color: #dc4c57; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: bold; text-decoration: underline; }

/* Gray */
.NormalGray { color: #707070; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: normal; }
A.NormalGray:link, A.NormalGray:visited, A.NormalGray:Active { color: #707070; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; }
A.NormalGray:Hover { color: #707070; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: normal; text-decoration: underline; }

.NormalBoldGray { color: #707070; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: bold; }
A.NormalBoldGray:link, A.NormalBoldGray:visited, A.NormalBoldGray:Active { color: #707070; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none; }
A.NormalBoldGray:Hover { color: #707070; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: bold; text-decoration: underline; }

/*=====================================================================*/
/* Template Text Headings                                              */
/*=====================================================================*/

/* H1 */
H1 { color: #004478; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 15px; font-weight: bold; }
A.H1:Link,A.H1:Visited,A.H1:Hover,A.H1:Active { color: #004478; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 15px; font-weight: bold; text-decoration: underline; }

/* H2 */
H2 { color: #004478; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 14px; font-weight: bold; }
A.H2:Link,A.H2:Visited,A.H2:Hover,A.H2:Active { color: #004478; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 14px; font-weight: bold; text-decoration: underline; }

/* H3 */
H3 { color: #004478; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 13px; font-weight: bold; }
A.H3:Link,A.H3:Visited,A.H3:Hover,A.H3:Active { color: #004478; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 13px; font-weight: bold; text-decoration: underline; }

/* H4 */
H4 { color: #004478; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; font-weight: bold; }
A.H4:Link,A.H4:Visited,A.H4:Hover,A.H4:Active { color: #004478; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; }

/* H6 */
H6 { color: #004478; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; }
A.H6:Link,A.H6:Visited,A.H6:Hover,A.H6:Active { color: #004478; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; text-decoration: underline; }

/* Default link syle */
A:Link, A:Visited, A:Active { color: #004478; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; }
A:Hover { color: #004478; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: normal; text-decoration: underline; }

/*=====================================================================*/
/* Module Classes                                                      */
/*=====================================================================*/

/* Default Container Title Style */
.Head { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; }

/* SubHead */
.SubHead { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none; }
A.SubHead:Link, A.SubHead:Visited, A.SubHead:Hover, A.SubHead:Active { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: bold; text-decoration: underline; }

/* Module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 9px; font-weight: bold; text-decoration: none; }
A.SubSubHead:Link, A.SubSubHead:Visited, A.SubSubHead:Hover, A.SubSubHead:Active { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 9px; font-weight: bold; text-decoration: underline; }

/* Text style for skin objects */
.SkinObject { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; }
A.SkinObject:Link, A.SkinObject:Visited, A.SkinObject:Active, A.SkinObject:Hover { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: normal; text-decoration: underline; }

/*=====================================================================*/
/* Input and Other Admin Site Styles                                   */
/*=====================================================================*/

/* Normal Text Box */
.NormalTextBox { color: #9eb6db; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: normal; vertical-align: middle; border: 1px solid #000000;}

/* Admin link styles */
A.CommandButton:Link, A.CommandButton:Visited, A.CommandButton:Active { color:#000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; background: #9eb6db; border:2px outset #EDF0E5; padding:2px 3px 3px 4px; height: 20px; }
A.CommandButton:Hover { color:#000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; background: #EDF0E5; border:2px outset #9eb6db; padding:2px 3px 3px 4px; height: 20px; }

/* button style for standard HTML buttons */
.StandardButton, A.StandardButton:Link, A.StandardButton:Visited, A.StandardButton:Active { color:#000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; background: #9eb6db; border:2px outset #EDF0E5; padding:2px 3px 3px 4px; height: 20px; }
A.StandardButton:Hover { color:#000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; background: #EDF0E5; border:2px outset #9eb6db; padding:2px 3px 3px 4px; height: 20px; }

TH  { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; }

/* New DataGrid DNN Class used in Admin interface */
.DataGrid_Header { color: #333333; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none;
.DataGrid_AlternatingItem { color: #000000; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 9px; font-weight: normal; text-decoration: none; }
.DataGrid_Item { color: #333333; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 9px; font-weight: normal; text-decoration: none; }




/*================================================================*/

/*Solpart menu*/

/*================================================================*/

.MainMenu_SubMenu TD
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;

}

.MainMenu_SubMenuItemSelHover TD
{
	color: #FFFFFF;
	height: 28px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;


}

.MainMenu_TabRootMenuItem TD
{
	color: #FFFFFF;
	height: 28px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	background: url(images/NavOff.gif) repeat-x;
	padding-right: 8px;
	padding-left: 8px;
}

.MainMenu_TabRootMenuItemSel TD
{
	height: 28px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(images/navon.gif);
	background-repeat: repeat-x;
	background-position: center top;
	padding-right: 8px;
	padding-left: 8px;

}

.MainMenu_TabMenuItemHover TD
{
	background-image: url(images/NavOn.gif);
	background-repeat: repeat-x;
	background-position: center top;
	color: #FFFFFF;
	height: 28px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	padding-right: 8px;
	padding-left: 8px;
}

.MainMenu_TabMenuItemSelHover TD
{
	background-image: url(images/NavOn.gif);
	background-repeat: repeat-x;
	background-position: center top;
	color: #FFFFFF;
	height: 28px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	padding-right: 8px;
	padding-left: 8px;

}

.MainMenu_MenuContainer {
	border-bottom: #FFFFFF 0px solid;
	border-left: #E7EDE3 0px solid;
	border-top: #FFFFFF 0px solid;
	border-right: #404040 0px solid;
	background-color: Transparent;
	width: 1px;
	padding: 0px;
}

.MainMenu_MenuBar {
	border-bottom: #FFFFFF 0px solid; 
	border-left: #E7EDE3 0px solid; 
	border-top: #FFFFFF 0px solid; 
	border-right: #000000 0px solid;  
	cursor: pointer; 
	cursor: hand; 
	height: 28px; 
}

.MainMenu_MenuItem {
	cursor: pointer;
	cursor: hand;
	color: #FFFFFF;
	font-family: Arial, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	border-left: #FFFFFF 0px solid;
	border-bottom: #FFFFFF 0px solid;
	border-top: #FFFFFF 0px solid;
	border-right: #FFFFFF 0px solid;

}

.MainMenu_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	margin: 0px 0px 0px 0px;
	font-family: Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: #5992BF; 
	border-left: #5992BF 1px solid; 
	border-right: #5992BF 0px solid; 
	border-bottom: #5992BF 1px solid; 
	border-top: #5992BF 1px solid; 
	width: 1; 

}	
.MainMenu_SubMenu {
	z-index: 1000;
	cursor: pointer;
	cursor: hand;
	margin: 0px;
	font-family: Arial, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	background-color: #5992BF;
	border-bottom: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
	border-top: #FFFFFF 1px solid;
	border-right: #FFFFFF 1px solid;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#FFFFFF, Direction=180, Strength=0);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.MainMenu_MenuBreak {
	width: 40px;
	border: 0;
}

.MainMenu_MenuItemSel {
	background-color: #024D86; 
	cursor: pointer; 
	cursor: hand; 
	color: #FFFFFF; 
	font-family: Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;


}

.MainMenu_MenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	color: Black; 
	cursor: pointer; 
	cursor: hand; 
	border-right: #000000 0px solid; 
	border-bottom: #000000 0px solid; 
	border-top: #000000 0px solid;
}

.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.BottomTable {
	width: 100%;
	border-top: 1px solid #08478e;
}
.NavTable {
	background: url(images/NavRight.gif) no-repeat right top;
}