/*========================================================*/ /* CSS for Grace Kindy */ /* by Dustin Last & Jim Linklater */ /* http://www.grace.ac.nz */ /* jiml@onslowcc.org.nz */ /*========================================================*/ /*========================================================*/ /* 1. Universal */ /*========================================================*/ /* Style For HTML PAGE */ html { height: 100%; } /* Style For HTML BODY */ body { margin: 0; background: #FFFFFF; } /* Setting Text Throughout the skin */ table, tr, td, p {font-family: 'Trebuchet MS' , Trebuchet, Tahoma, Arial; font-size: 11px; line-height: 1.6em; margin: 0;} /*========================================================*/ /* 2. Design Elements */ /*========================================================*/ /*-- cell containing solpartmenu --*/ .MenuTD { width: 199px; text-align: center; vertical-align: top; padding: 4px 0 0 0; repeat-x bottom center;} /*-- topleft menu section --*/ .TopMenuLeft { background: url(topmenu_bg_l.gif) no-repeat top left; height: 26px; width:100%; padding: 0; } /*-- topright menu section --*/ .TopMenuRight { background: url(topmenu_bg_r.gif) no-repeat top right; height: 26px; width:100%; text-align: center; vertical-align: top; padding:5px 5px 0 5px;} /*-- center menu section --*/ .TopMenuRow { background: url(topmenu_bg.gif) repeat-x top center; height: 26px; width:100%; padding: 0;} /*-- bottom menu section --*/ .BottomMenuRow { background: url(menu_bg.gif) repeat-x top center; height: 26px; padding: 0; } /*-- bottomleft menu section --*/ .BottomMenuLeft { background: url(menu_bg_l.gif) no-repeat top left; height: 26px; padding: 0; } /*-- bottomright menu section --*/ .BottomMenuRight { background: url(menu_bg_r.gif) no-repeat top right; height: 26px; padding: 0; text-align: center; vertical-align: top; padding:5px 5px 0 5px;} /*-- bottom footer section --*/ .BottomRow { background: url(footer_bg.gif) repeat-x top center; height: 30px; } /*-- bottomleft footer section --*/ .BottomRowLeft { background: url(footer_bg_l.gif) no-repeat top left; height: 30px; } /*-- bottomright footer section --*/ .BottomRowRight { background: url(footer_bg_r.gif) no-repeat top right; text-align: center; vertical-align: top; padding:5px 5px 0 5px; height: 30px; } /*========================================================*/ /* 3. Content Panes */ /*========================================================*/ /*-- left pane --*/ .PaneLeft { } /*-- content pane --*/ .PaneContent { width: 86%; padding: 8px 7px 7px 7px; } /*-- right content pane --*/ .PaneRight {padding: 8px 7px 7px 7px; } /*========================================================*/ /* 4. Tokens */ /*========================================================*/ /*-- login and user token idle --*/ .LOGIN_object, a:link.LOGIN_object, a:visited.LOGIN_object, a:active.LOGIN_object, .USER_object, a:link.USER_object, a:visited.USER_object, a:active.USER_object { color: #FFF; font-family: 'Trebuchet MS' , Trebuchet, Tahoma, Arial; font-size: 11px; font-weight:bold; text-decoration: none; } /*-- login and user token hover --*/ a:hover.LOGIN_object, a:hover.USER_object { color: #ddd; font-family: 'Trebuchet MS' , Trebuchet, Tahoma, Arial; font-weight:bold; font-size: 11px; text-decoration: none; } /*-- date token idle --*/ .DATE_object, a:link.DATE_object, a:visited.DATE_object, a:active.DATE_object { color: #FFF; font-family: 'Trebuchet MS' , Trebuchet, Tahoma, Arial; font-size: 11px; text-decoration: none; } /*-- date token hover --*/ a:hover.DATE_object { color: #ddd; font-family: 'Trebuchet MS' , Trebuchet, Tahoma, Arial; font-size: 11px; text-decoration: none; } /*-- date token idle 2 --*/ .DATE_object2, a:link.DATE_object2, a:visited.DATE_object2, a:active.DATE_object2 { color: #777; font-family: 'Trebuchet MS' , Trebuchet, Tahoma, Arial; font-size: 11px; text-decoration: none; font-weight:normal; } /*-- date token hover 2 --*/ a:hover.DATE_object2 { color: #777; font-family: 'Trebuchet MS' , Trebuchet, Tahoma, Arial; font-size: 11px; text-decoration: none; } /*-- terms privacy and copyright --*/ .FOOTER_objects { color: #ffffff; font-size: 11px; } /*-- terms privacy and copyright links --*/ a:link.FOOTER_objects, a:visited.FOOTER_objects, a:active.FOOTER_objects, a:hover.FOOTER_objects { color: #ffffff; text-decoration:none; } /*========================================================*/ /* 5. Text */ /*========================================================*/ /*-- most of the text on site --*/ .normal, .Normal { font-family: 'Trebuchet MS' , Trebuchet, Tahoma, Arial; font-size: 11px; color: #555; } /*-- most of the bold text on site --*/ .NormalBold { font-family: 'Trebuchet MS' , Trebuchet, Tahoma, Arial; font-size: 11px; font-weight: bold; color: #555; } /*-- red text on site for errors --*/ .NormalRed { color: #C50000; font-family: 'Trebuchet MS' , Trebuchet, Tahoma, Arial; font-weight: bold; font-size: 11px; } /*========================================================*/ /* 6. Links */ /*========================================================*/ /*-- default links, visited, active and hover --*/ a:link, a:visited, a:active, a:hover { color: #0099FF; font-family: 'Trebuchet MS' , Trebuchet, Tahoma, Arial; font-weight: bold; font-size: 11px; text-decoration: underline; } /*-- menu links links visited, hover and active --*/ a:link.Menu, a:visited.Menu, a:hover.Menu { color: #ffffff; font-family: 'Trebuchet MS' , Trebuchet, Tahoma, Arial; font-weight: bold; font-size: 11px; text-decoration: none; } /*========================================================*/ /* 7. Forms */ /*========================================================*/ /*-- default form elements --*/ select, input { font-family: 'Trebuchet MS' , Trebuchet, Tahoma, Arial; font-size: 11px; color: #333; } /*-- textbox used for search --*/ .NormalTextBox#dnn_dnnSEARCH_txtSearch { height:19px; background: transparent; width: 135px; color: #888; padding: 4px 0px 0px 8px; border: 1px solid #000000; cursor:text;} /*========================================================*/ /* 8. Main Menu and Module Menus */ /*========================================================*/ #cMainMenu { position:absolute; width:143px; height:100%; z-index:1001; left: -26px; top: 0px;} .cDivContainer { position: relative; width:40px; border:5px; left: 0px; top:0px; z-index: 1000;} .MainMenu_MenuContainer { border-width:0; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .MainMenu_MenuBar { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; cursor: hand; cursor: hand; background-color: Transparent;} .MainMenu_MenuItemSel { height: 25px; border-width:0px; margin: 0px 0px 0px 0px; padding: 2px 6px 2px 2px; font-family: 'Trebuchet MS' , Trebuchet, Tahoma, Arial; font-size: 12px; font-weight: normal; font-style: normal; cursor: pointer; cursor: hand; color: #666666; background-color: #FFFFFF; } .MainMenu_MenuItem { height: 25px; border-width:0px; margin: 0px 0px 0px 0px; padding: 2px 6px 2px 2px; font-family: 'Trebuchet MS' , Trebuchet, Tahoma, Arial; font-size: 12px; font-weight: normal; font-style: normal; cursor: pointer; cursor: hand; color: #666666; } .MainMenu_SubMenu { border:solid #cccccc 1px; height: 25px; margin: 2px 5px 0px 0px; padding: 0px 0px 0px 0px; cursor: hand; cursor: hand; z-index: 1000; background-color: #FFFFFF;} .MainMenu_MenuBreak { width:auto; border-width:0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} .MainMenu_TabRootMenuItem TD { height: 25px; width:125px; border-width:0; margin: 0px; padding: 0px; font-family: 'Trebuchet MS' , Trebuchet, Tahoma, Arial; font-size: 13px; font-weight: bold; font-style: normal; cursor: pointer; cursor: hand; color: #FFFFFF; background-image: url('btnNavActive.gif'); background-repeat: no-repeat; text-align:center;} .MainMenu_TabRootMenuItemSel TD { height: 25px; width:125px; border-width:0; margin: 0px; padding: 0px; font-family: 'Trebuchet MS' , Trebuchet, Tahoma, Arial; font-size: 13px; font-weight: bold; font-style: normal; cursor: pointer; cursor: hand; color: #FFFFFF; background-image: url('btnNavActive.gif'); background-repeat: no-repeat; text-align:center; text-decoration: underline;} .MainMenu_TabMenuItemHover TD { height: 25px; width:125px; border-width:0; margin: 0px; padding: 0px; font-family: 'Trebuchet MS' , Trebuchet, Tahoma, Arial; font-size: 13px; font-weight: bold; font-style: normal; cursor: pointer; cursor: hand; color: #FFFFFF; background-image: url('btnNavActiveOver.gif'); background-repeat: no-repeat; text-align:center;} .MainMenu_TabMenuItemSelHover TD { height: 25px; width:125px; border-width:0; margin: 0px; padding: 0px; font-family: 'Trebuchet MS' , Trebuchet, Tahoma, Arial; font-size: 13px; font-weight: bold; font-style: normal; cursor: pointer; cursor: hand; color: #FFFFFF; background-image: url('btnNavActive.gif'); background-repeat: no-repeat; text-align:center;} .SubMenu_TabMenuItemSelHover { height: 25px; border-width:0px; margin: 0px 0px 0px 0px; padding: 2px 6px 2px 2px; font-family: 'Trebuchet MS' , Trebuchet, Tahoma, Arial; font-size: 12px; font-weight: normal; font-style: normal; cursor: pointer; cursor: hand; color: #FFFFFF; background: #3399CC; } .SubMenu_TabMenuItemHover { height: 25px; border-width:0px; margin: 0px 0px 0px 0px; padding: 2px 6px 2px 2px; font-family: 'Trebuchet MS' , Trebuchet, Tahoma, Arial; font-size: 12px; font-weight: normal; font-style: normal; cursor: pointer; cursor: hand; color: #FFFFFF; background: #3399CC; } .SubMenu_TabMenuItemSel { height: 25px; border-bottom:0; border-top:0; margin: 0px 0px 0px 0px; padding: 2px 6px 2px 2px; font-family: 'Trebuchet MS' , Trebuchet, Tahoma, Arial; font-size: 12px; font-weight: normal; font-style: normal; cursor: pointer; cursor: hand; color: #FFFFFF; background: #3399CC; } .MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon, .ModuleTitle_MenuArrow ,.ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon {display: none;} /*==========================================================*/ /* End Style Sheet */ /*==========================================================*/