/*==========================*/ /* 1. Page */ /*==========================*/ body, html {height:100%;} body {margin: 0; padding:0; position: relative; background:#FFF;} body #Form {margin: 0; padding:0; height:100%;} .clear {clear:both;} /*==========================*/ /* 2. Elements */ /*==========================*/ .ControlPanel {border: 0px;border-bottom:1px solid #ccc;} .dnnActionMenu {right:10px; left:auto; width:95px;} #WrapMain {min-height:100%;position:relative;background:#fff;} #WrapSub {margin:0 auto;width:970px;border-left:2px solid #E3E3E3;border-right:2px solid #E3E3E3;} #Logo {padding:0;} #Logo a {border:none;} #Logo a:hover {border:none;} #Logo .mlogo {display:none;} #Header {width:100%; padding:0; margin:0;} #Menu {width:100%; padding:0; margin:0;} #AdminMenu {width:70%;float:left;} #BreadLogin {padding:0; margin:0; height:34px;} #Bread {float:left; line-height:34px; color:#000000;} #Login {float:right; line-height:34px; padding-right:18px;} #Panes {clear:both; margin:0; background:#FFF;} #Footer {border:1px solid #E3E3E3;border-top:0;} #BreadLogin {font-size:14px;padding-left:5px;} /*========================================================*/ /* 3. Content Panes */ /*========================================================*/ .pane {display:inline;float:left;text-align:left;vertical-align:top; } .ContentPane {width:100%;} .LeftPane {width:25%;} .CenterPane {width:75%;} .RightPane {width:25%;} .BottomPane {width:100%;} .DNNEmptyPane {width:0;padding:0;margin:0;} /*========================================================*/ /* 4. Text */ /*========================================================*/ /* Links */ #Panes a:not(.rfdSelect):not(.dnnPrimaryAction):not(.dnnSecondaryAction):not(.rsDateHeader):not(.t-button), #Panes a:link:not(.rfdSelect):not(.dnnPrimaryAction):not(.dnnSecondaryAction):not(.rsDateHeader):not(.t-button), #Panes a:active:not(.rfdSelect):not(.dnnPrimaryAction):not(.dnnSecondaryAction):not(.rsDateHeader):not(.t-button) {color:#007abd;font-family:"Droid Sans",sans-serif;text-decoration:underline;} #Panes a:visited:not(.rfdSelect):not(.dnnPrimaryAction):not(.dnnSecondaryAction):not(.rsDateHeader):not(.t-button) {color:#007abd;font-family:"Droid Sans",sans-serif;text-decoration:underline;} #Panes a:hover:not(.rfdSelect):not(.dnnPrimaryAction):not(.dnnSecondaryAction):not(.rsDateHeader):not(.t-button) {color:#007abd; text-decoration:underline;font-family:"Droid Sans",sans-serif;} /* Set Default text color and font family */ #Panes th, #Panes td, #Panes table, #Panes div, #Panes p, #Panes h1, #Panes h2, #Panes h3, #Panes h4, #Panes h5, #Panes h6, #Panes span, #Panes .Normal, #Panes .NormalDisabled, #Panes .Head, #Panes .SubHead, #Panes .SubSubHead, #Panes .CommandButton {color:#000;font-family:"Droid Sans",sans-serif;} /* Set Default font size and font weight */ #Panes th, #Panes td, #Panes table, #Panes div, #Panes p, #Panes .Normal, #Panes .NormalDisabled, #Panes .Head, #Panes .SubHead, #Panes .SubSubHead, #Panes a:link, #Panes a:visited, #Panes a:hover, a.PE_ViewPeople_HealLink, a.CMIS_Grid_AddButton {font-size:18px;font-weight:normal;} /* Set Default font size (without font weight) */ body, #Panes span {font-size:18px;} /* Set Default font family */ .Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox, #Menu a, #BreadLogin {font-family:"Droid Sans",sans-serif;} /*========================================================*/ /* 5. Mobile Resizing */ /*========================================================*/ .site-content {width:73%;float:right;} .page-sidebars {width:25%;float:left;} @media screen and (min-width: 600px) { .site-content {width:73%;float:right;} .page-sidebars {width:25%;float:left;} } @media screen and (max-width: 600px) { .site-content {width:100%;float:none;} .page-sidebars {width:100%;float:none;} } @media screen and (min-width: 768px) { #MobileSearch {Display:none!important;} } @media screen and (max-width: 767px) { #DesktopSearch {Display:none!important;} } /*========================================================*/ /* 6. Buttons */ /*========================================================*/ /* DNN Primary Action Buttons */ .dnnFormItem input[type="submit"], .dnnPrimaryAction, .dnnSecondaryAction, a.dnnPrimaryAction, a.dnnSecondaryAction, .RadForm_Silk.RadForm.rfdButton a.rfdSkinnedButton {background:none!important;border-style:none!important;border-radius:0px!important;text-shadow:none!important; border-bottom:none!important;} .RadGrid_Default .rgPager .rgPagerButton {background:none!important;} .RadForm_Default.rfdButton a.rfdSkinnedButton, .RadForm_Default.rfdButton input[type="button"].rfdDecorated, .RadForm_Default.rfdButton input[type="reset"].rfdDecorated, .RadForm_Default.rfdButton input[type="submit"].rfdDecorated, .RadForm_Default.rfdButton .rfdSkinnedButton button, .RadForm_Default a.rfdSkinnedButton, .RadForm_Default .rfdSkinnedButton button, .RadForm_Default .rfdSkinnedButton input.rfdDecorated, .RadForm_Default.rfdButton a.rfdSkinnedButton, .RadForm_Default.rfdButton a.rfdSkinnedButton * {background-image:none!important;} /* DNN Form Item Buttons */ .dnnFormItem button, .dnnFormItem input[type="button"], .dnnFormItem input[type="reset"], .dnnSecondaryAction, a.dnnSecondaryAction, ul.dnnAdminTabNav li a, .dnnLogin .LoginTabGroup span {background:none!important;text-shadow:none!important;font-weight:normal!important;} /* Remove shading on primary buttons */ .dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction {box-shadow:0px 1px 0px 0px #999999, inset 0px 1px 0px 0px #999999; -webkit-box-shadow:0px 1px 0px 0px #999999, inset 0px 1px 0px 0px #FFFFFF;} /* Reduce Margin from login buttons */ #loginReg {margin-top:0px!important;} #dnn_ctr_Login_DNN > div > div:nth-child(5) > div > ul {padding-top:5px!important;} /* -------------------------------------------------------------------------------- */ /* Style buttons CMIS/DNN/Telerik Buttons The following section can be used to re-style all of the CMIS/DNN/Telerik buttons. None of the buttons used in CMIS are of a consistent type which is why so many different classes have to be modified. To re-use the CSS below you just have to replace the following colour codes with the ones that you want: #9f126a - Primary Button background color #6d6d6d - Secondary Button background color #323030 - Hover background color #FFFFFF - Button Text color */ /* -------------------------------------------------------------------------------- */ /* Primary Button Background Colour */ .dnnFormItem button, .dnnPrimaryAction, .dnnSecondaryAction, .dnnFormItem input[type="submit"], .dnnFormItem input[type="button"], .dnnFormItem input[type="reset"], a.dnnPrimaryAction, a.dnnSecondaryAction, ul.dnnAdminTabNav li a, .dnnLogin .LoginTabGroup span, input[type="submit"]:not(.rgCollapse):not(.rgSortDesc):not(.rgUngroup):not(.rgFilter):not(.rgAdd):not(.rgPagePrev):not(.rgPageFirst):not(.rgPageLast):not(.rgPageNext):not(.rgRefresh):not(.rgExpand), input[type="button"]:not(.rgCollapse):not(.rgSortDesc):not(.rgUngroup):not(.rgFilter):not(.rgAdd):not(.rgPagePrev):not(.rgPageFirst):not(.rgPageLast):not(.rgPageNext):not(.rgRefresh):not(.rgExpand), .RadForm_Silk.RadForm.rfdButton a.rfdSkinnedButton {background-color:#f5f5f5!important;border:1px solid #cccccc!important;} /* Secondary Button Background Colour */ .dnnSecondaryAction, a.dnnSecondaryAction {background-color:#f5f5f5!important;} /* Button Hover Background Colour */ .dnnPrimaryAction:Hover, .dnnSecondaryAction:Hover, .dnnFormItem button:Hover, .dnnFormItem input[type="button"]:Hover, .dnnFormItem input[type="reset"]:Hover, .dnnFormItem input[type="submit"]:Hover, .RadForm_Silk.RadForm.rfdButton a.rfdSkinnedButton:hover, a.dnnPrimaryAction:Hover, a.dnnSecondaryAction:Hover, ul.dnnAdminTabNav li a:Hover, .dnnLogin:Hover .LoginTabGroup span:Hover, input[type="button"]:hover, input[type="submit"]:not(.rgCollapse):not(.rgSortDesc):not(.rgUngroup):not(.rgFilter):not(.rgAdd):not(.rgPagePrev):not(.rgPageFirst):not(.rgPageLast):not(.rgPageNext):not(.rgRefresh):not(.rgExpand):Hover, .RadForm_Silk.RadForm.rfdButton a.rfdSkinnedButton:Hover {background-color:#e5e5e5!important;} /* Button Text Colour */ input[type="submit"], input[type="button"], .dnnFormItem input[type="submit"], .dnnPrimaryAction, .dnnSecondaryAction, a.dnnPrimaryAction, a.dnnSecondaryAction, .RadForm_Silk.RadForm.rfdButton a.rfdSkinnedButton {color:#000!important;} /* Input Submit Button styling */ input[type="submit"], input[type="button"] {border-style:none!important;padding:8px;} /* Exclude radgrids from the button hovers */ .RadGrid_Silk .rgFilter, .RadGrid_Silk .rgPageFirst, .RadGrid_Silk .rgPagePrev, .RadGrid_Silk .rgPageNext, .RadGrid_Silk .rgPageLast {background-color:#E6E6E6!important;} .RadGrid .rgPager .rgPagerButton {color:#000!important;} /* Telerik Buttons */ .rfdSkinnedButton {border-style:none!important;} .rfdSkinnedButton input, input[type="submit"], input[type="button"] {font-size:16px!important;} /* Remove Background color from add icons and accordian buttons */ .RadGrid_Silk .rgAdd, .RadGrid_Silk .rgAdd:Hover, .rgCollapse, .rgCollapse:Hover {background-color:transparent!important;} /*========================================================*/ /* 7. Main Menu */ /*========================================================*/ #Menu a {font-size:16px; color:#03c;} #Menu a:visited {color:#555;} /* Hover, Selected */ #Menu .sf-menu a:hover, #Menu .sf-menu a:active {color:#555!important;} /**Main Menu**/ #Menu .sf-menu {margin-bottom: 1em;} #Menu .sf-menu a {padding:.75em 1em;text-decoration:none;} #Menu .sf-menu a {color:#555;} /* Current */ #Menu .sf-sub-indicator {display:none;} #Menu .sf-menu .current a {color:#fff;} #Menu .sf-menu .current ul {Display:block!important;visibility:visible!important;} #Menu .sf-menu .current ul li, #Menu .sf-menu .current ul .current ul {Display:block!important;} #Menu .sf-menu .current ul li ul {Display:none!important;} #Menu .sf-menu .current li a, #Menu .sf-menu .current .current a, #Menu .sf-menu .current .current .current a {color:#555;} #Menu .sf-menu .current .current li a, #Menu .sf-menu .current .current .current li a {font-weight:normal;} #Menu li ul li {border-right:none!important;border-left:none!important;} #dnn_ctl00 li li:last-child {border-bottom:none!important;} #Menu .sf-menu .current li a {padding-left:45px;} /* Hide Sub menus unless they are currently selected */ #Menu li li {Display:none;} #Menu .sf-menu .current ul li {Display:block!important;} .current {background-color:#007abd;} .current ul {background-color:#fff;} .current ul .current {background-color:#fff;} /*========================================================*/ /* 8. Admin Menu */ /*========================================================*/ /**Admin Menu**/ #AdminMenu .sf-menu {margin-bottom:1em;} #AdminMenu .sf-menu a {border-left:1px solid #fff;border-top:1px solid #fff;padding:.75em 1em;text-decoration:none;} #AdminMenu .sf-menu a, #AdminMenu .sf-menu a:visited {color:#555;} #AdminMenu .sf-menu li, #AdminMenu .sf-menu li li, #AdminMenu .sf-menu li li li {background:#FFF;} /* Hover, Selected */ #AdminMenu .sf-menu li:hover, #AdminMenu .sf-menu li.sfHover, #AdminMenu .sf-menu a:focus, #AdminMenu .sf-menu a:hover, #AdminMenu .sf-menu a:active {background:#FFF;color:#8CA321;outline:0;} #AdminMenu .sf-menu li:hover ul, #AdminMenu .sf-menu li.sfHover ul {z-index:100!important;} /* Current */ #AdminMenu .sf-menu .current a {background:#FFF;color:#8CA321!important;outline:0;} #AdminMenu .sf-menu .current li a {color:#555!important;} #AdminMenu .sf-menu .current .current a {color:#8CA321!important;} #AdminMenu .sf-sub-indicator {display:none;} /**Module Actions Menus**/ .ModuleTitle_SubMenu {border:1px solid #C0D6E5;} .ModuleTitle_SubMenu td {background-color:#F8FAFF;white-space: nowrap;} .ModuleTitle_MenuIcon {background-color:#F8FAFF; border:none;padding:0px 2px;} .ModuleTitle_MenuItemSel td, .ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon {color:#375162;background-color:#bad63a;} .ModuleTitle_MenuBreak td, .ModuleTitle_MenuBreak .ModuleTitle_MenuIcon {height:2px;background-color:#D5E0FF;}