/*========================================================*/
/*         Skin styles for  dnnskin.com: Kewl             */
/*              created by dnnskin.com                    */
/*========================================================*/

/*========================================================*/
/*                  Table of Contents                     */
/*========================================================*/
/*  1. General                                            */
/*  2. Skin Layout                                        */
/*  3. Controls                                           */
/*  4. Links and Buttons                                  */
/*  5. Text                                               */
/*  6. Main Menu										  */
/*  6. b. Sub Menu                                        */
/*  7. Module Menus                                       */ 
/*  8. a. House Menu 1                                    */ 
/*  8. b. House Menu 1                                    */
/*========================================================*/


/*========================================================*/
/*  1. General                                            */
/*========================================================*/



/* Forces browser height of 100% */
html{
	height:100%;
}


/* Body style */
body {
	margin-top:0px;
	margin-bottom:0px;
	background: #F1F1F2;
	color:#666;
	font-size: 130%;
	text-align:center;
}


/* Catch-all to ensure text consistency */
div, table, tr, td {
	line-height:16px;
}



/*========================================================*/
/*  2. Page Layout                                        */
/*========================================================*/



/* You may change the site width into any fixed sizes or 100% */

.SiteWidth {
	width: 100%;
	background-color:#F1F1F2;
	padding: 0px;
	border: 0px solid #003366; 
	margin: 0 auto;
	text-align: left;
}

.SiteBorder{
	width: 1024px;
	border: 0px solid #949429; 
	padding: 0px;
	text-align: left;
}
.footerBorder{
	width: 100%;
	border: 0px solid #ffffff; 
	padding: 15px;
	text-align: center;
vertical-align:top;
}

.FooterHeader
{
	 
	height:15px;
	width:980px;
	text-align:center;	 
	padding-top:15px;
	background:url(images/footer_bg.png) repeat-x top  center;
}


/* Style for Solpart Menu */
.Menu {
	vertical-align:  text-bottom;
	height:40px;
	padding:0 0 0 0;
	padding-top:0px;
	
}

.Logo
{
	padding:0 0 0 0;
	padding-left:0;
	padding-bottom:0;
	vertical-align:bottom;
	background-position:bottom;
	background-repeat: no-repeat; 
	border-width:0;
	border-spacing:0;
}
.ChildMenu 
{	
	vertical-align:  text-bottom;
		text-align:right;
		padding:0 0 0 0	
}



.UserMenu 
{	
	vertical-align:  text-bottom;
		text-align:right;
		padding:0 0 0 0;
		padding-right:25px;
		height:20px;		
}

/* Style for Panes */
.TopPane{
	background-color:#F1F1F2;
	padding:0 0 0 0;
	background-image:url(banner_Designer1b.png) ; 
	width:1024px; height:256px; 
	background-repeat: no-repeat; 
	padding-bottom:20px;

}

.LeftPane{
	background-color:#F1F1F2;
	padding:10  0 0 0;
	padding-left:21px;
	width:512px;
}

.ContentPane{
	background-color:#F1F1F2;
	padding:10 0 20 0;
	width:512px;
}

.RightPane{
	background-color:#F1F1F2;
	padding:10  0 0 0;
	width:0;
}

.BottomPane{
	background-color:#F1F1F2;
	padding:0 0 0 0;
}

.Separator{
	background-color:#E03623;  /* add the background color so the   break wouldn't show and will work on both ie and firefox */
	background-image:url(vline.gif); height:25px; width:1px;
	padding-left:3px;
	padding-right:3px;

}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#4F839F; font-size:12px;}
a.footer:hover{color:#C00;}

.bot_left{padding:0px; margin:0px; background:url(images/bot_left.png) no-repeat top left;}
.bot_right{padding:0px; margin:0px; background:url(images/bot_right.png) no-repeat top right; padding:0px 39px 0px 27px;}
.bot_bg{padding:0px; margin:0px; background:url(images/bot_bg.png) repeat-x top left; height:41px;}

.bot_pad{margin-bottom:13px;padding:0 13px 0 13px;}

/*========================================================*/
/*  3. Controls                                           */
/*========================================================*/



/* Style for date control */
.date{
	font-family:arial;
	color:#0E0833;
	font-size:11px;
	font-weight:bold;
	padding-bottom:10px;
}

.LoginUser
{
	font-family:Verdana, sans-serif;
	font-size:8.75px;
	height:19px;
	color:#FFFFFF;
	font-weight:normal;
}

.etimesheet:link, a.etimesheet:visited, a.etimesheet:link, a.etimesheet:active 
{
	font-family:Verdana, sans-serif;
	font-size:9px;
	height:20px;
	padding-left:10;
	padding-right:15;
	padding-top:0;  
	color:#FFFFFF;	
	background-color:Transparent;
	vertical-align:middle;
	text-decoration:none;
}
a.etimesheet:hover{
	font-family:Verdana, sans-serif;
	font-size:9px;
	height:20px;
	padding-left:10;
	padding-right:15;
	padding-top:0;  
	color:#FFFFFF;	
	background-color:Transparent;
	vertical-align:middle;
	text-decoration:underline;
}
 

.MLanguage, a.MLanguage:visited, a.MLanguage:link, a.MLanguage:active 
{
	font-family:Verdana, sans-serif;
	font-size:11px;
	height:25px;
	padding-left:10;
	padding-right:10;
	padding-top:10;  
	color:#FFFFFF;	
	background-color:Transparent;
	vertical-align:middle;
	text-decoration:none;
}


 
a.MLanguage:hover{
	font-family:Verdana, sans-serif;
	font-size:11px;
	color:#164666;
	background:url(./images/Mainmenu_hover.gif) repeat-x top left;
	text-decoration:none;
}

/* Style for Login/Logout, Register/User controls */
a.LoginUser:link, a.LoginUser:visited, a.LoginUser:active {
	font-family:Verdana, sans-serif;
	font-size:9px;
	color:#FFFFFF;/* 29abe2*/
	font-weight:normal;
	text-decoration: none;
}

a.LoginUser:hover{
	font-family:Verdana, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:underline;
}

/* Style for legal related controls */
.LegalLinks, a.LegalLinks:link, a.LegalLinks:visited, a.LegalLinks:active {
	font-family:Verdana, sans-serif;
	font-size:10px;
	color:#2393C3;/* 29abe2*/
	font-weight:normal;
	text-decoration:underline;
 
}

a.LegalLinks:hover {
	font-family:Verdana, sans-serif;
	font-size:10px;
	color:#2393C3; /* 29abe2*/
	font-weight:normal;
	text-decoration:underline;
}

.FooterLinks, a.FooterLinks:link, a.FooterLinks:visited, a.FooterLinks:active {
	font-family:Verdana, sans-serif;
	font-size:10px;
	color:#1c5072;
	font-weight:bold;
 text-decoration:none;
}

a.FooterLinks:hover {
	font-family:Verdana, sans-serif;
	font-size:10px;
	color:#1c5072;
	font-weight:bold;
	text-decoration:underline;
}

.GridButton
{
	background-repeat:no-repeat;
	background-color:Transparent;
	vertical-align:middle;
	background-position:center;
	cursor:pointer;
}

.MyMenu_main
{
	background-color:gray;
	height:25px;
	padding-left:5px;
	padding-right:5px;
}

.MyMenu_main a:link 
{
	color: white; 
	font-style:normal;
	padding-left:2px;
	padding-right:2px;
	font-size: 11px;
}

.MyMenu_main a:hover
{
	color: white;
	font-weight:normal;
	padding-left:2px;
	padding-right:2px;
	font-size: 11px;
}


.MyMenuItem_level1
{
	color: White;
    background-color: Transparent; 
    font-size: 11px;
    font-weight: normal;
}

 .MyMenuItem_hoverstyle
{
    font-weight: bold;
}

.Panel_SemiTransp
{
	background-color:Transparent;
	padding-left:10px;
	padding-top:10px;
}

/*========================================================*/
/*  4. Links and Buttons                                  */
/*========================================================*/

.ButtonSearch
{
	background:url(images/buttonImage_Search.gif) repeat-x top left;
	height:18px;
	width:58px;
}


/* Default link style */
a:link, a:visited, a:active {
	font-family: Verdana, sans-serif;
	color: #2393c3;
	text-decoration: normal;
	font-weight: normal;
	font-size: 11px;
}

a:hover {
	color: #2393c3;
	font-family:Verdana, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}


/* text and link style used for most text rendered by modules */
.Normal, a.Normal:link, a.Normal:visited, a.Normal:active {
	color: #333;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	
}

a.Normal:hover {
	color: #333;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}

 
/* buttons and link buttons style used in the portal admin pages */
a.ButtonEmailNotification:link, a.ButtonEmailNotification:visited, a.ButtonEmailNotification:active  {
 	text-align:center;
 	vertical-align:bottom;
 	padding-top:10px;
	height:34px;
    width   :300px;
	background-image: url(./images/EmailNotificationButton.png);
	background-position:left top;
	background-repeat:no-repeat;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
}

A.ButtonEmailNotification:hover    {
 	text-align:center;
 	vertical-align:bottom;
 	padding-top:10px;
	font-family:Verdana, sans-serif;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
	height:34px;
    width:300px;
	background-image: url(./images/EmailNotificationButton.png);
	background-position:left top;
	background-repeat:no-repeat;
}



/* buttons and link buttons style used in the portal admin pages */
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active  {
	color: #FFF;	
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #666;
	border-left: 1px solid #bbb;
	border-right: 1px solid #999;
	padding: 1px 5px 2px 6px;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	background: #666;
}

A.CommandButton:hover    {
	color: #FFF;	
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #666;
	border-left: 1px solid #ccc;
	border-right: 1px solid #999;
	padding: 1px 5px 2px 6px;
	font-family:Verdana, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	background: #333;
}
.SearchTest
{
	background: #29abe2;
	font-size: 15px;
	font-family:tahoma;
	font-weight: Bold;
	color: White;
	height:20px;
	width:75px;	
	text-align:center;
	
}
.SearchButton 
{
	background:  url(images/Excelhr_Search.gif) ;
}

.imgbtn
{
    border:none; 
    width:105px;
    height:34px;
    /*background:url(images/Excelhr_Search.gif) no-repeat 0 0;    */
    overflow:hidden;
    cursor:pointer;
    text-indent:0;
    padding:0 0 0 0px;
}

.BannerLabelSmall
{
	font-family: Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;	
	color:#4d4d4d;
}

.BannerLabelMedium
{
	font-family: Georgia, serif;
	font-size: 16px;
	font-weight: bold;	
	color:#4d4d4d;
}

.BannerLabelLarge
{
	font-family: Georgia, serif;
	font-size: 24px;	
	font-weight: bold;	
	color:#4d4d4d;
}

.BannerHeadlineLargeWhite
{
	font-family: Georgia, serif;
	font-size: 24px;	
	font-weight: normal;	
	color:#FFFFFF;
}

.BannerHeadlineSmallWhite
{
	font-family: Georgia, serif;
	font-size: 16px;
	font-weight: normal;	
	color:#FFFFFF;
}

.BannerHeadlineLargeDarkBlue
{
	font-family: Georgia, serif;
	font-size: 22px;
	font-weight: normal;	
	color:#29297f;
}

.BannerHeadlineSmallDarkBlue
{
	font-family: Georgia, serif;
	font-size: 16px;
	font-weight: normal;	
	color:#29297f;
}



.BannerHeadlineSmallDarkBlue
{
	font-family: Georgia, serif;
	font-size: 16px;
	font-weight: normal;	
	color:#29297f;
}

                                               
                                    
                                    
.GOButton 
{
	background:  url(images/buttonImage_Go.gif)  no-repeat ;
	width:49px;
	height:22px;
}

.NextButton
{
	background:  url(images/buttonImage_Next.GIF)  no-repeat ;
	width:44px;
	height:18px;	
}
	
.BannerPanel
{
	vertical-align:Top;
	padding-left:0px;
	border-width:0px;
	height:256px;
	background-repeat:no-repeat;
}
	
.BannerTable
{
	vertical-align:top;
	padding:0 0 0 0;
	border-width:0px;	
	height:256px;
	

}

.BannerTableInner
{
	vertical-align:top;
	padding:0 0 0 0;
	border-width:0px;	
	padding-left:10px;
}

.BannerWhiteBackGround
{
	background:  url(banner_Designer1_white.png)  no-repeat ;
	vertical-align:Top;
	padding:0 0 0 0;
	border-width:0px;
	height:256px;
}

.HockeyPoolTable1
{
	background-image:url(./images/HockeyPoolBanner.png);
	background-repeat:repeat;
	padding:0 0 0 0;
	margin: 0 0 0 0;
	height:256px;
}

.HockeyPoolButtonJoin
{
	width:220px;
	height:30px;
	background-color:#a31500;
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
	 color:White;
	
}


.TableMyHomeWhite
{
	width:360px;
	background-color:#FFFFFF;
}

.TableMyHomeGray
{
	width:360px;
	background-color:#dfe0e2;
}


.Table500WGray
{
	width:500px;
	background-color:#dfe0e2;
}
.Table500WWhite
{
	width:550px;
	background-color:#FFFFFF;
}

.Table550WWhite
{
	width:550px;
	background-color:#FFFFFF;
}
.Table550WGray
{
	width:550px;
	background-color:#dfe0e2;
}


.ImagePanel
{
	background-repeat:no-repeat;
}
/*========================================================*/
/*  5. Text                                               */
/*========================================================*/

/* text style for module titles */
.Head {
	font-family: Verdana, sans-serif;
	font-size: 19px;
	font-weight: bold;
	height:20px;
}


/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */ 
.SubHead {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #1c5072;
	font-weight: bold;
}

/* text style used for most text rendered by modules; applies to the majority of text in the site */
.Normal{
	color: #4c4c4c;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

.NormalBlueBold {
	color: #29abe2;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
}


.NormalBold {
	color: #4c4c4c;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.NormalItalics {
	color: #4c4c4c;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style:italic;
}


.NormalBoldItalic {
	color: #4c4c4c;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style:italic;
}
/* Bold red text for alerts and such */
.NormalRed {
	color: #930;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 11px;
}
.labelStyle {
            color:#0E0833;
			font-weight: bold;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Verdana, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

.ModuleTitle
{
	font-family: Verdana, sans-serif;
	font-weight:normal;
	text-align:left;
	font-size:20px;
	color:#29ABE2;
}

/*  form style */
select, input {
	font-family: Verdana, sans-serif;
	font-size: 11px;
}


.H1
{
	font-family: Georgia, serif;
	font-size: 24px;	
	font-weight: normal;
	color: #ffffff;
}
.H1_Darkblue
{
	font-family: Georgia, serif;
	font-size: 24px;	
	font-weight: normal;
	color: #00036e;
}

.H2
{
	font-family: Verdana, sans-serif;
	font-size: 24px;	
	color: #29abe2;
}


/* all the other text*/
h6, DT, TFOOT, THEAD, TH {
	color:#333;
}

.H3
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:  #4c4c4c;
}

.H3White
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:  #FFFFFF;
}

.H3Normal
{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:  #4c4c4c;
}

.H4
{
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #1c5072;
}

.H5
{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #1c5072;
}

.SearchTitle
{
	font-family: Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #29abe2;
}

.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited
{ 
	color:#0E0833; 
	font-size:11px; 
	line-height:1.2em;
	font-family: arial; 
}

/*========================================================*/
/*  6. Main Menu                                             */
/*========================================================*/


/* Menu bar */
.MainMenu_MenuBar {
	background:transparent;
	cursor: hand; 
	padding:0;
	height:25px;
	vertical-align:bottom;
}

/* Container for main menu */
.MainMenu_MenuContainer {
	 background:transparent; /*url(images/mainmenu_bg.png) repeat-x middle left;*/
	margin:0px;
	margin-left:0px;
	height:25px;
	padding:  5  0 0 0;
}

/* Applies to off state of submenu items only */
.MainMenu_MenuItem {
	background:transparent;
	cursor: hand; 
	color: #000000; 
	font-family: Verdana, sans-serif;
	font-size: 11px; 
	font-weight: normal; 
	font-style: normal;
	border-bottom: #D5E0FF 0px solid; 
	border-top: #D5E0FF 0px solid; 
	padding:  5px 3px 5px 3px;
}


/* Container for submenu */
.MainMenu_SubMenu {  /*the same style as MainMenu_MenuItem*/
    z-index: 1000; 
	cursor: hand;
	background: #96b6cd; 
	border: 0px solid #949429;
	margin-top: 0px;
	padding:  5px  3px 5px 3px;
}


/* Hover state for submenu items only */
.MainMenu_MenuItemSel {
	background:url(./images/Mainmenu_hover.gif) repeat-x top left;
	cursor: hand; 
	font-family: Verdana, sans-serif;
	font-size: 11px; 
	font-weight: normal; 
	color:#ffffff;
	border: 0;
	padding: 5px 3px 5px 3px;
}


/* The Root Menu styles have to be AFTER the Submenu styles to overwrite submenu styles*/
/* Idle state for main menu items, can overwrite MainMenu_MenuItem */
.RootMenu_Off {
	 background:transparent; /*url(images/Mainmenu_bg.png) repeat-x top left;*/
	color: #ffffff;
	font-weight: normal;
	font-family: Verdana, sans-serif;
	font-size: 11px; 
	padding:5px 3px 8px 3px;
}

/* Active state for main menu items */
.RootMenu_On{
	background:url(./images/Mainmenu_hover.gif) repeat-x top left;
	color:#164666;
	font-family: Verdana, sans-serif;
	font-size: 11px; 
	font-weight: normal;
	padding:5px 3px 8px 3px;
}

/* Hover state for main menu items */
.RootMenu_Hover{
	background:url(./images/Mainmenu_hover.gif) repeat-x top left;
	color:#164666;
	font-family: Verdana, sans-serif;
	font-size: 11px; 
	font-weight: normal;
	padding:5px 3px 8px 3px;
	
}


/* Inserts a small space between main menu items, also can get rid of the funny red borders */  
.MainMenu_MenuBreak {
	width: auto;
	border: 0;
}


/* Elements we don't really need to see */
.MainMenu_MenuArrow,
.MainMenu_RootMenuArrow,
.MainMenu_MenuIcon {
	display: none;
}



/*========================================================*/
/*  7. Module Menus                                       */
/*========================================================*/

/* Outer container for module submenu */
.ModuleTitle_MenuContainer {
	color: #D5E0FF;
}

/* Inner container for module submenu */
.ModuleTitle_MenuBar {
	cursor: pointer; 
	cursor: hand; 
	height: 20px;
}

/* Idle state for module submenu items */
.ModuleTitle_MenuItem {
	font-family:ariak;
	color: #333;
	font-size: 11px; 
	font-weight: bold; 
	border: #eee 1px solid;
	padding: 1px 4px 2px 2px;
}

/* Inner, INNER(?) container for module submenu (?) */
.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin: 2px 0px 0px -6px;
	background-color: #D5E0FF; 
	border: #333 1px solid;
	padding: 0px 1px 1px 1px;
}

/* Hover state for module submenu items */
.ModuleTitle_MenuItemSel {
	font-family:arial;
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal;
	cursor: pointer; 
	cursor: hand; 
	color: #000000;
	background: #D5E0FF;
	border: #333 1px solid;
	padding: 1px 4px 2px 2px;
}


/* Elements we don't need to see */
.ModuleTitle_MenuArrow,
.ModuleTitle_RootMenuArrow,
.ModuleTitle_MenuBreak,
.ModuleTitle_MenuIcon {
	display: none;
}



/*========================================================*/
/*  8. Search skin                                        */
/*========================================================*/


.SearchTextBox
{    
	 border: solid 0px #0E0833;  
	 Width:115px;  
	 height:16px; 
	 color:#1c5072;
	 font-family: Verdana, sans-serif;
	 text-align:left;
	  
	 padding-bottom:0;
	 padding-top:0;
	 padding-right:0;
	 padding-left:0;
	 margin-right:0px;
	 
 
}
.SearchIcon
{ 
	 	background-image:url(./images/search.gif);
	 	background-color:Transparent;
	 	background-position:left;
	 	background-repeat:no-repeat;
	 	width:21px;
	 	height:16px;
		 padding-bottom:0;
		 padding-top:0;
		 padding-right:0;
		 padding-left:0;
		 margin-left:0px;
		 border-bottom-width:0px;
}

.SearchSpan
{
	background-color: white;
	 vertical-align:bottom;
}

 
/*========================================================*/
/*  9. weather control                                    */
/*========================================================*/


.temp{
    font-size:22px;
    font-family:Tahoma;
    }

.cc{
    font-size: 11px;
    font-family:Tahoma;
    }

.fcastWeekDay{
    font-weight: bold;
    }
    
.ccLoc{
    font-weight: bold;
    }

.fcastDate{
    font-size: 11px;
    font-family:Tahoma;
    }

.curWind{
    font-size: 11px;
    font-family:Tahoma;
    }

.weatherTable{
    padding:5px;
    background-color:white;
    text-align: center;
    border:solid 1px #c3c3c3;
    margin-left:auto;
    margin-right:auto;
    }
    
.fcastTable{
    padding:3px;
    background-color:white;
    text-align:center;
    border:solid 1px #c3c3c3;
    margin-left: auto;
    margin-right: auto;
    }

.weatherError{
   color: #ff0000;
   font-size: 12px;
   margin: 5px 0 5px 0;
}