/*=======================================================+ | | | Iconic Sunset DotNetNuke Skin | | Developed by Adammer LLC | | http://www.adammer.com | | | | December 2009 | | | +========================================================+ Version : 1.0.3 Released : December 2009 */ /*=======================================================+ | Universal | +=======================================================*/ /*-- HTML (Silence is golden) --*/ html {} /*-- Body --*/ #Body {margin: 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:93%; color: #333; background-color:#FFF;} /*-- Default Font --*/ p {} /*-- Additional space for lists --*/ li {margin-bottom: 2px;} /*-- Lists Styles. 3 levels deep. --*/ ul li, ul li li, ul li li li {list-style-type:square;} ul {margin:10px 0 10px 10px;padding-left:10px;} /*-- Make sure forms look good --*/ form {margin:0;padding:0;} /*-- Make background white for control tables --*/ .FCKImageGalleryContainer {background-color:#FFF;} .Help {background-color:#B6EDF0;border:1px solid black;color:black; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px;font-weight:normal;padding:4px; line-height:1.2em;} /*========================================================+ | Links | +========================================================*/ /*-- default links visited and active --*/ a:link, a:visited, a:active {text-decoration:none;font-style:normal;text-decoration:underline;} /*-- default links hover --*/ a:hover {text-decoration:none;} /*-- normal links visited and active --*/ a.Normal:link, a.Normal:visited {text-decoration: underline; } /*-- normal links hover --*/ a.Normal:hover {text-decoration: none; } /*========================================================+ | Design Elements | +========================================================*/ /*-- Hide the Portal Name H1. Created for SEO --*/ .portalNameH1 {display:none;} /*-- Skin background --*/ .skinBG {background: url(graphics/hdr_bg.png) top repeat-x; overflow:visible; height:346px; position:relative;clear:both;} /*-- Set the margin and padding for the content Border Div. --*/ .HeaderBgDiv {background: url(graphics/top_bg.png) top center no-repeat; height:346px; position:relative;width:1024px; margin:0px auto 0 auto; padding:0px;} /*-- Set the top border --*/ .TopDiv{} /*-- Set width for Full page --*/ .fullWidth {width:1024px;padding:0;margin:0 auto; display:block; position:relative; clear:both; } .logoDiv { } .dnnLogo {position:absolute; display:block; height:96px; z-index:10; left:43px; top:0px; } .dnnLogo a {} /*-- Set the width of the header content --*/ .HeaderDiv{} /*-- Set the background for page content. --*/ .contentBg {} /*-- Set the padding of the content column. --*/ .left{float:left;} .right{float:right;} /*-- Banner Division Styles --*/ .BannerPane1, .BannerPane2, .BannerPane3 {clear:both;} .Banner p {margin:0px; padding:0px;} .contentWrapper {} /*-- Set background image i.e. dotted line between dnnUSER and dnnLOGIN. If you don't want the divider, just empty the contents of this style. --*/ .header-divide {background: url(graphics/hdr_divide.gif) center no-repeat; padding:2px 4px;} /*-- Set background image i.e. dotted line between dnnTerms and dnnCOPYRIGHT. If you don't want the divider, just empty the contents of this style. --*/ .footer-divide {background: url(graphics/hdr_divide.gif) center no-repeat; padding:2px 4px;} /*-- Set the margin of the master table (the table that contains the vertical navigation and content cells). --*/ #MasterTable {margin:0px;} /*-- Set the top padding of the TopPane. This keeps the pane from sitting flush against the breadcrumb/search section. --*/ .TopPane {} /*-- Set the padding and width of all the major panes. Set vertical align to top. --*/ .HeaderPane {position:absolute; left:0px;top:0px;} .VideoPane {position:absolute;right:55px; top:60px; width:432px;} .DynamicPane {position:absolute;left:10px; top:110px; width:500px;} .contentTop {background: url(graphics/page_divide.png) center bottom no-repeat; clear:both; position:relative; overflow:auto;} .LowerDynamicPane {width:500px; vertical-align:top; padding-bottom:32px; float:left; position:relative;} .ButtonPane {width:433px; vertical-align:top; padding-bottom:32px; float:right; padding-right:45px; position:relative;} .ContentPane2 {width:680px; vertical-align:top; padding-bottom:0px; float:left;} .RightSidebarPane {width:300px; vertical-align:top; padding-bottom:0px; float:right;} .contentLower {background: url(graphics/page_divide.png) center top no-repeat; clear:both; position:relative; overflow:auto;} .LowerContentPane {width:680px; vertical-align:top; padding-top:30px; float:left; position:relative;} .LowerRightSidebarPane {width:300px; vertical-align:top; padding-top:30px; float:right; position:relative;} .updateDiv {background: url(graphics/page_divide2.gif) top repeat-x; clear:both; position:relative; } .updatePanes {width:1024px; margin:0px auto 0 auto; padding:0px; overflow:auto; position:relative;} .LeftUpdatePane {width:328px; vertical-align:top;float:left; position:relative; margin:7px 20px 0 0;} .MIddleUpdatePane {width:328px; vertical-align:top;float:left; position:relative; margin-top:7px;} .RightUpdatePane {width:328px; vertical-align:top;float:right; position:relative; margin-top:7px;} .footerDiv {background:#000 url(graphics/footer_bg.png) top repeat-x; clear:both; overflow:visible; position:relative; } .footerPanes {width:900px; display:block; margin:0px auto 0 auto; overflow:auto; position:relative;} .LeftFooterPane {width:273px; vertical-align:top;float:left; position:relative; margin-right:40px;padding:10px 0 0px 0; } .MiddleFooterPane {width:273px; vertical-align:top;float:left; position:relative;padding:10px 0 0px 0;} .RightFooterPane {width:273px; vertical-align:top;float:right; position:relative;padding:10px 0 0px 0;} .BottomPane {clear:both;} /*-- These styles are only used for the Demo site. Feel free to delete. --*/ .DNNPane {border: #333 3px solid; padding: 60px 5px; text-align: center; font-weight: bold; vertical-align: middle; background-color: #FAFAFA;white-space:nowrap; color: #333; font-size:14px; margin-bottom:20px;} .DNNHeaderPane{padding: 25px 5px; width:300px;} /*-- Set font size, color, etc. for login links and text. --*/ .login{text-decoration:none; color: #898378;} #dnn_dnnUSER_cmdRegister {text-decoration:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; border-right:#CCC 1px solid;padding-right:7px;margin-right:3px;color:#898378;} #dnn_dnnUSER_cmdRegister:hover {text-decoration:underline; } #dnn_dnnLOGIN_cmdLogin {text-decoration:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#898378;} #dnn_dnnLOGIN_cmdLogin:hover {text-decoration:underline;} /*========================================================+ | Menu, Breadcrumb, and Search | +========================================================*/ /*-- Set the background image, width, and margins for the menu. --*/ .menu-bg{ display:block; width:530px;height:41px; position:relative; float:right; margin-right:10px; margin-top:8px;background:url(graphics/menu_bookend.png) right no-repeat; padding-right:10px;} .menu{float:right; background:url(graphics/menu_bookend.png) left no-repeat; padding-left:10px;} .topLoginDiv {display:block; position:relative; float:right; margin-top:8px; margin-right:20px;} .topLogin { display:inline-block;font-size:11px;line-height:37px; color:#F60 !important; text-decoration:none !important; text-transform:uppercase; font-weight:bold; margin-left:5px;} .topLogin:hover {text-decoration:underline !important;} /*-- Set the background image, width, and margins for the Breadcrumb. --*/ .breadcrumb-div{background: #F1F1F1 url(graphics/bg_breadcrumb.gif) top repeat-x; border-bottom: #CCC 1px solid;border-left:#CCC 1px solid;border-right:#CCC 1px solid; height:17px;line-height:8px; margin:-3px 5px 0 5px; padding-top:0px;-moz-border-radius:0px 0px 4px 4px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;} .breadcrumb-row{padding:0px 0px;} /*-- Set font size, color, etc. for the breadcrumb div. --*/ .breadcrumbdiv {font-size:10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; color:#777; text-align:left;padding:1px 0px 0px 5px; float:left;} .breadcrumb {font-size:10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none !important; color: #777 !important; font-style:normal !important; margin:0 2px; line-height:14px;} .breadcrumbdiv a:hover {text-decoration:underline !important;} .breadcrumb-pretext {background:url(graphics/bg_home.gif) center bottom no-repeat; height:12px; width:12px;margin-right:2px; text-indent:-30px; overflow:hidden; display:block;} /*-- Set font size, color, etc. for the Current Date div. --*/ .currentDateDiv {display:block; float:right;padding-right:10px;} .currentDate {font-size:10px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; color: #999;} .current-date a {font-size:10px; text-decoration:none; color:#666666;} .current-date a:hover {text-decoration:underline;} /*-- If panes are empty, we make sure there are no lingering styles. --*/ .DNNEmptyPane {border:0px none !important; line-height:0px !important; padding:0px !important; font-size:0px !important; height:0px !important; width:0px !important;margin:0px !important; } /*-- Set the background image, width, margin, and border for the content div. --*/ .content {margin:0px auto 0px auto;padding:5px 10px 0px 10px;} .contentBg {} /*-- Set the background image, width, margin, and font for the footer div. --*/ .BottomDiv{background:url(graphics/bg_footer.gif) top repeat-x; clear:both;} .footer {padding:15px 0 15px 0;font-size:.6em;line-height:1.8em; width:1024px; text-decoration:none; color:#898378;margin:0 auto 0 auto; text-align:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; position:relative; z-index:0;} .footer a:link, .footer a:visited, .footer a:active {text-decoration:none; color: #898378;} .footer a:hover {text-decoration:underline;color: #898378;} /*-- Padding-right is used to set the terms and privacy text 3 pixels from the right edge. --*/ .termsdiv{float:right;} .terms{border-right:#CCC 1px solid;padding-right:5px;margin-right:3px;} .privacy{border-right:#CCC 1px solid;padding-right:5px;margin-right:3px;} /*-- Margin-left is used to set the copyright text 3 pixels from the left edge. --*/ .copyright{padding:0;} /*-- Styles for footer lists. --*/ .footerInfo { } .footerInfo ul {width:165px; display:inline;float:left; padding:0; margin:0px 19px 15px 0; font-size:10px; } .footerInfo li {list-style:none; list-style-image:none; list-style-position:outside;color:#898378;} .footerInfo li.header { font-size:11px; border-bottom:#898378 1px solid; margin-bottom:3px; font-weight:bold;} /*-- Horizontal Rule --*/ hr {height:1px;color:#CCC;} /*-- Action Button styles --*/ .action-buttons { text-align:right; clear:both;} /*========================================================+ | Search Items | +========================================================*/ /*-- Set the padding of the search div. --*/ .Search {float:right; display:block; margin-top:1px; padding:7px 4px 10px 13px; position:relative;} * html .Search { padding:8px 10px 10px 13px; } .search img {border:none; padding:0px 0px 0px 0px;} /*-- Set background color for Google custom search input --*/ .GCSearchBox {} /*-- If you need to change the button for the Google custom search --*/ .GCSearchButton {} /*-- Font for Radio Button labels. Not displayed by default but just in case. --*/ .SearchField {display:block; height:20px; width:16px; text-indent:30px; overflow:hidden; position:absolute; top:9px; right:12px;} /*-- Search Textbox Font and background image. --*/ #dnn_dnnSEARCH_txtSearch.NormalTextBox {font-size:.9em; border: none; width:125px; padding:3px 20px 0px 4px; height:17px;background:url(graphics/bg_search.gif) top right no-repeat; -moz-border-radius:10px; -webkit-border-radius:10px} #dnn_dnnSEARCH_ClassicSearch {} /*========================================================+ | DNN Control Panel | +========================================================*/ /*-- We are using the DNN defaults Except the align center which breaks when you use DIV not tables for content. --*/ .DNNAligncenter {text-align:left;} .ControlPanel {background: #F2F2F2 url(graphics/bg_control_panel.gif) bottom repeat-x; border:none;text-align:center; width:100%;} /*========================================================+ | Text Styles | +========================================================*/ /*-- Default Font --*/ p {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; margin:5px 0 10px 0; font-size: 12px; line-height: 18px;} /*-- Most of the site text. --*/ .normal, .Normal {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; font-size: 12px; line-height: 18px; padding-bottom: 10px;} /*-- Most of the bold site text. --*/ .NormalBold {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-size: 12px; color: #333333; font-weight: bold; color: #555; line-height: 18px; padding-bottom: 10px;} /*-- Red Error site text. --*/ .NormalRed {color: #990000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-size: 12px; line-height: 18px; padding-bottom: 10px;} /*-- subheadings - mostly in admin. --*/ .SubHead {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-size: .8em; font-weight: bold; color: #333333; vertical-align:top;} .SubHead label {font-size:1em;} /*-- headings - mostly in admin. --*/ .Head {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; text-decoration: none; font-weight: normal; background-color:transparent;} /*-- Header styles. --*/ h1 {font-family:Verdana, Geneva, sans-serif; color:#000; font-size: 2em; text-decoration: none; font-weight: normal;margin-top:0px; margin-bottom:10px;line-height:110%;} h2 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-size: 1.8em; margin-top:0px;margin-bottom:8px;line-height:110%;} h3 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-size: 1.5em;margin-top:0px;margin-bottom:6px;line-height:110%;} h4 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;; color:#000; font-size: 1.3em; margin-top:0px;margin-bottom:6px;line-height:110%;} h5 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-size: 1.1em;font-weight:normal;line-height:120%;margin-top:0px;margin-bottom:6px;} h6 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-size: 1em;font-weight:normal; font-style:italic;margin-top:0px;margin-bottom:8px;line-height:120%;} .StdContainer .Normal {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} /*========================================================+ | User Defined Tables | +========================================================*/ .UDT_Table_Head th {font-size:10px;} .UDT_Table_AlternateItem, .UDT_Table_AlternateItem p {font-size:10px;background-color:#F3F3F3;vertical-align:top;} .UDT_Table_Item, .UDT_Table_Item p {font-size:10px;vertical-align:top;} /*========================================================+ | Module Menus | +========================================================*/ /*-- Usually no need to change these styles. --*/ .ModuleTitle_MenuItem {background-color:#F7F7F7;border:1px solid #F7F7F7;color:#333333;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;padding:0px 10px 0px 0px;} .ModuleTitle_SubMenu {background-color:#F7F7F7;border:1px solid #666666;margin:1px 0px 0px;padding:0px;z-index:1000;} .ModuleTitle_MenuItemSel {background:#DDDDDD none repeat scroll 0%;border-left:1px solid #DDDDDD;border-right:1px solid #DDDDDD;color:#000000;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;padding:0px 10px 0px 0px;} .ModuleTitle_MenuIcon {border:1px solid #EEEEEE;padding:2px 3px;} .ModuleTitle_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow {display:none;} /*========================================================+ | Forms | +========================================================*/ /*-- Default for Element --*/ select, input { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; /*font-size: 11px !important; */color: #555; } /*-- Default Textbox --*/ .NormalTextBox { color: #333;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal;} .StandardButton { font-size:1.1em;} td.NormalTextBox, table.NormalTextBox {border:none; background:none;} td span.NormalTextBox {border:none; background:none;} /*========================================================+ | Clearfix Hack for Div floats | +========================================================*/ /*-- Clearfix allows us to have floats set the height of the content and leftnav divs --*/ .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clearfix {zoom: 1; /* triggers hasLayout */ display: block; /* resets display for IE/Win */} /*========================================================+ | Navigation Menu Styles | +========================================================*/ /*-- Set line height. --*/ #nav li {position:relative;float:left;line-height:12px;list-style:none;padding:0px;margin-bottom:0px; background-color:transparent;z-index:2;} /*-- Set bottom margin and color of menu that does not contain menu items. --*/ #nav ul {padding:0px;margin:0px;list-style:none;float:left;width:100%;background:transparent;z-index:1;} /*-- Font for top menu items. --*/ #nav a {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:11px;display:block;margin: 0;text-decoration:none;text-align:center;padding: 0 10px 0 10px; margin:0px; color: #333; line-height:37px;z-index:3; font-weight:bold; text-transform:uppercase;} /*-- Second-level list container. --*/ #nav li ul {position:absolute;left: -999em;width:167px;border-top:#666 1px solid;border-left:1px solid #666;z-index:4;} /*-- Second-level menu items. --*/ #nav li li a {width:150px;font-size:11px;text-align:left;background: #F90 none; color:#333;border-right:1px solid #666;border-bottom:#666 1px solid; line-height:16px; padding:6px 6px 6px 10px; text-transform:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal;z-index:5;} /*-- Hover style for unselected menu items. --*/ #nav li a:hover {color:#000;} #nav li li a:hover, #nav li li.SelectedTab a:hover, #nav li.SelectedTab li a:hover {background: #FFF none;} #nav a:hover {} .SelectedTab {font-weight:normal;} /*-- Top-level selected menu items. --*/ #nav SelectedTab a:hover {} /*-- Second-level selected menu items. --*/ #nav li li.SelectedTab a {background:#FFF none; color:#000; font-weight:normal;} /*-- Third-level selected menu items. --*/ #nav li li li.SelectedTab a {background: #FFF none; color:#000; font-weight:normal;} /*-- Hover style for selected menu items. --*/ #nav li.SelectedTab a:hover {color:#000;} /*-- Font color for disabled tabs. --*/ #nav .DisabledTab {color:#CCC;} /*-- No need to change these hover classes unless you need more than 4 levels --*/ #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.iehover ul ul, #nav li.iehover ul ul ul, #nav li.iehover ul ul ul ul{left: -999em;} /*-- Set where the first drop-down hover menu starts along the y axis --*/ #nav li:hover ul, #nav li.iehover ul {top: 37px;left:0;} /*-- Set where the first drop-down hover menu starts along the x axis --*/ #nav li li:hover ul, #nav li li li:hover ul, #nav li li.iehover ul, #nav li li li.iehover ul {top: 2px;left:166px;} /*========================================================+ | Additional Skin Control | +========================================================*/ #Twitter { display:block; text-indent: -9999px; width:50px; height:50px; text-align:center; line-height:50px; background:url(/portals/0/images/Icons/iconsetc-twitter-logo-square-rollover.png) no-repeat; background-position:0 0; color:#fff; font-weight:bold; font-size:14px; text-decoration:none; } #Twitter:hover { background-position:0 -50px; color:#000; } #Twitter:active { background-position:0 -50px; } #Mail { display:block; text-indent: -9999px; width:50px; height:50px; text-align:center; line-height:50px; background:url(/portals/0/images/Icons/iconsetc-mail-square-rollover.png) no-repeat; background-position:0 0; color:#fff; font-weight:bold; font-size:14px; text-decoration:none; } #Mail:hover { background-position:0 -50px; color:#000; } #Mail:active { background-position:0 -50px; } #Facebook { display:block; text-indent: -9999px; width:50px; height:50px; text-align:center; line-height:50px; background:url(/portals/0/images/Icons/iconsetc-facebook-logo-square-rollover.png) no-repeat; background-position:0 0; color:#fff; font-weight:bold; font-size:14px; text-decoration:none; } #Facebook:hover { background-position:0 -50px; color:#000; } #Facebook:active { background-position:0 -50px; } #RSS { display:block; text-indent: -9999px; width:50px; height:50px; text-align:center; line-height:50px; background:url(/portals/0/images/Icons/iconsetc-rss-cube-rollover.png) no-repeat; background-position:0 0; color:#fff; font-weight:bold; font-size:14px; text-decoration:none; } #RSS:hover { background-position:0 -50px; color:#000; } #RSS:active { background-position:0 -50px; } #FindUsOrange { display:block; text-indent: -9999px; width:210px; height:42px; text-align:center; line-height:50px; background:url(/portals/0/images/Buttons/Find_Us-buttonOrange.png) no-repeat; background-position:0 0; color:#fff; font-weight:bold; font-size:14px; text-decoration:none; } #FindUsOrange:hover { background-position:0 -42px; color:#000; } #FindUsOrange:active { background-position:0 -42px; } #AskQuestionOrange { display:block; text-indent: -9999px; width:210px; height:42px; text-align:center; line-height:50px; background:url(/portals/0/images/Buttons/AskQuestion-buttonOrange.png) no-repeat; background-position:0 0; color:#fff; font-weight:bold; font-size:14px; text-decoration:none; } #AskQuestionOrange:hover { background-position:0 -42px; color:#000; } #AskQuestionOrange:active { background-position:0 -42px; } #FindUsBlue { display:block; text-indent: -9999px; width:210px; height:42px; text-align:center; line-height:50px; background:url(/portals/0/images/Buttons/Find_Us-buttonBlue.png) no-repeat; background-position:0 0; color:#fff; font-weight:bold; font-size:14px; text-decoration:none; } #FindUsBlue:hover { background-position:0 -42px; color:#000; } #FindUsBlue:active { background-position:0 -42px; } #AskQuestionBlue { display:block; text-indent: -9999px; width:210px; height:42px; text-align:center; line-height:50px; background:url(/portals/0/images/Buttons/AskQuestion-buttonBlue.png) no-repeat; background-position:0 0; color:#fff; font-weight:bold; font-size:14px; text-decoration:none; } #AskQuestionBlue:hover { background-position:0 -42px; color:#000; } #AskQuestionBlue:active { background-position:0 -42px; } #videomodule { padding-top:3px; padding-right: 2px; position:absolute; right:0px; z-index:0; } .footerPanes, .footerPanes p, .footerPanes .Normal { color:#CCC; } .footerTitle { color: #FFF !important; font-size: 18px !important; font-weight: 500; text-decoration: underline; } #VirusButton { display:block; text-indent: -9999px; width:225px; height:125px; text-align:center; line-height:50px; background:url(/portals/2/images/Buttons/Axiom-Virus-Cleans.png) no-repeat; background-position:0 0; color:#fff; font-weight:bold; font-size:14px; text-decoration:none; } #VirusButton:hover { background-position:0 -125px; color:#000; } #VirusButton:active { background-position:0 -125px; } #RemoteButton { display:block; text-indent: -9999px; width:225px; height:125px; text-align:center; line-height:50px; background:url(/portals/2/images/Buttons/Axiom-Remote-Support.png) no-repeat; background-position:0 0; color:#fff; font-weight:bold; font-size:14px; text-decoration:none; } #RemoteButton:hover { background-position:0 -125px; color:#000; } #RemoteButton:active { background-position:0 -125px; } #BusinessButton { display:block; text-indent: -9999px; width:225px; height:125px; text-align:center; line-height:50px; background:url(/portals/2/images/Buttons/Axiom-Biz-Support.png) no-repeat; background-position:0 0; color:#fff; font-weight:bold; font-size:14px; text-decoration:none; } #BusinessButton:hover { background-position:0 -125px; color:#000; } #BusinessButton:active { background-position:0 -125px; } /* ------ Modal Control ------ */ .graydiv { position: absolute; background-color: #5B5B5B; left: 0px; top: 0px; z-index: 10000; display: none; } .ModalBackground { background-color: black; filter: alpha(opacity=70); opacity: 0.7; } /*========================================================+ | End DNN Skin Styles | +========================================================*/