/* CSS Document */

html,body{
height:100%;
margin:0;
padding:0;
}
body{
text-align:center;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:.7em;
color:#666666;
background-color:#ffffff;
height:100%;
}

/* HEADINGS, LINKS AND IMAGES
************************************************************/
h3{
margin:10px 0;
color:#7090C9;
font-weight:normal;
font-size:1.6em;
line-height:1em;
}
h4{
margin:10px;
color:#7090C9;
}
a{
text-decoration:underline;
color:#7090C9;
}
img{
border:0;
}
#rolloveriticon{
background:#FFFFFF url(../images/icon_IT_big.gif) top right no-repeat;
display:block; width:100px; height:100px; text-indent:-9000px; overflow:hidden;
}
#rolloveriticon:hover{
background:#FFFFFF url(../images/icon_IT_big_rollover.gif) top right no-repeat;
 display:block; width:100px; height:100px; text-indent:-9000px;  overflow:hidden;
}
#rolloverengineeringicon{
background:#FFFFFF url(../images/icon_engineering_big.gif) top right no-repeat;
display:block; width:100px; height:100px; text-indent:-9000px; overflow:hidden;
}
#rolloverengineeringicon:hover{
background:#FFFFFF url(../images/icon_engineering_big_rollover.gif) top right no-repeat;
display:block; width:100px; height:100px; text-indent:-9000px; overflow:hidden;
}
#rolloversalesicon{
background:#FFFFFF url(../images/icon_sales_big.gif) top right no-repeat;
display:block; width:100px; height:100px; text-indent:-9000px; overflow:hidden;
}
#rolloversalesicon:hover{
background:#FFFFFF url(../images/icon_sales_big_rollover.gif) top right no-repeat;
display:block; width:100px; height:100px; text-indent:-9000px;  overflow:hidden;
}
#rollovercallcentreicon{
background:#FFFFFF url(../images/icon_callCentre_big.gif) top right no-repeat;
display:block; width:100px; height:100px; text-indent:-9000px; overflow:hidden;
}
#rollovercallcentreicon:hover{
background:#FFFFFF url(../images/icon_callCentre_big_rollover.gif) top right no-repeat;
display:block; width:100px; height:100px; text-indent:-9000px; overflow:hidden;
}
#rollovercommercialicon{
background:#FFFFFF url(../images/icon_Commercial_big.gif) top right no-repeat;
display:block; width:100px; height:100px; text-indent:-9000px; overflow:hidden;
}
#rollovercommercialicon:hover{
background:#FFFFFF url(../images/icon_Commercial_big_rollover.gif) top right no-repeat;
display:block; width:100px; height:100px; text-indent:-9000px; overflow:hidden;
}
#rolloverindustrialicon{
background:#FFFFFF url(../images/icon_Industrial_big.gif) top right no-repeat;
display:block; width:100px; height:100px; text-indent:-9000px; overflow:hidden;
}
#rolloverindustrialicon:hover{
background:#FFFFFF url(../images/icon_Industrial_big_rollover.gif) top right no-repeat;
display:block; width:100px; height:100px; text-indent:-9000px; overflow:hidden;
}
#rollovertemporaryicon{
background:#FFFFFF url(../images/icon_temporary_big.gif) top right no-repeat;
display:block; width:100px; height:100px; text-indent:-9000px; overflow:hidden;
}
#rollovertemporaryicon:hover{
background:#FFFFFF url(../images/icon_temporary_big_rollover.gif) top right no-repeat;
display:block; width:100px; height:100px; text-indent:-9000px; overflow:hidden;
}
#rolloverpermanenticon{
background:#FFFFFF url(../images/icon_permanent_big.gif) top right no-repeat;
display:block; width:100px; height:100px; text-indent:-9000px; overflow:hidden;
}
#rolloverpermanenticon:hover{
background:#FFFFFF url(../images/icon_permanent_big_rollover.gif) top right no-repeat;
display:block; width:100px; height:100px; text-indent:-9000px; overflow:hidden;
}


/* GENERAL LAYOUT
************************************************************/
.maincontent {
font-family: Arial;
background-color: #fff;
color: #444444;
text-decoration: none;
word-spacing: 0.1em;
text-align:left;
letter-spacing: 0;
line-height: 1.3em;
font-size: 1.1em;
width:519px;
float:left;
padding-top:10px;
}
.maincontentimages2 {
font-family: Arial;
background-color: #fff;
color: #444444;
text-decoration: none;
word-spacing: 0.1em;
text-align:left;
letter-spacing: 0;
line-height: 1.3em;
font-size: 1.1em;
width:519px;
float:left;
padding-top:10px;
}
.maincontentimages {
width:294px;
float:right;
}
.maincontentimagesblock {
width:294px;
float:left;
}
.maincontent3 {
font-family: Arial;
background-color: #fff;
color: #444444;
text-decoration: none;
word-spacing: 0.1em;
text-align:left;
letter-spacing: 0;
line-height: 1.3em;
font-size: 1.1em;
width:510px;
float:left;
padding-top:10px;
}

div#container{
position:relative;
margin:0px auto;
text-align:left;
border-left:1px solid #333333;
border-right:1px solid #333333;
}
div#container, 
div#footer{
width:770px;
}
h1{
text-indent:-9000px;
margin:0 0 10px 10px;
width:482px;
height:73px;
background:#ffffff url(../images/logo.gif) bottom left no-repeat;
position:relative;
overflow:hidden;
}
h1 a{
display:block;
width:100%;
height:100%;
}
h2{
text-indent:-9000px;
margin:0;
width:770px;
height:272px;
background:#ffffff url(../images/headerPic01.jpg) top left no-repeat;
}
h2.other{
text-indent:-9000px;
margin:0;
width:536px;
height:272px;
background:#ffffff url(../images/headerPic02.jpg) top left no-repeat;
}

div#leftPanel{
float:left;
margin:0;
background-color:#F6F6F6;
width:229px;
height:100%;
}
body#homePage div#leftPanel{
width:350px;
}
div#rightPanel{
float:right;
margin:2px 4px;
width:530px;
}
.imgstylecontent{
border:#CCCCCC 6px solid; margin: 4px 0px 12px 12px; float:right;
}
.maincontentimages2 .maincontentimages .imgstylecontent{ margin-top:11px;}
.maincontent2 .maincontentimages .imgstylecontent{ margin-top:4px;}

.clear{
clear:both;
}
body#homePage div#rightPanel{
width:400px;
margin:0;
}
div#fullPanel{
float:right;
margin:15px 11px 15px 1px;
width:744px;
}
body#homePage div#fullPanel{
width:750px;
margin:0;
}
.summary {
margin:0 0 10px 0;
}
.warn {
color: #ff0000;
font-weight: bold;
}
/* div#fullPanel label, div#fullPanel span{
float:left;
padding:20px 0;
} */
div#fullPanel .full, div#rightPanel .full{
margin:0;
padding:0;
width:200px;
border:1px solid #666666;
color:#333333;
}
div#fullPanel .admin{
margin:0;
width:400px;
border:2px solid #cccccc;
color:#333333;
}
.fullDrop{
margin:0;
border:2px solid #cccccc;
color:#333333;
}
div#fullPanel select, 
div#rightPanel select{
margin:0;
height:20px;
border:1px solid #666666;
color:#333333;
}
/* div#fullPanel input, div#fullPanel textarea, div#fullPanel select{
float:right;
}
div#fullPanel textarea{
width: 200px;
height: 50px;
}
div#fullPanel input.fullBtn{
margin-right:60px;
} */
img.career {
float:left;
padding:10px;
}
p.aCenter{margin-top:15px;text-align:center;}
/* LIBRARY LAYOUT
************************************************************/
span.libTitle a {

}

/* VACANCY LAYOUT
************************************************************/
div.vacancy {
clear:both;
display:block;
width:100%;
margin:0;
}
span.vacancyTitle, 
span.vacancyLocation, 
span.vacancySalary {
border-left:1px solid #DDDDDD;
padding:10px 5px;
font-size:1.1em;
}
span.vacancyTitle {
float:left;
width:200px;
}
span.vacancyTitle a {
font-weight:bold;
}
span.vacancyTitle em {
color:#000000;
font-size:0.7em;
}
span.vacancyLocation {
float:left;
width:80px;
}
span.vacancySalary {
color:#7090C9;
float:right;
border:none;
width:200px;
}
ul#vacancyIcons{
list-style-type:none;
margin:0;
padding:0;
}
ul#vacancyIcons li.BigRow {
margin-left: 35px;
}
ul#vacancyIcons li.SmallRow {
margin-left: 0px;
}
ul#vacancyIcons li{
float:left;
padding:5px;
}

fieldset#vacancyTypes a img {
background:#eee;
color:#7090C9;
padding:0;
}

/* ul#vacancyIcons li a{
position:relative;
padding:100%;
}
ul#vacancyIcons li a span{
text-indent:-2000;
}
ul#vacancyIcons li.itIcon{
background:#ffffff url(../images/icon_it_big.gif) top left no-repeat;
}
ul#vacancyIcons li.itEngineer{
background:#ffffff url(../images/icon_engineering_big.gif) top left no-repeat;
} */

.bluedot{
background:#FFFFFF url(../images/infoSymbolBlue.gif) top left no-repeat;
padding-left:45px;
}

/* TOP LINKS
************************************************************/
div#topLinks{
position:absolute;
top:0;
right:20px;
width:230px;
}
div#topLinks ul{
list-style-type:none;
margin:0 -10px 0 0;
padding:0;
}
div#topLinks li{
text-align:right;
margin:5px;
}
div#topLinks a{
color:#7090C9;
}

/* MENU
************************************************************/
div#menu{
position:absolute;
top:110px;
right:20px;
width:203px;
}
div#menu.client{
position:absolute;
top:87px;
right:20px;
width:203px;
}
div#menu ul{
list-style-type:none;
margin:0 0 0 5px;
padding:0;
}
div#menu li{
text-align:right;
width:203px;
height:39px;
border-bottom:2px solid #999999;
overflow:hidden;
}
div#menu li.double{
text-align:right;
width:203px;
height:61px;
border-bottom:2px solid #999999;
}
div#menu a{
display:block;
color:#999999;
width:100%;
height:100%;
margin:0;
padding:10px 0 0 0;
font-size:1.6em;
text-decoration: none;
overflow:hidden;
}
div#menu a:hover{
text-decoration:none;
color:#FFFFFF;
background:#ffffff url(../images/menuHoverBg.gif) top left no-repeat;
}
div#menu li.double a:hover{
text-decoration:none;
color:#FFFFFF;
background:#ffffff url(../images/menuHoverBg2.gif) top left no-repeat;
}
div#menu li.lastItem{
border-bottom:0;
}

/* LEFT PANEL
************************************************************/
div#leftPanel p{
margin:10px 20px 20px 11px;
font-family: Arial;
color: #444444;
text-decoration: none;
word-spacing: 0.1em;
text-align:left;
letter-spacing: 0;
line-height: 1.3em;
}
div#leftPanel{font-size: 1.1em;}

body#homePage div#leftPanel p{
margin:10px 20px 80px 15px;
}
div#leftPanel h3{
margin:18px 0 20px 10px;
/*font-size:2em;*/
font-size:1.7em;
font-weight:normal;
}

body#homePage  div#leftPanel h3{
margin:65px 0 20px 10px;
}
div#leftPanel h4{
margin:0 0 0 10px;
font-weight:normal;
}

div#leftPanel label{
float:left;
margin:0 0 0 20px;
padding:5px 0;
}
div#leftPanel input{
float:right;
margin:0 25px 10px 0;
width:140px;
height:20px;
border:2px solid #cccccc;
padding:2px;
font-size:1.2em;
color:#333333;
}
div#leftPanel input.submitButton{
float:right;
text-indent:-9000px;
width:20px;
height:20px;
margin:3px 25px 0 0;
padding:0;
background:#ffffff url(../images/smallArrowButton.gif) top left no-repeat;
border:0;
}
div#leftPanel input.lastField{
margin-right:10px;
}
div#leftPanel div.jobTipBox{
margin:0 0 0 10px;
width:258px;
}
div#leftPanel div#jobTipBoxTop{
margin-top:10px;
height:14px;
background:#ffffff url(../images/featureBoxTop.gif) top left no-repeat;
}
div#leftPanel div#jobTipBoxMiddle{
background:#86B8F3 url(../images/featureBoxMiddle.gif) top left repeat-y;
}
div#leftPanel div#jobTipBoxBase{
margin-bottom:10px;
height:25px;
background:#ffffff url(../images/featureBoxBase.gif) top left no-repeat;
}
div#leftPanel div#jobTipBoxMiddle p{
color:#FFFFFF;
margin:0 20px;
padding-bottom:10px;
}
div#leftPanel div#jobTipBoxMiddle strong{
color:#FFFFFF;
font-size:1.8em;
}
div#leftPanel div#jobTipBoxMiddle a{
color:#FFFFFF;
}

/* LEFT PANEL - CAREER TOOLS
************************************************************/
ul.careerToolsList{
list-style-type:none;
margin:0;
padding:0;
}
ul.careerToolsList li{
text-indent:30px;
margin:15px 10px;
height:23px;
}
ul.careerToolsList li a{
font-size:1em;
color:#999999;
text-decoration:none;
}

ul.careerToolsList li.samplecv{
background:#f6f6f6 url(../images/infoSymbolGrey.gif) top left no-repeat;
}
ul.careerToolsList li.interviewquiz{
background:#f6f6f6 url(../images/infoSymbolOrange.gif) top left no-repeat;
}
ul.careerToolsList li.training{
background:#f6f6f6 url(../images/infoSymbolGreen.gif) top left no-repeat;
}
ul.careerToolsList li.interviewbuddy{
background:#f6f6f6 url(../images/infoSymbolRed.gif) top left no-repeat;
}
ul.careerToolsList li.jobseekers{
background:#f6f6f6 url(../images/infoSymbolYellow.gif) top left no-repeat;
}
ul.careerToolsList li.hunttocareer{
background:#f6f6f6 url(../images/infoSymbolBlue.gif) top left no-repeat;
}
ul#toolsList{
float:left;
margin-left: 10px;
}


/* RIGHT PANEL - HOME PAGE
************************************************************/
div#linkGrid{
width:363px;
height:363px;
padding:0;
margin:20px 35px;
}
div#linkGrid a{
text-indent:-9000px;
display:block;
width:179px;
height:179px;
overflow:hidden;
}
div#linkGrid #candidatesDescription a{
color:#FFFFFF;
display:inline;
}
div#linkGrid #clientsDescription a{
color:#FFFFFF;
display:inline;
}
a#clientsBoxLink{
float:left;
margin:0 5px 5px 0;
background:#ffffff url(../images/boxLinkClients.gif) top left no-repeat;
}
a#candidatesBoxLink{
float:right;
clear:both;
margin:0 0 0 5px;
background:#ffffff url(../images/boxLinkCandidates.gif) top left no-repeat;
}
div#linkGrid div{
width:179px;
height:179px;
float:right;
background-color:#666666;

}
div#linkGrid{
color:#ffffff;
font-weight:normal;
letter-spacing:.1em;
}
div#linkGrid h4{
margin:55px 10px 0 10px;
font-weight:normal;
color:#ffffff;
} 
div#linkGrid p{
margin:10px;
}

/* CONTACT US / LOCATION
************************************************************/
div#formContainer {
margin:15px 0 0 0;
float: left;
}
div#locationWrapper span.formlabel {
float:left;
text-align:left;
font-weight: bold;
text-transform: uppercase;
font-size:0.9em;
width:60px;
padding-right:5px;
}
div#locationWrapper span.formelement {
float:right;
text-align:left;
}
div#addressWrapper{
border-left:1px dotted #333333;
float:right;
margin-right:50px;
position:relative;
width:350px;
}
div#addressWrapper ul, 
div#addressWrapper p{
padding-left:45px;
}
div#locationWrapper ul{
padding: 0;
margin: 10px 0 35px 0px;
}
div#addressWrapper ul, 
div#locationWrapper ul{
list-style-type:none;
position:relative;
width:100%;
}
div#locationMap{
float:right;
margin:10px 30px 0 0;
}
div#locationMap img{
border:solid 10px #eee;
}
div#locationWrapper{
border-right:1px dotted #333333;
float:left;
position:relative;
width:320px;
padding-bottom:50px;
}
div#addressWrapper ul li, 
div#locationWrapper ul li{
margin:3px 0;
}
li.telephone{
margin:20px 0;
padding-top:10px;
width:280px;
}
li.addressTitle{
font-size:1.2em;
font-weight: bold;
margin-bottom:10px;
display:block;
width:280px;
}


/* PAGINATION STYLES
************************************************************/
p#pageNav{}
p#pageNav a{padding:3px;background:#fff;border:solid 1px #3f73c6;color:#3f73c6;text-decoration:none;display:inline;}
p#pageNav a:hover{background-color:#A7C8E6;color:#fff;}
p#pageNav a.currentPage{color:#fff;background-color:#A7C8E6;}
p#pageNav a.inactive{color:#aaa;border:1px solid #aaa;}


/* FORM LAYOUT STYLES
*****************************/
div.formrow {
clear:both;
margin:10px 0;
}
span.formlabel {
float:left;
text-align:right;
font-weight: bold;
text-transform: uppercase;
width:100px;
padding-right:5px;
}
span.formelement {
float:right;
text-align:left;
}
div.formrow span.left {
float: left;
}
.submitStyle{border:1px solid #000000; background-color:#2a72d6; color:#ffffff; padding:5px;}

.maincontent .formlabel{margin-right:15px; width:120px; text-transform:capitalize; font-weight:normal; text-align:left;}

/* FIELDSET STYLES
*****************************/
fieldset {
border:1px solid #ccc;
margin:10px 0;
padding: 5px 10px;
text-align:left;
}
fieldset#QuizQuestion {
margin:10px 0pt;
padding:0pt 10px 10px;
}
fieldset#QuizQuestion table {
width:100%;
margin:10px 0 15px;
}
fieldset#QuizQuestion table td {
border-bottom:1px #ccc solid;
padding:10px 0;
}
fieldset#QuizQuestion a {
background:transparent;
display:inline;
}
fieldset a {
background:#eee;
color:#7090C9;
display:block;
padding:5px 5px;
}
#VacancyTypes a { padding:0px;}
#VacancyTypes{margin-right:5px; width:505px;}

legend {
font-size:1.2em;
font-weight:bold;
padding:5px;
}


/* ADMIN STYLES
************************************************************/
div.adminFormrow {
clear:both;
margin:10px 0;
width:520px;
}
table.adminTable {
margin:15px 0pt;
width:100%;
}
table.adminTable tr.alt {
background:#eee;
}
table.adminTable tr, 
table.adminTable td {
border:1px solid #e0e0e0;
font-size:1em;
padding:4px;
}
table.adminTable td a {
text-decoration: none;
}
table.adminTable td a:hover {
background:#ebebeb;
}
table.adminTable th {
border-bottom:1px solid #e0e0e0;
}

/* FOOTER
************************************************************/
div#footer{
background-color:#333333;
height:60px;
margin:0;
}
div#footer p {
float:left;
padding:15px 0 0 12px;
}
div#footer ul{
list-style-type:none;
margin:10px 11px 10px 0;
padding:15px 0 0;
float:right;
}
div#footer li{
float:left;
margin:0 6px;
}
div#footer li, 
div#footer a{
color:#FFFFFF;
}

/* TERMS AND CONDITIONS SYTLES
************************************************************/
div#conditionsWrapper dl{
list-style-type:none;
margin:0;
}
div#conditionsWrapper dt{
float:left;
margin:0 10px 5px 10px;
}
div#conditionsWrapper dd{
float:right;
margin:0 10px 5px 10px;
width:670px;
}
div#conditionsWrapper dl span{
display:block;
width:100%;
clear:both;
}

/* PRIVACY STYLES
************************************************************/
div#privacyWrapper dl{
list-style-type:none;
margin:0;
}
div#privacyWrapper dt{
float:left;
margin:0 5px 5px 10px;
}
div#privacyWrapper dd{
float:right;
margin:0 10px 5px 0px;
width:480px;
}
div#privacyWrapper dl span{
display:block;
padding: 0;
width:100%;
clear:both;
}
div#privacyWrapper dl.subList dd{
width:450px;
}
div#privacyWrapper dl.subList{
margin-top:10px;
}