@charset "utf-8";
/* 
= CSS Document  ==========================
	
	Site: 			PS Client Satisfaction
	Author: 		Jon Park | Union Room
	Created: 	November 7th, 2008
	Updated: 
	Copyright: (c) 2008, Positive Solutions
	
=======================================
*/

/* === Tags & Global Elements === */
* { margin: 0; padding: 0; }
html { font-size: 100%; }
body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
}

a { color: #903; text-decoration: none; }
a:hover { text-decoration: underline; }
a.external {}
a#unionroom {}
a#unionroom:hover {}

a img { border: none; }

p { padding: 0 0 10px 0; font-size: 1.1em; color: #000; }


/* === IDs & Classes === */

/* === Structure Elements === */
div#wrapper, div#hdr, div#body, div#ftr { width: 965px; clear: both; } 
div#wrapper { margin: 0 auto; padding: 35px 0; }
div#hdr {  }
div#body { margin: 0 0 20px 0; border: 1px solid #E3E9EB; }
	div.grey { width: 375px; height: 410px; padding: 15px; background-color: #E3E9EB; float: left; }
	div.quotes { width: 545px; height: 440px; float: right; overflow: hidden; }
	div#body div.inner { padding: 15px; }
div.home { border: none !important; }
div.admin { background-color: #E3E9EB; }
	div.admin div.grey { margin: 0 auto; float: none; }
div#ftr { padding: 20px 0 0 0; border-top: 1px dotted #999; }

/* === Main Menu === */
div#hdr ul { width: 100%; padding: 30px 0 12px 0; list-style: none; display: table; float: left; }
	div#hdr ul li { float: left; }
		div#hdr ul li a { height: 30px; }
		div#hdr ul li a.active { background-position: bottom; }
		div#hdr ul li a#menuHome { width: 85px; background-image: url(/img/iR/aMenuHome.gif); }
		div#hdr ul li a#menuSurvey { width: 208px; background-image: url(/img/iR/aMenuSurvey.gif); }
		div#hdr ul li a#menuContact { width: 120px; background-image: url(/img/iR/aMenuContact.gif); }
		div#hdr ul li a#menuLogin { width: 110px; background-image: url(/img/iR/aMenuLogin.gif); }
		
/* === Content Elements === */
div.grey p { line-height: 1.2em; }
div#ftr p { text-align: center; }

form#preForm { padding: 0 20px 10px 20px; }
	form#preForm p { padding: 10px 0 20px 0; font-size: 1.8em; text-align: center; }
	form#preForm p.tCentre { padding: 0 0 15px 0; font-size: 1.1em; }
		form#preForm input.text { width: 350px; padding: 3px 2px; border: 1px solid #CCC; background-color: #E3E9EB; color: #666; }
		form#preForm select { width: 114px; margin: 0 242px 0 0; padding: 2px 1px; border: 1px solid #CCC; background-color: #E3E9EB; color: #666; }
		form#preForm option { padding: 1px; }
	form#preForm div.spacer { height: 20px; }

	form#preForm p.error { padding: 10px 272px; font-size: 1.2em; color: #C00; text-align: right; }
	form#preForm p.authError { padding: 10px 0; color: #C00; text-align: center; }

ul#formControls { padding: 0 0 10px 0; list-style: none; clear: both; }
	ul#formControls li { float: right; }
		ul#formControls a.btnReplace { width: 60px; height: 30px; background-image: url(/img/iR/aNext.gif); }

.page1 { background-repeat: no-repeat; background-position: right top; background-image: url(/img/bg/page1.gif); }
.page2 { background-repeat: no-repeat; background-position: right top; background-image: url(/img/bg/page2.gif); }
.page3 { background-repeat: no-repeat; background-position: right top; background-image: url(/img/bg/page3.gif); }

ul.page1 { background-position: left top; }
ul.page2 { background-position: left top; }
ul.page3 { background-position: left top; }


p.redTitle { color: #903; font-size: 1.8em; }
form#survey p.error { color: #C00; }
form#survey table { width: 825px; margin: 0 auto; }
	form#survey table th, form#survey table td { padding: 5px; text-align: left; font-weight: normal; }
	form#survey table th { vertical-align: text-top; }
		form#survey table th.qNo p, form#survey table td.question p { font-size: 1.8em; }
	form#survey table td.rating { width: 50%; }
		form#survey table td.rating ul, form#survey table td.comment ul { list-style: none; }
		form#survey table td.rating ul { width: 425px; }
			form#survey table td.rating ul li { width: 17%; text-align: center; color: #903; font-size: 1.1em; float: left; }
			form#survey table td.rating ul li.nudge1 { width: 19%; }
			form#survey table td.rating ul li.nudge2 { width: 26%; }
				form#survey table td.rating ul li input { margin: 5px 0 0 0; }
	form#survey table td.comment { padding: 10px 5px 5px 5px; }
		form#survey table td.comment ul textarea { 
			width: 406px; 
			height: 61px; 
		
			padding: 3px 2px; 
		
			font: 1.1em Arial, Helvetica, sans-serif;
			color: #666;
			overflow: auto; 
			
			border: 1px solid #CCC; 
			background-color: #E3E9EB; 
		}
	form#survey table td.spacer { padding: 0; }
	form#survey table td.finally p { font-size: 1.5em; }

form#formLogin input.text { width: 366px; padding: 3px 2px; border: 1px solid #CCC; background-color: #FFF; color: #666; }

p#surveySelect { padding: 10px 0 0 0; text-align: center; font-size: 1.0em; }
	p#surveySelect label { padding: 0 20px 0 0; font-size: 1.8em; color: #903; }
	p#surveySelect select { padding: 2px 1px; border: 1px solid #CCC; background-color: #E3E9EB; color: #666; font-size: 1.1em; }
	p#surveySelect option { padding: 1px; }

a.addNew { width: 83px; height: 35px; margin: 10px; background-image: url(/img/iR/aAddNew.gif); float: right; }

div.admin form { padding: 30px 0 0 0; }
	div.admin a#login { width: 65px; height: 35px; background-image: url(../img/iR/aLogin.gif); float: right; }

table#entryList { width: 100%; border: 1px solid #E3E9EB; }
	table#entryList th, table#entryList td { padding: 5px; font-size: 1.1em; color: #666; text-align: left; }
	table#entryList thead th, table#entryList tfoot td { background-color: #903; color: #FFF; }
		table#entryList thead th#idNo { width: 80px; padding: 5px 15px 5px 0; text-align: center; }
		table#entryList thead th#title { width: 80px; }
		table#entryList thead th#submitted, table#entryList thead th#updated { width: 120px; text-align: center; }
		table#entryList thead th#options { width: 75px; padding: 5px 15px 5px 0; text-align: right; }
	table#entryList tbody td { border-bottom: 1px solid #E3E9EB; }
		table#entryList tbody td.idNo { padding: 5px 15px 5px 0; text-align: center; } 
		table#entryList tbody td.submitted, table#entryList tbody td.updated { text-align: center; } 
	table#entryList tbody tr.alt td { background-color: #E3E9EB; }
	table#entryList tbody td.options ul { width: 55px; list-style: none; float: right; }
		table#entryList tbody td.options ul li { padding: 0 5px; float: left; }
			table#entryList tbody td.options ul li a { width: 16px; height: 15px; }
			table#entryList tbody td.options ul li.edit a { background-image: url(/img/iR/aEditEntry.gif); }
			table#entryList tbody td.options ul li.delete a { background-image: url(/img/iR/aDeleteEntry.gif); }

form#oneEntry { padding: 10px 20px 10px 20px; }
	form#oneEntry div.errors { margin: 10px 0; padding: 10px; border: 1px solid #C00; background-color: #FEE; }
		form#oneEntry div.errors p { padding: 0; line-height: 1.4em; color: #C00; }
	div.success { margin: 10px 0; padding: 10px; border: 1px solid #0C0; background-color: #EFE; }
		div.success p { padding: 0; line-height: 1.4em; color: #0C0; }
	form#oneEntry p { padding: 10px 0 20px 0; }
	form#oneEntry p.tCentre { padding: 0 0 15px 0; font-size: 1.1em; }
		form#oneEntry input.text { width: 350px; padding: 3px 2px; border: 1px solid #CCC; background-color: #E3E9EB; color: #666; }
		form#oneEntry select#pfTitle, form#oneEntry select#pfATitle { width: 114px; margin: 0 242px 0 0; padding: 2px 1px; border: 1px solid #CCC; background-color: #E3E9EB; color: #666; }
		form#oneEntry option { padding: 1px; }
	form#oneEntry div.spacer { height: 20px; }

	form#oneEntry p.error { padding: 10px 272px; font-size: 1.2em; color: #C00; text-align: right; }

	form#oneEntry table { width: 100%; margin: 10px 0; border: 1px solid #CCC; }
		form#oneEntry table th, form#oneEntry table td { padding: 5px 20px; font-size: 1.1em; text-align: left; border: 1px solid #CCC; border-width: 0 1px 1px 0; }
		form#oneEntry table thead th { background-color: #903; color: #FFF; }
			form#oneEntry span.question {}
		form#oneEntry table tfoot td { background-color: #E3E9EB; color: #666; border-bottom: none; }
		form#oneEntry table td.lastCol, form#oneEntry table th.lastCol { border-right: none; }
		form#oneEntry table td select { width: 136px; padding: 1px 2px; font-size: 1.1em; }
		form#oneEntry table td a { color: #666; }
		form#oneEntry table td a:hover { color: #903; text-decoration: underline; }
	form#oneEntry a#saveEntry { width: 107px; height: 37px; margin: 0 0 10px 0; background-image: url(/img/iR/aSaveEntry.gif); float: right; }
	form#oneEntry a#saveEntryPlus { width: 230px; height: 37px; margin: 0 0 10px 20px; background-image: url(/img/iR/aSaveEntryPlus.gif); float: right; }

.bgYellow { background-color: #FFFFB0; }

/* === Titles & Headers === */
h1#logo { width: 175px; height: 60px; background-image: url(/img/iR/h1Logo.gif); float: left; }
h2#siteTitle { width: 365px; height: 65px; background-image: url(/img/iR/h2SiteTitle.gif); float: right; }

h3.flashReplace { margin: 0 0 20px 0; font: normal 2.0em Arial, Helvetica, sans-serif; color: #000; text-transform: uppercase; }
h3.sIFR-replaced { font: normal 2.1em Arial, Helvetica, sans-serif; }

/* === Important Stuff === */
.fLeft { float: left !important; }
.fRight { float: right !important; }
.tLeft { text-align: left !important; }
.tRight { text-align: right !important; }
.tCentre { text-align: center !important; }

.bold { font-weight: bold !important; }
.noBold { font-weight: normal !important; }
.noBorder { border: none !important; }

.red { color: #903; }

.imgReplace, .btnReplace { background-position: top; background-repeat: no-repeat; display: block; }
.imgReplace span, .btnReplace span { width: 0; height: 0; overflow: hidden; display: block; }
a.imgReplace:hover, a.btnReplace:hover { background-position: bottom; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */