﻿/* Basic read of the css:
		1. classes/ids that are all the way to the left are the beginning of new div classes/ids
		2. everything that is indented under those classes/ids that are to the left correspond to those classes/ids
		3. also under each class/id, if necessary, are the IE6 hacks
		
		Ex:
			.page {
				whatever attributes go here
			}
				.page p {
					attributes here
					
				}
			
			IE 6 FIX/HACK
			.page p {
				_attributes here;
			}
			
			.header {
				attributes here
			}
			and so on...
*/


body {
	margin:0;
	padding:0;
}

/*--- BEGIN PAGE DIV/CONTAINER DIV/CONTENT DIV (CENTERS CONTENT ON PAGE) ---*/
#page {
	position:relative;
	width:854px;
	margin:12px auto;
	
}

.container {
	position:relative;
	width:854px;
	margin:0px 0 0px 0;
	padding:0 0 0px 0;
	background:#fff;
	border:1px solid #ececec;
}

.content {
	width:854px;
	margin:0;
	padding:0;
}

h2 {
	margin:10px 0 0 15px;
	color:#005da4;
	font-family:Georgia;
	font-size:12px;
	text-transform:uppercase;
}

h3 {
	margin:10px 0 0 15px;
	color:#005da4;
	font-family:Georgia;
	font-size:12px;
	text-transform:uppercase;
}

p {
	margin-left:15px;
	color:#002554;
	font-family:Times New Roman;
	font-size:12px;
}

p a {
	color:#005da4;
	text-transform:uppercase;
}

.formGroup { margin:0px 0px 7px 15px; padding:3px 0px; width:522px; }
.formGroup .labelCol { width:117px; float:left; margin-right:5px; }
.formGroup .labelCol label { font-weight:bold; }
.formGroup .inputCol { width:400px; float:left; }

label {
	color:#002554;
	font-size:12px;
}

table td {
	padding:0 5px 5px 0;
	font-weight:bold;
}

table td input {
	margin:-1px 0 0 0;
}


.formbtn {
	float:right;
	margin-right:15px;
}

.leftformbtn {
	float:left;
	margin-right:15px;
}

.termsConditionsDiv {
	height:200px;
	overflow:auto;
	border:1px solid #ececec;
}

/*--- END PAGE DIV/CONTAINER DIV/CONTENT DIV ---*/


.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

