#sitecontainer { height: 615px; height/**/:/**/ 604px; padding: 11px 0 0 0; background: url(images/employment-bg.jpg) no-repeat top left; }

#sitecontainer #maincontent { height: 473px; padding-top: 0; }

#maincontent #employmentcontainer { height: 473px; padding-left: 152px; overflow: hidden; font-size: 110%; }


/* Employment - Working at Live */
#employmentcontainer .employmentdetails { width: 807px; height: 433px; background: #000 url(images/employment-whatisit-bg.jpg) no-repeat top left; margin: 20px 0 0 30px;}

.employmentdetails .introtext { float: left; width: 460px; height: 433px; background: url(images/employment-information-intro.gif) no-repeat top left; }
.employmentdetails .details { float: left; width: 295px; height: 430px; padding: 33px 20px 0 30px; font-size: 10px; line-height: normal; }
.employmentdetails .details a:hover { color: #e49b1b; }



/* Positions Listing */
#employmentcontainer .positionslist { float: left; width: 257px; width/**/:/**/ 233px; height: 408px; padding: 0 25px 25px 19px; background: #000; margin: 20px 0 0 20px; overflow: auto; }

.positionslist h1 { margin: 0; height: 84px; color: #393439; font-size: 150%; visibility: hidden; }
.positionslist .listtitle { padding: 25px 0 25px 0; }
.positionslist .vacancy { width: 200px; padding: 16px 0 0 15px; line-height: 120%; background: url(images/employment-item-arrow.gif) no-repeat 0px 20px; }
.positionslist .vacancy .location { display: block; color: #6f666f; }

.vacancy a:link .title, .vacancy a:visited .title { display: block; padding-bottom: 2px; color: #ffffff; text-decoration: none; font-weight: bold; }
.vacancy a:hover .title, .vacancy a:active .title { display: block; padding-bottom: 2px; color: #e49b1b; text-decoration: none; font-weight: bold; }
.vacancy a:link, .vacancy a:visited { color: #808080; text-decoration: none; font-weight: normal; }
.vacancy a:hover, .vacancy a:active { color: #808080; text-decoration: none; font-weight: normal; }


/* Vacancy Info */
#employmentcontainer .vacancydetails { float: left; width: 550px; height: 473px; }
.vacancydetails #vacancystart { width: 550px; width/**/:/**/ 400px; height: 473px; height/**/:/**/ 192px; padding: 281px 0 0 130px; background: url(images/employment-landing-workatbg.jpg) no-repeat -20px 222px; }
#vacancystart a { display: block; width: 248px; height: 112px; background: url(images/employment-landing-workatlive.jpg) no-repeat top left; text-align: center; font-size: 150%; }




#employmentcontainer #jobdetails { width: 415px; height: 388px; padding: 45px 25px 0 25px; border-left: 1px solid #1d1d1d; background: #000; margin: 20px 0 0 0; overflow: auto; }
#employmentcontainer #jobdetails a:hover { color: #e49b1b; }
#jobdetails h1 { margin: 0 0 9px 0; color: #d0cfcf; font-size: 18px; }
#jobdetails .joblocation { color: #6f666f; margin-bottom: 27px; }
#jobdetails a.applynow { display: block; margin-top: 25px; }








/* Application Form */
body.popup { padding: 0; margin: 0; background-image: url(images/employment-form-bg.jpg); background-position:  top right; background-repeat: no-repeat;}
#employmentpopup {width: 100%; width: 670px; padding: 17px 30px 30px 30px; }
#employmentform { width: 670px; margin: 0; }
#employmentform .heading { display: block; margin: 30px 0 11px 0; }
#employmentform .title { display: block; }

#employmentform td input { border: 1px solid #a0a0a0; font-size: 11px; margin-right: 10px; }

table.education td { padding: 7px 0; border-bottom: 1px solid white; border-bottom: 1px solid #cccccc;}
table.education th { padding: 7px 0; border-bottom: 1px solid white; text-align: left; color: #a0a0a0; border-bottom: 1px solid #cccccc;}
table.education td input { border: 1px solid #a0a0a0; font-size: 11px; margin-right: 10px; width: 130px;}
table.education td input.shortdays { width: 20px; border: 1px solid #a0a0a0; font-size: 11px; margin-right: 2px !important;}
table.education td input.shortyears { width: 40px; border: 1px solid #a0a0a0; font-size: 11px; margin-right: 2px !important;}
table.education td.yearcount { width: 25px; font-weight: bold; color: black; }



table.employment td { padding: 7px 0; border-bottom: 1px solid white; border-bottom: 1px solid #cccccc; }
table.employment th { padding: 7px 0; border-bottom: 1px solid white; text-align: left; color: #a0a0a0; border-bottom: 1px solid #cccccc; }
table.employment td input { border: 1px solid #a0a0a0; font-size: 11px; margin-right: 10px;}
table.employment td input.short { width: 60px; border: 1px solid #a0a0a0; font-size: 11px; margin-right: 10px;}
table.employment td input.shortdays { width: 20px; border: 1px solid #a0a0a0; font-size: 11px; margin-right: 2px !important;}
table.employment td input.shortyears { width: 40px; border: 1px solid #a0a0a0; font-size: 11px; margin-right: 2px !important;}
table.employment td.yearcount { width: 25px; font-weight: bold; color: black; }

table.misctable th { text-align: left; font-weight: bold; color: #a0a0a0; vertical-align: top; width: 180px; padding-right: 30px;}
table.misctable th .note { color: #a0a0a0; font-size: 10px; padding: 3px 0; }
table.misctable td textarea { border: 1px solid #a0a0a0; font-size: 11px; width: 420px; height: 50px; }

table.occupation { width: 280px; }
table.occupation td { border-bottom: 1px solid #cccccc; padding: 7px 0; }
table.occupation td.check { width: 30px; padding: 0; vertical-align: middle; }

.spanCasualSales {display: none; color: #F1C682; font-weight: bold; float: right;  }
.availabilityRow { display: none; }
.days { display: block; float: left; }
.spanAvailableDays { display: none; color: #F1C682; font-weight: bold; float: left; }

table.availability td { border-bottom: 1px solid #cccccc; padding: 7px 0; }
table.availability td.check { width: 30px; padding: 0; vertical-align: middle; }

table.personal td { padding: 7px 0; width: 270px; vertical-align: top; border-bottom: 1px solid #cccccc; }
table.personal th { padding: 7px 0; width: 130px; text-align: left; font-weight: bold; border-bottom: 1px solid #cccccc; }

table.split td { width: 300px; vertical-align: top; }

table.drivers td { padding: 7px 0; border-bottom: 1px solid #cccccc; }
table.drivers th { padding: 7px 0; width: 270px; text-align: left; font-weight: bold; border-bottom: 1px solid #cccccc; }