﻿/* CSS */
html, body, #wrapper {
    min-height:         100%;
    font:               11px Tahoma, Verdana, Sans-serif;
    min-width:          990px;
}

* {
	margin:             0;
	outline:            0;
	padding:            0;
}

img{
    border:             0;
}

img.testimonial-logo {
    float:                  right;
    margin:                 0 0 5px 5px;   
}

body {
    background:             #ffffff;
    color:                  #000000;
    font:                   11px Tahoma, Verdana, Sans-serif;
}

.content-container{
    margin:                 0 auto;
    width:                  850px;    
}

img {
    border:                 0;
}

a {
    color:                  #B32826;
    text-decoration:        none;
}

a:hover {
    text-decoration:        underline;
}

/* Javascript Check */
.error {
    margin:                 0;
    padding:                7px 0 2px 0;
    position:               absolute;
    top:                    0;
    left:                   0;
    right:                  0;
    height:                 20px;
    z-index:                99;
}
.error.bg {
    background-color:       #42bfe3;
    /*opacity:                .70;*/
}
.error.msg {
    border-bottom:          1px solid #42bfe3;
}
.error.msg p {
    margin:                 0;
    padding:                0;
    text-align:             center;
    font-family:            Tahoma, Verdana, Sans-serif;
    font-size:              11px;
    font-weight:            bold;
    color:                  #FFF;
}
#javascript-error-bg {
    display:                block;
}
#javascript-error-msg {
    display:                block;
} 

.clear {
    clear:                  both;
    height:                 1px;   
}

/* Header */

#header {   
    height:                 347px;
    background:             url('/media/images/header/BgHeader.gif') repeat-x;   
    margin:                 0;         
}

#header-inner{
     position:               relative;     
}

h1.go-logo-h1 a {
    display:                block;
    width:                  140px;
    height:                 97px;
    background:             url('/media/images/header/GoLogo.gif') no-repeat;
    float:                  left;    
}

h1.go-logo-h1 span{   
   
    display:                none;
}

#banner {
    position:               relative;
}

.ver-button{
    width:                 220px;
    position:              absolute;
    top:                   60px;
    right:                 0;      
}

.ver-button a{
    height:                18px;
    background-color:      #0d0d0d;
    display:               block;
    padding:               8px 0 12px 20px;
    margin:                3px 0 0 0;
    color:                 #ffffff;
    font:                  18px  Georgia, Times New Roman, Times, serif;    
}

.ver-button a:hover { 
    text-decoration:        none; 
}

.ver-button a.whitebg{
    background-color:      #ffffff;
    color:                 #0d0d0d;  
}

.icon-button{
    background:             url('/media/images/header/BgIcons.gif') no-repeat;
    display:                block;
    position:               absolute;
    top:                    25px;
    right:                  0;
    padding:                5px 0 5px 5px;
}

.icon-button a{
    text-decoration:        none;    
}

.icon-button a img{
    border:                 0;
    margin-right:           5px;  
}

/* Footer */

#footer {
    clear:                  both;
    margin:                 10px 20px 0 20px;
    padding:                0 0 10px;
    overflow:               hidden;
}

.footer-line{
    background:             url('/media/images/TopFooter.gif') no-repeat;
    display:                inline-block;
    width:                  850px;
    height:                 13px;
}

.footer-menu {
    float:                  left;
    padding:                0;
    margin:                 10px 0 0 0;
    width:                  630px;   
}

.footer-menu a img.go-link{
    float:                  left;
    margin:                 0px 10px 0 0;
    border:                 0;       
}

.footer-menu img.member-link{
    float:                  left;
    margin:                 -12px 10px 0 0;
}
.footer-menu p{
    color:                  #808080;
    float:                  left; 
    width:                  400px;     
}

.footer-menu p a{
    font:                   12px Tahoma, Verdana, Sans-serif;
    color:                  #808080;
    margin:                 -5px 0 0 0;
    display:                inline-block;    
}

.footer-menu p span.phone {
    font:                   12px Tahoma, Verdana, Sans-serif;
    color:                  #B92322;
    margin:                 -5px 0 0 0;
    display:                inline-block;    
}

.footer-menu p a span{
    float:                  left;
}

.footer-menu p a:hover{
    color:                  #000000;
}

.copyright {
    float:                  right;
    padding:                0 0 15px 0;
    text-align:             right;
    margin:                 10px 0 0 0;   
}

.copyright p{
    color:                  #808080;
}

.copyright p a{
    color:                  #808080;
}

.copyright p a span{
    color:                  #000000;
}

/* Navigation */
.nav {   
    height:                 33px;
    list-style-type:        none;
    margin:                 0;
    padding:                0;
    float:                  right; 
}

.nav li {
    float:                  left;
    margin:                 0;
    padding:                0;
}

.nav li a {
    color:                  #ffffff;
    display:                block;
    font:                   13px Georgia, Times New Roman, Times, serif;
    padding:                25px 15px 10px 15px;
}

.nav li a span{
    color:                  #8f8f8f;
    font:                   11px Georgia, Times New Roman, Times, serif;    
    margin:                 5px 0 0 0;
    display:                block;
}

.nav li a:hover{
    background:             url('/media/images/header/BgMenu.gif') repeat-x; 
    text-decoration:        none;   
}

/* Content */

#body-content{
    background:             url('/media/images/BgContentBody.gif') repeat-x;   
    overflow:               hidden; 
}

.content {
    float:                  left;
    width:                  850px;
    margin:                 5px 0 0 0;
}

.content h1{
    font:                   30px Georgia, Times New Roman, Times, serif;
    color:                  #000000;
}

.content-area {
    float:                  left;   
    width:                  659px;
    margin:                 5px 0 0 2px;   
    min-height:             380px;    
}

.content-area-bg{
   background:             url('/media/images/ContentBg.gif') repeat-y;
    display:                inline-block;
    width:                  652px;
    margin:                 0 0 0 2px;
}

.content-area-bg p span{
    /*color:                  #000000;*/
    font-weight:            bold;
    margin:                 -10px 0 10px 0;
    display:                inline-block;
}

.content-area-top{
    background:             url('/media/images/ContentTop.gif') no-repeat;
    display:                inline-block;
    width:                  659px;
    height:                 12px;
    margin:                 18px 0 0 0;
}

.content-area-bottom{
    background:             url('/media/images/ContentBot.gif') no-repeat;
    display:                inline-block;
    width:                  652px;
    height:                 8px;
    margin:                 0 0 10px 2px;
}

.content-area h1 {
    color:                  #000000;
    font:                   30px Georgia, Times New Roman, Times, serif;   
    margin:                 0 0 10px 10px;
    padding:                0;
    width:                  600px;
    margin:                 10px 0 20px 20px;
}

.content-area h2{
    color:                  #000000;
    font:                   30px Georgia, Times New Roman, Times, serif;    
    margin:                 0 0 10px 10px;
    padding:                0;
    width:                  600px;
    margin:                 10px 0 20px 20px;
}

.content-area h4{
    color:                  #000000;
    font:                   16px Georgia, Times New Roman, Times, serif;    
    margin:                 0 0 10px 10px;
    padding:                0;
    width:                  600px;
    margin:                 5px 0 5px 20px;
}

.content-area p{
    color:                  #636363;
    font:                   11px Tahoma, Verdana, Sans-serif;
    margin:                 0 20px 12px 20px;
}

.content-area ul {
    color:                  #636363;
    font:                   11px Tahoma, Verdana, Sans-serif;
    margin:                 0 20px 12px 45px;
}

.content-img{
    float:                  left;
    margin:                 0 10px 0 0;
}

.content-area-ul{
    margin:                 5px 0 5px 35px;
    padding:                0;
}

.content-area-ul li{                
    color:                 #636363;
    font:                  11px Tahoma, Verdana, Sans-serif;
}

.no-list-style{
    list-style:            none;
}

.top-link {
    text-align:            right;
    margin-bottom:         20px;
}

/* Left navigation */

.left-navigation-top{
    background:             url('/media/images/LeftNavTop.gif') no-repeat;
    display:                inline-block;
    width:                  182px;
    height:                 5px;     
}

.left-navigation {
    float:                  left;   
    width:                  184px;
    margin:                 25px 0 10px 0;
    height:                 auto;
   /* padding:                10px;*/
    /*background:             url('/media/images/LeftNavBg.gif') repeat-y;*/
    /*border-right:           1px solid #d2d2d2;*/
}

.left-navigation-bg{
    background:             url('/media/images/LeftNavBg.gif') repeat-y;
    margin:                 -2px 0 0 0;
}

.left-navigation-bottom{
    background:             url('/media/images/LeftNavBot.gif') no-repeat;
    display:                inline-block;
    width:                  182px;
    height:                 5px;
}

ul.ul-left-navigation{
    margin:                 0;
    overflow:               hidden;
    padding:                4px 9px 0 7px;   
}

ul.ul-left-navigation li{
    margin:                 0;
    padding:                0;
    list-style:             none;               
}

ul.ul-left-navigation li a{
    margin:                 0 0 2px;
    display:                block;
    text-decoration:        none;
    color:                  #000000;
    background-color:       #cccccc;
    padding:                10px;
    font:                   14px Georgia, Times New Roman, Times, serif;
}

ul.ul-left-navigation li a.selected,
ul.ul-left-navigation li a:hover,
ul.ul-left-navigation li a:active{
    background-color:       #0d0d0d;
    color:                  #ffffff;
}

ul.ul-left-navigation ul.child-nodes{
    margin:                 0;
}

ul.ul-left-navigation ul.child-nodes li{
    margin:                 0;
    padding:                0;
    list-style:             none;
}

ul.ul-left-navigation ul.child-nodes li a{
    background-color:       #f2f2f2;
    padding-left:           20px;
}

ul.ul-left-navigation ul.child-nodes li a.selected,
ul.ul-left-navigation ul.child-nodes li a:hover,
ul.ul-left-navigation ul.child-nodes li a:active{
    background-color:       #b92322;
    color:                  #ffffff;
}


/* Home */

#home-panel {
    float:                  left;
    width:                  880px;
    background:             #f5f5f5;
    margin:                 0 0 10px 0;
}

#home-panel #tell-us-about-your-job 
{
    float:                  right;
    width:                  250px;
    background:             #d2d2d2;
    padding:                15px;
}

#submission-panel {    
    width:                  850px;    
    padding:                0 0 10px 0;
    margin:                 0 0 10px 0;   
}

#submission-panel h1{
     font:                   30px Georgia, Times New Roman, Times, serif;
     margin:                 0 0 0 12px;
}

.seekers-top{
    background:              url('/media/images/job-seekers/SeekersTop.gif') no-repeat;    
    height:                  14px;
    margin:                  25px 0 0 0;
}

.seekers-bottom{
    background:             url('/media/images/job-seekers/SeekersBot.gif') no-repeat;    
    height:                 14px;
}

.seekers-bg{
    background:             url('/media/images/job-seekers/SeekersBg.gif') repeat-y; 
    overflow:               hidden;
    padding:                0 14px;
}

#submission-panel h2 {
     font:                   30px Georgia, Times New Roman, Times, serif;
     margin:                 0 0 25px 10px;
     text-transform:        lowercase;
}

.left-form {
    float:                  left;
    width:                  258px;  
}

.left-form .contact-form, .tell-us-form .contact-form {
    float:                  none;
    overflow:               hidden;
    margin:                 0;
    padding:                10px;
    width:                  238px;   
}

.tell-us-form .contact-form {
    width:                  auto;
}

.left-form .contact-form label {
    width:                  85px;
}

.left-form .contact-form input.input-text, 
.left-form .contact-form textarea {
    width:                  145px;
}

input.input-upload {
    float:                  left;
    margin-bottom:          10px;
    width:                  145px;
}

.left-form .contact-form a.input-submit, 
.tell-us-form .contact-form a.input-submit {
    background:             #000;
    color:                  #FFF;
    font:                   12px Georgia, Times New Roman, Times, serif;
    display:                inline-block;
    float:                  right;
    padding:                6px 20px;
    text-decoration:        none;
}

.left-form h2{
    font:                   20px Georgia, Times New Roman, Times, serif;
    color:                  #000000;
}

.right-form{
    float:                 left;
    margin-left:            35px;
    width:                 529px;
}

.right-form h3{
    font:                  20px Georgia, Times New Roman, Times, serif;
    margin:                0 10px 0 0;
    color:                 #111111;
}

.right-form a{
    font:                  16px Georgia, Times New Roman, Times, serif;
    margin:                20px 0 0 30px;
    color:                 #ae1a17;
    display:               block;
    text-decoration:       none;
}

.right-form p{
    font:                  11px Tahoma, Verdana, Sans-serif;
    color:                 #636363;
    margin:                15px 0 0 0;
}
.footer-panel {
    float:                  left;
    width:                  340px;
    background:             #fff;
    padding:                5px 0 5px 5px;
    border-right:           1px #d2d2d2 solid;
}

/* Blog Feed (Latest Jobs and News) */

.blog-feed-cnt {
    width:                  849px;
    margin:                 0 auto;
}

.blog-feed {
    width:                  273px; 
    float:                  left; 
    padding:                0;
    margin:                 30px 15px 40px 0;
}

.blog-feed.last {
    margin-right:           0;
}

.blog-no-margin-top{
    margin-top:             0;
}

.blog-top{   
    background:             url('/media/images/TopBlog.gif') no-repeat;
    display:                inline-block;
    width:                  273px;
    height:                 60px;    
}

.blog-bottom{
    background:             url('/media/images/BotBlog.gif') no-repeat;
    display:                inline-block;
    width:                  273px;
    height:                 8px;    
}

.blog-content{
   background:             url('/media/images/BgBlog.gif') repeat-y;
   padding:                 0 14px 5px;
}

.blog-top h2 {
    color:                  #000000; 
    font:                   20px Georgia, Times New Roman, Times, serif;
    margin:                 20px 0 10px 20px;
    text-transform:         lowercase;
}

.blog-top h2 span.highlight {
    color:                  #B32826;
}

.blog-top h2 a img{
    width:                  15px;
    height:                 16px;
    float:                  right;
    margin:                 0 20px 0 0;
    border:                 0;
    text-decoration:        none;
}

.blog-top h2 a {
    text-decoration:        none;
    color:                  #000000; 
}

.blog-content ul{
    list-style:             none;
    margin:                 0;
    padding:                0;
}

.blog-content li {
    text-decoration:        none;
    background-color:       #f2f2f2;
    height:                 46px;  
    padding:                10px 10px 0;  
    margin-bottom:          2px;
}

.blog-content li p a {
    float:                  right;
}

.blog-content li.itemtemplate{
    background-color:       #f2f2f2;   
}

.blog-content li.altertemplate{ 
    background-color:       #e5e5e5;    
}

.blog-content h3 {
    font:                   14px Georgia,Times New Roman,Times,serif;
    margin:                 0;
    color:                  #000000;
}

.blog-content p{
    font:                   11px Tahoma, Verdana, Sans-serif;
    color:                  #808080;
    margin:                 5px 0 0;
}

.blog-content span.p-twitter{
    font:                   14px Tahoma, Verdana, Sans-serif;
    color:                  #ae1a17;       
}

.blog-content a span{
    font:                   11px Tahoma, Verdana, Sans-serif;
    color:                  #b32826;    
    float:                  left;
    margin:                 0 3px 0 0;
}

.blog-content a span.color {
    color:                  #000000;
    float:                  right;
}

.blog-feed a.see-all {
    float:                  left;
    width:                  275px; 
    text-align:             right;
    font-weight:            bold;
}

.blog-content #cloudFlash {
    background:             #f1f1f1;
    height:                 232px;
}


/* Contact form */
.contact-form {
    float:                  left;
    padding:                10px 0 0 0;
    margin:                 20px 0 0 0;
    background-color:       #f2f2f2; 
    width:                  310px;    
}

.contact-form .message-error {
    background:             #F1D4C7 url('/media/images/icon-error.png') no-repeat 7px 7px;
    border:                 1px solid #E8AA98;
    color:                  #666666 !important;
    margin-bottom:          20px;
    padding:                9px 10px 5px 30px;
}

.contact-form .message-success {
    background:             #DFEDB8 url('/media/images/icon-ok.png') no-repeat 5px 6px;
    border:                 1px solid #B9D274;
    color:                  #666666 !important;
    margin-bottom:          20px;
    padding:                9px 10px 5px 30px;
}

.contact-form .message-error ul, 
.contact-form .message-success ul {
    list-style-type:        none;
}

.contact-form label {
    clear:                  both;
    cursor:                 pointer;
    float:                  left;
    padding:                2px 0 6px 0;
    font:                   12px Tahoma, Verdana, Sans-serif;
    width:                  100px;
}

.contact-form input.input-text,
.contact-form input.textarea,
.contact-form input.file-upload-no-label,
.contact-form textarea,
.contact-form input.input-no-label {
    color:                  #000;
    float:                  left;
    font:                   11px Tahoma, Verdana, Sans-serif;
    margin-bottom:          10px;
    padding:                3px;
    width:                  185px;
    border:                 1px solid #d9d9d9;
}

.contact-form textarea {
    height:                 40px;
}

.contact-form input.input-no-label {
    width:                  200px;
}

.contact-form input.file-upload-no-label {
    width:                  210px;
}

.contact-form div.options {
    float:                  left;
    margin:                 10px 0 0 0;
    padding:                0;
    width:                  225px;
}

.contact-form div.options label {
    clear:                  none;
    margin:                 0 0 0 2px;
    width:                  50px;
    padding:                0;
}

.contact-form div.options input {
    float:                  left;
    margin:                 0;
    padding:                0;
}

.contact-form input.submit {
    float:                  right;
    font:                   11px Tahoma, Verdana, Sans-serif;
    /*margin:                 0 40px 0 0;*/
    margin:                 10px 15px 0 0;
    padding:                2px;
    width:                  84px;
    height:                 25px;
}

.contact-link-box 
{
    float:                  left;
    width:                  280px;
    background:             #E5E5E5;
    padding:                15px;
    margin:                 5px 0 0 0;
}

.contact-link-box a{
    color:                  #ae1a17;
    text-decoration:        none;
}

/* Site Map */

.site-map {    
    width:                  829px;
    /*background:             #d2d2d2;*/
    /*padding:                15px;*/
    margin:                 5px 0 10px 20px;
    color:                  #ae1a17;    
}

.site-map a{
    font:                   12px Tahoma, Verdana, Sans-serif;
    color:                  #ae1a17;
    margin:                 5px 0 0 0;
}

.site-map h1{
    font:                   30px Georgia, Times New Roman, Times, serif;
    color:                  #000000;
    margin:                 0 0 10px 0;
    width:                  400px;  
}

/* Contact */

.contact-details {
    float:                  left;
    width:                  300px;  
}

.contact-details h2{
    font:                   30px Georgia, Times New Roman, Times, serif;
    color:                  #000000;
    margin:                 0 0 10px 0;               
}

.contact-details h4{
    color:                  #636363;
    font:                   bold 12px Georgia, Times New Roman, Times, serif;
    margin:                 10px 0 5px 0px;
    width:                  300px;
}

.contact-details p{
    font:                   11px Tahoma, Verdana, Sans-serif;
    color:                  #636363;
    margin:                 5px 0 0 0;
}

.contact-img{
    float:                  left;
    margin:                 20px 0 0 0;       
}

.contact-map {
    float:                  left;
    width:                  505px;
    padding:                0;
    margin:                 45px 0 10px 10px;
}

.contact-map h4{
    color:                  #636363;
    font:                   bold 12px Georgia, Times New Roman, Times, serif;
    margin:                 10px 0 5px 0px;
    width:                  400px;
}

/* Client */

.client-top{
    background:              url('/media/images/job-seekers/SeekersTop.gif') no-repeat;    
    height:                  14px;
    margin:                  25px 0 0 0;
}

.client-bottom{
    background:             url('/media/images/job-seekers/SeekersBot.gif') no-repeat;    
    height:                 14px;
    margin:                 0 0 10px 0;
}

.client-bg{
    background:             url('/media/images/job-seekers/SeekersBg.gif') repeat-y;
    padding:                0 14px;
    overflow:               hidden;
}

#submission-panel .client-bg h1{
    font:                   30px Georgia, Times New Roman, Times, serif;
    color:                  #000000;
    margin:                 0 0 0 22px;
}

/* Modal pop up */
#modal-form{    
    background-color:   #ffffff;
}

#tell-us-enquiry a.modal-close{
    cursor:             pointer;
    display:            block;
    color:              #ae1a17;
    position:           absolute;
    top:                32px;
    right:              20px;
    font:               11px Arial, Verdana, Helvetica, Sans-serif;    
}

/* Tell us */

.tell-us {
    padding:            20px;
}

.tell-us h2{
    font:               20px Georgia, Times New Roman, Times, serif;
    color:              #000000;
    margin-bottom:      10px;
}

/* Tell us form */
.tell-us-form {
    background-color:       #f2f2f2;
    margin-top:             10px;   
}

.tell-us-form label {
    clear:                  both;
    cursor:                 pointer;
    float:                  left;
    padding-top:            6px;
    font:                   12px Tahoma, Verdana, Sans-serif;
    width:                  159px;
}

.tell-us-form input.input-text,
.tell-us-form input.textarea,
.tell-us-form input.file-upload-no-label,
.tell-us-form textarea,
.tell-us-form input.input-no-label {
    color:                  #000;
    float:                  left;
    font:                   11px Tahoma, Verdana, Sans-serif;
    margin-bottom:          10px;
    padding:                2px;
    width:                  185px;
}

.tell-us-form textarea {
    height:                 40px;
}

.tell-us-form input.input-no-label {
    width:                  200px;
}

.tell-us-form input.file-upload-no-label {
    width:                  210px;
}

.tell-us-form div.options {
    float:                  left;
    margin:                 10px 0 0 0;
    padding:                0;
    width:                  225px;
}

.tell-us-form div.options label {
    clear:                  none;
    margin:                 0 0 0 2px;
    width:                  50px;
    padding:                0;
}

.tell-us-form div.options input {
    float:                  left;
    margin:                 0;
    padding:                0;
}

.tell-us-form input.submit {
    float:                  right;
    font:                   11px Tahoma, Verdana, Sans-serif;
    /*margin:                 0 40px 0 0;*/
    margin:                 10px 15px 0 0;
    padding:                2px;
    width:                  84px;
    height:                 25px;
}

.tell-us-link-box {
    float:                  left;
    width:                  280px;
    background:             #d2d2d2;
    padding:                15px;
    margin:                 5px 0 0 0;
}

/* terms */

.terms{
    min-height:             350px;
    margin:                 0 0 10px 0;   
    width:                  auto;
    float:                  none;   
}

.terms h1{
    font:                   30px Georgia, Times New Roman, Times, serif;
    color:                  #000000;
    margin:                 0;
}

.terms h2 {
    font-size:              18px;
    margin:                 20px 0 10px;
    width:                  auto;
}

.terms p {
    margin-left:            0;
    margin-right:           0;
}

.terms-margin{
    margin-bottom:          20px;
}

/* quick links */

ul.quick-links {    
    margin:                     0 0 20px 22px;
    padding:                    0;
}

ul.quick-links li{
    list-style-type:            none;
}

/* 404 and 500 pages */

.error-content{
    margin:                     10px 0 5px 20px;
    min-height:                 300px;
}

.error-content h3{
    font:                   20px Georgia, Times New Roman, Times, serif;
    color:                  #ae1a17;
}

.error-content p{
    font:                   12px Tahoma, Verdana, Sans-serif;
    color:                  #ae1a17;
    margin:                 10px 0 0 0;
}

/* Employers Sucess Message */

.jobs-success {
    background:             #e43b34;
    color:                  #FFF;
    padding:                15px;
}

.jobs-success p {
    margin-bottom:          15px;
}

.jobs-success p.heading {
    font:                   25px Georgia, Times New Roman, Times, serif;    
}

.jobs-success p.heading span {
    font-size:              43px;
}

.jobs-success a {
    background:             #000;
    color:                  #FFF;
    display:                inline-block;
    font:                   14px Georgia, Times New Roman, Times, serif;   
    margin-left:            -15px; 
    padding:                10px 10px 10px 15px;
    text-decoration:        none;
}