/*========================================================*/
/*        CSS for DotNetNuke Skin - Friction              */
/*                  by Evan O'Neil                        */
/*             http://www.NukeVille.com                   */
/*                oneilevan@gmail.com                     */
/*========================================================*/

/*========================================================*/
/*     Universal                                          */
/*========================================================*/

/* Style For HTML PAGE                   */ html { height: 100%; }
/* Style For HTML BODY                   */ #body { margin: 0; background: url(page_bg.gif) top left transparent;; margin: 0 0 0 0; }
/* Setting Text Throughout the skin      */ table, tr, td, p {font-family: tahoma; font-size: 11px;}

/*========================================================*/
/*     Design Elements                                    */
/*========================================================*/

/*-- overall width of the skin              --*/ .SkinWidth { width: 780px; }
/*-- main table                             --*/ .MainTable { width: 100%; height: 100%; align: center; }
/*-- cell containing menu                   --*/ .MenuTD { background: url(menuleft.gif) no-repeat bottom left transparent; vertical-align: top; padding: 10px 18px 0 16px; margin: 0 0 0 0; }
/*-- cell containing login and register     --*/ .LoginTD { vertical-align: bottom; color: #9d9d9d; padding: 20px 22px 10px 22px; text-align:right; }
/*-- cell containing search                 --*/ .SearchTD { height: 47px; background: url(search_bg.jpg) no-repeat bottom right transparent; vertical-align: top; padding: 10px 15px 0 15px; text-align:right;}
/*-- topleft header section                 --*/ .TopRowLeft { background:  url(headerlogo2.jpg) no-repeat top left; height: 196px; width:100%; padding: 0; }
/*-- bottomleft footer section              --*/ .BottomRowLeft { background:  url(footer_bg_l2.gif) no-repeat top left; height: 77px; padding: 0;}
/*-- middle content section                 --*/ .MiddleRow { background:  url(page_bg_r.gif) repeat-y top right; padding: 0 8px 0 8px; }
/*-- cell containing date                   --*/ .DateTD { width: 260px; text-align:center; vertical-align: middle; padding: 4px 0 2px 20px; height:36px;}
/*-- cell containing logo                   --*/ .LogoTD { vertical-align: middle ; height: 65px; width: 230px; color: #FFF; padding: 0px 0px 0px 0px; text-align:center; }
/*-- cell containing breadcrumbs            --*/ .BreadCrumbsTD { vertical-align: top;  color: #777; padding: 4px 0 0 12px; text-align:left; height: 26px; font-weight:bold; }
/*-- cell containing terms                  --*/ .TermsTD { text-align:left; vertical-align: top; padding: 2px 0 0 17px; width:360px; height: 23px; }
/*-- cell containing copyright              --*/ .CopyrightTD { text-align:right; vertical-align: top; padding: 2px 14px 0 0; height: 23px; }
/*-- cell containing panes                  --*/ .PanesTD { width: 100%; vertical-align: top; padding: 6px 6px 0 6px; }
/*-- cell containing panes                  --*/ .HeaderPaneTD { width: 100%; vertical-align: top; text-align: right; padding: 15px 19px 0px 10px; }
/*-- applied to invisible objects           --*/ .Invisible { visibility:hidden; }

/*========================================================*/
/*     Content Panes                                      */
/*========================================================*/

/*-- top inside content pane       --*/ .PaneTop { width: 100%; padding: 0 8px 0 8px;}
/*-- left content pane             --*/ .PaneLeft { padding: 0 8px 0 8px; width: 33%; }
/*-- main content pane             --*/ .PaneCenter { padding: 0 8px 0 8px; }
/*-- right content pane            --*/ .PaneRight { padding: 0 8px 0 8px; width: 33%; }
/*-- bottom inside pane            --*/ .PaneBottom { width: 100%; padding: 0 8px 0 8px; }
/*-- header content pane           --*/ .PaneHeader { width: 100%; padding: 0; }

/*========================================================*/
/*     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: #9d9d9d; background:  url(bullet.gif) no-repeat top left;  font-family: tahoma; font-size: 11px; font-weight:bold; text-decoration: none; padding: 0 0 0 20px; }
/*-- login and user token hover        --*/ a.LOGIN_object:hover, a.USER_object:hover { background:  url(bullet2.gif) no-repeat top left; color: #ADADAD; font-family: tahoma; font-weight:bold; font-size: 11px; text-decoration: none; }
/*-- date token idle                   --*/ .DATE_object { color: #939393; font-family: tahoma; font-size: 11px; text-decoration: none; }
/*-- breadcrumbs token idle            --*/ .BREADCRUMBS_object, a.BREADCRUMBS_object:link, a.BREADCRUMBS_object:visited, a.BREADCRUMBS_object:active { color: #a7a7a7; font-family: tahoma; font-size: 11px; text-decoration: none; font-weight:bold;}
/*-- breadcrumbs token hover           --*/ a.BREADCRUMBS_object:hover { color: #b7b7b7; font-family: tahoma; font-size: 11px; text-decoration: none; font-weight:bold; }
/*-- terms and privacy                 --*/ .FOOTER_objects { color:#808080; font-size: 11px; }
/*-- terms and privacy links           --*/ a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { color:#808080; font-weight:bold; text-decoration:none; }
/*-- terms and privacy hover           --*/ a.FOOTER_objects:hover { color:#AAAAAA; font-weight:bold; text-decoration:none;  }
/*-- copyright token                   --*/ .COPYRIGHT_object { color:#808080; font-size: 11px; }

/*========================================================*/
/*     Text                                               */
/*========================================================*/

/*-- most of the text on site          --*/ .normal, .Normal { font-family: tahoma; font-size: 11px; color: #000000; }
/*-- most of the bold text on site     --*/ .NormalBold { font-family: tahoma; font-size: 11px; font-weight: bold; color: #b8b8b8; }
/*-- most of the bold text on site     --*/ .XModBold { font-family: tahoma; font-size: 11px; font-weight: bold; color: #000000; }
/*-- red text on site for errors       --*/ .NormalRed { color: #C50000; font-family: tahoma; font-weight: bold; font-size: 11px; }
/*-- subheadings - mostly in admin     --*/ .SubHead { font-family: tahoma; 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;}

/*========================================================*/
/*     Links                                          */
/*========================================================*/

/*-- default links visited and active  --*/ a:link, a:visited, a:active { color: #000000; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: underline; }
/*-- default links hover               --*/ a:hover { color: #ddd; font-family: tahoma; font-size: 11px; text-decoration: underline; }
/*-- normal  links visited and active  --*/ a.Normal:link, a.Normal:visited { color: #000000; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; }
/*-- normal  links hover               --*/ a.Normal:hover { color: #ddd; font-family: tahoma; 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: tahoma; 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: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; height: 20px; }
/*-- search button in search form      --*/ .SearchButton { background: transparent; padding: 13px 18px 4px 16px; cursor: hand; font-size:1px; margin: 0 0 0 0px;}

/*========================================================*/
/*     Forms                                              */
/*========================================================*/

/*-- default form elements      --*/ select, input { font-family: tahoma; font-size: 11px; color: #333; }
/*-- textbox                    --*/ .NormalTextBox { color: #333; padding-left: 4px; line-height: 12px; font-family: tahoma; 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: 113px; color: #333; padding: 4px 4px 0px 4px; border: 0px solid #FFFFFF; cursor:text;}

/*========================================================*/
/*     Main Menu and Module Menus                         */
/*========================================================*/

/*-- box that holds the menu    --*/ .MainMenu_MenuContainer { background: transparent; padding: 1px 0 0 0; }
/*-- bar that holds the menu    --*/ .MainMenu_MenuBar { cursor: pointer; cursor: hand; background: url(navseparator.gif) no-repeat top right transparent; }
/*-- submenu container          --*/ .MainMenu_SubMenu, .ModuleTitle_SubMenu { z-index: 1000;  cursor: pointer;  cursor: hand; margin: 1px 0 0 0; background: #30402f; padding: 0px; border: 1px solid #4f694d; font-weight: normal; filter: none; }
/*-- submenu items idle         --*/ .MainMenu_MenuItem, .ModuleTitle_MenuItem { font-family: tahoma;  color: #c6c6c6; font-size: 11px; background: #30402f; font-weight: bold; font-style: normal; padding: 0px 30px 0px 16px; height: 20px; border: 0; }
/*-- submenu items hover        --*/ .MainMenu_MenuItemSel, .ModuleTitle_MenuItemSel { font-family: tahoma; font-size: 11px; font-weight: bold; cursor: pointer; cursor: hand; color: #222; background: #86a584; padding: 0px 30px 0px 16px; height: 20px; border: 0;}
/*-- menuitems idle             --*/ .MainMenu_Idle TD { color: #c6c6c6; background: url(navidle.gif) repeat-x top center transparent; font-size: 8pt; padding: 18px 10px 18px 10px; font-weight: bold; }
/*-- menuitems over             --*/ .MainMenu_Selected TD { color: #313236; background: url(navover.gif) repeat-x top center transparent; font-size: 8pt; padding: 18px 10px 18px 10px; font-weight: bold; }
/*-- menuitems active           --*/ .MainMenu_Active TD, .MainMenu_BreadcrumbActive TD { color: #313236; background: url(navover.gif) repeat-x top center transparent; font-size: 8pt; padding: 18px 10px 18px 10px; font-weight: bold; }
/*-- middle seperator           --*/ .MainMenu_Seperator { background: url(navseparator.gif) no-repeat top right transparent; width:2px; height: 49px; }
/*-- 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   --*/ .MainMenuSeperator, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon { display: none; }
/*-- removing seperator borders --*/ .MainMenu_MenuBreak { border-top-style: none; border-right-style: none;	border-left-style: none; border-bottom-style: none; background:transparent;  vertical-align:top;}

/*========================================================*/
/*     Structural                                         */
/*========================================================*/

/*-- CSS classes defining header stack      --*/ .HeaderHeight { height:50px; } .HeaderSides { background: url(header_sides.jpg) repeat-x top center transparent;} .HeaderBG { background: url(header_bg.jpg) repeat-x top center transparent; vertical-align: top; padding: 0 0 0 0; margin: 0 0 0 0; } .HeaderBGL { background: url(header_bg_l.jpg) no-repeat top left transparent;} .HeaderBGR { background: url(header_bg_r.jpg) no-repeat top right transparent;}
/*-- CSS classes defining footer stack      --*/ .FooterHeight { height:68px; } .FooterSides { background: url(footer_sides.gif) repeat-x top center transparent;} .FooterBG { background: url(footer_bg.gif) repeat-x top center transparent; vertical-align: middle; padding: 16px 0 0 0; margin: 0 0 0 0;} .FooterBGL { background: url(footer_bg_l.gif) no-repeat top left transparent;} .FooterBGR { background: url(footer_bg_r.gif) no-repeat top right transparent;}
/*-- CSS classes defining stack seperators  --*/ .SepHeight { height:17px;  } .SepWidth  { width:16px; } .SepSides { background: url(sep_sides.gif) repeat-x top center transparent;} .SepBG { background: url(sep_bg.gif) repeat-x top center transparent; vertical-align:top ;} .SepBGL { background: url(sep_bg_l.gif) no-repeat top left transparent;} .SepBGR { background: url(sep_bg_r.gif) no-repeat top right transparent;} .SepBGMT { background: url(sep_bg_main_t.gif) no-repeat top right transparent;} .SepBGMB { background: url(sep_bg_main_b.gif) no-repeat top right transparent;} 
/*-- CSS classes defining stacks            --*/ .StackHeight { height:50%; } .SingleStackHeight { height:100%; } .StackSides { background: url(stack_sides.gif) top center transparent;} .StackBG { background: url(stack_bg.gif) top center transparent; vertical-align:top ; padding: 7px 0 7px 0;} .StackBGL { background: url(stack_bg_l.gif) repeat-y top left transparent;} .StackBGR { background: url(stack_bg_r.gif) repeat-y top right transparent;}
/*-- CSS classes defining breadcrumb bar    --*/ .BreadHeight { height:22px; } .BreadPadding {  width:100%; padding: 1px 8px 8px 8px ;} .BreadBG { width:100%; background: url(bread_bg.gif) repeat-x top center transparent;} .BreadBGL { color: #a7a7a7; background: url(bread_bg_l.gif) no-repeat top left transparent; padding: 1px 8px 0px 8px; vertical-align: middle; } .BreadBGR { background: url(bread_bg_r.gif) no-repeat top right transparent;}
/*-- CSS classes defining footer stack      --*/ .MainWidth { width:500px; } .MainWidth2 { width:264px; } .MainHeight { height:130px;} .MainHeightInside { height:164px;} .MainBG { background: url(main_bg_grad.gif) repeat-x top center #1d261c; padding: 7px 0 7px 0; vertical-align:top;} .MainBG2 { background: url(main_bg_grad2.gif) repeat-x top center #242f23; padding: 7px 0 7px 0; vertical-align:top;}
 
/*==========================================================*/
/*  End Style Sheet                                         */
/*==========================================================*/


