html, body  {
	font-size: 62.5%;
	
}

#on-registrationPage p, #on-registrationPage ul, #on-registrationPage li, #on-registrationPage div, #on-registrationPage a, #on-registrationPage input, #on-registrationPage button  {
	font-size: 12px;
}
	

/********** Clear Fix Style *************************/
/********** For modern browsers *********************/
.cf:before,.cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}

/********** For IE 6/7 (trigger hasLayout) ***********/
.cf {
	zoom: 1;
}

/********** End Clear Fix Style **********************/
/********** Generic Page Styles ***********/
#on-registrationPage div, #on-registrationPage p, #on-registrationPage ul, #on-registrationPage li, #on-registrationPage h1, #on-registrationPage h2, #on-registrationPage h3, #on-registrationPage h4 {
	margin: 0;
	padding: 0;
}

#on-registrationPage ul {
	list-style-position: inside;
	margin: 0;
}

#on-registrationPage ul.contentList li, #on-registrationPage #eDeliveryAgreement ul li {
	margin: 0;
	padding-left: 30px;
}



#on-registrationPage {
	position: relative;
	text-align: left;
	line-height: 1.5;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

#on-registrationPage p {
	color: #444;
	line-height: 1.5;
	margin: 10px 0;
	padding: 0 10px;
}

#on-registrationPage div.regPanel {
	padding: 10px;
}

#on-registrationPage div.regPanel h1 {
	color: #003366;
	font-weight: bold;
	font-size: 20px;
	padding-bottom: 10px;
	font-family: inherit;
	
}

#on-registrationPage div.regPanel h2 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-color: #316098;
	font-size: 18px;
	color: #fff;
	padding: 5px 10px;
	margin: 0;
}

#on-registrationPage div.regPanel h3 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-color: #d7d7d7;
	color: #444;
	font-size: 14px;
	margin: 0;
	margin-bottom: 15px;
	padding: 5px 10px;
}

#on-registrationPage div.regPanel h4 {
	margin: 0;
	padding: 10px 5px;
	font-size: 14px;
	font-weight: bold;
	color: #444;
}

#on-registrationPage div.regPanel div.col1 {
	width: 60%;
	float: left;
	padding: 10px;
}

#on-registrationPage div.regPanel div.col2 {
	width: 30%;
	float: right;
	padding: 10px;
}

#on-registrationPage div.regPanel div.col2 p {
	font-size: 10px;
	padding-top: 0;
	margin-top: 0;
	padding-left: 0;
	margin-left: 0;
}

#on-registrationPage div.regPanel div.col2 h1 {
	font-size: 14px;
	margin-bottom: 5px;
	padding-bottom: 0;
}

#on-registrationPage fieldset {
	border: none;
}

#on-registrationPage .on-errorMessage {
	color: #f00;
}

/*#accessAgreementWindow {
	display: none;
}*/

#on-registrationPage div.regPanel label.hideIt, #on-registrationPage div.regPanel h3.hideIt, #on-registrationPage div.regPanel h4.hideIt {
	display: none;
}

#on-registrationPage div.regPanel label.showIt, #on-registrationPage div.regPanel h3.showIt {
	display: block;
}


/********** End Generic Page Styles ***********/
/********** Begin Form Styles ***********/
#on-registrationPage fieldset {
	background-color: #eee;
	margin: 20px auto;
	padding: 0 0 0;
	border: 1px solid #ccc;
}

#on-registrationPage label.row, #on-registrationPage p.row {
	display: block;
	margin-bottom: 10px;
}

#on-registrationPage label.row strong, #on-registrationPage p.row strong {
	float: left;
	text-align: right;
	font-weight: bold;
	width: 40%;
	font-size: 12px;
	color: #444;
}

#on-registrationPage p.row strong {
	text-align: left;
	float: none;
}

#on-registrationPage label.row span.input, #on-registrationPage p.row span.input, #on-registrationPage label.row span.select, #on-registrationPage label.row span.hint {
	float: right;
	text-align: left;
	width: 55%;
}

#on-registrationPage p.row span.input {
	float: none;
}

span.input input[type="text"], span.select span.k-dropdown {
	width: 60%;
}

/*span.input input[type="text"] {
	padding: 5px 3px;
}*/

#on-registrationPage fieldset h4 {
	width: 50%;
	float: left;
	margin: 0;
	padding: 10px 5px;
	font-size: 14px;
	font-weight: normal;
	color: #444;
}

#on-registrationPage div.radioGroup {
	padding-bottom: 10px;
}

#on-registrationPage fieldset.radioGroup div.radioGroupDiv,#on-registrationPage div.radioGroup div.radioGroupDiv {
	width: 55%;
	float: right;
}

#on-registrationPage fieldset.radioGroup {
	padding: 30px 10px 20px;
}

#on-registrationPage fieldset.radioGroup label.row strong, #on-registrationPage fieldset.radioGroup p.row strong
#on-registrationPage div.radioGroup label.row strong, #on-registrationPage div.radioGroup p.row strong {
	float: left;
	text-align: left;
	font-weight: bold;
	width: 90%;
}

#on-registrationPage fieldset.radioGroup label.row span.radio, #on-registrationPage fieldset.radioGroup p.row span.radio
#on-registrationPage div.radioGroup label.row span.radio, #on-registrationPage div.radioGroup p.row span.radio {
	float: left;
	text-align: left;
	width: 5%;
}

#on-registrationPage div.buttonContainer {
	text-align: right;
	padding: 10px 5px;
}

div.buttonContainer .negativeButtonContainer {
	float: left;
	text-align: left;
}

div.buttonContainer .negativeButtonContainer .k-button {
	background-color: #E89825;
	color: #000;
}

div.buttonContainer .positiveButtonContainer {
	float: right;
	text-align: right;
}

em.requiredDenotation {
	font-weight: bold;
	color: #ff0000;
	font-size: 14px;
}

#on-registrationPage div.radioButtonColumn {
	width: 275px;
	float: right;
}

#on-registrationPage div.radioButtonColumn label {
	width: 125px;
	float: left;
	margin: 0;
	padding: 10px 5px;
}

#on-registrationPage label.radioOption strong {
	color: #444;
}

#on-registrationPage fieldset div.row {
	padding-top: 20px;
}

#on-registrationPage fieldset div.sub_row {
	margin-left: 20px;
}

#on-registrationPage p.footnote {
	font-size: 10px;
	margin-top: -15px;
}

/********** End Form Styles ***********/

/******** Kendo UI Style Overrides **************/

.k-panelbar > .k-item > .k-link, .k-panel > .k-item > .k-link {
	padding: 0;
	border: none;
}



/******** End Kendo UI Style Overrides **********/