/* Normalize browsers ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, img, tbody, dt, dd, dl, *{ margin:0; padding:0; } table{ border-collapse:collapse; border-spacing:0; } fieldset,img{ border:0; } sup{ margin:0px; padding:0px; vertical-align:top; } img.padRight{ padding-right: 20px; } address,caption,cite,code,dfn,em,th,var{ font-style:normal; font-weight:normal; } ol,ul{ list-style:none; -webkit-padding-start: 0; } caption,th{ text-align:left; } input{ font-size:10px; line-height:normal; color:#666; margin:0px; padding:0px; } strong{ font-weight: bold !important; } /** utility **/ .clear{ clear:both; } .clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* .clearfix{display: inline-table;} */ .clearfix{display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix{height: 1px;} .clearfix{display: block;} /* End hide from IE-mac */ .left{ float: left; } .right{ float: right; } .hid{ display: none; } img.vbottom{vertical-align: bottom; } .toLeft{float:left;} .toRight{float:right;} label.overlabel{ color:#999; font: bold 12px Arial, Helvetica, sans-serif; } #col-content img.toLeft, #col-content span.toLeft{ margin-right:7px; } label.overlabel-apply{ position:absolute; top:3px; left:5px; z-index:1; color:#000; font:12px Arial, Helvetica, sans-serif; } div.control-wlabel{ position:relative; } .upperCase{ text-transform: uppercase; } .noBg{ background:none !important; } /* Main Styles +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ a, a:link{color: #000; text-decoration: none;} a:visited{ text-decoration: none;} a:hover{ text-decoration: underline; } a:active{ } body{ background:url(../images/backgrounds/bg.gif) repeat-x left top #c5c5c5; } body *{ font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#252525; } .mainTbl{ width:991px; margin:5px auto 0px auto; } /* =content-main */ #content-main{ width:991px; } /* =shadow effects */ .bg-top{ background:url(../images/backgrounds/header-bg-top.gif) no-repeat left bottom; height:10px; width:100%; margin-top:-5px; } * html .bg-top{ margin-top:-10px; } #col-body{ background:url(../images/backgrounds/bg-middle.png) repeat-y left top; padding:5px 20px; } * html #col-body{ /* hack IE 6 */ background:url(../images/backgrounds/bg-middle.gif) repeat-y 10px top; } #col-content{ padding-bottom:45px; } #col-left, #col-content, #col-right, #col-header{ background-color:#fff; } /* Header ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #header{ position:relative; padding:0px; margin:5px 0px 0px 0px; background:url(../images/backgrounds/header-bg-bottom.gif) no-repeat left bottom; } /* =branding */ #branding{ /*Logo*/ position:absolute; left:26px; top:22px; } * html #branding{ /* hack IE 6 */ top:17px; } #branding #ADP-logo{ } /* =other navigation */ #nav-other{ padding:5px 10px 10px 151px; background:url(../images/backgrounds/header-bg.jpg) repeat-y left top; } #nav-other #nav-msg{ float:left; padding-top:10px; padding-right:2px; } #nav-other *{ font-family:Arial, Helvetica, sans-serif; color:#0e5d99; font-size:10px; } #nav-other a:hover{ text-decoration:none; } /* =other links */ #nav-other ul#links{ float:left; } #nav-other ul#links li{ float:left; background:url(../images/nav-other-separator.gif) no-repeat right center; } #nav-other ul#links li a{ border:0; padding:1px 1px; margin:0px 12px; display:block; } #nav-other ul#links li a:hover{ border:1px solid #2d72a4; padding:0px 1px; text-decoration:none; background:url(../images/nav-other-over.gif) repeat-x left top; } /* =country selector*/ ul#country{ background:url(../images/country.gif) no-repeat left top; padding-left:38px; padding-bottom:10px; margin-left:10px; margin-right:10px; *margin-right:5px; float:right; } ul#country li{ position:relative; display:block; } ul#country li a{ white-space:nowrap; background:url(../images/buttons/list-down.gif) no-repeat right center; display:block; padding-right:20px; } ul#country li ul{ position:absolute; left:-4px; top:100%; display:none; background-color:#fff; margin-right:12px; border:1px solid #b4cddf; border-left:1px solid #c4daea; border-top:0; } * html ul#country li ul{ /* hack IE 6 */ top:14px; } ul#country li:hover ul, ul#country li.hover ul{ display:block; } ul#country li ul li{ display:block !important; padding:0px; margin:0px; } ul#country li ul li a{ background:none; white-space:nowrap; display:block; padding:2px 5px; } ul#country li ul li a:hover{ background-color:#2d72a4; color:#fff; } /*=nav-main top nav */ #nav-main{ margin:0px 10px 0px 10px; padding:0px 0px 12px 125px; } #nav-top{ display:inline; } #nav-top li{ float:left; } #nav-top li a{ display:block; height:32px; text-indent:-1000px; overflow:hidden; background-repeat:no-repeat ; background-position: left top; } #nav-top li a:hover, #nav-top li.selected a{ background-position:left bottom; } #nav-top li a#solutions{ width:175px; background-image:url(../images/mnu-solutions.gif); } #nav-top li a#resources{ width:149px; background-image:url(../images/mnu-resources.gif); } #nav-top li a#media{ width:117px; background-image:url(../images/mnu-media.gif); } #nav-top li a#partners{ width:91px; background-image:url(../images/mnu-partners.gif); } #nav-top li a#about{ width:97px; background-image:url(../images/mnu-about.gif); } /* =search box */ .search{ width:190px; float:right; text-align:right; margin:0px 0px; padding:3px 10px 0px 6px; *padding-top:1px; /* hack IE */ } .search input{ border:1px solid #868686; width:138px; padding:1px; } .search .btn-search{ width:40px; background:url(../images/buttons/btn-search.gif) no-repeat center center; margin-left:3px; border:0; cursor:pointer; } /* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #footer{ padding:0px 0px; } #nav-footer{ background:url(../images/backgrounds/bg-middle.png) repeat-y left top; padding:0px 10px; margin:0px 0px; } * html #nav-footer{ /* hack IE 6 */ background:url(../images/backgrounds/bg-middle.gif) repeat-y 10px top; } #nav-footer *{ font-family:tahoma; font-size:11px; color:#666; } #nav-footer ul{ text-align:center; background:url(../images/backgrounds/footer-bg.gif) repeat-x left top; padding:15px 5px 10px 5px; } #nav-footer ul li{ display:inline; padding:0px 12px; background:url(../images/backgrounds/footer-separator.gif) no-repeat right center; } /* =copyright */ #site-info{ background:url(../images/backgrounds/footer-bg-bottom.png) no-repeat center top; padding:20px 10px; text-align:center; } * html #site-info{ /* hack IE 6 */ background:url(../images/backgrounds/footer-bg-bottom.gif) no-repeat center top; } #site-info *{ font-size:10px; color:#6f6f6f; font-family:tahoma; } /* Body ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* =title page */ #content-title{ background:url(../images/backgrounds/title_bg.gif) no-repeat left top #19334c; margin:0px 10px; padding:10px 15px 9px 15px; } #content-title h1{ color:#fff; font-size:20px; line-height:18px; font-family:Arial, Helvetica, sans-serif; } /* =breadcrumb */ #breadcrumb{ background:url(../images/backgrounds/bg-middle.png) repeat-y left top; margin:0px; padding:6px 25px 15px 25px; position:relative; } * html #breadcrumb{ /* hack IE 6 */ background:url(../images/backgrounds/bg-middle.gif) repeat-y 10px top; } #breadcrumb, #breadcrumb *{ color:#0071a9; } #breadcrumb #to-print{ /* print button *//* background:url(../images/buttons/img-print.gif) no-repeat right 1px; display:block; position:absolute; top:5px; right:25px; font-size:9px; padding:4px 22px 4px 0px; text-transform:uppercase; color:#5c7aa3;*/ } #breadcrumb #to-email{ /* print button *//* background:url(../images/buttons/img-email.gif) no-repeat right 0px; display:block; position:absolute; top:5px; right:150px; font-size:9px; padding:4px 30px 4px 0px; text-transform:uppercase; color:#5c7aa3;*/ } #breadcrumb #page-tools{ position:absolute; top:5px; right:25px; } #breadcrumb #page-tools #to-print{ background:url(../images/buttons/img-print.gif) no-repeat right 1px; display:inline-block; font-size:9px; padding:4px 22px 4px 0px; text-transform:uppercase; color:#5c7aa3; margin-left:15px; } #breadcrumb #page-tools #to-email{ background:url(../images/buttons/img-email.gif) no-repeat right 0px; display:inline-block; font-size:9px; padding:4px 30px 4px 0px; text-transform:uppercase; color:#5c7aa3; margin-left:15px; } /* =left hand nav */ ul#lhn{ width:174px; margin-bottom:10px; } ul#lhn *{ font-family:Arial, Helvetica, sans-serif; font-size:11px; } ul#lhn li{ background:url(../images/backgrounds/lhn-separator.gif) repeat-x left bottom; padding-bottom:3px; } ul#lhn li{ clear:both; } ul#lhn li:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* .clearfix{display: inline-table;} */ ul#lhn li{display: inline-block;} /* Hides from IE-mac \*/ * html ul#lhn li{height: 1px;} ul#lhn li{display: block;} /* End hide from IE-mac */ ul#lhn li a{ background:url(../images/backgrounds/lhn-bg-off.gif) repeat-x left top #77838e; text-transform:uppercase; color:#fff; display:block; padding:8px 7px; font-size:10px; line-height:12px; font-weight:bold; } ul#lhn li a.line-double{ padding:2px 7px 3px 7px; } ul#lhn li a:hover{ text-decoration:none; background-position:right top; } /* =sub-menu level-1 */ ul#lhn li ul{ display:none; /* hidden submenu - level-1 */ padding:5px 0px 10px 0px; background:url(../images/backgrounds/lhn-bullet-bg.gif) repeat-x left top #fff; } ul#lhn li.selected a{ text-decoration:none; background:url(../images/backgrounds/lhn-bg-on.gif) repeat-x left top #c9373d; } ul#lhn li.selected ul{ display:block; margin:0px; padding:5px 0px 10px 0px; } ul#lhn li ul li{ margin:0; background:none; } ul#lhn li ul li a, ul#lhn li.selected ul li a{ /* A tag - level 1 */ display:block; padding:2px 0px 2px 15px; margin:0px; font-size:11px; font:bold; text-transform:capitalize; color:#c42026; background:url(../images/backgrounds/lhn-bullet-red.gif) no-repeat 7px 5px; } ul#lhn li.selected ul li.selected a{ background:url(../images/backgrounds/lhn-bullet-red-down.gif) no-repeat 7px 5px; } ul#lhn li ul li a:hover{ text-decoration:underline; background-position:7px 5px; } ul#lhn li ul li a:hover sup{ text-decoration:none; } /* =sub-menu level-2 */ ul#lhn li.selected ul li ul{ padding:0px; margin:0px 0px 5px 0px; display:none; background:none; } ul#lhn li.selected ul li.selected ul{ display:block; } ul#lhn li.selected ul li ul li{ padding:0px; margin:0px; } * html ul#lhn li.selected ul li ul li{ /* hack IE 6 */ height:1%; } ul#lhn li.selected ul li ul li a, ul#lhn li.selected ul li.selected ul li a{ /* A tag - level 2 */ margin:0px; padding:3px 0px 3px 20px; background:none; color:#252525; font-size:11px; } * html ul#lhn li.selected ul li ul li a, * html ul#lhn li.selected ul li.selected ul li a{ padding:2px 0px 2px 20px; } ul#lhn li.selected ul li ul li a:hover{ color:#0071a9; } ul#lhn li.selected ul li ul li.selected a{ /*color:#0071a9;*/ } /* =sub-menu level-3 */ ul#lhn li.selected ul li.selected ul li ul{ display:none; margin:0px; padding:0px; } ul#lhn li.selected ul li.selected ul li.selected ul{ display:block; margin-bottom:2px; } ul#lhn li.selected ul li.selected ul li.selected ul li{ padding:0px; margin:0px; margin-left:0px; } ul#lhn li.selected ul li.selected ul li.selected ul li a{ /* A tag - level 3 */ display:block; margin:0px; padding:1px 0px 1px 30px; font-weight:normal; color:#252525; background: url(../images/backgrounds/img-bullet-level3-off.gif) no-repeat 22px center; } ul#lhn li.selected ul li.selected ul li.selected ul li.selected a{ font-weight:bold; } ul#lhn li.selected ul li.selected ul li.selected ul li a:hover{ color:#0071a9; } /* =sub-menu level-4 */ ul#lhn li.selected ul li.selected ul li.selected ul li ul{ display:none; margin:0px; padding:0px; } ul#lhn li.selected ul li.selected ul li.selected ul li.selected ul{ display:block; margin-bottom:2px; } ul#lhn li.selected ul li.selected ul li.selected ul li.selected ul li{ padding:0px; margin:0px; margin-left:0px; } ul#lhn li.selected ul li.selected ul li.selected ul li.selected ul li a{ /* A tag - level 4 */ display:block; margin:0px; padding:1px 0px 1px 42px; font-weight:normal; color:#252525; background: url(../images/backgrounds/img-bullet-level3-off.gif) no-repeat 35px center; font-size:10px; text-decoration:none; } ul#lhn li.selected ul li.selected ul li.selected ul li.selected ul li a:hover{ color:#0071a9; text-decoration:underline; } ul#lhn li.selected ul li.selected ul li.selected ul li.selected ul li.selected a{ /* A tag - level 4 */ /*color:#0071a9;*/ } ul#lhn li.selected a.here{ color:#0071a9 !important; font-weight:bold !important; /*text-decoration:underline !important;*/ } ul#lhn li.selected a.here sup{ text-decoration:none !important; color:#0071a9 !important; } /* Content Classes +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* =banner menu */ #col-content .section-banner{ position:relative; } #col-content .section-banner img{ vertical-align:bottom; } #col-content .section-banner ul.section-options{ position:absolute; right:17px; bottom:2px; margin:0px; padding:0px; } #col-content .section-banner ul.section-options li{ float:left; list-style:none; background:none; margin:0px 0px 0px 3px; padding:0px; } #col-content .section-banner ul.section-options li a{ display:block; margin:0px; padding:5px 8px; width:162px; font-weight:bold; font-size:11px; line-height:14px; color:#fff; text-decoration:none; background:url(../images/backgrounds/banner-options-bg.gif) no-repeat center 0px; } #col-content .section-banner ul.section-options li a:hover{ text-decoration:none !important; background:url(../images/backgrounds/banner-options-hover-bg.gif) no-repeat center 0px; } #col-content .section-banner ul.section-options li a.selected{ background:url(../images/backgrounds/banner-options-active-bg.gif) no-repeat 0px 0px; color:#17324d; } /* =titles */ #col-content h1, #col-content h1 a{ /* add 09-05-2008 */ font:bold 16px Arial, Helvetica, sans-serif; color:#252525; } #col-content h2, #col-content h2 a{ font-size:16px; font-weight:bold; margin-bottom:15px; color:#252525; text-decoration:none; } #col-content h2.blue, #col-content h2.blue *{ color:#0071a9 !important; } #col-content h2.gray, #col-content h2.gray *{ /* add: 09-05-2008 */ font:bold 13px Arial, Helvetica, sans-serif !important; color:#464646; } #col-content h3, #col-content h3 *{ /* add: 09-05-2008 */ font-weight:bold; margin-bottom:15px; font-size:14px; color:#252525; } #col-content h3.blue, #col-content h3.blue *{ font:normal 16px Arial, Helvetica, sans-serif !important; color:#0071a9 !important; } #col-content h3.gray, #col-content h3.gray *{ /* add: 09-05-2008 */ font:normal 15px Arial, Helvetica, sans-serif !important; color:#2a4561 !important; } #col-content.content h4{ font-size:12px; } #col-content h4.gray, #col-content h4.gray *{ /* add: 09-05-2008 */ font:normal 11px Arial, Helvetica, sans-serif; color:#898989; } #col-content h5, #col-content h5 *{ /* add: 09-05-2008 */ font:normal 11px Arial, Helvetica, sans-serif; color:#0071A9; } #col-content .to-left-w50{ float:left; width:50%; margin:0px 0px 10px 0px; padding:0px; } /* =text */ #col-content strong, #col-content b{ color:#111; } #col-content a{ color:#0071a9; text-decoration:underline; } /* =paragraph */ #col-content p{ margin-bottom:15px; color:#363636; } #col-content p, #col-content strong, #col-content b, #col-content i, #col-content em{ font-size:12px; line-height:15px; } #col-content p a{ font-size:11px; } /* =order list */ #col-content ol{ margin-bottom:15px; } #col-content ol li{ list-style-position:inside; list-style-type:decimal; font-size:12px; margin-bottom:2px; } /* =unorder list */ #col-content ul{ margin-bottom:15px; } #col-content ul li{ background:url(../images/bullet_gray.gif) no-repeat 10px 5px; padding-left:20px; margin-bottom:2px; } #col-content ul li, #col-content ul li *{ font-size:12px; } #col-content ul.narrow{ margin-top:10px; } #col-content ul.narrow li{ margin-bottom:10px; } #col-content ul.no-bullet{ } #col-content ul.no-bullet li{ background:none; list-style-type:none; margin-left:0px; padding-left:0px; } #col-content ul.bullet-red li{ background:url(../images/bullet-red.gif) no-repeat left 2px !important; } #col-content ul.bullet-red li, #col-content ul.bullet-red li a{ color:#363636 !important; line-height:12px; } /* Generic Classes +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #col-content .no-all, #col-right .no-all{ padding:0px !important; margin:0px !important; background:none !important; } #col-content .no-margin, #col-right .no-margin{ margin:0px 0px 2px 0px !important; } #col-content .no-border{ bordeR:none !important; } #col-content .no-bold{ font-weight:normal !important; } #col-content .text-blue, #col-content .text-blue *{ color:#0071a9 !important; } #col-content .text-black, #col-content .text-black *{ color:#252525 !important; } #col-content .text-alert{ color:#01c90e !important; font-weight:bold; } #col-content .text-normal{ font-size:12px !important; } #col-content .text-11px, #col-content .text-11px strong, #col-content .text-11px b{ font-size:11px !important; } #col-content .text-11px strong, #col-content .text-11px b{ font-weight:bold; } #col-right .text-normal{ font-size:11px !important; line-height:normal !important; } #col-content .text-small, #col-right .text-small{ font-size:10px !important; } #col-content .text-big, #col-right .text-big{ font-size:16px !important; } .content-separator{ margin-top:25px; padding-top:25px; background:url(../images/backgrounds/content-separator-bg.gif) no-repeat center top; } #col-content .intro{ font:normal 15px Arial, Helvetica, sans-serif; color:#2a4561; margin-bottom:15px; word-spacing:1px; } #col-content .note, #col-content .note strong, #col-content .note b{ font-size:11px !important; font-family: Arial, Helvetica, sans-serif !important; color:#898989 !important; } #col-content .note-small, #col-content .note-small strong, #col-content .note-small b{ font-size:9px !important; color:#898989 !important; color:#898989 !important; } /* =section */ /*.section{ padding-bottom:10px } .section h2, .section h3, .section h4{ margin:0px 0px 2px 0px !important; padding:0px; } .section p{ margin:0px 0px 5px 0px !important; }*/ /* =section-blue */ .section-blue{ padding:10px 20px; background:url(../images/backgrounds/section-blue-bg.gif) repeat-x left top #ebf4f8; margin-bottom:10px; } #col-content .section-blue:after{ /* for clearfix */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } #col-content .section-blue{display: inline-block;} * html #col-content .section-blue{height: 1px;} #col-content .section-blue{display: block;} #col-content .section-blue h4{ margin:0px 0px 5px 0px; padding:0px; font-size:13px; } #col-content .section-blue p{ margin-bottom:5px !important; } #col-content .section-blue ul{ } #col-content .section-blue ul li{ margin:5px 0px; padding-left:10px !important; background:url(../images/bullet-blue.gif) no-repeat left 5px !important; color:#0071a9; } #col-content .section-blue ul li, #col-content .section-blue ul li a{ font-size:11px !important; line-height:12px !important; } #col-content .section-blue ul li a{ text-decoration:none !important; } /* =section-gray */ .section-gray{ border:1px solid #dfdfdf; padding:10px 15px; background:url(../images/backgrounds/section-gray-bg.gif) repeat-x left top #efefef; position:relative; } #col-content .section-gray p{ margin-bottom:10px; } #col-content .section-gray p, #col-content .section-gray p strong, #col-content .section-gray p b{ font-size:10px; line-height:12px; } /* for round box effect */ #col-content .section-gray span.rl-tleft, #col-content .section-gray span.rl-tright, #col-content .section-gray span.rl-bleft, #col-content .section-gray span.rl-bright{ width:10px; height:5px; position:absolute; overflow:hidden; } #col-content .section-gray span.rl-tleft{ background:url(../images/backgrounds/rlink-tleft.png) no-repeat left top; left:-1px; top:-1px; } #col-content .section-gray span.rl-tright{ background:url(../images/backgrounds/rlink-tright.png) no-repeat right top; right:-1px; top:-1px; } #col-content .section-gray span.rl-bleft{ background:url(../images/backgrounds/rlink-bleft.png) no-repeat left top; left:-1px; bottom:-1px; } #col-content .section-gray span.rl-bright{ background:url(../images/backgrounds/rlink-bright.png) no-repeat right top; right:-1px; bottom:-1px; } * html #col-content .section-gray span.rl-tleft, * html #col-content .section-gray span.rl-tright, * html #col-content .section-gray span.rl-bleft, * html #col-content .section-gray span.rl-bright{ display:block; background:none; } * html #col-content .section-gray span.rl-tleft{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/backgrounds/rlink-tleft.png', sizingMethod='scale'); } * html #col-content .section-gray span.rl-tright{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/backgrounds/rlink-tright.png', sizingMethod='scale'); } * html #col-content .section-gray span.rl-bleft{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/backgrounds/rlink-bleft.png', sizingMethod='scale'); } * html #col-content .section-gray span.rl-bright{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/backgrounds/rlink-bright.png', sizingMethod='scale'); } /* =links */ .homepage .started-link, #col-content .started-link{ display:inline-block; font:bold 11px Arial, Helvetica, sans-serif; color:#000; padding-right:15px; background:url(../images/buttons/get-started.gif) no-repeat right 1px; text-decoration:none; } #col-content .download-link{ display:inline-block; font:bold 11px Arial, Helvetica, sans-serif; color:#000; padding-right:15px; background:url(../images/buttons/get-file.gif) no-repeat right 1px; text-decoration:none; } .homepage #col-body a:hover, #col-content a:hover{ text-decoration:underline !important; } /* =more-links */ #col-content .more-links li{ display:inline; background:none; margin:0px; padding:0px; } #col-content .more-links li a{ font-size:11px; padding-right:10px; margin-right:8px; background:url(../images/backgrounds/more-links-separator.gif) no-repeat right center; } #col-content .more-links li.last-child a{ background:none; } /* =list of Items */ div.list-items{ } #col-body #col-content div.list-items a.view-all{ color:#252525; font-size:10px; text-decoration:underline; margin-top:5px; } #col-body #col-content div.list-items ul{ padding:5px 0px 0px 0px; margin:0px 0px 5px 0px; } #col-body #col-content div.list-items ul li{ background:none; padding:0px 0px 5px 0px; margin:0px; } #col-body #col-content div.list-items ul li *{ font-size:11px; color:#5a5a5a; } #col-body #col-content div.list-items ul li a{ font-weight:bold; color:#252525; } /* =list horizontal */ ul.list-horizontal{ } ul.list-horizontal li{ float:left; display:block; width:103px; margin-right:6px !important; } ul.list-horizontal li img{ border:2px solid #e0e0e0; } ul.list-horizontal li a{ line-height:11px; } ul.list-horizontal li p{ font-size:10px !important; line-height:11px !important; } /* =box search */ #col-body #col-content .box-search{ } #col-body #col-content .box-search h3{ color:#464646; font-size:13px; } #col-body #col-content .box-search p{ font-size:11px; margin-bottom:5px; } #col-body #col-content .box-search a{ font-size:10px; } #col-body #col-content .box-search .btn-search{ background:url(../images/buttons/btn-search-red.gif) no-repeat left top; width:57px; height:21px; border:none; cursor:pointer; } /* =select controls styles */ #col-content .select-small{ width:75px; } #col-content .select-normal{ width:150px; } /* =right-links */ ul.right-links{ } ul.right-links li{ position:relative; padding:0px; margin:0px 0px 5px 0px; } ul.right-links li:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } ul.right-links li{display: inline-block;} * html ul.right-links li{height: 1px;} ul.right-links li{display: block;} ul.right-links li a{ display:block; background:url(../images/backgrounds/rlink-bg.gif) no-repeat right center; padding:10px 20px 10px 10px; margin:0px; font-size:13px; line-height:14px; font-weight:bold; color:#252525; border:1px solid #d5d6d7; border:1px solid #d5d6d7; } #col-right ul.right-links li a{ font-size:12px; } #col-right ul.right-links .with-image img{ margin-right:5px; } ul.right-links li a:hover{ background:url(../images/backgrounds/rlink-bg-on.gif) no-repeat right center; text-decoration:none; color:#fff; } ul.right-links li .rl-top{ position:absolute; display:block; left:0px; top:0px; } ul.right-links li .rl-bottom{ position:absolute; left:0px; bottom:0px; } ul.right-links li span.rl-top{ overflow:hidden; } ul.right-links li span.rl-bottom{ overflow:hidden; } /* for round box effect */ ul.right-links li span.rl-tleft, ul.right-links li span.rl-tright, ul.right-links li span.rl-bleft, ul.right-links li span.rl-bright{ width:10px; height:5px; position:absolute; overflow:hidden; } ul.right-links li span.rl-tleft{ background:url(../images/backgrounds/rlink-tleft.png) no-repeat left top; left:0px; top:0px; } ul.right-links li span.rl-tright{ background:url(../images/backgrounds/rlink-tright.png) no-repeat right top; right:0px; top:0px; } ul.right-links li span.rl-bleft{ background:url(../images/backgrounds/rlink-bleft.png) no-repeat left top; left:0px; bottom:0px; } ul.right-links li span.rl-bright{ background:url(../images/backgrounds/rlink-bright.png) no-repeat right top; right:0px; bottom:0px; } * html ul.right-links li span.rl-tleft, * html ul.right-links li span.rl-tright, * html ul.right-links li span.rl-bleft, * html ul.right-links li span.rl-bright{ display:block; background:none; } * html ul.right-links li span.rl-tleft{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='common/images/backgrounds/rlink-tleft.png', sizingMethod='scale'); } * html ul.right-links li span.rl-tright{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='common/images/backgrounds/rlink-tright.png', sizingMethod='scale'); } * html ul.right-links li span.rl-bleft{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='common/images/backgrounds/rlink-bleft.png', sizingMethod='scale'); } * html ul.right-links li span.rl-bright{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='common/images/backgrounds/rlink-bright.png', sizingMethod='scale'); } /* =for all right box - right column */ .box-body:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* .clearfix{display: inline-table;} */ .box-body{display: inline-block;} /* Hides from IE-mac \*/ * html .box-body{height: 1px;} .box-body{display: block;} /* End hide from IE-mac */ /* =contact form */ #col-content .form-contact{ } #col-content .form-contact .btn-submit{ background:url(../images/buttons/btn-submit.gif) no-repeat left top; width:57px; height:21px; border:0px; cursor:pointer; } #col-content .form-contact .fc-data{ float:left; width:220px; margin-right:10px; } #col-content .form-contact .fc-topics{ float:left; width:240px; margin-right:10px; } #col-content .form-contact .fc-comments{ float:left; width:212px; } #col-content .form-contact .control-wlabel{ display:inline-block; } #col-content .form-contact label, #col-content .form-contact p, #col-content .form-contact ul li{ color:#252525 !important; } #col-content .form-contact label, #col-content .form-contact p, #col-content .form-contact p *, #col-content .form-contact ul li{ font-size:11px !important; } #col-content .form-contact .fc-data label.overlabel-apply{ left:7px; top:5px; } #col-content .form-contact .fc-data div.ctrl-little input, #col-content .form-contact .fc-data input.ctrl-little, #col-content .form-contact .fc-data div.ctrl-small input, #col-content .form-contact .fc-data input.ctrl-small, #col-content .form-contact .fc-data div.ctrl-medium input, #col-content .form-contact .fc-data input.ctrl-medium, #col-content .form-contact .fc-data input.ctrl-normal, #col-content .form-contact .fc-comments textarea.ctrl-normal{ padding:3px 5px; color:#252525; font-size:11px; margin-bottom:6px; border:1px solid #868686; } #col-content .form-contact .fc-comments textarea.ctrl-normal{ padding:1px 4px; } #col-content .form-contact textarea.ctrl-normal{ height:89px; *height:94px; } #col-content .form-contact .ctrl-large{ width:240px; } #col-content .form-contact .ctrl-normal{ width:202px; margin-bottom:6px; } #col-content .form-contact .fc-data div.ctrl-medium{ float:left; padding-right:3px; } #col-content .form-contact .fc-data div.ctrl-medium input, #col-content .form-contact input.ctrl-medium{ width:92px; } #col-content .form-contact .fc-data div.ctrl-small{ float:left; } #col-content .form-contact .fc-data div.ctrl-small input{ width:48px; } #col-content .form-contact .fc-data div.ctrl-little{ float:left; padding-right:3px; } #col-content .form-contact .fc-data div.ctrl-little input{ width:32px; } #col-content .form-contact .fc-topics ul{ padding:0px 0px 5px 0px !important; *padding:0px 0px 9px 0px !important; } #col-content .form-contact .fc-topics ul li{ padding:3px 0px !important; *padding:0px !important; margin:0px !important; clear:both; } #col-content .form-contact .fc-topics ul li input{ } #col-content .form-contact .fc-topics ul li label{ margin:0px; } /* =contact-us box - small right column */ #contact-us{ width:166px; background:url(../images/backgrounds/box-green-light-middle.gif) repeat-y left top #fff; margin-bottom:10px; position:relative; } #contact-us .box-body{ background:url(../images/backgrounds/box-green-light-top.gif) no-repeat left top; padding:10px 70px 5px 10px; min-height:71px; } * html #contact-us .box-body{ height:71px; } #contact-us .box-bottom{ background:url(../images/backgrounds/box-green-light-bottom.gif) no-repeat left bottom; } #contact-us *{ font:normal 10px Arial, Helvetica, sans-serif; color:#464646; } #contact-us h2, #contact-us h2 *{ color:#86a904; } #contact-us h2{ font-size:15px; font-weight:bold; margin-bottom:4px; } #contact-us ul{ } #contact-us ul li{ background:url(../images/bullet-green.gif) no-repeat left 4px; padding-left:7px; } #contact-us ul li a{ color:#505050; font-size:11px; line-height:12px; } #contact-us .toRight{ position:absolute; right:1px; bottom:1px; } * html #contact-us .toRight{ bottom:0px; } /* =generic blue box - right column */ .box-blue{ width:202px; margin-bottom:10px; background:url(../images/backgrounds/box-blue-middle-w202.gif) repeat-y left top; } .box-blue .box-body{ background:url(../images/backgrounds/box-blue-top-w202.gif) no-repeat left top; min-height:35px; padding:10px 10px 0px 10px; } .box-blue .box-body *{ font:normal 11px Arial, Helvetica, sans-serif; color:#1a2e3e; } .box-blue .box-body .toLeft{ margin-bottom:10px; *margin-bottom:0px; } .box-blue .box-body p{ color:#d7e4ee; margin-bottom:10px; } .box-blue .box-body h2, .box-blue .box-body h3{ color:#dce6ea; font:normal 16px/17px Arial, Helvetica, sans-serif; margin-bottom:5px; } .box-blue .box-body h3{ font:bold 13px/15px Arial, Helvetica, sans-serif; margin-bottom:10px; } .box-blue .box-body h2.center, .box-blue .box-body h3.center{ padding-top:7px; } .box-blue .box-body .dropdown-list{ /*dropdown list*/ margin-bottom:4px; background:url(../images/backgrounds/dropdown-list-w183.gif) no-repeat left top; height:23px; } .box-blue .box-body .dropdown-list a{ display:block; text-decoration:none; padding:4px 10px; } .box-blue .search-form, .box-blue .subscribe-form{ background:url(../images/buttons/btn-search-form.gif) no-repeat left top; width:55px; height:21px; border:none; float:right; cursor:pointer; margin-top:5px; margin-bottom:5px; } .box-blue .search-form{ background:url(../images/buttons/btn-search-form.gif) no-repeat left top; width:55px; } .box-blue .subscribe-form{ background:url(../images/buttons/btn-subscribe-form.gif) no-repeat left top; width:73px; } .box-blue .text-big{ color:#d7e4ee; } .box-blue .box-bottom{ background:url(../images/backgrounds/box-blue-bottom-w202.gif) no-repeat left bottom; padding:2px 10px 8px 10px; min-height:10px, } .box-blue .box-bottom .left{ padding-top:5px; } .box-blue .box-bottom label{ color:#fff; } #col-right .box-blue .control-wlabel{ position:relative; } #col-right .box-blue .control-wlabel label{ left:5px; } #col-right .box-blue .control-wlabel input{ border:1px solid #436278; background-color:#f3f7fa; width:173px; padding:2px 4px; margin-bottom:3px; } .box-blue .box-body select{ padding:1px 0px; *padding:1px 10px; margin:1px 0px 3px 0px; width:100%; background-color:#f3f7fa; } /*#col-right .box-blue .control-wlabel input,*/ #col-right .box-blue .control-wlabel label{ color:#7d7d7d; } /* =generic silver/red box- small right column */ .box-silver, .box-red{ width:166px; margin-bottom:10px; } .box-silver{ background:url(../images/backgrounds/box-silver-light-middle.gif) repeat-y left top #fff; } .box-red{ background:url(../images/backgrounds/box-red-light-middle.gif) repeat-y left top #fff; } .box-silver .box-body, .box-red .box-body{ padding:10px 10px 5px 10px; } .box-silver .box-body{ background:url(../images/backgrounds/box-silver-light-top.gif) no-repeat left top; } .box-red .box-body{ background:url(../images/backgrounds/box-red-light-top.gif) no-repeat left top; } .box-silver .box-bottom, .box-red .box-bottom{ height:5px; } .box-silver .box-bottom{ background:url(../images/backgrounds/box-silver-light-bottom.gif) no-repeat left bottom; } .box-red .box-bottom{ background:url(../images/backgrounds/box-red-light-bottom.gif) no-repeat left bottom; } * html .box-silver .box-bottom, * html .box-red .box-bottom{ /* hack IE 6 */ margin-top:-7px; } .box-silver *, .box-red *{ font:normal 10px/11px Arial, Helvetica, sans-serif; color:#464646; } #col-right .box-silver .box-body p{ margin-bottom:5px; padding:0px; } #col-right .box-silver .box-body .read-more{ font-size:10px; } /* red */ .box-red h2{ color:#c52027; font:bold 15px/16px Arial, Helvetica, sans-serif; margin-bottom:10px; } .box-red .toLeft{ margin:-5px 5px 0px -5px; } .box-red p{ margin-bottom:5px; } .box-red .started-link{ background:url(../images/buttons/get-started.gif) no-repeat right 1px; font-size:11px; font-weight:bold; padding-right:15px; } /* silver */ .box-silver h2{ font:bold 12px Arial, Helvetica, sans-serif; color:#252525; margin-bottom:10px; } .box-silver .toLeft{ margin-right:5px; margin-left:-5px; margin-top:-2px; } .box-silver a{ text-decoration:underline !important; color:#0071a9; font-size:11px; line-height:normal; } .box-silver p{ padding-top:5px; margin-bottom:5px; } .box-silver p, .box-silver p *{ line-height:10px; } .box-silver ul li{ background:url(../images/backgrounds/box-silver-list-separator.gif) no-repeat center bottom; padding-bottom:15px; margin-bottom:10px; } .box-silver ul li:last-child, .box-silver ul li.last-child{ padding-bottom:0px; margin-bottom:0px; } /*clearfix*/ .box-silver ul li:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .box-silver ul li{display: inline-block;} /* Hides from IE-mac \*/ * html .box-silver ul li{height: 1px;} .box-silver ul li{display: block;} /* End hide from IE-mac */ /* =table with 2cols, 3cols, 4cols */ #col-content .table-2cols, #col-content .table-3cols, #col-content .table-4cols, #col-content .table-4cols-blue{ /*padding-top:5px;*/ width:100%; overflow:hidden; } /* clearfix */ .table-row:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* .clearfix{display: inline-table;} */ .table-row{display: inline-block;} /* Hides from IE-mac \*/ * html .table-row{height: 1px;} .table-row{display: block;} /* End hide from IE-mac */ #col-content .table-2cols .table-row, #col-content .table-3cols .table-row, #col-content .table-4cols .table-row, #col-content .table-4cols-blue .table-row{ margin-right:-16px; clear:both; } #col-content .table-2cols .table-col, #col-content .table-3cols .table-col, #col-content .table-4cols .table-col, #col-content .table-4cols-blue .table-col{ float:left; background:url(../images/backgrounds/shadow-w372.gif) no-repeat left top #fff; padding:10px 15px 25px 15px; } #col-content .table-2cols .table-col{ margin-right:16px; width:342px; } #col-content .table-3cols .table-col{ margin-right:14px; width:214px; } #col-content .table-4cols .table-col, #col-content .table-4cols-blue .table-col{ margin-right:14px; width:141px; } #col-content .table-2cols .table-col h2, #col-content .table-3cols .table-col h2, #col-content .table-4cols .table-col h2, #col-content .table-4cols-blue .table-col h2{ font-size:16px; font-weight:bold; margin-bottom:1px; word-spacing:3px; } #col-content .table-2cols .table-col p, #col-content .table-3cols .table-col p, #col-content .table-4cols .table-col p, #col-content .table-4cols-blue .table-col p{ font-size:11px; color:#363636; margin-bottom:10px; } #col-content .table-2cols .table-col ul, #col-content .table-3cols .table-col ul, #col-content .table-4cols .table-col ul, #col-content .table-4cols-blue .table-col ul{ margin-bottom:10px; margin-top:2px; } #col-content .table-2cols .table-col ul a, #col-content .table-3cols .table-col ul a, #col-content .table-4cols .table-col ul a, #col-content .table-4cols-blue .table-col ul a{ color:#0071a9; text-decoration:none; } #col-content .table-2cols .table-col ul li, #col-content .table-3cols .table-col ul li, #col-content .table-4cols .table-col ul li, #col-content .table-4cols-blue .table-col ul li{ margin:4px 0px; background:url(../images/bullet-blue.gif) no-repeat 2px 5px; padding-left:15px; } /* =table with 4cols */ .trc #col-content .table-4cols, .trc #col-content .table-4cols-blue, .trc-small #col-content .table-4cols-blue{ overflow:hidden; width:724px; margin-top:10px; background:url(../images/backgrounds/bg-header-shadow-w696.gif) no-repeat 10px top; padding-top:15px; } .trc #col-content .table-4cols .table-row, .trc #col-content .table-4cols-blue .table-row, .trc-small #col-content .table-4cols-blue .table-row{ margin:0px; background:url(../images/backgrounds/bg-separatorh-w185.gif) repeat-x left bottom; padding-bottom:35px; margin-bottom:5px; } .trc #col-content .table-4cols .table-col .trc #col-content .table-4cols-blue .table-col, .trc-small #col-content .table-4cols-blue .table-col{ /* 180px */ padding:0px 15px; width:150px; margin:5px 0px 0px 0px; border-right:1px solid #d7d7d7; background:none; } .trc #col-content .table-4cols .table-row div.last-child, .trc #col-content .table-4cols-blue .table-row div.last-child, .trc-small #col-content .table-4cols-blue .table-row div.last-child{ border:none; } .trc #col-content .table-4cols .table-col h2.red, .trc #col-content .table-4cols-blue .table-col h2.red, .trc-small #col-content .table-4cols-blue .table-col h2.red{ font-size:12px; margin-bottom:10px; } .trc #col-content .table-4cols .table-col h2.red, .trc #col-content .table-4cols-blue .table-col h2.red, .trc-small #col-content .table-4cols-blue .table-col h2.red, .trc #col-content .table-4cols .table-col h2.red sup, .trc #col-content .table-4cols-blue .table-col h2.red sup, .trc-small #col-content .table-4cols-blue .table-col h2.red sup{ color:#c42026; } .trc #col-content .table-4cols .table-col p, .trc #col-content .table-4cols-blue .table-col p, .trc-small #col-content .table-4cols-blue .table-col p{ margin-bottom:5px; } .trc #col-content .table-4cols .table-col a, .trc #col-content .table-4cols-blue .table-col a, .trc-small #col-content .table-4cols-blue .table-col a{ font-size:10px; } .trc #col-content .table-4cols .table-header, .trc #col-content .table-4cols-blue .table-header, .trc-small #col-content .table-4cols-blue .table-header{ background:url(../images/backgrounds/bg-header-w696.gif) no-repeat left top; width:696px; margin:-15px 14px 0px 14px; padding:6px 10px; position:relative; } .trc #col-content .table-4cols .table-header h2, .trc #col-content .table-4cols-blue .table-header h2, .trc-small #col-content .table-4cols-blue .table-header h2{ font-size:16px; } .trc #col-content .table-4cols .table-header .view-all, .trc #col-content .table-4cols-blue .table-header .view-all, .trc-small #col-content .table-4cols-blue .table-header .view-all{ position:absolute; right:35px; top:8px; color:#252525; font-size:10px; } .trc #col-content .table-4cols .table-col h2.red, .trc #col-content .table-4cols .table-col h2.orange, .trc #col-content .table-4cols .table-col h2.blue, .trc #col-content .table-4cols-blue .table-col h2.red, .trc #col-content .table-4cols-blue .table-col h2.orange, .trc #col-content .table-4cols-blue .table-col h2.blue, .trc-small #col-content .table-4cols-blue .table-col h2.red, .trc-small #col-content .table-4cols-blue .table-col h2.orange, .trc-small #col-content .table-4cols-blue .table-col h2.blue{ font-size:12px; margin-bottom:10px; } .trc #col-content .table-4cols .table-col h2.blue, .trc #col-content .table-4cols-blue .table-col h2.blue, .trc-small #col-content .table-4cols-blue .table-col h2.blue{ margin-bottom:0px; } .trc #col-content .table-4cols .table-col h2.red, .trc #col-content .table-4cols-blue .table-col h2.red, .trc-small #col-content .table-4cols-blue .table-col h2.red{ color:#c42026; } .trc #col-content .table-4cols .table-col h2.orange, .trc #col-content .table-4cols-blue .table-col h2.orange, .trc-small #col-content .table-4cols-blue .table-col h2.orange{ color:#d27100; } /* =for columns with 3-4 */ .trc #col-content .table-3cols .no-shadow, .trc #col-content .table-4cols .no-shadow, .trc #col-content .table-4cols-blue .no-shadow, .trc-small #col-content .table-4cols-blue .no-shadow{ background:none; margin-bottom:0px; padding-bottom:0px; } /* Color Style +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* =style-red */ .style-red{ } /* =style-orange */ .style-orange{ } .style-orange ul#lhn li a{ background-image:url(../images/backgrounds/lhn-bg-orange-off.gif); } .style-orange ul#lhn li.selected a{ background-color:#db7907; background-image:url(../images/backgrounds/lhn-bg-orange-on.gif); } .style-orange ul#lhn li ul li a{ color:#e17d09; } .style-orange ul#lhn li ul li a, .style-orange ul#lhn li.selected ul li a{ /* A tag - level 1 */ background-image:url(../images/backgrounds/lhn-bullet-orange.gif); background-color:transparent; } .style-orange ul#lhn li.selected ul li.selected a{ background-image:url(../images/backgrounds/lhn-bullet-orange-down.gif); } .style-orange ul#lhn li.selected ul li.selected ul li a{ background:none; } .style-orange ul#lhn li.selected a.here{ color:#0071a9 !important; font-weight:bold !important; /*text-decoration:underline !important;*/ } .style-orange ul#lhn li.selected a.here sup{ text-decoration:none !important; color:#0071a9 !important; } /* =style-blue */ .style-blue{ } .style-blue ul#lhn li a{ background-image:url(../images/backgrounds/lhn-bg-blue-off.gif); } .style-blue ul#lhn li.selected a{ background-color:#243e56; background-image:url(../images/backgrounds/lhn-bg-blue-on.gif); } .style-blue ul#lhn li ul li a{ color:#3f586e; } .style-blue ul#lhn li ul li a, .style-blue ul#lhn li.selected ul li a{ /* A tag - level 1 */ background-image:url(../images/backgrounds/lhn-bullet-blue.gif); background-color:transparent; } .style-blue ul#lhn li.selected ul li.selected a{ background-image:url(../images/backgrounds/lhn-bullet-blue-down.gif); } .style-blue ul#lhn li.selected ul li.selected ul li a{ background:none; } .style-blue ul#lhn li.selected a.here{ color:#3f586e !important; font-weight:bold !important; /*text-decoration:underline !important;*/ } .style-blue ul#lhn li.selected a.here sup{ text-decoration:none !important; color:#3f586e !important; } /* =style-green */ .style-green{ } .style-green ul#lhn li a{ background-image:url(../images/backgrounds/lhn-bg-green-off.gif); } .style-green ul#lhn li.selected a{ background-color:#95b62b; background-image:url(../images/backgrounds/lhn-bg-green-on.gif); } .style-green ul#lhn li ul li a{ color:#6d9a08; } .style-green ul#lhn li ul li a, .style-green ul#lhn li.selected ul li a{ /* A tag - level 1 */ background-image:url(../images/backgrounds/lhn-bullet-green.gif); background-color:transparent; } .style-green ul#lhn li.selected ul li.selected a{ background-image:url(../images/backgrounds/lhn-bullet-green-down.gif); } .style-green ul#lhn li.selected ul li.selected ul li a{ background:none; } .style-green ul#lhn li.selected a.here{ color:#6d9a08 !important; font-weight:bold !important; } .style-green ul#lhn li.selected a.here sup{ text-decoration:none !important; color:#6d9a08 !important; }