/*=======================================================+ | | | DotNetNuke Skin - Greytness | | Developed by Adammer LLC | | http://www.adammer.com | | | | July 2009 | | | +========================================================+ Version : 2.5 Released : August 2011 Notes : /*=======================================================+ | Universal | +=======================================================*/ /*-- HTML (Left blank on purpose) --*/ html {} /*-- Body --*/ #Body {margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; color:#333; line-height:1.4em; background-color:#c1c1c1;} /*-- Skin Background --*/ .skinBG { clear: both; background-color: #c1c1c1;} /*-- 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-left:10px;padding-left:10px;} /*-- Make sure forms look good --*/ form {margin:0;padding:0;} /*-- Make background white for control tables --*/ .FCKImageGalleryContainer, .FCKLinkGalleryContainer {background-color:#FFF;} /*-- Make sure links are always blue even in Midnight Theme --*/ ul.dnnActionMenuBody li ul li a, ul.dnnActionMenuBody li ul li a img {color:#328DDE !important;} /*========================================================+ | Links | +========================================================*/ /*-- default links visited and active --*/ a:link, a:visited, a:active {text-decoration:none; color:#328DDE; font-style:normal; text-decoration:underline} /*-- default links hover --*/ a:hover {text-decoration:none;color:#328DDE;} /*-- 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 | +========================================================*/ /*-- Set the margin and padding for the content Border Background Div. --*/ .BorderBgDiv {width:962px; margin:10px auto 0 auto; padding:0px; clear: both;} /*-- Set the top border --*/ .TopDiv {/*background:url(graphics/BorderedTop_bg.png) top no-repeat; height:15px;*/} /*-- Set width for Full page --*/ .fullWidth {width:962px;padding:0;margin:0 auto;border-bottom: #CCC 1px solid; position:relative;} /*-- Set the width of the header content --*/ .HeaderDiv{} /*-- Set the background for page content. --*/ .contentWrapper {background: #fff; margin-top: 0px;/*background:url(graphics/BorderedContent_bg.png) top center repeat-y;*/} /*-- Set the padding of the content column. --*/ .left{float:left;} .right{float:right;} /*-- Banner Division Styles --*/ .BannerPane1, .BannerPane2, .BannerPane3 {clear:both;} .BannerPane1 {width:100%; margin:0px auto; background: #8a8a8a; } .BannerPane3{ border-bottom:#264832 1px solid;} .Banner p {margin:0px; padding:0px;} .dnnLogo {vertical-align:middle; margin: auto; width:962px; } .dnnLogo a {} .logo_Banner{margin:auto;clear:both; background:#c1c1c1;} /*-- 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;} .LeftNavTop {clear:both;padding:5px;} .LeftNavTop .StdContainer {margin-bottom:0px;} .LeftNavBottom {clear:both;padding:5px;} .LeftGutterPane {clear:both;padding:10px;} .TopPaneDiv {clear:both;} .TopLeftPane { width:450px; vertical-align:top;} .TopRightPane {width:450px; vertical-align:top;} .ContentPaneDiv {clear:both;} .ContentPane {vertical-align:top;} .ContentPane2Div {clear:both;} .LeftPane {width:200px; vertical-align:top;} .ContentPane2 {vertical-align:top; width:700px;} .ContentPane3Div {clear:both;} .ContentPane3 {vertical-align:top; width:700px;} .RightPane {width:200px; vertical-align:top;} .MiddlePaneDiv{clear:both;} .MiddleLeftPane {width:200px;margin-right:20px; vertical-align:top;} .MiddlePane {width:484px;vertical-align:top;} .MiddleRightPane {width:200px;vertical-align:top;} .BottomPaneDiv{clear:both;} .BottomColumn1 {width:170px;margin-right:1.2em; vertical-align:top;} .BottomColumn2 {width:170px;margin-right:1.3em; vertical-align:top;} .BottomColumn3 {width:170px;margin-right:1em;vertical-align:top;} .BottomColumn4 {width:170px;margin-left:0.7em;vertical-align:top;float:left;} .BottomColumn5 {width:170px;margin-left:1em;vertical-align:top;} /* .BottomColumn1 {width:170px;margin-right:10px; vertical-align:top;} .BottomColumn2 {width:170px;margin-right:10px; vertical-align:top;} .BottomColumn3 {width:170px;margin-right:10px;vertical-align:top;} .BottomColumn4 {width:170px;margin-left:10px;vertical-align:top;} .BottomColumn5 {width:170px;margin-left:10px;vertical-align:top;} */ .BottomMultiPaneDiv{clear:both; margin-top:30px;} .BottomLeftPane {float:left;width:450px;margin-right:8px; margin-top: 30px;} .BottomRightPane {float:left;width:450px;margin-left:8px; margin-top: 30px;} .BottomPane {clear:both;} .SubFooterPane {clear:both; background-color: #666; display: block;} .LowerBottomMultiPaneDiv {clear:both; margin-top:30px;} .LowerBottomLeftPane {float:left;width:300px;margin-right:8px; margin-top: 20px;} .LowerBottomMidPane {float:left;width:300px;margin-right:8px; margin-top: 20px;} .LowerBottomRightPane {float:left;width:300px;margin-left:8px; margin-top: 20px;} /*-- Set font size, color, etc. for login links and text. --*/ .login{text-decoration:none; color: #999;} #dnn_dnnUSER_cmdRegister {text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(graphics/hdr_divide.gif) right no-repeat;padding-right:8px;color:#333;} #dnn_dnnUSER_registerLink {text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(graphics/hdr_divide.gif) right no-repeat;padding-right:8px;color:#333;} #dnn_dnnUSER_registerLink:hover {text-decoration:underline; } #dnn_dnnUSER_cmdRegister:hover {text-decoration:underline; } #dnn_dnnLOGIN_cmdLogin {text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif;color:#333;} #dnn_dnnLOGIN_cmdLogin:hover {text-decoration:underline;} /*========================================================+ | Menu, Breadcrumb, and Search | +========================================================*/ /*-- Set the background image, width, and margins for the menu. --*/ .menu-bg{background-color: #666; height:26px; position:relative;z-index:1000;} .menu{text-align:left; float:left; width:770px;} /*-- Set the background image, width, and margins for the Breadcrumb. --*/ .breadcrumb-div{background-color:#fff; height:14px;border-top:#E6E6E6 1px solid; border-bottom:#CCC 1px solid;line-height:12px; padding: 3px 0;} .breadcrumb-row{padding:0; } /*-- Set font size, color, etc. for the breadcrumb div. --*/ .breadcrumbdiv {font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color: #333; text-align:left;padding:0px 0px 0px 10px; float:left; line-height:normal} .breadcrumb {font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none !important; color: #333 !important; font-style:normal !important;} .breadcrumbdiv a:hover {text-decoration:underline !important;} .breadcrumb-pretext {font-weight:normal;color:#FAFAFA;line-height:12px;} .Social-div {} /*-- SocialPane modification. */ .SocialPane {} /* Placed on the right hand side */ .SocialPane img { margin: 5px 5px; transition: margin 0.3s ease-out; -webkit-transition: margin 0.3s ease-out; -moz-transition: margin 0.3s ease-out; -o-transition: margin 0.3s ease-out;} .SocialPane img:hover{margin-top: 1px;} /* of the Breadcrumb row. --*/ .SocialPane h1 {display:none;} .DnnModule-639 {float:right; padding: 3px 5px 0 0;} .DnnModule-640 {float:right; padding: 3px 5px 0 0;} .DnnModule-641 {float:right; padding: 3px 5px 0 0;} .DnnModule-642 {float:right; padding: 3px 15px 0 0;} : 0 5px; /*-- Set font size, color, etc. for the Current Date div. --*/ .currentDateDiv {display:block; float:right;padding-right:10px;} .currentDate {font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color: #999;} .current-date a {font-size:10px; text-decoration:none; color:#666;} .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; display:none;} /*-- Set the background image, width, margin, and border for the content div. --*/ #greytness .content, #GreytnessMidnight .content {width:924px; margin:0px auto 0 auto; padding:10px 0 20px 0} .contentBg {} /*-- Set the background image, width, margin, and font for the footer div. --*/ .BottomDiv{ /*background:url(graphics/BorderedBottom_bg.png) bottom no-repeat;*/ height:2.5em;clear:both;position:relative;} #greytness .footer-bg, #GreytnessMidnight .footer-bg { border-top:#666 1px solid } #greytness .footer, #GreytnessMidnight .footer {font-size:.8em; line-height:1.8em; text-decoration:none; color:#333; width:934px; padding-top:2px; margin:0 auto 0 auto; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif} #greytness .footer a, #GreytnessMidnight .footer a, .charcoolFooter a {text-decoration:none; color:#333} #greytness .footer a:hover,#GreytnessMidnight .footer a:hover, .charcoolFooter a:hover {text-decoration:underline} /*-- Padding-right is used to set the terms and privacy text 3 pixels from the right edge. --*/ .termsdiv{float:right; bottom:0px;display:none; } .terms{background:url(graphics/hdr_divide.gif) right no-repeat;padding-right:8px; } .privacy{background:url(graphics/hdr_divide.gif) right no-repeat;padding-right:8px; } .cwTermsPane {width: 200px;} /*-- Margin-left is used to set the copyright text 3 pixels from the left edge. --*/ .copyrightdiv{display:none;} .copyright{padding:0; } /*-- Horizontal Rule --*/ hr {height: 1px; color: #bbb;} .action-buttons { padding:0; margin-bottom:10px; text-align:right; /*text-align:right; float:right; display:block;*/} /*-- Footer Links --*/ #greytness .footer ul, #GreytnessMidnight .footer ul {list-style: none;margin: 0;padding: 0;} #greytness .footer li, #GreytnessMidnight .footer li {list-style: none; display: block; float: left; margin-left: 8px;} /*========================================================+ | Search Items | +========================================================*/ /*-- Set the padding of the search div. --*/ .Search {float:right; padding:2px 5px 0 0;} .search img {border:none; padding:0px 0px 0px 0px;} /*-- Set background color for Google custom search input --*/ .GCSearchBox {background-color:#FFFCF2;} /*-- 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. --*/ a.SearchField:hover {text-decoration:underline !important;} .btnSearch {margin-left:-7px;} /*-- Search Textbox Font and background image. --*/ #dnn_dnnSEARCH_ClassicSearch {display:none;} #dnn_dnnSEARCH_txtSearch.NormalTextBox {padding: 3px 2px 0px 4px; font-size:.8em; height:16px; background:#F8F8F8 ;border: #999 1px solid; width:120px;} #dnn_dnnSEARCH_txtSearch.NormalTextBox:focus {padding: 3px 2px 0px 4px; font-size:.8em; height:16px; background:#fff ;border: #999 1px solid; width:120px; box-shadow: inset 1px 1px 1px rgba(125, 125, 125, 0.8)} #dnn_dnnSEARCH_cmdSearch img {border:none; vertical-align:top; margin-top:1px; padding:0px} /*========================================================+ | 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;} .greytnessCP { } #dnn_ControlPanel {width:962px; margin:0 auto} .greytnessCP .dnnRibbon .barContent {border-right:none; border-top:none} .greytnessCP .RadTabStrip_Default {background:none} .greytnessCP .RadTabStrip_Default .rtsLink {background-color:#F1F1F1; color:#111} .greytnessCP .RadTabStrip_Default .rtsLink:hover {background-color:#FFF; color:#111} .greytnessCP .RadTabStrip_Default .rtsSelected { background-color:#FFF} .greytnessCP .dnnRibbonGroup .content {height:100px} .greytnessCP .dnnRibbonGroup .content:hover {background:#FCFCFC} .greytnessCP .RadTabStrip_Default .rtsLI, .RadTabStrip_Default .rtsLink {height:auto} .greytnessCP .RadTabStripTop_Default .rtsLink {margin-top:4px } .greytnessCP .RadTabStrip_Default .rtsSelected { border-bottom:#FFF 1px solid; height:24px; margin-top:0px; font-size:13px; color:#333} .greytnessCP .RadTabStrip_Default .rtsSelected:hover {font-size:13px} .greytnessCP .RadTabStrip_Default .rtsSelected .rtsTxt {font-weight:bold} .greytnessCP .dnnRibbon .barContent table {width:100%} .ControlPanel, .PagingTable {background-color:#FFF; border:none; text-align:center} #GreytnessMidnight .ControlPanel, .PagingTable {background:#999 none} /*.dnnActionMenu {right:10px;} */ /*========================================================+ | Text Styles | +========================================================*/ /*-- Default Font --*/ p {font-family:Verdana, Arial, Helvetica, sans-serif; color: #333; margin:0 0 10px 0;} /*-- Most of the site text. --*/ .normal, .Normal {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: #333;} /*-- Most of the bold site text. --*/ .NormalBold {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; font-weight: bold; color: #555;} /*-- Red Error site text. --*/ .NormalRed {color: #900; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;} /*-- subheadings - mostly in admin. --*/ .SubHead {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333;} /*-- headings - mostly in admin. --*/ .Head {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none; font-weight: normal; background-color:transparent; color: #333;} /*-- Header styles. --*/ h1 {font-family:Calibri, Arial, Helvetica, sans-serif; color:#ae7b46; font-size: 1.6em; text-decoration: none; font-weight: bold;margin-top:0px;margin-bottom:4px; line-height:1em; text-shadow:1px 1px 1px silver;} h2 {font-family:Calibri, Arial, Helvetica, sans-serif; color:#444; font-size: 1.8em; font-weight:bold; margin-top:0px;margin-bottom:5px;line-height:1em;} h3 {font-family:Calibri, Arial, Helvetica, sans-serif; color:#ae7b46; font-size: 1.6em; font-weight:bold; margin-top:0px;margin-bottom:4px;line-height:1em;text-shadow:1px 1px 1px silver;} h4 {font-family:Calibri, Arial, Helvetica, sans-serif; color:#444; font-size: 1.4em; font-weight:bold; margin-top:0px;margin-bottom:3px;line-height:1em;} h5 {font-family:Calibri, Arial, Helvetica, sans-serif; color:#444; font-size: 1.2em; font-weight:bold; line-height:1.1em;margin-top:0px;margin-bottom:2px;line-height:1em;} h6 {font-family:Calibri, Arial, Helvetica, sans-serif; color:#444; font-size: 1.0em; font-weight:bold; font-style:italic;margin-top:0px;margin-bottom:1px;line-height:1em;} /*========================================================+ | 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:#333;font-family:verdana,sans-serif;font-size:11px;font-weight:normal;padding:0px 10px 0px 0px;} .ModuleTitle_SubMenu {background-color:#F7F7F7; border:1px solid #666; margin:1px 0px 0px; padding:0px; z-index:2000 !important;} .ModuleTitle_MenuItemSel {background:#DDD none repeat scroll 0%; border-left:1px solid #DDD; border-right:1px solid #DDD; color:#000; font-family:verdana, sans-serif; font-size:11px; font-weight:normal; padding:0px 10px 0px 0px} .ModuleTitle_MenuIcon {border:1px solid #EEE;padding:2px 3px;} .ModuleTitle_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow {display:none;} /*========================================================*/ /* Forms */ /*========================================================*/ /*-- Default for Element --*/ select, input { font-family: tahoma; font-size: 11px; color: #555; } /*-- Default Textbox --*/ .NormalTextBox {color:#333; line-height:12px; font-family:tahoma; font-weight:normal} /*========================================================+ | 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:#fff;} /*-- 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:700} /*-- Font for top menu items. --*/ #nav a { font-family:Verdana, Geneva, sans-serif; font-weight:normal; font-size:13px; display:block; margin:0; text-decoration:none; text-align:center; padding:0 20px 0 18px; margin:0px; color:#fff; background: /*url(graphics/menu_divide.gif) right center no-repeat; */; background-color: #666; line-height:26px; z-index:800; border-right: 1px solid #fff; } /*-- Second-level list container. --*/ #nav li ul {position:absolute; left:-999em; width:167px; border-top:#999 1px solid; border-left:1px solid #999; z-index:900} #nav li li { z-index:1000 } /*-- Second-level menu items. --*/ #nav li li a { width:150px; font-size:11px; text-align:left; background:#E6E6E6 none; color:#222; border-right:1px solid #999; border-bottom:#999 1px solid; line-height:16px; padding:6px 6px 6px 10px; text-transform:none; font-family:Verdana, Geneva, sans-serif; font-weight:normal; z-index:1000} /*-- Hover style for unselected menu items. --*/ #nav li a:hover {background: #FAFAFA none; color:#000;} /*-- Top-level selected menu items. --*/ #nav li.SelectedTab a {} /*-- Second-level selected menu items. --*/ #nav li li.SelectedTab a {background:#CCC none; color:#222;} /*-- Third-level selected menu items. --*/ #nav li li li.SelectedTab a {background: #CCC none; color:#222;} /*-- Hover style for selected menu items. --*/ #nav li.SelectedTab a:hover {background: #FAFAFA none; 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: 26px;left:-1px;} /*-- 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;} /*-- not needed - main menu --*/ .MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon {display: none;} /*-- Adammer Free skin style --*/ .designBy { font-size:10px; color:#B2B2B2; text-align:center; margin-bottom:20px } .designBy a {font-size:10px; color:#B2B2B2; text-decoration:none} .designBy a:hover { font-size:10px; color:#999; text-decoration:underline } /*========================================================+ | Additional Styles | +========================================================*/ .TitleCell {padding:0 20px 20px 0; vertical-align:top} .SizeCell {padding:0 20px 20px 0; vertical-align:top} #GreytnessMidnight .FileManager_StatusBar,#GreytnessMidnight .FileManager_Pager {background-color:#666} #GreytnessMidnight select.Normal {color:#000} #GreytnessMidnight .ExtensionsContent tr.NormalBold {color:#000} div.language-object {width: 960px; margin: 0 auto;} div.language-object span.Language {float: right;} div.language-object span.Language img {width: 20px; margin: 5px 0px 0 0; } div.language-object span.Language.selected img {border-color:#CCC; } #GreytnessMidnight div.language-object span.Language.selected img {border: 2px solid #333; } /*========================================================+ | Clear Fix for floating DIVs | +========================================================*/ * html .clearfix {height:1%; overflow:visible} *+html .clearfix {min-height:1%} .clearfix:after {clear:both; content:"."; display:block; height:0; visibility:hidden} /*========================================================+ | End DNN Skin Styles | +========================================================*/ /*========================================================+ | Index page - News Module (feeds) | +========================================================*/ .DNN_News_ItemLink{font-size: 1em;font-weight:normal;margin-bottom:15px; max-width:300px;} .DNN_News_ItemDate{font-style:italic;margin:0;display:none;} .DNN_News_ItemDetails{margin:0; max-width: 300px; margin-bottom:10px;font-size:1em;} /*========================================================+ | Contact us page - Request process | +========================================================*/ .request_process { background: #D4E4DD; border-radius: 7px; padding: 10px; width: 400px; font-size: 0.9em; } .request_process div { margin-top: 20px; } .request_process p { clear: both; margin-left: 40px; } .request_process div div { font-weight: bold; float: left; margin-top: 10px; } .request_process img { float: left; margin: 5px; width: 32px; } #asterisk { font-size: 0.8em; width:400px; padding: 10px; } /*========================================================+ | Custom adjustments | +========================================================*/ #shortintro { padding: 50px 0; font-size: 1.2em; font-style: italic; text-shadow: 1px 1px 1px silver; margin-bottom: 50px; } .shortServices { height: 255px; box-shadow: 2px 2px 2px 3px rgba(125, 125, 125, 0.6); } .shortServices p { padding: 5px; /*padding-bottom: 5px;*/ } .shortServices p:last-child { display: none; } .shortServices:hover { box-shadow: 5px 5px 6px 3px rgba(125, 125, 125, 0.6); } .shortServices a { text-decoration: none; color: #333; } #feedsTable { width: 100%; } #feedsTable td { background-color: #E8EDFF; border-top: 1px solid #fff; border-bottom: 1px solid #fff; height: 48px; padding: 5px 10px; } td.tableHeader { font-weight: bold; font-size: 1.2em; background-color: #8ead9f !important; padding: 5px 10px; } td#tableHeader_left { border-radius: 7px 0 0 0; font-weight: bold; font-size: 1.2em; background-color: #8ead9f; padding: 5px 10px; } td#tableHeader_right { border-radius: 0 7px 0 0; font-weight: bold; font-size: 1.2em; background-color: #8ead9f; padding: 5px 10px; } #rounded_footer_left { border-radius: 0 0 0 7px; padding: 5px 10px; } #rounded_footer_right { border-radius: 0 0 7px 0; padding: 5px 10px; } .factsTable { box-shadow: 3px 3px 3px 4px rgba(125, 125, 125, 0.8); padding: 10px; } #MapLegend td { padding: 10px; } /*========================================================+ | Tables in Source section | +========================================================*/ #languages_container { width: 920px; } #languageTableDiv { width: 200px; background-color: #d4e4dd; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; padding: 10px 10px 10px 5px; box-shadow: 1px 1px 1px 0.8px rgba(125, 123, 125, 0.8) inset; } #languagesTable { width: 200px; font-size: 1.1em; padding-bottom: 10px; } #languagesTable td:first-child { width: 160px; } #additional_language p {width: 200px; float:left;} a.tooltip{color:#333;outline:none;cursor:help;text-decoration:none;} .tooltip span {display:none; position:absolute; top:2em; left:-1em;} .tooltip:hover span { font-family: calibri, tahoma, geneva, sans-serif; position: absolute; z-index:99; margin-left: 20em; padding: 10px; background-color: #ebebeb; display: block; } .tooltip:hover { font-size: larger; text-shadow: 1px 1px 2px #666666; } .tooltip:hover img { border:0; margin:-10px 0 0 -55px; float:left; position:absolute; box-shadow: 5px 5px 5px 4px rgba(125,125,125,0.8); } div#hoverAssist { margin-left: 350px; text-align:center; width: 350px; padding: 50px; box-shadow: inset 0 0 15px 15px #FFFFFF; -moz-box-shadow: inset 0 0 15px 15px #FFFFFF; -webkit-box-shadow: inset 0 0 15px 15px #FFFFFF; background-color: #dddddd; font-size: 1.1em; font-style:italic; position: relative; top: -50px; } .whitespace { height: 300px; } /*******Table covering Industries*******/ #industriesTable { width: 100%; } #industriesTable td { border-top: 1px solid #fff; padding: 10px; background-color: #d4e4dd; } #industriesTable t:hover { background-color: #8ead9f; } #industriesTable #upperLeft { border-radius: 7px 0px 0px 0px; background-color: #d4e4dd; } #industriesTable #upperRight { border-radius: 0 7px 0 0; background-color: #d4e4dd; } #industriesTable #lowerLeft { border-radius: 0 0 0 7px; background-color: #d4e4dd; } #industriesTable #lowerRight { border-radius: 0 0 7px 0; background-color: #d4e4dd; } /*******Table covering News Channels*******/ #channelsTable { font-size: 1.1em; width: 550px; } #channelsTable td { border-top: 1px solid #fff; padding: 10px; background-color: #E8EDFF; } #channelsTable #upperLeft { border-radius: 7px 0 0 0; background-color: #E8EDFF; } #channelsTable #upperRight { border-radius: 0 7px 0 0; background-color: #E8EDFF; } #channelsTable #lowerLeft { border-radius: 0 0 0 7px; background-color: #E8EDFF; } #channelsTable #lowerRight { border-radius: 0 0 7px 0; background-color: #E8EDFF; } /*========================================================+ | Tooltip effect on News Channels | +========================================================*/ /* #upperLeft .tooltip { color: #000000; outline: none; cursor: help; text-decoration: none; position: relative; } #upperRight .tooltip { color: #000000; outline: none; cursor: help; text-decoration: none; position: relative; } .tooltip span { margin-left: -999em; position: relative; } #upperLeft .tooltip:hover span { border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); font-family: Calibri, Tahoma, Geneva, sans-serif; position: absolute; left: 40em; top: -1em; z-index: 99; margin-left: 50px; width: 250px; } #upperRight .tooltip:hover span { border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); font-family: Calibri, Tahoma, Geneva, sans-serif; position: absolute; left: 20em; top: -1em; z-index: 99; margin-left: 0; width: 250px; } #pressReleases .tooltip:hover span { border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); font-family: Calibri, Tahoma, Geneva, sans-serif; position: absolute; left: 40em; top: -1em; z-index: 99; margin-left: 50px; width: 250px; } #pressReleases .tooltip { color: #000000; outline: none; cursor: help; text-decoration: none; position: relative; } #expertBlogs .tooltip:hover span { border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); font-family: Calibri, Tahoma, Geneva, sans-serif; position: absolute; left: 20em; top: -1em; z-index: 99; margin-left: 0; width: 250px; } #expertBlogs .tooltip { color: #000000; outline: none; cursor: help; text-decoration: none; position: relative; } */ /* ---For Images that are included in the Tooltip---*********** .tooltip:hover img { border: 0; margin: -10px 0 0 -55px; float: left; position: absolute; } **************************************************************/ /* .tooltip:hover em { font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold; display: block; padding: 0.2em 0 0.6em 0; } .forums{ padding: 0.5em 0.8em 0.8em 2em; background: #fff; border: 1px solid silver; } * html a:hover { background: transparent; } .onlineMedia {background: #FFF; border: 1px solid silver; padding: 0.8em 1em;} .critical { background: #FFCCAA; border: 1px solid #FF3334; } .help { background: #9FDAEE; border: 1px solid #2BB0D7; } .info { background: #9FDAEE; border: 1px solid #2BB0D7; } .warning { background: #FFFFAA; border: 1px solid #FFAD33; } /*========================================================+ | Tooltip effect on News Channels - END | +========================================================*/ #highlightsTable td:first-child { text-shadow: 1px 1px 2px #666666; border-right: 1px silver solid; } #highlightsTable { background-color: #E8EDFF; box-shadow: 2px 2px 2px 3px rgba(125, 125, 125, 0.8); width: 500px; margin-left: 15%; } #highlightsTable td { padding: 5px; } #historyTable td:first-child { padding: 5px; text-shadow: 1px 1px 2px #666666; } #divWnsSlideShow_543 { border: 1px solid silver; box-shadow: 1px 1px 2px rgba(125, 125, 125, 0.8); height: 292px; width: 430px; } /*========================================================+ | Twitter and Blog feed - frontpage | +========================================================*/ .DNN_News_ItemLink_Twitter { display: none; } .DNN_News_ItemDetails a { text-decoration: none; color: Gray; } .DNN_News_ItemLink a { text-decoration: none; color: #000; } #blog-rss img { display:none; } /*----*/ #divWnsSlideShow_570 { border: 1px solid silver; -webkit-box-shadow: 1px 1px 1px 2px #999999; -moz-box-shadow: 1px 1px 1px 2px #999999; box-shadow: 1px 1px 1px 2px #999999; } #dnn_BannerPane2 h1, #dnn_BannerPane2 h2, #dnn_BannerPane2 h3 { display: none; } #dnn_BannerPane2 .greytnessStdContainer { margin-bottom: 0px; } /*========================================================+ | Services Overview | +========================================================*/ .ServicesIntro { height: 75px; width: 650px; } .ServicesIntro img { float: left; margin-bottom: 30px; margin-right: 20px; box-shadow: 2px 2px 2px 3px rgba(125, 125, 125, 0.6); width: 110px; height: 75px; } .ServicesIntro p:last-child { text-align:right; } /*========================================================+ | Management Structure | +========================================================*/ .management_body p { float: left; padding: 15px; width: 60%; } .management_img { } /*========================================================+ | Quotes | +========================================================*/ .quote { background:url("graphics/quote.png") no-repeat; } /*========================================================+ | Copyright and Terms of use | +========================================================*/ .cwCopyright { float: left; width: 30%; padding: 0px; } .cwTerms { padding: 0px; position: relative; top: -30px; } #sitemaplink { float: right; } .cwTermsLink { float: right; } .inlineImg { float: right; padding-right: 20px; } .riskBenefit { float:left; width: 70%; } #CampaignImg img { width: 250px; position: relative; right: 50px; } .LowerBottomRightPane img { margin-left: 50px; padding-top: 0px; } /******Landing_YR*****/ #CampaignInfo { position:relative; top: -50px; } #CampaignAwardInfo { float: left; padding: 5px 10px 0 0; } #CampaignAwardInfo p { float: left; width: 300px; margin-left: 20px; } #CampaignSeal { float: right; } #CampaignSeal img { width: 75px; float:right; } #CampaignGeneralInfo { width: 400px; font-style: italic; padding: 20px 0 10px 0 0; } #dnn_ctr699_ModuleContent { width: 500px } #CampaignUSP { width:400px; float: left; font-size: 1.2em; } #CampaignUSP li { margin: 10px; } /******************************/ /* Image rotator */ /******************************/ /* rotator in-page placement */ .servicesImgRotator { height: 250px; } .servicesImgRotator div.rotator { position:relative; height: 250px; display: none; right: 20px; top: 20px; } /* rotator css */ .servicesImgRotator div.rotator ul li { float:left; position:absolute; list-style: none; } /* rotator image style */ .servicesImgRotator div.rotator ul li img { border:1px solid #ccc; padding: 4px; background: #FFF; } .servicesImgRotator div.rotator ul li.show { z-index:500 } /******************************/ /* Downloads */ /******************************/ .fileFormatIcon {float: left; margin: 0 20px 0 0; height: 100px;} #pdfIcon a, #pptIcon a{display: block; text-align: center;} #pdfIcon img, #pptIcon img{-moz-transition: all 0.25s ease; margin-top:10px} #pdfIcon a img:hover, #pptIcon img:hover {color: #a1a1a1; width: 50px; height: 50px; box-shadow: 2px 2px 2px 3px #a1a1a1;}