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

Title : Aspire Default Styles
Author : Gerhard Lazu
E-mail author: gerhard.lazu@jgp.co.uk

Created : 21st January 2009
Last modified: 21st May 2009


MAIN COLOURS

White             #FFFFFF   //
Musk Green        #C7C745   //
Army Green        #7A8C64   // table headers
Pine Green        #01A66C   //
Light Grey        #DDDDDD   // table footers, table cell borders
Dark Grey         #58595B   //
Black             #000000   //


README

This stylesheet is the basis for the new, default Aspire styles. Spaghetti styling and poorly formatted stylesheets are a thing of the past.

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



/* =DEFAULTS
-------------------------------------------------------------- */

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
.clearfix, .box, .box p {
  display: block;
}
* html .clearfix, * html .box, * html .box p {
  height: 1%;
}
.clearfix:after, .box:after, .box p:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Regular clearing
   apply to column that should drop below previous ones. */
.clear {
  clear: both;
}

#aspire p {
  margin-bottom: 1.5em;
}



/* =FORMS
-------------------------------------------------------------- */
#aspire form fieldset {
  background: #EEEEEE;
  padding: 0px 10px 5px 10px;
  margin-bottom: 10px;
  width: 95%;
}
/* IE */
* html #aspire form fieldset {
  background: none;
  display: block;
}
*+html #aspire form fieldset {
  background: none;
  display: block;
}

#aspire form legend {
  font-weight: bold;
  margin: 0px;
  text-transform: uppercase;
}

#aspire form label,
form#account_login label {
  display: block;
  float: left;
  padding: 3px 5px;
  margin: 0px 10px 0px 0px;
  width: 150px;
}
#aspire form fieldset.salary label {
  width: 110px;
}
#aspire form ul li.required label {
  font-weight: bold;
}
#aspire form ul li.required label:after {
  content: "*";
}
#aspire form label.checkbox {
  width: 100px !important;
}
#aspire form fieldset.working_patterns label.checkbox,
#aspire form fieldset.working_durations label.checkbox {
  padding-left: 3px;
  padding-right: 0px;
  width: 90px !important;
}

#aspire form input, #aspire input[type="button"] {
  background: #FFFFFF;
  float: none;
  width: 150px;
}
#aspire form input.checkbox,
#aspire form input.radio {
  background: none !important;
  display: block;
  float: left;
  margin-top: 4px;
}
/* IE */
* html #aspire form input.checkbox,
* html #aspire form input.radio {
  margin-top: 0px;
}
*+html #aspire form input.checkbox,
*+html #aspire form input.radio {
  margin-top: 0px;
}

#aspire form div.checkpair input,
#aspire form div.radiopair input {
  float: left;
}


#aspire form select {
  background: #FFFFFF;
  margin: 0px;
  padding: 0px;
  width: 150px;
}
#aspire form select.multiple {
  padding: 3px;
  width: 100%;
}

#aspire form fieldset.salary select {
  width: 145px;
}

#aspire form textarea {
  background: #FFFFFF;
}

#aspire form p.submit input,
#aspire form input.submit,
#aspire form input.radio,
#aspire form input.checkbox {
  width: auto;
}

#aspire form ul {
  margin: 0px;
  padding: 5px 0px;
}

#aspire form small {
  font-size: 0.8em;
  padding-left: 3px;
  padding-top: 5px;
}
#aspire form#account_register small {
  display: block;
  padding-left: 20px;
}

#aspire form p.submit {
  display: block;
  margin-bottom: 0em;
  margin-right: 4%;
  text-align: right;
}
form#account_login p.submit {
  text-align: left;
  padding: 5px 5px 0px 175px;
}


form#fullsearch fieldset.keyword ul,
form#resend_authentication fieldset ul,
form#lost_password fieldset ul {
  float: left;
  width: 320px;
}
form#resend_authentication fieldset ul,
form#lost_password fieldset ul {
  width: 335px;
}
* html form#resend_authentication fieldset ul {
  width: 345px;
}

form#fullsearch fieldset.keyword p.submit,
form#resend_authentication fieldset p.submit,
form#lost_password fieldset p.submit {
  float: left;
  display: inline;
  padding-top: 10px;
  text-align: left;
}
* html form#fullsearch fieldset.keyword p.submit,
* html form#resend_authentication fieldset p.submit,
* html form#lost_password fieldset p.submit {
  padding-top: 7px;
}
*+html form#fullsearch fieldset.keyword p.submit,
*+html form#resend_authentication fieldset p.submit,
*+html form#lost_password fieldset p.submit {
  padding-top: 7px;
}
form#fullsearch fieldset.keyword label  {
  width: auto;
}


form#account_login ul#form_notices li {
  background: none;
  color: #58595B;
  font-size: 0.8em;
}



/* =LISTS
-------------------------------------------------------------- */
#aspire ul {
  margin: 0em;
  padding: 0px;
}
#aspire li {
  list-style-type: none;
}

ul#jgpnavtop,
ul#jgpnavbtm {
  background: #EEEEEE;
}
ul#jgpnavtop li,
ul#jgpnavbtm li {
  margin: 0px;
  padding: 0px !important;
  width: 20%;
}
ul#jgpnavtop li.return,
ul#jgpnavbtm li.return {
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  width: 58%;
}
ul#jgpnavtop li a,
ul#jgpnavbtm li a {
  display: block;
  font-weight: bold;
  padding: 5px 4%;
  text-align: center;
}

#aspire form ul li,
form#account_login ul li {
  background: #EEEEEE;
  clear: both;
  margin: 2px 0px;
  padding: 3px;
}
/* IE */
* html #aspire form ul li,
* html form#account_login ul li {
  background: none;
}
*+html #aspire form ul li,
*+html form#account_login ul li {
  background: none;
}

form#account_login ul li.required {
  position: static;
}

#aspire ul#Sfunctions,
#SearchOptions ul,
#SavedSearches ul,
#Tasks ul,
ul#jgpnavbtm,
ul#jgpnavtop,
ul#jobtasks {
  padding: 0px;
  margin-left: 0px;
}
#aspire ul#Sfunctions li,
#maincontent #SearchOptions ul li,
#SavedSearches ul li,
#Tasks ul li,
ul#jgpnavbtm li,
ul#jgpnavtop li,
ul#jobtasks li {
  float: left;
  list-style-type: none;
  padding: 0px 15px 0px 0px;
}
#SavedSearches ul li a {
  padding-left: 22px;
}

#aspire ul#reasons_to_register {
  padding-left: 15px;
}
#aspire ul#reasons_to_register li {
  list-style-type: disc;
}

#aspire dl.vacancy {
  padding-bottom: 1.5em;
}
#aspire dl.vacancy dt {
  margin-bottom: 5px;
}
#aspire dl.vacancy dd {
  padding: 2px 0px;
}

#aspire dl.vacancy dd .label {
  display: block;
  float: left;
  font-weight: bold;
  width: 100px;
}

#aspire dl.vacancy dd .value {
  display: block;
  margin-left: 110px;
}

/* IE6 seems to be adding 3px of left indent... */
* html #aspire dl.vacancy dd .value {
  text-indent: -3px;
}



/* =TABLES
-------------------------------------------------------------- */
#aspire table {
  border-collapse: collapse !important;
  margin-bottom: 15px;
  width: 100%;
}
#aspire table caption {
  background: #DDDDDD;
  border: 1px solid #DDDDDD;
  padding: 3px;
}
#aspire table th,
#aspire table td {
  border: 1px solid #DDDDDD;
  padding: 5px;
}
#aspire table th,
#aspire tfoot td {
  background: #FFF9D8;
}
#aspire table th {
  padding-top: 7px;
  padding-bottom: 7px;
  text-align: left;
}
#aspire tfoot td {
  background: #DDDDDD;
  padding-top: 3px;
  padding-bottom: 2px;
}



/* =IMAGES
-------------------------------------------------------------- */
#poweredby img {
  border: none;
}



/* =OLA
-------------------------------------------------------------- */
#prompt_footer {
background:#FFF8DC;
float:left;
padding:4px;
border:1px solid #FFE4B5;
margin-top:8px;
}

.normalquestion,.element-question_element  {

margin:4px 0px;
padding:4px;

}

.element-question_element label {
  font-weight:bold;
  display:block;
  border-bottom:1px dotted #eee;

}

.mandatoryquestion {

margin:4px 0px;
padding:4px;
background:#F9F9F9
}

div.normalquestion textarea {
width:50%;
}

span.QSElabel {
font-weight:bold;
color:#666;
  display: block;
  width: 150px;
  float: left;
}
.element-question_element:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div.vacancy p {
padding:0px;margin:0px;
clear:both;
border-bottom:1px solid #ddd;
}

div.vacancy:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


div.vacancy p span.label {
  display: block;
  width: 190px;
  float: left;
  margin-bottom: 4px;
}
#addinfo,.olaaction,#emailnotified {
padding:10px;
margin:10px 0px;
background:#F0FFF0;
border:1px solid #009254;
}
#emailnotified label {
  display:inline;
}

.element-group_element {
border:1px solid #999;
margin:4px 0px;
padding:4px;
background:#F9F9F9
}

div.normalquestion:after,div.mandatoryquestion:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;

}

form.olaform h3 {
color:#006400;
font-weight:bold
}
form.olaform h4 {
color:#006400;
}
form.olaform h5 {

}

form.olaform div.OLAradio label,
form.olaform div.OLAcheckbox label
 {
width:0px !important;
display:inline;
float:none;
color:#000;

}

form.olaform div.OLAradio input,
form.olaform div.OLAcheckbox input {
  width:auto;
  display:inline;
  float:none;
  color:#000;
  margin-right:10px;
}

#aspire form.olaform .OLAradio input,
#aspire form.olaform .OLAcheckbox input {
  float: left !important;
}

div.OLAcheckbox {
  padding-left:0px;
  float:left
}

div.normalquestion,div.mandatoryquestion,div.element-question_element {
  clear:both !important;
  height:auto;
  border-bottom:1px dotted #ddd;
  width:100%;
}

div.normalquestion textarea,div.mandatoryquestion textarea {
  width:350px;
  font-family:Arial, Helvetica, sans-serif;

}



/* =ICONS
-------------------------------------------------------------- */


#testnotice {
  background: #F4E8CB;
  border-bottom: 3px solid #852F30;
  padding: 10px 0;
  text-align: center;
}

#testnotice #testcontent {
  background: url("/icons/sites/ico_about-test.gif") left no-repeat;
  text-align: left;
  padding-left: 48px;
  width: 680px;
  margin: 0 auto;
  font-size: 0.8em;
}

/* JOB TASKS START */
#Tasks {
  margin-bottom:10px;
}

div#Tasks ul {
  padding: 0; margin: 0;
  list-style: none;
}
#Tasks ul li {
  list-style-type:none;
  padding: 0;
  margin-top: 6px;
  /*background: url("images/icon.gif") left no-repeat;*/
}

#Tasks ul li a {
  padding: 3px 0 3px 22px;
}


#Tasks ul li.SaveLater a, ul#jobtasks li.SaveLater a {
  background: url("/icons/sites/ico-savedjobs.gif") left no-repeat;
  padding-left: 22px;
}
ul li.SavedJob a  {
  background: url("/icons/sites/ico-savedjobs.gif") left no-repeat;
  padding-left: 22px;
}
#Tasks ul li.SendFriend a, ul li.SendFriend a {
  background: url("/icons/sites/ico-email.gif") left no-repeat;
  padding-left: 22px;
}

#aspire #jobtasks {
  padding-bottom: 10px;
}

ul#jobtasks li a#submit_ola  {
  background: url("/icons/sites/ico-applyonline.png") left no-repeat;
  padding-left: 22px;
}


li#ManageSearches {
  list-style-type:none;
  padding: 0px 0px 0px 22px;
  margin-top: 5px;
  background: url("/icons/sites/ico-savedjobs.gif") left no-repeat;
}

/* Search Options Start */
#SearchOptions {
margin:10px 0px 4px 0;
}

#SearchOptions ul li {
  list-style-type:none;
  padding: 0;
  margin-top: 5px;
}

#SearchOptions ul li a {
  padding-left: 22px;
}

#SearchOptions ul li#ListAllVacancies a {
    background: url("/icons/sites/ico-list.gif") left no-repeat;
}
#SearchOptions ul li#FullSearch a {
    background: url("/icons/sites/ico-search.gif") left no-repeat;
}
#SearchOptions ul li#CategorySearch a {
    background: url("/icons/sites/ico-cats.gif") left no-repeat;
}
/* Search Options End */


#SearchTypes {
  margin: 0; padding: 0;
}


#SearchTypes h2 {
  font-size: 1.5em;
  /*padding: 20px 0 0 0; margin-top: 20px;*/
}

/* SEARCH OPTIONS END */




div#AccOpts ul {
margin:10px 20px !important;
}


#Acc01, #Acc02, #Acc03, #Acc04 {
width:40%;
float:left;
}




/* Application Links icons */
.actionset #AppLinks li, .actionset #LinkedFiles li {
  margin-left: 50px;
  list-style-type:none;
  /*padding: 5px 0;*/

}
/* apply online */
/* External app */
/* Engage app */
div#apponline ul li,div#appext ul li,div#appengonline ul li {
padding:6px 0px;
}
div#apponline ul li a,div#appext ul li a,div#appengonline ul li a {
  background: url("/icons/sites/ico-online.gif") left no-repeat;
  padding:10px;
padding-left: 27px;
font-size:1.2em ;
font-weight:bold;

}



/* App Pack */
div#apppack ul li {
list-style-type:none;
}

div#apppack ul li a {
  background: url("/icons/sites/ico-rfa.gif") left no-repeat;
  padding-left: 22px;
}
/* App form */
div#appform ul li {
  background: url("/icons/sites/ico-print.gif") left no-repeat;
  padding-left: 22px;
}
/* app phone */
div#appphone ul li {
  background: url("/icons/sites/ico-appphone.gif") left no-repeat;
  padding-left: 22px;
}
/* app post */
div#apppost ul li {
  list-style-type:none;
  background: url("/icons/sites/ico-post.gif") left no-repeat;
padding-left: 22px !important;
}
/* app details */
div#appdetail ul li {}
/* app email */
div#appemail ul li {
  margin-left:0px !important;
}
div#appemail ul li a {
  background: url("/icons/sites/ico-appemail.gif") left no-repeat;
  padding-left: 22px;

}
/* Additional info */
div#LinkedFiles {
  overflow:hidden !important;
  width:100%;
}
/* Additional info */
div#LinkedFiles ul li {
  list-style-type:none;
  background: url("/icons/sites/ico-apppack.gif") left no-repeat;
  padding-left: 22px !important;
}



/* =IE
-------------------------------------------------------------- */
* html .png {
  position:relative;
  behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}