/* 
* Styles.css - Global CSS page that will be called on every page. 
*/

a:link, a:visited {
	color: 			#6087b7;
}

a:hover {
	color: 			#000;
}

body {
	background:		#f4f4f4;
	margin:			0px;
	font-family:	arial, sans-serif;
	font-size:		9pt;
}

html { 
	height:			100%;
	margin-bottom:	1px; /* Hack to create scrollbar in Firefox regarding short pages */
}

form {
	padding:		0px;
	margin:			0px;
}

.clear {
	clear:			both; /* Used after using float */
	line-height:	0px;
}

.hidden {
	display:		none;
	visibility:		hidden;
}

.show {
	visibility:		visible;
	display:		block;
}

.preload {
	visibility:		hidden;
	display: 		none;
}
	
h1 {
	color:			#000;
	font-family:	"trebuchet ms", arial,sans-serif;
	font-size:		14pt;
	font-weight:	normal;
	border-bottom:	1px solid #ddd;
	padding:		3px;
	margin:			0px;
}


/* Signin */
#SignIn {
	background:		#000;
	padding:		10px;
}

#SignIn form {
	margin:			0px;
	padding:		0px;
}

#SignIn .form {
	color:			#fff;
	margin-left:	auto;
	margin-right:	auto;
	padding:		0px;
	margin-top:		0px;
	margin-bottom:	0px;		
	width:			990px;
}	

#SignIn .form input {
	margin-right:	10px;
}

#SignIn .form .text {
	background:		#222;
	border:			1px solid #777;
	color:			#fff;
	font-family:	tahoma,sans-serif;
	font-size:		8pt;
	padding:		4px;
}

#SignIn .form .submit {
	background:		#666;
	border:			1px solid #999;
	color:			#fff;
	font-family:	tahoma,sans-serif;
	font-size:		8pt;
	font-weight:	bold;
	padding:		2px;
	width:			80px;
}


/* Container */

#Main {
	background: 	#fff;
}

#Container {
	width:			990px;
	margin-left:	auto;
	margin-right:	auto;
	padding-top:	20px;
	padding-bottom:	30px;
}


/* Header */
#Container .header {
	margin-bottom:		15px;
}

#Container .header .top_links {
	font-family:		arial,sans-serif;
	font-size:			9pt;
	color:				#666;
	padding:			10px 0px 15px 0px;
}

#Container .header .top_links a:link,
#Container .header .top_links a:visited {
	color:				#6699cc;
	text-decoration:	underline;
}

#Container .header .top_links a:hover {
	color:				#666;
	text-decoration:	underline;
}

#Container .header .top_links span {
	font-size:			12pt;
	padding: 			3px;
	color:				#ddd;
}

#Container .header .top_links a:link.create,
#Container .header .top_links a:visited.create {
	color:				#666;
	background: 		#f9f9f9;
	border:				1px solid #e0e0e0;
	padding:			5px;
	text-decoration:	none;
}

#Container .header .top_links a:hover.create {
	color:				#fff;
	background: 		#89afdb;
	border:				1px solid #668ab5;
	padding:			5px;
	text-decoration:	none;
}

#Container .header .left {
	float:				left;
	width:				840px;
	padding:			0px;
	margin:				0px;
}

#Container .header .right {
	float:				left;
	padding:			0px;
	margin:				0px;
}

#Container .header .right .logo {
	margin-top:			20px;
}

#Container .header .search {
	background:			#e7eff8;
	border:				3px solid #e7eff8;
	width:				328px;
	line-height:		0px;
}

#Container .header .search .input {
	background:			#fff url('../../images/search_glass.png');
	background-repeat:	no-repeat;
	border:				1px solid #bfd3e9;
	color:				#555;
	font-size:			12pt;
	font-family:		arial, sans-serif;
	padding:			5px 5px 5px 25px;
	width:				296px;
}

/* Content */
#Container .content {
	padding-left:		10px;
	padding-right:		10px;
}
	

/* Footer */
#Footer {
	border-top:			1px solid #ccc;
}

#Footer .footer {
	width:				990px;
	margin-left:		auto;
	margin-right:		auto;	
	clear:				both;
	font-size:			9pt;
	line-height:		20pt;
	padding:			10px;
	color:				#777;
}

#Footer .footer a:link,
#Footer .footer a:visited {
	color:				#333;
	text-decoration:	none;
}

#Footer .footer a:hover {
	color:				#4973a4;
	text-decoration:	underline;
}

#Footer .footer .left {
	float:				left;
	width:				460px;
}

#Footer .footer .right {
	float:				left;
	text-align:			right;
	width:				500px;
}

#Footer .footer span {
	padding:			5px;
	font-size:			12pt;
	color:				#ccc;
}

/* Tooltips */
#tooltip {
	background:			url(../../images/tooltiparrow.gif) no-repeat;
	padding:			14px 0px 0px 0px;
	margin:				0px;
}

#tooltip h3 {
	border-left: 		1px solid #999;
	border-right: 		1px solid #999;
	border-bottom: 		1px solid #999;
	background: 		#f4f4f4;
	color: 				#333;
	font-family:		arial,sans-serif;
	font-size:			9pt;
	font-weight:		bold;
	padding:			7px 10px 4px 10px;
	margin:				0px;
	min-width:			50px;
	min-height:			20px;
}

#default {
	margin:				10px;
}

#default .wrapper {
	margin-bottom:		10px;
	padding:			5px;
	line-height:		16pt;
}

#default ol {
	margin:				10px 10px 20px 25px;
}

#default ul {
	margin:				10px 10px 20px 25px;
	list-style-type:	square;
}

#default .copy {
	padding:			10px;
	line-height:		16pt;
}

#default form {
	padding:			0px;
	margin:				0px;
}

#default .inputText {
	border:				1px solid #ccc;
	padding:			5px;
	color:				#444;
	margin-bottom:		10px;
}

#default .textarea {
	border:				1px solid #ccc;
	color:				#444;
	font-family:		arial,sans-serif;
	font-size:			9pt;
	line-height:		16pt;
	width:				700px;
	height:				150px;
	padding:			5px;
	margin-bottom:		10px;
}

#default .submit {
	padding:			4px;
}

/* Subnav */
#subNav {
	background:		#F0F0F0;
	border-bottom:	1px solid #D8D8D8;
	border-left:	1px solid #D8D8D8;
	border-right:	1px solid #D8D8D8;
	color:			#666;
	font-family:	arial,sans-serif;
	font-size:		8pt;
	padding:		10px;
	margin-bottom:	15px;
}

#subNav a:link,
#subNav a:visited {
	font-weight:		bold;
	color:				#000;
	text-decoration:	underline;
}

#subNav a:hover {
	color:				#90A8D8;
	text-decoration:	underline;
}

.error {
	color: #c50000;
	font-weight:bold;
	line-height: 16pt;
}

.confirmed {
	color: #157a15;
	font-weight:bold;
	line-height: 16pt;
}


.errors {
	margin-bottom: 15px;
	color: #c50000;
	padding: 5px;
	font-family:arial,sans-serif;
	font-weight:bold;
	line-height: 16pt;
	background:	#f9f9f9;
	border: 1px solid #eee;
}

.success {
	margin-bottom: 15px;
	color: #157a15;
	padding: 5px;
	font-family:arial,sans-serif;
	font-size:9pt;
	font-weight:bold;
	line-height: 16pt;
	background:	#f9f9f9;
	border: 1px solid #eee;
}


/* ACCOUNTS */
	
	.notice {
		color:				#777;
		padding:			15px 5px 15px 5px;
		font-size:			13pt;
		line-height:		22pt;
		font-family:		"trebuchet ms", arial, sans-serif;
	}
	
	.notice span {
		color:				#333;
	}
	
	.accounts .left {
		float:				left;
		width:				160px;
		padding:			5px;
	}

	.accounts .right {
		float:				left;
		width:				670px;
		padding:			15px 5px 5px 5px;
	}

	.accounts .sidebar {
		background:			#fafafa;
		padding:			10px;
		border:				1px solid #d9d9d9;
	
	}
	
	.accounts .sidebar h2,
	.accounts .sidebar h2 a:link,
	.accounts .sidebar h2 a:visited {
		color:				#000;
		font-family:		arial, sans-serif;
		font-size:			9pt;
		font-weight:		bold;
		padding:			2px;
		margin:				0px 0px 5px 0px;
		text-decoration:	none;
	}
	
	.accounts .sidebar h2 a:hover {
		text-decoration:	underline;
	}
	
	.accounts .sidebar li {
		color:				#7c9abd;
	}	
	
	.accounts .sidebar ul {
		padding:			0px;
		margin:				0px 0px 0px 20px;
		list-style-type: 	square;
		font-family:		arial,sans-serif;
		font-size:			9pt;
		line-height:		18pt;
	}

	.accounts .sidebar ul a:link,
	.accounts .sidebar ul a:visited {
		color:				#444;
		text-decoration:	none;
	}
	
	.accounts .sidebar ul a:hover {
		color:				#4378b3;
		text-decoration:	underline;
	}

	.accounts .section {
		padding:			5px 15px 5px 15px;
	}

	.accounts .right h2 {
		color:				#000;
		font-family:		arial, sans-serif;
		font-size:			11pt;
		font-weight:		bold;
		padding:			2px;
		margin:				0px 0px 0px 0px;
	}
	
	.accounts .right h3 {
		color:				#000;
		font-family:		arial, sans-serif;
		font-size:			10pt;
		font-weight:		bold;
		padding:			2px;
		margin:				10px 0px 2px 0px;
	}
	
	.accounts .alert td {
		color:				#666;
		margin:				5px;
		padding:			10px;
		font-family:		arial,sans-serif;
		font-size:			9pt;
		border-bottom:		1px solid #eee;
	}
	
	.accounts .alert a:link,
	.accounts .alert a:visited {
		color:				#4378b3;
		text-decoration:	none;
	}
	
	.accounts .alert a:hover {
		color:				#000;
	}
	
	.accounts .alert .date {
		color:				#aaa;
		font-family:		tahoma,sans-serif;
		font-size:			8pt;
	}
	
	.accounts .table {
		/*border:				1px solid #ccc;*/
	}
	
	.accounts .subject {
		background:			#f4f4f4;
		padding:			10px;
		font-family:		arial,sans-serif;
		font-size:			10pt;
		font-weight:		bold;
		width:				100px;
	}
	
	.accounts .mail {
		background:			#f4f4f4;
		padding:			10px;
		font-family:		arial,sans-serif;
		font-size:			10pt;
	}

	.accounts .value {
		background:			#f9f9f9;
		padding:			5px;
	}
	.accounts .submit {
		width:				100px;
		font-family:		arial;
		font-size:			12pt;
		padding:			5px;
		margin-top:			10px;		
	}
	
	.accounts .input {
		background:			#fff;
		border:				1px solid #ccc;
		font-family:		arial,sans-serif;
		font-size:			9pt;
		padding:			6px;
		margin:				3px;
	}
	
	
	.accounts .header {
		background:			#eee;
		color:				#000;
		font-family:		arial,sans-serif;
		font-size:			9pt;
		font-weight:		bold;
		padding:			5px;
	}
	
	.accounts .row_attention {
		background:			#f9f9f9;
	}
	
	.accounts .row_attention .row {
		border-bottom:		1px solid #eee;
	}
	
	.accounts .row1 {
		background:			#fff;
	}

	.accounts .row1 .row {
		border-bottom:		1px solid #eee;
	}

	.accounts .row2 {
		background:			#fff;
	}

	.accounts .row2 .row {
		border-bottom:		1px solid #eee;
	}

	.accounts .row_hover {
		background:			#f2f6fb;
	}

	.accounts .row_hover .row {
		border-bottom:		1px solid #d9e3ee;
	}

	.accounts .row {
		color:				#000;
		font-family:		arial,sans-serif;
		font-size:			9pt;
		padding:			5px;
		line-height:		16pt;
	}

	.accounts .section a:link,
	.accounts .section a:visited {
		color:				#4378b3;
		text-decoration:	underline;
	}

	.accounts .section a:hover {
		color:				#000;
	}

	.accounts .row ul,
	.accounts #listings  ul {
		padding:			0px;
		margin:				0px 0px 0px 15px;
		list-style-type: 	square;
	}

	.accounts .row li,
	.accounts #listings li {
		color:				#999;
	}
	
	.accounts .row li span,
	.accounts #listings li span {
		color:				#333;
	}
	
	.accounts #listings .row {
		font-family:		arial,sans-serif;
		font-size:			9pt;
		padding:			5px;
		line-height:		16pt;
		margin-bottom:		20px;
	}

	.accounts #listings .column {
		float:				left;
	}
	
	.accounts #listings .row_hover {
		font-family:		arial,sans-serif;
		font-size:			9pt;
		padding:			5px;
		line-height:		16pt;
		background:			#f9f9f9;
		margin-bottom:		20px;
	}
	
	.accounts .question,
	.accounts .offer
	{
		padding:			15px;
		font-family:		arial,sans-serif;
		font-size:			9pt;
		line-height:		14pt;
		color:				#333;
		background:			#f9f9f9;
		border-bottom:		1px solid #eee;
		margin-top:			1px;
	}
	
	.accounts textarea {
		width:				600px;
		padding:			5px;
		background:			#fff;
		border:				1px solid #aaa;
		color:				#555;
		font-family:		arial,sans-serif;
		font-size:			9pt;
		line-height:		14pt;
	}
	
	.accounts .links {
		border:				1px solid #aaa;
		background:			#eee;
		padding:			5px;
		font-weight:		bold;
		font-size:			8pt;
	}
	

	
/* FORM */

.form {
	margin-left:		auto;
	margin-right:		auto;
	margin-top:			25px;
	font-family:		arial,sans-serif;
	font-size:			9pt;
	width:				650px;
}

.form input {
	padding:			4px;
}

.form .table {
	width:				640px;
	margin-bottom:		15px;
}

.form .header {
	background:			#6584ab;
	color:				#fff;
	padding:			5px;
	font-weight:		bold;
}

.form .left {
	background:			#f2f2f2;
	padding:			10px;
	font-weight:		bold;
	line-height:		16pt;
}

.form .left span {
	font-size:			8pt;
	font-weight:		normal;
}

.form .right {
	background:			#f9f9f9;
	padding:			10px;
	line-height:		16pt;
}

.form .value {
	background:			#f9f9f9;
	padding:			10px;
	line-height:		16pt;
	font-size:			8pt;
}

.form .row {
	background:			#f9f9f9;
	padding:			10px;
	width:				620px;
	text-align:			center;
}



/* ADMIN SITE */	
	.admin {
		color:				#777;
		padding:			5px 0px 5px 0px;
		font-size:			13pt;
		line-height:		18pt;
		width:				100%;
		font-family:		"trebuchet ms", arial, sans-serif;
	}

	.admin .separator {
		line-height:		10pt;
	}

	.admin a:link,
	.admin a:visited {
		color:				#003366;
		text-decoration:	none;
	}
	
	.admin a:hover {
		color:				#003366;
		text-decoration:	underline;
	}
	
	.admin .adminMenu {
		color:				#777;
		font-size:			13pt;
		line-height:		18pt;
		border-bottom:		1px solid #CCC;
		width:				100%;
		background:			#F0F0F0;
		font-family:		"trebuchet ms", arial, sans-serif;
		margin-bottom:		20px;
	}
		
	.admin .adminMenu .adminMenuItem {
		float:				left;
		padding:			3px 20px 3px 10px;
		
	}


/* Reset Password view*/
	.resetpass {
		font-size:12pt;
		padding: 40px;
		
	}
	.resetpass h3 {
		padding-bottom: 5px;
	}
	.resetpass .input {
		color:#666;
		background:#fff;
		border:1px solid #ccc;
		padding:5px;
		font-family:'trebuchet ms';
		font-size:14pt;
		font-weight:normal;
		width:250px;	
	}
	.resetpass .submit {
		width:130px;
		font-family:arial;
		font-size:14pt;
		padding:5px;
		margin-top:10px;		
	}
	.resetpass .submit2 {
		width:170px;
		font-family:arial;
		font-size:14pt;
		padding:5px;
		margin-top:10px;		
	}


	
	
.createNew {
	border:			1px solid #ccc;
	background:		#f9f9f9;
	padding:		5px;
	margin:			0px 0px 20px 0px;
	width:			130px;
	text-align:		center;
}

.createNew a:link,
.createNew a:visited {
	color:				#6699cc;
	text-decoration:	none;
}

.createNew a:hover {
	color:				#000;
	text-decoration:	underline;
}