/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Christopher Keats Stylesheet
Author : Wes Smith / wes.smith@mediarock.co.uk / Mediarock Ltd

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#ffffff; color:#4c4c4c; text-align:center; }
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }
input{width:160px}
.inputfile{width:426px}
textarea{width:426px; height:100px}
/* ----- IDS ----- */
#container { width:990px; margin:0 auto; text-align:left; font-size:110%; } 
#container #pageBody { width:920px; padding:10px 35px 0 35px; background:url(../images/pageBgBody.gif) top left repeat-y;} 
#container #pageBody #header { position:relative; width:920px; height:115px; margin-bottom:5px;}
#container #pageBody #header #logo { position:absolute; top:10px; left:10px;}
#container #pageBody #header #tel { position:absolute; top:82px; right:0;}
#container #pageBody #topNav .jobSearch { position:absolute; top:0; right:0; width:auto;}
#container #pageBody #topNav .jobSearch form { display:inline; padding-right:102px; line-height:20px;}
#container #pageBody #topNav .jobSearch .searchBtn { position:absolute; width:98px; height:23px; top:0; right:0; cursor:pointer}
#container #pageBody #topNav .jobSearch .searchInput { width:200px; float:left; color:#006699; height:19px; border:1px solid #c6c6c6; text-transform:capitalize}
#container #pageBody #topNav .jobSearch label { display:block; width:150px; float:left; color:#006699; font-family:Georgia, "Times New Roman", Times, serif;}
#container #pageBody #imageBox { width:920px;}
#container #pageBody #contentContainer { width:920px;}
#container #pageBody #contentContainer .title { color:#006699; font:18px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0 0 8px 0;}
#container #pageBody #contentContainer .title2 { color: #828282; font:16px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding-top:19px}
#container #pageBody #contentContainer a { color:#794572; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}
#container #pageBody #contentContainer a:hover { text-decoration:underline;}
#container #pageBody #contentContainer p { padding:0 0 15px 0; margin:0; line-height:20px; font-size:110%;}
#container #pageBody #contentContainer #leftCol { float:left; width:520px; margin:20px 0; padding-left:10px;}
#container #pageBody #contentContainer #leftCol h2{padding:10px 0px; margin:0px}
#container #pageBody #contentContainer #leftCol ul{margin:15px 0px 0px 20px; padding:0 0 0 10px}
#container #pageBody #contentContainer #leftCol .leftcol{float:left; width:220px}

#container #pageBody #contentContainer #leftCol li{list-style:url('../images/bullet_arrow.gif')}
#scope li{list-style:url('../images/bullet_arrow.gif')}

#container #pageBody #contentContainer #leftCol #logos { width:520px;}
#container #pageBody #contentContainer #leftCol #logos img { float:left;}
#container #pageBody #contentContainer #rightCol { float:right; width:345px; margin:20px 0;}
#container #pageBody #contentContainer #rightCol .jobSearch form { position:relative; display:inline; padding-right:102px; line-height:20px;}
#container #pageBody #contentContainer #rightCol .jobSearch .searchBtn { position:absolute; width:98px; height:23px; top:-12px; right:0;}
#container #pageBody #contentContainer #rightCol .jobSearch .searchInput { width:230px; float:left; color:#006699; height:19px; border:1px solid #c6c6c6; text-transform:capitalize}
#container #pageBody #contentContainer #rightCol .jobBox { width:345px;}
#container #pageBody #contentContainer #rightCol .jobBox .title { color:#006699; font:14px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0 0 5px 0;}
#container #pageBody #contentContainer #subLeftCol { float:left; width:640px; padding:26px 0 0 10px;}
#container #pageBody #contentContainer #subLeftCol a { color:#794572; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#container #pageBody #contentContainer #subLeftCol a:hover { text-decoration:underline;}
#container #pageBody #contentContainer #subLeftCol #titleBar { position:relative; color:#006699; font:18px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0 0 5px 0; border-bottom:1px solid #c0cde6; margin-bottom:20px;}
#container #pageBody #contentContainer #subLeftCol #titleBar span { color:#794572; font-weight:bold;}
#container #pageBody #contentContainer #subLeftCol #titleBar #paging { position:absolute; top:5px; right:75px; font-family:Arial, Helvetica, sans-serif; font-size:70%;}
#container #pageBody #contentContainer #subLeftCol #titleBar #veiwAll { position:absolute; top:5px; right:4px; font-size:70%; color:#bca2b8; font-family:Arial, Helvetica, sans-serif;}
#container #pageBody #contentContainer #subLeftCol #titleBar #veiwAll a { font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#container #pageBody #contentContainer #subLeftCol .jobDescriptionBox { position:relative; width:640px; margin-bottom:25px; padding-bottom:15px; border-bottom:1px solid #c0cde6;}
#container #pageBody #contentContainer #subLeftCol .jobDescriptionBox .title { color:#006699; font:14px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0 0 5px 0;}
#container #pageBody #contentContainer #subLeftCol .jobDescriptionBox .print { position:absolute; bottom:2px; right:95px;}
#container #pageBody #contentContainer #subLeftCol .jobDescriptionBox .print a { font-family:Arial, Helvetica, sans-serif; font-size:120%; padding-left:17px; background:url(../images/printIcon.gif) 0 0 no-repeat; font-weight:normal;}
#container #pageBody #contentContainer #subLeftCol .jobDescriptionBox .submitCV { position:absolute; bottom:2px; right:0;}
#container #pageBody #contentContainer #subLeftCol .jobDescriptionBox .submitCV a { font-family:Arial, Helvetica, sans-serif; font-size:120%; padding-left:19px; background:url(../images/cvIcon.gif) 0 3px no-repeat; font-weight:normal;}
#container #pageBody #contentContainer #subLeftCol .jobDescriptionBox .ReadMore { position:absolute; bottom:2px; right:0;}
#container #pageBody #contentContainer #subLeftCol .jobDescriptionBox .ReadMore a { font-family:Arial, Helvetica, sans-serif; font-size:120%; padding-left:19px; background:url(../images/MoreIcon.gif) 0 3px no-repeat; font-weight:normal;}
#container #pageBody #contentContainer #subLeftCol .jobDescriptionBox .Back { position:absolute; bottom:2px; right:0;}
#container #pageBody #contentContainer #subLeftCol .jobDescriptionBox .Back a { font-family:Arial, Helvetica, sans-serif; font-size:120%; padding-left:19px; background:url(../images/MoreIcon.gif) 0 3px no-repeat; font-weight:normal;}
#container #pageBody #contentContainer #subLeftCol #paginationBox { position:relative; width:640px;  border-top:1px solid #c0cde6; font-size:110%; padding-top:5px; margin:20px 0;}
#container #pageBody #contentContainer #subLeftCol #paginationBox a { font-weight:normal;}
#container #pageBody #contentContainer #subLeftCol #paginationBox #pages { color:#006699; width:150px; margin:0 auto; text-align:center;}
#container #pageBody #contentContainer #subLeftCol #paginationBox #prev { position:absolute; top:4px; left:0; color:#bca2b8;}
#container #pageBody #contentContainer #subLeftCol #paginationBox #next { position:absolute; top:4px; right:0; color:#bca2b8;}
#container #pageBody #contentContainer #subRightCol { float:right; width:190px; border:1px solid #c0c0c0; margin-top:5px; padding:20px 20px 40px 20px;}
#container #pageBody #contentContainer #subRightCol .title { color:#006699; font:18px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0;}
#container #pageBody #contentContainer #subRightCol .sectionList { margin-bottom:20px;}
#container #pageBody #contentContainer #subRightCol ul { list-style:none; padding:0; margin:0;}
#container #pageBody #contentContainer #subRightCol li { display:block; float:left; padding:0; text-transform:lowercase}
#container #pageBody #contentContainer #subRightCol li a { display:block; float:left; width:190px; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:120%; color:#794572; text-decoration:none; font-weight:normal;}
#container #pageBody #contentContainer #subRightCol li a:hover { color:#0099cc;}
#container #pageBody #contentContainer #subRightCol li a.active{ color:#0099cc; font-weight:bold;}
#container #pageBody #contentContainer #subRightCol .jobSearch form { width:190px; padding:0; margin:0; position:relative;}
#container #pageBody #contentContainer #subRightCol .jobSearch .searchBtn { width:98px; height:23px;position:absolute;top:80px;left:1px; margin-top:10px; cursor: hand}
#container #pageBody #contentContainer #subRightCol .jobSearch .searchInput { width:190px; color:#006699; height:18px; border:1px solid #c6c6c6; text-transform:capitalize}

#container #pageBody #contentContainer #quicksearch {float:left;width:187px;border-left:1px dashed#C0C0C0;;margin:10px 10px 10px 0;padding:20px 20px 40px 20px;margin:10px 1px 10px 0pt;height:190px}
#container #pageBody #contentContainer #quicksearch .title { color:#006699; font:18px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0;}
#container #pageBody #contentContainer #quicksearch ul { list-style:none; padding:0; margin:0;}
#container #pageBody #contentContainer #quicksearch li { display:block; float:left; padding:0; text-transform:lowercase}
#container #pageBody #contentContainer #quicksearch li a { display:block; float:left; width:190px; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:120%; color:#794572; text-decoration:none; font-weight:normal;}
#container #pageBody #contentContainer #quicksearch li a:hover { color:#0099cc;}
#container #pageBody #contentContainer #quicksearch li a.active{ color:#0099cc; font-weight:bold;}
#container #pageBody #contentContainer #quicksearch .jobSearch form { width:190px; padding:0; margin:0; position:relative;}
#container #pageBody #contentContainer #quicksearch .jobSearch .searchBtn { width:98px; height:23px; position:absolute; top:25px; right:0; }
#container #pageBody #contentContainer #quicksearch .jobSearch .searchInput { width:190px; color:#006699; height:18px; border:1px solid #c6c6c6; text-transform:capitalize}
#container #pageBody #contentContainer #keywordSearch {height:150px}

#container #pageBody #contentContainer #quicksearch #keywordSearch .jobSearch .searchBtn {height:23px;position:absolute;right:20px;top:95px;width:98px;}
#container #pageBody #contentContainer #quicksearch #keywordSearch .jobSearch .searchBtn2 {height:23px; margin-top:10px;}
#container #pageBody #contentContainer #quicksearch #keywordSearch .jobSearch .searchInput { width:180px; float:left; color:#006699; height:19px; border:1px solid #c6c6c6;margin:5px 0 0 0; text-transform:capitalize}
#container #pageBody #contentContainer #bottom_panel{width:457px;float:left;border-left:#c6c6c6 1px dashed;margin:40px 0px 10px 0px;height:150px}







#container #pageBottom { width:990px; height:25px; background:url(../images/pageBgBottom.gif) top left no-repeat;} 


 
/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}
.partnersubheader{background: #D7ECF7; padding:2px 3px !important; color:#000000; margin:20px 0px 0px 0px !important; width:890px; font-family:Georgia, "Times New Roman", Times, serif; color:#006699}

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;}

/* ----- TOP NAVIGATION ----- */
#topNav { position:relative; width:910px; height:25px; margin-bottom:3px; padding-left:10px;}
#topNav ul { list-style:none; padding:0; margin:0;}
#topNav li { display:block; float:left; padding:0;}
#topNav li a { display:block; float:left; padding:0 20px 0 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:120%; color:#794572; text-decoration:none; font-weight:normal;}
#topNav li a:hover { color:#006699;}
#topNav li a.active { color:#006699;}

/* ----- LEFT NAVIGATION ----- */


/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;}

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */

/* ----- FOOTER ----- */
#footer { width:920px; clear:both;}
#footer a { font-weight:normal; text-decoration:none; outline:none; color:#4c4c4c;}
#footer a:hover { text-decoration:underline;}
#footer p { padding:0;}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 15px 0; margin:0; }
address { font-style:normal;}


/* ----- LINKS ----- */
a { color:#000000; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
input, textarea,select {
	font-size:12px !important;
	border:1px solid #999999;
	background:#F5F5F5
}
.required { color:#0033FF;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#submit { width:55px; height:18px; border:none;}

/* ----- FORM VALIDATION ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #4544e4; color : #FFF; font-weight: bold; }

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }