/* *****************************************************
	General
***************************************************** */


	* {
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px;
	}

	#jobs_wrap {
		width: 645px;
	}
	
	h1 {
		font-size: 1.6em;
		margin:0;
		padding: 10px 0 10px 0;
		color:#663399;
		width:590px;
	}

	
	h2 {
       	font-size: 1.3em;
		padding: 3px 0 3px 11px;
		margin:0;
	}

	p{
		padding:0 0 10px 0;
		margin:0;
	}
/* *****************************************************
	Search for Jobs
***************************************************** */
	form, fieldset {
		padding: 0 0 0 8px;
		margin: 0;
		border:none;
	}
	
	#searchBox h2 {
		background: #333366;
		color: #fff;
	}
		
	#searchBox {
	    background: #c1b7d3;
		padding: 0 ;
		margin: 5px 0 0 0;
		color:#333366;
		width: 645px;
		clear: both;
		border:1px solid #333366;
	}

	#searchBox form {
		padding: 5px 0 0 0;
		margin: 0;

	}

	#searchBox a{
		color:#333366;
	}

	#searchBox a:hover{
		color:#000;
	}
	
	#searchBox label {
		display: block;
		float: left;
		width: 165px;
		padding: 0 6px 2px 5px;
		margin: 0;
		font-size: 90%;
		font-weight:bold;
	}

	#searchBox input.text, select {
		font-weight:normal;
	}
	
	#searchBox label span {
		font-weight: normal;
		font-size: 90%;
		margin: 5px 0 0 0;
	}

	#searchBox label#channel_page_code_label {
		clear: left;
	}
	
	#searchBox p {
		clear: left;
		margin: 0;
	}

	.advSearch, .advSearch a {
		text-align: right;
		margin: 0 12px 0 0;
		color: #fff;
		font-weight: bold;
	}
	
/* *****************************************************
	Register Now
***************************************************** */

	#registerNow h2 {
        background: #663399;
		color: #fff;
	}
	
	#registerNow {
		padding: 0 0 9px 0;
		background: #e1d5ed;
		margin: 5px 0 0 0;
		color: #663399;
		width: 645px;
		clear:both;
		border:1px solid #663399;
	}

	#registerNow p {
		margin: 5px 0 0 10px;
		float: left;
		width: 295px;
		padding:0;
	}

	* html #registerNow p {
		margin: 5px 0 0 5px;
	}
	
	#registerNow form {
		float: right;
		width: 275px;
		padding:5px 0 0 0;
		margin:0;	
	}

	#registerNow form input {
		margin-top:1em;
	}

	#registerNow a
	{
		color:#663399;
	}

	#registerNow  a:hover
	{
		color:#000;
	}

	
/***************************************
	Browse Categories
***************************************/
	#browseCategories h2 {
        background: #adacb1;
		color: #fff;
		
	}
		
	#browseCategories { /* holds the title, and container list */
		padding: 0 0 9px 0px;
		clear: both;
		background: #d7d6db;
		font-weight: bold;
		margin: 5px 0 0 0;
		width: 645px;
		border:1px solid #8f8f8f;
	}

	div[id="browseCategories"]#browseCategories ul li {
		width: 645px;
	}
	
	#browseCategories ul { /* 3 channel lists */
		position: relative;
		width: 200px;
		float: left;
		background: none;
		margin: 0 0 5px 5px;
		padding: 0;
		cursor: default;
	}
	
	#browseCategories ul li{ /* channel list items */
		list-style: none;
		margin: 0;
		padding: 7px 0 0 0;
		width: 200px !important;
	}

	html > body #browseCategories ul{
		padding: 0 0 0 10px;
		margin:0;
	}


	#browseCategories ul li a
	{
		color:#000;
	}

	#browseCategories ul li a:hover
	{
		color:#5c204b;
	}
	
/* *****************************************************
	Form Fields
***************************************************** */
	
	legend {
		display: none;
	}

	input.user-input {
		color: #000;
		font-style: normal;
	}
	
	input.text, select {
	    border: 1px solid #333366;
		color: #000;
		width: 165px;
		padding: 0;
		margin: 0;
		height:1.6em;
	}

	/* Holly Hack */
	html > body input.text, select {
		width: 165px;
		height:1.7em;
	}

	input.submit {
		font-size: 90%;
		font-weight: bold;
		cursor: pointer;
		cursor: hand;
		color: #fff;
		border:1px solid #333366;
		background: #333366 url(/images/general/button_bg_pl.gif) bottom repeat-x;
	}	
	
	.btnmargin {
		position: relative;
		top: 13px;
	}

	.regmargin {
		margin: 0;
		padding: 5px 0 4px 0;
	}

	/***************************************************************
	Patches
***************************************************************/

	/* Submit form buttons MAC IE5 needs explicit widths on floats */
	/* \*/
	form input.submit {
		width: auto !important;
	}
	/* */
	
	
	.clear{
	clear:both;
	}

/* *****************************************************
	Survey popin
***************************************************** */

	#jobs_wrap {
		position: relative;
	}

	div#surveyBox.showElement {
		left: 137px;
	}

	.hideElement {
		position: absolute;
		left: -15000px;
	}

	#surveyBox {
		background: #fff url(/images/general/sbg_eii.gif) top left repeat-x;
		border: 2px solid #2a1540;
		width: 370px;
		position: absolute;
		top: 45px;
		left: -5000em;
		z-index: 50;
		text-align: left;
		padding: 10px;
	}

	div[id="surveyBox"]#surveyBox {
		width: 350px;
	}

	#surveyBox h4 {
		color: #66339a;
		font-size: 160%;
		font-weight: bold;
		margin: 0;
		padding: 0 0 8px 0;
	}

	#surveyBox p {
		color: #000;
		margin: 0;
		padding: 0 0 8px 0;
	}	

	#surveyBox img {
		border: none;
		float: right;
	}

	#surveyBox #surveyButtons {
		display: block;
		margin-top: 3px;
		padding: 5px 0;
		float: left;
	}

	#surveyButtons a {
		text-decoration: none;
		font-weight: bold;
		background: #333366 url(/images/general/button_bg_pl.gif) center bottom repeat-x;
		padding: 1px 10px;
		cursor: pointer;
		border: 1px solid #333366;
		margin: 0;
		color: #fff;
		vertical-align: middle;
	}