/* ------------------------------------------------- ----- MASTER STYLESHEET -------- ------------------------------------------------- Domains Affected: gsicorp.com gsifinserv.com gsipharma.com gsitechnica.com gsisearch.com Please do not edit these next 5 lines! Theme Name: GSI Corp Theme URI: http://www.ocularharmony.com Description: Wordpress theme for GSI Corp Author: Robin Bastien + Kevin Valliere Author URI: http://www.ocularharmony.com ------------------------------------------------- */ /*------------------------------------------------- 1.0 FONTS Adds custom font support for gsicorp.com -------------------------------------------------*/ @font-face { font-family: league; src: url('/wp-content/themes/gsi/fonts/League_Gothic.otf'); } /*Begin Fundamentals*/ /*---------------------------------------------------------------*/ html {padding-bottom: 15px;background-image: linear-gradient(bottom, rgb(240,240,240) 0%, rgb(252,252,252) 100%, rgb(255,255,255) 88%); background-image: -o-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(252,252,252) 100%, rgb(255,255,255) 88%); background-image: -moz-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(252,252,252) 100%, rgb(255,255,255) 88%); background-image: -webkit-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(252,252,252) 100%, rgb(255,255,255) 88%); background-image: -ms-linear-gradient(bottom, rgb(240,240,240) 0%, rgb(252,252,252) 100%, rgb(255,255,255) 88%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(240,240,240)), color-stop(1, rgb(252,252,252)), color-stop(0.88, rgb(255,255,255)) ); min-height: 100%; background-repeat: no-repeat;} body {font-size: 62.5%;font-family: helvetica, Verdana, Arial, Sans-Serif; color: #333; margin: 0px 0 0px; background: url(images/header-bg2.jpg) repeat-x center -20px !important } .wrapper {width: 900px; margin: 0 auto; clear: both} .TheJobBoard #mainblock img {margin-left: -35px !important} .home .wrapper {} #content {font-size: 1em; } #header {width: 100%; text-align: left; height: 132px;padding-top: 0px; position: relative;} #header #logo {float: left; margin-bottom: 0px; position: relative;} #header #logo a {display: block;width: 134px; height: 92px; background: url("images/logo2.png") no-repeat; float: left} #header #phones {position: absolute; right: -121px; top: 17px;} #content {height: auto !important; height: 500px; width: 900px; padding: 0 10px; margin-left: -10px; float: left; text-align: left} #footer {border: 1px solid #BBBBBB;width: 880px; float: left; padding: 10px 10px; background-color: #f5f5f5; margin-top: 20px; border-radius: 2px; height: 80px; margin-bottom: 10px; line-height: 25px;} #tagline {float: left; clear: none; padding-top: 34px; color: #b6c8dc; font-size: 14px; font-style: italic;} #navigation {width: 100%; height: 30px; display: block} #nav {height: 56px; float: left; margin-top: 0px; margin-left: 0px; padding-bottom: 20px; clear: both; font-weight: bold; width: 100%} ul#menu-nav {margin-top: 0; margin-left: 0; padding-left: 0} #editpage {position: fixed; z-index: 999; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 8px; background-color: #333;} #sidebar {width: 190px; min-height: 200px; float: left; font-size: 11px} #sidebar ul {padding: 0 10px 0 0; margin-top: 0;} #sidebar ul li {list-style-type: none; margin-bottom: 0px;} #sidebar li li {margin-bottom: 3px;} #sidebar a {color: #1E7CCE; font-weight: bold; text-decoration: none;} #sidebar input[type="text"] {width: 160px; height: 15px;} #sidebar h2 {width: 100% !important; margin: 0px 0 5px 0 !important; font-size: 1.2em; height:15px;} img {border: none;} p {font-size: 1.4em; text-align: left; font-family: helvetica, arial, sans-serif; line-height: 25px;} a.joblistingbutton {display: block; margin: 0px; height: 13px;color: #eee; padding: 7px 14px; font-size: 15px; font-weight: bold; text-decoration: none; position: absolute; top: 0px; right: 0; background-color: #D58E37; border-radius: 0px 0px 3px 3px; text-align: center;} a.joblistingbutton:hover {color: white;} /*Body Elements*/ /*---------------------------------------------------------------*/ #nav ul { float: left; padding: 0; margin-top: 5px; text-transform: uppercase; -moz-border-radius: 4px; -webkit-border-radius: 4px; height: 32px; } #nav li {display: block; float: left; height: 32px; text-align: center; width: auto !important; clear: none; position: relative } #nav li a {display: block; width: auto !important; height: auto; font-size: 1.2em; padding: 6px 12px 0px; color: #555;} #nav li a:hover, #nav li.current_page_item a, body.JobPage #menu-item-243 a, body.JobPage #menu-item-256 a {color: #d58e37 !important;} #nav li ul {position: absolute; width: 160px; left: -999em; top: 27px; height: auto; background-color: #f1f1f1; border: 1px solid #ddd; padding: 4px 3px; z-index: 99999; border-width: 0px 1px 1px 1px; border-radius: 0px 0px 4px 4px;} #nav li:hover ul, #nav li.sfhover ul {left: -40px;} #nav li ul a, #nav li li {float: left;} #nav li ul li, #nav li ul li a {text-align: left; width: 150px; clear: both} #nav a .navhover {display: none; width:100%; height: 6px; margin-top: 3px; background-color: #302d54;} #nav a:hover .navhover {display: block;} #nav li a.hassub:hover {color: #555555 !important; cursor: text;} .column, .wideblock {background: url(images/page-bg2.png) repeat-x bottom white; margin-top: 10px; border-radius: 2px; border: 1px solid #bbb; width: 285px; float: left; line-height: 18px; color: #333; padding-right: 30px; font-size: 1.2em; padding-left: 15px; overflow: visible} .columnwide, .narrowblock, .wpjb-fieldset-apply {border: 1px solid #bbb;padding-left: 0px;width: 520px; margin-right: 15px; background: url(images/page-bg2.png) repeat-x bottom white; margin-top: 10px; border-radius: 2px; line-height: 25px;padding: 0px 15px;} .jobBoard #gogogo { border-bottom: 3px solid #D9D9D9; padding-bottom: 10px; } .wpjb-single-info { float: left; width: 440px; padding-right: 15px; border-right: 1px solid #bbb; } .wpjb-single-apply { float: left; width: 390px; } .wpjb-single-apply .wpjb-fieldset-apply { background: none; width: 100%; padding: 0 2px !important; margin-top: 0 !important; border: none !important; } .wpjb-single-apply .wpjb-field { width: 90% !important; } .wpjb-single-apply .wpjb-label { width: 60% !important;} .wpjb-single-apply .wpjb-form div input[type=text], .wpjb-single-apply .wpjb-form div input[type=password], .wpjb-single-apply .wpjb-form div select { width: 250px !important; } .wpjb-single-info table.wpjb-info tbody { border-top: none; }#content .post img {padding: 3px; border: 1px #eee solid; margin: 5px;} #contentform {min-height: 400px; height: auto !important; height: 400px;} #contentform h3 {color: #666; } #contentform .formblock{width:400px; margin-bottom:50px; min-height:400px;height: auto !important; height: 400px; float:left;display:inline;padding:10px 25px; font-size: 0.8em;} #contentform .formblock form{padding: 10px 10px 10px 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } input[type="text"], textarea {border: 1px solid #999; padding: 4px; font-size: 1.0em; color: #444; width: 290px; font-family: Helvetica, arial, sans-serif; background-color: #f8f8f8;} textarea {height: 70px;} #contentForm input {float: left; display: inline;} #contactForm p label {float: left; display: inline; width: 80px;} #contactForm .messagelabel {width: 90px;} .entry, #content h1 {text-align: left;} #copyright {width: auto; float: left; clear: none; text-align: center; margin-left: 200px;} #content img.noborder {border: 0px;} .home #content #mainblock {width: 914px;} #content #mainblock {margin-top: 5px; width: 974px !important; position: relative; height: 277px; background: url(images/slider-bg2.png) no-repeat center bottom; display: block; float: left; padding: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-left: -31px;} #content #mainblock h1 {position: absolute; top: 190px;margin-bottom: -150px; left: 37px; padding: 5px; background: url('images/h1-fade.png') repeat-y right transparent; color: white; font-size: 25px; float: left; width: auto; opacity: 0.9; text-align: left; z-index: 997; font-family: league, helvetica; font-weight: normal; text-transform: uppercase;} #content #mainbanner2 {width: 100%; height: 263px; background: url(images/main-banner-2.jpg) repeat-x center bottom;display: none; padding: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; position: absolute;} #content #mainblock .slideshow { display: block; position: relative; width: 100%; left: 19px; height: 250px; overflow: hidden; } #content #mainblock #paging {position: absolute; bottom: -5px; left: 420px; z-index: 999; } #content #mainblock #paging a {float: left; overflow: hidden; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #bbb; width: 15px; height: 15px; margin-right: 5px; display: block; text-indent: -999px; border: 0px; text-decoration: none; } #content #mainblock #prev, #content #mainblock #next {text-indent: 0px; display: none; width: 30px; height: 30px; position: absolute; z-index: 999; text-decoration: none !important; border-bottom: none; opacity: 0.8} #content #mainblock #prev {left: 65px; top: 110px; background: url(images/prev.png) no-repeat;} #content #mainblock #next {right: 65px; top: 110px; background: url(images/next.png) no-repeat;} #content #mainblock #paging a.activeSlide, #content #mainblock #paging a:hover {background-color: #4E80B7;} #content #mainblock div {left: 23px; position: absolute} #content #mainblock .slideshow div {position: relative;} #content .slideshow img, #content #mainblock div img {width: 861px !important; height: 232px !important;border: none; margin: 0; padding: 10px 0 0 36px; float: left; width: auto;} #content #mainblock div img {margin-left: 0px;} #content #mainblock .buttons {position: absolute; z-index: 10; right: 0;display: block; float: right; width: 455px; padding: 10px; color: white; font-family: Helvetica, arial, sans-serif; margin-left: 80px; padding-right: 15px;} #content #mainblock .buttons p {text-align: right; font-size: 1.4em;} #content p, #content li { font-size: 1em; color: #3333; font-family: helvetica, arial, sans-serif; line-height: 23px;} #content p a {font-size: 1em; font-weight: normal;color: #5c7b9f; border-bottom: none;} #content #mainblock .buttons .btn {float: right; display: block; margin-bottom: 5px; width: 131px; height: 26px; font-size: 1.1em; margin-right: 5px;} #content #mainblock .buttons .btn:hover {background-position: bottom;} #content #mainblock .buttons .btn a, #content #mainblock .buttons .btn a:hover {display: block; width: 100%; height: 20px; border: none; color: black; padding-top: 7px; text-align: center; color: white; font-weight: bold;background-color: #457cae; } #content #mainblock .buttons .btn a:hover {background-color: #72a8d8;} #content .wideblock {width: 580px; padding-right: 20px; float: left; overflow: visible !important} #content .narrowblock {width: 290px; padding: 0 5px; float: right; font-size: 1.2em;} #error404 {width: 100%; text-align: center; padding-top: 30px;} #content .wideblock {width: 556px; margin-right: 13px;} #content .wide.wideblock {width: 860px;} #content .narrowblock {margin-right: 0px; width: 282px;} .narrowblock input, .narrowblock textarea {width: 100%} .page-id-4 .narrowblock {display: none;} .page-id-4 .wideblock {width: 100%} /*browse jobs page*/ body.JobPage .wideblock {width: 864px !important; height: auto !important; min-height: 600px !important} #searcharea {width: 400px; min-height: 600px; height: auto !important; height: 600px; margin-right: 20px; float: left; display: block;} .wpjb-cancel {display: none !important} .wpjb-button {background-color: #457CAE !important; color: white !important;} .jobarea {width: 100%; float: left; display: block; line-height: 17px;} #searchsubmit { position: absolute; left: 184px; top: -1px; border: 0; width: 23px; height: 23px;} #searchform {position: relative} .introheader {height: 204px; margin-bottom: 10px; width: 100%; background: url('images/inner-header.jpg') no-repeat center; float: left; } .introheader h1 {padding-left: 40px; padding-top: 26px; display: block; width: 400px; float: left; color: #5399d3;} .introheader blockquote { color: #666; font-size: 1.8em; display: block; width: 550px; line-height: 22px; clear: both;} .resumeheader {background: url(images/inner-header-resume.jpg) no-repeat center;} .browsejobs {background: url(images/inner-header-browse.jpg) no-repeat center;} .contactpage {background: url(images/inner-header-jobs.jpg) no-repeat center;} .thejob {background: url(images/inner-header-jobs.jpg) no-repeat center;} .jobcriteria {display: block; float: right; width: 300px; height: 100%; margin-top: 40px;} .jobcriteria ul {margin: 0; padding: 0;} .jobcriteria ul li {list-style-type: none; font-size: 1.3em; line-height: 23px; width: 150px; float: left;} .jobcriteria ul li a {color: #5399d3;} .itsajob {float: left; width: 275px; height: 275px; overflow: hidden; position: relative; margin-bottom: 20px; margin-right: 18px;} #content .itsajob p {font-size: 1em; line-height: 21px;} span.jobtitle {font-size: 1.5em; display: block; width: 265px; padding: 0 10px; border-bottom: 2px solid #bbb; color: #5399d3; padding-left: 5px; background-color: white;} .highlightjob {border-left: 3px solid #bbb; display: block; height: 100%; width: 100%; float: left; position: absolute; left: 0; top: 0;} .highlightjob:hover { border-color: #5399d3;} .itsajob .meta {padding: 5px 12px; display: block;} .itsajob:hover { border-color: #5399d3; color: black; background-color: #f3f6f8;} .highlightjob:hover .meta, .itsajob:hover .meta, .highlightjob:hover .meta p {color:black !important;} /*Begin Typography*/ /*---------------------------------------------------------------*/ #mainblock h1 {font-family: times new roman, sans-serif;float: left; clear: both; width: 100%; display: block; margin: 0; text-transform: none;text-align: right;} #content a {color: #7c7c7c; text-decoration: none; border-bottom: 1px dotted #7c7c7c;} #content a:hover {border-bottom: 1px solid; color: color: #d58e37; } #content .theindustry a {font-size: 1em; text-transform: capitalize; color:} .onemeta {display: block; float: left; width: 80px; margin-right: 10px; font-weight: bold;} .meta p {margin: 0; font-family: Helvetica, arial, sans-serif; font-size: 1em; line-height: 17px; } #header h2 {font-size: 1.2em; font-style: italic; font-family: times new roman; color: #ddd; margin: 0 3px; padding: 0; clear: none; font-weight: normal;} #content h2,#content .column h2 {font-size: 1.3em; font-weight: bold; width: 100%; border-bottom: 1px solid #ddd;} #nav a {text-decoration: none; color: #333;} .alignleft {float: left;} .alignright {float: right;} .aligncenter {text-align: center;} #footertext {float: right; color: #bbb;} #footertext a, #footertext a:visited, #footertext a:hover, #footertext a:active {color: #bbb; text-decoration: underline; border-bottom: none} a.hotlink {padding: 4px; background-color: #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-decoration: none; font-family: Helvetica, verdana, arial, sans-serif; font-size: 0.85em; color: #444; border: 1px solid #aaa; text-align: right;} a.hotlink:hover {background-color: #bbb} img.bioimage {padding-bottom: 300px;} #content.widecolumn .post a {border-bottom: none;} #editpage a {color: #fff;} #content .column .meta {font-size: 1.3em; margin-bottom: 1em; display: block; float: left;} #wpjb_main .job-view-header {background: url(images/job-view-head.jpg) repeat-x; display: block; height: 20px; width: 860px !important; border: 1px solid #d1d1d1; padding: 9px; margin-bottom: 0px !important;-moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-radius-top-left: 3px;-webkit-border-radius-top-right: 3px; margin-top: 20px; color: #444;font-size: 1.3em; } .singlepage div.wpjb_job_info, div.wpjb_job_text {background-color: #E5ECF9; width: 858px; padding-left: 20px;border: 1px solid #d1d1d1 !important; border-collapse: separate !important; float: left; clear: left; } div.wpjb_job_text {background-color: #FEFEFE !important; padding: 10px 5px 5px 20px; width: 853px !important; float: left; margin-top: 0px; line-height: 19px;} .wpjb_job_info span, .wpjb_job_info strong {width: 180px; padding: 3px 20px 3px 2px; float: left; display: block; clear: none;} .social {float: left; clear: none;} .social a {text-decoration: none; border-bottom: none !important} .social img {width: 18px; height: 18px;} .page-id-46 #content .narrowblock {width: 708px !important; padding: 0px 0 0 189px; float: left;} .page-id-46 #content .narrowblock h2 {width: 520px;} .page-id-46 #content .wideblock {width: 290px; float: right} .page-id-46 .narrowblock input[type="file"] {width: 350px;} .page-id-46 .narrowblock input[type="text"] {width: 510px;} .page-id-46 .narrowblock textarea {width: 510px; height: 100px;} .jobBoard {width: 850px !important; padding-bottom: 10px;} .narrowblock p {width: 200px;} span.wpcf7-form-control-wrap {width: 50px;} .page .wpcf7 {padding-left: 30px;} .home .wpcf7 {padding-left: 0px;} #stripe {background: url('images/button-bg.png') no-repeat transparent; width: 533px; height: 38px; padding-top: 6px; float: left; padding-right: 15px; margin-left: -50px;} .btncontain {padding-right: 30px;} .wpcf7-submit {display: block; color: white; background-color: #d58e37; width: 150px; padding: 4px 0; border:none; font-weight: bold;} .wpcf7-submit:hover {background-color: #e2983d; cursor: pointer; border-width: 0px} /*Job board index*/ #post-180 .wideblock {width: 100%; background-color: white; background-image: none; border: #eee; padding: 10px 0;} #post-180 .passwordform {padding-left: 300px;} #post-180 .passwordform input[type="text"], #post-180 .passwordform input[type="password"]{font-size: 1.2em; padding: 5px; width: 200px;} #post-180 .passwordform p {width: 400px; float: left; clear: both; padding-top: 5px;} #wpjb-main {float: left; width: 100%;} .wpjb-form div.wpjb-field {clear: both !important} .page h1 {float: left} /*Job board with sidebar*/ .wpjb-ShowJobBoard #JobBoardSidebar {width: 200px; float: left;} .wpjb-ShowJobBoard #wpjb-job-list {width: 700px !important; float: left;} .wpjb-ShowJobBoard #wpjb-job-list td a {color: #1E7CCE} #wpjb_widget_alerts input[type="text"] {margin-bottom: 5px;} #JobBoardSidebar #sidebar .widget {line-height: 21px; padding: 5px 0; border-bottom: 1px solid #eee} .jobBoard.wideblock {float: left; clear: both} .jobBoard.wideblock h1 {float: left; width: 862px;} .wpjb-table {font-size: 1.2em} .wpcf7-form p {line-height: 12px !important} .wpcf7-form .ajax-loader {float: left} body.page-template-send-resume-php .narrowblock, body.page-template-send-resume-php .post {width:870px ; min-height: 463px} /* iPhone / Mobile View */ @media screen and (max-width: 480px) { .column, #footer {width: 350px !important; margin: 5px 10px; padding: 5px} body, body div {max-width: 478px !important } #nav li {width: 100% !important; float: left; background-color: #eaeaea; border-bottom: 1px dotted #bbb} #nav, #nav ul {height: auto; margin-top: 0px} .slideshow img {max-width: 458px; max-height: 121px; padding: 0px 10px !important; } .slideshow {background: none; height: auto} #mainblock {max-width: 478px !important;background-image: none !important} }