/*<group=Generic>*/

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

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

p {color:#515151;}

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

a {
	padding: 							1px;
	text-decoration:						none;
	color: 							#8a00a8;
}

a:hover {color:#cc40e5;}

table {
	margin: 							15px 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:						#084488;
	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;
}
	
/*</group>*/

#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;
	padding:							20px;
	font-size:							2em;
	color: 							#084488;	
}

#logo em {
	font-style:							normal;
	color:							#366d9b;
}

/*<group=Prompt>*/

#prompt {
	width: 							100%;
	border-top: 						4px solid #ededed;
	border-bottom: 						4px solid #ededed;
	padding: 							12px 0 12px 0;
	background:						#366d9b 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;}
	
/*</group>*/

/*<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:#9ddeff;}

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

p.instruction, #form_inbox_options {
	margin: 							15px 30px 0 30px;
	padding: 							15px;
	background: 						#ededed;
	text-align: 						left;
	font-size:							1.2em;
}

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

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

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

#form_login, #form_reset {
	display: 							block;
	width:							250px;
	margin-top:						15px;
	margin-left:						auto;
	margin-right:						auto;
	border: 							8px solid #ededed;
	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, Helvetica, 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;}

div.obj p {
	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;
}

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

/*<group=Inbox>*/

#form_inbox {
	margin: 							0;
}

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

#col1 {width:180px;}

#col2 {width:250px;}

#col3 {width:180px;}

#col4 {width:90px;}

td.row_alt {background:#edf3f9;}

td img,#page.message img {border:1px solid #dadada;}
	
/*</group>*/

/*<group=Message>*/

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

#received {
	margin: 							4px 30px 0 30px;
	padding: 							8px;
	background: 						#ededed;
	font-size:							1.1em;
}

#page.message li {
	float: 							left;
	display:							block;
	padding: 							4px;
	width: 							336px;
	font-size:							1.2em;
}

#personal {
        margin:							4px 30px 0 30px;
        border:							2px solid #ededed;
        padding:							4px;
        width:							688px;
}

#personal ul {overflow:auto;}

#personal p {
	clear: 							left;
	margin: 							0;
	padding: 							4px;
	font-size:							1.2em;
}

#info {margin-left:30px;}

#info p {font-size:1.1em;}
	
/*</group>*/

/*<group=List / Recipients>*/

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

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

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

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

#page.list a, #page.recipients a {font-size:0.95em;}
	
/*</group>*/

/*<group=Contact>*/

#form_contact {
	padding-bottom:					20px;
}

#form_contact h2, #feedback h2 {
	font-size:							1.5em;
	font-weight:						normal;
	color: 							#084488;
}

#form_contact #essential {
	margin-right:						30px;
	padding-bottom:					8px;
}

#form_contact p {
	font-size:							1.2em;
}

#form_contact #essential li {
	font-size:							1.2em;
	font-weight:						bold;
	padding-bottom:					4px;
}

#form_contact #optional li {
	clear:							left;
	display:							block;
	overflow:							auto;
	padding-bottom:					8px;
}

#form_contact #optional li div {
	float:							left;
	display:							block;
	width:							350px;
}

#form_contact #optional input {
	margin-left:						0px;
}

#form_contact #optional label {
	font-size:							1.2em;
}

#form_contact #optional label span {
	font-size:							0.95em;
	font-weight: 						normal;
}

#form_contact #optional #fields_indicator label span {
	font-size:							0.85em;
	font-weight: 						normal;
}

#savecontact {
	clear:							left;
}
	
/*</group>*/

/*<group=Logged Out>*/

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

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

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

#feedback form {
	margin: 							0;
}

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

#contactme {
	display: 							block;
	float: 								left;
	padding: 							0 18px 0 0;
	width: 								330px;
}

#rate {
	display: 							block;
	float: 								left;
	border-left: 						4px solid #ededed;
	padding: 							0 0 0 18px;
	margin-bottom: 					0;
	width: 								330px;
}

/*</group>*/