/* 
Job Applications CSS Copyright 2009 Cabbage Tree Creative Ltd. All Rights Reserved. 
------------------------------------------------------

SECTIONS:
Page Structure
Typography
Images
Forms
Links
Footer
Job submission and application forms
Job application form
Job alerts

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

/* Page Structure */
.clear {clear:both;}
.tcJobsJobList h2, .tcJobsJobFeaturedListing h2, .tcJobsJobListing h2, .tcJobsJobList h3, .tcJobsJobFeaturedListing h3, .tcJobsJobList h4, .tcJobsJobFeaturedListing h4, .tcJobsListingDetail h2, .tcJobsListingDetail h4, .tcJobsJobList ul, .tcJobsJobFeaturedListing ul, .tcJobsListingDetail ul, .tcJobsFilters ul, .tcJobsFilters li form, .tcJobsFilters h3, .tcJobsSortBy p { margin: 0; padding: 0; }
.tcJobsJobSubmission p {padding:6px 0;margin:0;}
.tcJobsPageControls { float:right; }
.tcJobsJobList {width: 622px;margin: 0 auto;text-align: left;}
span.tcJobsLoginRegister {float:left;padding:6px 0;}
.tcJobsListing, .tcJobsListingDetail {width: 580px; float: left; margin: 10px 0 0 0; padding: 15px 20px; border: 1px solid #ccc; position:relative;}
.tcJobsListing:hover {background: #dffffe;}
.tcJobsSortBy {width: 600px; border: 1px solid #e1e1e1; background: #e1e1e1; padding: 0 10px; margin: 10px 0 0 0; background:#EFEFEF; }
.tcJobsImageLeft {float:left;}
.tcJobsImageRight {float:right;}

/* Typography */ 
.tcJobsSortBy p, .tcJobsListing p {padding: 6px 0px; }
.tcJobsSortBy p{text-align: right;}
ul.tcJobsCategories {margin: 6px 10px; list-style: none;}
ul.tcJobsCategories li span.tcJobsSubcategory { padding: 0 0 0 15px; background: url(images/bullet.gif) 0 50% no-repeat;}
.tcJobsListing h2, .tcJobsListing h2 a, .tcJobsListingDetail h2 { font: bold 14px/18px Arial, Helvetica, sans-serif; color: #0DBACE; padding: 3px 0px; }
h2.tcJobsSearchTitle {color: #666666; font-size: 18px;}
.tcJobsFilters h3 {font: bold 13px/18px Arial,Verdana, Helvetica, sans-serif;color: #24737c; padding-bottom: 10px;}
.tcJobsListingDetail h4,
.tcJobsListing h4 {font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;color: #888;}
.tcJobsListingDetail h4 {margin: 5px 0 0 0;}
.tcJobsListingDetail h4.tcJobsOrganisation { margin:0 }
/* Typography specific to listing detail*/ 
.tcJobsListingDetail h2 {font-size: 18px;}
p.tcJobsDescriptionIntro { color:#24737C; font: bold 13px/20px Arial, Helvetica, sans-serif; border-top: 1px dotted #ccc; padding-top: 10px; margin-top: 20px;}
.tcJobsOtherinfo {float: left; width: 33%; font-size: 10px; border-left: 1px solid #ccc; padding-left: 15px; margin: 10px 10px 0 0;}
.tcJobsOtherinfo.tcJobsAppsClose {width:21%;margin-right:0}
span.tcJobsFilesize { font-style: italic; font-size: 10px;}
/* Images */
img.tcJobsLogo { position: absolute; top: 10px; right: 10px;}

/* Links */
.tcJobs a {color: #0DBACE; text-decoration: underline;}
.tcJobs a:hover, .tcJobs a:active { text-decoration: none;}
a.tcJobsViewJob {float: right; background: url(images/viewjob.gif) no-repeat; width: 98px; height: 29px; text-indent:-999em;}
a.tcJobsViewJob:hover {background: url(images/viewjob_hover.gif) no-repeat;}
a.tcJobsViewAllJobs {float: right; background: url(images/viewalljobs.gif) no-repeat; width: 110px; height: 29px; text-indent:-999em;margin-left:15px;}
a.tcJobsViewAllJobs:hover {background: url(images/viewalljobs_hover.gif) no-repeat;}
a.tcJobsApply {float: right; background: url(images/applynow.gif) no-repeat; width: 98px; height: 29px; text-indent:-999em;}
a.tcJobsApply:hover {background: url(images/applynow_hover.gif) no-repeat;}
h2.tcJobsSearchTitle a {color: #666;}
/* forms */
.tcJobsFilters {width: 190px; background: #c7dde0; padding: 10px; margin-top:32px;}
.tcJobsFilters select { width: 150px; height: 23px; padding: 2px 0; border: 2px solid #c6e4e7; font: 12px Arial, Helvetica, sans-serif; color:#0099CC; margin: 3px 0px ;}
.tcJobsFilters input { width: 150px; height: 23px; padding: 2px 0; border: 2px solid #c6e4e7; font: 12px Arial, Helvetica, sans-serif; color:#0099CC; margin: 3px 0px ;}
.tcJobsFilters label {float: left; width: 100px;}
.tcJobsFilters ul {list-style: none;}
.tcJobsFilters ul li {padding-left: 25px; background: url(images/filter_arrow.gif) bottom left no-repeat;}
.tcJobsFilters input.filterbutton { width: 37px; height: 22px; border: none; padding-left: 25px; }

/* job submission and application forms */
.tcJobsForm {width: 600px; float: left; margin: 0;  border-bottom: 1px solid #ccc;}
.tcJobsFormBlock {border-top: 1px solid #ccc; width: 575px; padding: 15px 10px 15px 20px;}
.tcJobsFormBlock.tcJobsFormPrompt {border-top:0px none;padding-top:0px;}
.tcJobsForm form label {float: left; width: 115px; color:#376468;padding-top:4px;}
.tcJobsForm form .tcJobsTextInput input { width: 50%; border: 1px solid #dcdad1; height: 20px; color: #333; background: #fcfde5;}
.tcJobsForm form select { border: 1px solid #dcdad1; color: #333; background: #fcfde5;}
.tcJobsForm form .tcJobsSelect select { width: 50%; }
.tcJobsForm form textarea { width: 70%; border: 1px solid #dcdad1; color: #333; background: #fff; padding: 2px;}
.tcJobsForm form .tcJobsCheckbox input {width: auto; margin-left: 115px; vertical-align: bottom; border: 0; height: auto;  line-height: normal;}
.tcJobsForm form .tcJobsCheckbox label {width: auto; float:none;}
.tcJobsTextArea span {margin-left:115px;}
.tcJobsForm form .tcJobsTextArea input {width:auto;height:auto;border:0px none;background:transparent;}
.tcJobsSubmitButton {text-align:right;padding-right:50px;}

/* job application form */
.tcJobsForm .titleBox {width:80px;}
.tcJobsForm form select.titleBox option{ height:20px;}
.tcJobsForm span.titleLabel label{width:80px;margin-left:115px;padding-top:0;padding-bottom:5px;}
.tcJobsForm form input.nameBox, .tcJobsForm form span.nameLabel label{width:159px;}
.tcJobsForm form span.nameLabel label {margin-left:5px;padding-top:0;padding-bottom:5px;}

/* job alerts */
div.tcJobsAlerts {margin-top:25px;}
ul.tcJobsAlertList {padding-left:0;margin-left:0;}
ul.tcJobsAlertList li {list-style-type:none;padding:2px;}
ul.tcJobsAlertList li.tcJobsAlertsHeader {border-bottom:1px solid #CCC;font-weight:bold;}
ul.tcJobsAlertList li span {display:block;width:21%;float:left;}
ul.tcJobsAlertList li span.tcJobsAlertFreq {width:10%;}
ul.tcJobsAlertList li span.tcJobsAlertControls {width:6%;}
ul.tcJobsAlertList li a {float:left;}
ul.tcJobsAlertList li a img {border:0px none;}
li.tcJobsAlertEven {background-color:#DDD;}
span.tcJobsAlertDeletePadding {padding-left:35px;}