#MaintenanceContent { /* TODO :Need to remove, Since no styles received yet... */
 display: none
}
/* Globals... */
/*
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    vertical-align:baseline;
}

body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
ol, ul {
    list-style:none;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
*/
html, body {
 height: 100%; line-height: 1; margin: 0px; padding: 0px; width: 100%;
}
ul,.metCommon .customCheckBox input[type="checkbox"] {
 margin: 0; padding: 0;
}

.clear {
 clear: both
}

.col-centered {
 float: none; margin: 0 auto;
}

.defaultSelect .select-wrapper, .defaultSelect .select-wrapper select {
 width: 270px
}

/* PassworkFlyOuts */
.metCommon .tick {
 list-style-image : url('../img/icon-list-valid.png')
}

.metCommon .cross {
 list-style-image : url('../img/icon-list-violation.png'); color: #db3535;
}
.metCommon .passwordFlyoutContent .tick {
 background : url('../img/tick_mark.png') no-repeat 0px 4px;
 list-style:none;
 padding-left:20px;
 margin:0 !important;
}

.metCommon .passwordFlyoutContent .cross {
 background : url('../img/error-close.png') no-repeat 0px 4px; color: #db3535;
 list-style:none;
 padding-left:20px;
 margin:0 !important;
}

.metCommon .passwordRequirementHeading {
 font-weight: 600; padding: 0 0 8px 0; margin: 0px; font-size: 12px;
}


.metCommon  .form-group  ul { /* Each Feild Container */
 padding-left: 20px; font-size: 11px;
}
.metCommon .form-group.passwordFlyoutContent  ul { /* Each Feild Container */
 padding-left: 0px; font-size: 11px;
}

.learnMore .leftContentPart ul { /* Learn more Overlay  */
 padding-left: 20px !important
}





/*button*/

.metCommon button.primary, button { /* Button Component Primary */
 background: none; border: none; background-color: #8DAA0A; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #A0C323), color-stop(1, #8DAA0A) ); background-image: -o-linear-gradient(bottom, #A0C323 0%, #8DAA0A 100%); background-image: -moz-linear-gradient(bottom, #A0C323 0%, #8DAA0A 100%); background-image: -webkit-linear-gradient(bottom, #A0C323 0%, #8DAA0A 100%); background-image: -ms-linear-gradient(bottom, #A0C323 0%, #8DAA0A 100%); background-image: linear-gradient(to bottom, #637916 0%, #637916 100%); text-decoration: none; color: #ffffff; padding: 9px 20px; border-radius: 4px; height: 40px; cursor: pointer; text-transform: uppercase;
}

.metCommon button.primary:hover, button:hover {
 background-image: none; background-color: #a0c323;
}
.metCommon .secondary:hover {
 color: #a0c323
}

/*--------*/

/* Text Box auto complete style start*/

.metCommon .validationViaEmailAutoCompleteWidget {
 background-image: none; background-color: #ffffff; z-index: 1056 !important; border-radius: 2px; border-color: #2377c5;max-height:220px;overflow-x:hidden;overflow-y:auto
}

.metCommon .validationViaEmailAutoCompleteWidget li.ui-menu-item {
 font-size: 13px; color: #2377c5; padding: 10px;
}

.metCommon .validationViaEmailAutoCompleteWidget li.ui-menu-item.ui-state-focus {
 background: #f7f7f7; border-color: #2377c5;
}

.metCommon .regRLC .companySearchAutoComplete .inputStyle {
 font-size: 13px; padding: 0 9px;
}

/*--------*/

/* Dialog */

.metCommon  .modal-content {
 background: #E3E3E3;border:none;
}

.metCommon  .close {
 opacity: 1
}

.metCommon  .modal-header .close {
 margin-top: -10px; margin-right: -5px;
}

.metCommon .modal-header {
 border-bottom: none
}

.metCommon .modal-body {
 padding-top: 0
}



.metCommon  .dialogClose {
 cursor: pointer; margin-right: -11px; margin-top: 4px;position:absolute;right:0;z-index:999
}
.metCommon .dialogClose:focus {
outline:2px solid #007cc2;
}
/*--------*/

/* Custom Radio button style start*/

.metCommon .customRadio, .metCommon .customCheckBox, .metCommon .successMsg .tickIcon, .metCommon .successMsgUsername .tickIcon {
 width: 21px; height: 20px; display: inline-block; position: relative; z-index: 1; top: 3px; padding-right: 7px;
}

.metCommon .successMsg .tickIcon, .metCommon .successMsgUsername .tickIcon {
 background-position: -266px 227px; width: 22px;
}

.metCommon .successMsg .regFieldSuccess, .metCommon .successMsgUsername .regFieldSuccess {
 color: #7A9816;
 padding: 13px 0;
}

.metCommon .customRadio input[type='radio'], .metCommon .customCheckBox input[type='checkbox'] {
 margin: 1px; position: absolute; z-index: 2; cursor: pointer;opacity: 0; /* CSS hacks for older browsers */ _noFocusLine: "expression(this.hideFocus=true)"; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0;
}

/*--------*/

/* Custom checkbox style start */


.metCommon .customCheckBox.selected {
 width: 25px; height: 24px; background: url('../img/responsive_registration_spritesheet.svg') no-repeat -165px -46px; background-image: url('../img/spritesheet1.png');
}

/*--------*/

/* Custom form validations messages start */

.metCommon .crossIcon {
 position: absolute; top: 16px; left: 20em; width: 10px;
}

.metCommon .form-control.inputError {
 border: 1px solid #db3535
}

.metCommon .successMsg, .metCommon .successMsgUsername {
 	position: absolute;
 	top: 0;
 	left: 280px;
 	z-index: 1;
 	min-width:220px;
}

.arrow_box span, .successMsg span,  .successMsgUsername span {
 font-size: 13px; display: inline-block !important; padding: 10px;
}

.arrow_box {
	position: absolute;
	background: #F5D0D0;
	border: 1px solid #db3535;
	min-width: 162px;	
	left: 315px;
	top: 2px;
	z-index: 1;
}

.arrow_box:after, .arrow_box:before {
 right: 100%; top: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;
}
.securityQues .arrow_box.selectWrapper:after, .securityQues .arrow_box.selectWrapper:before {
	top: 23px !important;
}
.metCommon .arrow_box.selectWrapper{
	top:10px
}
.metCommon .securityQues .arrow_box.selectWrapper{
	top:2px
}
.arrow_box:after {
 border-color: rgba(245, 208, 208, 0); border-right-color: #F5D0D0; border-width: 8px; margin-top: -11px;
}

.arrow_box:before {
 border-color: rgba(219, 15, 49, 0); border-right-color: #db0f31; border-width: 9px; margin-top: -12px;
}

/*--------*/

/* Custom select box style start */

.metCommon .select-wrapper {
 display: inline-block; border: 1px solid #d8d8d8; cursor: pointer; background-origin:content-box;  padding-right: 5px; margin-top: 8px;
}
.metCommon .select-wrapper.inputError {
	border: 1px solid #db3535;
}
.focusSelect{
	border-color:#66afe9 !important;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.defaultFocus{
	outline :thin dotted;
}
.select-wrapper, .select-wrapper select {
 width: 200px; height: 26px; line-height: 26px;
}
.defaultSelect .select-wrapper .regFieldError{line-height:1}
.metCommon .select-wrapper .holder {
 display: block; margin: 0 35px 0 5px; padding: 5px 0 0 5px; white-space: nowrap; overflow: hidden; cursor: pointer; position: relative;
}

.metCommon .select-wrapper select {
 margin: 0; position: absolute; z-index: 2; cursor: pointer; outline: none; opacity: 0; _noFocusLine: "expression(this.hideFocus=true)"; /* CSS hacks for older browsers */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); /* TODO: : Filter Needs Remove, Since Background asset yet to receive.. */ -khtml-opacity: 0; -moz-opacity: 0;
}

/*--------*/

/* Custom select box style for RLC self selection start */


.metCommon .companySearchAutoCompleteResults .select-wrapper {
 padding: 0 10px 3px 5px
}

.metCommon .companySearchAutoCompleteResults .select-wrapper, .companySearchAutoCompleteResults .select-wrapper select {
 width: 50%; background-color: #fff; color: #4a4a4a; margin: 15px 0; border: 1px solid #fff; border-radius: 4px; height: 34px;
}

.metCommon .companySearchAutoCompleteResults .select-wrapper .holder {
 padding-left: 10px
}

.metCommon .companySearchAutoCompleteResults .select-wrapper select {
 padding: 8px 5px 5px 0; width: 48%; margin: 0 0 0 -5px;
}

.metCommon .companySearchAutoCompleteResults option {
 font-size: 13px; color: #4a4a4a;
}

/*--------*/

/* Custom datepicker style start */

.metCommon .form-control.customDatePickerInput {
 display: inline-block; width: 90%;
}
.metCommon .ui-datepicker{
 background:#FFF
}
.metCommon .customDatePicker.ui-datepicker {
 border: none; padding: 0; width: 260px; z-index: 999 !important;
}

.metCommon .customDatePicker .ui-widget-header {
 border: none; border-bottom: 1px solid #ededed; background: #fff;
}

.metCommon .customDatePicker.ui-datepicker .ui-datepicker-header {
 border: 1px solid #b1b1b1; border-radius: 0; border-bottom: 0;padding:3px 0 4px 0;height:30px;
 border-top-left-radius: 3px;
 border-top-right-radius: 3px;
}

.metCommon .customDatePicker.ui-datepicker .ui-datepicker-header a {
 color: #000
}

.metCommon .customDatePicker.ui-datepicker .ui-datepicker-header .ui-icon {
 width: 35px;
}
.metCommon .customDatePicker.ui-datepicker .ui-datepicker-header .ui-datepicker-prev{
	background: url('../img/icon-expand-left.png') no-repeat;
	margin-top:7px;
	margin-left:10px;
}
.metCommon .customDatePicker.ui-datepicker .ui-datepicker-header .ui-datepicker-next{
	background: url('../img/icon-expand.png') no-repeat;
	margin-top:7px;
	margin-left:10px;
	right: 0;
}
.metCommon .customDatePicker.ui-datepicker .ui-state-default, .customDatePicker.ui-datepicker .ui-widget-content .ui-state-default, .customDatePicker.ui-datepicker .ui-widget-header .ui-state-default {
 border: none; background: none; text-align: center;
}

.metCommon .customDatePicker.ui-datepicker .ui-widget-header .ui-datepicker-prev.ui-state-hover {
	border: none;
	background: url('../img/icon-expand-left.png') no-repeat;
	margin-top:7px;
	margin-left:10px;
}
.metCommon .customDatePicker.ui-datepicker .ui-widget-header .ui-datepicker-next.ui-state-hover {
	border: none;
	background: url('../img/icon-expand.png') no-repeat;
	margin-top:7px;
	margin-left:10px;
	right:0;
}
.metCommon .customDatePicker.ui-datepicker .ui-datepicker-prev-hover {
 top: 2px; left: 2px;
}

.metCommon .customDatePicker.ui-datepicker .ui-datepicker-next-hover {
 top: 2px; right: 5px;
}

.metCommon .customDatePicker.ui-datepicker table {
 border-bottom: 1px solid #b1b1b1; width: 100%; background-color: #fff; border-top: 1px solid #b1b1b1;margin-bottom:0;
}

.metCommon .customDatePicker.ui-datepicker table tbody {
 border-top: 1px solid #b1b1b1;
}

.metCommon .customDatePicker.ui-datepicker td, .customDatePicker.ui-datepicker th {
 border-left: 1px solid #b1b1b1; border-right: 1px solid #b1b1b1; text-align: center; font-size:13px;width:25px;
}
.metCommon .customDatePicker.ui-datepicker th {
	padding:3px 0 4px 0;
	line-height: 20px;
}
.metCommon .customDatePicker.ui-datepicker td {padding:0;line-height:20px;}
.metCommon .customDatePicker.ui-datepicker td a {
 color: #337ab7;
 padding:3px 0 4px 0;
 font-family: "openSansBold";
}
.metCommon .customDatePicker.ui-datepicker td a.ui-state-hover{
	background-color:#337ab7;
	color:white;
}

.metCommon img.ui-datepicker-trigger {
 position: relative; left: -30px; top: 15px; width: 23px; height: 25px; vertical-align: middle;
}

.metCommon .customDatePicker .ui-datepicker-prev {
 display: inline-block; float: left; padding: 7px 4px;
}

.metCommon .customDatePicker .ui-datepicker-next {
 float: right; padding: 7px 4px; right: 5px;
}

.metCommon .customDatePicker .ui-datepicker-title {
 text-align: center; margin-top: -1px; margin-bottom: 1px; height: 22px;font-size:15px;
}

.metCommon  .metCommon .customDatePicker.ui-datepicker td a {
 color: #337ab7;
}

.metCommon  .ui-datepicker .ui-datepicker-title {
 color: #000; line-height: normal;
}

.metCommon  .ui-datepicker .ui-datepicker-next span {
 margin-left: -22px
}

.metCommon  .ui-datepicker-prev-hover {
 line-height: normal; margin-top: -3px;
}

.metCommon .ui-datepicker-title span:first-child {
 margin-left: -19px; line-height: 22px;
}

/*--------*/

/* Inputbox inputstyle start */

.metCommon .regRLC .inputStyle {
 padding: 13px 9px; font-size: 11px; font-weight: normal;
}

.metCommon .fieldError {
 	position: absolute;
 	top: 10px;
 	left: 280px;
}

.metCommon .termsOfUse .fieldError {
 left: 14.5em; top: 22px;
}

.metCommon .termsOfUse .arrow_box {
 left: 230px; width: 245px; top: 9px;
}

/*--------*/

/* Validation styles */

@media screen and(max-width:480px) { 


    .metCommon .pwdFlyoutCont {
     position: relative
    }
}

@media screen and (max-width:768px) { 
    .metCommon  .modal-dialog, .modal-content.regRLC {
     width: 100%; height: 100%; margin: 0; background: #fff; padding: 0;
    }

    .metCommon  .modal.overlayReg {
     padding: 0 !important
    }

    }

@media screen and (max-width:768px) {
.securityQues .arrow_box.selectWrapper {
     	position: inherit;
     	background: #F5D0D0;
     	border: 1px solid #db0f31;
     	min-width: 162px;
     	margin-top: 15px;
     	left: 0;
     	border-radius: 3px;
    }
    .securityQues .arrow_box.selectWrapper {
		left: 0px !important;
	}
    .securityQues .arrow_box.selectWrapper:after {
     	border-color: rgba(245, 208, 208, 0);
     	border-bottom-color: #F5D0D0 !important;
     	border-width: 9px;
     	margin-top: -7px;
    }
    .securityQues .arrow_box.selectWrapper:before {
     	border-color: rgba(219, 15, 49, 0);
     	border-bottom-color: #db0f31 !important;
     	border-width: 9px;
     	margin-top: -9px;
    }
    .securityQues .arrow_box.selectWrapper:after, .securityQues .arrow_box.selectWrapper:before {
		top: -12px;
		border: 10px solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		right: 50%;
    }
	.securityQues .arrow_box.selectWrapper:after, .securityQues .arrow_box.selectWrapper:before {
    	top: -12px !important;
    }
	.securityQues .select-wrapper .arrow_box:before,.securityQues .select-wrapper .arrow_box:after{
		top:54px
	}
	.securityQues .select-wrapper .arrow_box{
		margin-top:25px;
	}
}
@media screen and (max-width:600px) { 
    .arrow_box {
     	position: inherit;
     	background: #F5D0D0;
     	border: 1px solid #db0f31;
     	min-width: 162px;
     	margin-top: 15px;
     	left: 0;
     	border-radius: 3px;
    }
    .arrow_box.selectWrapper {
		left: 0px !important;
	}

    .arrow_box:after {
     	border-color: rgba(245, 208, 208, 0);
     	border-bottom-color: #F5D0D0 !important;
     	border-width: 9px;
     	margin-top: -7px;
    }

    .arrow_box:before {
     	border-color: rgba(219, 15, 49, 0);
     	border-bottom-color: #db0f31 !important;
     	border-width: 9px;
     	margin-top: -9px;
    }

    .arrow_box:after, .arrow_box:before {
		top: -12px;
		border: 10px solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		right: 50%;
    }
    .metCommon .fieldError.selectWrapperIcon {
    	left: auto !important;right:0
    }
    .arrow_box.selectWrapper:after, .arrow_box.selectWrapper:before {
    	top: -12px !important;
    }
    .defaultSelect .select-wrapper, .defaultSelect .select-wrapper select {
 		width: 93% !important; padding-right: 0 !important;
	}
	.select-wrapper .arrow_box:before,.select-wrapper .arrow_box:after{
		top:54px
	}
	.select-wrapper .arrow_box{
		margin-top:25px;
	}
	.sprController .defaultSelect .sprArrDropdown:after {
 		left:auto;right:9%
	}
	.sprController .sprCalendar {
 	left:auto;right:9%
}
    .metCommon .successMsg, .metCommon .successMsgUsername {
    border-radius: 3px;
	    left: 0 !important;
	    min-width: 100% ;
	    position: relative;
	    top: 0;
	    width: 100%;
    }
    .capchaContentBlock .arrow_box:before {
    top: -12px;
    left: 105px;
    }
    .capchaContentBlock .arrow_box:after {
    top: -12px;
    left: 105px;
    }
    .metCommon .fieldError {
    	left: auto;right:0
    }
    body.siteReg.metCommon {
    	overflow-x:hidden;
    }
}
@media screen and (min-width:769px) { 
    .metCommon  .regRLC .optionContent {
     display: block!important
    }
}

@media screen and (max-width:320px) { 

    .metCommon .successMsg .tickIcon, .metCommon .successMsgUsername .tickIcon {
     top: -28px; right: -258px;
    }
}
.visuallyhidden{
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
/* -------- */