/****** BASE CSS ******/

/*reset margin and padding on all tags*/
* { margin: 0; padding: 0; }

/* global html tags */

img { border: 0; }
p,h1,h2,h3,h4 { margin-top: 8px; }
a { color: #00adef; }
body { width: 928px; margin: 0px auto; font: 11px arial, verdana, helvetica, sans-serif; color: #606060; }
fieldset { margin-top: 16px; padding: 60px; border: 0; }
legend { display: none; }
blockquote { padding-left: 32px; padding-bottom: 16px; }

#termstable th { padding: 4px 64px 8px 4px; vertical-align: top; text-align: left; }
#termstable td { padding: 4px 4px 8px 4px; vertical-align: top; }

textarea { width: 500px; min-height: 200px; background: url(images/semitrans.png); border-width: 1px; }
.semitransbackground { background: url(images/semitrans.png); display: block; width: 500px; border: #c0c0c0 1px solid; padding: 4px; color: Black; font-weight: bold; }
#shortercontrols { position: relative; }
#shortercontrols .semitransbackground { background: url(images/semitrans.png); display: block; width: 250px; border: #c0c0c0 1px solid; padding: 4px; color: Black; font-weight: bold; }
input, select, textarea { border-width: 1px; margin: 0 4px 0 4px; }
fieldset p { clear: both; }

/* background effects */
/*html { background: pink; }*/

body { background: url(images/styletech_background_white.gif) top center repeat-y; }
body.themeblue { background: url(images/styletech_background_blue.gif) top center repeat-y; }
body.themepink { background: url(images/styletech_background_pink.gif) top center repeat-y; }
body.themeblack { background: url(images/styletech_background_grey.gif) top center repeat-y; }

/* global classes */
.blue { color: #00a6d6; }
.pink { color: #ec008c; }
.white { color: white; }
.black { color: black; }

.inline { float: none; padding-left: 4px; padding-right: 12px; }
.inlinenopad { float: none; }
.label { clear: both; float: left; width: 250px; }
.absmiddle { vertical-align: text-bottom; }
.negmargin8 { margin-left: -8px; }

.formoverviewtext { margin-left: 32px; }
.sectionintro { font-size: 11px; margin-bottom: 32px; color: #404080; }
.itemhelp { color: #404080; font-style: italic; display: block; margin-top: 10px; }
.registerlink { text-decoration: none; color: #606060; font-size: 16px; line-height: 24px; }

.heading { font-size: 16px; color: #ec008d; font-size: 14px; font-weight: bold; }
.errortext { color: #ff0040; font-style: italic; }
.clearboth { clear: both; }
.invisible { height: 0; border: 0; visibility: hidden; }
.keyphrase { font-weight: inherit; }

#content .dayofweek { padding: 0 19px 0 5px; }

/* general layout */

#content { width: 890px; margin: 0 auto; padding-top: 4px; clear: both; min-height: 500px; }

/*#content div#container { clear: both; margin: 0 auto; width: 928px; }*/
a#titlelogo { display: block; width: 351px; height: 0; padding-top: 90px; overflow: hidden; background: url(images/logo.png) top left no-repeat; margin: 0px 0 2px 30px; }

#main { width: 928px; clear: both; margin: 0; }
#footer { clear: both; height: 120px; width: 928px; background: url(images/footerbg.png) top center no-repeat; }
#header { position: relative; height: 135px; clear: both; width: 927px; margin: 0; padding: 10px 0 0 0; background: url(images/headgraphic2.gif) top right no-repeat; }

#footer .footertext { margin: 20px 32px; color: #808080; }
#footer .footertext a { color: #808080; }
#footer .footerlinks { float: right; }


#footer img { margin-left: 50px; }

#menu { height: 37px; width: 890px; margin: 0 auto; padding: 0; background: url(images/menubase.png) bottom center no-repeat; }
#menu ul { list-style: none; clear: both; float: none; margin-left: 24px; }
#menu ul li { float: left; margin: 0 20px 0 0; }
#menu ul li a { display: block; height: 0; padding-top: 35px; overflow: hidden; }

#content .textbox1 { width: 350px; float: left; margin: 10px 0 0 50px; }
#content .homepage-textbox1 { width: 350px; float: left; margin: 10px 0 0 50px;}

.box .boxtop { width: 829px; height: 44px; background: url(images/boxtop.png); }
.box .boxbottom { width: 829px; height: 44px; background: url(images/boxbottom.png); }

/*menu*/

#homebutton { width: 60px; background: url(images/homeout.png); left: -52px; }
#homebutton:hover, #homebutton.current { background: url(images/homeover.png); }
#aboutbutton { width: 78px; background: url(images/aboutout.png); left: 19px; }
#aboutbutton:hover, #aboutbutton.current { background: url(images/aboutover.png); }
#salonbutton { width: 106px; background: url(images/salonownerout.png); left: 115px; }
#salonbutton:hover, #salonbutton.current { background: url(images/salonownerover.png); }
#stylistbutton { width: 53px; background: url(images/stylistout.png); left: 189px; }
#stylistbutton:hover, #stylistbutton.current { background: url(images/stylistover.png); }
#academybutton { width: 130px; background: url(images/training-course-button-off.png); left: 189px; }
#academybutton:hover, #academybutton.current { background: url(images/training-course-button-on.png); }
#jobsboardbutton { width: 95px; background: url(images/jobsboardout.png); left: 189px; }
#jobsboardbutton:hover, #jobsboardbutton.current { background: url(images/jobsboardover.png); }
#contactbutton { width: 92px; background: url(images/contactout.png); left: 261px; }
#contactbutton:hover, #contactbutton.current { background: url(images/contactover.png); }

/*form basics*/

/*#content.contact label {  width: 100px; }*/
#content.contact fieldset { margin: 0; padding: 0; margin-top: 20px;}
#content.contact textarea {  width: 200px; height: 100px; }
#content.contact .submitbutton {  margin-left: 98px; }

#content.upload input {  margin: 0px; padding: 0px; }

div.clear { clear: both; padding-bottom: 8px; }
div.space { clear: both; padding-bottom: 16px; }
div.labelcolumn { float: left; width: 120px; }
div.controlcolumn { float: right; width: 220px; }

#content.salonform div.labelcolumn { float: left; width: 150px; padding-bottom: 10px;}
#content.salonform div.controlcolumn { float: right; width: 550px; padding-bottom: 10px;}

#content.stylistform div.labelcolumn { float: left; width: 150px; padding-bottom: 10px;}
#content.stylistform div.controlcolumn { float: right; width: 550px; padding-bottom: 10px;}

#JobOptionsForm div.labelcolumn,
#JobCriteriaForm div.labelcolumn,
#StaffOptionsForm div.labelcolumn,
#StaffCriteriaForm div.labelcolumn { float: left; width: 150px; padding-bottom: 10px;}
#JobOptionsForm div.controlcolumn,
#JobCriteriaForm div.controlcolumn,
#StaffOptionsForm div.controlcolumn,
#StaffCriteriaForm div.controlcolumn { float: right; width: 550px; padding-bottom: 10px; }
#JobOptionsForm div.controlcolumn table,
#JobCriteriaForm div.controlcolumn table,
#StaffOptionsForm div.controlcolumn table,
#StaffCriteriaForm div.controlcolumn table { padding: 0; margin: 0px; width: auto; }

#JobAdvertForm div.labelcolumn { float: left; width: 150px; padding-bottom: 10px;}
#JobAdvertForm div.controlcolumn { float: right; width: 500px; padding-bottom: 10px; }
#JobAdvertForm div.controlcolumn table { padding: 0; margin: 0px; width: auto; }

/****** PUBLIC PAGES ******/
/* page /default.asp */

/*#content.home { background: url(images/homeart2.png) top left no-repeat; }*/
#content.home .homepage-textbox1 { width: 185px; float: left; margin: 0 0 0 30px; color: Black; line-height: 2; }
#content.home .linkboxes { width: 666px; height: 246px; float: right; margin: 30px -3px 0 0; }

#homepagepanels 
{
    list-style: none;
    margin: 0;
    padding: 0;
}
#homepagepanels li 
{
    margin: 0 6px 0 0;
    padding: 0;
    float: left;
}

#homepagepanels li.last 
{
    margin: 0;
}

#homepagepanels a {
    display: block;
    width: 162px;
    height: 0px;
    overflow: hidden;
    padding-top: 246px;
}
#stylistregisterpanel
{
    background: url(images/stylistregisterpanel2.png) no-repeat;
}
#salonregisterpanel
{
    background: url(images/salonregisterpanel2.png) no-repeat;
}
#academypanel
{
    background: url(images/academypanel.png) no-repeat;
}
#jobsboardpanel
{
    background: url(images/jobsboardpanel2.png) no-repeat;
}

/* page /aboutus.asp */

#content.about { background: url(images/aboutart.png) top right no-repeat; }

/* page /salon.asp */

#content.salon { background: url(images/salonart.png) top right no-repeat; }
#content.paymentterms { background: url(images/paymentart.png) top right no-repeat; }

/* page /salon_inputjob.asp */

#content.salonform .textbox1, #content.stylistform .textbox1 { width: 850px; margin: 10px 0 0 30px; }
#content.salonform fieldset, #content.stylistform fieldset { border: 1px solid #bebebe; border-width: 0 1px 0 1px; width: 761px; margin: 0 0 0 1px; padding: 0 32px 0 32px; }
#owneragent.box .boxtop { background: url(images/boxtop_owneragent.png); }
#salondetails.box .boxtop { background: url(images/boxtop_salondetails.png); }
#positiondetails.box .boxtop { background: url(images/boxtop_positiondetails.png); }
#salonskills.box .boxtop { background: url(images/boxtop_salonskills.png); }
h1.saloninputjobtitle { position: relative; display: block; width: 825px; height: 49px; }
h1.saloninputjobtitle img { position: absolute; left: 0; top: 0; }
#salondetails.box fieldset { background: url(images/salonformart1.png) right no-repeat; }
#positiondetails.box fieldset { background: url(images/salonformart2.png) right no-repeat; }

/* page /salon_thankyou.asp */

#content.salonthankyou { background: url(images/thankyouart.png) top right no-repeat; }

/* page /stylist.asp */

#content.stylist { background: url(images/stylistart.png) top right no-repeat; min-height: 520px; }
#content.stylist .textbox2 { width: 500px; float: left; margin: -30px 0 0 50px; }

/* page /stylist_general.asp */

h1.stylistapplicationformtitle { position: relative; display: block; width: 825px; height: 49px; }
h1.stylistapplicationformtitle img { position: absolute; left: 0; top: 0; }

#dobdd { width: 50px; }
#dobmm { width: 60px; }
#dobyyyy { width: 60px; }
#qualificationyear { width: 60px; }
#qualification { width: 300px; }
#salary { width: 120px; }

#personaldetails.box .boxtop { background: url(images/boxtop_personaldetails.png); }
#personaldetails.box fieldset { background: url(images/stylistformart1.png) right no-repeat; }
#personaldetails2.box .boxtop { background: url(images/boxtop_personaldetails.png); }
#personaldetails2.box fieldset { background: url(images/stylistformart3.png) right no-repeat; }
#salonskills.box fieldset { background: url(images/stylistformart2.png) right no-repeat; }

/* page /staff_uploadpicture.asp */

#content.upload { background: url(images/uploadart.png) top right no-repeat; }
#content.upload .textbox1 { width: 400px; float: left; margin: -60px 0 0 50px; }

/* page /signupthankyou.asp */

#content.staffthankyou { background: url(images/thankyouart.png) top right no-repeat; }

/* page /contactus.asp */

#content.contact { background: url(images/contactart.png) top right no-repeat; }
.contactsubmit { margin-left: 130px; margin-top: 10px; }

/* page /contact_thankyou.asp */


/* page /termsandconditions.asp */

#content.termsandconditions .textbox1 { width: 600px; float: left; margin: 10px 0 150px 50px; }



/****** ADMIN PAGES ******/

/* html tags */

#content.admin table { width: 800px; color: black; margin: 32px 0 0 0; }
#content.admin th, #content.admin td { text-align: left; padding: 2px;}
#content.admin th { background: #e0e0e0; border-bottom: 2px solid white; }
#content.admin tr td { border-bottom: 1px solid #e0e0e0; }
#content.admin tr:last-child td { border-bottom: 8px solid white; }
#content.admin h1 { font-weight: normal; }
#content.admin a { font-weight: bold; }

/* classes */
.openclosewidget { font-size: 10px; text-decoration: none; float: left; margin-right: 4px; }
.title .openclosewidget { line-height: 30px; }
.opentabsection { height: auto; }
.closetabsection { height: 1px; overflow: hidden; display: none;}
.staffpic { height: 96px; border: 0; padding: 0; margin: 0; }

#content.admin th.title { background: black; color: white; border-bottom: 2px solid white; }
#content.admin .right { text-align: right; }
#content.admin .tablefoot { background: #f0f0f0; }
#content.admin .minilink { font-size: 9px; color: white; text-decoration: none; }
#content.admin .alignright { text-align: right; }
#content.admin .page { color: black; }

#content .adminnote {
  background: url(../images/semitrans.png);  border: 1px solid #cccccc;  border-width: 1px 0 0 1px;
  width: 460px;  padding: 4px;  float: left;  margin: 0 0 6px 0;
}
#content.admin .staffpiccell { text-align: center; background: #f0f0f0; padding: 0; padding-top: 3px; }
#content.admin .nostaffpiccell { text-align: center; background: transparent;}

/* menu */

#adminmenu { height: 37px; width: 890px; margin: 0 auto; padding: 0; background: url(images/menubase.png) bottom center no-repeat; }
#adminmenu ul { list-style: none; clear: both; float: right; width: 580px; }
#adminmenu ul li { float: left; margin: 6px 40px 0 0; }
#adminmenu ul li a { color: black; font-weight: bold; }

/* admin specific layout */

#content.admin { width: 800px; margin: 0 auto; padding-top: 4px; min-height: 487px; clear: both; }
#content.admin .clickbar { cursor: pointer; }

/* page /admin/login.asp : /admin/loggedout.asp */

#content #logintable {
  width: 350px;
  margin: 0 auto;
}

/* page /admin/viewprofile.asp */

#profilenotes.box .boxtop { background: url(images/boxtop_adminnotes.png); }

/* page /admin/viewjobadvert.asp */

#salonnotes.box .boxtop { background: url(images/boxtop_adminnotes.png); }
.staffsnap {
  position: absolute;
  right: -10px;
  top: 0px;
  width: 250px;
  padding: 8px;
  background: white;
  border: 1px solid #c0c0c0;
}


/* jobs board */

#jobads
{
    float: left;
}
.jobadvert 
{
    display: block;
    border: 2px solid #d4d4d4;
    width: 530px;
    height: 133px;
    padding: 5px 6px;
    margin-bottom: 5px;
}
.jobadvert .adtitlecellouter
{
    background-color: #f3f3f3;   
    height: 34px;
    margin: 0;
    padding: 0 4px;
}

.jobadvert .adtitlecell
{
    height: 23px;
    border-bottom: 1px #101010 solid;
}

.jobadvert .adtitle
{
    float: left;
    font-size: 18px;
    font-weight: normal;
    color: #101010;
    line-height: 23px;
    padding: 0;
    margin: 0;
    margin-top: 2px;
    width: 320px;
}
.admin .jobadvert .adtitle 
{
    margin-top: 0;
    border: 1px dotted #808080;
    background: transparent;
}

.jobadvert .adregion
{
    float: right;
    font-size: 18px;
    font-weight: normal;
    color: #101010;
    line-height: 23px;
    padding: 0;
    margin: 0;
    margin-top: 2px;
}
.admin .jobadvert .adregion
{
    margin-top: 0;
    border: 1px dotted #808080;
    background: transparent;
    text-align: right;
    width: 180px;
}

#content .jobadvert .adtext
{
    width: 400px;
    height: 64px;
    min-height: 0px;
    font-size: 12px;
    line-height: 16px;
    padding: 0;
    margin: 8px 0;
    overflow: hidden;
}
#content.admin .jobadvert .adtext
{
    margin-top: 0;
    border: 1px dotted #808080;
    background: transparent;
    overflow: auto;
    font-family: arial, verdana, helvetica, sans-serif;
}

.jobadvert .signuplink
{
    display: block;
    float: left;
    padding-right: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #00a6d6;
}

.jobadvert .contactlink
{
    display: block;
    float: left;
    padding-right: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #ec008c;
}

.jobadvert .adsalary
{
    display: block;
    float: right;
    padding-right: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #00a6d6;
}

.admin .jobadvert .adsalary
{
    margin-top: 0;
    border: 1px dotted #808080;
    background: transparent;
    text-align: right;
    width: 180px;
}
#adsleft 
{
    float: left;
    width: 160px;
    height: 1216px;
    border: 0;
}
#jobads
{
    margin: 0 8px 0 13px;
}
#jobboard-contentright
{
    float: right;
    width: 310px;
    margin-right: 10px;
    border: 0;
}
.attract-panel 
{
    border: 3px solid #e0e0e0;
	padding: 8px;
	margin-bottom: 10px;
}

#adsright
{
    float: right;
    width: 160px;
    height: 1216px;
    border: 0;
}
#jobads .pageguidecontainer
{
    margin-top: 8px;
    padding-top: 8px;
    border-top: 3px solid #ec008c;
    font-weight: bold;
    font-size: 12px;
}


/*login box*/

#loginbox 
{
	background: transparent url(/images/loginbox.png);
	width: 324px;
	height: 33px;
	position: absolute;
	overflow: hidden;
	left: 559px;
	top: 40px;
}
#loginbox #loginidlabel 
{
	position: absolute;
	color: White;
	font-size: 12px;
	left: 8px;
	top: 8px;
}
#loginbox #ctl00_loginid
{
	position: absolute;
	background: transparent;
	color: White;
	font-size: 12px;
	left: 24px;
	top: 8px;
	width: 100px;
	height: 14px;
	margin: 0;
	padding: 0 0 2px 0;
	border-color: White;
	border-width: 0 0 1px 0;
}
#loginbox #ctl00_loginstatusmessage1,
#loginbox #ctl00_loginstatusmessage2,
#loginbox #ctl00_STLink1,
#loginbox #ctl00_STLink2,
#loginbox #ctl00_STLink3,
#loginbox #ctl00_SLLink1,
#loginbox #ctl00_SLLink2
{
	position: relative;
	background: transparent;
	color: White;
	font-size: 12px;
	font-weight: bold;
	top: 8px;
	height: 14px;
	margin: 0 0 0 8px;
}
#loginbox #loginpasswordlabel 
{
	position: absolute;
	color: White;
	font-size: 12px;
	left: 120px;
	top: 8px;
}
#loginbox #ctl00_loginpassword
{
	position: absolute;
	background: transparent;
	color: White;
	font-size: 12px;
	left: 182px;
	top: 7px;
	width: 92px;
	height: 14px;
	margin: 0;
	padding: 0 0 2px 0;
	border-color: White;
	border-width: 0 0 1px 0;
}
#loginbox #ctl00_loginbutton
{
	position: absolute;
	left: 280px;
	top: 6px;
}
.JobsListTable 
{
	border: 1px solid #e0e0e0;
	width: 700px;
	margin-bottom: 64px;
}
.JobsListTable td, .JobsListTable th
{
	border: 1px solid #e0e0e0;
	padding: 8px;
	vertical-align: top;
	text-align: left;
	background: url(/images/semitrans.png);
}
.JobsListTable a 
{
	color: #004060;
}

.searchcontextlinks 
{
	margin-bottom: 10px;
	width: 500px;
}

.searchcontextlinks a 
{
	margin-right: 10px;
}

#jobads .clickmap 
{
	position: relative;
	width: 540px;
	height: 500px;
	overflow: hidden;
}
#jobads .clickmap img 
{
	position: absolute;
	left: -60px;
	top: 10px;
}

/* academy */
#content.academy 
{
	width: 896px;
	height: 874px;
	background: transparent url(images/academy-home.jpg) top left no-repeat;
	margin-bottom: 10px;
	position: relative;	
	font-weight: bold;
}
#content.academythankyou
{
	width: 896px;
	height: 873px;
	background: transparent url(images/academy-thankyou.jpg) top left no-repeat;
	margin-bottom: 10px;
	position: relative;	
}
#content.academy .info-text 
{
	overflow: hidden;
	padding: 14px;
	position: absolute;
	top: 64px;
	left: 27px;
	width: 313px;
	height: 408px;
	color: Black;
	line-height: 1.6;
	font-size: 110%;
}
#content.academy .link-box
{
	background: transparent url(images/academy-courses.png);
	overflow: hidden;
	padding: 14px;
	position: absolute;
	top: 500px;
	left: 22px;
	width: 341px;
	height: 137px;
}

#content.academy-event
{
	width: 896px;
	background: white url(images/academy-events.jpg) top left no-repeat;
	margin-bottom: 10px;
	position: relative;	
	padding-top: 80px;
}
#content.academy-event .list-footer 
{
	width: 896px;
	height: 34px;
	background: transparent url(images/list-footer.png) top left no-repeat;
}
#content.academy-event .footer 
{
	margin-bottom: 10px;	
}
#seminarList 
{
	min-height: 480px;
}
#content.academy-event .academy-event-item, #content.academy-event .academy-event-detail
{
	border: 1px solid #808080;
	width: 830px;
	min-height: 188px;
	margin: 0 auto 22px auto;
	background: transparent url(images/academy-event-item-bg.png);
	padding: 2px 2px 2px 20px;
	font-size: 14px;
	color: Black;
	overflow: auto;
}
#content.academy-event .academy-event-item
{
	padding: 0 0 0 20px;
}
#content.academy-event .academy-event-detail
{
	width: 700px;
	margin-left: 24px;
}
#content.academy-event .academy-event-item h2, #content .academy-event-detail .item_name
{
	margin: 2px 0 10px -20px;
	background: transparent url(images/purple-fader.png);
	padding: 4px 20px;
	font-size: 16px;
}
#content.academy-event .academy-event-item h2 span, #content .academy-event-detail .item_name span  
{
	display: block;
	float: right;
	background: transparent url(images/purple-fader.png);
	padding: 4px 20px;
	margin: -4px -20px 0 0;
}
#content.academy-event .academy-event-item a, #content.academy-event .academy-event-detail a  
{
	color: Black;
	font-weight: bold;
	text-decoration: none;
}
#content.academy-event p 
{
	width: 440px;
}
#content.academy-event .academy-event-item img, #content.academy-event .academy-event-detail img 
{
	float: right;
	width: 160px;
	margin-left: 20px;
}
#content.academy-event #book-now-link 
{
	display: block;
	width: 175px;
	height: 0px;
	padding-top: 45px;
	overflow: hidden;
	background: transparent url(images/book-now-button.png);
	margin: 10px 0;
}