/*** GENERAL DESIGN ***/

body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
	background-color: #FFFBF1;
	
	font-size: 14px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

p {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	padding-right: 3px;
	font-size: 90%;
}

ul {
	font-size: 90%;
}

ol {
	font-size: 90%;
}

h5 {
	padding: 0px;
	margin-left: 3px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	font-size: 100%;
}

.hint {
	color: #333333;
	font-size: 90%;
	font-weight: normal;
}



/*** SECTIONS ***/

table.section {
	margin-bottom: 25px;
}

table.profileSection {
	margin-bottom: 25px;
}

td.sectionHeader {
	vertical-align: middle;
	color: #021494;
	background-color: #9CB6EB;
	font-weight: bold;
	font-size: 100%;
	padding: 3px;
	border-top: 1px solid #021494;
	border-bottom: 1px solid #021494;
}

td.sectionContent {
	padding-top: 5px;
}



/*** FORMS ***/

table.formTable {
	width: 100%;
}

table.formTable td.label {
	width: 25%;
	text-align: left;
	vertical-align: top;
	font-size: 90%;
	font-weight: bold;
	padding-right: 10px;
	padding-top: 0.2em;
	padding-bottom: 0.5em;
}

table.formTable td.element {
	width: 75%;
	text-align: left;
	vertical-align: top;
	font-size: 90%;
	padding-bottom: 0.5em;
}


/*** HEADER ***/

#header {
	height: 82px;
	background-color: #9CB6EB;
	border-bottom: 2px solid #021494;
	vertical-align: bottom;
}

#header img.logo {
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
}

#header h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 140%;
	text-align: right;
	color: #021494;
	padding-right: 10px;
	padding-top: 0px;
	margin: 0px;
}



/*** CONTENT ***/

#maincontent {
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 10px;
}

/*** DEFAULT LINK DESIGN ***/

#maincontent a {
	font-size: 100%;
	text-decoration: none;
}

#maincontent a:link {
	color: #021494;
}

#maincontent a:visited {
	color: #021494;
}

#maincontent a:active {
	color: #9CB6EB;
}

#maincontent a:hover {
	color: #9CB6EB;
}



/*** FOOTER ***/

#footer {
	padding: 10px;
	font-size: 80%;
}



/*** QUICK SEARCH ***/
table.quickSearch {
	background-color: #9CB6EB;
	border: 1px solid #021494;
}

table.quickSearch td.element {
	font-size: 85%;
	padding-right: 5px;
}

table.quickSearch td.label {
	font-size: 85%;
	padding-right: 5px;
	padding-left: 5px;
}

table.quickSearch td.button {
	font-size: 85%;
	padding: 5px;
	text-align: center;
}

table.quickSearch td.heading {
	color: #ffffff;
	background-color: #021494;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	padding: 3px;
	border-bottom: 2px solid #021494;
}



/*** MEMBERSHIP BUY TABLE ***/

table.membershipBuyTable {
	background-color: #ffffff;
	color: #000000;
	border: 1px solid #021494;
	width: 100%;
}

table.membershipBuyTable th {
	background-color: #021494;
	background: url(membership_buy_table_background.gif) repeat-x;
	color: #ffffff;
	text-align: left;
	vertical-align: center;
	padding: 5px;
}

table.membershipBuyTable th.buy {
	text-align: center;
	width: 25%;
}

table.membershipBuyTable td {
	text-align: left;
	vertical-align: top;
	padding: 3px;
}

table.membershipBuyTable td.buy {
	background-color: #ffffff;
	border-left: 1px solid #021494;
	text-align: center;
	width: 25%;
}

table.membershipBuyTable td.currency {
	background-color: #ffffff;
	border-left: 1px solid #021494;
	border-bottom: 1px solid #021494;
	text-align: center;
	width: 25%;
	font-size: 90%;
}



/*** MEMBERSHIP GRADE TABLE ***/
table.membershipGrade {
	background-color: #ffffff;
	color: #000000;
	border: 1px solid #021494;
	font-size: 90%;
	width: 100%;
}

table.membershipGrade th {
	background-color: #9CB6EB;
	color: #021494;
	text-align: center;
	vertical-align: top;
	padding: 3px;
	border-bottom: 1px solid #021494;
	border-right: 1px solid #021494;
	width: 8%;
}

table.membershipGrade th.goldMember {
	background-color: #9CB6EB;
	color: #021494;
	text-align: center;
	vertical-align: top;
	padding: 3px;
	border-bottom: 1px solid #021494;
	border-right: none;
	width: 8%;
}

table.membershipGrade th.desc {
	background-color: #9CB6EB;
	color: #021494;
	text-align: left;
	vertical-align: top;
	padding: 3px;
	border-bottom: 1px solid #021494;
	border-right: 1px solid #021494;
	width: 60%;
}

table.membershipGrade td {
	vertical-align: center;
	text-align: center;
	padding: 3px;
	border-right: 1px solid #021494;
	width: 8%;
}

table.membershipGrade td.desc {
	vertical-align: center;
	text-align: left;
	padding: 3px;
	border-right: 1px solid #021494;
	width: 60%;
}

table.membershipGrade td.goldMember {
	vertical-align: center;
	text-align: center;
	padding: 3px;
	border-right: none;
	width: 8%;
}


/*** USER SUMMARY TEXT ***/
span.userSummaryText {
	font-size: 70%;
}


/*** ERROR/MESSAGE DISPLAY ***/

#globalErrors {
	border: 2px solid #FF4133;
	background-color: #FF9F98;
	margin-bottom: 10px;
}

#globalErrors h4 {
	margin: 0px;
	padding: 3px;
	background-color: #FF4133;
	color: #000000;
	border: none;
}

#globalErrors ul {
	margin: 2px;
	padding: 2px;
	list-style: none;
}

#globalMessages {
	border: 2px solid #ffbb33;
	background-color: #FFDD98;
	margin-bottom: 10px;
}

#globalMessages h4 {
	margin: 0px;
	padding: 3px;
	background-color: #ffbb33;
	color: #000000;
	border: none;
}

#globalMessages ul {
	margin: 2px;
	padding: 2px;
	list-style: none;
}

#confirmationReminder {
	border: 2px solid #FF4133;
	background-color: #FF9F98;
}

#confirmationReminder h4 {
	margin: 0px;
	padding: 3px;
	background-color: #FF4133;
	color: #000000;
	border: none;
}

#subheader {
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 10px;
}


/***** FAQ *****/

#faq h1 {
	font-size: 130%;
}

#faq h2 {
	font-size: 105%;
	margin: 0px;
}

#faq div.faqbody {
	padding: 0px;
	margin-bottom: 10px;
}

#faq div.faqbody p {
	padding: 0px;
}

#faq p.toplink {
	font-size: 80%;
}

