/***** Skin CSS designed by bind.pt *****/ /***** Zeus Orange *****/ /***** 1 ::: General Styles *****/ /* Style For HTML PAGE */ html { height: 100%; margin: 0px; } /* Style For HTML BODY */ body { margin: 0px; } /* Setting Text Throughout the skin */ table, tr, td { margin: 0px; } p { margin-bottom: 10px; } ul { list-style: none outside url("images/li.orange.png"); margin: 10px 30px; padding: 0pt; } .ZB_01MediumGreyContent ul { list-style: none outside url("images/li.white.png"); } .ZB_01DarkOrangeContent ul { list-style: none outside url("images/li.lightOrange.png"); } li { line-height: 200%; } h1 { font-size: 230%; font-weight: 300; color: #FF9900; } h2 { font-size: 180%; font-weight: 300; color: #CC6600; letter-spacing: -1px; } h3 { font-size: 150%; font-weight: 500; color: #333333; } h4 { font-size: 150%; font-weight: 500; color: #FF9900; } h5 { font-size: 100%; font-weight: 700; color: #666666; } #Form { margin: 0px; padding:0; height:0px; } /***** 2 ::: Page Design *****/ /*-- page layout open container --*/ .OuterDiv { margin: 0px; text-align:left; padding: 0px 60px 60px 80px; height:100%; width:100%; } /*-- master container --*/ .SkinMaster { width: 880px; height: 100%; text-align: left; vertical-align:top; } /*-- grey top row --*/ .TopGreyLine { background: #757575; width: 100%; height: 6px; } /*-- top bar including login and search--*/ .TopBarLoginSearch { width: 540px; text-align: right; } /*-- picture SubPage --*/ .picSub { background: #FFFFFF url('images/orange_sub.jpg') left bottom; height: 120px; } /*-- picture HomePage --*/ .picHome { background: #FFFFFF url('images/orange_home.jpg') top; height: 250px; } /*-- top bar including logo --*/ .TopBarLogo { padding: 20px 30px; vertical-align:top; } .TopBarLogo a:hover { background: transparent; } /*-- login in right --*/ .LoginTDright { text-align: right; vertical-align: top; padding: 20px 15px 0px 15px; color: #FFFFFF; } /*-- login in left --*/ .LoginTDleft { text-align: left; vertical-align: top; padding: 20px 15px 0px 15px; color: #FFFFFF; } /*-- search in right --*/ .SearchTDright { background: url('images/searchTD.bg.gif') no-repeat top right; height: 40px; text-align: right; vertical-align: middle; padding: 8px 2px 8px 72px; } /*-- search in left --*/ .SearchTDleft { background: url('images/searchTD.bg.gif') no-repeat top left; height: 40px; text-align: left; vertical-align: middle; padding: 8px auto 8px 6px; } .MenuTD { background: url('images/menuH.bg.gif'); padding: 0px; vertical-align: top; text-align: left; } .CopyrightTD { background: #333333; height: 37px; padding-left: 30px; vertical-align:middle; text-align:left; } /*-- default breadcrumb --*/.BreadcrumbTD { background: #2C2D2D; height: 42px; padding: 0px 30px 0px 30px; text-align: left; vertical-align: middle; font-family: tahoma, verdana; font-size: 11px; font-weight: normal; color: #666666; } /*-- white breadcrumb --*/.BreadcrumbWhite { background: #FFFFFF; height: 32px; padding: 0px 30px 0px 30px; text-align: left; vertical-align: middle; font-family: tahoma, verdana; font-size: 11px; font-weight: normal; color: #666666; border-bottom: 1px solid #ccc; } /***** 3 ::: Content Panes *****/ .BottomPane { background: #FFFFFF; padding: 7px 7px 7px 7px; width:100%; } .TopPane { background: #FFFFFF; padding: 7px 7px 0px 7px; width:100%; } .SidePane { background: #FFFFFF; padding: 7px 7px 0px 7px; width: 50%; } .Pane { background: #FFFFFF; padding: 7px 7px 0px 7px; width: 30%; } .ContentPane { background: #FFFFFF; padding: 7px 7px 0px 7px; } .MenuPane { padding: 7px 0px 0px 0px; } /***** 4 ::: Text *****/ /*-- most of the text on site --*/ .normal, .Normal, .NormalDisabled { font-family: tahoma, verdana; font-size: 11px; color: #333; line-height: 120%; font-weight: normal; } /*-- most of the bold text on site --*/ .NormalBold, b, strong { font-family: tahoma, verdana; font-size: 11px; color: #333; line-height: 120%; font-weight: bold; } /*-- red text on site for errors --*/ .NormalRed { font-family: tahoma, verdana; font-size: 11px; color: #C00; line-height: 120%; font-weight: normal; } /*-- subheadings - mostly in admin --*/ .SubHead { font-family: tahoma, verdana; font-size: 11px; color: #666666; line-height: 120%; font-weight: bold; padding: 0px; } /*-- headings - mostly in admin --*/ .Head { font-family: tahoma, verdana; font-size: 11px; color: #666666; line-height: 120%; font-weight: bold; padding: 0px; background: transparent; } /***** 5 ::: Links *****/ /*-- default links visited and active --*/ a:link, a:visited, a:active { color: #333; text-decoration: underline; } /*-- default links hover --*/ a:hover { color: #FFFFFF; text-decoration: none; background: #FF9900; } /*-- normal links visited and active --*/ a.Normal:link, a.Normal:visited { color: #FF9900; text-decoration: none; } /*-- normal links hover --*/ a.Normal:hover { color: #FFFFFF; text-decoration: none; background: #FF9900; } /*-- admin button-link style --*/ a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { color: #FF9900; padding: 3px; text-decoration: none; background: #EEEEEE;} /*-- admin button-link style hover --*/ a.CommandButton:hover { color: #FFFFFF; padding: 3px; text-decoration: none; background: #FF9900; } /*-- search button in search form --*/ .SearchButton { background: transparent; padding: 13px 17px 4px 13px; cursor: pointer; font-size:1px; margin: 0px;} /***** 6 ::: Forms *****/ /*-- default form elements --*/ select, textarea { font-family: tahoma, verdana; font-size: 11px; color: #333; background: #F6F6F6; border: solid 1px #C3C3C3; } .NormalTextBox { font-family: tahoma, verdana; font-size: 11px; color: #333; padding-left: 4px; } div.form_text { font-family: tahoma, verdana; font-size: 11px; color: #333; float: left; margin: 0px; } p.form_text { margin: 0px 0px 3px 0px; } input.form_text, select.form_text { font-family: tahoma, verdana; font-size: 11px; color: #666666; background: #F6F6F6; border: solid 1px #C3C3C3; padding: 0.2em; margin: 0px 10px 10px 0px; } /*-- form button --*/ input.StandardButton { font-family: tahoma, verdana; font-size: 11px; color: #0D8BC2; background: #EDEDE9; border-color: #F7F7F4; } .StandardButton { font-family: tahoma, verdana; font-size: 11px; color: #0099FF; background: #EDEDE9; border-color: #F7F7F4; } /*-- search elements --*/ #dnn_dnnSEARCH_txtSearch.NormalTextBox { cursor:text; height:19px; width: 130px; color: #545A5C; background: transparent; border: 0px solid #FFFFFF; padding: 4px 0px 0px 8px; } #dnn_dnnSEARCH_optSite, #dnn_dnnSEARCH_optWeb { background: transparent; border:0; } .searchfield { font-family: tahoma, verdana; font-size: 11px; color: #333333; } a.SearchField:link, a.SearchField:visited, a.SearchField:active, a.SearchField:hover { background-color: Transparent; } /***** 7 ::: Site Menu, Module Menu *****/ /*-- box that holds the menu --*/ .MainMenu_MenuContainer { background: transparent; width: 260px; } .MainMenu_MenuContainer td { font-size:0; } /*-- bar that holds the menu --*/ .MainMenu_MenuBar { background: transparent; width: 260px; } /*-- submenu container --*/ .MainMenu_SubMenu, .ModuleTitle_SubMenu { z-index: 1000; cursor: pointer; margin: 0px ; background: #555555; padding: 0px; border-left: 1px solid #0C0C0C; } /*-- submenu items idle --*/ .MainMenu_MenuItem, .ModuleTitle_MenuItem { font-family: tahoma, verdana; font-size: 11px; font-weight: normal; color: #FFFFFF; border:0px; } /*-- submenu items hover --*/ .MainMenu_MenuItemSel, .ModuleTitle_MenuItemSel { font-family: tahoma, verdana; font-size: 11px; font-weight: normal; color: #FFFFFF; background: #FF9900; border: none; } .MainMenu_MenuItem td, .ModuleTitle_MenuItem td, .MainMenu_MenuItemSel td, .ModuleTitle_MenuItemSel td { font-family: tahoma, verdana; font-size: 11px; font-weight: normal; color: #FFFFFF; height: 21px; padding: 0 50px 0 8px; margin: 0px;} /*-- menuitems idle --*/ .MainMenu_Idle { background: url('images/menu.idle.gif') no-repeat top center; } /*-- menuitems over --*/ .MainMenu_Selected { background: url('images/menu.over.gif') no-repeat top center; } /*-- menuitems active --*/ .MainMenu_Active, .MainMenu_BreadcrumbActive { background: url('images/menu.active.gif') no-repeat top center; } /*-- menuitems padding --*/ .MainMenu_Idle td, .MainMenu_Selected td, .MainMenu_Active td, .MainMenu_BreadcrumbActive td { color: #FFFFFF; height: 42px; font-family: tahoma, verdana; font-size: 8pt; font-weight: normal; padding: 0px 30px 0px 30px; } /*-- Horizontal Menu --*/ /*-- menuitems idle --*/ .MainMenu_IdleH { background: url('images/menuH.idle.gif') no-repeat top right; } /*-- menuitems over --*/ .MainMenu_SelectedH { background: url('images/menuH.over.gif') no-repeat top right; } /*-- menuitems active --*/ .MainMenu_ActiveH, .MainMenu_BreadcrumbActiveH { background: url('images/menuH.active.gif') no-repeat top right; } .MainMenu_IdleH td, .MainMenu_SelectedH td, .MainMenu_ActiveH td, .MainMenu_BreadcrumbActiveH td { color: #FFFFFF; height: 42px; font-family: tahoma, verdana; font-size: 7pt; font-weight: bold; padding: 0px 15px 0px 15px; } /*-- 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: pointer;} /*-- module menu padding --*/ .ModuleTitle_MenuItem td , .ModuleTitle_MenuItemSel td { font-size: 7pt; font-weight: normal; padding: 0px 10px 0px 10px; } /*-- not needed - module menu --*/ .ModuleTitle_MenuBreak,.MainMenuSeperator, .MainMenu_MenuBreak,.ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow,.ModuleTitle_MenuIcon{ display: none; } /***** 8 ::: Login, Breadcrumb and Copyright *****/ /*-- 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 { font-family: tahoma, verdana; font-size: 10px; font-weight: normal; color: #444444; text-decoration: none; background: transparent; } /*-- login and user token hover --*/ a.LOGIN_object:hover, a.USER_object:hover { font-family: tahoma, verdana; font-size: 10px; font-weight: normal; color: #999999; text-decoration: underline; background: transparent; } /*-- login in right --*/ .LoginTDright .LOGIN_object, .LoginTDright a.LOGIN_object:link, .LoginTDright a.LOGIN_object:visited, .LoginTDright a.LOGIN_object:active, .LoginTDright .USER_object, .LoginTDright a.USER_object:link, .LoginTDright a.USER_object:visited, .LoginTDright a.USER_object:active, .LoginTDright a.LOGIN_object:hover, .LoginTDright a.USER_object:hover, /*-- login in left --*/ .LoginTDleft .LOGIN_object, .LoginTDleft a.LOGIN_object:link, .LoginTDleft a.LOGIN_object:visited, .LoginTDleft a.LOGIN_object:active, .LoginTDleft .USER_object, .LoginTDleft a.USER_object:link, .LoginTDleft a.USER_object:visited, .LoginTDleft a.USER_object:active, .LoginTDleft a.LOGIN_object:hover, .LoginTDleft a.USER_object:hover { color: #FFFFFF; } /*-- breadcrumbs token idle --*/ .BREADCRUMBS_object, a.BREADCRUMBS_object:link, a.BREADCRUMBS_object:visited, a.BREADCRUMBS_object:active { font-family: tahoma, verdana; font-size: 11px; font-weight: normal; color: #666666; text-decoration: none; background: transparent; } /*-- breadcrumbs token hover --*/ a.BREADCRUMBS_object:hover { font-family: tahoma, verdana; font-size: 11px; font-weight: normal; color: #FF9900; text-decoration: none; background: transparent; } /*-- terms privacy and copyright --*/ .FOOTER_objects { font-family: tahoma, verdana; font-size: 11px; font-weight: normal; color: #EDEDED; } /*-- terms privacy and copyright links --*/ a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { font-family: tahoma, verdana; font-size: 10px; font-weight: bold; color: #EDEDED; text-decoration:none; background: transparent; } /*-- terms privacy and copyright hover --*/ a.FOOTER_objects:hover { font-family: tahoma, verdana; font-size: 10px; font-weight: bold; color: #9FA09F; text-decoration:none; background: transparent; }