/* 
CSS Framework 
Version : 1.0
Revised : 03/05/2010
*/

*,html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center}

h1#header {width:270px;height:142px;float:left}
h1#header span {width:100%;height:100%;background:url('/img/sercon-logo.jpg') no-repeat;position:absolute;}
	
div#container{text-align:left}
div#content, div#content p{line-height:1.4}
div#footer{color: #333;}
div#footer p{margin:0;padding:15px 0 45px 0px}
div#footer a{display:inline;padding:0;}

#mininav {background:#000;float:right;}
#mininav ul {list-style-type:none}
#mininav li {float:right;}
#mininav li a {float:left;border-right:1px solid #fff;padding-left:5px;padding-right:10px}
#mininav li a.last {float:left;border-right:1px solid #fff;padding-left:5px;padding-right:10px}

#navbar li {border:0}

li a.last {border:0;padding-right:0;margin-right:0}

.mini-links {margin-top:0px;margin-bottom:35px;padding-bottom:0;float:right;list-style-type:none;}

.fl {float:left;list-style:none;border-right:1px solid #333;padding:0 10px 0 5px;font-weight:bold}
.flast {float:left;list-style:none;padding:0 0 0 5px;border-right:0;font-weight:bold}
.element {border-bottom:1px dotted #999}


/* Main Layout Elements */

div#container{width:900px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin: 0 165px 0 170px;padding:0px 15px 0 10px;background:url('/img/content-bg.jpg') no-repeat;min-height:210px;height:auto !important;height:210px}
div#navigation{float:left;width:165px;margin-left:-165px}
div#extra{float:left;width:165px;margin-left:-900px}
div#footer{clear:left;width:100%}

.jsspanel {background:url('/img/employers-panel.jpg') no-repeat;}
.jspanel {background:url('/img/job-seekers-panel.jpg') no-repeat;}

fieldset {border:0}
/*legend {margin-left:-0.6em}*/

.pdf {
  background:url('/img/pdf.gif') left center no-repeat;
  border-bottom:1px solid #efefef;
  margin-bottom:5px;
  padding:2px 0 0 22px;
}





/* CSS Document Defaults */

/* TYPOGRAPHY */
    body {
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 76%;
        line-height: 1em;        
        color: #333;
    }
    div {
        font-size: 1em;
    }
    img {
        border: 0;
    }
    
	/* LINKS */
    a, a:link, a:active {
        text-decoration: none;
        -moz-outline:none;

        color: #333;
    }
    a:visited {    
        color: #333;
        background-color: transparent;
        text-decoration: none;
    }
    #content a, #content a:visited {
        color: #333;
        background-color: transparent;
        text-decoration: underline;
    }
    a:hover {        
        color: #333;
        text-decoration: underline;
    }
	/* END LINKS */
	

	/* HEADINGS */
    h1 {
        margin: 0 0 0.5em 0;
        padding: 0;
        
        font-size: 2em;
        line-height: 1.0em;
        
        color: black;
    }
    h2 {
        margin: 0 0 1em 0;
        padding: 0;
        
        font-size: 2em;
        line-height: 1.3em;
        
        color: #333;
        
        border-bottom: 3px solid #333;        
        margin: 0px 0px 20px;        
        font-weight: 700;        
        padding-top: 22px;
    }
    h3 {
        margin: 0 0 0.25em 0;
        padding:0;
        
        /*font-size: 1.2em;
        line-height: 1.2em;*/
        font-size: 1.1em;
        line-height: 1.3em;
        
        color: #333;
    }
    h4 {
        margin: 0 0 0.25em 0;
        padding: 0;
        
        font-size: 1.2em;
        line-height: 1.3em;
        
        color: #333;
    }
    h5 {
        margin: 0 0 0.25em 0;
        padding: 0;
        
        font-size: 1.1em;
        line-height: 1.3em;
        
        color: #333;
    }
    h6 {
        margin: 0 0 0.25em 0;
        padding: 0;
        
        font-size: 1em;
        line-height: 1.3em;
        
        color: #333;
    }
	/* END HEADINGS */
	

	/* TEXT */
    p {
        margin: 0 0 1.5em 0;
        padding: 0;
        
        font-size: 1em;
        line-height:1.4em;
    }
    blockquote {
        margin-left: 10px;
        
        border-left: 10px solid #ddd;
    }
    pre {
        font-family: monospace;
        font-size: 1.0em;
    }
    strong, b {
        font-weight: bold;
    }
    em, i {
        font-style:italic;
    }
    code {
        font-family: "Courier New", Courier, monospace;
        font-size: 1em;
    }
	/* END TEXT */
    
	/* LISTS */
    ul {
        margin: 0 0 3.5em 0;
        padding: 0;
        
        line-height:1.4em;
    }
    ul li {
        margin: 0 0 0.25em 3px;
        padding: 0;
    }
    ol {
        margin: 0 0 1.5em 0;
        padding: 0;
        
        font-size: 1.0em;
        line-height: 1.4em;
    }
    ol li {
        margin: 0 0 0.25em 3px;
        padding: 0;
        
        font-size: 1.0em;
    }
    dl {
        margin: 0 0 1.5em 0;
        padding: 0;
        
        line-height: 1.4em;
    }
    dl dt {
        margin: 0.25em 0 0.25em 0;
        padding: 0;
    }
  	dt {
  		background:#97999C;
  	}
  	dt a:link, dt a:visited, dt a:hover {
  		display:block;
  		background:transparent;
  		color:#fff;
  		text-decoration:none;
  		padding:0 6px 0 6px
  	}
    dl dd {
      margin: 0 0 0 0px;
      padding: 0;
    }  
    dt a {
  	 text-align: right;
  	}
  	dt span {
    	float: left;
    	font-weight:bold;
  	}
  	/* END LISTS */
    
    
	/* TABLE */
    table {
        margin: 0 0 1.5em 0;
        padding: 0;
        
        font-size: 1em;
    }
    table caption {
        margin: 0;
        padding: 0 0 1.5em 0;
        
        font-weight: bold;
    }
    th {
        font-weight: bold;
        text-align: left;
    }
    td {
        font-size: 1.1em;
    }
  	td p {
  		padding:0px 0 0px 0px;
  		margin:0
  	}
	/* END TABLE */    
    
    hr {
        display: none;
    }
    .hr {
        height: 1px;
        
        margin: 1.5em 10px;
        
        border-bottom: 1px dotted black;
    }
    
	/* END TYPOGRAPHY */
	
	


	/* clearing */
    .stretch,
    .clear {
        clear: both;
        height: 1px;        
        margin: 0;
        padding: 0;        
        font-size: 15px;
        line-height: 1px;
    }
    .clearfix:after {
        clear: both;
        height: 0;        
        display: block;
        visibility: hidden;        
        content: ".";
    }
    .clearfix {display:inline-block;}
    /* Hide from IE Mac \*/
    .clearfix {display:block;}
    /* End hide from IE Mac */
	
	/* end clearing */

	/* accessibility */
     span.accesskey {
         text-decoration: none;
     }
     .accessibility {
         position: absolute;
         top: -999em;
         left: -999em;
     }
	/* end accessibility */
	
	
	
	/* Scroller */
	
	#scroller {
		height:36px;
		background:url('../images/news_footer.jpg');
		margin-bottom:40px
	}
	#scroller p {
		font-family: "Lucida Grande", sans-serif;
		font-size:12px;
		color:#666;
	}
	a#scrolllink {text-align:right}
	
	
	
	a.last {border-right:none;padding-left:5px;padding-right:0px}	
  .short {width:280px;float:left;}
    
    
    
  /* Forms */
	
  form{margin:0;padding:0}
  input{vertical-align:middle}
  fieldset{border-bottom:1px solid #cacaca;padding:10px 0 10px 0}
  .formtest{
      line-height:1.2em;
      margin:0.5em 0;
      position:relative;
      width:100%;
  }
  .formtest label {
      float:left;
      width:90px;
      clear:both;
      text-align:left;
      padding:0 15px 0 0;
      color:#000
  }
  .formtest .controls {
      overflow:hidden;
      width:140px;
      display:block;
  }
  .formtest .controls2 {
      overflow:hidden;
      width:300px;
      display:block;
  }
  .formtest input {
    margin:0 0 .1em;
  	color:#000;
  	background:#fff;
  	border:1px solid #888A8E
  }
  .formtest textarea {
  	color:#000;
  	background:#fff;
  	border:1px solid #888A8E
  }
  .formtest div {
      overflow:hidden;
      width:100%;
      margin:0.5em 0;
  }
  
  .jsspanel form {
  height:226px
  }
  
  .jspanel form {
  height:261px
  }
  
  #extra label {
    color:#fff;
    font-weight:normal;
    font-size:0.9em;
    padding:0px;
    /*margin:0 10px 4px 0px*/
  }
  
  /*#extra input {height:14px;border:0}*/
  #extra input.btnimg {height:22px;border:0}
  
  #navigation fieldset, #extra fieldset {
    border:0;
    padding:5px;
  }
  
  #navigation label {
    color:#333;
    font-weight:normal;
    font-size:0.9em;
    padding:0px;
    /*margin:0 10px 4px 0px*/
  }
  
  .jspanel legend {
    background:transparent;
    color:lightblue;
    font-size:1.1em;
    padding:0px 0 10px 0;
    font-weight:bold;
    padding-top:45px
  }  
  
  .jsspanel legend {
    background:transparent;
    font-size:1.1em;
    padding:0px 0 10px 0;
    font-weight:bold;
    padding-top:45px
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  .jsbox {
  background:#2D2C72;
  margin-bottom:3px;
  padding:4px 0 1px 4px;
  -moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
  }
  
  .jsbox a.block {font-weight:bold;color:#fff;display:block}  
  .jsbox p, .jsbox a, .jsbox2 p, .jsbox2 a {color:#fff} 
    
  .jsbox2 a.block {font-weight:bold;color:#fff;display:block}  

  .jsbox2 {
  background:#2D2C72;
  -moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
  padding:4px 0 0 4px;
  }


  .empbox {
  background:#B2B3B7;
  margin-bottom:3px;
  padding:4px 0 1px 4px;
  -moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border-left:1px solid #fff
  }
  
  .empbox a.block {font-weight:bold;color:#111;display:block}  
  .empbox p, .empbox a {color:#fff} 
   
  .odd {background:#fafafa}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .c3content {
  	border: 1px solid #cacaca;
  	margin: 1em 0;
  	width: 100%;
  }
  .c3content p { padding: 1em 1em 0 1em }
  .c3content * {
  	position: relative;
  	margin: 0;
  }


  .one {
  	/*background: url(../img/corner.gif) top left no-repeat;*/
  	left: -1px;
  	top: -1px;
  }
  .two {
  	/*background: url(../img/corner_tr.gif) top right no-repeat;*/
  	top: -2px;
  }
  .three {
  	/*background: url(../img/corner_br.gif) bottom right no-repeat;*/
  	right: -2px;
  	bottom: -2px;
  }
  .four {
  	/*background: url(../img/corner_bl.gif) bottom left no-repeat;*/
  	left: -2px;
  	padding-bottom: 1em;
  }






        /* Table Layout */
        #table {
            margin-left: 0;
            width: 25em;
            text-align: left;
            border-top: 1px solid #CCC;
        }
        #table ul {
            list-style: none;
            clear: both;
            height: 4.4em;
            border-bottom: 1px solid #CCC;
            border-right: 1px solid #CCC;
        }
        #table ul li {
            float: left;
            height: 4em;
            border-left: 1px solid #CCC;
            width: 7em;
            padding: 0.2em 0.5em;
        }
        #table ul.header {
            height: 3.1em;
            background: #EEE;
        }
        #table ul.header li {
            height: 2em;
            text-align: center;
            font-weight: bold;
            font-size: 1em;
            padding-top: 1em;
            padding-bottom: 0;
        }
        
        #account-details {
          padding:0px
        }
        
        th, td {
          border-bottom:1px solid #cacaca;
          padding:10px 0 10px 0
        }
        
        
        .error {
          background:#F3CFCF;
          border:1px solid red;
          padding:5px;
          width:530px
        }
        
        .unapproved {
        height:23px;
        background: #fff url('/img/cross.jpg') center right no-repeat        
        }
        
        th.unapproved p, th.approved p {padding:5px 0 0 0;margin:0}
        
        .approved {
        height:23px;
        background: #fff url('/img/tick.jpg') center right no-repeat
        }
        
        
        #account-details {width:540px}
        .user-details {margin-left:10px;width:520px}
        .boxhead {color:#333;padding:10px 0 0 10px}

        .controls input {width:130px}












	/* form elements begin */
	#start{position:relative;}
	
	legend {color:#000}
	
	#extra fieldset, #navigation fieldset { 
	  border : 0;
	  margin : 0px;
	}
	
	#extra legend, #navigation legend {  
	  color:#444;
	  padding:40px 0 10px 0;
	  margin:0 0 0px 0;
	}
  	#navigation legend {  
	  color:#444;
	}	
  	#extra legend, #extra label {  
	  color:#fff;
	}	
	#extra label, #navigation label { 
	  color : #444;
	  margin: 0;
	  float:left;
	}
  #extra label {
    color:#fff
  }

	#extra input, #extra select, #navigation input, #navigation select {	
	 float:left;
	}

  #submit3 {
    position:relative;
    top:10px;
    left:90px;
  } 
  
  #submit2 {
  	position:relative;
  	/*top:38px;*/
  	left:96px;
  } 
  
  textarea {height:200px;width:220px}

	.holder{margin-bottom:7px;overflow:hidden;}
	* html .holder{overflow:visible;height:1%;}
	.selects{margin-bottom:7px;overflow:hidden;}
	* html .selects{overflow:visible;height:1%;}
	/* form elements end (partial) */




  .holder label,.holder input,.holder div{
      vertical-align:middle;
      float:none;
      display:inline;    
  }
  
  *html #content legend {
      margin:0 0 0 -0.6em;
      padding:10px 0 0 0;
      font-weight:bold
  }
    
  * html legend {margin:-0.6em 0 0 -0.6em}
  
  
  input.checkbox {border:none;width:16px}
  input.datebox {width:80px;height:16px}
  
  #message {width:400px}
  #topmast {background:url('/img/sercon-home-page-head.jpg') no-repeat;height:50px;width:920px}
  
  #header a {display:block;height:100%;width:100%}
  
  #content li {list-style-type:none}








  /** html legend {
    margin-left: -6px;
  }*/
  .holder label,.holder input,.holder div{
      vertical-align:middle;
      float:none;
      display:inline;    
  }
  /*legend, html legend, * html legend {
  margin:0;padding:0
  }*/
  .jsspanel h3, .jspanel h3 {
  margin:35px 0 10px 0;
  padding:0
  }
  * html .jsspanel h3, * html .jspanel h3 {
  margin:40px 0 4px 0;
  padding:0
  }
  .jspanel h3 {
  color:#fff
  }
  .jsspanel h3 {
  color:#333
  }
  .jsbox a:visited, .jsbox a:hover, .jssbox a:visited, .jssbox a:hover {
  color:#fff
  }
  
  .mini-links a:link {
  color:#999;
  }
  
  .mini-links a:hover {
  color:#999;
  text-decoration:underline
  }
  
  .mini-links a:visited {
  color:#999;
  }
  
  #topmast a, #topmast a:link, #topmast a:visited, #topmast a:hover {
  color:#fff;
  font-weight:bold
  }
  
  
  .datepart {float:left;color:#fff;font-size:1em;margin:10px 0 0 25px}
  .logged {float:right;color:#fff;background:#3A3A3C;font-size:0.8em;margin-top:10px;margin-right:30px;text-align:right}
  .scroll {float:right;color:#fff;background:#3A3A3C;font-size:0.8em;margin-right:20px;text-align:right}
  .donttouchathing{float:right;padding-bottom:0;margin-bottom:0;list-style-type:none}
  
  * html .empbox{zoom:1.0}








  /* NAVIGATION BAR */

  #navbar {
      /*background:url(http://www.farawaytrains.co.uk/img/navbar.jpg) bottom left no-repeat;*/
      float:right;
      height:73px;
      width:630px
  }
  ul.topnav {
      list-style-type:none;
      float:right;
      margin:0px 10px 0 0;
  }
  ul.topnav li {
      float:left;
      padding:15px 0 0;
  }
  ul.topnav li a {
      float:left;
      border-right:1px solid #fff;
      padding:0 10px 0 5px;
      color:#fff;
      font-weight:bold;
      font-size:1.2em
  }
  ul.topnav li a.last {
      float:left;
      border-right:none;
      padding:0 0 0 5px;
  }
  ul.topnav li.current {
      /*background:url(http://www.farawaytrains.co.uk/img/navbar-arrow.jpg) center top no-repeat;*/
  }
  ul.subnav {
      list-style-type:none;
      float:right;
      margin:9px 10px 0 0;
      clear:right;
  }
  ul.subnav li {
      float:left;
  }
  ul.subnav li a {
      float:left;
      padding:0 10px 0 10px;
      border-right:1px solid #333;
      color:#333
  }
  
  /* ^ IGNORE ^ */







  #navbar {
    background:url(/img/navbar.jpg) bottom left no-repeat;
    float:right;
    height:82px;
    width:630px;
  }
  ul.topnav {
      list-style-type:none;
      float:right;
      margin:9px 10px 0 0;
  }
  ul.topnav li {
      float:left;
      padding:15px 0 0;
      color:#fff;
  }
  ul.topnav li a {
      float:left;
      padding:0 10px 0 5px;
      color:#fff;
      font-weight:bold;
      font-size:1.2em
  }
  ul.topnav li a.last {
      float:left;
      border-right:none;
      padding:0 0 0 5px;
  }
  ul.topnav li.current {
      background:url(/img/navbar-arrow.jpg) center top no-repeat;
  }
  ul.subnav li {
      float:left;
      color:#fff;
  }
  ul.subnav li a {
      float:left;
      padding:0 10px 0 10px;
      color:#333
  }
  ul.subnav {
      list-style-type:none;
      float:right;
      margin:9px 10px 0 0;
      clear:right;
  }  
  #navbar {margin-top:-28px}
  .mini-links {margin-top:10px;clear:right}
  .flast a {color:#000;text-decoration:none}
  
  
  
  .page-area {margin-left:170px;margin-bottom:3px}
  
  
  
  #content .home-area {background:none;padding:0;}
  
  
  
  .jsb-holder {margin-top:3px}
  .extrabit {background:url('/img/purple-paper-large.jpg') left top no-repeat;border:0}
  .extrabit2 {background:url('/img/employer-call-back.jpg') left top no-repeat;border:0}
  .extrabit3 {background:url('/img/job-seeker-call-back.jpg') left top no-repeat;border:0}
  .extrabit4 {background:#B2B3B7 url('/img/grey-paper-large.jpg') left top no-repeat;border:0}
  .extrabit5 {margin-top:2px}
  
  #sbmax {width:73px;margin-left:10px;float:left}
  #sbmin {width:66px;float:left}
  #submit3 {border:0;margin-top:6px}
  #submit2 {margin-top:-15px}
  
  #spacer {height:70px;}
  
  .whitebg {background:#fff}
  
  form fieldset .holder #etemp_label, form fieldset .holder #eperm_label, form fieldset .holder #temp_label, form fieldset .holder #perm_label {margin-left:2px;margin-right:2px}
  #ecategory, #category, #location {width:152px}
  #ecategory_label {margin-bottom:2px}
  
  #ekeywords, #keywords {width:148px;}  
  #ekeywords_label {margin-bottom:1px}
  
  #classicu2 {font-size:0.9em;margin-bottom:0;padding-bottom:0}
  #ekeywords_label {margin-bottom:1px}
  
  .jspanel form {margin-left:2px}
  
  .hidden {display:none}
  
  .thin-text {font-weight:normal}
  .no-bottom-border {border-bottom:0}
  
  
  
  
  h2.job-results {font-weight:700;padding-top:22px;border-bottom:3px solid #000;margin:0px 10px 10px 10px;}
  p.job-results {margin-left:10px}
  
  
  
  div.job-area {margin:0 10px 0 10px;padding:0px 0 10px 0;border-bottom:1px solid #999}
  
  #signin_button {border:0;float:right;margin-top:20px}
  
  
  
  /* Image Alts */
  
  img#serconhead {width:270px;height:142px;float:left;margin-bottom:12px}
  
  #content.whereishome {background:none;padding:0;}

  h2#hugeimage {
  	width: 564px;
  	height: 444px;
  	position: relative;
  	margin:0;
  	padding:0;
  	border:none
  }
  h2#hugeimage span {
  	background: url(/img/homepage-img.jpg) top center no-repeat;
  	position: absolute;
  	width: 100%;
  	height: 100%;
  }

  h1#header {
  	width: 270px;
  	height: 142px;
  	position: relative;
  	margin:0;
  	padding:0;
  	border:none;
    float:left;
    margin-bottom:12px
  }
  h1#header span {
  	background: #fff url(/img/sercon-logo.jpg) no-repeat;
  	position: absolute;
  	width: 100%;
  	height: 100%;
  }