/* CSS for FORM FIELDS */

 * p{ 0 }      

      .textfield_effect {
      border-width: 2px;
      border-style: solid;
      border-color: #999999;
      background-image:  url("images/back_field.jpg");
      background-repeat: repeat-x;
	  padding: 0 0 0 5px;
      font-family: "Trebuchet MS", sans-serif;
      font-size: 14px;
      color: #333333;
      height: 18px;
   /* width: 400px; */
      }
      
      /*how the textfield will look when I

      hover over it and when we actually have it selected*/

      .textfield_effect:hover {
      border-color: #880000;
      border-width: 2px;
      }       

      .textfield_effect:focus {
      border-color: #880000;
      border-width: 2px;
	  background-color:#FFFF99;
      }
       
      /*styles for the rest of the form*/

      fieldset {
      width: 600px;
      border-style: solid;
      border-width: 1px;
      border-color: #036399;
      margin: 0 auto;
      background-color: #F5F5F5;
      }

      fieldset:hover {
      border-color: #0ca0ff;
      }

      legend {
      font-family: sans-serif;
      font-size: 14px;
	  line-height: 18px;
      color: #333333;
      font-weight: bold;
      }
	  
	  h6 {
      font-family: "Trebuchet MS", sans-serif;
      font-size: 1.0em;
	  line-height: .75em;
      color: #333333;
      font-weight: bold;
      }
	  
	  p {
      font-family: "Trebuchet MS", sans-serif;
      font-size: .75em;
	  line-height: 1em;
      color: #333333;
      font-weight: normal;
      }
	  
	  h66 {
      font-family: "Trebuchet MS", sans-serif;
      font-size: 14px;
	  line-height: 1px;
      color: #333333;
      font-weight: bold;
      }
	  
	  
	  /*easily modified to suit the other jobs admin areas*/
	  
	  #fieldwrapper {
      width: 600px;
     /* border-style: solid;
      border-width: 1px 3px 3px 1px;
      border-color: #990000; */
      margin: 0 auto;
	  padding: 25px;
      background-color: #FFFFFF;
      background-image:  url("images/back_div.jpg");
      background-repeat: repeat-x;
      }	  
	  
/*okay, I am playing here...*/	  
	  
	#text{
    font-family: "Trebuchet MS", sans-serif;
	font-size: 1.5em; /* optional. just to increase the font size. */
	display: block;
	line-height: 1em;
	color: #000; /* shadow color */
	background-color: transparent;
	white-space: nowrap; /* wrapping breaks the effect */
}

#text:before,
#text:after{
	content: "JOBS"; /* generated text */
	display: block;
}

#text:before{
	margin-bottom: -1.05em;
	margin-left: 0.1ex;
	color: #666; /* shadow color */
	background-color: transparent;
}

#text:after{
	margin-top: -1.05em;
	margin-left: -0.1ex;
	color: #CCCCCC; /* text color */
	background-color: transparent;
}