/* CSS Document */
/* Leveller */
  * {border: 0; padding: 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif;}
  html {overflow: -moz-scrollbars-vertical;}
  body {color: #004472; font-size: 11px; line-height: 18px; margin: 0; background-color:#ffffff;}
      .clear {clear: both; height: 1px; overflow: hidden;}

/* Basic text elements */
  h2, h2 * {font-size: 16px; line-height: 20px; }
  h3, h3 * {font-size: 14px; line-height: 18px;}
  h4, h4 * {font-size: 13px; line-height: 16px;}
  h5, h5 * {font-size: 12px; line-height: 16px;}
  hr, .hr  {clear: both;}
  h2, h3, h4, h5, p, ul        {margin: 0 0 10px 0;}
  blockquote, li, ul ul, ol ol {margin: 0 0 0 20px;}
  hr  {display: none;}
  .hr {border-top: 1px solid #FF6C00;}

/* Links */
  a       {text-decoration: underline; color:#0067AC}
  a:hover {text-decoration: none; color:#FF6C00}

/* Container*/
  div#container {width: 750px; margin: 10px auto; background-color:#FFFFFF}
  
  /* Header - this is the default - the index.php page adds another style in the page 
  	 to override this and place the header selected in admin for a particular page */
  	div#logo {width:750px; background:url('../image/header.jpg') top right no-repeat;float:left; height:174px; margin: 0 0 10px 0}
	div#logo h1 {display:none}
    
  /* nav */
  	div#header ul {height:30px; clear:both; }
    ul#nav      {list-style-type: none; margin: 0;  _margin:0 0 0 -5px; border-bottom:solid #CCCCCC 1px}
    ul#nav li   { height: 16px; font-size:10px; line-height: 16px; float: left; text-align: center; margin: 2px; font-weight:bold}
    ul#nav li a       {text-decoration: none; color:#666666;  padding: 0 5px 0 5px;}
    ul#nav li a:hover {color:#FF6C00;}
	div#header #flag_img {float:right; margin: -30px 10px 0 0}
	
  /* Content */
  	div#content {width:740px; margin: 10px 0 10px 0; background:url('../image/faux_bg.gif') repeat-y #ffffff;}
	
    /* Main Content */
	  
      div#main_content{width: 520px; float: right; background-color:#ffffff}
	  div#main_content h2 {font-size: 14px; line-height:16px;margin: 0 0 5px 0;}
	 /* cheat to make images float right ;-) */
	  div#main_content h5 img {float:right; margin:5px 0 5px 0}
	  /* use underline to display the RED text for the NE in NEVacancies ;-) */
	  div#main_content u {color:#FF6C00; text-decoration:none}
	  div#related u {color:#FF6C00; text-decoration:none}	  
    /* Side Menu - related to page */
      div#related {width: 180px; float: left; line-height:16px; font-size:11px; background-color:#ffffff; padding: 0 0 0 10px;}
      div#related h3 {font-size: 12px; line-height:16px;margin: 0 0 5px 0;}
      div#related ul {list-style-type: none; margin: 0;}
      div#related li {margin: 0 0 10px 0;}
	  
	
    /* Footer */
	  div#footer  {height: 20px; font-size: 11px; line-height:16px; width: 750px; margin: 10px auto; text-align:center; padding: 10px 5px 0 5px; border-top:solid #CCCCCC 1px;color: #666666; }
	  div#footer  a       {color: #FF6C00; margin: 0 5px 0 5px; text-decoration:none}
  	  div#footer  a:hover {text-decoration: underline; color:#666666}
	  div#footer span {color:#000000;}
	  
	/* Terms */
		div#terms {height: 20px; font-size: 9px;width: 750px; margin: 10px auto; text-align:center; padding: 5px; border-top:solid #CCCCCC 1px; color: #666666; }
		div#terms a       {text-decoration: none; color: #666666;margin: 0 5px 0 5px;}
		div#terms a:hover {text-decoration: underline; color:#FF6C00}

     /* Form */

		
		div.input          {padding: 0 0 10px 0;}
        div.input label    {width: 180px; float: left;}
		div.input input,
        div.input select,
        div.input textarea {border: 1px solid #CCCCCC; width: 270px; float: left;}
		div.input textarea {height: 200px; font-size:13px}
		div.input #submit   {width: 270px; margin-left:180px}
		div.input #day,
		div.input #month {width: 20px; float:left; margin: 0 10px 0 0;}
		div.input #year  {width: 50px; float:left;}
		div.input #male   {float:left; margin:0 15px 0 5px; width:30px;border:none}
		div.input #female {float:left; margin:0 15px 0 5px; width:30px;border:none}
		div.input span {float:left}
		div.input #terms {float:left;width:30px; border:none}
		/* left col forms */
		div.input_left input,
        div.input_left select,
		div.input_left textarea {border: 1px solid #CCCCCC; width: 180px; float: left; font-size:10px}
		div.input_left textarea {height:200px;}
		div.input_left span {float:left; margin-top:7px;}
		div.input_left #forgot {float:left; width:20px; margin-top:8px; border:none}
		div.input_left label    {width: 100px; float: left;}
		div.input_left #submit   {width: 180px; font-size:10px; margin: 5px 0 10px 0 }
		/*CV upload*/
        div.input_upload input,
        div.input_upload select,
		div.input_upload textarea {border: 1px solid #CCCCCC; width: 180px; float: left; font-size:10px}
		div.input_upload input #file {border: 1px solid #CCCCCC; width: 180px; float: left; font-size:12px; color:#000000; margin:5px}

	/* Job Results "table" */
	
	 div  .j_row_1 {width: 180px; float:left;}
	 div  .j_row_2 {width: 170px; float:left; }
	 div  .j_row_3 {width: 90px; float:left;  }
	 div  .j_row_4 {width: 60px;  }
	 div .j_row_4 { text-align:right}
	 div  .j_row_head {width: 520px; background-color:#CCCCCC; padding:2px; border-bottom:#AAAAAA solid 1px;border-right:#AAAAAA solid 1px }
	 div  .j_row_result {width: 520px; background-color:#EEEEEE;padding:2px; border-bottom:#CCCCCC solid 1px;border-right:#CCCCCC solid 1px; overflow:hidden }