/**************************************/ /* COMMONS */ /**************************************/ body {font-size: 62.5%; font-family: Arial, sans-serif; color: #000; background: #F8F8F8 url(../../img/images/wrapper_bg.jpg) 0 28px repeat-x;} /*#header, #main-nav, #content, #footer, #footer-meta {width: 100%;}*/ #header, #main-nav, #content, #footer, #footer-meta {width: 1000px; margin: 0 auto;} .meta, .header, .page, .content, .footer, #nav, .footer-meta {margin: 0 auto; max-width: 1000px; overflow: hidden;} #header {border-bottom: 1px solid #e0e0e0;} /* Colors */ a.blue {color: #206aad;} .red {color: #d70000;} .underline {text-decoration: underline !important;} .b {font-weight: bold;} .f-18 {font-size: 1.8em;} /* Country versions */ #header, #content, #footer {position: relative;} #header {z-index: 0;} #content, #footer {z-index: 1;} .version {position: absolute; display: block; width: 108px; height: 356px; top: 170px; left: -80px;} /**************************************/ /* HEADER */ /**************************************/ .wrapper{ background: url(../../img/content_bg.png) center 160px no-repeat;} .header {background: url(../../img/images/brand_bg.png) 100px 0 no-repeat;} #header #nav, #header .logo {width: 100%; float: left;} /* Member area */ .member .header {background: #fff;} .member #back_to_homepage {padding-left: 5px;} #header.member .header {padding-bottom: 0;} #header.member .brand{background: url(../../img/member_brand.png) no-repeat 6px 0; padding: 0 0 0 6px;} #header.member .brand h1#logo {margin: 0;} #header.member .brand h1#logo a {display: block; background:transparent url(../../img/member_logo.png) no-repeat scroll 0 0;} #header.member ul#completed {font-size: 1.1em; font-weight: bold; margin-left:10px;} #header.member ul#completed li {padding: 4px 0 2px 0;} #header.member ul {float: left;} #header.member ul#profile_parts {width: 230px; margin-left: 30px;} #header.member ul#profile_parts li {font-size: 0.9em; height: 15px; float: left; margin-top:4px; padding: 2px 0 0 17px; width: 95px; background: url(../../img/member_btn.png) no-repeat;} #header.member ul#profile_parts li.active, #header.member ul#profile_parts li:hover {background: url(../../img/member_btn-active.png) no-repeat; cursor: pointer;} #header.member ul li a.checkout {background: url(../../img/member_checkout.png) no-repeat; display:inline-block; height:37px; text-indent:-9999px; width:85px; margin-top: 5px;} #header.member ul#shopping-cart {font-size: 1.2em; padding-top: 15px; padding-right: 5px;} #header.member ul#shopping-cart li a {background: url(../../img/images/cart.png) no-repeat; padding-left: 22px;} #header.member ul#shopping-cart span {padding:0 10px 0 20px;} #content.member {padding: 0;} /* PREHEADER */ .preheader {background: #fff; padding: 10px 0 0 0; height: 18px;} .advertise .preheader {padding: 0; height: 28px;} .meta {overflow:visible; position:relative;} .lang li {float: left} .lang-select:hover .lang-subnav {display:block;} .lang-subnav {background:#fff; border-bottom:1px solid #616161; border-left:1px solid #F2F2F2; border-right:1px solid #9B9B9B; display:none; float:none !important; left:239px; margin:0 !important; padding:5px 0; position:absolute; width:106px; z-index:109;} .lang-subnav a {background:url(../../img/images/icons/arrow.gif) no-repeat scroll 0 3px transparent; color:#000000 !important; padding-left:9px;} .lang-select {background:url(../../img/images/icons/arrow-down.gif) no-repeat scroll 90% 5px} .lang-select:hover {background:url(../../img/images/icons/arrow-down.gif) no-repeat scroll 90% 5px #fff; border-left:1px solid #F2F2F2 !important; border-right:1px solid #9B9B9B; border-top:1px solid #E5E5E5;} .lang-select-link {display:inline-block; width:96px; z-index:110; float: none !important;} .nav-meta {float: right;} .advertise .nav-meta {padding-top:10px;} .nav-meta li, .lang li {float: left; color: #bfbfbf; font-size: 1.1em;} .lang-subnav li {font-size: 1em; display: block; float: none; padding: 3px 7px 2px !important} .lang_title {color: #000 !important; font-weight: bold;} .nav-meta a, .lang_link, .lang-select-link, .open {color: #003f77 !important; padding: 0 5px;} .lang_link.active {color: #c73c2f !important;} /* Search */ #search-box {margin:0 auto; overflow:auto; width:1000px; display: none; background: #223850; border: 1px solid #D7D7D7; position: relative; padding-top: 15px;} #search-box ul {padding: 0 10px 10px 100px;} #search-box li {border: none; padding: 0;} #search-box form {width: 100%; clear: both;} #search-box p {float:left; display: inline-block;} #search-box p.submit { margin-left:7px; margin-top:1px;} #search-box .search_button {display:inline-block;} #search-box input {vertical-align:middle; font-size: 1.2em; width: 698px; border: none; padding: 4px 0 4px 5px; background: url(../../img/images/search-bg.jpg) no-repeat; margin-right: 5px;} #search-box a {margin: 3px 0 5px; color: #fff; text-decoration:underline; float: right; padding-right:195px;} a.close {position: absolute; right:5px; top:5px; color: #fff; float: right; display: block; margin-top:0; padding-right: 15px !important; background: url(../../img/images/icons/close.gif) right 2px no-repeat;} .open {cursor: pointer;} /* NAVIGATION */ .ie #nav ul.nav {float: left; width: 98.5%; margin: 0 6px; background: #0f1011 url(../../img/ie-nav_bg.png) no-repeat; padding-left: 0.3%;} .advertise #nav ul.nav {width: 98.1%; padding-left: 0.5%;} #nav {height:43px; position:relative; overflow: visible;} .advertise#nav {height:58px;} #nav ul.nav li {float: left; position: relative; background: url(../../img/images/icons/divider1.gif) right 12px no-repeat;} .advertise#nav ul.nav li {background: none;} #nav ul.nav li.active, #menu_rankings {background: none !important;} .webkit #nav ul.nav li {float: left; padding: 1em 1.295em 1em 1.3em !important;} #nav ul.nav li.active a, .header ul.nav li:hover a, .header ul.nav li:hover span{color: #fff !important; text-decoration: none;} #nav ul.nav li a {display: block; color: #1b356b; font-size: 1.3em; text-indent: -9999px; background-image: url(../../img/images/menu_text.png); background-repeat: no-repeat; height:33px; margin: 0 5px;} #nav .submenu.research a {margin: 0; height: auto !important; background: none !important;} #nav .submenu.apply a {margin: 0; height: auto;} #nav .submenu_link {background: url(../../img/images/icons/arrow.gif) no-repeat 0 3px !important; height: 21px !important;} .advertise#nav ul.nav li a {background-image: url(../../img/images/menu_text-adv.png); height: 48px;} #menu_index.active span.corner, #nav li:hover span.corner{z-index: 102; background: url(../../img/images/menu_corners.png) no-repeat; position: absolute; width: 5px; height: 33px; display: block;} .advertise#nav .active span.corner, .advertise#nav li:hover span.corner {height: 48px;} #menu_index.active span.corner.l, .advertise #nav li:hover span.corner.l {background-position: 0 0; top: 0; left: 0;} #nav ul.nav li em{display:block;position:relative; z-index:102; width: 100%;} #nav ul.nav li:hover em {background: url(../../img/images/menu_corners.png) 0 -100px repeat-x; float: left; width: 100%;} #menu_index.active span.corner.l, #menu_index.active:hover span.corner.l {background-position: 0 0; top: 0; left: 0;} #nav li:hover span.corner.l {background-position: 0 -50px; top: 0; left: 0;} #menu_index.active span.corner.r, #menu_index.active:hover span.corner.r {background-position: 100% 0; top: 0; right: 0;} #nav li:hover span.corner.r {background-position: 100% -50px;top: 0; right: 0;} .ie8 #nav ul.nav li {padding: 10px 12.5px 10px 13.1px;} .ie7 #nav ul.nav li, .opera #nav ul.nav li, .webkit #nav ul.nav li {padding: 10px 12px 10px 13px;} #menu_index {width: 63px;} #menu_index a{background-position: 7px -13px;} #menu_index.active a {background-position: 8px 10px; background-color: #4971bf;} #menu_directory {width: 160px;} #menu_directory a, #menu_directory:hover a {background-position: -60px -13px;} #menu_research {width: 95px;} #menu_research a, #menu_research:hover a {background-position: -220px -13px; } #menu_evaluation {width: 170px;} #menu_evaluation a, #menu_evaluation:hover a {background-position: -317px -13px;} #menu_apply {width: 65px;} #menu_apply a, #menu_apply:hover a {background-position: -485px -13px;} #menu_rankings {width: 130px;} #menu_rankings a, #menu_rankings:hover a {background-position: -550px -13px;} ul.submenu {position: absolute; top: 31px; z-index: 101; display: none;} a.submenu_link {padding-left:9px; height:21px;} ul#menu li:hover ul.submenu {display: block;} .submenu div.sub {background: #fff; float:left; position:relative; top:7px; left:0; padding: 15px 15px 5px 15px;} .submenu h4 {font-size: 1.5em; font-weight: bold;} h4.submenu_heading {padding-bottom:10px;} .submenu dl {float: left;} .submenu dl.services {width: 400px;} .submenu dl.software {width: 200px;} .submenu.research a.submenu_link {padding-left: 0; background: none !important; height:auto !important;} a.submenu_dt_link.services {width: 400px;} .submenu.vendor a.submenu_dt_link {background: none !important; padding: 0 !important; margin: 0 !important;} .submenu.vendor a.submenu_link {margin: 0 !important;} .submenu_dt {color: #004f96; font-size: 1.3em; font-weight: bold; padding-bottom:5px;} .submenu_dd {float:left; width:200px;} .submenu_dd.software{width:190px; } a.submenu_link{background: url(../../img/images/icons/arrow.gif) 0 3px no-repeat; padding-left: 9px;line-height: 1.3em !important; text-indent: 0 !important; color: #000 !important; font-weight: normal !important; font-size: 1em !important; text-align: left !important;} .submenu a.submenu_dt_link {color: #004f96 !important; font-weight: bold !important; background: none !important; text-indent: 0 !important; height: auto !important; font-size:1em !important;} a.submenu_link:hover {color: #e40000 !important;} .spacer, .rounded {position: absolute; display: block;} .rounded {background: url(../../img/images/rounded.png) no-repeat;} .rounded.tl {background-position: 0 0; width: 7px; height: 7px; top: 0; left: -7px;} .rounded.bl {background-position: 0 -7px; width: 7px; height: 10px; bottom: -17px; left: -7px;} .rounded.br {background-position: -7px -7px; width: 7px; height: 10px; bottom: -17px; right: -7px;} .rounded.tr {background-position: -7px 0; width: 7px; height: 7px; top: 0; right: -7px;} .tright {position: absolute; top: 0; right: -6px; background: url(../../img/images/rounded.png) 0 100% no-repeat; width: 6px; height: 7px;} .spacer.left {background: url(../../img/images/rounded.png) repeat-y; background-position: -14px 0; width: 7px; height:100%; top: 7px; left: -7px;} .spacer.right {background: url(../../img/images/rounded.png) repeat-y; background-position: 100% 100%; width: 6px; height:100%; top: 7px; right: -6px;} .spacer.top {background: url(../../img/images/spacer-tb.png) repeat-x; background-position: 0 0; height: 7px; width:100%; top: 0; left:0;} .spacer.bottom {background: url(../../img/images/spacer-tb.png) repeat-x; background-position: 100% 100%; height: 11px; width:100%; bottom:-18px; left:0;} .submenu.rankings {right:5px;} .submenu.rankings div.sub{width: 600px;} .submenu.vendor {left: -72px;} .submenu.vendor div.sub{width: 600px;} .submenu.research {left:-100px;} .submenu.research div.sub {width: 610px;} .submenu.research dl {width: 203px; padding-bottom: 20px;} .submenu.evaluation {left: -50%;} .submenu.evaluation div.sub{width: 600px;} .submenu.apply {right: 5px;} .submenu.apply div.sub{width: 200px;} #menu_banner {width: 114px;} #menu_banner a {background-position: 7px 12px;} #menu_video {width: 110px;} #menu_video a, #menu_video:hover a {background-position: -106px 12px;} #menu_audience-profile {width: 88px;} #menu_audience-profile a, #menu_audience-profile:hover a {background-position: -222px 12px;} #menu_policies {width: 110px;} #menu_policies a, #menu_policies:hover a {background-position: -315px 12px;} #menu_specifications {width: 130px;} #menu_specifications a, #menu_specifications:hover a{background-position: -430px 12px;} #menu_upload {width: 110px;} #menu_upload a, #menu_upload:hover a {background-position: -564px 12px;} /* BRAND */ .logo h1#logo {text-indent:-9999px; float: left; font-size: 2em; margin: 15px 0 5px 5px;} .logo h1#logo a {display: block; background: url(../../img/bwda_logo.png) no-repeat; width: 166px; height: 85px;} .logo p.banner {float: right; width: 728px; height: 90px; margin: 11px 0 11px 20px;} .logo p.banner a {display: block; width: 100%; height: 100%;} .logo p.banner img {border: 1px solid #c3c3c3;} .advertise .logo {background: url(../../img/images/advertise-top.jpg) center 9px no-repeat; height: 217px;} .advertise .logo a {background: url(../../img/images/bwda-link.png) no-repeat; height: 40px; width: 475px; text-indent: -9999px; display: block; margin: 25px 0 0 210px;} /**************************************/ /* CONTENT */ /**************************************/ #content.advertise{padding: 0;} #contents input.browse {height: auto !important;} /* layout */ .col1, .col2, .col3, .banner {float: left;} /* homepage */ .index .col1 {width: 524px;} .index .col1 .section {width: 522px;} .index .col2, .index .col2 .section {width:456px;} .index .col3, .index .col3 .section {width: 427px;} .index .col1 {margin-top: 30px;} .index .col2 {margin: 30px 0 0 20px;} .index .col3 {margin-right: 6px;} /* breadcrumbs */ ul#breadcrumbs {background: #fff; font-size: 1.2em; border-bottom: 5px solid #ececec; border-top: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; float:left; font-family: Arial; text-transform: uppercase; padding: 10px 0 10px 12px; width:99%;} ul#breadcrumbs li {float:left; padding-right: 8px;} ul#breadcrumbs li a.arrow {background: url(../../img/icons/arrow.gif) right center no-repeat;padding-right: 12px;} ul#breadcrumbs li.active, ul#breadcrumbs li.active span {background: url(../../img/breadcrumbs_bg.gif) no-repeat; height: 18px;} ul#breadcrumbs li.active {background-position: 0 0;} ul#breadcrumbs li.active span {color: #e0786a; display:inline-block; padding: 0 10px 0 10px; background-position: 100% -18px;} ul#breadcrumbs li a, ul#breadcrumbs li.active span {padding-top: 2px; height: 16px;} ul#breadcrumbs li a {color:#959595; display: block;} /* page title */ h1.title {text-transform: uppercase; background: #f2f9fe url(../../img/pagetitle_bg.png) repeat-x scroll 0 0; border: 1px solid #d7d7d7; color: #454545; font-size: 2.2em; font-weight: bold; font-family: Arial; float: left; width: 97.7%; margin: 6px; padding: 6px 0 5px 10px;} /**************************************/ /* FOOTER */ /**************************************/ #footer {background: #324975; font-size: 1.1em;} .footer {width: 90em; padding-bottom: 5px;} .footer-meta {padding-top:13px;} #footer_menu {height: 220px;background: transparent url('../../img/images/bg-sprites-home.png') repeat-x 0 -158px; padding: 20px 0 0 0; text-align: center;border-top: 3px solid #0652aa;} #footer_menu ul {margin-top: 3px;width:100%;border:0px solid #ff0000;} #footer_menu a {color: #fff;} #footer_menu .meta {float: left; width:100%;} #footer_menu dl {float: left; margin: 0 60px 0 25px; width: 170px;} #footer_menu dl.last-child {margin-right: 0;} #footer_menu dt {letter-spacing: -0.7px; text-align: left; font-size: 2em; color: #fff; border-bottom: 3px solid #5b729d; padding-bottom: 5px; margin-bottom: 5px;} #footer_menu dd {border-bottom: 1px solid #5b729d; text-align: left; line-height: 180%; padding-bottom:2px; padding-top:2px;} #footer_menu dd.last-child {border: none;} #footer_menu span.select {color: #000; display:inline-block; background: #fff url(../../img/images/select_shadow.png) 135px 100% no-repeat; cursor: pointer; padding: 0 35px 0 5px; width:120px; border: 1px solid #104677;} #footer_menu ul.select {display: none; position: absolute; margin-top: 0; left: 0;top: 17px; background: url(../../img/images/select_shadow.png) right top repeat-x; width: 207px; height: 242px;} .footer_menu_list li {border-bottom: 1px solid #5b729d; display:inline-block; margin:1px 20px 3px 10px; width:175px;} #footer_menu ul.select li.first-child {padding-top: 10px;} #footer_menu ul.select li.last-child {border: none;} .footer_menu_list {border: none; position: relative;} .footer_menu_list:hover ul{display: block !important;} #copyright {float: left;margin: 0 5px 5px 5px; width: 700px; font-size: 1.1em;} #copyright p, #copyright ul {float: left;} #copyright li {display: inline;} #copyright a {padding: 0 10px 0 5px;} #disclosure a {display:inline-block;height:15px !important;text-indent:-9999px;width:116px;margin-left:5px; background-position: -464px -4px !important;} #footer p.note {line-height:150%; display: block; float: none !important;} #suggestions {float: right; font-size: 1.1em;} #suggestions li {display: inline;} #suggestions a {float: left;display: block;height: 18px;padding: 3px 10px 1px 10px;} #make_a_suggestion a {background: transparent url('../../img/images/bg-sprites-home.png') no-repeat 100% -136px;} #report_error a {padding-right: 25px !important; background-position: 136px 0 !important;} #flow {position: fixed; width: 100%; height: 90px; left: 0; z-index: 99; bottom: -100px; background: url(../../img/images/flow_bg.gif) repeat-x;} #flow .flow {position: relative; margin: 0 auto; width: 1000px; background: url(../../img/images/brand_bg1.png) top center no-repeat; height: 90px;} #flow .brand-seal {background: url(../../img/images/brand_seal.png) no-repeat; width: 228px; height: 135px; display: block; position: absolute; top: -45px; left: 0;} #flow p {width: 99%; position: absolute; top: 1px; text-align: right; color: #677084; left: 0;} #flow a {text-decoration: underline; color: #fff; font-size: 1.1em; font-weight: bold;} #flow a.rankings-btn {background: url(../../img/images/rankings-btn.png) no-repeat; width: 198px; height: 31px; right: 0; top: 45px; display: block; position: absolute;} #flow a.close-link {background: url(../../img/images/icons/close.gif) 0 2px no-repeat; padding-left: 18px; padding-right: 7px;} #flow a.close-forever {padding-left: 7px;} #flow h1 {text-indent: -9999px; display: block; height: 68px; width: 580px; float: left; visibility: visible; margin-left:250px; margin-top:24px;} #flow h1.web-design {background: url(../../img/images/banner-text/best-web-design-companies.png) no-repeat;} #flow h1.android-development {background: url(../../img/images/banner-text/best-android-development-companies.png) no-repeat;} #flow h1.aspnet-development {background: url(../../img/images/banner-text/best-asp-net-development-companies.png) no-repeat;} #flow h1.blackberry-development {background: url(../../img/images/banner-text/best-blackberry-development-companies.png) no-repeat;} #flow h1.branding {background: url(../../img/images/banner-text/best-branding-companies.png) no-repeat;} #flow h1.cakephp-development {background: url(../../img/images/banner-text/best-cakephp-development-companies.png) no-repeat;} #flow h1.coldfusion-development {background: url(../../img/images/banner-text/best-coldfusion-development-companies.png) no-repeat;} #flow h1.content-management {background: url(../../img/images/banner-text/best-content-management-companies.png) no-repeat;} #flow h1.drupal-development {background: url(../../img/images/banner-text/best-drupal-development-companies.png) no-repeat;} #flow h1.e-commerce-design {background: url(../../img/images/banner-text/best-e-commerce-design-companies.png) no-repeat;} #flow h1.flash-design {background: url(../../img/images/banner-text/best-flash-design-companies.png) no-repeat;} #flow h1.gui-design {background: url(../../img/images/banner-text/best-gui-design-companies.png) no-repeat;} #flow h1.interactive-design {background: url(../../img/images/banner-text/best-interactive-design-companies.png) no-repeat;} #flow h1.iphone-development {background: url(../../img/images/banner-text/best-iphone-development-companies.png) no-repeat;} #flow h1.joomla-development {background: url(../../img/images/banner-text/best-joomla-development-companies.png) no-repeat;} #flow h1.magento-solutions {background: url(../../img/images/banner-text/best-magento-solutions-companies.png) no-repeat;} #flow h1.oscommerce-development {background: url(../../img/images/banner-text/best-oscommerce-development-companies.png) no-repeat;} #flow h1.perl-development {background: url(../../img/images/banner-text/best-perl-development-companies.png) no-repeat;} #flow h1.php-development {background: url(../../img/images/banner-text/best-php-development-companies.png) no-repeat;} #flow h1.ruby-development {background: url(../../img/images/banner-text/best-ruby-development-companies.png) no-repeat;} #flow h1.symfony-development {background: url(../../img/images/banner-text/best-symfony-development-companies.png) no-repeat;} #flow h1.web-development {background: url(../../img/images/banner-text/best-web-development-companies.png) no-repeat;} #flow h1.web-strategy {background: url(../../img/images/banner-text/best-web-strategy-companies.png) no-repeat;} #flow h1.wordpress-development {background: url(../../img/images/banner-text/best-wordpress-development-companies.png) no-repeat;} /* image links on the bottom */ #links {margin-top: 10px; margin-bottom: 10px;} #links a {margin: 0 5px;} #links .icons, #report_error a, #disclosure a {background: url(../../img/images/meta.png) no-repeat; display: inline-block; height: 19px;} #links .qa {background-position: -20px 0; width: 86px;} #links .xhtml {background-position: -107px 0; width: 55px;} #links .w3c {background-position: -162px 0; width: 56px;} #links .wai {background-position: -220px 0; width: 54px;} #links .bobby {background-position: -275px 0; width: 56px;} #links .css {background-position: -332px 0; width: 57px;} #links .technorati {background-position: -390px; width: 18px;} #links .digg {background-position: -409px; width: 26px;} #links .delicious {background-position: -436px; width: 12px;} #links .stumble {background-position: -449px; width: 14px;} /**************************************/ /* BANNERS */ /**************************************/ /* supersize-it banner - 260 x 60 pixels */ .banner dl.supersize-it {float: left;} .banner dl.supersize-it dt, .banner dl.supersize-it dd {float: left; height: 70px;} .banner dl.supersize-it dt {width: 118px;} .banner dl.supersize-it dt img {} .banner dl.supersize-it dd {clear: right; padding: 0 6px 6px 10px; width: 291px;} .banner dl.supersize-it dd h3 {padding-bottom: 4px;} .banner dl.supersize-it dd h3 a {color: #003f77; text-decoration: underline; font-size: 1.1em;} /* value - 125 x 25 pixels */ .banner ul.value li {float: left; width: 145px; height: 60px; margin: 0 6px 6px 9px;} .banner ul.value li a {display: block;} .banner ul.value li h5 {text-align: center;} /* skyscraper - 125 x 243 pixels */ /* integrated rectangle - 125 x 125 pixels */ /* pop-up leaderboard - 1000 x 300 pixels then reduces to 1000 x 30 pixels */ .section.partners .holder a {display: block; width: 120px; height: 40px; margin-bottom: 10px;} .article_content {clear:both; margin:0 15px 21px; padding:7px 9px; width:737px; min-height:240px;} .article_content p {line-height:1.5em;} .article_content h5, .article_content p {font-size:1.2em;} .article_content h5 {margin-bottom:2px;} .advanced_search.ceo_spotlight.knowledge_zone_article.knowledge_zone_article_details .source {float:left; width:660px;} .source {background:none repeat scroll 0 0 #EDFBDC; border:1px solid #ACC58E; float:left; margin-left:15px; padding:5px 10px; width:735px;} .source h5 {display:inline; font-size:1.2em; font-weight:bold; padding-right:3px;} .source a {color:#0A18CD; font-size:1.2em; text-decoration:underline;} #feedback {float: left;} .col7 .adsense {float:left; margin:20px 0 0 20px;} .col17 .adsense {margin:20px 0 0 30px;} .adsense-details {float:right; margin-left:15px;} .advanced_search.ceo_spotlight.knowledge_zone_article.knowledge_zone_article_details .disclosure {width:655px;} .disclosure {background:none repeat scroll 0 0 #FDF98D; border:1px solid #D6D1D1; clear:both; padding:5px 10px;} .disclosure span {display:block; font-size:1.2em; font-weight:bold; padding:3px 0;} /* Safari, Chrome */ .webkit .i.text, .webkit .i.pass {border: 1px solid #bdbcbd; background: #fff url(../../img/input_bg.png) bottom repeat-x !important; width:185px;} .ceo_spotlight .box_type11, .jobs .box_type11 {margin:10px 0; padding-bottom:0;width:196px;} #contents.job_details_page .col17 .usual_text {line-height:1.2em; margin:6px 12px 14px 16px;} #contents.job_details_page .source h5 {margin-left:0;} .book_description, .about-author {margin-top:20px;} /* Submenu */ #submenu {width:200px; font-size:1.4em;} #submenu ul {padding:6px 30px 0 9px;} #submenu ul li {height:25px; border-bottom:1px solid #d7d7d7; padding:12px 0 0 5px;} #submenu ul li.active{color:#d70000; font-weight:700;} #submenu ul li.active a, #submenu ul li:hover a {color: #d70000; text-decoration: none;} #contents.violation {} #contents.violation .zoom {margin: 30px 0 0 30px; width: 127px; display: block; text-align: center;} #contents.violation .zoom:hover {text-decoration: none;} #contents.violation .zoom span:hover {text-decoration: underline;} #contents.violation .zoom span {padding-left:17px; font-size: 0.8em; color: #206aad; background: url(../../img/images/icons/zoom.gif) no-repeat;} #contents.violation .img-zoom {z-index: 102; display: none; left:215px; top:40px; position: absolute; margin: auto auto; background: url(../../img/images/violation-report-big.png) no-repeat; width: 581px; height: 957px;} #contents.violation .img-zoom .close {background-position:right 3px; color: #000; font-size: 0.9em; text-decoration:underline; text-indent:547px; width: 581px; height: 957px; display: block; margin-right: 30px;} .violation .main_text_area{background: url(../../img/images/violation_bg.png) no-repeat; padding: 20px 0 0 20px; width: 550px;} .violation .main_text_area h2 {font-size: 1.4em; padding-bottom: 10px} .violation .main_text_area p {line-height:1.5em; font-size:1.2em; margin:0 0 20px;} .violation .main_text_area h3 {font-size: 1.2em; padding-bottom:3px;} .violation .faq {padding-bottom: 50px;} .violation .answers dl dt {font-weight: bold; font-size: 1.2em; padding-bottom: 2px;} .violation h2.overview {padding-bottom:30px; background: url(../../img/images/text_ethics-violation.gif) no-repeat; width: 224px; height: 27px; text-indent: -9999px;} .violation .img {background: url(../../img/images/ethics-violations_graphic.png) 95% 0 no-repeat; padding-top:30px;} .violation.index .main_text_area {padding-top: 10px;} ul.levels {padding-bottom: 20px;} ul.levels li {font-size: 1.2em; padding: 5px 0 20px 45px; min-height:30px;} ul.levels li.one{background: url(../../img/images/icon_step-one.png) no-repeat;} ul.levels li.two{background: url(../../img/images/icon_step-two.png) no-repeat;} ul.levels li.three{background: url(../../img/images/icon_step-three.png) no-repeat;} ul.levels li.four{background: url(../../img/images/icon_step-four.png) no-repeat;} ul.levels li.five{background: url(../../img/images/icon_step-five.png) no-repeat;} .violation form ul li {float: left; font-size: 1.2em; padding-bottom:10px;} .violation form ul li.left {margin-right: 15px;} .violation form ul li label {font-weight: bold; display: block; padding-bottom: 2px;} .violation form ul li input {padding: 2px 0;} .violation form ul li input.text{width: 265px;} .violation form ul li input.full {width:548px;} .violation form ul li input.quarter {width: 114px; margin-right:13px;} .violation form ul li.last-child input.quarter {margin: 0;} .violation form .submit{font-size: 1.2em; background:url("../../img/images/buttonp.png") no-repeat scroll right top transparent; float:left; margin-top:10px; padding-right:1px;} .violation form .submit button{padding:0 30px 3px; vertical-align:middle; width:auto; border:0 solid #003366; background:url("../../img/images/button.png") no-repeat scroll left top transparent; color:#FFFFFF; float:left; font-size:1em; font-weight:bold; height:18px; margin:0; overflow:visible;} .violation span.ethics-violation {vertical-align:top; background: url(../../img/images/ethics-violation.gif) bottom no-repeat; display: inline-block; text-indent: -9999px; width: 98px; height: 14px;} .violation fieldset {border: none;} .violation ul.f-14 {padding-bottom: 20px; border-bottom: 1px solid #e0e1e1;} .violation ul.f-14 li{font-weight: bold; line-height:150%;} .violation form fieldset h2 {border-bottom: 2px solid #d6d7d7; margin-bottom:15px; margin-top: 20px;} .violation form ul li.full {width: 100%;} .violation form ul li.full label {display: inline-block;} .violation form ul li.full input {margin-left: 20px; margin-right: 5px;} .violation form ul li input.half {width: 265px;} .violation form ul li textarea.full {width: 550px; height:190px;} .violation form ul li.inline label {display: inline;} .violation form ul li.submit {float: right;} .violation form ul li.submit p.submit{font-size: 1em; margin-top: 0;} .violation .conflict-resolution {width: 538px; margin-right:40px; float:left;} .violation .conflict-resolution p.disclosure {font-size: 1em; width: 480px; margin-top: 10px} .violation .vertical_banner {float: right; margin-top: 20px; margin-right:30px;} .violation .code{border: 1px solid #b8d4e1; margin-bottom:40px;} .violation .code dl dt{padding: 5px 10px; font-size: 1.4em; background: #f3f8fb url(../../img/images/heading_bg.png) bottom repeat-x; font-weight: bold; border-top: 1px solid #e8f1f6;} .violation .code dl dd {padding: 8px 10px; font-size: 1.2em; background: #f4f8fb url(../../img/images/code_bg.png) bottom repeat-x; line-height: 150%;} #ethicsViolations {border:1px solid #D7D7D7; margin:10px 0 15px; width:197px;} #ethicsViolations h3 {background:url(../../img/images/ethics-violations.png) no-repeat 5px 5px; border:0 none; height:25px; padding:0; text-indent:-5000px;} #ethicsViolations p {margin:6px 4px 6px 7px;} #ethicsViolations input#search_pattern {border:1px solid #ACACAC; font-size:1.2em; margin-left:7px; margin-top:5px; padding:4px 3px; width:170px;} .violation form ul li input {padding:2px 0;} .violation form ul li {float:left; font-size:1.2em; padding-bottom:10px;} .results_ethicsViolations li.first-child {font-size:1.2em; font-weight:bold;} .results_ethicsViolations li.last-child {padding-top:8px; text-align:center;} .results_ethicsViolations {clear:both; padding-top:5px;} .results_ethicsViolations .level .threat0 {background:url(../../img/images/level0.png) repeat-y 0 0; height:100%;} .results_ethicsViolations .level {border:1px solid #000; height:15px; margin-top:5px; width:178px;} .results_ethicsViolations ul {margin:3px 6px 7px;} #ethicsViolations p {margin:6px 4px 6px 7px;} #ethicsViolations p.submit {background:url(../../img/images/buttonp.png) no-repeat right top; float:left; font-size:1em; margin-top:10px; padding-right:1px;} #ethicsViolations button {background:url(../../img/images/button.png) no-repeat left top; border:0 solid #003366; color:#fff; float:left; font-size:1em; font-weight:bold; height:18px; margin:0; overflow:visible; padding:0 3px 3px; vertical-align:middle; width:auto;} /* Blogs */ .box_register {margin:10px 0 0 2px; float: left;} .box_register a {display:block; height:140px; text-indent:-9999px; width:196px;} .box_register.blog-big a {background:url(../../img/images/addyourblogBig.jpg) no-repeat 0 0; height:145px; margin-bottom:20px; width:196px;} .box_register.company a {background:url(../../img/images/register-company-small.png) no-repeat 0 0;}