@import url(/fancybox/jquery.fancybox-1.3.1.css);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,  blockquote,
a, abbr, acronym, address, big, cite, 
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, 
dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

a {
    color:#000;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}

.cufon {
    position: relative;
    z-index: 1;
}

.field {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    color:#8e8e8e;
}


.submitbutton {
    background-color: #737165;
    border: 1px solid #D4D5CD;
    color: #fff;  
}
.blackie
{
    background-color: #000;
    border: 1px solid black;
    color: #fff;
}

.redlink {
    color:#E4000F;
    font-weight:700;
}

span.required {
    color:#f00;
}

html,body {
    height:100%;
}
html {
    background:#CDD7D9 url(/images/site-background.jpg) repeat-x top;
    font:8pt/13pt Arial,sans-serif;
    color:#424242;
}
h1 {
    font-size:26px;
    margin:0;
    padding:0 0 10px 0;
    color:#727165;
    font-weight:300;
   
}
h2 {
    font-size:20px;
    margin:0;
    padding:0 0 10px 0;
    color:#727165;
    font-weight:300;
}


h3 {
    font-size:18px;
    color:#727165;
    font-weight:300;
    padding:10px 0;
}
h4 {
    color:#000;
    margin:0;
    padding:10px 0;
}
h5 {
    padding:10px 0;
}
hr {
    height:1px;
    background:#ccc;
    border:0;
    clear:both;
}
#site-container {
    width:980px;
    margin:0 auto;
}
#site-container a.red {
    color:#E4000F;
}
/*header*/
#header-container {
    height:103px;
    background:#fff;
}
#logo {
    width:160px;
    height:103px;
    float:left;
}
#logo-inner {
    padding:7px 0 0 41px;
    float:left;
}

#tagline {
    float:right;
    width:auto;
    
}
#tagline h2 {
    color:#e2001a;
    font-size:20pt;
    padding:50px 40px 20px 40px;
}


/*navigation*/

#nav-container {
    height:33px;
    background:#727165;
    width:980px;
    position:relative;
    z-index:100;
}
ul.navigation {
  
    float:left;
    width:956px;
    height:33px;
    display:inline;
    list-style:none;
    padding:0 0 0 25px;
    margin:0;
    z-index:3000;
    
}

ul.navigation li {
    height:33px;
    border-right:1px solid #8e8d84;
    float:left;
    display:inline;
    position:relative;
    z-index:2000;
}
ul.navigation li.active {
    background:#e2001a;
    border-right:1px solid #e2001a;
}
ul.navigation li a {
    color:#fff;
    padding:8px 10px;
    display:block;
    text-decoration:none;
    font-weight:700;
}

ul.navigation li:hover {
    background:#e2001a;
    border-right:1px solid #e2001a;
}

#nav-container ul li div.submenu {
    position:absolute; 
    display:none;
    border:1px solid #727165;
    background:#efefef;
   
    width:auto;
    overflow:visible;
    float:left;
    border-top:0;
    
}



#nav-container ul li div.submenu ul {
    float:left;
    width:auto;
    display:inline;
    padding:10px;
    margin:0;
    height:100%;
    min-height:100%;

    
}
#nav-container ul li div.submenu ul li {
    list-style:none;
    border:0;
    float: none;
    margin:0;
    padding:0;
    width:auto;
    height:auto;
}
#nav-container ul li div.submenu ul li a{
    color:#000;
    padding:2px 0;
    margin:0;
    width:130px;
    background:none;
}
#nav-container ul li div.submenu ul li ul {
    padding:0 0 0 10px;
    margin:0;
}
#nav-container ul li div.submenu ul li ul li a {
    color:#727165;
}
#nav-container ul li div.submenu ul li a:hover{
    text-decoration:underline;
    background:#efefef;
}
#nav-container ul li div.submenu ul li h2 {
    font-size:12px;
    font-weight:700;
    color:#e2001a;
}


/*content & sidebars*/
#content-container-home,#content-container {
    width:980px;
    background:url(/images/homepage-content-background.jpg) repeat-y;
    float:left;
    display:inline;
}

#content-container {
    background:#fff url(/images/inside-content-background.jpg) repeat-y left;
}

#sidebar-left {
    width:220px;
    float:left;
    display:inline;
    background:url(/images/left-sidebar-background.jpg) no-repeat top;
    min-height:497px;
}
#sidebar-left h3,#sidebar-right h3 {
    padding:10px 0 10px 13px;
}
#sidebar-left-top {
    width:220px;
    height:36px;
    background:url(/images/sidebar-top-left-background.jpg) no-repeat;
}

#sidebar-career-left {
    width:220px;
    float:left;
    display:inline;
    background:url(/images/left-sidebar-career-background.jpg) no-repeat top;
    min-height:497px;
}

#jobs-by-position {
    width:220px;
}

ul.sidebar-list {
    padding:10px 15px;
    margin:0;
    list-style:none;
}

 ul.sidebar-list li {
    padding:1px 10px;
    background:url(/images/red-arrow.png) no-repeat 0 8px;
}

ul.sidebar-list li a {
    color:#000;
    text-decoration:none;
}

ul.sidebar-list li a:hover {
    text-decoration:underline;
    color:#E2001A;
}

#jobs-by-type-heading {
    background:url(/images/jobs-by-type-background.jpg) no-repeat;
    width:220px;
    height:36px;
}

#jobs-by-keyword-heading {
    height:36px;
    background:#eaebe5;
}
/*sidebar search*/
#search {
    margin:10px 0;
}

#search .search-input {
    float:left;
    display:inline;
}

#search .submit {
    float:left;
    margin-left:10px;
    display:inline;
}

.search-input {
    width:144px;
    height:30px;
    background:url(/images/search-input.png) no-repeat;
}

.search-input .field {
    border:0;
    outline:0;
    width:130px;
    margin:8px 0 3px 5px;
    font-size:10pt;
}

/*homepage right hand sidebar latest jorbs*/

.latest-job-item {
    padding:10px 20px;
    border-bottom:1px dotted #ccc;
}

.latest-job-item h4 {
    padding:0 0 2px 0;
}

.latest-job-item h5 {
    padding:0 0 2px 0;
}

.latest-job-item h5 span {
    color:#a8ac9a;
}

/*content*/
#content-home, #content {
    float:left;
    width:539px;
    display:inline;
}
#content {
    width:760px;
}
#content-inner {
    padding:20px 20px 40px 20px;
    float:left;
}

/*homepage banner*/

.banner {
    width:539px;
    height:291px;
    position:relative;
    
}

.banner-inner {
    padding:86px 0 0 20px;
    width:260px;
}

.banner-inner h1 {
    color:#727165;
}

.medium-input {
    width:214px;
    height:30px;
    background:url(/images/med-text-input.png) no-repeat left;
    
}

.medium-input .field {
    margin:7px 5px;
    width:200px;
}

#sidebar-right {
    float:left;
    width:221px;
    display:inline;
    background:url(/images/right-sidebar-background.jpg) no-repeat;
    min-height:497px;
}

.latest-top-jobs-heading {
    width:221px;
    height:50px;
    background:url(/images/latest-top-jobs-heading.jpg) no-repeat;
}

.latest-top-jobs-heading h3 {
    padding:15px 20px;
}

/*homepage promo boxes*/

#promos {
    float:left;
    width:100%;
    display:inline;
}

#promos-inner {
    padding:10px 0 10px 10px;
    float:left;
    display:inline;
}

#sign-up {
    background:url(/images/sign-up-background.jpg) repeat-x;
    width:255px;
    height:148px;
    float:left;
    display:inline;
}

#sign-up h3 {
    color:#fff;
    margin:0;
    padding:2px 0;
    
}

#sign-up a {
    color:#dcded4;
    font-size:8pt;
}

#meet-the-team {
    float:left;
    width:255px;
    height:148px;
    background:url(/images/meet-the-team.jpg) no-repeat;
    display:inline;
    margin-left:10px;
}

#meet-the-team h2 {
    padding:20px 10px 0 10px;
    font-size:20pt;
    color:#000;
}
/*foooter*/
#footer-container {
    width:980px;
    clear:both;
}

#footer {
    width:670px;
    text-align:center;
    margin:20px auto;
}

#footer ul {
    list-style:none;
    float:left;
    width:100%;
    display:inline;
    margin:0;
    padding:0;
}

#footer ul li {
    float:left;
    margin:0;
    padding:0;
    font-size:8pt;
}

#footer ul li a {
    color:#555;
    
}

#footer ul li.divider {
    float:left;
    padding:0 5px;
}

/*job results page*/
.jobresult {
    background: #EAEBE5;
    float: left;
    padding: 1em;
    
}

.landing-page-content .jobresult {
    width: 475px;
}




.jobresult a {
    color:#000;
}

.altrow {
    background: #F4F4F2;
}

.jobresult .row {
    float: left;
}

.jobresult .row .label
{
    float: left;
    font-weight: 700;
    padding-bottom: 3px;
    width: 150px;
}

.jobresult .row .value {
    float: left;
    width: 500px;
}

.landing-page-content .row .value {
    width: 300px;
}

/*job display layout*/

.job-details-container {
    float:left;
    width:100%;
    display:inline;
}
.job-details-inner {
    padding:15px;
    background:#F20000;
}
.job-details-header {
    background:url(/images/ocgo-red-logo.gif) no-repeat right;
    height:118px;
    color:#fff;
    padding:15px 0;
    width:650px;
}
.job-header-text {
    padding:41px 0;
}
.job-header-text h3 {
    padding:3px 0;
    margin:0;
    font-size:14pt;
    color:#fff;
}
.job-details-content {
    background:#fff;
    padding:10px;
}
 
 
 /*Job seeker*/
#jobsearch_tab {
    background: url(/images/tab_left_on.jpg) no-repeat;
    cursor: pointer;
    float: left;
    height: 30px;
    position: relative;
    width: 125px;
}

#browse_tab {
    background: url(/images/tab_middle_on.jpg) no-repeat;
    cursor: pointer;
    float: left;
    height: 30px;
    position: relative;
    width: 125px;
}

#refsearch_tab {
    background: url(/images/tab_middle_on.jpg) no-repeat;
    cursor: pointer;
    float: left;
    height: 30px;
    position: relative;
    width: 125px;
}

#jobsearch,#browse,#refsearch {
    background: url(/images/job_search_bg.jpg) repeat-x;
    width: 661px;
}

#refsearch {
    height: 396px;
}


/*personnel*/

.personnelcontainer {
    float:left;
    width:700px;
    margin-bottom:5px;
    background:#EAEBE5;
}
.personnelcontainer .top {
    width:589px;
    float:left;
    border-bottom:1px solid #fff;
}
.personnelcontainer .image {
    background:#DCDED3;
    float:left;
    width:110px;
    display:inline;
    
}

.personnelcontainer .description h1 {
    font-size:11pt;
}

.personnelcontainer .title {
    float:left;
    width:400px;
    margin-right:5px;
    padding:5px 5px 0 10px;
    
}
.personnelcontainer .title h1 {
    font-size:10pt;
    text-transform:uppercase;
}
.personnelcontainer .contact {
    float:right;
    width:161px;
    background:#DCDED3;
}

.personnelcontainer .description,.personnelcontainer .positions  {
    float:left;
    background:#EAEBE5;
    width:567px;
    display:inline;
    padding:5px 3px;
    
}
.personnelcontainer .positions  {
    border-bottom:1px solid #fff;
    background:#EAEBE5;
    color:#E2001A;
    width:577px;
}

.personnelcontainer .phone {
    margin:5px 0 0 0 ;
    padding:0 0 0 5px;
}

.personnelcontainer .email {
    margin:0 0 5px;
    padding:0 0 0 5px;
}
.personnel-details-container {
    width:567px;
    float:left;
    display:inline;
    padding-left:5px;
}

/*a snapshot of our recruitment process*/
#snapshot {
    color:#000;
}

#snapshot th {
    background:#859FB0;
    color:#000;
    width:30%;
}

.circlelist {
    list-style-image:url(/images/circle_arrow_right.jpg);
    margin-left:0;
    padding-left:18px;
}
.circlelist li {
    margin-bottom:5px;
}


/*candidate profile*/
.candidateprofile
{
    background: #EAEBE5;
    border: 1px solid #737165;
    margin-top: 5px;
    padding: 0.8em;
    width: 660px;
}


/*Utility*/
.clear {
    clear:both;
    height:0;
    font-size:0;
    overflow:hidden;
}
.five-px-tb-padded {
    padding:5px 0;
}
.ten-px-padded {
    padding:10px;
}
.tb-padded {
    padding:15px 0;
}
.nopadding , .nopad {
    padding:0;
}
.nomargin {
    margin:0;
}
.white {
    color:#fff;
}

.left {
    width:auto;
    float:left;
    display:inline;
}

.noborder {
    border: 0;
}


.nomargin {
    margin:0;
}

.upper {
    text-transform: uppercase;
}

.capital {
    text-transform: capitalize;
}

.lower {
    text-transform: lowercase;
}

.red {
    color: #E4000F;
}

.bold {
    font-weight: 700;
}

.smallwidth {
    width: 100px;
}

.smallerfont {
    font-size:8pt;
}
table.table-list {
    border:1px solid #ccc;
    border-collapse:collapse;
    padding:10px;
}
.table-list td {
    border:1px solid #ccc;
    padding:10px;
    vertical-align:middle;
    
    
}
.table-list td.download {
    text-align:center;
}


.stdinputbg {
    height:29px;
    line-height:29px;
    background-image:url(/images/stdinputbg.gif);
    background-repeat:no-repeat;
}


.stdinputbg .field {
font-size:16px;
height:22px;
margin:2px 0 0 5px;
background-color:#ededed;
border:1px solid #ededed;
outline:none;
}

.inputbg1 { width:332px; }
.inputbg2 { width:249px; background-image:url(/images/stdinputbg.gif); background-repeat:no-repeat; background-position:0px -29px; }
.inputbg3 { width:171px; background-image:url(/images/stdinputbg.gif); background-repeat:no-repeat; background-position:0px -58px; }
.inputbg4 { width:87px; background-image:url(/images/stdinputbg.gif); background-repeat:no-repeat; background-position:0px -87px; }
.inputbg5 { width:40px; background-image:url(/images/stdinputbg.gif); background-repeat:no-repeat; background-position:0px -116px; }

.inputbg1 .field { width:317px; }
.inputbg2 .field { width:234px; }
.inputbg3 .field { width:156px; }
.inputbg4 .field { width:72px; }
.inputbg5 .field { width:25px; }


.fancytextarea {
    background-color: #EDEDED;
    border: 1px solid #EDEDED;
    font-family: Arial;
    font-size: 16px;
    height: 155px;
    margin: 3px 0px 0px 4px;
    max-height: 155px;
    max-width: 236px;
    outline: none;
    width: 236px;
}

.textareabg {
background-image: url(/images/textareabg.gif);
height: 165px;
width: 249px;
}

.form dl {
    float:left;
    clear:both;
    width:100%;
    margin:2px 0 4px 0;
    display:inline;
}

.form dt {
    float:left;
    width:180px;
    display:inline;
    padding:2px 0;
}
.form dt.errorinput {
    color:#f00;
}

.form dd {
    float:left;
    width:400px;
    display:inline;
}
.form.application dl {
	margin:2px 0;
}
.form.application dt {
	width:142px;
	font-size:12px;
}
.form.application dd {
	width:240px;
	font-size:12px;
}


.form.application dd .textinput {
	border:1px solid #ccc;
	width:236px;
	height:25px;
	padding-left:5px;
}
.form.application dd .textareainput {
	border:1px solid #ccc;
		width:236px;
}
/*Survey*/
.surveygo
{
    background-image: url(/_ps/images/arrow_right.gif);
    background-position: left;
    background-repeat: no-repeat;
    height: 20px;
    vertical-align: middle;
    width: 20px;
}
.surveyinput
{
    border: 1px solid #AAA;
    font-size: 100%;
    margin-top: 0;
    padding-top: 0;
}
.surveynext
{
    background-image: url(/_ps/images/arrow_right.gif);
    background-position: left;
    background-repeat: repeat-x;
    height: 20px;
    width: 75px;
}
.surveywarning
{
    color: #f00;
    font-weight: 700;
    padding: 5px 0 5px 0;
}
.surveyquestioncontainer {
    padding:5px 0 5px 0;
}
.surveyquestion
{
    padding: 5px 0 5px 0;
    font-weight:700;
}

.surveytitle {
    color:#E2001A;
    font-size:11pt;
    padding-top:10px;
}

.h4nopadding {
padding:0;
margin:0;
}

#send-to-friend-form {

}

label.error {
    color:#f00;
    font-weight:700;
    margin-left:20px;
}

.tbllist th, .tbllist td {
    text-align:left;
    padding:1em;
    border-bottom:1px solid #ccc;
}

#padded-home-content {
    padding:10px;
}

#meet-teams-container {
    height:45px;
    width:100%;
    margin:5px 0;
    background:#eaefeb;
}

#meet-teams-container h2 {
    padding:14px 0 10px 23px;
    font-size:16pt;
}

#team-container .team {
    float:left;
    width:172px;
    height:51px;
    float:left;
    display:inline;
    position:relative;
}

#team-container .team h2 {
    position:absolute;
    left:52px;
    top:10px;
    font-size:12pt;
    width:80px;
}

#social-networking {
    background:url(/images/sign-up-background.jpg) repeat-x;
    width:255px;
    float:left;
    height:148px;
    margin-left:7px;
}


.team.fmcg {
    background:url(/images/fmcg-bg.jpg) no-repeat left;
}

.team.financial {
    background:url(/images/financial-services-bg.jpg) no-repeat left;
    margin-left:1px;
}

.team.retail {
    background:url(/images/retail-wholesale-bg.jpg) no-repeat left;
    margin-left:1px;
    width:173px;
}
.team.manufacturing {
    background:url(/images/manufacturing-bg.jpg) no-repeat left;
    margin-top:1px;
}
.team.public {
    background:url(/images/public-sector-bg.jpg) no-repeat left;
    margin-top:1px;
     width:173px;
}
.team.manufacturing {
    background:url(/images/manufacturing-bg.jpg) no-repeat left;
    margin-top:1px;
    margin-left:1px;
}
.team.services {
    background:url(/images/services-bg.jpg) no-repeat left;
    margin-top:1px;
    margin-left:1px;
    width:173px;
}

#new-promos {
    margin:10px 0;
}

.landing-page-content ul {
    list-style:none;
}
.landing-page-content ul li {
    padding:1px 0;
}


/*form*/
.form dl {
    float:left;
    clear:both;
    width:100%;
    margin:2px 0 4px 0;
    display:inline;
}

.form dt {
    float:left;
    width:110px;
    display:inline;
    padding:2px 0;
}
.form dt.errorinput {
    color:#f00;
}

.form dd {
    float:left;
    width:350px;
    display:inline;
}

.form .required {
    color:#f00;
    font-weight:700;
}

.competition-form dl {
    float:left;
    clear:both;
    width:100%;
    margin:2px 0 6px 0;
    display:inline;
}

.competition-form dt {
    float:left;
    width:100px;
    display:inline;
    padding:2px 0;
}
.competition-form dt.errorinput {
    color:#f00;
}

.competition-form dd {
    float:left;
    width:270px;
    display:inline;
}

.competition-form .required {
    color:#83b919;
}

.shortlabels dt {
    width:100px 
}

.textinput {
    outline:none;
}

.moderninput {
    border:1px solid #dbdbdb;
    padding:5px;
    width:300px;
    font-size:12pt;
}


.styledSelect {
    width: 86px;
    font-size: 11px;
    height: 30px;
    margin: 0;
    padding: 0;
    position: relative;
    background: #FFF url(/images/year-dropdown-bg.jpg) top left no-repeat;
}


.styledSelect ul {
    list-style: none;
    padding: 1px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index:10;
    color:#fff;
}

.styledSelect.open ul {
    border: 1px solid #777;
    padding: 0;
    color:#000;
    height:100px;
    overflow:auto;
}

.styledSelect ul li {
    font-family: sans-serif;
    margin: 0;
    padding: 6px 25px 3px 10px;
    display: block;
}

.styledSelect.open ul li { background-color: #FFF; }
.styledSelect.open ul li.selected { background-color: #fff16e; }
.styledSelect.open ul li:hover { background-color: #fff16e; }

#linked-in-feature-container {
	float:left;
	width:718px;
	margin-top:20px;
	border:1px solid #f20000;
}

#linked-in-feature-container .inner {
	padding:10px 15px;
}
#linked-in-feature-container h3 {
	padding:0;
	margin:0;
}

div.error {
    font-size:12px;
    font-weight:700;
    color:#E1152E;
    padding:12px 10px 16px 46px;
    background:#F8F8F8 url(/images/error.gif) no-repeat 17px 12px;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    margin:15px 0;
}

div.error a:link {
    color:#E1152E;
    text-decoration:underline;
}

div.error h3 {
    padding-top:0;
    font-size:14px;
    color:#000;
}


div.info {
    font-size:12px;
    font-weight:700;
    color:#555;
    padding:12px 10px 16px 45px;
    background:#fdfcd9 url(/images/info.gif) no-repeat 17px 12px;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    margin:15px 0;
}

div.info a:link {
    color:#555555;
    text-decoration:underline;
}