/*------------------------------------------------------------------------ # Soapbox -> Typography CSS (v1.0) # ------------------------------------------------------------------------ # Copyright (C) 2009 PICNet, Inc. All Rights Reserved. # Author: Ryan Belisle # Website: http://www.picnet.net -------------------------------------------------------------------------*/ /* ------------------------------------------------------------------------ /* !TINYMCE Editor Specific Styles */ /* ----------------------------------------------------------------------*/ body#tinymce, body#tinymce table { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; } /* ------------------------------------------------------------------------ /* !GLOBAL */ /* ----------------------------------------------------------------------*/ /* !Link */ a { color: #005172; text-decoration: none; } a:hover { color: #005172; text-decoration: underline; } a img {} /* !Buttons */ a.btnBox { background: #f2f2f2; line-height: 37px; padding: 8px 11px 8px 11px; border-width: 1px; border-style: solid; border-color: #e5e5e5; font-size: 13px; color: #303030; font-weight: bold; margin: 0px; text-decoration: none !important; } a.btnBox:hover { text-decoration: none !important; } a.btnBox span { background: url(../images/mFocus-arrow.png) no-repeat right center; padding-right: 22px; } a.btnSlimBox { background: #fff; padding: 6px 11px 6px 11px; border-width: 1px; border-style: solid; border-color: #e5e5e5; font-size: 12px; font-weight: bold; margin: 0px 16px 0 0; } a.btnSlimBox:hover {} a.btn-applynow { display: block; width: 240px; height: 57px; background: url(../images/btn-applynow.png) no-repeat left top; text-decoration: none !important; } a.btn-applynow:hover { background-position: left bottom; text-decoration: none; } a.btn-applynow span.tag { color: #fff; padding: 6px 0 0 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; display: block; } a.btn-applynow span.title { color: #fff; padding: 1px 0 0 0; font-size: 19px; font-family: MemphisLTStdMedium, Arial, Helvetica, sans-serif; text-align: center; text-shadow: -1px -1px #236274; display: block; } /* !Heading */ h1, h2, h3, h4, h5, h6 { line-height: 1.2em; } h1 { color: #005172; font-size: 2em; } h2 { color: #005172; font-size: 1.8em; } h3 { color: #005172; font-size: 1.6em; } h4 { color: #5e9cae; font-size: 1.45em; font-weight: normal; text-transform: none; } h5 { color: #5e9cae; font-size: 1.3em; font-weight: normal; text-transform: none; } h6 { color: #005172; text-transform: uppercase; } /* !Type margin.padding */ p, pre, code, blockquote, ul, ol, table.tableStyle { } p.textLarge { font-size: 1.4em; line-height: 1.3em; } /* !Unordered Lists */ ul {} ul li { background: url(../images/bullet.png) no-repeat 0px .85em; padding: .3em 0 .5em 13px; } ul.plainList {} ul.plainList li {} /* !Ordered Lists */ ol {} ol li { margin-left: 20px; } /* !Definition Lists */ dl {} dl dt {} dl dd {} /* !HR */ hr { border-color: #e5e5e5; } /* !Code Highlight */ pre { background: #fff url(../images/bq.png) repeat-x; border-color: #e5e5e5; } code {} /* !Blockquote */ blockquote { background: #fff url(../images/bq.png) repeat-x; border: 1px solid #e5e5e5; color: #005172; font-size: 1em; line-height: 1.5em; font-family: 'MemphisLTStdMediumItalic', Arial, Helvetica, sans-serif; font-style: normal; padding: 15px; } .bq-right { float: right; margin: 0px 0px 10px 10px; width: 200px; } .bq-left { float: left; margin: 0px 10px 10px 0px; width: 200px; } /* !Address */ address { background: #fff url(../images/bq.png) repeat-x; border-color: #e5e5e5; } /* !Sup/Subscript */ sup { vertical-align:2px; } sub { color: #005172; } /* !Sample */ samp { background: #fff; } /* !Table: Alternating Row Colors for Tables, Comments, etc. */ .row1 td, .odd { background: #f6f6f6; border-color: #e5e5e5; } .rowTitle1 td { background: #f6f6f6; } .row2 td, .even { background: #fbfbfb; border-color: #e5e5e5; } .rowTitle2 td { background: #fbfbfb; } .row1:hover td, .row2:hover td, .odd:hover, .even:hover {} .rowTitle1:hover td, .rowTitle2:hover td {} /* !Table: Common for tableStyle and resultsTBL */ table.tablestyle { clear: both; } table.tablestyle thead th { padding: 8px 5px 7px 8px; } table.tablestyle thead th a, table.tablestyle thead th a:active, table.tablestyle thead th a:visited {} table.tablestyle thead th a:hover {} table.tablestyle tr td { padding: 8px 5px 7px 8px; } table.tablestyle tr.row1 td { border-style: dotted; border-width: 0px 0px 1px 0px; } table.tablestyle tr.row2 td { border-style: dotted; border-width: 0px 0px 1px 0px; } table.tablestyle tr.row1:hover td, table.tablestyle tr.row2:hover td {} table.tablestyle caption { border-style: dotted; border-width: 1px 0px 0px 0px; margin: 0px; padding: 1em 0 0 0; text-align: center; font-weight: normal; font-style: italic; } table.tableStyle thead th, table.tableStyle tr td, table.resultsTBL thead th, table.resultsTBL tr td {} /* for padding change */ table.tableStyle thead th, table.tablestyle thead th, table.resultsTBL thead th { color: #fff; background: #282828; } table.tableStyle thead th a, table.tablestyle thead th a, table.resultsTBL thead th a, table.tableStyle thead th a:active, table.tablestyle thead th a:active, table.resultsTBL thead th a:active, table.tableStyle thead th a:visited, table.tablestyle thead th a:visited, table.resultsTBL thead th a:visited { color: #fff; } table.tableStyle thead th a:hover, table.resultsTBL thead th a:hover {} table.tableStyle caption, table.tablestyle caption, table.resultsTBL caption { color: #005172; border-color: #e5e5e5; } /* !Table: Content Table Style */ table.tableStyle { margin-bottom: 30px; } table.tableStyle thead th {} table.tableStyle thead th a, table.tableStyle thead th a:active, table.tableStyle thead th a:visited {} table.tableStyle thead th a:hover {} table.tableStyle tr td {} table.tableStyle tr.row1 td {} table.tableStyle tr.row2 td {} table.tableStyle tr.row1:hover td, table.tableStyle tr.row2:hover td {} table.tableStyle caption {} /* !Img */ img.imgleft { margin: 0px 10px 5px 0px; float: left; } img.imgright { margin: 0px 0px 5px 10px; float: right; } img.imgleftborder { margin: 0px 10px 5px 0px; float: left; padding: 1px; border-style: solid; border-width: 1px; } img.imgrightborder { margin: 0px 0px 5px 10px; float: right; padding: 1px; border-style: solid; border-width: 1px; } img.noborder { border: 0px; } img.imgborder { padding: 1px; border-style: solid; border-width: 1px; } img.imgLeft, img.imgleft {} img.imgRight, img.imgright {} img.noBorder, img.noborder {} img.imgBorder, img.imgborder { border-color: #e5e5e5; padding: 3px; } img.imgLeftBorder, img.imgleftborder { border: 3px solid #e0ded8; float: left; margin: 0 10px 5px 0; } img.imgLeftBorder2, img.imgleftborder2 { border: 3px solid #e0ded8; float: left; margin: 0 10px 5px 0; } img.imgLeftBorder3, img.imgleftborder3 { border: 3px solid #5e9cae; float: left; margin: 0 6px 5px 0px; } img.imgRightBorder, img.imgrightborder { border: 3px solid #e0ded8; float:right; margin: 0 0 5px 10px; } /* !JCE Caption */ .jce_caption { color: #5b91e5; } .jce_caption div {} .jce_caption-left {} .jce_caption-right {} /* !Layout */ .leftPad {} .leftMrg {} .rightPad {} .rightMrg {} /* !Borders */ .border { border-color: #e5e5e5; } .border-yellow { border-color: #f0ab00 !important; } .border-blue { border-color: #5e9cae !important; } .border-darkBlue { border-color: #005172 !important; } .border-grey { border-color: #999a8f !important; } /* !Best Workplaces */ .bwTop p { margin-right: 160px; } .bwGreyBox { float: right; width: 94px; border: 1px solid #e5e5e5; background: #f2f2f2; padding: 10px; font-size: .95em; line-height: 1.2em; margin: 0 0 0 10px !important; } .bwGreyBox a { display: block; padding-top: 6px; } ul.bwYearNav, .sbxModTable-bwYearNav ul.mod-list { display: inline; } ul.bwYearNav li, .sbxModTable-bwYearNav ul.mod-list li { background: none; line-height: 1.0em; height: auto; display: inline; margin: 0px; padding: 0 10px 0 0; } ul.bwYearNav li.active, ul.bwYearNav li.active a { color: #99121a; font-weight: bold; } .sbxModTable-bwYearNav a.item-titleLink { display: inline; font-weight: normal; line-height: 1.0em; margin: 0px; } .sbxModTable-bwYearNav div.clear { display: none; } .sbxModTable-bwYearNav li { float: right; } .bwWinnerSpot { width: 675px; height: 140px; margin-top: 19px; background: url(../images/winnerSpot-bg.png) no-repeat; color: #3b3b3c; font-size: 12px; line-height: 1.4em; position: relative; clear: both; } .bwWinnerSpot h3 { font-size: 16px; font-weight: bold; color: #3b3b3c; margin: 0px; height: 37px; line-height: 37px; } .bwWinnerSpot h4 { font-size: 16px; font-weight: bold; color: #005172; margin: 16px 0 0 0; } .bwWinnerSpot h4 a { color: #005172; } .bwWinnerSpot h4 a:hover { color: #005172; text-decoration: underline; } .bwWinnerSpot a { color: #3b3b3c; } .bwWinnerSpot a:hover { color: #3b3b3c; text-decoration: underline; } .bwWinnerSpot .bwWinnerSpot-content { padding: 0px 11px; } .bwWinnerSpot p { margin: 4px 0 0 0; } .bwWinnerSpot img { display: block; margin: 14px 17px 11px 0; float: left; border: 3px solid #5e9cae; } .bwWinnerSpot a.arrow { display: block; width: 35px; height: 35px; position: absolute; right: 4px; bottom: 4px; background: url(../images/mCall-arrows.png) no-repeat 0px -35px; } .bwWinnerSpot a.arrow:hover { background-position: 0px -175px; } .bwWinnerSpot sup { color: #3b3b3c; font-size: 10px; } .bwWinnerSpot span.small { font-size: 10px; } .bwResults { border: 12px solid #bac2c3; background: url("../images/bg-noise.png") repeat scroll 0 0 #F3F3F1; padding: 10px; margin: 25px 0 1em 0; clear: both; } .bwResults h1 { margin-top:0; } ul.bwResultsList { margin: 0px; background: #f4f4f4; font-size: .9em; } ul.bwResultsList li { background: none; margin: 0px; padding: 0px; } ul.bwResultsList h6 { height: 37px; line-height: 37px; background: #e4e3e0; text-transform: none; color: #303030; font-weight: bold; margin: 0px; padding: 0px 12px; } ul.bwResultsList p { margin: 0px; padding: 8px 24px; } .inlinePageTitle table.blog h1.componentheading {/* position: absolute; left: 24px; top: 43px;*/ } .inlinePageTitle table.blog .article-content { display: block; width: 95%; } .inlinePageTitle-long table.blog .article-content { padding-top: 130px; } .bwSmallList { margin: 0px; height:260px; } .bwSmallList p { color: #000000; font-size: 12px; } .bwSmallList ul.bwResultsList li { border-top: 1px solid #f4f4f4; } .bwGrid { margin-top: 16px; clear: both; } .bwGrid-left { float: left; width: 320px; } .bwGrid-right { float: right; width: 320px; } .sbxModTable-bwList { margin: 0 0 38px 0; border: 1px solid #e5e5e5; background: url(../images/bwList-bg.png) repeat-x left top; } .sbxModTable-bwList p.bwListLinks { text-align: right; font-weight: bold; margin: .4em 0 0 0; } .sbxModTable-bwList p.bwListLinks a { padding-left: 13px; } .sbxModTable-bwList h3 { font-size: 1.4em; margin: 0 0 6px 0; } .sbxModTable-bwList .bwListTop { padding: 14px 14px 0px 14px; margin-bottom: 4px; font-size: .9em; line-height: 1.35em; } .sbxModTable-bwList .bwListTop p { margin: 0px; } .sbxModTable-bwList .bwListTop img { margin: -31px 0 0 -11px; } .sbxModTable-bwList .bwResults { background: transparent; border: none; } .sbxModTable-bwList .bwResultsList { background: transparent; } .sbxModTable-bwList .bwResultsList li { border: none !important; } .sbxModTable-bwList .bwResultsList h6 { background: transparent; color: #3b3b3c; height: 35px; line-height: 35px; } .sbxModTable-bwList .bwListLinks { height: 30px; padding: 0 2px 2px 2px; } .sbxModTable-bwList .bwListLinks a { background: #a1afb3; font-size: 12px; color: #fff; text-align: center; width: 50%; display: block; height: 30px; line-height: 30px; padding: 0px !important; width: 156px; text-decoration: none; } .sbxModTable-bwList .bwListLinks a:hover { background: #5e9cae; } .stepsNav { width: 700px; overflow: visible; margin-top: 10px; } a.stepNav-btn { display: block; float: left; position: relative; width: 154px; height: 136px; background: url(../images/stepsNav-a.png) no-repeat left top; color: #434848; text-decoration: none; line-height: .8em; text-shadow: -1px -1px #e3e3e3; } a.stepNav-btn:hover { background-position: left bottom; text-shadow: -1px -1px #ffc72d; } a.stepNav-btn img { position: absolute; top: 63px; left: 6px; } a.stepNav-2, a.stepNav-3, a.stepNav-4, a.stepNav-5 { margin-left: -19px; } a.stepNav-1 { z-index: 25; } a.stepNav-2 { z-index: 24; } a.stepNav-3 { z-index: 23; } a.stepNav-4 { z-index: 22; } a.stepNav-5 { z-index: 21; } a.stepNav-btn .stepTitle { font-size: 14px; display: block; margin: 0 20px 0 0; font-family: 'MemphisLTStdBold', Arial, Helvetica, sans-serif; line-height: 1.0em; text-align: center; } a.stepNav-btn .stepNum { font-size: 11px; display: block; margin: 13px 20px 0 0; font-family: 'MemphisLTStdBold', Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; } a.stepNav-5 .stepNum { margin-top: 7px; } .event-top { clear: both; height: 128px; margin-bottom: 2em; } .event-top img { display: block; border: 3px solid #e0ded8; float: left; } .event-top .info { border: 1px solid #e5e5e5; height: 126px; background: url(../images/mEvents-bg.png) repeat-x; float: right; width: 474px; } .event-top p { margin: 0px; } .event-top p.content { padding: 13px 17px 0 17px; width: 296px; float: left; line-height: 1.4em; } .event-top p.btns { float: right; width: 138px; margin: 4px 4px 0 0; } .event-top a.btn { display: block; width: 138px; height: 59px; background: #a1afb3; text-align: center; color: #fff; font-family: MemphisLTStdBold, Arial, Helvetica, sans-serif;; font-size: 19px; line-height: 59px; text-shadow: -1px -1px #809297; text-decoration: none !important; border-radius: 0px !important; box-shadow: none !important; padding: 0px; border: none !important; } .event-top a.btn:hover { text-shadow: -1px -1px #337183; background: url(../images/eventtop-btnBg.png) no-repeat; text-decoration: none; } .event-top a.btn-register { margin-bottom: 1px; } .event-top a.btn-contact { line-height: 1.0em; } .event-top a.btn-contact span { display: block; padding-top: 8px; text-shadow: none; font-size: 12px; font-family: Arial, sans-serif; font-weight: bold; } .event-nav { background: url(../images/eventnav-bg.png) no-repeat left top; width: 736px; height: 40px; margin: -10px 0 16px -30px; } .event-nav ul { height: 33px; margin: 0; padding: 7px 0 0 0; } .event-nav ul li { background: none; padding: 0px; background: none; float: left; height: auto; } .event-nav ul li a { padding: 0 22px; font-size: 13px; font-weight: bold; color: #505050; background: #e0e0e0; line-height: 33px; height: 33px; display: block; } .event-nav ul li a:hover { background: #f0ab00; text-decoration: none; } .event-nav ul li a.current { background: #5e9cae; color: #fff; border-right: 2px solid #fff; padding-right: 20px; } div.ourloc-map { display: block; margin: -26px 0 1em -22px; position: relative; } div.ourloc-map img { cursor: pointer; } div.ourloc-map a#mapToggle { position: absolute; bottom: 12px; left: 608px; /*background: #ccc;*/ width: 102px; height: 20px; display: block; } div.ourloc-map a#mapToggle span { display: none; } div#mapImg { background: url(../../../storage/Our_Locations/gptw-locations-map-world.png) no-repeat; width: 718px; height: 399px; } div#mapImg.map-detail { background: url(../../../storage/Our_Locations/gptw-locations-europe-detail.png) no-repeat !important; } .service-box { clear: both; color: #3b3b3c; font-size: 14px; line-height: 1.3em; background: url(../images/servBox-bgTall.png) no-repeat; width: 659px; height: 224px; margin: 12px 0 24px 0; position: relative; zoom: 1; } .service-boxCon { padding: 23px 30px 0 135px; } .service-box h3 { margin: 0 0 0 0; color: #3b3b3c; font-size: 33px; line-height: 1.05em; } .service-box h3 a { color: #3b3b3c; text-decoration: none !important; } .service-box h3 a:hover { text-decoration: underline !important; } .service-box h4 { margin: 0 0 0 0; color: #3b3b3c; font-size: 22px; line-height: 1.05em; } .service-box div.img { position: absolute; top: 14px; left: 0px; margin-left: -33px; background: url(../images/servBox-img.png) no-repeat; width: 151px; height: 158px; } .service-box div.img img { display: block; padding: 0px; margin: 12px 0 0 5px; } .service-box ul li { padding: .1em 0 .3em 13px; background-position: 0 .65em; zoom: 1; } .service-box a.arrow { display: block; width: 35px; height: 35px; position: absolute; right: 4px; bottom: 4px; background: url(../images/mCall-arrows.png) no-repeat 0px -70px; } .service-box a.arrow:hover { background-position: 0px -210px; } .sbBlue div.img { background-position: left center; } .sbBlue a.arrow { background-position: 0 -105px; } .sbBlue a.arrow:hover { background-position: 0 -245px; } .sbRed div.img { background-position: left bottom; } .sbRed a.arrow { background-position: 0 -280px; } .sbRed a.arrow:hover { background-position: 0 -315px; } /* Timeline Boxes */ .timeline { position: relative; } .timeline .item { width: 677px; height: 81px; margin-bottom: 15px; position: relative; clear: both; background: url(../images/timeline-box.png) no-repeat; } .timeline .item span { color: #434848; font-size: 25px; font-family: 'MemphisLTStdMedium', Arial, Helvetica, sans-serif; text-shadow: -1px -1px #fff; display: block; float: left; width: 134px; height: 55px; line-height: 55px; margin-top: 13px; text-align: center; } .timeline .item p { font-weight: bold; font-size: 17px; line-height: 1.2em; color: #282828; margin: 18px 10px 0 26px; float: left; } .timeline .item p.single { margin-top: 30px; } .timeline img#timeImg { position: absolute; top:60px; right: -4px; z-index: 100; } .timeline .item img { position: absolute; top: 1px; right: 6px; }