/*========================================================*/ /* CSS for DotNetNuke Skin - TerraFima */ /* by Brad Schafer */ /* http://www.theschafergroup.com */ /* sales@theschafergroup.com */ /*========================================================*/ /* ii. Imports */ /* 1. Universals */ /* 2. DNN Tokens */ /* 3. DNN Solpart Menus */ /* 4. Text Styles */ /* 5. Links */ /* 6. Forms */ /* 7. Skin Styles */ /*========================================================*/ /*========================================================*/ /* ii. External Imports for style */ /*========================================================*/ /*========================================================*/ /* 1. Universals */ /*========================================================*/ /* Style For HTML PAGE */ html { height: 100%; } /* Style For HTML BODY */ body { margin: 0px 0px 0px 0px; background: #FFFFFF; } /* Setting Text Throughout the skin */ table, tr, td, p {font-family: tahoma; font-size: 11px; line-height: 19px; } /* Setting Headers Throughout the skin */ h1 { font-family: verdana, arial, sans-serif; font-size: 10px; line-height:1.1em; color: #b0b0b0; text-align:justify } h2 { font-family: verdana, arial, sans-serif; font-size: 12px; line-height:1em; color: #b0b0b0; text-align:justify; font-weight:bolder; } /* Large Blockquotes */ .blockquote {margin: 1em; margin-right: 1.9em; font-size: 120%; font-variant: small-caps; line-height:200%; text-align:justify } /*========================================================*/ /* 2. DNN Tokens */ /*========================================================*/ /*-- cell containing login and register --*/ .LoginLftTD {background:url(images/loginLft_bg.png) no-repeat; width:28px; height:24px; } /*-- cell containing login and register --*/ .LoginMidTD {background:url(images/loginMid_bg.png) repeat-x; height:24px; } /*-- cell containing login and register --*/ .LoginRtTD {background:url(images/loginRt_bg.png) no-repeat; width:28px; height:24px; } /*-- 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: #FFFFFF; font-family: tahoma; font-size: 11px; font-weight:bold; text-decoration: none; } /*-- login and user token hover --*/ a.LOGIN_object:hover, a.USER_object:hover { color: #cecece; font-family: tahoma; font-weight:bold; font-size: 11px; text-decoration: none; } /*-- date pane --*/ .datePane { padding: 10px 0 0 8px; } /*-- date token idle --*/ .DATE_object, a.DATE_object:link, a.DATE_object:visited, a.DATE_object:active { color: #fff; font-family: tahoma; font-size: 11px; text-decoration: none; padding-left:10px; padding-top:4px;} /*-- date token hover --*/ a.DATE_object:hover { color: #999; font-family: tahoma; font-size: 11px; text-decoration: none; } /*-- terms privacy and copyright --*/ .FOOTER_object { color:#fff; font-size: 10px; } /*-- terms privacy and copyright links --*/ a.FOOTER_object:link, a.FOOTER_object:visited, a.FOOTER_object:active { color:#fff; font-weight:bold; text-decoration:none; } /*-- terms privacy and copyright hover --*/ a.FOOTER_object:hover { color:#bbb; font-weight:bold; text-decoration:none; } /*-- breadcrumb links idle --*/ .Breadcrumb, a.Breadcrumb:link, a.Breadcrumb:visited, a.Breadcrumb:active { color: #fff; font-family: tahoma; font-size: 11px; font-weight:bold; text-decoration: none; } /*-- breadcrumb links hover --*/ a.Breadcrumb:hover { color: #bbb; font-family: tahoma; font-size: 11px; font-weight:bold; text-decoration: none; } /*-- cell containing search --*/ .SearchTR { height:38px; text-align:right; vertical-align: top; color: #EFEFEF; font-family: tahoma; font-size: 11px; font-weight:bold; text-decoration: none; } /*-- search button in search form --*/ .SearchButton { background: transparent; padding: 13px 21px 4px 15px; cursor: hand; font-size:1px; margin: 0 0 0 3px;} /*-- cell containing breadcrumbs --*/ .BreadCrumbsTD { vertical-align: top; height: 0px; color: #878884; padding: 0px 0px 8px 12px; text-align:left; } /*-- cell containing menu --*/ .MenuTD { width: 100px; vertical-align: top; padding: 0 0 0 10px; } /*========================================================*/ /* 3. DNN Content Panes */ /*========================================================*/ /*-- top inside content pane --*/ .TopPane { width: 100%; padding: 0 8px 0 8px;} /*-- left content pane --*/ .LeftPane { padding: 0 8px 0 8px; } /*-- content pane --*/ .ContentPane { padding: 0 12px 0 12px; } /*-- right content pane --*/ .RightPane {background: url(images/vertshadow_bg.gif) repeat-y top left; padding:10px 10px 0 18px; width:285px; } /*-- bottom pane --*/ .BottomPane { width: 100%; padding: 0 8px 0 8px; } /*-- Top Banner pane --*/ .TopBannerPane { padding:0px; } /*-- right content pane --*/ .RightBannerPane {background: url(images/vertshadow_bg.gif) repeat-y top left; padding:0 0px 0 8px; width:285px; } /*-- right content pane --*/ .RightBottomPane {background: url(images/vertshadow_bg.gif) repeat-y top left; padding:0 0px 0 8px; width:285px; } /*-- Top Banner pane --*/ .BottomBannerPane {background: url(images/vertshadow_bg.gif) repeat-y top right; padding: 0 8px 0 8px; } /*========================================================*/ /* 4. Solpart Menu and Module Menus */ /*========================================================*/ /*-- box that holds the menu --*/ .MainMenu_MenuContainer {background-color:transparent; width:100%; padding:0px; } /*-- bar that holds the menu --*/ .MainMenu_MenuBar { cursor: pointer; cursor: hand; background-color: transparent; width: 140px; } /*-- submenu container --*/ .MainMenu_SubMenu, .ModuleTitle_SubMenu { z-index: 1000; cursor: pointer; cursor: hand; margin: 0 0 0 1px; background: #F4F4F3; padding: 0px; border: 1px solid #FFF; font-weight: normal; filter: none; } /*-- submenu items idle --*/ .MainMenu_MenuItem, .ModuleTitle_MenuItem { font-family: tahoma; color: #7D91C5; font-size: 11px; background: #F4F4F3; 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: #2A385F; background: #DEDEDA; padding: 0px 30px 0px 16px; height: 20px; border: 0;} /*-- submenu items idle --*/ .ModuleTitle_MenuItem { font-family: tahoma; color: #6A6A6A; font-size: 11px; background: #F4F4F3; font-weight: bold; font-style: normal; padding: 0px 10px 0px 10px; height: 20px; border: 0; } /*-- submenu items hover --*/ .ModuleTitle_MenuItemSel { font-family: tahoma; font-size: 11px; font-weight: bold; cursor: pointer; cursor: hand; color: #3498C1; background: #DEDEDA; padding: 0px 10px 0px 10px; height: 20px; border: 0;} /* /*-- menuitems idle --*/ .MainMenu_TabRootMenuItem { color: #FFFFFF; background:transparent; padding: 0px; height: 28px; font-weight: bold;padding: 0px 10px 0px 10px;} /*-- menuitems over --*/ .MainMenu_TabRootMenuItemSel { color: #3498C1; background:transparent; font-weight: bold; padding: 0px 10px 0px 10px;} /*-- menuitems active left --*/ .MainMenu_TabRootMenuItemLeftActive, .MainMenu_BreadcrumbLeftActive {color: #7D91C5; padding: 0; height: 28px; font-weight: bold;padding: 0px 10px 0px 10px;} /*-- menuitems active --*/ .MainMenu_TabRootMenuItemActive, .MainMenu_BreadcrumbActive {color: #7D91C5; padding: 0; height: 28px; font-weight: bold;padding: 0px 10px 0px 10px;} /*-- menuitems active right --*/ .MainMenu_TabRootMenuItemRightActive, .MainMenu_BreadcrumbRightActive {color: #7D91C5; padding: 0; height: 28px; font-weight: bold;padding: 0px 10px 0px 10px;} /*-- 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;} /*========================================================*/ /* 5. Text */ /*========================================================*/ /*-- most of the text on site --*/ .normal, .Normal { font-family: tahoma; font-size: 11px; color: #555; } /*-- most of the bold text on site --*/ .NormalBold { font-family: tahoma; font-size: 11px; font-weight: bold; } /*-- red text on site for errors --*/ .NormalRed { color: #900; font-family: tahoma; font-weight: bold; font-size: 11px; } /*-- subheadings - mostly in admin --*/ .SubHead { font-family: tahoma; font-size: 11px; font-weight: bold; color: #555; padding: 0; } /*-- headings - mostly in admin --*/ .Head { font-size: 14px; color: #444; background: transparent; font-weight: bold; padding: 0;} /*========================================================*/ /* 6. Links */ /*========================================================*/ /*-- default links visited and active --*/ a:link, a:visited, a:active { color: #878884; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: underline; } /*-- default links hover --*/ a:hover { color: #6E6E6E; font-family: tahoma; font-size: 11px; text-decoration: underline; } /*-- normal links visited and active --*/ a.Normal:link, a.Normal:visited { color: #878884; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; } /*-- normal links hover --*/ a.Normal:hover { color: #6E6E6E; font-family: tahoma; font-size: 11px; text-decoration: none; } /*-- admin button-link style --*/ a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { color: #6A6A6A;padding: 0px 3px 0px 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;padding: 0px 3px 0px 4px; font-family: tahoma; font-weight: bold; font-size: 11px; height: 20px; } /*========================================================*/ /* 7. 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: 194px; color: #878884; padding: 4px 0px 0px 10px; border: 0px solid #FFFFFF;} /*========================================================*/ /* 8. SKIN Design Elements */ /*========================================================*/ /*-- main table of skin -Admin --*/ .MainTableAdmin { width: 780px; background: url(page_bg_l.gif) repeat-y top left #E9EAE3; align: center; } /*-- main table of skin -Standard --*/ .MainTable { width: 100%; align: center; } /*-- top header section .TopRow { background: url(images/toprow_bg.gif) repeat-x top left; height: 138px; padding: 0; } --*/ /*-- top header section --*/ .TopRow { background: url(images/RPFOG_Header_082008_2.png) no-repeat top left; height: 140px; padding: 0; } /*-- topleft header section --*/ .TopRowLeft { background:url(headerlogo.jpg) no-repeat top left; height: 83px; width:100%; padding: 0; } /*-- topright header section --*/ .TopRowRight1 { background:url(header_bg_r_login.jpg) no-repeat top right; height: 83px; width:100%; padding: 0;} /*-- topright header section --*/ .TopRowRight2 { background:url(header_bg_r.jpg) no-repeat top right; height: 83px; width:100%; padding: 0;} /*-- bottom footer section --*/ .BottomRow { background-color:#000; color:#fff; height: 38px; padding: 0;} /*-- bottomleft footer section --*/ .BottomRowLeft { padding-left: 20px ;} /*-- bottomright footer section --*/ .BottomRowRight { padding-right: 20px; } /*==========================================================*/ /* End Style Sheet */ /*==========================================================*/