/*----------------------------------------------------------------------------------alerts--------------------------------------------------------------------------------------------------*/
div.alertsMessageBox{ width: 822px; position: relative; float: left; font-size: 12px; margin: 0; margin-left: 2px; margin-top: 2px; padding-left: 4px; background-color: #F7F7F7;}
div.formDiv { float: left; top: 20px; width: 840px; padding: 0; margin-left:70px; margin-top: 15px; left:0; }
div#formData { position: relative; float: left; padding: 5px; text-align: left; left:0; margin-top: -1px; border: solid 1px #D1D1D1; width: 827px;}
div.formBody { position: relative; float: left; padding: 0;}
div #form-requiredFields { position: relative; float: left; font-size: 12px; color: #C61704; text-align: right; width: 827px; padding-bottom: 4px; margin-bottom:5px;}
td#form-requiredFields{ color: #C61704;}
div.loginForm-requiredFields { float:right; width:220px; text-align:left}
div#editUpdateFilter, span.noAlerts { position: relative; float: left; padding: 5px; margin-top: 7px; margin-bottom: 4px; height: auto; color: #4D4D4D;
 background-image: url( /resources/common/webv2/images/silverBack.jpg ); background-repeat: repeat-x; width: 820px; }
span.noAlerts { padding-top: 8px; height: 30px; width: 800px; padding-bottom: 0;}
.form-standAlone { position: relative; float: left; font-size: 12px;}
div.formFillData { position: relative; float: left; z-index:10/*used when myAlerts will display Ext.DatePicker*/}
div.form-groupsRepeat { position: relative; float: left; margin-bottom: 15px; background-color: #F7F7F7; width: 830px; z-index:10/*used when myAlerts will display Ext.DatePicker*/}
div.form-groupHead { position: relative; float: left; color: #4D4D4D; background-color: #EFEFEF; height:16px; width: 822px; font-size: 12px; font-weight: bold; padding: 4px; z-index:10/*used when myAlerts will display Ext.DatePicker*/}
.form-groupHeadInner { position: relative; float: left; padding-top:2px; color: #4D4D4D; text-align: left;}
.form-groupOptions { position: relative; float: right; color: #4D4D4D; text-align: right;}
span.form-alertWarning{ position:relative; float:left; font-size:11px; padding-top:2px;}
span.form-alertWarning,span.required{color:#C61704}
div.form-groupBody { position: relative; float: left; width: 822px; background-color: #F7F7F7; margin-bottom: 20px; padding-bottom: 5px; padding-left: 8px;}
.form-groupBodyTable, .form-field-alert, .form-field-alert select { position: relative; float: left; }
table.form-groupBodyTable { width: 750px;}
table.form-groupBodyTable tr { width: 260px; padding: 5px; height: 20px;}
table.form-groupBodyTable td.form-label { width: 147px; padding-top: 16px; padding-bottom: 5px;}

div.form-field-alert { position: relative; float: left; padding: 10px; font-size: 12px;}
table.form-field-alert { position: relative; float: left; font-size: 12px;}
div.formBottom { position: relative; float: left; left:0; top:0; width: 814px;}
div.form-repeaterGlobalActions { position: relative; float: left; top: 0; width: 200px;}
div.form-submitButtons { position: relative; float: right; width: 300px; top: 0;}
td.form-centeredLabel { font-size: 10px; text-align: center; width: auto;}
td.form-centeredValue { font-size: 10px; text-align: center; width: auto; padding-top: 0;}
td.form-centeredTimeLabel,td.form-centeredTimeValue { font-size: 10px; text-align: left; padding-left:5px;}
.form-alertText{font-size: 10px;}
td.form-field-alert-mode, td.form-field-alert-train, td.form-field-alert-destination {padding-top: 10px;}
td.form-field-alert-mode, td.form-field-alert-train, td.form-field-alert-destination, td.form-field-alert { width:280px;min-height: 20px; padding-left: 0;}
td.form-field-alertLeft{width:310px}
/*to make form:input fields of appropriate size in Alerts page*/
.form-textFieldAlerts { width: 27px; padding-left: 2px;}
/*to make all errors fit in the table cell in in Alerts page*/
.alert-form-field-error { position: relative; width: inherit; color: #C61704; z-index:10;/*used when Ext.DatePicker is displayed*/}
.details-form-field-error { color: #C61704; padding-top: 12px; padding-left: 4px; padding-right: 0;}
.details-form-field-hint { padding-top: 12px; padding-left: 4px;}
.form-alertError { width: 27px;}
.form-field-error,.form-field-error-train { color: #C61704;}
table.daysTable td { padding: 0; margin-top:-4px; margin-left:-10px;}
span.form-hint{ width:52px;}
select.singleAlertStart{ margin-top:-3px; width:100px; font-size:12px; font-family:arial;}
.commuterAlertTimeError{ margin-left:-4px}
.loginInputFields{
	color:#4D4D4D; background-image: url(/resources/common/webv2/images/silverBack.jpg);font-weight:bold;
}

/*-----------------------------------------------------------------------------------------myDetails----------------------------------------------------------------------------------------*/
div.form-termsAndConditions { position: relative; float: left; left:0; padding-top: 10px;}
table.form-groupBodyTable td.form-field { padding-top: 15px; width: 220px;}
table.form-groupBodyTable td.form-field input { width: 220px; border: thin solid #CECECE;}
table.form-groupBodyTable td.form-field select, radiobutton { border: thin solid #CECECE;}
table.form-groupBodyTable td.form-field radiobutton {border: thin solid #CECECE;}
td.form-field-select { padding-top: 15px; padding-left: 0; left: 0;}
div.personalDetails_TocDepandantData { float: left;}
table.form-groupBodyTable td.form-field-question input { border: thin solid #CECECE; padding-top: 2px;}
a.verifyButton { text-decoration: none;}
table.form-groupBodyTable_Questions { position: relative; float: left; left: 150px; width: 600px; font-size: 12px; margin-top: 8px; height: auto;}
table.form-groupBodyTable_Questions td { padding: 5px; line-height: 15px;}
table.form-groupBodyTableOthers { position: relative; float: left; left: 0; font-size: 12px; line-height: 15px;}
table.form-groupBodyTableOthers td.form-label-question { width: 149px; font-size: 12px; line-height: 18px;}
table.form-groupBodyTableOthers td.form-field-question { padding-left: 5px; padding-bottom: 8px;}

/*----------------------------------------------------------------------------------login page------------------------------------------------------------------------------------------*/
div.loginFormDiv{ position:relative; float:left;left:0;padding:0;margin:0; background-color: #F7F7F7;
	/*width:819px;*/
	/*padding-top:9px; */
	/*padding-left:4px*/
}
table.loginTable{ position:relative; float:left; font-size:12px; width:819px; background-color: #F7F7F7; }
table.loginTable td{ padding-left:2px; padding-bottom:4px;}
div.loginDataAndRegister{ position:relative; float:left; width:819px; background-color: #F7F7F7; padding-left:4px}

/*--------------------------------------------------------------------------------------verfication-----------------------------------------------------------------------------------------*/
table.form-VerficationTable { width: 822px; position: relative; float: left; font-size: 12px; margin: 0; margin-left: 2px; margin-top: 2px; background-color: #F7F7F7;}
table.form-VerficationTable td { line-height: 20px; padding: 5px;}
span.not-verified { color: #C70005;}
td.form-submitButtonField a, a.messageBoxButton { text-decoration: none;}


/*-----------------------------------------for pages with few lines information:emailVerfication,finished_registration,removed_details and logout page-------------------------------------*/
div.oneLineMessage { position: relative; float: left; margin-top: 7px; margin-bottom: 4px; padding-top: 8px; padding-left: 4px;
	                 color: #4D4D4D; background-image: url( /resources/common/webv2/images/silverBack.jpg ); background-repeat: repeat-x; width: 819px;}
div.centerBox { width: 822px; position: relative; float: left; font-size: 12px; margin: 0; margin-left: 2px; margin-top: 2px; background-color: #F7F7F7; padding-left: 4px;}
.disclaimerMessage{ position: relative; float: left; font-size:10px; text-align:justify; word-spacing:1px;}

td.form-label-alert { width:190px; padding-top: 16px; padding-bottom: 5px;}
div.loginSectionHeading{
	margin-left:-5px;width:828px;
}