@CHARSET "UTF-8";
/*
 * A CSS Framework by Mike Stenhouse of Content with Style
 *
 * See http://css.appfuse.org/themes/dustyblue/navtop-1col/home.html
 * Also see http://css.appfuse.org/themes/ for more templates.
 */

/* --------------------------------------------------------------------------------------------------------
 * COLOR PALETTE
 * --------------------------------------------------------------------------------------------------------*/ 

	body {
		background-color: white;
		}

	/*
	 * Boxes containing primary and secondary information, as well as a border style for dialogs
	 * within the page.
	 */

	.primaryInfo {
		padding: 4px 8px;
		border: 1px #c1a674 solid;
		background-color: white;
		}

	.dialogBox,
	.secondaryInfo,
	.promoBox {
		padding: 4px 8px;
		border: 1px #c1a674 solid;
		background: #faf7e4 url(brown-box-highlight.gif) no-repeat top left;
		}

	/* Box promoting our site to non-members */

	.promoBox {
		border: 1px #e66800 solid;
		font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
		color: #cc5a00;
		}
		
	.promoBox img {
		position: static !important;
		float: left;
		}

	/* Box promoting data available on our site to members and non-members */
	.dataPromoBox {
		padding: 4px 8px;
		border: 1px #007600 solid;
		background-color: white;
		}

	.dialogBox {
		padding: 4px 8px;
		border: 1px #c1a674 solid;
		background: #faf7e4 url(brown-box-highlight.gif) no-repeat top left;
		}

	.toolbar {
		padding: 2px 8px;
		margin: 4px 0;
		min-height: 18px;
		border: 1px #c1a674 solid;
		background: #dcdbbd url(toolbar-gradient.gif) repeat-x top;
		line-height: 18px;
		vertical-align: middle;
		}

	/*
	 * Border colors.
	 */
	 
	/* By default, divs have no border. */
	div {
		border-width: 0;
		}

	/* Border between major sections of a page; i.e. between employer reviews & salary reports */	
	.sectionBorder,
	.chartBorder {
		border-color: #886f4b;
		border-style: solid;
		}

	/* Border between portions of a section */	
	.subSectionBorder {
		border-color: #d9d0ae;
		border-style: solid;
		}

	/* Border between data records of the same type */
	.recordBorder {
		border-color: #c1a674;
		border-style: dotted;
		}

	/*
	 * Style for shaded and unshaded rows of data.
	 */
	.normalBar {
		background-color: transparent;
		}

	.shadedBar {
		background-color: #f7f6f0;
		}

	/*
	 * Text colors.
	 */

	body, p, td, div {
		color: #886F4B;
		}

	.data {
		color: black;
		}

	.gdPromo {
		color: #cc5a00;
		font-weight: bold;
		}
	
	.quoteText {
		font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
		color: black;
		}

	.ratingText {
		color: #0048AA;
		}

	.promoText {
		font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
		color: #cc5a00;
		}

	.white {
		color: white;
		}

	.positive {
		color: #007600;
		}

	.neutral {
		color: #003399;
		}

	.negative {
		color: #990000;
		}

	/* A data entry field with user data in it.  Used by GD.effects.toggleFieldPrompt() */
	input,
	textarea,
	.fieldData {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-style: normal;
		font-weight: normal;
		color: black;
		}

	/* A data entry field with default (prompting) data in it.  Used by GD.effects.toggleFieldPrompt() */
	.fieldDefault {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-style: italic;
		font-weight: normal;
		color: #c1a674;
		}


/* --------------------------------------------------------------------------------
 * LINKS
 * --------------------------------------------------------------------------------*/

	a,
	a:link {
		color: #0066CC;
		text-decoration: none;
		cursor: pointer;
	}

	a:hover, 
	a:active {
		color: #CC5A00;
		text-decoration: underline;
	}

	.white a,
	.white a:link {
		color: white;
		background-color: transparent;
		text-decoration: none;
	}

	.white a:hover, 
	.white a:active {
		color: white;
		text-decoration: underline;
	}

	.white p,
	.white h1,
	.white h2,
	.white h2 strong,
	.white h3,
	.white h3 strong,
	.white h4,
	.white h4 strong,
	.white h5,
	.white h5 strong,
	.white h6,
	.white h6 strong {
		color: white;
		}
	
/* --------------------------------------------------------------------------------
 * TYPOGRAPHY
 * --------------------------------------------------------------------------------*/

	body,
	p,
	td,
	div {
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		line-height: normal;
		font-size: 12px;
	}

 	.small {
		font-family: Verdana, Arial, Helvetica, sans-serif;
 		font-size: 10px;
 		}
 
 	.tiny {
		font-family: Verdana, Arial, Helvetica, sans-serif;
 		font-size: 9px;
 		}

	img {
		border: 0;
	}
	
	.version {
		font-size: 0.9em;
		}

	#siteHeader {
		font-size: 0.8em;
		}

	#siteHeader input {
		font-size: 1em;
		}


/* --------------------------------------------------------------------------------
 * HEADINGS
 * --------------------------------------------------------------------------------*/

	h1, h2, h3, h4, h5, h6 {
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		color: #886f4b;
		}

	h1 {
		font-size: 20px;
		line-height: normal;
		margin: 14px 0 2px 0;
		padding: 0;
		color: black;
		}
	
	h1 strong {
		font-weight: normal;
		}

	h2 {
		font-size: 16px;
		line-height: normal;
		margin: 12px 0 2px 0;
		padding: 0;
		color: black;
		}

	h2 strong {
		font-weight: normal;
		color: black;
		}

	h3 {
		font-size: 14px;
		line-height: normal;
		margin: 10px 0 2px 0;
		padding: 0;
		}

	h3 strong {
		font-weight: normal;
		color: black;
		}

	h4 {
		font-size: 12px;
		line-height: normal;
		margin: 8px 0 2px 0;
		padding: 0;
		}

	h4 strong {
		font-weight: normal;
		color: black;
		}

	h5 {
		font-size: 10px;
		line-height: normal;
		margin: 8px 0 2px 0;
		padding: 0;
		}

	h5 strong {
		font-weight: normal;
		color: black;
		}

	h6 {
		font-size: 9px;
		line-height: normal;
		margin: 8px 0 2px 0;
		padding: 0;
		}

	h6 strong {
		font-weight: normal;
		color: black;
		}


/* --------------------------------------------------------------------------------
 * TEXT
 * --------------------------------------------------------------------------------*/

	p {
		margin: 12px 0;
		padding: 0;
	}

	blockquote {
		border-left:10px solid #c1a674;
		margin-left:10px;
	}

	pre {
		font-family: monospace;
	}

	.strong, 
	strong,
	b {
		font-weight: bold;
	}

	em,
	i {
		font-style:italic;
	}

	code {
		font-family: "Courier New", Courier, monospace;
		font-size: 1em;
		white-space: pre;
	}

/* --------------------------------------------------------------------------------
 * LISTS
 * --------------------------------------------------------------------------------*/

	ul {
		line-height:1.4em;
		margin: 0;
		padding: 0;
	}

	div#sub ul {
		line-height:1.4em;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	div#sub ul li {
		background: url('../../img/bullets/triangle.gif') no-repeat 0 6px; 
		padding-left: 10px; 
	}

	ol {
		font-size: 1.0em;
		line-height: 1.4em;
		margin: 0 0 1.5em 0;
		padding: 0;
	}

	ol li {
		font-size: 1.0em;
		margin: 0 0 0.25em 30px;
		padding: 0;
	}

	dl {
		margin: 0 0 1.5em 0;
		padding: 0;
		line-height: 1.4em;
	}

	dl dt {
		font-weight: bold;
		margin: 0.25em 0 0.25em 0;
		padding: 0;
	}

	dl dd {
		margin: 0 0 0 30px;
		padding: 0;
	}

/* --------------------------------------------------------------------------------
 * TABLE
 * --------------------------------------------------------------------------------*/

	table {
		margin: 0;
		padding: 0;
	}

	table caption {
		font-weight: bold;
		margin: 0 0 0 0;
		padding: 0 0 1.5em 0;
	}

	th {
		font-weight: bold;
		text-align: left;
	}

	td {
		font-size: 12px;
	}
	
	td p,
	th p {
		padding: 0;
	}


/* --------------------------------------------------------------------------------
 * HORIZONTAL RULE
 * --------------------------------------------------------------------------------*/

	hr {
		display: none;
	}

	div.hr {
		height: 1px;
		margin: 0;
		border-bottom: 1px #c1a674 dotted;
	}

/* --------------------------------------------------------------------------------
 * END TYPOGRAPHY
 * --------------------------------------------------------------------------------*/