/* Page layout */
body { font-family:Arial, Sans-Serif; }
.pagewrapper { position:relative; display:block; width:839px; margin:auto;
    background-image:url(../images/layout/middle.jpg); padding:135px 50px 80px 45px; }

/* Header and footer */
.top { position: absolute; width: 934px; height: 65px; top: 0; left: 0;
    background-image: url(../images/layout/top.jpg); }
     .top img {margin:8px 0 0 711px;border:none;}
.bottom { position: absolute; width: 934px; height: 82px; bottom: 0; left: 0;
    background-image: url(../images/layout/bottom.jpg); }
.header { position:absolute; left:45px; top:46px; width:838px; height:70px; }
.header#teaching { background-image:url(../images/headers/recruit_header.gif);}
.header#cms { background-image:url(../images/headers/header_cms.gif);}

/* Navigation */
.nav_left { position:relative; float:left; width:155px; padding-bottom:30px; }
.nav_right { position:relative; float:right; width:205px; right:-15px; }
html>body .nav_right { right:0; }

.navmodule { position:relative; background-color:#00649E; background-position:bottom left;
    background-repeat:no-repeat; color:#FFFFFF; font-size:10px; padding-bottom:10px;
    margin-bottom:6px; overflow:hidden; }
    
.navmodule h2 { position:relative; margin:0 0 9px 0; background-position:top left;
    background-repeat:no-repeat;font-family:Arial, Sans-Serif; font-weight:bold; font-size:12px;}
        .nav_left .navmodule h2 { color:#000000;}
.navmodule ul { padding:0; margin:10px 10px 0 10px; list-style-type:none; }
.navmodule li { display:block; /* border-bottom:1px dotted #66CCFF; */ margin-bottom:3px; padding-bottom:3px;font-size:11px;font-weight:bold;letter-spacing:0.04em; }
.navmodule li .user{color:Black;}
.navmodule li a { color:#FFFFFF; text-decoration:none; }
.navmodule li a:hover { text-decoration:underline; }

.navmodule label { position:relative; display:block; margin:0 0 5px 20px; font-size:9px; }
.navmodule select { position:relative; margin:0 0 10px 20px; width:165px;
    font-size:11px; }
.navmodule input { position:relative; border:none; padding:3px 5px 5px 5px; margin-top:5px;
    background-color:#4FB0D7; color:#FFFFFF; font-size:9px; text-transform:uppercase; }
.navmodule input.search { float:right; margin-right:20px; cursor:pointer; border:1px solid #FFFFFF; }
.navmodule input.cv { float:left; margin-left:20px; background-color:#4FB0D7; color:#FFFFFF; border:1px solid #4FB0D7; cursor:pointer; }

.news { position:relative; background-position:bottom left; background-image:url(../images/nav/bottom_news.jpg);
    background-repeat:no-repeat; color:#FFFFFF; font-size:11px; padding-bottom:26px; margin-bottom:6px;
    width:220px; left:-5px; }
.news h2 { position:relative; padding:26px 0 0 20px; line-height:15px; background-position:top left;
    background-repeat:no-repeat; background-image:url(../images/nav/top_news.jpg); margin:0;
    font-family:Arial, Sans-Serif; font-weight:normal; font-size:18px; }
.news h2 em { font-style:normal; color:#000000; }
.news ul { padding:0; margin:10px 20px 0 20px; list-style-type:none; }
.news li { display:block; border-top:1px dotted #66CCFF; margin-top:6px; padding-top:6px; }
.news li p { margin:0; padding:0; }
.news li a { color:#FFFFFF; text-decoration:none; }
.news li a:hover { text-decoration:underline; }
.news li h3 { margin:0; padding:0 0 3px 0; color:#5BCAF4; font-size:12px; font-weight:normal; }
.news li h3 a { color:#5BCAF4; }

.nav_left .navmodule { background-image:url(../images/nav/bottom_left.gif); width:155px; }
.nav_left .navmodule h2 { background-image:url(../images/nav/top_left.gif); width:145px;
    padding:1px 0 0 10px; line-height:18px; }
.nav_right .navmodule { background-image:url(../images/nav/bottom_right.gif); width:205px; }
.nav_right .navmodule h2 { background-image:url(../images/nav/top_right.gif); width:185px;
    padding:1px 0 0 20px; line-height:20px; text-transform:uppercase; }
    
/* Homepage */
.content-home { position:absolute; width:460px; left:215px; top:135px; }
.content-home .panel-left, .content-home .panel-right { position:relative; display:block; width:230px; height:225px;
    background-position:top left; top:-3px; background-repeat:no-repeat; left:-5px; text-align:center;}
.content-home .panel-left { float:left; background-image:url(../images/panels/home_blue.gif); }
.content-home .panel-right { float:right; background-image:url(../images/panels/home_grey.gif); }
.content-home img.banner { margin-top:10px; }

.content-home .panel-left h2 { position:relative; margin:0; padding:25px 15px  5px 15px; font-size:20px;
    font-weight:normal; color:#0078B2; line-height:19px;}
.content-home .panel-left h2 em { color:#000000; font-style:normal; }
.content-home .panel-left p { position:relative; margin:0; padding:0 15px 5px 15px; font-size:12px; }
.content-home .panel-left .jobs{ font-size:10px; }



.content-home .panel-right h2 { position:relative; margin:0; padding: 17px 15px 5px 12px; font-size:19px;
    font-weight:normal; color:#0078B2; line-height:18px; }
.content-home .panel-right h2 em { color:#000000; font-style:normal; }
.content-home .panel-right p { position:relative; margin:0; padding:0 15px 5px 15px; font-size:12px; }
.content-home .panel-right .jobs{ font-size:10px; }


/* Blue box panel */
.content-bluebox { position:relative; width:644px; float:right; background-color:#A1C4D3;
    background-position:bottom left; margin-bottom:30px;padding-bottom:20px;
    background-repeat:no-repeat; background-image:url(../images/panels/bottom_bluebox.gif); }
.content-bluebox h2 { position:relative; margin:0 0 9px 0; background-position:top left;
    background-repeat:no-repeat; background-image:url(../images/panels/top_bluebox.gif); width:624px;
    padding:3px 0 3px 20px; color:#FFFFFF;
    font-family:Verdana, Sans-Serif; font-weight:bold; font-size:14px; }
.content-bluebox h3 { position:relative; margin:0; padding:10px 0 10px 20px; font-size:18px;
    font-weight:normal; color:#FFFFFF; }
.content-bluebox h3 strong { font-weight:normal; color:#0066CC; }
.content-bluebox p { position:relative; padding:10px 20px 10px 20px; margin:0;
    font-size:12px; }
.content-bluebox img { float:right; margin:0 20px 10px 20px; }
.content-bluebox .line { position:relative; width:604px; margin:20px; height:1px; font-size:1px; clear:both;
    border-bottom:1px dotted #0066CC; }
.content-bluebox ul { list-style-type:square; font-size:13px; color:#0066CC;padding-right:20px; }
.content-bluebox ul li { color:#000000; margin-bottom:10px; }
.content-bluebox .right { position:relative; float:right; width:230px; padding:0 40px 20px 20px; font-size:10px; }

.content-bluebox .searchbox { font-size:10px; padding:0 10px 20px 20px; }
.content-bluebox .searchbox label { font-weight:bold; display:block; margin:0; padding:0 0 3px 0; }
.content-bluebox .searchbox tr { height:45px; }
.content-bluebox .searchbox select { font-size:11px; width:180px; }
.content-bluebox .searchbox input.search { border:2px solid #0066CC; font-size:12px; padding:2px 5px 3px 5px; }

/* Icons */
.content-icons { position:relative; width:644px; text-align:center; height:400px;padding-left:100px;}
.content-icons h2 { padding:0; margin:80px 0 20px 0; font-size:20px; color:#0066CC;
    font-family:Verdana, Sans-Serif; }
.content-icons a img { border:none; margin:0 10px 0 10px; }

.content-admin {position:relative; width:644px;float:right; margin-left:15px;}
.content-admin p {margin:200px 0 0 110px;color:#00649E;font-size:20px;font-style:normal; }
/* Utility classes */
.hidden { display:none; }
html>/**/body .clear { position:relative; clear:both; font-size:1px; width:80%; height:1px; }
/* Grid Results Result Page*/

.content-bluebox input { position:relative; border:none; padding:3px 5px 5px 5px; margin-top:5px;
    background-color:#6DCEF5; color:#FFFFFF; font-size:9px; text-transform:uppercase; }
.content-bluebox input.search { float:right; margin-right:18px; font-weight:bold; border:1px solid #FFFFFF; }
.content-bluebox input.cv { float:left; margin-left:18px; background-color:#66CCFF; color:#B8EBF5; padding: 3px 3px 3px 3px;}


.gridresults { position:relative; width:625px; float:right; margin-left:15px;margin-bottom:20px;}

	.gridresults .title { font-family:Verdana, Sans-Serif; font-size:21px; padding:10px 0 8px 0;
	    border-bottom:solid 1px #0066CC; color:#0066CC; margin:0; font-weight:bolder;}
	.gridresults .JobTitle { font-size:17px; font-weight:bold; padding-bottom:8px; padding-top:8px; }
	.gridresults .ref { font-size:12px; font-weight:normal; width:110px; }
	.gridresults .data { font-size:12px; font-weight:normal; }
	.gridresults .apply { vertical-align:text-top; text-align:right; width:150px; }
	.gridresults .apply a { position:relative; display:block; padding:8px 10px 8px 10px; font-weight:bold;
	    background-color:#6DCEF5; color:#FFFFFF; font-size:11px; width:80px; text-align:center;
	    text-transform:uppercase; text-decoration:none; border:2px solid #0066CC; }
	.gridresults .separator{ border-bottom:dotted 1px #0066CC; height:5px; }
	.gridresults .description { font-size:11px; padding-bottom:8px; padding-top:8px; font-weight:normal; }
	.gridresults .description h3 { font-size:13px; padding-bottom:8px; margin:0; }
	
.pages { position:relative; width:494px; float:right; padding:0 150px 20px 0; font-size:12px; 
    font-weight:normal; }
.pages h3 { position:relative; margin:0; padding:10px 0 10px 0px; font-size:18px;
    color:#00649E; border-bottom:dotted 1px #00649E; }
.pages img { position:relative; float:right; margin:15px 0 20px 20px; }
.pages .linkimg img{ position:relative; float:left;}
.pages .center{width:494px;text-align:center;}
.pages ul { list-style-type:square; font-size:12px; color:#0066CC;padding-right:20px; }
.pages ul li { color:#000000; margin-bottom:10px; }

/* Client list */
.clients { position:relative; width:654px; float:right; padding:0; font-size:12px;font-weight:normal; margin-bottom:10px; }
.clients h2 { position:relative; margin:0; padding:0 0 20px 0px; font-size:18px;
    color:#00649E; }
.clients ul { position:relative; margin:0; padding:0; list-style-type:none; }
.clients li { position:relative; display:block; float:left; font-size:10px; color:#666666;
    width:162px; height:89px; background-image:url(/images/panels/client.gif);background-repeat:no-repeat; margin:0 10px 0px 0; 
			padding:  5px 10px 0px 130px; }
.clients li h3 { position:relative; margin:0; padding: 5px 0 4px 0; color:#00649E; font-size:11px; }
.clients li .imgbox { position:absolute; left:10px; top:10px; width:100px; height:70px;
    text-align:center; }

/* Testimonials */
.testimonials {position:relative; width:494px; float:right;padding:0 150px 0 15px; font-size:12px;}	
.testimonials h3 {position:relative; margin:0; padding:10px 0 10px 0px; font-size:18px;
     color:#00649E; border-bottom:dotted 1px #00649E; }
.testimonials ul { padding:0; margin: 10px 0px 20px 0px; list-style-type:none; }
.testimonials li { display:block; border-bottom:1px dotted #00649E; margin-top:6px; padding:6px 0 20px 0px; }
.testimonials li h3 { margin:0; padding:0 0 3px 0; color:#5BCAF4; font-size:12px; font-weight:normal; }
.testimonials li p { margin:0; padding:0; }
.testimonials li a { color:#FFFFFF; text-decoration:none;}
.testimonials li img {float:right;clear:left;padding:6px 0 5px 10px;}


/* News Page */
.newspage {position:relative; width:644px; float:right;padding-left:15px;}	
.newspage h3 {position:relative; margin:0; padding:10px 0 10px 0px; font-size:18px;
     color:#00649E;border-bottom:dotted 1px #00649E; }
.newspage ul { padding:0; margin: 10px 0px 20px 0px; list-style-type:none; }
.newspage li { display:block; border-bottom:1px dotted #00649E; margin-top:6px; padding:6px 0 20px 0px; }
.newspage li h3 { margin:0; padding:0 0 3px 0; color:#4FB0D7; font-size:12px; font-weight:normal; }
.newspage li p { margin:0; padding:0; }
.newspage li a { color:#FFFFFF; text-decoration:none; }

/* Client of the Week */

.pages .candidateofweekname {margin-top:15px;font-size:15px;}
.pages .candidateofweektext {}
.pages .candidateofweektext img {float:right;clear:left;padding:0px 0 5px 5px;}

/* ADMIN SITE */

.forms { position:relative; width:644px; float:right; background-color:#A1C4D3;font-family:Verdana, Sans-Serif;font-size:12px;
    background-position:bottom left; background-repeat:no-repeat; background-image:url(/images/panels/bottom_bluebox.gif);margin-bottom:20px; }

.forms h2 { position:relative; margin:0 0 9px 0; background-position:top left; background-repeat:no-repeat; background-image:url(/images/panels/top_bluebox.gif); width:624px;
    padding:3px 0 3px 20px; font-weight:bold; font-size:14px; }
     .forms .val {padding-left:10px;}
      .forms .valsum {float:right;margin-right:50px;margin-top:10px;border:solid 1px Red;padding:10px 15px 10px 15px;}
      
		.forms .section {padding: 10px 0px 10px 20px;width:600px;}
		.forms .section ul{width:225px;float:left;border-right:solid 1px white;}
		.forms .section ul li {padding-top:10px;}
		.forms .section ul li label{margin-bottom:5px;font-size:12px;padding-right:10px;}
		.forms .section ul li .compval {}
		.forms .section ul li select {margin-top:5px; font-size:12px;}
		.forms .save{float:right;margin-right:30px;margin-bottom:10px;}
		.forms .warning {color:Red;}
		.success {position:relative; width:644px; height:450px; float:right;font-family:Verdana, Sans-Serif;font-size:12px;padding:200px 0px 0px 0px;text-align:center;}

		.forms .section .roles {margin-left:275px;font-size:12px;min-height:200px;}
		.forms .section .roles .roleslbl {padding-bottom:10px;}
			.forms .section .roles .dwarn {margin-top:50px;}
            .forms .section .valsum2 {margin-left:auto;margin-right:auto;width:600px;}
            .forms .delimitter {margin-left:auto;margin-right:auto;width:600px;}
                .forms .section .valsum2 ul {border:solid 1px red; margin-left:160px;padding:10px 15px 20px 40px;list-style:none;}
            

.pages .apply { vertical-align:text-top; text-align:right;width:494px;margin-bottom:30px; }
	.pages .apply a { display:block; padding:8px 10px 8px 10px; font-weight:bold;
	    background-color:#6DCEF5; color:#FFFFFF; font-size:11px; width:80px; text-align:center;
	    text-transform:uppercase; text-decoration:none; border:2px solid #0066CC; margin-left:414px;}
	    
/*resources*/

.resources {position:relative; width:494px; float:right;padding:0 150px 0 15px; font-size:12px;}	
.resources h3 {position:relative; margin:0; padding:10px 0 10px 0px; font-size:18px;
     color:#00649E; border-bottom:dotted 1px #00649E; }
.resources ul { padding:0; margin: 10px 0px 20px 0px; list-style-type:none; }
.resources li { display:block; border-bottom:1px dotted #00649E;}
.resources li h3 {margin:0; padding:0 0 3px 0; color:#5BCAF4; font-size:10px; font-weight:normal; }
.resources li ul {list-style-type:square; font-size:11px; color:#0066CC;padding: 0 0 0 15px;margin:0 0 0 0px; }
.resources li ul li { color:#000000; margin-bottom:0px;border:none; }


/***TRAINING***/

.training { position:relative; width:494px; float:right; padding:0 150px 20px 0; font-size:12px; 
    font-weight:normal; }
.training h3 { position:relative; margin:0; padding:10px 0 10px 0px; font-size:18px;
    color:#00649E; border-bottom:dotted 1px #00649E; }
.training .linkimg {width:145px;}
.training .linkimg .link{width:145px;text-align:center;padding-left:15px;}
.training .center{width:494px;text-align:center;}
.training ul { list-style-type:square; font-size:12px; color:#0066CC;padding-right:20px; }
.training ul li { color:#000000; margin-bottom:10px; }