* set the default anchor/link text and hover states */
a{
    text-decoration:underline;
    color:#F78C16;
}
a:hover{
    color:#FDC700
}
/*Get rid of all the image borders when linked */
img{
    border:0;
}


/*Container for Career Map */
#mapContainer{
    width:580px;
    height:690px;
    position:relative;  
}
/* Blurb for the career map at the top of the page */
#blurbCareerMap{
    width:350px;
}
/*Copyright*/
#copyright{
    width:130px;
    height:50px;
    position:absolute;
    top:570px;
    left:415px;
    text-align:right;
    font-size:8px;
}
#smallLogos{
    width:80px;
    height:14px;
    position:absolute;
    top:600px;
    right:35px;
    text-align:center;  
}
#slogo2{
    height:14px;
    width:16px;
    position:relative;
    float:right;
    overflow:hidden;
}
#slogo2 img{
    width:32px;
    height:14px;
}
#slogo2 img:hover{
    margin-left:-16px;
}
/*To make the map and tip slot in nicely with the blurb */
#mapWrap{
    top:-50px;
    position:absolute;
}
/* Tip Bubble */
#bubble{
    width:177px;
    height:163px;
    left:380px;
    top:0px;
    position:absolute;
    background-image:url(../../images/map/bubble.gif)
}
#bubbleText{
    width:177px;
    height:163px;
    left:380px;
    top:20px;
    position:absolute;
    font-family:Verdana,Arial, sans-serif;
    font-size:9pt;
    color:#000;
    text-align:center;
}
/* Career Path Image Containers - TOTAL=10*/
#num1{
    width:298px;
    height:306px;
    left:25px;
    top:123px;
    position:absolute;
    background-image:url('../../images/map/num1.gif');
    z-index:50;
}

#num11{
    width:538px;
    height:294px;
    left:25px;
    top:134px;
    position:absolute;
    background-image:url('../../images/map/num11.gif');
    z-index:50;
}

#num2{
    width:460px;
    height:213px;
    left:25px;
    top:208px;
    position:absolute;
    background-image:url('../../images/map/num2.gif');
    z-index:50;
}

#num3{
    width:510px;
    height:154px;
    left:25px;
    top:267px;
    position:absolute;
    background-image:url('../../images/map/num3.gif');
    z-index:50;
}

#num4{
    width:381px;
    height:314px;
    left:25px;
    top:363px;
    position:absolute;
    background-image:url('../../images/map/num4.gif');
    z-index:50;
}

#num5{
    width:83px;
    height:69px;
    left:25px;
    top:363px;
    position:absolute;
    background-image:url('../../images/map/num5.gif');
    z-index:50;
}

#num6{
    width:149px;
    height:208px;
    left:25px;
    top:363px;
    position:absolute;
    background-image:url('../../images/map/num6.gif');
    z-index:50;
}

#num7{
    width:14px;
    height:46px;
    left:201px;
    top:487px;
    position:absolute;
    background-image:url('../../images/map/num7.gif');
    z-index:50;
}

#num8{
    width:417px;
    height:102px;
    left:147px;
    top:355px;
    position:absolute;
    background-image:url('../../images/map/num8.gif');
    z-index:50;
}

#num9{
    width:378px;
    height:62px;
    left:122px;
    top:434px;
    position:absolute;
    background-image:url('../../images/map/num9.gif');
    z-index:50;
}

#num10{
    width:384px;
    height:247px;
    left:180px;
    top:355px;
    position:absolute;
    background-image:url('../../images/map/num10.gif');
    z-index:50;
}

/* Career Names Wrap */
#careerNames{
    z-index:70;
    position:absolute;
}

#careerPaths{
    z-index:50;
    position:absolute;
}
/* Career Title Containers - Size of the text & margins will be overwritten by javascript on hover */
    /* all career names that fit on one line */
    #c01, #c02, #c07, #c09, #c22, #c30, #c34, #c47, #c52{
        width:106px;
        height:13px;
        text-align:center;
        padding-bottom:1px;
        padding-top:1px;
        font-family:Verdana,Arial,Sans-serif;
        font-size:10px;
        color:#000;
        z-index:60;
        cursor:pointer;
        display:block;
    }
    /* all career names that fit on two lines */
    #c03, #c04, #c05, #c06, #c08, #c10, #c11, #c12, #c13, #c14, #c15, #c17, #c18, #c19, #c20, #c21, #c23, #c24, #c25, #c26, #c28, #c29, #c31, #c32, #c33, #c35, #c36, #c38, #c39, #c40, #c42, #c43, #c44, #c45, #c48, #c49, #c51{
        width:106px;
        height:27px;
        text-align:center;
        padding-bottom:1px;
        padding-top:1px;
        font-family:Verdana,Arial,sans-serif;
        font-size:10px;
        color:#000;
        z-index:60;
        cursor:pointer;
        display:block;
    }
    
    /* all career names that fit on three lines */
    #c16, #c27, #c37, #c41, #c46, #c50{
        width:106px;
        height:49px;
        text-align:center;
        padding-bottom:1px;
        padding-top:1px;
        font-family:Verdana,Arial,sans-serif;
        font-size:10px;
        color:#000;
        z-index:60;
        cursor:pointer;
        display:block;
    }
    
    /* all career names that need white text */
    #c16, #c21, #c27, #c50, #c31, #c36, #c44{
        color:#fff;
    }
    /* all career names that don't have a link shouldn't have a link cursor */
    #c14, #c17, #c22, #c28, #c38{
            cursor:default;
    }
    
    /* all career names that should have orange text and underline on rollover */
    #c01:hover, #c02:hover, #c03:hover, #c04:hover, #c05:hover, #c06:hover, #c07:hover, #c08:hover, #c09:hover, #c10:hover, #c11:hover, #c12:hover, #c13:hover, #c15:hover, #c18:hover, #c19:hover, #c20:hover, #c23:hover, #c24:hover, #c25:hover, #c26:hover, #c29:hover, #c30:hover, #c32:hover, #c33:hover, #c34:hover, #c35:hover, #c37:hover, #c39:hover, #c40:hover, #c41:hover, #c42:hover, #c43:hover, #c45:hover, #c46:hover, #c47:hover, #c48:hover, #c49:hover, #c51:hover{
        color:#F18E00;
        text-decoration:underline;
    }
    
    /* all career names that should only be underlined and not orange on rollover */
    #c16:hover, #c21:hover, #c27:hover, #c31:hover, #c36:hover, #c44:hover, #c50:hover, #c52:hover{
        text-decoration:underline;
    }
    
    
    


/* Absolute Positions of Career Title containers. */

#c01{
    left:0px;
    top:202px;
    position:absolute;
}
#c02{
    left:51px;
    top:170px;
    position:absolute;
}
#c03{
    left:110px;
    top:124px;
    position:absolute;
}
#c04{
    left:198px;
    top:114px;
    position:absolute;
}
#c05{
    left:288px;
    top:127px;
    position:absolute;
}
#c06{
    left:33px;
    top:225px;
    position:absolute;
}
#c07{
    left:101px;
    top:201px;
    position:absolute;
}
#c08{
    left:172px;
    top:152px;
    position:absolute;
}
#c09{
    left:42px;
    top:281px;
    position:absolute;
}
#c10{
    left:115px;
    top:223px;
    position:absolute;
}
#c11{
    left:190px;
    top:194px;
    position:absolute;
}
#c12{
    left:268px;
    top:176px;
    position:absolute;
}
#c13{
    left:147px;
    top:252px;
    position:absolute;
}
#c14{
    left:83px;
    top:297px;
    position:absolute;
}
#c15{
    left:287px;
    top:214px;
    position:absolute;
}
#c16{
    left:382px;
    top:143px;
    position:absolute;
}
#c17{
    left:105px;
    top:335px;
    position:absolute;
}
#c18{
    left:163px;
    top:296px;
    position:absolute;
}
#c19{
    left:222px;
    top:263px;
    position:absolute;
}
#c20{
    left:296px;
    top:255px;
    position:absolute;
}
#c21{
    left:380px;
    top:225px;
    position:absolute;
}
#c22{
    left:107px;
    top:385px;
    position:absolute;
}
#c23{
    left:250px;
    top:315px;
    position:absolute;
}
#c24{
    left:205px;
    top:367px;
    position:absolute;
}
#c25{
    left:285px;
    top:349px;
    position:absolute;
}
#c26{
    left:340px;
    top:312px;
    position:absolute;
}
#c27{
    left:431px;
    top:276px;
    position:absolute;
}
#c28{
    left:78px;
    top:417px;
    position:absolute;
}
#c29{
    left:168px;
    top:408px;
    position:absolute;
}
#c30{
    left:263px;
    top:410px;
    position:absolute;
}
#c31{
    left:376px;
    top:376px;
    position:absolute;
}
#c32{
    left:272px;
    top:439px;
    position:absolute;
}
#c33{
    left:135px;
    top:459px;
    position:absolute;
}
#c34{
    left:202px;
    top:473px;
    position:absolute;
}
#c35{
    left:289px;
    top:472px;
    position:absolute;
}
#c36{
    left:396px;
    top:446px;
    position:absolute;
}
#c37{
    left:91px;
    top:492px;
    position:absolute;
}
#c38{
    left:23px;
    top:530px;
    position:absolute;
}
#c39{
    left:88px;
    top:558px;
    position:absolute;
}
#c40{
    left:152px;
    top:534px;
    position:absolute;
}
#c41{
    left:242px;
    top:509px;
    position:absolute;
}
#c42{
    left:333px;
    top:542px;
    position:absolute;
}
#c43{
    left:372px;
    top:511px;
    position:absolute;
}
#c44{
    left:450px;
    top:556px;
    position:absolute;
}
#c45{
    left:176px;
    top:581px;
    position:absolute;
}
#c46{
    left:276px;
    top:570px;
    position:absolute;
}
#c47{
    left:6px;
    top:589px;
    position:absolute;
}
#c48{
    left:67px;
    top:615px;
    position:absolute;
}
#c49{
    left:154px;
    top:628px;
    position:absolute;
	width:150px;
	
}
#c50{
    left:304px;
    top:622px;
    position:absolute;
}

#c51{
    left:195px;
    top:439px;
    position:absolute;
}

#c52{
    left:474px;
    top:382px;
    position:absolute;
}

/* Career Details Pop Up CSS */

/*The entire career details div*/
#careerExpanded{
    width:400px;
    height:350px;
    position:absolute;
    margin-left:-200px;
    left:50%;
    top:50%;
    margin-top:-175px;
    z-index:999;
    display:none;
}

/* preloading image */
#preloadingImage{
    display:none;
    position:absolute;
    left:50%;
    margin-left:-80px;
    top:50%;
    margin-top:-10px;
    width:160px;
    height:20px;
    z-index:997;
}
/* div that whites out the career map */
#fadeOut{
    position:absolute;
    z-index:996;
    width:100%;
    height:825px;
    left:0;
    bottom:-5px;
    background-color:#dddddd;
    filter:alpha(opacity=60); 
    -moz-opacity: 0.6; 
    opacity: 0.6;
    display:none;
    cursor:pointer;
}
/*drop shadow - straight forward */
#dropShadow{
    width:580px;
    height:351px;
    background-image:url(../../images/careerExpanded/dropShadowHalftone.gif);
    position:absolute;
    left:0px;
    top:163px;
    margin-left:-90px;
    margin-top:-172px;
    display:block;
    opacity:0.4;
    filter:alpha(opacity=40);
    -moz-opacity:.40;
    z-index:20;
    cursor:pointer;
}

/*the orange and red ribbon/waves behind the career details*/
#waves{
    width:580px;
    height:152px;
    background-image:url(../../images/careerExpanded/waves.gif);
    position:absolute;
    left:0px;
    margin-left:-90px;
    margin-top:-172px;
    top:300px;
    display:block;
    z-index:30;
    cursor:pointer;
}

/* career tabs - the order of these will be changed on click using javascript (z-index will change)*/
#detailsTab{
    width:61px;
    height:34px;
    left:0px;
    top:0px;
    position:absolute;
    z-index:70;
    background-image:url(../../images/careerExpanded/detailsTab.gif);
    cursor:pointer;
}

#vacanciesTab{
    width:98px;
    height:34px;
    background-image:url(../../images/careerExpanded/vacanciesTab.gif);
    left:61px;
    top:0px;
    position:absolute;
    cursor:pointer;
    z-index:50;
}





/*vacancies information - this is where YOU come in Liam */
    
    /*Vacancies Box/Div/Container*/
    #vacanciesDetails{
        width:400px;
        height:315px;
        position:absolute;
        top:33px;
        background-color:#fff;
        border-width:1px;
        border-style:solid;
        border-color:#922224;
        display:block;
        z-index:45;
    }
    
    /*This 'title' div probably doesn't need a title... its simply a place to put the close button. Sorry about the bad div-labeling. I'm trying to work on it :) */
    #vacanciesTitle{
        width:400px;
        height:40px;
        background-color:#fff;
        display:block;
        border-bottom:1px solid #d1d1d1;
    }
    /*This is where the AJAX stuff will go so that the vacancies listings/search comes up. I have put an overflow:auto so that the search results can scroll inside the div. You may change that if you need :) */
    #vacanciesListings{
        margin:12px;
        height:255px;
        overflow:auto;
    }




/*career information*/
    /*Career details box/div/container*/
    #jobDetails{
        width:400px;
        min-height:317px;
        position:absolute;
        top:33px;
        background-color:#fff;
        border-width:1px;
        border-style:solid;
        border-color:#d1d1d1;
        z-index:50;
    }
    
    /* career title container*/
    #jobTitle{
        width:400px;
        height:50px;
        position:absolute;
        top:33px;
        background-color:#F78C16;
        border-width:1px;
        border-style:solid;
        border-color:#B51621;
        z-index:60;
    }
    /*career title */
    #jobTitleText{
        font-family:Verdana,Arial,sans-serif;
        font-size:12pt;
        color:#fff;
        margin-top:12px;
        z-index:50;
        margin-left:20px;
    }
    /*career description xml extract */
    #jobDetailsText{
        font-family:Verdana,Arial,sans-serif;
        font-size:9pt;
        color:#000;
        margin-left:20px;
        margin-top:70px;
        margin-right:20px;
    }
    
    
    /*career skills title*/
    #jobDetailsSkills{
        font-family:Verdana,Arial,sans-serif;
        font-size:9pt;
        color:#000;
        margin-left:20px;
        margin-top:20px;
        margin-right:20px;
        margin-bottom:5px; /*Distance between Skill Icons & 'print this career path'*/
    }
        /*career skills container - ready for XML extracts*/
        #jobSkillList{
        margin-left:20px;
        height:40px;
        position:relative;
        }
        #rolloverDetails{
        position:relative;
        clear:both;
        width:300px;
        height:24px;
        margin-top:15px;
        margin-left:20px;
        }
        #rolloverDetails1, #rolloverDetails2, #rolloverDetails3, #rolloverDetails4, #rolloverDetails5, #rolloverDetails6, #rolloverDetails7{
        position:absolute;
        top:0;
        left:0;
        display:none;
        color:#F18E00;
        background-color:#fff;
        width:100%;
        height:100%;
        }
    
        /*skill sprite image alignments for each skill icon */
            #skillQualification, #skillCommunication, #skillNegotiation, #skillComputer, #skillLeadership, #skillAccuracy, #skillFinancial, #skillProblemSolving, #skillTelephoneManner, #skillCustomerService, #skillAdministration, #skillSales, #skillPersonality, #skillManagement, #skillMultisiteManagement, #skillWellPresented, #skillAnalytical, #skillResponsibility, #skillPeople, #skillCreativity, #skillReliability, #skillStrategic, #skillConfidence, #skillOrganisational, #skillPlanning, #skillSpecialistComputerProgrammes, #skillTimeManagement, #skillCommercialAccumen, #skillNumerical, #skillLicence, #skillConfidentiality {
                width:40px;
                height:40px;
                margin-right:13px;
                margin-top:10px;
                overflow:hidden;
                float:left;
            }
            
            #skillQualification:hover img, #skillCommunication:hover img, #skillNegotiation:hover img, #skillComputer:hover img, #skillLeadership:hover img, #skillAccuracy:hover img, #skillFinancial:hover img, #skillProblemSolving:hover img, #skillTelephoneManner:hover img, #skillCustomerService:hover img, #skillAdministration:hover img, #skillSales:hover img, #skillPersonality:hover img, #skillManagement:hover img, #skillMultisiteManagement:hover img, #skillWellPresented:hover img, #skillAnalytical:hover img, #skillResponsibility:hover img, #skillPeople:hover img, #skillCreativity:hover img, #skillReliability:hover img, #skillStrategic:hover img, #skillConfidence:hover img, #skillOrganisational:hover img, #skillPlanning:hover img, #skillSpecialistComputerProgrammes:hover img, #skillTimeManagement:hover img, #skillCommercialAccumen:hover img, #skillNumerical:hover img, #skillLicence:hover img, #skillConfidentiality:hover img{
                margin-top:-40px;
            }
            
            #skillQualification img{
                margin-left:0;
                cursor:pointer;
            }
            
            #skillCommunication img{
                margin-left:-40px;
                cursor:pointer;
            }
            
            #skillNegotiation img{
                margin-left:-80px;
                cursor:pointer;
            }
            #skillComputer img{
                margin-left:-120px;
                cursor:pointer;
            }
            #skillLeadership img{
                margin-left:-160px;
                cursor:pointer;
            }
            #skillAccuracy img{
                margin-left:-200px;
                cursor:pointer;
            }
            #skillFinancial img{
                margin-left:-240px;
                cursor:pointer;
            }
            #skillProblemSolving img{
                margin-left:-280px;
                cursor:pointer;
            }
            #skillTelephoneManner img{
                margin-left:-320px;
                cursor:pointer;
            }
            #skillCustomerService img{
                margin-left:-360px;
                cursor:pointer;
            }
            
            #skillAdministration img{
                margin-left:-400px;
                cursor:pointer;
            }
            #skillSales img{
                margin-left:-440px;
                cursor:pointer;
            }
            #skillPersonality img{
                margin-left:-480px;
                cursor:pointer;
            }
            #skillManagement img{
                margin-left:-520px;
                cursor:pointer;
            }
            #skillMultisiteManagement img{
                margin-left:-560px;
                cursor:pointer;
            }
            #skillWellPresented img{
                margin-left:-600px;
                cursor:pointer;
            }
            #skillAnalytical img{
                margin-left:-640px;
                cursor:pointer;
            }
            #skillResonsibility img{
                margin-left:-680px;
                cursor:pointer;
            }
            #skillPeopleSkills img{
                margin-left:-720px;
                cursor:pointer;
            }
            #skillCreativity img{
                margin-left:-760px;
                cursor:pointer;
            }
            #skillReliability img{
                margin-left:-800px;
                cursor:pointer;
            }
            #skillStrategic img{
                margin-left:-840px;
                cursor:pointer;
            }
            #skillConfidence img{
                margin-left:-880px;
                cursor:pointer;
            }
            #skillOrganisational img{
                margin-left:-920px;
                cursor:pointer;
            }
            #skillPlanning img{
                margin-left:-960px;
                cursor:pointer;
            }
            #skillSpecialistComputerProgrammes img{
                margin-left:-1000px;
                cursor:pointer;
            }
            #skillTimeManagement img{
                margin-left:-1040px;
                cursor:pointer;
            }
            #skillCommercialAccumen img{
                margin-left:-1080px;
                cursor:pointer;
            }
            #skillNumerical img{
                margin-left:-1120px;
                cursor:pointer;
            }
            #skillLicence img{
                margin-left:-1160px;
                cursor:pointer;
            }
            #skillConfidentiality img{
                margin-left:-1200px;
                cursor:pointer;
            }
    
    /* career salary container - ready for XML extract*/
    #jobSalary{
        margin-top:7px;
        margin-left:20px;
    }

    /*career print container*/
    #printCareerPath{
        position:relative;
        font-family:Verdana,Arial,sans-serif;
        font-size:9pt;
        clear:both;
        float:right;
        height:43px;
        margin-top:10px;
        margin-bottom:15px;
    }
        #printThisText, #printThisImage{
            text-align:right;
            float:left;
        }
        #printThisText{
            padding:12px;
        }
        #printThisImage{
            margin-right:20px;
            overflow:hidden;
            width:43px;
        }
            #printThisImage img:hover{
                margin-left:-43px;
            }
            
        #printCareerPath a{
            color:#F78C16;
            text-decoration:underline;
        }
            #printCareerPath a:hover{
                color:#B51621;
            }
    
    /*universal closebutton */
    .closeButton {
        position:absolute;
        top:10px;
        right:10px;
        height:26px;
        width:26px;
        cursor:pointer;
        overflow:hidden;
    }   
    .closeButton img:hover{
        margin-left:-26px;
    }


#printCareerMap{
    display:none;
}