/** * This a largely unmodified version of screen.css used on the static site. * Some selectors were changed to match Drupal elements but all major changes * are happening in twc.css */ /* If your browser made it this far, it's a winner! */ /* First, let's import our basics - you should never need to edit these, so they're in separate files */ @import 'donotedit/basereset.css'; @import 'donotedit/structure.css'; /* These are optional, and should be imported on a project-by-project basis. (Un)comment as necessary */ @import 'donotedit/grids.css'; /* Subdivides columns into a grid layout */ /* @import 'donotedit/forms.css';*/ /* Table-less forms */ /* @import 'donotedit/sifr.css'; */ /* sIFR-specific styles */ /* END optional imports */ /* END import */ /* A handy pixel to percent font conversion */ /* 10px / 77% 11px / 85% 12px / 92% 13px / 100% 14px / 107% 15px / 114% 16px / 122% 17px / 129% 18px / 136% 19px / 144% 20px / 152% 21px / 159% 22px / 167% 23px / 174% 24px / 182% 25px / 189% 26px / 197% */ /* +++ VERY IMPORTANT+++ The default font for these templates is 13px Arial, set on the element (in basereset.css). NEVER set a font-size or font-family on the element. ALWAYS override using a child of , with the pixel-equivalent percentage value for the font size, as documented above. EG: #wrap {font-family:Verdana,Arial,Helvetica,sans-serif;} would set everything within #wrap to Verdana. It is better to set font-sizes on elements rather than containers. */ /* General fonts */ #pagewrap, #ftwrap {font-family:Arial, Helvetica, sans-serif;} h1, .h1 {font-size:122%;} h2, .h2 {font-size:107%;} h3, .h3 {font-size:100%;} h4 {font-size:92%;} h5 {font-size:92%;} h6 {font-size:92%;} p, .p, li, dt, dd, th, td, address, blockquote, pre, input, textarea, select {font-size:92%;} p p, p li, p dt, p dd, p th, p td, p address, p blockquote, p pre, p input, p textarea, p select, li p, li li, li dt, li dd, li th, li td, li address, li blockquote, li pre, li input, li textarea, li select, dt p, dt li, dt dt, dt dd, dt th, dt td, dt address, dt blockquote, dt pre, dt input, dt textarea, dt select, dd p, dd li, dd dt, dd dd, dd th, dd td, dd address, dd blockquote, dd pre, dd input, dd textarea, dd select, th p, th li, th dt, th dd, th th, th td, th address, th blockquote, th pre, th input, th textarea, th select, td p, td li, td dt, td dd, td th, td td, td address, td blockquote, td pre, td input, td textarea, td select, address p, address li, address dt, address dd, address th, address td, address address, address blockquote, address pre, address input, address textarea, address select, blockquote p, blockquote li, blockquote dt, blockquote dd, blockquote th, blockquote td, blockquote address, blockquote blockquote, blockquote pre, blockquote input, blockquote textarea, blockquote select, pre p, pre li, pre dt, pre dd, pre th, pre td, pre address, pre blockquote, pre pre, pre input, pre textarea, pre select, input p, input li, input dt, input dd, input th, input td, input address, input blockquote, input pre, input input, input textarea, input select, textarea p, textarea li, textarea dt, textarea dd, textarea th, textarea td, textarea address, textarea blockquote, textarea pre, textarea input, textarea textarea, textarea select, select p, select li, select dt, select dd, select th, select td, select address, select blockquote, select pre, select input, select textarea, select select, li h4 {font-size:100%;} strong,b {font-weight:bold;} em,i {font-style:italic;} .fontweightnormal {font-weight:normal !important;} .lowerCaseAlphaList { list-style-type:lower-alpha !important; padding-left:10px; } .listSpacingWide li { padding-bottom:20px !important; } .hiddenLinkText {position:absolute; left:-9999px;} /* Callout Box begin */ .callout { /* Box consists of 3 elements: the rectangular box, and two beaks or "notches" one atop the other. One notch is the color of the box background and the other is the color of the border, offset by 1 pixel to provide the apperance of a border to the upper notch.*/ /* Below sets the basic parameters of the rectangular box */ position: relative; margin: 0; margin-bottom: 5px; padding: 18px 20px; margin-left: 15px; background-color: #ffffff; /* easy rounded corners for modern browsers */ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; width: 250px; } .callout .notch { /* Below configures the position of the notch. The notch is on the side of the box set to border-x:0; the opposite border is set to the background color of the box */ position: absolute; top: 10px; left: -10px; margin: 0; border-left: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #ffffff; padding: 0; width: 0; height: 0; /* ie6 height fix */ font-size: 0; line-height: 0; /* ie6 transparent fix */ _border-top-color: pink; _border-bottom-color: pink; _filter: chroma(color=pink); } .border-callout { /* sets a border around the box (not the notch) */ border: 1px solid #000000; padding: 5px 5px 5px 10px; } .border-callout .border-notch { /* sets the border on the notch to match the box; this should be offset away from the box by 1 px; compare to 2nd and 3rd selectors in .callout .notch above */ border-right-color: #000000; top: 10px; left: -11px; } /* Callout Box end */ .borderTreatment { border: 1px solid #D8D8D8; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 0 1px #D8D8D8; -webkit-box-shadow: 0 0 1px #D8D8D8; box-shadow: 0 0 1px #D8D8D8; padding: 4px } .imageBullets { overflow:hidden; padding-left: 25px; } /* Headings -------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 {font-weight: normal;} h1, .h1 {color:#000000; font-weight:bold;} h2, .h2 {color:#000000; font-weight:bold; margin-bottom: 8px;} h2 a, h2 a:visited {color:#000000;text-decoration:underline;} h2 a:hover {text-decoration:none;} .bluebar {background:url(/graphics/branding/bg-header-alpha.gif) no-repeat 0 0 scroll; color:#fff; font-size:92%; padding-left:20px; line-height:22px; } .bluebar a, .bluebar a:visited {/*background:url(/graphics/branding/bg-header-alpha-a.gif) no-repeat 0px 7px scroll;*/ color:#fff; /*padding-left:14px;*/ display:block; line-height:22px; width:320px;text-decoration:underline;} .bluebar a:hover {color:#fff;text-decoration:none;} .greybar {background:url(/graphics/branding/bg-greybar.gif) no-repeat 0 0 scroll; padding-left:20px; line-height:22px; } h3, .h3 {font-weight:bold;margin-bottom: 8px;} h4, .h4 {font-weight:bold;margin-bottom: 8px;} h5, .h5 {font-weight:bold;} h6, .h6 {font-weight:normal;} /* Text elements -------------------------------------------------------------- */ p {margin: 0 0 1.5em;} .ter-pad p {margin: 0 0 20px;} p.last {margin-bottom: 0;} ul, ol {margin:0 1.5em 1.5em 1.5em;} ol {margin-left:30px;} ul {list-style-type:disc;} ol {list-style-type: decimal;} ul li {padding:2px 0 2px 0;} ol li {padding-bottom:2px;} ul ul, ol ol {margin-bottom:0;} ul ul {list-style-type:square;margin-bottom:4px;} ul ul ul {list-style-type:circle;} ol ol {list-style-type:lower-roman;margin-left:20px;} ol li li {padding-bottom:0;padding-top:2px;} dl {margin: 0 0 1.5em 0;} dl dt {font-weight: bold;} dd {margin-left: 1.5em; margin-bottom:6px;} abbr, acronym {/*border-bottom: 1px dotted #666;*/} address {margin-bottom: 1.5em;} del {color:#666;} a {color: #003399;text-decoration: underline;} a:focus, a:hover {text-decoration: none;} a:visited {color:purple;} a img {text-decoration: underline;} blockquote {margin: 1.5em; /*color: #666; font-style: italic;*/} strong, strong em, .bold {font-weight: bold;} em, .em, .italic, dfn {font-style: italic; /*background: #ffc;*/} dfn {font-weight: bold;} pre, code {margin: 1.5em 0;white-space: pre;} pre, code, tt {font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace;line-height: 1.5em;} tt {display: block;margin: 1.5em 0;line-height: 1.5em;} hr {color:#bfbfbf;height:1px;border:0;background-color:#d9dfe3;margin:14px 0;} .gray {color:#bfbfbf;} .red, .red {color:#eb0000;} .indent {padding-left:20px;} .underline {text-decoration:underline;} .alignright {text-align:right;} /*.alignright { text-align:right; padding-right:5%;}*/ .alignleft {text-align:left;} .aligncenter {text-align:center;} .center {margin-right:auto;margin-left:auto;text-align:center;} .border-bottom {border-bottom:1px solid #cccdcf;padding-bottom:19px;margin-bottom:20px;} .border-bottom2 {border-bottom:2px solid #cccdcf;padding-bottom:7px;margin-bottom:14px;} ul.list {margin-left:0;list-style:none;} label.block {margin-bottom:4px;} .color000099 {color:#000099;} .black {color:#000;} /* END General fonts */ .font10px {font-size:10px} .font11px {font-size:11px} .font12px {font-size:92%} .document {background:url(/graphics/branding/bg-document.gif) no-repeat 0 0 scroll; min-height:21px; padding-left:25px;} table.data { width: auto; margin: 0 0 20px 0; } table.data tr { background: transparent; } table.data td, table.data th { padding: 6px; border: 1px solid #000; background: transparent; color: inherit; } table.data th { font-weight: bold; } /* new css added 3/31/15 */ table.data th a:link, table.data th a:visited { color: #003399; font-weight: bold; text-decoration: underline; } table.data th a:hover { color: #003399; font-weight: bold; text-decoration: none; } /* end new css */ table.data td { text-align: inherit; } /* Widths/Heights */ #pagewrap, #ftwrap { /* overall page width */ width:960px; margin:0 auto; } .tableCaption { padding-bottom:8px; font-weight:bold; white-space:nowrap; } #outer { padding-left:182px; /* width of left column */ padding-right:215px; /* width of right column */ } #sec { margin-left:-182px; /* same as #outer padding-left */ width:182px; /* same as #outer padding-left */ } #ter { margin-right:-215px; /* same as #outer padding-right */ width:215px; /* same as #outer padding-right */ } /* 100% page height */ #ftwrap {margin-top:-154px;} /* Negative of total height of all fts */ #outer {padding-bottom:154px;} /* END 100% page height */ /* 100% page height */ .front #ftwrap {margin-top:-210px;} /* Negative of total height of all fts */ .front #outer {padding-bottom:210px;} /* END 100% page height */ .pad {padding:0;} .pri-pad { padding-right:14px; padding-left:24px; padding-bottom:4px; } .no-sidebars .pri-pad { padding-right:64px; /*padding-left:64px;*/ } .front .pri-pad { padding-right:12px!important; padding-left:12px!important; } .ter-pad { padding-right:12px; } #inner {padding-bottom:20px;} /* column padding */ /* END Widths/Heights */ /* Visual Column Structure */ /*body#threecol #pagewrap {background:url(/graphics/branding/bg_pagewrap_threecol.gif) repeat-y top left;} body.sidebar-first #pagewrap {background:url(/graphics/branding/bg_pagewrap_twocol-left.gif) repeat-y top left;} body.sidebar-second #pagewrap {background:url(/graphics/branding/bg_pagewrap_twocol-right.gif) repeat-y top left;}*/ body.no-sidebars #pagewrap, body.sidebar-second #pagewrap {background:#fff;} /* END Visual Column Structure */ /* Theme */ html, body { background:#e8e8e8 url(/graphics/branding/body-bg.jpg) repeat-x 0 0 scroll; color:#000; } td, th { vertical-align:top; } /* Displays & Margins & Images */ .block { display:block; } .inline{ display:inline; } .inline-block { display: -moz-inline-box ; display: inline-block; } img.block { display:block; margin:0 0 0 0; } img.margin-bottom, .margin-bottom {margin-bottom:20px;} .margin-bottom10 {margin-bottom:10px!important;} #sec img.block, #ter img.block { margin-bottom:10px;} img.left { float:left; display:block; margin:0 10px 8px 0; clear:right; } img.right { float:right; display:block; margin:0 0 14px 10px; clear:left; } #ter img.left { margin:0 4px 2px 0; } #ter img.right { margin:0 0 8px 4px; } .icon { display: -moz-inline-box ; display:inline-block; vertical-align:bottom; } .padding-top { padding-top:10px;} .padding-top20 { padding-top:20px;} .padding-bottom { padding-bottom:10px;} .padding-bottom20 { padding-bottom:20px;} .zerobottommargin, .zeroBottomMargin{ margin-bottom:0!important; } img.zeroPadding, .zeroPadding, .zeropadding { padding:0!important; } .displaynone, .displayNone, .display-none, #outer #pri .displaynone, #outer #pri .displayNone, #outer #pri .display-none, br.skip, #pri br.skip {display:none} .skip, #outer #pri .skip {display:block;float:left;height:1px;position:absolute;left:-9999999px;width:1px;overflow:hidden;} /*a.skip:focus, a.skip:active {float:none;height:auto;position:static;left:0;width:auto;overflow:visible;} */ /* END Displays & Margins & Images */ #masthead { background:#063e72; color:#fff; min-height:46px; } #globalnav { background:#063e72; color:#fff; } #emergency-messages { padding:10px; color:red;} #header { height: 62px; background:#308ec7 url(/graphics/branding/bg-header-subpage.gif) repeat-x top left scroll; color:#fff; } #logo { padding: 0; position: absolute; left: 8px; margin-top: -45px; height: 107px; } #logo img { width: 95px; height: 95px; background: #16375c; padding: 6px; border-left: 1px solid #052f56; border-right: 1px solid #052f56; } .welcome{ color:#fff; float:left; font-size:12px; margin:0 0 0 0; padding:18px 0 0 145px; width:344px; } .welcome span{ color:#9ddd59; font-size:20px; } /*----- Home Page Tiles -----*/ #homeMenuCol .col{ width: 980px; height: 285px; } #homeMenuCol div.menu-col { margin-left: -25px; } #newsContain #newsDrop{ width: 285px; } .nav, .nav ul { margin: 0; padding: 0; list-style: none; } /* Top level nav */ .nav { float: left; margin: 10px 0 0 7px; padding: 0; } .nav ul { position: absolute; margin-top: -6px; margin-left: 0; padding: 10px 0 0 0; top: 13.1em; left: -9999px; opacity: 0; /*border: 1px solid #ccc;*/ /*border-top: none;*/ font-size: 10px; font-weight: 100; text-align: left; letter-spacing:normal; z-index: 100; } a .linkText { position: absolute; margin-left: -9999px; } #jobContain a .linkText, #vrservicesContain a .linkText, #businessContain a .linkText, #communityContain a .linkText, #studentsContain a .linkText, #twcContain a .linkText { color: white; font-weight: bold; font-size: 14px; text-align: center; position: absolute; bottom: 0; width: 100%; background: linear-gradient(#92ce51AC 0%,#567D2B 30%,#3d5b1d 100%); height: 20px; padding-top: 5px; text-transform: uppercase; opacity: 1; margin: 0; } .nav li { float: left; position: relative; margin: 12px 10px; padding: 0; line-height: 15px; } /* Top level nav items */ .nav li > a { float: right; /*padding: 10px 10px;*/ color: #333; text-decoration: none; } /* Top level hover state, preserve hover state when hovering dropdown */ .nav li > a:hover, .nav li > a:focus, .nav li:focus > a, .nav li:hover > a { } .nav li:hover ul, .nav li:focus ul, ul.show-menu { left: 0; opacity: 0.99; } .nav ul li { float: none; position: static; } .nav ul a { float: none; /*display: inline-block;*/ color: #000033; font-size: 11px; font-weight: normal; text-shadow: none; line-height: 15px; } .nav ul a:hover, .nav ul a:focus { /*background: #EEE;*/ text-decoration: underline; text-shadow: none; } .subNav li { margin-left: -1px; margin-top: 6px; padding-left: 18px; text-indent: -18px; } li.dropLink:before { content: "-"; margin-left: 10px; margin-right: 5px; display: inline; } /*.menuTwoCol { background: url(/graphics/branding/bg-drop-twocol.gif) repeat-y center center scroll; }*/ /*---- Dropdowns ----*/ #jobseekersDrop { margin-top: 4px; width: 144px; height: 430px; background:#cecece url(/graphics/branding/bg-drop-home.png) repeat-x 0 0 scroll; border: 1px solid #ccc; border-top: none; border-right: none; } #jobseekersDrop2 { height: 430px; margin-top: 4px; margin-left: 144px; background:#cecece url(/graphics/branding/bg-drop-home.png) repeat-x 0 0 scroll; border: 1px solid #ccc; border-top: none; border-left: none; } #jobseekersDrop2:after { content: ''; display: inline; position: absolute; height: 380px; top: 10px; left: 0; border-left: 1px solid #999; } #vrservicesDrop { margin-top: 4px; width: 144px; height: 430px; background:#cecece url(/graphics/branding/bg-drop-home.png) repeat-x 0 0 scroll; border: 1px solid #ccc; border-top: none; border-right: none; } #vrservicesDrop2 { height: 430px; margin-top: 4px; margin-left: 144px; background:#cecece url(/graphics/branding/bg-drop-home.png) repeat-x 0 0 scroll; border: 1px solid #ccc; border-top: none; border-left: none; } #vrservicesDrop2:after { content: ''; display: inline; position: absolute; height: 380px; top: 10px; left: 0; border-left: 1px solid #999; } #businessDrop { margin-top: 4px; width: 144px; height: 430px; background:#cecece url(/graphics/branding/bg-drop-home.png) repeat-x 0 0 scroll; border: 1px solid #ccc; border-top: none; border-right: none; } #businessDrop2 { height: 430px; margin-top: 4px; margin-left: 144px; background:#cecece url(/graphics/branding/bg-drop-home.png) repeat-x 0 0 scroll; border: 1px solid #ccc; border-top: none; border-left: none; } #businessDrop2:after { content: ''; display: inline; position: absolute; height: 380px; top: 10px; left: 0; border-left: 1px solid #999; } #communityDrop { margin-top: -6px; width: 144px; height: 221px; background:#cecece url(/graphics/branding/bg-drop-home.png) repeat-x 0 0 scroll; border: 1px solid #ccc; border-top: none; border-right: none; } #communityDrop2 { height: 221px; margin-top: -6px; margin-left: 143px; background:#cecece url(/graphics/branding/bg-drop-home.png) repeat-x 0 0 scroll; border: 1px solid #ccc; border-top: none; border-left: none; } #communityDrop2:after { content: ''; display: inline; position: absolute; height: 206px; top: 10px; left: 0; border-left: 1px solid #999; } #studentsDrop { margin-top: -6px; width: 143px; height: 162px; background:#cecece url(/graphics/branding/bg-drop-home.png) repeat-x 0 0 scroll; border: 1px solid #ccc; border-top: none; border-right: none; } #studentsDrop2 { height: 162px; margin-top: -6px; margin-left: 143px; background:#cecece url(/graphics/branding/bg-drop-home.png) repeat-x 0 0 scroll; border: 1px solid #ccc; border-top: none; border-left: none; } #studentsDrop2:after { content: ''; display: inline; position: absolute; height: 147px; top: 10px; left: 0; border-left: 1px solid #999; } #twcDrop { margin-top: -6px; width: 143px; height: 225px; background:#cecece url(/graphics/branding/bg-drop-home.png) repeat-x 0 0 scroll; border: 1px solid #ccc; border-top: none; border-right: none; } #twcDrop2 { height: 225px; margin-top: -6px; margin-left: 143px; background:#cecece url(/graphics/branding/bg-drop-home.png) repeat-x 0 0 scroll; border: 1px solid #ccc; border-top: none; border-left: none; } #twcDrop2:after { content: ''; display: inline; position: absolute; height: 210px; top: 10px; left: 0; border-left: 1px solid #999; } #newsDrop { margin-top: -6px; width: 143px; height: 225px; background:#cecece url(/graphics/branding/bg-drop-home.png) repeat-x 0 0 scroll; border: 1px solid #ccc; border-top: none; border-right: none; } #eventsDrop { margin-top: -6px; width: 143px; height: 225px; background:#cecece url(/graphics/branding/bg-drop-home.png) repeat-x 0 0 scroll; border: 1px solid #ccc; border-top: none; border-right: none; } /*---- Menu Page Images/Hover Images ----*/ #vrservicesLink { width: 287px; height: 135px; } #vrservicesContain { width: 287px; height: 135px; background: url(/graphics/branding/vocational_rehab_services_icon.png); background-repeat: no-repeat; background-position: center; } #vrservicesContain:hover, #vrservicesContain:focus, #vrservicesContain.hovered1, #vrservicesContain.hover { background: url(/graphics/branding/vocational_rehab_services_icon_hover.png); background-position: center; } #vrservicesContain:hover #vrservicesLink .linkText, #vrservicesContain:focus #vrservicesLink .linkText, #vrservicesContain.hovered6 .linkText, #vrservicesContain.hover .linkText { background: #f6faff; color: black; border-left: 1px solid #ccc; border-right: 1px solid #ccc; width: 285px; } #vrservicesContain:focus-within .subNav { left: 0; opacity: 100%; } #jobseekerLink { width: 287px; height: 135px; } #jobContain { width: 287px; height: 135px; background: url(/graphics/branding/job_seekers_and_employees_photo_icon.png); background-repeat: no-repeat; background-position: center; } #jobContain:hover, #jobContain:focus, #jobContain.hovered1, #jobContain.hover { background: url(/graphics/branding/job_seekers_and_employees_photo_icon_hover.png); background-position: center; } #jobContain:hover .linkText, #jobContain:focus .linkText, #jobContain.hovered1 .linkText, #jobContain.hover .linkText { background: #f6faff; color: black; border-left: 1px solid #ccc; border-right: 1px solid #ccc; width: 285px; } #businessesLink { width: 287px; height: 135px; } #businessContain { width: 287px; height: 135px; background: url(/graphics/branding/business_and_employers_photo_icon.png); background-repeat: no-repeat; background-position: center; } #businessContain:hover, #businessContain:focus, #businessContain.hovered2, #businessContain.hover { background: url(/graphics/branding/business_and_employers_photo_icon_hover.png); background-position: center; } #businessContain:hover .linkText, #businessContain:focus .linkText, #businessContain.hovered2 .linkText, #businessContain.hover .linkText { background: #f6faff; color: black; border-left: 1px solid #ccc; border-right: 1px solid #ccc; width: 285px; } #communityLink { width: 287px; height: 25px; } #communityContain { width: 287px; height: 25px; background: url(/graphics/branding/community_and_workforce_partners_photo-Icon-clipped.png); background-repeat: no-repeat; } #communityContain:hover, #communityContain:focus, #communityContain.hovered3, #communityContain.hover { background: url(/graphics/branding/community_and_workforce_partners_photo-Icon_hover-clipped.png); } #communityContain:hover .linkText, #communityContain:focus .linkText, #communityContain.hovered3 .linkText, #communityContain.hover .linkText { background: #f6faff; color: black; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; width: 285px; } #studentsLink { width: 287px; height: 25px; } #studentsContain { width: 287px; height: 25px; background: url(/graphics/branding/students_parents_and_educators_photo_icon-clipped.png); background-repeat: no-repeat; } #studentsContain:hover, #studentsContain:focus, #studentsContain.hovered4, #studentsContain.hover { background: url(/graphics/branding/students_parents_and_educators_photo_icon_hover-clipped.png); } #studentsContain:hover .linkText, #studentsContain:focus .linkText, #studentsContain.hovered4 .linkText, #studentsContain.hover .linkText { background: #f6faff; color: black; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; width: 285px; } #twcLink { width: 287px; height: 25px; } #twcContain { width: 287px; height: 25px; background: url(/graphics/branding/twc_agency_information_photo_icon-clipped.png); background-repeat: no-repeat; } #twcContain:hover, #twcContain:focus, #twcContain.hovered5, #twcContain.hover { background: url(/graphics/branding/twc_agency_information_photo_icon_hover-clipped.png); } #twcContain:hover .linkText, #twcContain:focus .linkText, #twcContain.hovered5 .linkText, #twcContain.hover .linkText { background: #f6faff; color: black; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; width: 285px; } #newsLink { width: 287px; height: 51px; } #newsContain { width: 287px; height: 51px; background: url('/sites/all/themes/twc/news-tab.jpg'); background-repeat: no-repeat; background-size: 287px 51px; } #newsLink .linkText { position: absolute; color: white; text-transform: uppercase; padding: 14px; font-size: 20px; font-weight: bold; margin: 0px; } #newsContain:hover .linkText, #newsContain:focus .linkText, #newsContain.hovered7 .linkText, #newsContain.hover .linkText { background: #f6faff; color: black; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; width: 285px; } #eventsLink { width: 287px; height: 51px; } #eventsLink .linkText { position: absolute; color: white; text-transform: uppercase; padding: 14px; font-size: 20px; font-weight: bold; margin: 0px; } #eventsContain { width: 287px; height: 51px; background: url('/sites/all/themes/twc/events-tab.jpg'); background-repeat: no-repeat; background-size: 287px 51px; } #eventsContain:hover .linkText, #eventsContain:focus .linkText, #eventsContain.hovered8 .linkText, #eventsContain.hover .linkText { background: #f6faff; color: black; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; width: 285px; } /*----- Home Page Tiles END -----*/ /*modified 4/15/16 changed width from 453px to 567px 6/20/16 added 374px left margin*/ #nav { width: 822px; height: 42px; float: left; padding-top: 20px; padding-left: 11px; margin-left: 121px; color: #000; } #nav ul.menu { /*background:url(/graphics/branding/bg-nav-a.png) no-repeat left bottom scroll;*/ padding:0; margin:0; list-style:none; position:relative; /*margin-right:2px;*/ float:left; z-index:100; font-size:11px; height:42px; } #nav ul.menu li { float:left; height:42px; margin: 0; padding: 0; } #nav ul.menu li a { text-decoration:none; font-size:11px; } #nav ul.menu li a.aTop { display: block; font-size: 12px; margin: 0px 5px; } /*modified 4/15/16 replaced background image*/ #nav ul.menu li .navspan { cursor: pointer; display: block; width: 125px; text-align: center; color: white; font-weight: bold; background: linear-gradient(#92ce51AC 0%,#567D2B 20%,#3d5b1d 100%); border-radius: 10px 10px 0px 0px; border: 1px solid #355019; height: 34px; padding: 6px 0px 0px 0px; text-shadow: 2px 2px #446422; } #nav ul.menu li #navBusinesses {background-position: -113px bottom;} #nav ul.menu li #navCommunity {background-position: -226px bottom;} /*modified 8/2/16 changed selector from #navPrograms to #navStudents*/ #nav ul.menu li #navStudents {background-position: -339px bottom;} #nav ul.menu li #navPeoplewithDisabilities {background-position: -566px bottom;} /*modified 4/15/16 added rule modified 8/2/16 changed selector from #navDars to #navTwcInfo*/ #nav ul.menu li #navTwcInfo {background-position: -452px bottom;} #nav ul.menu li div.drop { /* background-color:#dae7f1;*/ background: linear-gradient(#f6faff, #cecece); border:1px solid #989898; border-top:0 solid #989898; color:#000; position:absolute; left:-9999px; top:43px; padding:20px 10px 20px 14px ; font-size:12px; text-align:left; letter-spacing:normal; } #nav ul.menu li div.col1 { width:136px; } /*modified 8/2/16 changed width from 305px to 418px*/ #nav ul.menu li div.col2 { width:418px; } /*modified 8/2/16 changed width from 418px to 305px*/ #nav ul.menu li div.col3 { width:305px; } /*modified 4/15/16 added rule*/ #nav ul.menu li div.col4 { width:305px; } #nav ul.menu li div.col6 { width:418px; } #nav ul.menu li a.aTop:hover, #nav ul.menu li.focus a.aTop:hover { /*background:url(/graphics/branding/bg-nav-a.png) no-repeat left top scroll;*/ color:#000; text-decoration:none; } #nav ul.menu li.sub:hover > a.aTop, #nav ul.menu li.focus > a.aTop { /*background:url(/graphics/branding/bg-nav-a.png) no-repeat left top scroll;*/ border-bottom:0 solid #c2d6e5; color:#000; } #nav ul.menu li.sub:hover > a.aTop, #nav ul.menu li.focus > a.aTop { /*background:url(/graphics/branding/bg-nav-a.gif) no-repeat left top scroll;*/ border-bottom:0 solid #c2d6e5; color:#000; } #nav ul.menu li.sub:hover > a.aTop .navspan, #nav ul.menu li.focus > a.aTop .navspan { color: black; text-decoration: underline; background: #f6faff; text-shadow: none; border-bottom: 2px solid #f6faff; } #nav ul.menu li:hover div.drop, #nav ul.menu li.focus div.drop { left:0; } #nav ul.menu li:hover div.first, #nav ul.menu li.focus div.first { background-position:-271px 0; left:5px; } #nav ul.menu li:hover div.second, #nav ul.menu li.focus div.second { background-position:-271px 0; left:279px; } /*modified 8/2/16 changed background-position from -45px 0 to -271px 0 changed left from 4px to 230px*/ #nav ul.menu li:hover div.third, #nav ul.menu li.focus div.third { background-position:-271px 0; left:416px; } /*modified 8/2/16 changed background-position from 68px 0 to -45px 0 changed left from 4px to 118px*/ #nav ul.menu li:hover div.forth, #nav ul.menu li.focus div.forth { background-position:-45px 0; left:349px; } /*modified 4/15/16 added rule*/ #nav ul.menu li:hover div.fifth, #nav ul.menu li.focus div.fifth { background-position:-45px 0; left:486px; } #nav ul.menu li:hover div.sixth, #nav ul.menu li.focus div.sixth { background-position:-271px 0; left:142px; } .twocol { background:url(/graphics/branding/bg-drop-twocol.gif) repeat-y center center scroll; } .twocolWider{ background:url(/graphics/branding/bg-drop-twocol.gif) repeat-y 200px 0 scroll; } #nav ul.menu li div.drop .header{ display:block; /* modified 082316 changed from 9px to 0*/ margin-bottom:0; } #nav ul.menu li div.drop a { color:#000; } #nav ul.menu li div.drop a:hover { text-decoration:underline; } #nav ul.menu li div.drop ul, #nav ul.menu li div.drop ul li { float:none; height:auto; list-style:none; margin:0; padding:0; } #nav ul.menu li div.drop ul{ margin-bottom:10px; } #nav ul.menu li div.drop ul li { background:url(/graphics/branding/bg-nav-drop-a.gif) no-repeat left 4px scroll; padding-left:9px; padding-bottom:6px; } /* Global Nav */ #globalnav{ padding:0 0 0 137px; position:relative; } #globalnav ul { margin: 0; padding: 0; } #globalnav li { float:left; padding:15px 26px; list-style: none outside none; } #globalnav a { color:#fff; font-size:11px; font-weight:bold; text-decoration:none; } #globalnav a:hover { text-decoration:underline; } .glnav-about-us { background: url(/graphics/branding/bg-globalnav-a.gif) no-repeat 0 15px scroll; } .glnav-contact-us { background: url(/graphics/branding/bg-globalnav-a.gif) no-repeat 0 -18px scroll; } .glnav-find-locations { background: url(/graphics/branding/bg-globalnav-a.gif) no-repeat 0 -52px scroll; } .glnav-faq { background: url(/graphics/branding/bg-globalnav-a.gif) no-repeat 0 -89px scroll; } #globalnav .glnav-en-espa-ol { background: url(/graphics/branding/bg-globalnav-a.gif) no-repeat 0 -123px scroll; padding-right:0; } #globalnav .glnav-ti-ng-vi-t { background: url(/graphics/branding/bg-globalnav-a.gif) no-repeat 0 -157px scroll; padding:15px 0 15px 20px; } #globalnav div.form { background-color:#fff; border:1px solid #c3c3c3; color:#000; height:17px; position:absolute; top:15px; right:54px; width:156px; } #globalnav label{display:none;} #globalnav input.text, #globalnav input.image { float:left; } #globalnav input.text {width:130px;} /* END Global Nav */ /* Intro - breadcrumbs */ /* END Intro*/ #outer { padding-top:24px;} .front #outer { padding-top:0;} #intro, #highlighted { padding:22px 12px 0 24px; min-height:10px; position:relative; } #breadcrumb { margin: 0; padding: 0; } #breadcrumb li { float:left; font-size:92%; padding:0 4px 12px 0; margin: 0; list-style: none outside none; } #breadcrumb li a { background: url(/graphics/branding/bg-breadcrumb.gif) no-repeat right center scroll; display:block; padding-right:12px; text-decoration:none; } #breadcrumb li a:hover { text-decoration:underline; } #breadcrumb li.last a { background: none; padding: 0; } #block-twc-accessibility-links-to-readers { position:absolute; top:8px; right:12px; text-align: right; } #block-twc-accessibility-links-to-related-pages { text-align: right; } #block-twc-accessibility-links-to-related-pages ul, #block-twc-accessibility-links-to-related-pages li { margin: 0; list-style: none; } .front p.adobe_reader { position:relative; float: right; } #word-excel-dl { font-size: 11px; } /* Home page */ /* modified 082316 changed height from 167px to 137px */ .front #header { height: 137px; background: url(/graphics/branding/bg-header.gif) repeat-x top left scroll; } .front #logo { display: block; float: left; height: 91px; left: 0px; margin: 18px 19px 0 23px; position: relative; width: 95px; } .front #logo img { background: none; padding: 6px; border: none; } #logo img:focus, #logo img:hover { opacity: 0.9; } .front .welcome { /*background: url(/graphics/branding/twc-logo.png) no-repeat 23px 18px scroll;*/ color:#fff; font-size:12px; float:left; margin:0 0 0 0; padding:48px 0 16px 0; width:612px; } .front .welcome span{ color:#9ddd59; font-size:28px; } /* modified 082316 added margin-left property changed width from 199px to 238px */ #quicklinks{ background: url(/graphics/branding/bg-quicklinks-cms.png) repeat-x 0 0 scroll; float: left; padding: 8px 0 0 12px; width: 238px; margin-left: -39px; } #quicklinks h2 { background-color: #26567F; color: #9cdf5a; font-size: 12px; font-weight: bold; margin: 0; padding: 2px; } #quicklinks ul { list-style-type: none; margin: 0; padding: 0; } #quicklinks li { padding: 1px 0 1px 0; } #quicklinks a { color: #fff; font-size: 11px; text-decoration: none; } #quicklinks a:hover { text-decoration: underline; } /* spot lights grid */ #spotlights { background: url(/graphics/branding/bg-spotlights.gif) no-repeat left bottom scroll; margin-top:-58px; margin-bottom:12px; position:relative; } #spotlights h2 { color:#fff; font-family: Helvetica, Verdana, Arial, sans-serif; font-size:14px; font-weight:bold; height:52px; padding:69px 0 0 15px; height:63px; position:relative; text-transform:uppercase; letter-spacing:-0.03em; } #spotlights h2 a { display:block; padding:8px 0 0 0; color:#fff; width:270px; text-decoration:underline; } #spotlights h2 a:hover { text-decoration:none; } #job-seekers { background: url(/graphics/branding/bg-job-seekers.png) no-repeat left top scroll; } #businesses-employers { background: url(/graphics/branding/bg-businesses-employers.png) no-repeat left top scroll; } #community-workforce-partners { background: url(/graphics/branding/bg-community-workforce-partners.png) no-repeat 1px top scroll; } #spotlights h2 a.more { background:none; display:block; height:126px; margin:0; padding:0; position:absolute; top:0; right:10px; text-indent:-999999px; width:86px; } #spotlights .col{ padding:0 16px 0 0; width:301px; font-size:12px; } #spotlights div.last-col { padding-right:0; } #spotlights .col .pad { padding:0 26px 53px 16px; } #outer #pri #spotlights ul { list-style:none; margin:0 0 12px 0; padding:0; } #outer #pri #spotlights ul li { border-bottom:1px dashed #e2e2e2; padding:4px 0; } #outer #pri #spotlights ul li:last-child {border:0;} #outer #pri #spotlights ul li.last {border:0;} #outer #pri #spotlights ul.more { height:53px; list-style:none; margin:0; padding:0; position:absolute; bottom:-18px; } #outer #pri #spotlights ul.more li { background-image:none; border-bottom:0; float:left; padding:0 7px; border-left:1px solid #3c3c3c; } #outer #pri #spotlights ul.more li.first { padding-left:0; border-left:0 solid #3c3c3c; } #outer #pri #spotlights ul.more li a { background-image:none; margin:0; padding:0; } #spotlights a { text-decoration:none; } #spotlights a:hover { text-decoration:underline; } /* programs services grid */ #programs-services { background: url(/graphics/branding/bg-programs-services.png) no-repeat left 1px scroll; position:relative; width:920px; margin-left:8px; margin-top: 20px; } #programs-services .col{ width:311px; } #programs-services div.last-col{ width:298px; margin-top: 27px; } /* #programs-services div.col .pad{ padding:32px 16px 53px 0; } */ #programs-services div.first-col .pad { padding:6px 24px 53px 0; } #programs-services div.first-col h2 { color:#fff; font-size:12px; font-weight:bold; padding:4px 0 0 12px; } #programs-services div.first-col h2 a { color:#fff; text-decoration:none; } #programs-services div.first-col h2 a:hover { color:#fff; text-decoration:underline; } #programs-services h3, #programs-services h3 a, #programs-services h4, #programs-services h4 a{ font-size:12px; font-weight:bold; margin:0; } #programs-services p, #programs-services .p { margin-bottom:15px; } #programs-services img.left{ margin:0 4px 0 0;} #programs-services #tabbedNavEnhanced .tab { float:left; margin-left:2px; width:79px; } /*#programs-services #tabbedNavEnhanced #tab3 { width:100px; }*/ #programs-services #tabbedNavEnhanced .tab h2{ margin:0; padding:0;} #programs-services #tabbedNavEnhanced .tab a { background: url(/graphics/branding/bg-tab.gif) no-repeat left top scroll; color:#fff; display:block; font-size:12px; font-weight:bold; height:26px; padding-top:4px; /*outline:none;*/ text-align:center; /*text-decoration:none;*/ } #programs-services #tabbedNavEnhanced .tab.tabSelected a, #programs-services #tabbedNavEnhanced .tab a:hover { background-position:bottom; } #programs-services #tabbedNavEnhanced .tab a:hover { text-decoration:underline; } /* remove to return to pre apr2020 state */ .quicktabs-wrapper { padding-top:20px; } ul.quicktabs-tabs { margin: 0 0 10px 0; padding: 0; overflow: auto; } ul.quicktabs-tabs li { padding: 0; margin: 0 1px; display: block; float: left; width: 79px; } ul.quicktabs-tabs li a { background: url(/graphics/branding/bg-tab.gif) no-repeat left top scroll; color:#fff; font-size:12px; font-weight:bold; display: block; height:26px; padding-top:4px; /*outline:none;*/ text-align:center; /*text-decoration:none;*/ } ul.quicktabs-tabs li.active a, ul.quicktabs-tabs li a:hover { background-position: bottom; } .quicktabs_main { clear: both; } #pri #programs-services ul.more, #pri #programs-services div.more { background:url(/graphics/branding/bg-programs-services-more.gif) no-repeat left top scroll; height:53px; list-style:none; margin:0; padding:11px 0 0 0; position:absolute; bottom:-18px; width:311px; } #programs-services div.first-col ul.more { margin-left:20px; width:291px; } #programs-services div.second-col ul.more, #programs-services div.second-col div.more { background-position:top right; } #programs-services div.second-col ul#learnAboutAllPrograms {margin-left:-310px;} #programs-services div.last-col ul.more { background-position:top right; margin-left:15px; width:283px; } #pri #programs-services ul.more li { font-weight:bold; } .promo { background-color:#efefef; margin-bottom:4px; padding:8px; border-top:20px solid #fff; } #outer #pri #programs-services .promo h3, #outer #pri #programs-services .promo h3 a { font-size:13px; font-weight:bold; } #programs-services .promo p { margin-bottom:7px;} #programs-services .promo .btn, #programs-services .promo .btns {float:right;} #programs-services .last-col .alignright {padding-right:5%;} #pri #programs-services ul { margin-right:0;} /* mid links */ #mid-link { background:none; padding:18px 0 0 20px; /*margin-left:8px;*/ min-height:47px; } #mid-link ul{ list-style:none; margin:0; padding:0; } #mid-link ul li{ background:url(/graphics/branding/bg-mid-link-li.gif) no-repeat right center scroll; float:left; font-size:12; font-weight:bold; padding:0 16px; } #mid-link ul li:last-child { background-image:none;} #mid-link ul li.last {background-image:none;} #pri #mid-link ul li a { display:block; padding:10px 0; } #pri #mid-link #texas-workforce-solutions { background:url(/graphics/branding/bg-texas-workforce-solutions.gif) no-repeat right 0 scroll; padding-right:130px; } div#partners{ background-color:#e8e8e8; padding-top:35px; text-align:center; } div#partners p a, #block-block-11 .content a { border-bottom:1px solid #e8e8e8; display:inline-block; margin-left:20px; text-align:center; text-decoration:none; vertical-align:top; width:100px; } div#partners p a.last, #block-block-11 .content a.last { margin-left:0; } div#partners p a img, #block-block-11 .content a img { margin-bottom:3px; } div#partners p a:hover span, #block-block-11 .content a:hover span { text-decoration:underline; } /* END Home page */ /* Contact Page */ .contactpage .pri-box { margin-left:130px; } /* END Contact Page */ /* Tertiary Column */ #ter h2 { background-color:transparent; color:#000; font-size:85%; margin-bottom:0; padding-left:12px; padding-right:8px; } #ter h2.blueBar, #ter h2.bluebar { background-image:none; background-color:#38658e; color:#fff; font-size:92%; line-height:normal; margin-bottom:14px; padding:8px 12px 8px 20px; } #ter h2.blueBar a, #ter h2.bluebar a{ width:auto; background-image:none; padding-left:0;} #ter h3 { font-size:85%; } .ter-pad h3, .ter-pad h4, .ter-pad h5, .ter-pad h6, .ter-pad p { padding-left:12px; padding-right:8px;} #ter ul, #ter ol { margin-left: 25px; margin-right: 8px; } #ter ul li, #ter ol li { padding: 0; } #ter .promo { background-color:transparent; padding:0 0 0 8px; font-size:10px; } #ter .promo h2 { background-color:transparent; color:#003399; font-size:11px; margin:0 0 2px 0; padding:0; } #ter .promo p { margin-bottom:8px;} /* END Tertiary Column */ /* Footer */ #ftwrap { background:#e8e8e8; } #ft { color:#000; padding-top:24px; } #ft { text-align:center; } #ft p{ margin-bottom:12px; text-align:center; } /*#ft p#partners{ margin-bottom:24px; padding-top:35px; }*/ p#partners a{ border-bottom:1px solid #e8e8e8; display:inline-block; margin-left:20px; text-align:center; vertical-align:top; width:100px; } p#partners a.last{margin-left:0;} p#partners a img{margin-bottom:3px;} p#partners a:hover{ text-decoration:none; border-bottom:1px solid #003399;} p.center-border-btm { background:url(/graphics/branding/bg-center-border-btm.gif) no-repeat center bottom scroll; padding-bottom:12px; } /* END Footer */ /* END Theme */ /* Boxes */ .pri-box { background:url(/graphics/branding/bg-pri-box.gif) repeat-x left top scroll; padding:28px 12px 0 26px; border-bottom:20px solid #fff; margin-right:14px; } .no-sidebars .pri-box { margin-right:120px; } .sidebar-second .pri-box { margin-right:14px; } .callOutBox, calloutbox{ background:url(/graphics/branding/bg-callOutBox.gif) no-repeat left bottom scroll; padding-bottom:12px; margin-bottom:20px ; } .callOutBox .pad, calloutbox .pad{ background:url(/graphics/branding/bg-callOutBox-pad.gif) no-repeat left top scroll; padding:10px 18px 0 18px; } .no-sidebars .callOutBox, .no-sidebars calloutbox{background:url(/graphics/branding/bg-callOutBox-onecol.gif) no-repeat left bottom scroll;} .no-sidebars .callOutBox .pad, .no-sidebars calloutbox .pad{background:url(/graphics/branding/bg-callOutBox-pad-onecol.gif) no-repeat left top scroll;} .callOutBox h2, .calloutbox h2{ color:#fff; font-family: Helvetica, Verdana, Arial, sans-serif; font-size:14px; font-weight:bold; padding:9px 0 20px 0; text-transform:uppercase; /*letter-spacing:-0.03em;*/ letter-spacing:-0.05em; } .callOutBox h2 a, .calloutbox h2 a{ color:#fff; text-decoration:underline; } .callOutBox h2 a:hover, .calloutbox h2 a:hover{color:#fff; text-decoration:none;} .callOutBox h2.search, .calloutbox h2.search{background:url(/graphics/branding/bg-calloutbox-h2-search.gif) no-repeat left top scroll;} .callOutBox h2.document, .calloutbox h2.document{background:url(/graphics/branding/bg-calloutbox-h2-document.gif) no-repeat left top scroll;min-height:auto;} #pri .callOutBox p,#pri .calloutbox p {margin-bottom:16px;} .box{ background:url(/graphics/branding/bg-box.gif) no-repeat left bottom scroll; padding-bottom:12px; margin-bottom:20px ; } .box .pad{ background:url(/graphics/branding/bg-box-pad.gif) no-repeat left top scroll; padding:17px 22px 0 22px; } .no-sidebars .box{background:url(/graphics/branding/bg-box-onecol.gif) no-repeat left bottom scroll;} .no-sidebars .box .pad{background:url(/graphics/branding/bg-box-pad-onecol.gif) no-repeat left top scroll;} .box h2{ border-bottom:3px solid #bfbfbf; font-family: Helvetica, Verdana, Arial, sans-serif; font-size:15px; font-weight:bold; margin-bottom:14px; padding-bottom:11px; text-transform:uppercase; } /* Boxes */ /* List of Links */ #outer #pri ul.more, #outer #pri ul.more, #ter ul.more {margin-left:0;} #outer #pri ul.more li { background:url(/graphics/branding/bg-links.gif) no-repeat 0 1px scroll; padding:0 0 7px 20px; list-style:none } #pri ul.more li a{ background-image:none; margin:0; padding:0; } #outer #pri a.more, #ter a.more { background:url(/graphics/branding/bg-links.gif) no-repeat left top scroll; display: -moz-inline-box ; display:inline-block; font-size:12px; line-height:14px; height:14px; padding-left:20px; } /* List of Links */ .links, #ter .links { margin-left: 0; padding-left: 0; } .links li:before { content: "-"; /* Use a hyphen -, en dash -, or em dash - for different widths */ color: #3F65B0; position: relative; left: -8px; } .links > li, #ter .links > li { padding-left:18px !important; padding-bottom:2px; list-style:none; text-indent: -7px; } #outer #pri ul.link {margin-left:0;} #outer #pri ul.link li/*, #ter ul li*/ { background:url(/graphics/branding/bg-caret.gif) no-repeat 5px 8px scroll; padding-left:18px; padding-bottom:2px; list-style:none } /* #ter ul.links li, #ter ul li { background-position:5px 7px; } */ #outer #pri ul.link li.pdf, #outer #pri ul.links li.pdf, #ter ul.links li.pdf, #ter ul li.pdf { background:url(/graphics/branding/pdf.gif) no-repeat 0 0 scroll; } ul.link a, #ter ul a { text-decoration:underline;} ul.link a:hover, #ter ul a:hover {text-decoration:none;} #outer #pri a.top, #ter a.top { background:url(/graphics/branding/bg-top.gif) no-repeat left top scroll; display: -moz-inline-box ; display:inline-block; font-size:12px; line-height:14px; height:14px; padding-left:20px; } a.imgLink, a.imglink { background:url(/graphics/branding/bg-caret.gif) repeat-x 0 14px scroll; display: -moz-inline-box ; display:inline-block; vertical-align:middle; text-indent:0px; } a.imgLink:hover, a.imglink:hover {background-image:none;} /* List of Links */ a.imgLinkBlanco, a.imglinkBlanco { background:url(/graphics/branding/bg-caret-white.gif) repeat-x 0 14px scroll; display: -moz-inline-box ; display:inline-block; vertical-align:top; } a.imgLinkBlanco:hover, a.imglinkBlanco:hover {background-image:none;} /* Used for espanol-blanco.gif*/ /* Grids */ .greybarGrid, .greybargrid {margin-bottom:20px;} .greybarGrid .greybar, .greybargrid .greybar { background:url(/graphics/branding/bg-header-beta.gif) no-repeat 0 0 scroll; padding:0 8px 0 8px; line-height:22px; } .greybarGrid .greybar a, .greybargrid .greybar a {line-height:22px;} .greybarGrid h3, .greybargrid h3, .greybarGrid h4, .greybargrid h4, .greybarGrid h5, .greybargrid h5, .greybarGrid h6, .greybargrid h6, .greybarGrid p, .greybargrid p, .greybarGrid ul, .greybargrid ul, .greybarGrid ol, .greybargrid ol { padding-left:8px;} /* END Grids */ /* Bottons */ a.btnMore, a.btnmore { background:url(/graphics/branding/bg-btnMore.gif) no-repeat left top scroll; color:#fff; display: -moz-inline-box ; display:inline-block; font-size:11px; font-weight:bold; line-height:19px; height:24px; margin-right:4px; padding-left:8px; width:74px; text-decoration:none; } a.btnMore:hover, a.btnmore:hover { text-decoration:none; background-position:left top; color:#fff; } a.btn { background:url(/graphics/branding/bg-btns.gif) no-repeat left top scroll; color:#fff; display: -moz-inline-box ; display:inline-block; font-size:11px; font-weight:bold; line-height:19px; height:24px; padding-left:11px; /*margin-right:4px;*/ text-decoration:none; } a.btn span { background:url(/graphics/branding/bg-btns-span.gif) no-repeat right top scroll; display: -moz-inline-box ; display:inline-block; line-height:19px; height:24px; padding-right:11px; } a.btn:hover { text-decoration:none; background-position:left top; color:#fff; text-decoration:none; } a.btn:hover span { text-decoration:none; background-position:right top; color:#fff; cursor:pointer; } /* END Bottons */ /* Forms */ input.text { background-color:#fff; margin:0; padding:1px 2px; border:0; } input.image { margin:0; padding:0; border:0; } /* Clearfix */ .clearfix:after, #globalnav:after, #tabbedNavEnhanced:after, .promo:after, ul#breadcrumb:after, .greybarGrid:after, .greybargrid:after, .callOutBox:after, .calloutbox:after, .box .pad:after, .callOutBox .pad:after, .calloutbox .pad:after, #pri .callOutBox p:after, #pri .calloutbox p:after, .twocol:after, #ftwrap:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /* END Clearfix */ .infoNotice { background:url(/graphics/info.gif) no-repeat 0 0 scroll; padding-left:16px; color: #0000FF; } .data caption { font-weight:bold; padding-bottom:15px; }