/*
 * Main font, padding, etc. styles
 */

/* defaults, to concur in all browsers */
p, h1, h2, a, form, fieldset, img, input, select, textarea
{
  margin: 0;
  padding: 0;
}

p { font-size: 1.2em; color: white; }

h1 { font-size: 1.4em; color: white; }

h2 { color: black; font-size: 1em; }

a { color: cyan; font-weight: 600; text-decoration: none; }   /* #cd9933 */

a:hover, a:active { text-decoration: underline; }

img { border: none; float: left; }

ul
{ 
  margin-top: 10px;
  margin-left: 5px;
  padding-left: 10px;
  padding-top: 0px;
  font-size: 1.35em;
  line-height: 1.3em;
  color: white; 
  font-weight: bold; 

}

li { margin-bottom: 8px; padding-right: 50px;}

ul a { color: white;   font-weight: normal; font-size: 1.1em; }

.printonly{ display: none; }

/*
 * MAIN MENU
 * *********
 */

a.menulink
{
  color: white;
  text-decoration: none;
  font-size: 0.75em;
  font-weight: normal;
}

a.menulink:hover, a.menulink:active
{
  text-decoration: none;
  color: white;
}

a.menuhere
{
  color: white;
  text-decoration: none;
  font-weight: bold;
}

a.menuhere:hover, a.menuhere:active
{
  text-decoration: none;
  color: white;
}

/*
 * Generic across all pages but home/search/results
 */
h1.maintitle
{
  font-size: 2.4em;
  padding-top: 20px;
  padding-left: 55px;
/*border: 1px solid white; */
}

h1#providers
{
  margin-top: -8px;
  font-size: 2.4em;
}

span.mainsubtitle
{
  font-style: italic;
}

/*
 * HOME PAGE
 * *********
 */

h1.hometitle
{
  font-size: 3.5em;
  padding-top: 15px;
  line-height: 1.05em;
}


div.hometitle#providerdetails h1
{
  line-height: 0.95em;
}

p.hometext{ font-size: 1.4em; letter-spacing: 1px; }

em.hometext
{
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
}

h1#homehow
{
  color: #ff6633;
  font-size: 1.3em;
  padding: 18px 0px 0 13px; 
  float: left;
}


/* footer area stuff */
p.footerstuff
{
  color: #01acf2;
  font-size: 1.1em;
  text-align: left;
}

/*
 * ABOUT APPRENTICESHIPS
 ***********************
 */
h1.aboutapps
{
  margin-top: 200px;
/*border: 1px solid black; */
}

p.aboutapprentices
{
  margin-top: 20px;
  font-size: 1.2em;
  padding-right: 180px;
/*border: 1px solid black; */
}

ul.aboutapprentices
{
  margin-top: -10px;
  padding-top: 20px;
  padding-right: 190px;
  color: white;
  font-size: 1.2em;
}


/*
 * OCCUPATIONS
 * ***********
 */

a.occupationlink
{
  color: cyan;
  text-decoration: none;
  font-size: 1.1em;
  line-height: 1.1em;
  font-weight: 600;
/*border: 1px solid white; */
}

a.occupationlink:hover, a.occupationlink:active
{
  color: white;
  text-decoration: none;
}


/*
 * SUCCESS STORIES
 * ***************
 */
p.storyname, p.storycourse, p.storytown
{
  width: 100%;
  font-size: 1em;
  font-weight: 600;
  padding: 10px 0 10px 0;
  border-bottom: 1px solid cyan;
}

p.storyname { padding-top: 150px; }

a.storyname { padding-top: 150px; }

span.storydelimit
{
  color: blue;
  font-size: 1.4em;
}

span.storysubtitle
{
  font-size: 0.8em;
}

/*
 * FAQS + LINKS
 * ************
 */
p.faqlinkhead
{
  display: block;
  clear: left;
  background-color: #cd9933;    /* brown */
  padding: 4px 0 4px 10px;
  font-weight: 600;
  font-size: 1.5em;
}

span.flsubhead
{
  font-style: italic;
  font-weight: normal;
}

.faq
{
  color: #ffcc66;
  font-weight: 600;
  margin-top: 15px;
}

.answer
{
/*  font-weight: 600; */
}

/*
 * CONTACT PAGE
 * ************
 */
h1.sctptitle
{
  color: cyan;
}

p.contactmain
{
  margin-top: 0px;
  font-size: 1.2em;
  padding-right: 210px;
/*border: 1px solid black; */
}

p.copyright
{
  font-size: 1em;
  margin-top: 10px;
  border-top: 1px solid white;
}


p.policies
{
  margin-top: 5px;
  margin-bottom: 15px;
  font-size: 1.2em;
  padding-right: 180px;
/*border: 1px solid black; */
}

/*
 * PROVIDERS
 * *********
 * (the complete listing page)
 */
h1.providertitle
{
  font-size: 1.8em;
}

a.providerlink
{
  color: cyan;
  text-decoration: none;
  font-size: 1.4em;
  line-height: 1.8em;
  font-weight: 600;
}

a.providerlink:hover, a.providerlink:active
{
  color: white;
  text-decoration: none;
}

/*
 * PROVIDER DETAILS
 * ****************
 * Details on a single provider
 * selecteed from the listing page
 */
p.ppageheading
{
  font-size: 1.2em;
  padding: 12px 0px 12px 0px;
  color: #ffcc66;
  font-weight: 600;
  line-height: 1.4em;
}

p.ppagedate
{
  font-size: 1em;
  font-weight: normal;
}

.ppageheadingdata
{
  color: white;
}


/*
 * SEARCH FORMATTING
 * *****************
 */
h1.searchtitle
{
  font-size: 2.1em;
  padding: 13px 0 0 8px;
}

/* Form formatting */
select.mainquery
{ 
  float: left; 
  width: 260px;
  margin-bottom: 18px;
  margin-left: 28px;
}

select#courselist
{
}

select#townlist
{
}

select#qualificationlist
{
}

input.showme
{
  position: absolute;
  top: 120px;
  left: 48px;
  width: 138px;
  height: 57px;
  border: none;
}

div#avbacklinkbutton
{
  position: absolute;
  top: 60px;
  left: 480px;
}

div.avsrch
{ 
  margin-top: 20px;
  margin-bottom: 60px;
}

div.avsrch select
{ 
  float: left; 
  margin-right: 8px;
  margin-top: 10px;
}

div.avsrch input
{
  float: left;
}




/*
 * INTERMEDIATE RESULTS
 * ********************
 */
h1.resultstitle
{
  font-size: 2em;
  clear: left;
  padding: 0px 0 3px 30px;
}

div.resultssubtitlepos
{
  position: absolute;
  top: 61px;
  left: 15px;
  width: 280px;
  height: 65px;
/*border: 1px solid white;  */
}

h2.resultssubtitle1
{
  font-size: 1.4em;
  color: black;
/*border: 1px solid black;  */
}

p.results
{
  padding: 4px 0 2px 4px;
  color: black;
}

p.resultscount
{
/*  font-size: 1em; */
  text-align: right;
  font-style: italic;
  font-weight: 600;
  color: white;
}

span.resultsindex{ color: #ff7619; }

span.resulttitle
{
  font-weight: 600;
  color: black;
}

a.resultslink
{
  margin-left: 21px;
  font-size: 1.4em;
  color: #ff7619;
  text-decoration: none;
}

a.resultslink:hover, a.resultslink:active
{
  text-decoration: underline;
}


a.showallprovs
{
  color: white;
  font-style: italic;
  font-weight: normal;
}

a.showallprovs:hover, a.showallprovs:active
{

}


#dark
{
  background-color: #ffcc66;
}

#light
{
  background-color: #ffe5ba;
}


/*
 * FINAL PROVIDER RESULTS 
 * **********************
 */

h2.providerresultheadline
{
  clear: left;
  font-size: 1.5em;
  color: black;
  padding: 0px 140px 6px 20px;
/*  height: 40px; */
}

p.presultheading
{
  font-size: 1.2em;
  padding: 2px 0 2px 8px;
  color: brown;
  font-weight: 600;
  line-height: 1.4em;
}

.presultheadingdata
{
  color: black;
/*  padding-left: 4px; */
/*  padding-right: 10px; */
}

span.presultdate
{
  font-size: 0.9em;
  font-weight: normal;
  color: black;
text-align: right;
}

p.datasectionheading
{
  font-size: 1.1em;
  text-align: center;
  font-weight: 600;
  padding: 4px 0 4px 0;
}

p.dataheading
{
  color: brown;
  background-color: #ffe5ba;
  padding: 2px 8px 2px 10px;
  font-size: 1.4em;
}

p.dataanswer
{
  color: black;
  padding: 2px 8px 2px 10px;
  font-size: 1.4em;
  background-color: #ffe5ba;
}

#firstanswer 
{ 
  border-top: 1px solid brown; 
  padding-top: 10px;
}

a.dataheading
{
  color: brown;
  display: block;
  background-color: #ffe5ba;
  padding: 2px 8px 2px 10px;
  font-size: 1.4em;
  text-decoration: none;
}

a.dataheading:hover, a.dataheading:active,
a.presultheadingdata:hover, a.presultheadingdata:active
{
  text-decoration: underline;
}


/*
 * APPLICATION FORM
 * ****************
 *
 * This consists of multiple sections:
 * "header" - text describing the form
 * "static data" - the choices made by the user
 * "left hand entry fields" - fixed, required from all users
 * "right hand further info" - inputs dependant on user type
 */
 
/* header text */
p.applyform
{
  color: black;
  padding: 12px 15px 10px 10px;
  font-size: 1.4em;
}

p.applyform a
{
  color: black;
}

/* each static row of the form */
p.applyformentry
{
  color: black;
  padding-bottom: 4px;
  padding-left: 10px;
  font-size: 1.4em;
/*border: 1px solid black; */
}

p.applytableentry
{
  color: black;
  padding: 2px 0 4px 10px;
/*  font-size: 1.4em; */
}

a.applytableentry
{
  color: black;
}

span.applydatalabel
{
  float: left;
  clear: left;
  font-weight: 600;
  width: 116px;
  padding-top: 5px;
/*border: 1px solid black; */
}

span.applydatafixedwidth
{
  float: left;
  width: 235px;
}

span.applyfurtherinfo
{
/* only here to provide an ID vehicle for javascript field hidding mechanism */
}

ol.apply
{
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.3em;
  padding-right: 5px;
}

ul.apply
{
  margin-left: 25px;
  padding-left: 10px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.3em;
  padding-right: 5px;
  color: black;
  font-weight: normal;
}

h2.apply
{
  margin-left: 10px;
  font-size: 1.5em;
  padding-top: 15px;
  padding-bottom: 5px;
}

/* data entry fields */
label.apply
{
  padding: 5px 10px 0 10px;
  font-weight: 600;
  font-size: 1.4em;
  float: left;
  clear: left;
  width: 104px;
}  

#applytype
{ 
}

input.applyname
{
  margin-top: 4px;
  width: 220px;
  padding-left: 3px;
}

input.applyfurtherinfo
{
  margin-left: 10px;
  width: 230px;
  padding-left: 3px;
}

span.redhigh
{
  color: red;
  font-weight: bold;
}

textarea
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.95em;
  margin-top: 5px;
  padding-left: 3px;
}

textarea.applyaddr
{
  width: 222px;
  height: 4em;
}

textarea.applytext
{
  margin-top: -1px;
  width: 260px;
  height: 4em;
}

select.wherehear
{
  margin-top: 5px;
}

span.furtherinfolabel
{
  padding-left: 10px;
}

select.dob
{
}

select#dobday
{
/*  margin-left: 10px; */
}

/* The main switching selector */
select.applytype
{
  width: 224px;
  margin-top: 4px;
}

input.applybutton
{
  margin: 5px 0 20px 125px; 
}

table
{
  font-size: 1.2em;
}

table td
{
  vertical-align: top;
}

table.applychecks
{
}

table.locations
{
}

table.locations input { margin-right: 24px; margin-left: 3px; }

table.applyradios
{
  width: 95%;
  margin-left: 10px;
  border: 1px solid black;
}

#wide
{
  width: 85%;
  margin-left: 7px;
/*  border: 1px solid black; */
}

td.textlabel1{ width: 40%; }
td.inputlabel1{ width: 68%; text-align: right; }
td.datelabel1{ width: 56%; }
td.startlabel{ width: 328px; }

table.applychecks td
{
}

table.applyradios td
{
  text-align: right;
  height: 1.6em;
}

table.applychecks td.provchecklabel
{
  width: 190px;
  padding-top: 10px;
  padding-right: 40px;
}

table.applychecks td.provcheckbox
{
  padding-top: 10px;
}

table.applychecks td.provcheckbox input
{
  margin-right: 5px;
}

table.applychecks td.provchecklabel label
{
  width: auto;
}

table.applychecks td.broadlabel
{
  width: 55%;
}

table.applychecks input
{
  margin-right: 20px;
  padding-left: 2px;
}

input.subject{ margin-right: 10px; padding-left: 2px; }

table input.halfip
{
  width: 5em;
  margin-right: 10px;
}

table.applychecks label
{
  display: block;
  width: 120px;
}

table.applyradios label
{
}

table.applyradios td.radioquestion
{
  text-align: left;
/*  width: 150px; */
}

label.agreement
{
  font-size: 1.2em;
  padding: 0px 20px 0px 10px;
}

p.applydone
{
  float: left;
  width: 400px;
  font-size: 1.4em;
  color: black;
  padding: 0px 20px 0px 10px;
  margin: 10px 0px 10px 0px;
}

p.applydone#id
{
  float: left;
  font-size: 1.4em;
  width: auto;
}

table.applydone
{
  font-size: 1.4em;
}

table.applydone td
{
  padding: 0px 0 12px 8px;
}

table.applydone td.instructs
{
  width: 400px;
}

table.applydone td.idnum
{
  text-align: center;
}

table.applydone input
{
  float: left;
  width: 160px;
  padding-top: 2px;
  font-size: 0.9em;
}

h1.thankyou
{
  font-size: 2.1em;
  text-align: center;
  margin: 80px 0 0 20px;
}

/* for errors */
h1.notyet
{
  padding-top: 100px;
  text-align: center;
}

span.applyerror
{
  color: black;
}


/*
 * Javascrip Tooltip styling
 */
div#dhtmltooltip
{
  position: absolute;
  width: 150px;
  border: 1px solid black;
  padding: 2px;
  background-color: lightblue;
  visibility: hidden;
  z-index: 100;
}


/*
 * Available applicants and vacancies
 */
table.available
{
  color: brown;
  border-collapse: collapse;
  border: none;
  text-align: left;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 15px;
}

table.available a
{
  color: brown;
  text-decoration: underline;
}

table.available th
{
/*  font-weight: normal; */
  background-color: brown;
  color: #ffe5ba;
  border-right: 1px solid #ffe5ba;
  padding: 5px 5px 5px 5px;
}

table.available th.last
{
  border-right: none;
}

table.available td
{
  padding: 5px 5px 5px 5px;
  border-right: 1px solid brown;
  border-bottom: 1px solid brown;
  border-left: 1px solid brown;
}

table.available tr.light td
{
  background-color: #ffe5ba;   /* #ffe5ba light */
}

table.available tr.dark td
{
  background-color: #ffcc66;   /* #ffe5ba light */
}

table.available td.centered
{
  text-align: center;
}

table.available tr#first
{
  border-top: 8px solid brown;
}