/* Main stylesheet for MI Pro Version 1.1 Colours: */ @import url("clearfix.css"); /****** RESET ******/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;} table {border-collapse:collapse; border-spacing:0; } fieldset,img {border:0; } ol,ul {list-style:none; } caption,th {text-align:left; } body {color:#4c4c4c; font:75%/1.6 Arial, sans-serif; background-color:#E6E6E6; } textarea, input {font:1.1em/1.6 Arial, sans-serif; } p {margin:0 0 11px; } a {color:#214987; text-decoration:none; } a:hover, a:focus {text-decoration:underline; } /****** PAGE STRUCTURE ******/ #sponsorswrapper {background-color:#1a1a1a; position:relative; z-index:10; } #wrapper {position:relative; z-index:3; margin:0 auto; width:1000px;} #wrapper-liner {width: 1000px; margin: 0 auto; background: #ffffff;} #header {width:1000px; margin:0 auto;} #header-liner {padding:0 20px 10px 20px; background:#fff; } #main {width:1000px; overflow:hidden; } #content {float:left; width:640px; padding:10px 20px 13px; position:relative; background:#FFFFFF;} #content-wide {padding:0 20px; } #sidebar {float:left; width:300px; margin:0 0 20px; } #sidebar-liner {background: #ffffff; padding: 10px 0;} #partner-site-news-wrapper {width:990px; overflow:hidden; padding:18px 0 23px 10px; background:#d9d9d9 url("/assets/images/bg_footer_arrow.gif") right bottom no-repeat; } #footerwrapper {background:#333 url(../images/footer-bg.png) 0 0 repeat-x; width: 100%;} #footer {width:1000px; min-width:1000px; margin:0 auto; padding:0 0 66px; } /*** HEADINGS ***/ h1 {padding:0px 0 10px; color:#333; font-size:2em; line-height:1em; margin-top:10px;} #content h2, #contentwrapper h2, #page-wide h2 {font-size: 1.5em; font-weight: bold; margin: 10px 0 10px 0;} #h1_wrap {position:relative; overflow:hidden; width:640px;} #h1_wrap h1 {float:left; border-top:0; width:500px; } #h1_wrap .link_right {position:absolute; bottom:8px; right:0; margin-bottom:0; } #h1_wrap .btn_right {margin-top:15px;} h2 {color:#333; font-size:1.5em; margin:10px 0; } h3 {margin:10px 0; font-size:1.5em; color:#333; } h4 {font-size:1.4em; } h2.bg {xxwidth:620px; background:#a7c3e2; margin:0 0 10px 0; padding:5px 10px; } h2.bg_feeds {font-size:1.2em; margin:15px 0 4px; } #content h5 {font-size:12px; line-height: 18px; margin: 0 0 10px; font-weight: bold;} #content h5 span {color:#a00709; } /*** BUTTONS ***/ a.btn {display:inline-block; height:22px; color:#fff; padding:2px 8px 0 10px; text-align:center; font-weight:bold; border:1px solid #52727c; background:url("/assets/images/btn-bg.gif") repeat-x; } a.btn:hover {border:1px solid #666; text-decoration:none; background:url("/assets/images/btn-bg.gif") repeat-x left bottom; } .sidepanel a.btn {width:260px; color:#4d6694; text-align:left; margin:10px 0; padding-top:4px; background:url("/assets/images/btn-sidepanel.png") no-repeat left top; } .sidepanel a.btn:hover {color:#333; background-position:left bottom; } input.btn {cursor:pointer; color:#fff!important; height:26px; padding:0 8px; text-align:center; font-weight:bold; border:1px solid #52727c; background:url("/assets/images/btn-bg.gif") repeat-x; } input.btn:hover {border:1px solid #666; background:url("/assets/images/btn-bg.gif") repeat-x left bottom; } .btn_right {float:right; margin:10px 0 0; } .btn_alt .btn {border:1px solid #52727c; } .btn_alt .btn:hover {border:1px solid #666; } /* Form input buttons */ input#feed-filter-submit {display:block; margin-top:5px;} input#jobformapplication-save, input#input#paymentformpurchase-submit {margin-right:0;} input#submit {margin-right:214px;} /** Buttons **/ .btn {margin:0;padding:0;} .btn a:link, .btn a:visited, .btn a:active, table#contactdetails a.send:link, table#contactdetails a.send:visited {height:17px; display:inline-block; background:#044976 url(/assets/images/btn-bg.gif) repeat-x left 0px; border:1px solid #044976;color:#fff;margin:0;padding:3px 20px 4px;text-align:center;font-weight:bold;} .btn a:hover, .btn a:focus, table#contactdetails a.send:hover, table#contactdetails a.send:focus {color:#fff; background:#535353 url(/assets/images/btn-bg.gif) repeat-x left bottom;border:1px solid #a9a9a9;} /****** HEADER ******/ #topnavwrapper {width:1000px; margin:0 auto; position:relative; overflow: visible !important; background-color:#1A1A1A;} #topnav li { border-left:1px solid #000000; border-right:1px solid #666; font-size:1em; position:relative; display: block; float: left; outline: 0;} #topnav li.firstmenuitem {border-left:none;} #topnav li.lastmenuitem {border-right:none;} #topnav li#topnavLogin a, #topnav li#topnavRegister a, #topnav li#topnavBasket a { background-position:10px 10px; background-repeat:no-repeat; } #topnav li#topnavLogin a { background-image:url(/assets/images/icons/login.png); padding-left:29px; } #topnav li#topnavRegister a { background-image:url(/assets/images/icons/register.png); padding-left:33px; } #topnav li#topnavBasket a { background-image:url(/assets/images/icons/basket.png); padding-left:34px; } #topnav li#topnavBasket a.actionbutton:hover, #topnav li#basket a.actionbutton:focus {color:#fff;background:url(/assets/images/icons/basket.png) 8px 6px no-repeat;padding: 5px 10px 5px 20px;border-right:1px solid #262626;} #topnav li a:link, #topnav li a:visited, #topnav li a:active {background: none; display: block; float: left; color: #f2f2f2; font-size: 0.9em; font-weight:bold;text-decoration: none; padding: 10px 15px 10px 10px; outline: 0;} #topnav li a:hover, #topnav li.activetopitem a {background-color: #000000;} #topnav li a.topmenu {display: inline-block; background:url(/assets/images/topnav-arrow.gif) 90% center no-repeat; padding:10px 30px 10px 15px; } #topnav li a.topmenu:hover {background:url(/assets/images/topnav-arrow.gif) 90% center no-repeat #1a1a1a; } #topnav ul.submenu {display:none; clear:left; background:#333; height:34px; width:151px; left:0; padding:0; position:absolute; top:37px; } #topnav li:hover > ul.submenu {display:block; /* ie7 */ } #topnav ul.submenu li {border:none; float:none; color:#888; height:34px;} #topnav ul.submenu li a {background-color:#333;border-bottom:1px solid #393939; float:none; width:141px; height:21px; line-height:21px; padding:6px 10px;} #topnav ul.submenu li a:hover {background:#000000;} #topnav ul.submenu li a.bottomsubitem {border:none; } #topnav ul.submenu ul.submenu {left:151px;top:0;} #topnav ul.submenu li a.topmenu { background-image:url(/assets/images/topnav-arrow-right.png); background-repeat:no-repeat; background-position:90% center; } #topnav li p { line-height:1.25em; margin:0; padding:10px; } #topnav li a.topnav-text-link { display:inline; float:none; padding:0 5px; } #topnav li a.topnav-text-link:hover { background:none; text-decoration:underline; } .topnav-secondary-text {color:#cccccc;} #jobOfTheWeek { background:transparent url(/assets/images/topnav-arrow-left.png) no-repeat 164px 14px; position:absolute; right:20px; top:0; width:510px; } .top-nav-featured-section, #jobOfTheWeek h3 { color:#f2f2f2; } #jobOfTheWeek h3 { font-size:1.0833em!important; margin:0; padding:10px 15px 10px 0; text-align:right; width:155px; } .top-nav-featured-box { background:#666666; -webkit-border-radius:0px 0px 6px 6px; border-radius:0px 0px 6px 6px; float:right; overflow:hidden; padding:10px; width:320px; } #jobOfTheWeek h3, .top-nav-featured-thumbnail, .top-nav-featured-content { float:left; } .top-nav-featured-thumbnail { height:65px; margin-right:10px; width:65px; } .top-nav-featured-content { width:245px; } .top-nav-featured-content h4 { font-size:1.0833em; font-weight:bold; } .top-nav-featured-content p { color:#cbcbcb; font-size:1em; margin-bottom:0; } .top-nav-featured-content a { color:#ffffff; } .top-nav-featured-content a:hover, .top-nav-featured-content a:active, .top-nav-featured-content a:focus { text-decoration:underline; } #wrapper{margin: 0 auto;width: 1420px !important;} #wrapper-liner{float: left;background: none repeat scroll 0 0 #FFFFFF !important; margin: 0 auto;width: 1000px;} #footerwrapper{position:relative;width:100%;float:left;} #LeftPillar{ float: left; display:block !important;} #RightPillar{float: left; display:block !important;} .fancybox-skin{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .fancybox-close { display:none;} #header-banner-ad {padding: 0 0 0 0px; } #my-account-details {background:#4d4d4d; position:absolute; top:0; right:81px; width:287px; height:37px; padding:7px 5px 0 7px; z-index:10; } #my-account-details img {float:left; margin:0 5px 0 0; border:1px solid #ccc; } #my-account-details p {color: #f2f2f2; font-weight: bold; float: left; width: 130px; line-height: 1.2em; overflow:hidden;} #my-account-details p#p_my_account a {font-size:0.9em; color:#ccc; } #my-account-details p#p_my_account span {padding:0 6px 0 5px; color:#ccc; } #my-account-details p.welcomeguest {width:105px; /* ie6 */ font-size:1.1em; height:32px; margin-bottom:0; padding:8px 0 0 40px; background:url(/assets/images/icons/welcome.png) no-repeat; } #my-account-details a {color:#fff; font-weight:normal; } #my-account-details a.btn {margin:2px 7px 0 0; } #my-account-details a.actionbutton {background:#000; color:#ccc; display:inline-block; float:left; font-weight:bold; margin:4px 0 0 10px; padding:5px 6px 4px; } #my-account-details a.actionbutton:hover {color:#4d6694;} #topnav li#basket {float:right; border-right:none; } #topnav li#basket a {color:#e5e5e5; font-size:0.9em; padding:5px 10px 5px 36px; background:url("/assets/images/icons/basket.png") 10px 6px no-repeat; } #topnav li#basket a:hover, #topnav li#basket a:focus {background-color:#BF1E2D; text-decoration:none; } #my-account-updates {background:#f2f2f2; margin:1px 2px 0 0; display:inline; padding:4px; float:right; position:relative; z-index:1000; cursor:pointer; } #my-account-updates.expanded {padding-bottom:7px; } #my-account-updates a {background: url(/assets/images/account-down-arrow.png) right 5px no-repeat; line-height: 20px; outline: 0; padding: 0 11px 0 0;color:#4D6694;} #my-account-updates a:hover, #my-account-updates a:focus {color:#4D6694;} #my-account-updates.expanded a {color: #4c4c4c;} #my-account-upddate-count {background:#044976; padding:2px 0 0 0; width:21px; color:#fff; font-weight:bold; text-align:center; float:left; margin:0 4px 0 0; /* ie6 */} #my-updates-list {background:#f2f2f2; padding:10px; display:block; position:absolute; top:39px; right:7px; z-index:10; width:235px;} #my-updates-list.hidden {display:none; } #my-updates-list li {width:235px; overflow:hidden; padding:4px 0; border-bottom: 1px solid #ccc; } #my-updates-list li.lastupdate {margin:0; } #my-updates-list li span {background: url(/assets/images/comment-count-updates.png) 0 0 no-repeat; display: inline-block; height: 20px; width: 24px; padding: 0 4px 0 0; margin: 0 6px 0 0; text-align: center; color: #f2f2f2; line-height: 21px; font-size: 0.9em;} #my-updates-list li a {display: inline-block; background: none; padding: 2px 0; width: 180px; line-height: 16px;color:#333;} #my-updates-list li a:hover, #my-updates-list li a:focus {color:#a00709;} #my-updates-list li.lastupdate a {border:none;} #my-updates-list p {color:#000; font-weight: normal; width: auto !important; margin: 0 0 5px 0;} #header-main {width:960px; overflow:hidden; padding:50px 0 5px; } #basket #header-main {padding:24px 0 10px; } #header-main #logo {float:left; width:201px; height:100px; border-top:0; margin-top:0; padding:0; } #header-main #logo span {background-image:url("/assets/images/logo.png"); background-repeat: no-repeat; } .header-main-item, #formats, #formats li {float:left; } #formats {width:290px; background:url(/assets/images/format-heading.png) no-repeat; margin:3px 0 0 90px; padding:20px 0px 0px 45px; } #formats li a {display:block; background:url(/assets/images/formats.png) no-repeat; padding-top:35px; text-align:center; font-size:0.8em; color:#044976; } #formats li a:hover {color:#1A1A1A; } #formats li a.online {background-position:0px 0px;width:34px;margin-right:22px;} #formats li a.online:hover {background-position:0px -57px; } #formats li a.print {background-position:-56px 0px; width:28px;margin-right:22px;} #formats li a.print:hover {background-position:-56px -57px; } #formats li a.digital {background-position:-108px 0px; width:28px;margin-right:22px;} #formats li a.digital:hover {background-position:-108px -57px; } #formats li a.ipad {background-position:-158px 0px;width:28px;margin-right:22px;} #formats li a.ipad:hover {background-position:-158px -57px; } #formats li a.email {background-position:-206px 0px; margin-right:0;width:28px;margin-right:22px;} #formats li a.email:hover {background-position:-206px -57px; } #formats li a.mobile {background-position:-256px 0px; margin-right:0; } #formats li a.mobile:hover {background-position:-256px -57px; } #sitewide #formats a.online {background-position:0px -57px; color:#1A1A1A; } #print #formats a.print {background-position:-54px -57px; color:#1A1A1A; } #digital #formats a.digital {background-position:-105px -57px; color:#1A1A1A; } #email #formats a.email {background-position:-204px -57px; color:#1A1A1A; } #mobile #formats a.mobile {background-position:-254px -57px; color:#1A1A1A; } #appshop #formats a.ipad {background-position:-158px -57px;color:#1A1A1A;} #btn-masthead {float:right; margin-top:3px; } #tagline {position: absolute; left: 188px; top: 67px;} /* Main navigation */ #main_nav {width:960px; overflow:hidden; background: #a7c3e2;} ul.navigation {overflow:hidden; float:left; color:#fff; font-weight:bold;} ul.navigation li {float:left; } ul.navigation li a {display:inline-block; font-size:1.2em; padding:7px 17px 7px; border-right:1px solid #8ea6ad; background:#a7c3e2; color:#044976; text-align:center; } ul.navigation li a:hover, ul.navigation li a:focus, ul.navigation li.active a {text-decoration:none; background: #044976; border-right:1px solid #8ea6ad; color:#FFFFFF; } ul.navigation li a#menu-appshop {border-right:0; padding-left:29px; background:url("/assets/images/icons/app-shop.png") no-repeat scroll 11px 50% #a7c3e2; color:#044976;} ul.navigation li a#menu-appshop:hover, ul.navigation li a#menu-appshop:focus, ul.navigation li.active a#menu-appshop {background: url("/assets/images/icons/app-shop.png") no-repeat scroll 11px 50% #044976; color:#FFFFFF;} ul.navigation li ul {display: none;} #searchform {float:right; padding:5px 10px 5px 10px; overflow:hidden; background:#a7c3e2;position:relative;left:0px;} #frmgobutton {float:right; } .searchbox {float:left; width:234px; height:16px; border:1px solid #666; margin:1px 5px 0 0; padding:3px 8px 3px 2px; font-size:1em; color:#000; } #searchform .subtle {color:#999; } span.required {color:#a00709; } #trends {width:949px; overflow:hidden; background:#044976; padding:6px 0 6px 11px; } #trends p {margin:0; float:left; background:url(/assets/images/arrow-trans.png) no-repeat right 55%; padding-right:15px; color:#fff; font-weight:bold; } #trends img {float:right; margin:-1px 10px 0 0;} #trends ul {margin-left:5px; float:left;} #trends ul li {display:inline; color:#fff; padding:0 7px 0 8px; background:url("/assets/images/nav_seperator.png") right 4px no-repeat; } #trends ul li:last-child {background:none;} #trends ul li a {color: #fff; font-weight: normal; text-decoration: none;} #trends ul li a.highlight {font-weight:bold; } #trends ul li a:hover, #trends ul li a:focus {text-decoration: underline;} #trends a.twice-logo {background: url(/assets/images/twice-link.png) no-repeat; text-indent:-9999px; overflow:hidden; display:block; width:70px; height:16px; float:right; padding-right:20px; position:relative; top:2px;} #header-banner-ad {padding: 0 0 0 0px;} #subnav {border-bottom: 3px solid #044976; margin:20px 0 10px; } #subnav ul {height: 25px;} #subnav ul li {display: inline-block; height: 25px; float: left;} #subnav ul li a {background: #333333; color: #fff; display: block; padding: 0 10px; height: 25px; line-height: 25px; font-size: 12px; cursor: pointer; text-decoration: none; border-right: 1px solid #fff;} #subnav ul li.active a, #subnav ul li a:hover {background: #044976;} .steps {float: left; width: 50%;} #steps {margin: 15px 0 10px 0; float: right;} #steps ul {height: 25px;} #steps ul li {display: inline-block; height: 25px; float: left;} #steps ul li a {background: #e6e6e6; color: #666666; display: block; padding: 0 10px; height: 25px; line-height: 25px; font-size: 12px; cursor: pointer; text-decoration: none;} #steps ul li.active a {background: #000000; color: #fff;} #steps ul li.arrow-active {background:#e6e6e6 url('/assets/images/template/stepsArrowOn.png'); width: 9px; height: 25px;} #steps ul li.arrow {background:#e6e6e6 url('/assets/images/template/stepsArrowOff.png'); width: 9px; height: 25px;} #steps ul li.next-active {background-color:#000; } #steps ul li.last {background-color:#fff; } /****** CONTENT ******/ .left {float:left; } .right {float:right; } .left_digital{float: left;width: 420px;} .right_digital{float: right;height: auto;width: 195px;} .back {margin-top: 20px;} .clear {clear:both; } .bold {font-weight:bold; } .mt {margin-top:10px; } .subtle {color:#696969; } .accessibility {height:1px; left:0; overflow:hidden; position:absolute; top:-500px; width:1px; } .replace {position:relative; overflow:hidden; } .replace span {position:absolute; width:100%; height:100%; } .kellum-replace { display:block; overflow:hidden; text-indent:100%; white-space:nowrap; } .link_arrow a {padding:0 0 0 12px; background:url(/assets/images/arrows_sprite.png) left 2px no-repeat; } .link_arrow a:hover {background-position:left -57px; } .searchbar {clear:both; width:620px; overflow:hidden; padding:6px 10px; margin:0 0 10px; background:#1a1a1a; } .searchbar p {float:left; width:140px; margin:0 10px 0 0; padding-top:3px; color:#fff; font-weight:bold; text-align:right; } .searchbar select {float:left; width:184px; height:23px; margin:2px 10px 0 0; display:inline; } .searchbar input.text {float:left; width:141px; margin-top:1px; padding:2px 0 2px 4px; } .searchbar .btn {float:right; } .categories {width:638px; overflow:hidden; margin:0 0 10px; border:1px solid #DBE0EA; } .categories ul {width:620px; overflow:hidden; padding:0 10px; } .categories li {width:200px; float:left; color:#666; margin:0 6px 10px 0; } .categories li a {padding:0 0 0 11px; background:url("/assets/images/arrows_sprite.png") left 3px no-repeat; } .categories li a:hover {background-position:left -56px; } .featured {width:640px; overflow:hidden; margin:0 0 10px; } .featured_wrap {width:206px; margin:0 0 0 10px; float:left; display:inline; } .featured_wrap_first {margin-left:0; } .featured_wrap .company_logo {width:100%; height:126px; display:inline-block; border:1px solid #e6e6e6; background:#fff; margin:0 0 5px 0; } .featured_wrap img {height:100%; display:block; margin:0 auto 5px; } .featured_wrap p {font-weight:bold; text-align:center; } /****** PAGINATION ******/ div.pagination div.page-count {float: left; width: 90px; padding: 0 0 0 10px; height: 26px; line-height: 25px; border-right: 1px solid #4d4d4d;color:#fff;} div.pagination div.page-pages {float: left; width: 324px; height: 26px; line-height: 25px;} div.pagination div.page-pages ul li {float: left; margin: 0 !important; height: 26px; line-height: 25px; list-style-type:none;} div.pagination div.page-pages ul li a {display: block; padding: 0 10px; border-right: 1px solid #4d4d4d; color: #ffffff; height: 26px; line-height: 25px; float:left;} div.pagination div.page-pages ul li a:hover, div.pagination div.page-pages ul li a:focus, div.pagination div.page-pages ul li a.current {background: #044976;color: #ffffff; font-weight: bold; height: 26px; line-height: 25px;} div.pagination div.page-navigation {float: right; height: 25px; line-height: 24px; width: 160px; text-align: right;} div.pagination div.page-navigation a {display: block; background: transparent url(/assets/images/pagination-next-bg.png) no-repeat 95% 50%; padding: 2px 25px 0 10px; border-left: 1px solid #4d4d4d; float: right; color: #ffffff;} div.pagination div.page-navigation a:hover, div.pagination div.page-navigation a:focus {text-decoration:underline; } div.pagination a.page-prev {background: transparent url(/assets/images/pagination-prev-bg.png) no-repeat 3px 50% !important; padding: 2px 10px 0 25px !important;} div.pagination div.page-navigation a.page-inactive:link, div.pagination div.page-navigation a.page-inactive:visited, div.pagination div.page-navigation a.page-inactive:hover, div.pagination div.page-navigation a.page-inactive:focus {text-decoration:none; } div.article-pagination {background: #333; margin: 0 0 15px 0;overflow:hidden;position: relative; height: 26px;} div.article-pagination a:link {color:#fff;} div.pagination, #news-article div.articlecontent div.pagination {background: #333; height: 26px; text-align: center; position: relative; width:100%; float:left;} #news-article div.articlecontent div.pagination {margin-bottom:10px;} #news-article div.pagination, #recommended-article div.pagination, #news-archive div.pagination{background: #f2f2f2;height:27px;} a.paginationbutton {display: block; height: 18px; width: 18px; position: absolute; top: 4px; text-indent: -9999px; z-index: 2; overflow: hidden;} a.paginationbackbutton {background: url(/assets/images/pagination-prev-bg.png); left: 4px;} a.paginationforwardbutton {background: url(/assets/images/pagination-next-bg.png) 0 0 no-repeat; right: 4px;} a.inactivearrow {background-position: 0 -19px;} div.pagination p {display: block; width: 100%; font-size: 12px; line-height: 27px; position: absolute; top: 0; text-align: center;} div.pagination p a {padding: 3px 4px; border-right: 1px solid #d6d6d6; color: #fff; text-decoration: none;} div.pagination p a:hover, div.pagination p a.currentpage {background: #f5942b; color: #fff;border-right: 1px solid #f2f2f2;} div.pagination p a.lastpage {border-right: 1px solid #f2f2f2;} /****** COMMENTS ******/ #commentssection {padding: 20px 0;} #commentssection h4 {font-size:1.6em; color:#333; border-top:1px solid #DBE0EA; padding:15px 0 0px 0px; } #comments h4 {font-size:1.6em; border-top:0; line-height:16px; display:inline; } #comments {margin:10px 0 0; border-top: 1px solid #DBE0EA; padding:20px 0 0 0;} #comments h3 {width: 400px; float: left;} #comments p.commentcounttop {width: 200px; float: right; text-align: right; line-height: 28px; font-weight: bold; font-size: 1.1em;} #commentformcomment textarea {border: 1px solid #9f9f9f; height: 100px; width:638px; font-family:arial, sans-serif;font-size:1em;} #commentformcomment-submit {float: right; margin: 8px 0 0; } #label-commentformcomment-content, #label-commentformcomment-submit { display: none } div.comment {margin: 0 0 24px;} div.reply {margin: 0 0 0 36px;} div.commenttext {background:#DBE0EA; padding:10px 12px 1px; margin:0 0 15px; position: relative;} div.reply div.commenttext {width: 550px;} div.hiddencomment div.commenttext {background-color: #f8e7e8 !important;} img.commentdownarrow {position: absolute; bottom: -12px; left: 7px;} img.commentuparrow {position: absolute; top: -12px; left: 7px;} #comments-tab .comment {margin: 0 0 10px 10px; width:600px; } #comments-tab .comment .commenttext {width:576px; } div.commentdetails {clear: both;} div.commentdetails p {float: left; line-height: 1.1em; margin: 0; font-weight: bold;} div.reply div.commentdetails p {width: 304px;} div.commentdetails p span {font-size: 0.9em; font-weight: normal;} div.commentdetails p span.rank {text-transform: capitalize; font-variant: small-caps; color: #999999;} div.commentdetails p span.rankadmin {color: #A00709;} img.avatar {display: block; float: left; margin: 0 8px 0 0;} img.avatarlrg {margin:0 0 10px 149px;} a.commentbutton {background: #89c01c; display: inline-block; font-size: 12px; line-height: 12px; color: #fff; font-weight: bold; padding: 7px 14px 5px; margin: 0 0 0 8px; float: right; text-transform: uppercase;} span.thumbs {display: inline-block; padding: 0 6px 5px 25px; height: 24px; font-size: 12px; color: #666; line-height: 24px; float: right; position: relative;} span.thumbsup {background: url(/assets/images/thumbs-up.png) 5px 1px no-repeat;} span.thumbsdown {background: url(/assets/images/thumbs-down.png) 5px 2px no-repeat;} #commentformthumb-submit {position: absolute; top: 0; left: 0; background: none; border: none; width: 25px; height: 25px; text-indent: -999em; cursor: pointer;} /* Header styles applied via CSS */ .header1, .Header1 { font-size: 28px; font-weight: bold; } .header2, .Header2 { font-size: 22px; font-weight: bold; } .header3, .Header3 { font-size: 18px; font-weight: bold; } .header4, .Header4 { font-size: 16px; font-weight: bold; } .header5, .Header5 { font-size: 14px; font-weight: bold; } .header6, .Header6 { font-size: 12px; font-weight: bold; } /****** SIDEBAR ******/ a.ad {display: block; margin: 0 0 10px;} .sidepanel {margin:0 0 10px 0; width:280px; padding:0 10px 0 10px; overflow:hidden; background:#a7c3e2; } .right_newsletter {margin: 10px 0px;width: 215px;padding: 2px;} .sidepanel h3 {font-size:1.4em;margin:6px 0 4px; } .sidepanel p {margin-bottom:0; line-height:1.3; } .sidepanel .inner {width:280px; overflow:hidden; } .sidepanel .inner li {width:260px; overflow:hidden; margin-bottom:2px; /* ie6 */ padding:7px 10px; background:#fff; } .sidepanel .inner li.last, .sidepanel .inner li:last-child {margin-bottom:0; } .sidepanel .inner p a {font-weight:bold; line-height:1.3; } .sidepanel .inner li a.mipro {width:210px;float:left; padding-left:10px;line-height:1.3; font-weight:bold;} .sidepanel .inner li img {float:left;} .sidepanel .inner .innerdetail {float:left; width:180px; overflow:hidden; } .sidepanel .inner .innerdetail_full {width:260px; } .sidepanel .inner .logo {float:right; width:70px; overflow:hidden; margin-left:5px; } .sidepanel .inner img {margin:0 auto; vertical-align:middle; margin:3px 0; } .sidepanel .cornered { background:#ffffff url(/assets/images/sidepanel-corner.gif) no-repeat right bottom; border:1px solid #cccccc; margin-bottom:10px; padding:12px; width:254px; } .sidepanel .divider-top { background:url(/assets/images/sidepanel-divider.gif) repeat-x 0 0; padding-top:14px; } /* Follow us sidepanel-specifc styles */ #followUs .fb_edge_widget_with_comment iframe { height:2.333em; overflow:hidden; width:254px!important; } /* Newsletter sidepanel-specifc styles */ #newsletter h3 { background:url(/assets/images/newsletter-icon.png) no-repeat -5px 0; line-height:1.1em; min-height:45px; padding:5px 0 0 90px; } #sidebar-jobs, #sidebar-top-stories, #page-tabs {background:#a7c3e2; padding:10px 10px 0; margin:0 0 15px; position:relative; } /*#sidebar-jobs {background: #1a1a1a url(../images/jotw-bg.gif) no-repeat top left;}*/ #sidebar {float: left;margin: 10px 0 20px;width: 300px;} #sidebar-jobs h4 {display: none;} #sidebar-top-stories {display: none; margin: 0 0 15px;} #sidebar-jobs h4, #sidebar-top-stories h4 {font-size: 22px; font-weight: bold; color: #333; line-height: 21px; margin: 0 0 12px;} a.sidebarrssfeed {background: url(/assets/images/rss-icon.jpg) 0 0 no-repeat; display: block; height: 15px; width: 15px; text-indent: -9999px; position: absolute; top: 10px; right: 10px;} div.jobad {background: #fff; width: 118px; height: 111px; padding: 10px 10px 0; margin: 0 0 4px;} div.jobad img {display: block; margin: 0 0 5px;} div.jobad a {color: #2a265c; font-size: 12px; line-height: 13px; font-weight: bold; text-decoration: none;} div.jobad a span {color: #666; font-size: 0.9em; font-weight: normal;} #searchjobbutton img {margin: 6px 0 0;} #sidebar-ad-block {width:300px; overflow:hidden; background:#d9d9d9; position:relative; margin:0 0 10px; } #sidebar-ad-block a.topleft {position: absolute; top: 15px; left: 15px;} #sidebar-ad-block a.topright {position: absolute; top: 15px; right: 15px;} #sidebar-ad-block a.bottomleft {position: absolute; bottom: 15px; left: 15px;} #sidebar-ad-block a.bottomright {position: absolute; bottom: 15px; right: 15px;} #sidebar-videos {background: #A7C3E2 none repeat scroll 0 0;margin: 0 0 15px;overflow: hidden;padding: 10px;position: relative;} .sidebar-video_text {color: #044976;font-size: 1.2em;font-weight: bold;position: relative;top: -4px;} #articles-tab a, #likes-tab a {font-size: 14px;} #articles-tab .article, #likes-tab .article {border-bottom: 1px solid #f2f2f2; padding: 10px; margin: 10px; width: 94%;} #articles-tab .article img, #likes-tab .article img {float: left; margin: 0 10px 10px 0;} .jotw-image, .jotw-info {background: #ffffff; padding: 10px; text-align: center;} .jotw-info a {border-top: 1px solid #cccccc; display: block; padding: 10px 0 0 0; margin: 10px 0 0 0;} .jotw-detail {min-height: 130px; padding: 0 0 0 110px;} #jobs .inner p.company {color:#000; font-weight:bold; } #jobs .inner p.jobtitle {color:#2a265c; font-weight:bold; margin-bottom:8px; } #jobs .inner p.location {color:#696969; } #directory .inner {width:260px; padding:10px; background:#fff; } #events .inner ul li {clear:both; padding:10px; } #events .cal {float:left; color:#fff; margin-right:10px; } #events .cal-t {background:#044976; margin-bottom:1px; width:43px; text-align:center; font-size:1.8em; font-weight:bold;} #events .cal-b {background:#1a1a1a; width:43px; text-align:center; text-transform:uppercase;} .tab_switcher {overflow:hidden; position:relative; padding-bottom:11px; } .tab_switcher li {float:left; height:24px; margin-bottom:24px; } .tab_switcher .tab_detail li {height:auto;} .tab_switcher a.tab_title {display:inline-block; color:#333; xxfloat:left; font-size:11px; font-weight:bold; } .tab_switcher .noJs {margin-bottom:10px; } .tab_switcher .noJs:last-child {margin-bottom:0; } .tab_switcher .noJs a.tab_title {background:#fff; } .tab_switcher a.active_tab, .tab_switcher a.tab_title:hover {background:#fff; } .tab_switcher ul {left:0; padding:0; } .tab_switcher ul li {float:none; background:#fff; margin-bottom:2px; padding:10px; } .tab_switcher ul li:last-child {border-bottom:0; } .tab_switcher ul.active_detail {display:block; } .tab_switcher .inner .logo {float:left; width:70px; margin:0 10px 0 0; } .tab_switcher .inner p {float:left; } #popular_tabs {width:280px; } #popular_tabs ul {width:280px; } #popular_tabs h3.tab_title {padding:7px 0; text-align:center;} #popular_tabs a.tab_title {text-align:center;height:24px;margin:0;padding:0;line-height:24px;} #popular_tabs .noJs a.tab_title {background:#fff; } #popular_tabs a.active_tab, #popular_tabs a.tab_title:hover {background:#fff; } #popular_tabs a.mostviewedtab {width:83px; } #popular_tabs a.mostemailedtab {width:87px; } #popular_tabs a.mostcommentstab {width:110px; background-image:none; } #popular_tabs .inner p {width:143px; } #popular_tabs .inner .fullwidth p {width:226px; } .popular-comment-count {position:relative;} .popular-comment-count a:link, .popular-comment-count a:visited, .popular-comment-count a:hover, .popular-comment-count a:focus, .popular-comment-count a.comment_total {display: block;width: 32px;height: 31px;line-height: 24px;text-align: center;color: #ffffff;overflow: hidden;font-size: 1.2em;font-weight: bold;position:absolute; right:0; top:0;} .popular-comment-count a span, .popular-comment-count a.comment_total span {width: 32px;height: 31px;background: transparent url(/assets/images/comments-bg.png) no-repeat top left; display:block;} #mostrecent_tabs {width:620px; } #mostrecent_tabs ul {width:620px; overflow:hidden; } #mostrecent_tabs h3.tab_title {padding:7px; background-image:none; float:left; font-size:0.9em!important; margin:0; } #mostrecent_tabs .commentdetails {width:600px; } #mostrecent_tabs ul li {width:600px; overflow:hidden; position:relative; } #mostrecent_tabs ul li img {float:left; display:block; margin-right:10px; } .storycontent {float:left; width:500px; } .storycontent h5 a {color:#2a265c; line-height:14px; margin:0; } .storycontent p {font-size:1em; line-height:14px; margin:0; } #sitefeed h3 {width:94px; height:23px; margin:7px 0 7px 94px;} #sitefeed h3 span {background:#a7c3e2 url("/assets/images/logo-sitefeed.png") no-repeat;} #sitefeed .intro {color:#333; background-color:#f2f2f2; text-align:center; font-weight:bold; padding:5px 0 4px; margin-bottom:1px; } #sitefeed .logo {float:left; margin:0 10px 0 0; } #twitter {background:#a7c3e2 url("/assets/images/bg_twitter.png") 244px 7px no-repeat; /* ie6 */ } #twitter .logo {float:left; margin:0 10px 0 0; } #twitter li {padding:6px 8px; } #twitter .twtr_text {width:202px; float:left; margin-left:10px; } #twitter .twtr_user {display:block; } /****** FOOTER ******/ div.partner-site-news {width:306px; padding:11px 0 0 10px; float:left; margin:0 10px 0 0;} div.partner-site-news img {margin:0 0 5px 0; } div.partner-site-news ul {border-top:2px solid #044976; padding-top:10px; } div.partner-site-news ul li {margin:5px 0 8px 0; line-height:1.1; } div.partner-site-news ul li a {display:inline-block; color:#4c4c4c; font-size:0.9em; font-weight:bold; padding:0 0 3px 10px; background:url("/assets/images/arrows_sprite.png") 0 -97px no-repeat; } div.partner-site-news ul li a:hover, div.partner-site-news ul li a:focus {color:#044976; background-position:0 -135px; } #footernav {width:1000px; overflow:hidden; } #footernav ul {width:615px; float:left; } #footernav ul li {float:left; border-left:1px solid #FFFFFF; } #footernav ul li a {display:inline-block; color:#4c4c4c; padding:11px; } #footernav ul li a:hover, #footernav ul li a:focus {text-decoration:underline;} #footernav ul li.lastitem {border-right:1px solid #FFFFFF; } #footersearchform {width:264px; float:left; padding:10px 0 0 6px; } #footersearchform input.btn {border:1px solid #666; background:url("/assets/images/btn-bg.gif") repeat-x left bottom;} #footersearchform fieldset {border:none;} #frmfootersearch {width:202px; } a.footerbacktotop {float:right; width:90px; color:#4c4c4c; text-align:center; padding:11px 6px; border-left:1px solid #FFFFFF; } a.footerbacktotop:hover, a.footerbacktotop:focus {} img.footerarrow {position: absolute; top: -8px; right: 24px;} #footercontent {width:1000px; overflow:hidden; padding:8px 0; } #footerabout {float:left; overflow:hidden; width:290px; padding:16px 16px 0 15px;} #footernetwork {float:right; overflow:hidden; width:625px; padding:15px 0 0 0;} #footerabout p {color:#ccc; font-size:12px; line-height:18px; } #footernetwork ul {clear:both; overflow:hidden; width:630px; } #footernetwork ul li {display:inline; } #footernetwork ul li a {display:block; float:left; width:178px; padding:2px 0 2px 10px; margin:0 20px 10px 0; color:#fff; background:url(/assets/images/footer-arrow.png) 96% 9px no-repeat #282828; } #footernetwork ul li a:hover {color:#a7c3e2; } h4#title-about {width:191px; height:34px; margin-bottom:12px; } h4#title-about span {background:url(/assets/images/titles/footer-about.png) no-repeat; } h4#title-footer-intent {float:left; margin:0 0 20px; width:175px; height:30px; } h4#title-footer-intent span {background:url(/assets/images/titles/footer-intentnetwork.png) no-repeat left top; margin-top:5px; } h4#footer-intent {float:right; width:132px; height:30px; font-size:0.7em; color:#fff; margin:0 20px 0 0; } h4#footer-intent span {background:url(/assets/images/titles/footer-newbay.png) no-repeat; } h4#footer-intent a {font: 0/0 a!important; color: transparent!important; text-shadow: none; background-color: transparent; border: 0;} #copyright {color:#666; font-size:0.9em; padding:10px 0 20px 20px; border-top:2px solid #2b2b2b; } #copyright a {color:#666; } #copyright a:hover {color:#044976; } #copyright a.mmlink {display:block; float:right; width:150px;} #copyright span {margin:0 5px;} /* Journeys */ ul.journey {margin: 0 0 10px 0; height: 25px; line-height: 25px; background:#E6E6E6; } ul.journey li {float: left; padding: 0 15px 0 30px; background:#E6E6E6 url(/assets/images/journey-seperator.gif) no-repeat top left; height:25px; line-height:25px; color:#666; } ul.journey li.complete {color: #00529f;} ul.journey li.firststep {background-image: none !important; padding-left: 20px !important;} ul.journey li.currentstep {color: #000000; font-weight: bold;} /* Errors and 404 page */ ul.errors li {color: #a00709; font-size: 0.8em; clear: both; padding:3px 0 0 0;list-style-type:none;} #userformlogin ul.errors li {padding-left:80px;} p.submit-error {color: #a00709;margin-left:10px;} #error-content {overflow:hidden;} body#error #content, body#error #content-liner {width:980px;} body#error #sidebar {display:none;} #error-page {width:960px; margin-top:-10px; color:#FFF; font-family:Courier New;} #error-page h1 {width:960px; height:151px; padding:0; border-top:0; background:#0102aa; color:#FFF;} #error-page h1 span {background: url("/assets/images/error-title.png") no-repeat scroll left top transparent; height:151px;} #error-page #error_bg {margin:0 auto 10px auto; font-size:1.166em; text-align:center; width:580px; background:url("/assets/images/error_bg_bdr.gif") no-repeat bottom center; padding-bottom:20px;} #error-page #error_bg h2 {margin:0 0 5px; font-size:1.1em; line-height:1.2em; color:#FFF;} #error-page #error_bg p {margin:0 0 5px; font-weight: bold; } #error-page a {font-weight:bold; color:#FFF; } #error-page p.try {font-weight:bold; margin:0 auto; font-size:1.166em; text-align:center;} #error-page ol {width:430px; margin:0 auto; } #error-page ol li {padding:8px 0 8px 30px; border-bottom:1px dashed #e6e6e6; background:url("/assets/images/error-bullets.png") left 13px no-repeat; font-weight:bold; } #error-page ol li#error-map {background-position:left -31px; } #error-page ol li#error-previous {background-position:left -70px; border-bottom:0; } #error-page form {width:400px; } #error-page input.btn {background:#FFF; color:#0102AA;} #error-page label {margin-right:12px; font-weight:bold; } #error-inner {padding:40px;background:#0102aa;} #frmerrorsearch {width:275px; border:1px solid #ccc; padding:4px 5px; } #syserror {width:630px; } #syserror pre {overflow-x:scroll; } /* Adverts */ .hijack #header-main{background-color:#fff; } .hijack #wrapper {background-color:transparent; } .hijack #content {background-color:#fff; } .hijack #sidebar {background-color:#fff; } #wrapper-liner .hijack{background:none;} #digico_ad{margin-bottom:10px;} #digico_ad a:hover, #various1 a:hover{cursor:pointer !important;} /*Google Advert Styles*/ .googlead {float:left; margin-bottom:10px;} .hijack-ad {width:1400px; height:1400px; display:none;} .spacer-ad {width:300px; height:10px; background:#FFFFFF;} .masthead-ad {width:242px; height:77px;} .leaderboard-ad {height:auto; padding:0; float:none; margin: 0 auto; clear: both;background: #fff; width: auto !important;} .skyscraper-ad {width:300px; height:600px;} .largebutton-ad {width:300px; height:100px;} .smallbutton-ad {width:125px; height:125px;float: left;margin: 16px 0 0 16px;} .homestream-ad {padding: 10px 6px; border-bottom: 1px solid #CCC; text-align: center;} .mpu-ad {width:300px; height:auto;} /*END Google Advert Styles*/ /***** SEND TO FRIEND POP UP *****/ body.modalwindow {background:#fff; } body.modalwindow h1 {background:#E6E6E6; margin:0 0 10px; padding:9px 10px; border-top:0; } body.modalwindow .errors li {float:left; padding-left:270px;} body.modalwindow input.btn {margin-left:270px; } body.modalwindow input[type=text], body.modalwindow textarea {border:1px solid #ccc; float:right; width:270px; height:20px; } body.modalwindow input#contactformcontact-submit {float:right; clear:both; margin-top:15px; } #contactformcontact {padding:0 10px;} #contactformcontact .formrow {overflow:hidden;margin-bottom:10px} #contactformcontact textarea {height:80px !important;} #contactformcontact .formError input {border: solid 2px #588400;} #contactformcontact .formError label {color:#588400;font-weight:bold;} #contactformcontact .element {margin-top:10px;overflow:hidden;} #contactformcontact span.required, #contactformcontact label span {color: #a00709;} .pdf-icon {display: block; height: 27px; line-height: 27px; padding: 0 0 0 35px; background: transparent url(/assets/images/pdf-icon-bg.png) no-repeat center left;} /* Errors */ .errorMsg {padding: 10px; background-color: #FEF4F3; margin-bottom: 20px; border: 1px solid #A00709;} .error input, .error textarea, .error select, input.error {border: 1px solid #A00709 !important; background: #FEF4F3 !important; color: #A00709 !important;} .error label {color: #A00709 !important;} .error #jobformjob-description_ifr {border:1px solid #A00709 !important;} .page-center p.error {text-align: left;color: #A00709;} #follow {width:640px; overflow:hidden; padding:20px 0 0; margin:0; } .dsq-brlink {display:inline-block;margin-bottom:10px;} #popular .head p {color: #333333; display: block;float: right;font-size: 0.9em;font-weight: bold;margin-top: -30px;text-align: right;} em {font-style: italic;} #commentssection .description { color: #666666; margin: 10px 0 0; } /* FB Like button bubble with no comments: http://revisedagain.com/2012/design-hack-facebook-like-button_count-0-count/ */ /* make the like button smaller */ .fb-like-container { height:20px; overflow:hidden; position:relative; width:80px; } .fb_edge_widget_with_comment { z-index:1; } .fb_edge_widget_with_comment iframe{ width:80px!important; } /* but make the span that holds the comment box larger */ span.fb_edge_comment_widget.fb_iframe_widget iframe{ width:401px!important; } .count { height:18px; width:25px; position:absolute; left:47px; top:1px; z-index:0; } .zero-count { background-image:url(/assets/images/count.png); } a.twitter-share-button {display:none!important;} /* New toolbar class - in case of multiple instances on a page */ .toolbar { background:#a7c3e2; border:1px solid #dddddd; clear:both; margin:0 0 10px 0; overflow:hidden; padding:8px; } .toolbar-header { background:url(/assets/images/toolbar-header-bg.gif) no-repeat center left; color:#ffffff; font-size:1.25em; font-weight:bold; float:left; line-height:1em; padding:0.8em 11px 0.8em 70px; width:110px; } .toolbar-icon-list { float:right; width:424px; /* (45px + 8px) * 8 */ } .toolbar-icon-list li { display: block; float: right; height: 25px; margin-left: 8px; width: 45px; margin-top: 6px; } .fa-2x { font-size: 2em; color: #BF1E2D; } .fa-2x:hover { color: #636363; } @media all and (max-width: 1024px) and (min-width: 768px){ /*#wrapper { width: 100% !important; }*/ #LeftPillar {display:block!important; width: 210px !important;} #RightPillar {display:block!important; width: 210px !important;} #footerwrapper { position: relative; width: 1430px; float: left; margin: auto; } #sponsorswrapper { background-color: #1a1a1a; position: relative; z-index: 10; margin: auto; height: 40px; width: 1430px; } }