/* ************************************************************************* */
/* ************************************************************************* */
/* *** Content Columns Form Styles                                       *** */
/* ************************************************************************* */
/* ************************************************************************* */
.form {
	padding			: 23px 0 30px 0;
}
.formTable {
	background-color: #FFFFFF;
	width			: 100%;
	border-collapse	: collapse;
	b/order-top		: 1px solid #9BADBF;
	b/order-bottom	: 1px solid #9BADBF;
}
.formTable .sectionbg {
	background-color: #E6EAEE;
}
.formTableWidthSmall {
	width			: 329px !important ;
}
.formTable tr.hrTop td, .formTable .hrTop, .hrTop {
	border-top		: 2px solid #00649B;
}
.formTable tr.hrBottom td, .formTable .hrBottom, .hrBottom  {
	border-bottom	: 2px solid #00649B;
}

.formTable tr.hrBottomSweepstake td, .formTable .hrBottomSweepstake, .hrBottomSweepstake  {
	border-bottom	: 	2px solid #00649B;
	padding-top:		6px;
	padding-bottom:		6px;
}

.formTable .noBorder td, .formTable .noBorder {
	border			: 0 !important;
}
.formTable .errorField {
	color			: #C40202 !important;
}
.formTable td.errorArea {
	padding			: 0;
}

.formTable div.errorArea {
	background-color: #FFEAE9;
	color			: #C40202;
	padding			: 8px 10px 6px 10px;
	margin-top		: 11px;
}

.formTable tr.errorArea {
	background-color: #FFEAE9;
}

.formTable .errorArea ul.bar {
	list-style-type	: none;
	margin			: 0;
	padding			: 0;
}
.formTable .errorArea ul.bar li {
	background-image	: url(../media/bullet_red.gif); 
	background-repeat 	: no-repeat;
	background-position : 0px 2px;
	font-weight			: normal;
	margin				: 0;	
	margin-bottom		: 2px;	
	padding				: 0;
	padding-left		: 16px;
}

.formTable td {
	vertical-align	: middle;
	height			: 30px;
	color			: #3E3E40;
	font-size		: 0.92em;	/* 11 px*/
}
.formTable .defaultHeight {
	height			: 30px;
}
.formTable thead td {
	font-size		: 0.83em;	/* 10 px*/
	padding			: 0 10px;
}
.formTable thead td.errorArea {
	font-size		: 0.92em;	/* 11 px*/
}
.formTable thead td.headline {
	font-weight		: bold;
	font-size		: 0.92em;	/* 11 px*/
	padding			: 0 10px;
	color			: #000000;
}
.formTable tbody td {
	padding			: 0 10px;
}
.formTable tbody td table td {
	padding			: 0;
	height			: 0;
	font-size		: 1em;
}
.formTable tfoot td {
	padding			: 0 10px;
}

.form .inputField {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 1em;	/* 11 px*/
	background-color: #F5F7F8;
	border			: 1px solid #9BADBF;
	color			: #717274;	
}
.form .inputTextField {
	background-color: #F5F7F8;
	border			: 1px solid #9BADBF;
	width			: 113px;	
}
.form .inputTextMailField {
	background-color: #F5F7F8;
	border			: 1px solid #9BADBF;
	width			: 226px;	
}
.form .inputTextFieldPostCode {
	background-color: #F5F7F8;
	border			: 1px solid #9BADBF;
	width			: 45px;	
}
.form .inputDateField {
	background-color: #F5F7F8;
	border			: 1px solid #9BADBF;
	width			: 20px;	
	margin-right	: 6px;
}
.form .inputDateFieldYear {
	background-color: #F5F7F8;
	border			: 1px solid #9BADBF;
	width			: 40px;	
}
.form .inputCheck {
	vertical-align	: middle;
}
* html .form .inputCheck {
	position		: relative;
	left			: -4px;
}
.form .inputRadio {
	vertical-align	: middle;
	margin-right	: 5px;
}

/* <= IE6 */
* html .form .inputRadio {
	position		: relative;
	margin-right	: 2px;
	left			: -4px;
}

/* == IE7 */
*+html .form .inputRadio {
	position		: relative;
	margin-right	: 2px;
	left			: -4px;
}
.form .inputSelect {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 1em;
	font-weight		: normal;
	background-color: #F5F7F8;
	color			: #717274;
	border			: 1px solid #9BADBF;
	width			: 113px;	
}
.form .inputDateDaySelect {
	background-color: #F5F7F8;
	color			: #717274;
	border			: 1px solid #9BADBF;
	width			: 40px;	
	margin-right	: 3px;
}
* html .form .inputDateDaySelect {
	margin-right	: 2px;
}
.form .inputDateMonthSelect {
	background-color: #F5F7F8;
	color			: #717274;
	border			: 1px solid #9BADBF;
	width			: 80px;	
	margin-right	: 3px;
}
* html .form .inputDateMonthSelect {	/* for IE */
	width			: 94px;
	margin-right	: 2px;	
}
.form .inputDateYearSelect {
	background-color: #F5F7F8;
	color			: #717274;
	border			: 1px solid #9BADBF;
	width			: 55px;	
}
.form .inputDateTimeSelect {
	background-color: #F5F7F8;
	color			: #717274;
	border			: 1px solid #9BADBF;
	width			: 40px;	
	margin-right	: 3px;
}
* html .form .inputDateTimeSelect {	/* for IE */
	margin-right	: 2px;
}
.form .inputSelect option.headline {
	background-color: #D4DCE3;
	color			: #000000;
}
.form .grid td {
	border-top		: 1px solid #9BADBF;
	border-bottom	: 1px solid #9BADBF;
}

.form .gridSweepstake td {
	border-top		: 1px solid #9BADBF;
	border-bottom	: 1px solid #9BADBF;
	padding-top		: 6px;
	padding-bottom	: 6px;	
}

.form .gridSection td {
	border-top		: 1px solid #9BADBF;
	border-bottom	: 1px solid #9BADBF;
	padding-top		: 2px;
	padding-bottom	: 2px;
}
.form .gridSectionSweepstake td {
	border-top		: 1px solid #9BADBF;
	border-bottom	: 1px solid #9BADBF;
	padding-top		: 5px;
	padding-bottom	: 5px;
}
.form tr.sectionBegin td, .form td.sectionBegin {
	border-top		: 2px solid #00649B;
	font-weight		: bold;
	color			: #000000;
}
.form tr.sectionBeginSweepstake td, .form td.sectionBeginSweepstake {
	border-top		: 2px solid #00649B;
	font-weight		: bold;
	color			: #000000;
	padding-top		: 6px;
	padding-bottom	: 6px;
}
.form tr.subSectionBegin td, .form td.subSectionBegin {
	border-top		: 1px solid #9BADBF;
	font-weight		: bold;
}
.form tr.sectionEnd td, .form td.sectionEnd {
	border-bottom	: 2px solid #00649B;
}
.form tr.gridSectionBegin td, .form td.gridSectionBegin {
	border-top		: 1px solid #9BADBF;
	padding-top		: 2px;
}
.form tr.gridSectionEnd td, .form td.gridSectionEnd {
	border-bottom	: 2px solid #00649B;
	padding-bottom	: 2px;
}

.loginContainer .errorField {
	color			: #C40202 !important;
	font-weight		: bold !important;
}

.loginContainer td.errorArea {
	padding			: 0 !important;
}

.loginContainer div.errorArea {
	color			: #C40202;
	padding-left	: 0px !important;
}

.loginContainer .errorArea ul.bar {
	list-style-type	: none;
	margin			: 0;
	padding			: 0;
}
.loginContainer .errorArea ul.bar li {
	background-image	: url(../media/bullet_red.gif); 
	background-repeat 	: no-repeat;
	background-position : 0px 2px;
	font-weight			: normal;
	margin				: 0;	
	margin-bottom		: 2px;	
	padding				: 0;
	padding-left		: 16px;
}