/* @override http://192.168.11.21/CSS/PaceStyle2.css */ @charset "UTF-8"; /* CSS Document */ /*------------------------------------------------------------------ [Master Stylesheet] Project: Pace Redisign - RED Version: 1.0 Last change: 3/23/09 [Added styles for support of 3 subcolumns] Assigned to: Justin Moreland Primary use: Pace Website -------------------------------------------------------------------*/ @import "/CSS/reset.css"; @import "/CSS/masthead02.css"; /*------------------------------------------------------------------ [Table of contents] 1. Body 2. Boundary / #boundary 3. Content 4. Grid 5. Local Nav / #localNav 6. Footer / #globalFooter #localFooter 7. Sidebar 8. Globals 9. Printing / @media print -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [1. Body ] */ body { background-image:url(/images-global/BG.jpg); background-repeat:repeat-x; background-color:#FAFAFA; background-position:center 53px; font: 0.8125em Verdana, sans-serif; text-align:center; } /*#BGgloss { background-image: url(/images-global/Gloss.png); background-repeat: no-repeat; background-position: center 35px; behavior: url(/library/iepngfix.htc); /*--Makes png's transparent in IE6--*!/ display: block; height: 100%; width: 100%; }*/ /*------------------------------------------------------------------ [2. Boundary / #boundary ] */ #boundary { width: 980px; margin: 0px auto 0px auto; text-align:left; } #boundary .divBeneathMasthead { display: block; height: 25px; clear: both; } #boundary #imgPhone { float: right; margin: 2px 4px 4px 10px;} #boundary #imgNewsletter { float: right; margin: 0px 8px 4px 4px;} /*------------------------------------------------------------------ [3. Content / #content ] */ #contentBoundary { background-image: url(/images-global/BG-Content_dark.jpg); background-repeat: repeat-y; background-position: left; margin-top: 0px; } .topCap { background-image: url(/images-global/BG-ContentTop_dark.jpg); background-repeat: no-repeat; background-position: left top; min-height: 4em; display: block; } .topCap .titleTopCap { margin:18px 10px 0px 30px; float:left; display:block; } #content { background-color: #FFF; margin: 0px; border-left: solid 1px #c9cbcb; border-right: solid 1px #c9cbcb; position:relative; } #content .mainStory {padding-top: 1.8em; padding-bottom: 1em; } #content .mainStory .title { border-bottom: 1px solid #bdc3c5; height: 32px; margin: 0 4em; display:block; padding: 0px; } #content .horizontalRule { border-bottom: 1px solid #dee1e2; margin: 20px 4em 10px 4em; } #content .divTopLink { float: right;} #content .divTopLink a { text-decoration: none; color:#71A1AD; } #contentBoundary .topCap_white { background-image: url(/images-global/topCap-white.gif); background-repeat: no-repeat; background-position: left top; height: 11px; width: 980px; } /* This is for pages that have the slider navigation above */ #contentBoundary .topCap_white_lower { background-image: url(/images-global/topCap-white_lower.png); background-repeat: no-repeat; background-position: left top; height: 11px; width: 980px; } /* This is for pages that have the slider navigation above */ /*------------------------------------------------------------------ [4. Grid / #] */ #content .mainStory .bodyCopy { background-image: url(/images-global/BG-lineDivider-2col.gif); background-position:left; background-repeat:repeat-y; display: block; padding-top: 15px; width: 978px;/*Width: IE6 hack so content displays*/} /* Places a line divider between the main columns */ #content .mainStory .column2-1 { width: 579px; padding-left: 4em; float:left; } #content .mainStory .column2-2 { width: 270px; padding-right: 4em; float:right; } #content .subcolumn1-2, #content .subcolumn2-2 { width:283px; float:left; } #content .subcolumn1-2 { margin-right: 13px;} #content .subcolumn1-3, #content .subcolumn2-3, #content .subcolumn3-3 { width: 184px; float:left; } #content .subcolumn1-3, #content .subcolumn2-3 { margin-right: 13px;} #content .mainStory .column1 { width: 801px; padding-left: 4em; padding-top: 2em; float:left; } #content .mainStory .dashedDivider2col { background-image: url(/images-global/BG-lineDivider-2col_dashed.gif); background-position:left top; background-repeat:repeat-y; display: block; padding-top: 15px; clear:both; } /* Places a line divider between the main columns */ /*------------------------------------------------------------------ [5. LocalNav / #localNav ] */ .localNav { float: right; display: block; min-height: 42px; margin: 10px 10px 0px 0px; } .localNav li { display:-moz-inline-box;/*FF2 hack*/ display: inline-block; } * html .localNav li { display: inline; }/* ie6 hack*/ * + html .localNav li {display: inline; } /* ie6 hack */ .localNav li > * { display:table; table-layout:fixed; overflow:hidden; } .localNav li a { padding: 0px 15px 0px 14px; line-height: 42px; text-decoration: none; color: #889194; font-size: 12.5px; font-family:Arial, Helvetica, sans-serif; display:-moz-inline-box; /* Firefox 2- hack */ display:inline-block; } .localNav li a span, .localNav li.active { font-size: 12.5px; font-family:Arial, Helvetica, sans-serif; } .localNav li.active { background-image: url(/images-global/BG-LocalNav_hover.jpg); background-repeat:repeat-x; background-position: bottom left; } .localNav li.active a { background-image: url(/images-global/BG-LocalNav_hover.jpg); background-repeat:repeat-x; background-position: bottom right; color: #D7D7D7; margin-left: 1px; } .localNav li a:hover { color:#d1d1d1; } /* SubLocalNav */ .subLocalNavBar { position:relative; z-index:30; display:block; background-image: url(/images-global/BG-subLocalNav.png); background-repeat: repeat-x; background-position: left top; clear:both; height:34; margin-bottom:-12px; } .subLocalNav { float: right; display:block; height: 39px; margin: 0px 10px 0px 0px; } .subLocalNav li { display: -moz-inline-box; /*FF2 hack*/ display: inline-block; } * html .subLocalNav li { display: inline; }/* ie6 hack*/ * + html .subLocalNav li {display: inline; } /* ie6 hack */ .subLocalNav li > * { display:table; table-layout:fixed; overflow:hidden; } .subLocalNav li a { padding: 0px 15px 0px 14px; line-height: 39px; text-decoration: none; color: #676c6e; font-size: 12.5px; font-family:Arial, Helvetica, sans-serif; display:-moz-inline-box; /* Firefox 2- hack */ display:inline-block; } .subLocalNav li.active { } .subLocalNav li.active a { } .subLocalNav li a:hover { } /* Local Navs with BG images (require a */ .localNav li a span { display: block; padding-top: 36px; padding-bottom: 4px; } #solutionsLocalNav { margin-top: 6px; } #solutionsLocalNav li a span { padding-top: 39px; } #solutionsLocalNav li a { line-height: 16px; color: #62696b; } #solutionsLocalNav li a:hover { line-height: 16px; color: #a4b0b4; } #solutionsLocalNav li.active a { line-height: 16px; color: #c5c5c5; } #solutionsLocalNav #solNavDISH a span { background: url(/solutions/images/localNav-icon-SolOverview.jpg) no-repeat center 4px; } #solutionsLocalNav #solNavCommHeadends a span { background: url(/solutions/images/BG-localNavIcon-headends.jpg) no-repeat center top; } #solutionsLocalNav #solNavHardware a span { background: url(/solutions/images/BG-localNavIcon-hardware.jpg) no-repeat center 3px; } #solutionsLocalNav #solNavSysDesign a span { background: url(/solutions/images/BG-localNavIcon-sysDesign.jpg) no-repeat center 5px; } /*------------------------------------------------------------------ [6. Footer / #globalFooter ] */ #globalFooter { background-image:url(/images-global/BG-ContentBottom_dark.jpg); background-repeat:no-repeat; background-position:bottom; } #globalFooter #globalFooterNav { float: right; padding: 7px 4px 8px 20px; } #globalFooter #globalFooterNav li { display:inline; background-image: url(/images-global/BG-globalFooterNav-divider.gif); background-repeat:no-repeat; background-position: right center; } #globalFooter #globalFooterNav li:last-child { background-image:none; } #globalFooter #globalFooterNav li a { color: #EEE; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .88em; text-decoration: none; padding: 2px 10px 2px 10px; margin-left: 8px; margin-right: 10px; } #globalFooter #globalFooterNav li a:hover { background-color: #676e70; border-bottom: 1px solid #9aa3a6; } #content #localFooter .header { background-color: #f7f7f7; display: block; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #d9d9d9; border-bottom-color: #d9d9d9; padding-top: 5px; padding-bottom: 5px; padding-right: 20px; padding-left: 20px; } #content #localFooter #ProgramAds a { border-left-width: 1px; border-left-style: solid; border-left-color: #e9e9e9; float:left; margin:0px; } #content #localFooter #ProgramAds a:first-child { border-left: none; } #copyright { font-family: Arial, Helvetica, sans-serif; font-size: 12.3px; text-align: right; color: #ABABAB; margin-top: 10px; } /*------------------------------------------------------------------ [7. Sidebar / ] */ #content .column2-2 .darkBoxSidebar { background-image: url(/images-global/BG-DarkBox.jpg); background-repeat: repeat-y; width: 246px; margin-right: auto; margin-left: auto; margin-bottom: 20px; } #content .column2-2 .darkBoxSidebar .darkBoxSidebarBottom { background-image: url(/images-global/BG-DarkBox_Bottom.jpg); background-position: bottom; background-repeat: no-repeat; margin: 0; } #content .column2-2 .darkBoxSidebar .darkBoxSidebarTop { background-image: url(/images-global/BG-DarkBox_Top.jpg); background-repeat: no-repeat; background-position: top; margin: 0; } #content .column2-2 .darkBoxSidebar .darkBoxSidebarTitle { background-image: url(/images-global/BG-DarkBox-softDivider.png); background-repeat: no-repeat; background-position: center bottom; padding: 1.5em 0px 1.5em 20px; margin-bottom: 20px; } #content .column2-2 .darkBoxSidebar .darkBoxSidebarTitle img { margin-left: 10px;} #content .column2-2 .darkBoxSidebar .darkBoxSidebarTitle img, #content .column2-2 .darkBoxSidebar .package .darkBoxSidebarProgText img {behavior: url(/library/iepngfix.htc); } /* -- Makes png's transparent in IE6 -- */ #content .column2-2 .darkBoxSidebar .package { margin-right: 8px; margin-left: 8px; padding-right: 8px; padding-left: 8px; margin: 15px 8px 0px 8px; padding: 10px 0px 10px 10px; border-top: 1px solid transparent; display:block; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } #content .column2-2 .darkBoxSidebar .hover { background-image: url(/images-global/BG-DarkBox_Hover.png); background-repeat: repeat-x; background-position: top; border-top: 1px solid #7ca1b2; cursor: pointer; } #content .column2-2 .darkBoxSidebar .package .darkBoxSidebarProgText { float: right; width: 152px; color:#bebebe; } #content .column2-2 .darkBoxSidebar .hover .darkBoxSidebarProgText p { color: #E5E5E5; } #content .column2-2 .darkBoxSidebar .package .darkBoxSidebarProgText p { margin: 0px; } #content .column2-2 .darkBoxSidebar .darkBoxSidebarContent { margin: 0px; padding-bottom: 20px; } #content .column2-2 .darkBoxSidebar .package img.icon { margin-bottom:-20px; float:left; } /* - Dark Sidebar module - Request/Download Catalog 2009 - */ #content .column2-2 .darkBoxSidebar .darkBoxSidebarTitle { padding: 1.5em 0px 1.5em 7px; margin-bottom: 20px; } #btnDownloadCatalog a:link, #btnDownloadCatalog a:visited { display: block; height: 46px; width: 202px; margin-left: 21px; background-image: url(/support/images/BG_btn-darkBoxDownloadNow.png); background-repeat: no-repeat; behavior: url(/library/iepngfix.htc); } #btnRequestCatalog a:link, #btnRequestCatalog a:visited { display: block; height: 46px; width: 202px; margin-left: 21px; background-image: url(/solutions/images/btnBG-RequestACopy.png); background-repeat: no-repeat; behavior: url(/library/iepngfix.htc); margin-bottom: 5px; } #btnDownloadCatalog a:hover, #btnDownloadCatalog a:focus, #btnRequestCatalog a:hover, #btnRequestCatalog a:focus { background-position: left -92px; } #btnDownloadCatalog a:active, #btnRequestCatalog a:active { background-position: left -46px; } /* - Dark Sidebar module - inset Nav (solutions) - */ #content .column2-2 .darkBoxSidebar .sb_insetNav { width: 196px; padding: 0; margin: 15px auto; } #content .column2-2 .darkBoxSidebar .sb_insetNav ul { margin: 0; padding: 0; } #content .column2-2 .darkBoxSidebar .sb_insetNav li { padding: 0; margin: 0; list-style: none; } #content .column2-2 .darkBoxSidebar .sb_insetNav li a:link, #content .column2-2 .darkBoxSidebar .sb_insetNav li a:visited { height: 52px; display: block; background: url(/solutions/images/sidebar/SidebarNav-BG_sprites2.png) no-repeat left -53px; } #content .column2-2 .darkBoxSidebar .sb_insetNav li a:hover, #content .column2-2 .darkBoxSidebar .sb_insetNav li a:focus { background-position: -196px -53px; } #content .column2-2 .darkBoxSidebar .sb_insetNav li a:active { background-position: -392px -53px; } #content .column2-2 .darkBoxSidebar .sb_insetNav li.first a:link, #content .column2-2 .darkBoxSidebar .sb_insetNav li.first a:visited { background-position: left top; height: 53px; } #content .column2-2 .darkBoxSidebar .sb_insetNav li.first a:hover, #content .column2-2 .darkBoxSidebar .sb_insetNav li.first a:focus { background-position: -196px top; } #content .column2-2 .darkBoxSidebar .sb_insetNav li.first a:active { background-position: -392px top; } #content .column2-2 .darkBoxSidebar .sb_insetNav li.last a:link, #content .column2-2 .darkBoxSidebar .sb_insetNav li.last a:visited { background-position: left bottom; height: 54px; } #content .column2-2 .darkBoxSidebar .sb_insetNav li.last a:hover, #content .column2-2 .darkBoxSidebar .sb_insetNav li.last a:focus { background-position: -196px bottom; } #content .column2-2 .darkBoxSidebar .sb_insetNav li.last a:active { background-position: -392px bottom; } #content .column2-2 .darkBoxSidebar .sb_insetSingle { margin: 25px auto 8px auto; width: 196px; } #content .column2-2 .darkBoxSidebar .sb_insetSingle a { background: url(/solutions/images/sidebar/SidebarNav-BG_SingleSprite.png) no-repeat left top; height: 53px; width: 196px; display: block; } #content .column2-2 .darkBoxSidebar .sb_insetSingle a:hover { background-position: -196px top; } #content .column2-2 .darkBoxSidebar .sb_insetSingle a:active { background-position: -392px top; } /* - Dark Sidebar nudging icons - */ .darkBoxSidebar .sb_insetNav a img { margin: 10px 0 8px 14px; opacity: 0.85; } .darkBoxSidebar .sb_insetNav a:hover img { opacity: 1; } .darkBoxSidebar #sbNav_singleBill a img { margin: 10px 0 9px 14px; } .darkBoxSidebar #sbNav_sysDes a img { margin: 10px 0 8px 14px; } .darkBoxSidebar #sbNav_JATVbroch a img { margin: 10px 0 8px 12px; } .darkBoxSidebar #sbNav_vipTVhardware a img { margin-left: 12px; } .darkBoxSidebar #sbNav_Tools a img { margin-left: 11px; } .darkBoxSidebar #sbNav_MVP a img { margin-left: 9px; } /*------------------------------------------------------------------ [8. Globals / ] */ .hiddentext { position: absolute; left:0px; text-indent: -9999px; width:1px; height:1px; overflow:hidden; } .floatRight { float:right; } .floatLeft { float:left; margin-right: 10px; margin-bottom:10px; } #content a { color: #00728F; text-decoration:none; } #content a:hover { color: #105270; /*background-color: #ecf2f2;*/ text-decoration:underline; } #content .mainStory .column2_1 a:hover, #content .mainStory .linkList a:hover { background-color: #ecf2f2; } #content h1 { font-family: Helvetica, Arial, sans-serif; font-size: 24px; font-weight:normal; margin-bottom: 1em; color:#495153; } #content h2 { font-family: Helvetica, Arial, sans-serif; font-size:1.5em; font-weight:normal; margin-bottom: 1em; } #content h3 { font-family: Helvetica, Arial, sans-serif; font-size: 1.3em; margin-bottom: .5em; margin-top:.7em; color:#333; font-weight:normal; } #content h3 a { font-family: Helvetica, Arial, sans-serif; font-size: 1em; line-height: 1.8em; color:#333; font-weight:normal; border-bottom:none; text-decoration: none; } #content h4 { font-family: Helvetica, Arial, sans-serif; font-size: 1.1em; margin-bottom: .5em; margin-top:.7em; font-weight:normal; color: #007ea8;} #content h4 a { font-family: Helvetica, Arial, sans-serif; color:#495153; text-decoration: none; } #content h5 { font-family: Helvetica, Arial, sans-serif; font-size: 1em; line-height: 1.4em; margin-bottom: .5em; margin-top:.7em; color:#495153; font-weight:normal; } #content h5 a { font-family: Helvetica, Arial, sans-serif; color:#495153; text-decoration: none; } #content p { font-size: .88em; color: #666666; line-height: 1.8em; margin-bottom: 1.8em; } #content em { font-style: italic; } .disclaimer { font: 9px "Lucida Grande", Lucida, Verdana, sans-serif; color: #939393; padding-left: 54px; } #content .indent { margin-left: 74px; margin-right: 74px; margin-bottom:1.8em; } /* Un-ordered lists */ #content ul { padding-left: 25px; } #content ul li { font-size: 12px; color: #666666; list-style-position: outside; list-style-image: url(/Products/images/bullet-triangle.gif); padding-bottom: 4px; font-size: .88em; color: #999; line-height: 1.4em; } #content ol { padding-left: 25px; list-style:decimal; } #content ol li { font-size: 12px; color: #555555; padding-bottom: 4px; font-size: .88em; color: #999; line-height: 1.4em; } #content ul.check { font-size: .88em; line-height: 1.8em; padding-left: 0; } #content ul.check li { list-style-image:none; background-image: url(/images-global/check-UL_gray.gif); background-repeat: no-repeat; background-position: left 3px; color: #666; padding-left: 1.5em; } .clearer { clear:both; } .center { text-align:center; } #content strong { color:#555; font-weight:bold; } #content .linkList a { font-weight: normal; border-bottom: 0px solid; font-size:1.2em; } #content .linkList p { line-height: 1.5em; } /* Styles for the icon/description similar to the Solutions Page */ #content .divIconDesc_container { margin-top: 1.5em; height: 9em; display:block; } #content .divIconDesc_container .divIcon { width: 135px; height: 9em; float: left; text-align:center; } #content .divIconDesc_container .divIcon img { margin-top: 5px; } #content .divIconDesc_container .divDescription { padding-left: 148px; } /* Light Gray box with light gray border ----------------------------------------------- */ .lightGrayBox_gray { background: #F5F5F5 url(/training/images/trainingBox_border.gif) repeat-y left; margin-bottom: 10px; height:auto !important; height:1% } /* IE Holly Hack */ .lightGrayBox_rightBorder { background-image: url(/training/images/trainingBox_border.gif); background-repeat: repeat-y; background-position: right; } .lightGrayBox_TL { background-image: url(/training/images/trainingBox_TL.gif); background-repeat: no-repeat; background-position: left top; } .lightGrayBoxTR { background-image: url(/training/images/trainingBox_TR.gif); background-repeat: no-repeat; background-position: right top; } .lightGrayBoxBL { background-image: url(/training/images/trainingBox_BL.gif); background-repeat: no-repeat; background-position: left bottom; } .lightGrayBoxBR { background: url(/training/images/trainingBox_BR.gif) no-repeat right bottom; padding-top: 4px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px; text-align: left; } /* ----- /.lightGrayBox_gray ------ */ /* gray Box Container (carry-over from old site - System Design page) ------------------------------------------------------------------------ */ .grayBoxContainer { background-color: #DDE0E3; display:block; } .grayBoxContent { padding-top: 0px; padding-right: 12px; padding-bottom: 0px; padding-left: 12px; } .grayBoxTL { background-image: url(/AboutUs/images/graybox-TL.gif); background-repeat: no-repeat; background-position: left top; display: block; height: 9px; } .grayBoxTR { background-image: url(/AboutUs/images/graybox-TR.gif); background-repeat: no-repeat; background-position: right top; display: block; height: 9px; } .grayBoxBL { background-image: url(/AboutUs/images/graybox-BL.gif); background-repeat: no-repeat; background-position: left bottom; display: block; height: 9px; } .grayBoxBR { background-image: url(/AboutUs/images/graybox-BR.gif); background-repeat: no-repeat; background-position: right bottom; display: block; height: 9px; } /* ----- /.grayBoxContainer ------ */ /* Simplified gray box (rounded corners don't work in IE) ------------------------------------------------------------------------ */ .grayRoundBox { background-color: #F2F2F2; border: 1px solid #e5e5e5; margin-top: 1em; padding: 1.8em; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .grayRoundBox .indent { margin: 0 37px; } /* ----- /.grayRoundBox ------ */ /* Misc: Generic Data Table - blue header & =gray data underline -----------------------------------*/ #content td, #content th { font-size: .88em; color: #777; line-height: 1.6; margin-bottom: 1.8em; } #content .tableGrayUnderline thead th { font: 13px Verdana, sans-serif; background-color: #5e5e5e; } #content .tableGrayUnderline thead th p { color:#FFF; margin-left: 4px; margin-bottom: 0px; } @media { #content .tableGrayUnderline thead th p { color:#000; } } #content .tableGrayUnderline td { color: #333333; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #ADCEDD; padding-right: 5px; padding-left: 5px; font-size: 10px; } #content .tableGrayUnderline tr:hover { background-color: #eaf2fb; } /* ----- /.tableGrayUnderline ------ */ #content .linkList p { margin: 0px; font-size: .88em; } #content .linkList a { text-decoration: none; font-size: 1em; } #content .linkList a:hover { text-decoration: underline; } #content a.lock { background-image: url(/images-global/padlock.png); background-position: right center; background-repeat: no-repeat; padding-right: 15px; } /* Places a padlock icon next to a link that is password protected (class="lock") */ #content .button { background-image: url(/images-global/BG-blankButtonSingle.gif); background-repeat: no-repeat; background-position: left top; display: inline-block; height: 27px; float: left; padding-left: 25px; } #content .button a:link, #content .button a:visited { background-image:url(/images-global/BG-blankButton.gif); background-repeat:no-repeat; background-position:right top; display:block; line-height: 27px; text-decoration:none; color: #ebedf0; padding-right: 25px; text-shadow: #1f272f 1px 1px; } #content .button a:hover { color: #FFF; text-shadow: none; } #content .button a:active { color: #bdd8fc; } input.light { color: #888; } /* Makes hint text in input boxes gray in color */ #content blockquote { padding-right: 72px; padding-left: 72px; font-style:italic; } .centered { text-align: center; } #content .slideDownTrigger { width: 397px; padding: 2px 2px 2px 10px; margin-left: -10px; margin-bottom: 14px; cursor: pointer; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; } #whatMakesPaceHeadend { border-bottom: 1px dotted #c5c5c5; margin-bottom: 14px;} #content .slideDownTrigger:hover { background-color: #dedede; } #content .slideDownTrigger.open { width: 397px; background-color: green; padding: 2px 2px 2px 10px; margin-left: -10px; margin-bottom: 4px; cursor: pointer; } /*------------------------------------------------------------------ [9. Printing / @media print ] */ @media print { #content p {color: #333;} } #content .dataTable { border-collapse:collapse; } /* Collapses border around cells even if adjacent cells have a border all around */ #content .dataTable thead { background-color: #c1ced1; } #content .dataTable thead td, #content .dataTable thead th { color:#000000; font-size: 14px; } /* Changes the global table settings for font size & weight */ #content .dataTable td, #content .dataTable th { border: 1px solid #d7e5e8; padding: 2px 8px 2px 8px; } #content .dataTable tbody th { background-color: #f2f4f5; color:#515151; } #content .dataTable tr:hover th { background-color: #e8edf0; } #content .dataTable tr:hover td { background-color: #ecf1f4; } #content .dataTable thead tr:hover th { background-color:#c1ced1; } /* Removes hover color change from thead rows */