/*========================================================*/
/*              CSS for Frontier Pools Skin               */
/*========================================================*/

/*========================================================*/
/*  1. Universal                                          */
/*========================================================*/

/* Style For HTML PAGE                   */ html { height: 100%; }
/* Style For HTML BODY                   */ body {
													margin: 0;
													margin: 10 15 20 15;
													background-color: #CAD0DD;
													background-image: url(/Portals/0/Skins/Fontier_Pools/Images/Img_Background.jpg);
													background-repeat: repeat-x;
													background-position: left top;
}

/* Setting Text Throughout the skin      */ table, tr, td, p {
													font-family: Arial; 
													font-size: 11px; 
													line-height: 1.4em; 
													margin: 0;
}

/*========================================================*/
/*  2. Design Elements                                    */
/*========================================================*/

/*-- outermost table of skin -Standard      --*/ .OuterTable {
													width: 96%;
													height: 100%;
													align: center;
													background-color: #FFF;
													background-image: url(/Portals/0/Skins/Fontier_Pools/Images/Frontier_Pools/Img_BkgdLeft.jpg);
													background-repeat: repeat-x;
													background-position: left bottom;
													border: 10px solid #FFFFFF;
}
													
/*-- outermost table of skin -Admin         --*/ .OuterTableAdmin { 
													width: 85%; 
													height: 100%; 
													background: url(/Portals/0/Skins/Fontier_Pools/page_bg_l.gif) repeat-y top left #FFF; 
													align: center; }
													
/*-- cell containing login and register - 2 --*/ .LoginTD {
													vertical-align: bottom;
													height: 6px;
													color: #CCCCCC;
													text-align:left;
													background-position: left;
													padding-top: 8px;
													padding-right: 15px;
													padding-bottom: 0px;
													padding-left: 10px;
}
													
/*-- cell containing breadcrumbs            --*/ .BreadCrumbsTD { 
													vertical-align: top; 
													color: #777; 
													padding: 10px 18px 0px 18px; 
													text-align:left; }
													
/*-- cell containing search                 --*/ .SearchTD { 
													text-align:right; 
													vertical-align: top; 
													padding: 6px 7px 0px 0px; 
													height:20px; 
													width:310px;
}
/*-- cell containing date                   --*/ .DateTD { 
													text-align:left; 
													vertical-align: top; 
													padding: 4px 0px 0px 228px; 
													height:20px;
}

/*-- cell containing date 2                 --*/ .DateTD2 { 
													text-align:right; 
													vertical-align: top; 
													padding: 10px 13px 0px 228px; 
													height:29px;
}

/*-- cell containing menu                   --*/ .MenuTD { 
													width: 199px; 
													vertical-align: top; 
													padding: 4px 0 0 0; 
}

/*-- cell containing panes                  --*/ .PanesTD { 
													width:100%; 
													vertical-align: top; 
													padding: 0 0 0 12px; 
}

/*-- top header section                     --*/ .TopRow { 
													background:  url(Images/Img_HeaderCentre.jpg) repeat-x top left; 
													height: 170px; 
													padding: 0; 
}

/*-- topleft header section                 --*/ .TopRowLeft { 
													background:  url(/Portals/0/Skins/Fontier_Pools/Images/Img_HeaderLeft.jpg) no-repeat top left; 
													height: 170px; 
													width:100%; 
													padding: 0; 
}
/*-- topright header section                --*/ .TopRowRight { 
													background:  url(Images/Img_HeaderCentre.jpg) no-repeat top right; 
													height: 170px; 
													width:100%; 
													padding: 0;
}

/*-- bottom footer section                  --*/ .BottomRow {
													height: 56px;padding: 0; 
													background-color: FFFFFF;
													background-image: url(Images/Img_FooterCentre.jpg); 
													background-repeat: repeat-x;
													background-position: center top;
}

/*-- bottomleft footer section              --*/ .BottomRowLeft { 
													background:  url(Images/Img_FooterLeft.jpg) no-repeat top left; 
													height: 56px; 
													padding: 0;
}

/*-- bottomright footer section             --*/ .BottomRowRight { 
													background:  url(Images/Img_FooterRight.jpg) no-repeat top right; 
													height: 56px; 
													text-align: right; 
													vertical-align: top; 
													padding: 27px 25px 0 25px; 
}

/*-- middle content section                 --*/ .MiddleRow { 
													background:  url(/Portals/0/Skins/Fontier_Pools/page_bg_r.gif) repeat-y top right; 
													padding: 0 8px 0 14px; 
}

/*-- Left side Background                   --*/ .BkgdImage {
													background-image: url(Images/Frontier_Pools/Img_BkgdLeft.jpg);
													background-repeat: repeat-x;
													background-position: left bottom;
													background-color: #FFFFFF;
													border-bottom-width: 10px;
													border-left-width: 10px;
													border-bottom-style: solid;
													border-left-style: solid;
													border-bottom-color: #FFF;
													border-left-color: #FFF;
}




/*========================================================*/
/*  3. Content Panes                                      */
/*========================================================*/

/*-- top inside content pane       --*/ .PaneTop { width: 100%; padding: 0 7px 0 7px;}
/*-- left content pane             --*/ .PaneLeft { padding: 0 7px 0 7px; width: 33%; }
/*-- content pane                  --*/ .PaneCenter { padding: 0 7px 0 7px; }
/*-- right content pane            --*/ .PaneRight { padding: 0 7px 0 7px; width: 33%; }
/*-- bottom inside pane            --*/ .PaneBottom { width: 100%; padding: 0 7px 0 7px; }
/*-- bottom menu content pane      --*/ .PaneMenuBottom { width: 100%; padding: 5px 5px 0 5px; }

/*========================================================*/
/*  4. Tokens                                             */
/*========================================================*/

/*-- login and user token idle         --*/ .LOGIN_object, a.LOGIN_object:link, a.LOGIN_object:visited, a.LOGIN_object:active, .USER_object, a.USER_object:link, a.USER_object:visited, a.USER_object:active { color: #555; font-family: Arial; font-size: 11px; font-weight:bold; text-decoration: none; }
/*-- login and user token hover        --*/ a.LOGIN_object:hover, a.USER_object:hover { color: #0177C1; font-family: Arial; font-weight:bold; font-size: 11px; text-decoration: none; }
/*-- date token idle                   --*/ .DATE_object, a.DATE_object:link, a.DATE_object:visited, a.DATE_object:active { color: #FFF; font-family: Arial; font-size: 11px; text-decoration: none; }
/*-- date token hover                  --*/ a.DATE_object:hover { color: #ddd; font-family: Arial; font-size: 11px; text-decoration: none; }
/*-- date token idle 2                 --*/ .DATE_object2, a.DATE_object2:link, a.DATE_object2:visited, a.DATE_object2:active { color: #777; font-family: Arial; font-size: 11px; text-decoration: none; font-weight:normal; }
/*-- date token hover 2                --*/ a.DATE_object2:hover { color: #777; font-family: Arial; font-size: 11px; text-decoration: none; }
/*-- breadcrumbs token idle            --*/ .BREADCRUMBS_object, a.BREADCRUMBS_object:link, a.BREADCRUMBS_object:visited, a.BREADCRUMBS_object:active { color: #777; font-family: Arial; font-size: 11px; text-decoration: none; font-weight:bold;}
/*-- breadcrumbs token hover           --*/ a.BREADCRUMBS_object:hover { color: #444; font-family: Arial; font-size: 11px; text-decoration: none; font-weight:bold; }
/*-- terms privacy and copyright       --*/ .FOOTER_objects { color:#666; font-size: 11px; }
/*-- terms privacy and copyright links --*/ a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { color:#0177C1; font-weight:bold; text-decoration:none; }
/*-- terms privacy and copyright hover --*/ a.FOOTER_objects:hover { color:#0177C1; font-weight:bold; text-decoration:none;  }

/*========================================================*/
/*  5. Text                                               */
/*========================================================*/

/*-- most of the text on site          --*/ .normal, .Normal { 
													font-family: Arial; 
													font-size: 11px; 
													color: #666; 
}
/*-- most of the bold text on site     --*/ .NormalBold { 
													font-family: Arial; 
													font-size: 11px; 
													font-weight: bold; 
													color: #666; 
}
													
/*-- red text on site for errors       --*/ .NormalRed { 
													color: #C50000; 
													font-family: Arial; 
													font-weight: bold; 
													font-size: 11px; 
}

/*-- subheadings - mostly in admin     --*/ .SubHead { 
													font-family: Arial; 
													font-size: 11px; 
													font-weight: bold; 
													color: #777; 
													padding: 0; 
}

/*-- headings - mostly in admin        --*/ .Head { 
													font-size: 11px; 
													color: #777; 
													background: transparent; 
													font-weight: bold; 
													padding: 0;
}

/*========================================================*/
/*  6. Links                                          */
/*========================================================*/

/*-- default links visited and active  --*/ a:link, a:visited, a:active { 
													color: #666; 
													font-family: Arial; 
													font-weight: bold; 
													font-size: 11px; 
													text-decoration: underline; 
}

/*-- default links hover               --*/ a:hover { 
													color: #444; 
													font-family: Arial; 
													font-size: 11px; 
													text-decoration: underline; 
}

/*-- normal  links visited and active  --*/ a.Normal:link, a.Normal:visited { 
													color: #666; 
													font-family: Arial; 
													font-weight: bold; 
													font-size: 11px; 
													text-decoration: none; 
}

/*-- normal  links hover               --*/ a.Normal:hover { 
													color: #444; 
													font-family: Arial; 
													font-size: 11px;	
													text-decoration: none; 
}

/*-- admin button-link style           --*/ a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { 
													color: #6A6A6A; 
													border: 1px solid #ABABAB; 
													background: #EFEFEF; 
													padding: 2px 3px 3px 4px; 
													font-family: Arial; 
													font-weight: bold; 
													font-size: 11px; 
													text-decoration: none; 
													height: 20px; 
}

/*-- admin button-link style hover     --*/ a.CommandButton:hover { 
													color: #6A6A6A; 
													border: 1px solid #868686; 
													background: #DFDFDF; 
													padding: 2px 3px 3px 4px; 
													font-family: Arial; 
													font-weight: bold; 
													font-size: 11px; 
													text-decoration: none; 
													height: 20px; 
}

/*-- search button in search form      --*/ .SearchButton {
													padding: 13px 17px 4px 13px;
													cursor: hand;
													font-size:10px;
													margin: 0 0 0 0px;
													background-color: transparent;
													background-position: right;
}

/*========================================================*/
/*  7. Forms                                              */
/*========================================================*/

/*-- default form elements      --*/ select, input { font-family: Arial; font-size: 11px; color: #333; }
/*-- textbox                    --*/ .NormalTextBox { color: #333; padding-left: 4px; line-height: 12px; font-family: Arial; font-weight: normal; font-size: 11px; }
/*-- textbox container          --*/ td.NormalTextBox { padding: 0; margin: 0; background: transparent; visibility: invisible; border: 0; }
/*-- textbox used for search    --*/ #dnn_dnnSEARCH_txtSearch.NormalTextBox { height:19px; background: transparent; width: 174px; color: #888; padding: 4px 0px 0px 8px; border: 0px solid #FFFFFF; cursor:text;}
/*========================================================*/
/*  8. Main Menu and Module Menus                         */
/*========================================================*/

/*-- box that holds the menu  --*/ .MainMenu_MenuContainer { 
													background-color: transparent;  
													width: 164px; 
}
/*-- bar that holds the menu  --*/ .MainMenu_MenuBar { 
													cursor: pointer; 
													cursor: hand; 
													background: #fff;  
													width: 164px; 
}
/*-- submenu container        --*/ .MainMenu_SubMenu, .ModuleTitle_SubMenu { z-index: 1000;  
													cursor: pointer;  
													cursor: hand; 
													margin: 0 0 0 1px; 
													background: #FFFFFF; 
													padding: 0px; 
													font-weight: normal; 
													filter: none; 
}
/*-- submenu items idle       --*/ .MainMenu_MenuItem, .ModuleTitle_MenuItem {
													font-family: Arial;
													color: #6A6A6A;
													font-size: 11px;
													font-weight: bold;
													font-style: normal;
													padding: 0px 30px 0px 16px;
													height: 20px;
													border: 0;
													background-color: #F4F4F4;
}
/*-- submenu items hover      --*/ .MainMenu_MenuItemSel, .ModuleTitle_MenuItemSel { 
													font-family: Arial; 
													font-size: 11px; 
													font-weight: bold; 
													cursor: pointer; 
													cursor: hand; 
													color: #FFFFFF; 
													background: #0177C1; 
													padding: 0px 30px 0px 16px; 
													height: 20px; border: 0;
}
/*-- menuitems idle           --*/ .MainMenu_Idle {
													color: #666666;
													padding: 0;
													height: 21px;
													font-weight: bold;
													background-image: url(/Portals/0/Skins/Fontier_Pools/Images/Btn_Idle.gif);
													background-repeat: no-repeat;
}
/*-- menuitems over           --*/ .MainMenu_Selected {
													color: #666666;
													padding: 0;
													height: 21px;
													font-weight: bold;
													background-image: url(/Portals/0/Skins/Fontier_Pools/Images/Btn_Over.gif);
													background-repeat: no-repeat;
}
/*-- menuitems active         --*/ .MainMenu_Active, .MainMenu_BreadcrumbActive {
	padding: 0;
	height: 21px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #0177C1;
	color: #FFFFFF;
}
/*-- not needed - main menu   --*/ .MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon  { display: none; }
/*-- module menu continer     --*/ .ModuleTitle_MenuContainer { color: #2c2c2c; }
/*-- module menu bar          --*/ .ModuleTitle_MenuBar { cursor: pointer; cursor: hand;}
/*-- module menu padding      --*/ .ModuleTitle_MenuItem, .ModuleTitle_MenuItemSel { padding: 0 5px 0 0; }
/*-- not needed - module menu --*/ .ModuleTitle_MenuBreak, .MainMenuSeperator,.MainMenu_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon { display: none; }

/*==========================================================*/
/*  End Style Sheet                                         */
/*==========================================================*/



