/* @group Generic */

body,h1,ul {
	margin: 							0;
	padding: 							0;
}

body {
	text-align:							center;
	font-family:						Arial, sans-serif;
	font-size:							62.5%; /* Makes 1em = 10px */
	background:							#e9e8e3 url(res/tile_body.gif) center top repeat-y;
}

hr {
	display: 							none;
	visibility: 						hidden;
}

p {color:#515151;}

ul {
	list-style-type:					none;
	color:								#515151;
}

a img {
	border: 							none;
}

a {
	padding: 							1px;
	text-decoration:					none;
	color: 								#366d9b;
}

a:hover {background:#dbfaf9;}

table {
	margin: 							0 30px 0 30px;
	width:								700px;
	font-size:							1.1em;
	color:								#515151;
}

td, th {
	padding:							5px 0px 5px 0px;
	text-align:							left;
	text-indent:						6px;
}

th {
	background:							#113561;
	font-size:							1.2em;
	text-transform:						uppercase;
	color:								white;
}

form {margin-left:30px;}

label {
	font-size:							1.1em;
	font-weight:						bold;
	color: 								#515151;
}

textarea {
	height:								100px;
	width:								350px;
}

/* @end */

#header,#page {
	width:								760px;
	margin-left:						auto;
	margin-right:						auto;
	text-align:							left;
}

#header {
	display: 							block;
	height: 							60px;
}

#header p {
	clear: 								right;
	float: 								right;
	margin: 							0;
	padding: 							10px 10px 0 0;
	font-size:							1.1em;
}

#logo {
	float: 								left;
	display: 							block;
	width: 								174px;
	height: 							23px;
	padding:							20px 0 0 20px;
}

#logo:hover {
	background: 						none;
}

/* @group Prompt */

#prompt {
	width: 								100%;
	border-top: 						4px solid #e9e8e3;
	border-bottom: 						4px solid #e9e8e3;
	padding: 							12px 0 12px 0;
	background:							#3d6b89 url(res/tile_prompt.gif) left bottom repeat-x;
	text-align:							center;
	color: 								white;
}

#prompt h1 {
	font-size:							2.4em;
	font-weight:						normal;
	color: 								white;
}

#prompt.failed {background:#b30000 url(res/tile_prompt_failed.gif) left bottom repeat-x;}
	
/* @end */

/* @group Navigation */

#navigation p.primary {
	margin: 							0 0 8px 0;
	font-size:							2.4em;
}

#navigation p.secondary {
	margin: 							0;
	font-size:							1.2em;
}

#navigation a {
	background:							none;
	color: 								white;
}

#navigation a:hover,#navigation a.active {color:#aff5f1;}

#navigation {
	width: 								100%;
	border-top: 						4px solid #ededed;
	border-bottom: 						4px solid #ededed;
	padding: 							12px 0 12px 0;
	background:							#3d6b89 url(res/tile_prompt.gif) left bottom repeat-x;
	text-align:							center;
	color: 								white;
}
	
/* @end */

p.instruction, #form_inbox_options, #form_contact_add, #form_confirm_status {
	padding: 							15px;
	background: 						#f5f4f1;
	text-align: 						left;
	font-size:							1.2em;
}

p.instruction, #form_inbox_options {
	margin: 							15px 30px 15px 30px;
}

#form_contact_add, #form_confirm_status {
	padding-top: 						0 !important;
	margin: 							-15px 30px 15px 30px;
}

#fields_indicator, #responder {
	margin: 							-15px 30px 15px 0;
	padding: 							15px;
	border:								2px solid #f5f4f1;
	text-align: 						left;
	font-size:							1.1em;
}

#upgrade_lite {
	margin: 							15px 30px 15px 30px;
	padding: 							10px 15px 10px 15px;
	border:								2px solid #dbfaf9;
	text-align: 						left;
	font-size:							1.2em;
	color: 								#515151;
	background: 						#f1fdfd;
}

#list_export {
	margin: 							-15px 30px 15px 30px;
	padding: 							10px 15px 10px 15px;
	border:								2px solid #f5f4f1;
	text-align: 						left;
	font-size:							1.2em;
	color: 								#515151;
}

p.credit {
	margin-top: 						30px;
}

#page.login, p.credit, p.support {text-align:center;}

#form_login, #form_reset {
	display: 							block;
	width:								250px;
	margin-top:							15px;
	margin-left:						auto;
	margin-right:						auto;
	border: 							8px solid #e0dbcd;
	padding: 							7px 0 15px 25px;
	text-align:							left;
}

#form_login p, #form_reset p {
	margin-bottom:						0;
	font-size:							1.1em;	
}

div.lbl, #status {margin:8px 0 0 0;}

div.obj input, textarea {
	margin: 							0;
	border-color:						#ababab;
	border-style:						solid;
	border-width:						thin;
	font-family:						Arial, sans-serif;
	font-size:							1.2em;
	color: 								black;
}

div.obj input {width:220px;}

div.obj input:focus, textarea:focus {background:#f2f2f2;}

div.obj input.err, textarea.err {border-color:#cd0000 !important;}

p.err {
	margin: 							3px 0 0 0;
	padding: 							0;
	background:							white url(res/error_arrow.gif) no-repeat;
	font-size:							1.1em;
	font-style:							italic;
	text-indent:						20px;
	color: 								#cd0000;
}

#remember, #login, #sendkey, #resetpassword, #addrecipient, #savepaths, #savecontact, #saveresponse, #saveuser {margin-top:8px;}

/* @group Inbox */

#form_inbox {margin:0;}

#form_inbox label, #form_contact_add label, #form_confirm_status label {font-size:1em;}

#pagecontrols {
	margin: 							0 30px 0 30px;
	padding:							0 0 10px 0;
	background:							white url(res/tile_pagecontrols.gif) left bottom repeat-x;
	text-align: 						center;
	font-size:							1.2em;
	color:								#515151;
}

#col1 {width:180px;}

#col2 {width:250px;}

#col3 {width:180px;}

#col4 {width:90px;}

td.row_alt {background:#f5f4f1;}

td img,#page.message img {border:1px solid white;}

#quickstart {
	display: 							block;
	overflow: 							auto;
	padding: 							15px 0 0 0;
	margin: 							0 30px 0 30px;
	text-align: 						left;
}

#page.inbox #quickstart ul {
	list-style-type: 					circle;
	margin:								20px 30px 20px 15px;
}

#page.inbox #quickstart li {
	padding-bottom: 					10px;
}

#page.inbox #quickstart li.last {
	padding-bottom: 					0;
}

#page.inbox #quickstart p, #page.inbox #quickstart ul, #page.paths #fullurls p, #responder_fields p.instruction, #page.response #tags p {
	font-size: 							1.2em;
	line-height: 						1.4em;
}

#suggestions, #form_paths, #responder_fields {
	display: 							block;
	float: 								left;
	padding: 							0 18px 0 0;
	width: 								440px;
}

#forum, #fullurls, #tags {
	display: 							block;
	float: 								left;
	border-left: 						4px solid #e0dbcd;
	padding: 							0 0 0 18px;
	margin-bottom: 						0;
	width: 								220px;
}

/* @end */

/* @group Message */

#page.message h2 {
	margin: 							10px 0 0 30px;
	font-size:							2.4em;
	font-weight:						normal;
	color: 								#3d6b89;
}

#page.message h2 small {font-size:0.65em;}

#page.message ul {
	overflow: 							auto;
}

#page.message li {
	display: 							block;
	clear: 								left;
	font-size:							1.2em;
}

#page.message li.first span {padding-top:16px;}
#page.message li.last span {padding-bottom:16px;}

#page.message li span {
	float: 								left;
	display:							inline; /* Prevents double margin in IE6 */
	padding-top:						8px;
}

#page.message li span.lbl {
	margin-left:						30px;
	width:								200px;
}

#page.message textarea, #page.contact textarea, #page.response textarea {
	padding:							3px;
	border-color:						#ababab;
	border-style:						solid;
	border-width:						thin;
	font-family:						arial, sans-serif;
	color: 								black;
}

#page.message textarea {
	font-size: 							1em;
}

#received {
	margin: 							4px 30px 0 30px;
	border:								2px solid #f5f4f1;
	padding: 							8px;
	background: 						#f5f4f1;
	font-size:							1.2em;
}

#info {
	margin:								0 30px 0 0;
}

#info p {
	clear: 								left;
	margin-left: 30px;
	border-top:							2px solid #e9e8e3;
	padding-top: 						8px;
	font-size:							1.2em;
}

/* @end */

/* @group List / Recipients */

#export_csv_icon, #upgrade_icon {padding:0;}

#export_csv_icon:hover, #upgrade_icon:hover {background:none;}

#page.list ul, #page.recipients ul {
	margin: 							15px 30px 0 30px;
	font-size:							1.2em;
}

#page.recipients ul {
	display: 							block;
	padding-bottom: 					9px;
}

#page.list li, #page.recipients ul li {
	float: 								left;
	width: 								50%;
	padding-bottom:						9px;
}

#form_recipients {
	clear: 								both;
	width: 								700px;
	padding:							0;
	border-top:							2px solid #e9e8e3;
}

#page.list a.remove, #page.message a.remove, #page.recipients a.remove {font-size:0.95em;}
	
/* @end */

/* @group Contact */

#form_contact_fields {
	margin-top:							0;
	padding-top:						0;
	padding-bottom:						20px;
}

#form_contact h2, #feedback h2, #quickstart h2, #form_contact_fields li h2, #page.paths h2, #page.response h2 {
	font-weight:						normal;
	color: 								#3d6b89;
}

#form_contact h2, #feedback h2, #quickstart h2, #page.paths h2, #page.response h2 {
	font-size:							1.5em;
}

#form_contact_fields li h2 {
	margin-top:							0;
	margin-bottom: 						3px;
	font-size:							1.65em;
}

#form_contact_fields ul {
	padding-top:						10px;
	margin: 							0 30px 0 0;
}

#form_contact_fields li {
	clear: 								both;
	display: 							block;
	margin-bottom: 						14px;
	border-bottom:						2px solid #e0dbcd;
}

#form_contact_fields div.field {
	display: 							block;
	height: 							20px;
	font-size:							1.1em;
	background: 						#f5f4f1;
}

#form_contact_fields div.field div {
	display: 							block;
	width: 								334px;
	padding: 							4px;
}

#form_contact_fields div.field div.description {
	float: 								left;
}

#form_contact_fields div.field div.controls {
	float: 								right;
	text-align: 						right;
}

#form_contact_fields div.field div.controls span.inactive {
	padding: 							1px;
	color: 								#e0dbcd;
}

#form_contact_fields div.options {
	padding: 							8px 0 8px 0;
	background:							white url(res/tile_options.gif) left top repeat-x;
}

#form_contact_fields div.options p {
	margin: 							0;
	padding: 							8px 0 8px 0;
}

#form_contact_fields div.lbl {
	margin: 							0;
	padding: 							8px 0 0 0;
}

#form_contact_fields div.lbl small, #form_paths div.lbl small, #form_response div.lbl small {
	font-size:							1em;
	font-weight: 						normal;
}

#form_contact_fields div.obj input, #form_paths div.obj input, #form_response div.obj input {
	padding:							3px;
	width:								350px;
}

#form_contact_fields p.tip {
	margin: 							14px 30px 30px 0;
	border-top:							2px solid #e9e8e3;
	padding-top: 						14px;
	font-size: 							1.2em;
	text-align: 						center;
}

#fields_indicator label small, #form_confirm_status label small, #responder label small {
	font-size:							0.9em;
	font-weight: 						normal;
}

/* @end */

/* @group Response */

#form_response p.instruction {
	margin-left: 						0;
}

#responder_fields {
	padding-bottom: 					30px;
}

#responder_fields p.instruction {
	width: 								350px;
	padding: 							0;
	background: 						none;
}

/* @end */

/* @group Paths */

#form_paths {
	display:							inline; /* Prevents double margin in IE6 */
}

/* @end */

/* @group Logged Out */

#page.loggedout {text-align:center;}

#page.loggedout p.instruction {margin-bottom:10px;}

#feedback {
	display: 							block;
	padding: 							15px 0 0 0;
	margin: 							0 30px 0 30px;
	width: 								700px;
	text-align: 						left;
}

#page.loggedout #feedback p {
	font-size: 							1.2em;
	line-height: 						1.4em;
}

#page.loggedout p.credit {
	clear: 								left;
	padding-top: 						30px;
}

#contactme {
	display: 							block;
	float: 								left;
	border-right: 						4px solid #e0dbcd;
	padding: 							0 18px 0 0;
	width: 								330px;
}

#page.loggedout #forum {
	display: 							block;
	float: 								left;
	margin-bottom: 						0;
	border-left: 						none;
	padding: 							0 0 0 18px;
	width: 								330px;
}

/* @end */