/* Copyright 2012-2013 Metropolitan Life Insurance, All Rights Reserved */

/******************************************************************
 * CSS module for defining styling for the dijit/form/TextBox and
 * TextBox derivatives (including ComboBox derivatives).
 * Assumes it's extending the Claro theme. 
*******************************************************************/
 
/* attempt to avoid/reduce FOUC - FIXME...checkboxes and radios */
INPUT[data-dojo-type]
{
	height: 34px;
	margin: 2px; border: none; padding: 0px;
	visibility: hidden;
}
 
 .metlife.phoenix .dijitTextBox {
	border: none;
	background-image: url('../img/sprite-textbox.png');
	background-color: transparent;
	margin: 2px;
	margin-right: 14px;
	margin-left: 0px;
	height:34px;
}
 .metlife.phoenix.beneRegBody .dijitTextBox {
 background-image: url('../img/sprite-textbox-b.png');
 }
.metlife.phoenix .dijitTextBox .dijitInputContainer,
.metlife.phoenix .dijitTextBoxFocused .dijitInputContainer
 {
	background-image: url('../img/sprite-textbox-c.png');
	background-position: right 0px;
	background-repeat: no-repeat;
	background-color: transparent;
	margin-right: -14px;
	/*padding: 9px 10px;*/
	padding: 8px 10px 10px;
	height: 16px;
}
.metlife.phoenix.beneRegBody .dijitTextBox .dijitInputContainer,
.metlife.phoenix.beneRegBody .dijitTextBoxFocused .dijitInputContainer
 {
 background-image: url('../img/sprite-textbox-c-b.png');
 }
/*the below 3 lines been added to fix the issue of the input type text field focus issue 
where input cursor will not display if user clicks on outside border of text field.*/
.metlife.phoenix .dijitTextBox INPUT {
	color: #000000;
	font-size: 13px;
	height: 16px;
	margin: -5px 0 0 -9px !important;
    padding: 6px 9px !important;
    width: 100% !important;

}

.metlife.phoenix .dijitTextBox .dijitPlaceHolder {
	color: #676767;
	font-style: normal;
	top: 9px;
	left: 10px;
	line-height: 13px;
}

.metlife.phoenix .dijitTextBoxError .dijitValidationContainer {
	display: none;
}
.metlife.phoenix .dijitTextBox.dijitTextBoxError {
	background-position: left -36px;
}
.metlife.phoenix .dijitTextBox.dijitTextBoxError .dijitInputContainer {
	background-position: right -36px;
}
/********************************************************
				ComboBox Derivatives
*********************************************************/

.metlife.phoenix .dijitComboBox
{
	position: relative; /* AHHH!!! I hope this doesn't bust anything */
}
.metlife.phoenix .dijitSelect .dijitArrowButtonInner,
.metlife.phoenix .dijitSelectHover .dijitArrowButtonInner, 
.metlife.phoenix .dijitComboBox .dijitArrowButtonInner {
	background-image: url('../img/dropdown.png') !important;
	background-position: 50% 53% !important;
}
.metlife.phoenix .dijitComboBox .dijitArrowButtonContainer {
	right: -11px;
	height: 24px;
	position: absolute;
	padding-top: 5px;
	top: 2px;
	z-index: 1;
}
.metlife.phoenix .dijitComboBox .dijitArrowButtonContainer .dijitArrowButtonInner {
	border: none;
}

body.metlife.phoenix .dijitTextBox.challengeAnswer.dijitTextBoxDisabled {
	background: url("../img/textbox_disabled.png") 0 0 no-repeat !important;
	pointer-events: none;
}
body.metlife.phoenix .dijitTextBox.challengeAnswer.dijitTextBoxDisabled .dijitInputContainer{
	background: url('../img/textbox_disabled-c.png')  right 0 no-repeat !important;
}
.metlife.phoenix .dijitTextBox.challengeAnswer.dijitTextBoxDisabled .dijitPlaceHolder {
	color:#aaa;
}

/********************************************************
				DropDown Box Derivatives
*********************************************************/
body.metlife.phoenix .dijitSelect .dijitInputField {
	padding:0px;
} 
body.metlife.phoenix .dijitDownArrowButton {
    background: transparent url("../img/sprite-selectbox.png") 0 0 no-repeat;
    border: medium none;
    display: inline-block;
	height: 22px;
    padding:0px;
}
body.metlife.phoenix .dijitDownArrowButton .dijitButtonContents {
	border: none !important;
}
body.metlife.phoenix .dijitDownArrowButton .dijitButtonContents .dijitSelectLabel {
	margin: 4px 11px 3px 12px;
	font-size: 11px;
	text-align: left;
	overflow: hidden;
	vertical-align: inherit;	
}
body.metlife.phoenix .dijitDownArrowButton .dijitArrowButtonInner {
    background: #FFFFFF url("../img/sprite-selectbox-c.png") 0 0 no-repeat !important;
    border: none !important;
    height: 22px !important;
	margin: 0 !important;
    padding: 0 !important;
    width: 25px !important;
}
body.metlife.phoenix .dropDownButtonError{
	background:url("../img/sprite-selectbox.png") no-repeat scroll 0 -22px transparent !important;
	}
body.metlife.phoenix .dijitDownArrowButton .dropDownButtonInnerError{
	background: #FFFFFF url("../img/sprite-selectbox-c.png") 0 -22px no-repeat !important;
}
body.metlife.phoenix .dijitDownArrowButtonHover {
	background: transparent url("../img/sprite-selectbox.png") 0 0 no-repeat;
    border: none !important;
	height: 22px;
    padding:0px;
}
body.metlife.phoenix .dijitDownArrowButtonHover .dijitButtonContents {
	border: none !important;
}
body.metlife.phoenix .dijitDownArrowButtonHover .dijitArrowButtonInner {
	background: #FFFFFF url("../img/sprite-selectbox-c.png") 0 0 no-repeat !important;
    border: none !important;
}
body.metlife.phoenix .dijitDownArrowButtonActive {
	background: transparent url("../img/sprite-selectbox.png") 0 0 no-repeat;
   border: none !important;
}
body.metlife.phoenix .dijitDownArrowButtonActive .dijitButtonContents {
	border: none !important;
}
body.metlife.phoenix .dijitDownArrowButtonActive .dijitArrowButtonInner {
	background: #FFFFFF url("../img/sprite-selectbox-c.png") 0 0 no-repeat !important;
    border: none !important;
}

body.metlife.phoenix .dijitMenuPopup {
	margin: 0px 0px 0px 2px;
	background:#fff;
	box-shadow: 0px 2px 6px 0px rgba(128, 128, 128, 1);
	behavior: url(/edge/ui/public/res/polyfill/PIE.htc);
	border:none;
	z-index: 901 !important;
}
body.metlife.phoenix .dijitSelectMenu {
	/*width:182px !important;*/
	border:none !important;
	background: none !important;
}
body.metlife.phoenix .dijitSelectMenu  .dijitMenuTable {
	border-collapse:separate;
	empty-cells: show;
}
body.metlife.phoenix .dijitSelectMenu .dijitMenuItem .dijitMenuItemLabel{
	position:static;
}
body.metlife.phoenix .dijitSelectMenu .dijitMenuItem td{
	padding:4px 12px;
	font-size: 11px;/* 13px */
	color:#595959;
	white-space: normal;
	background: #fff;
	border: solid 1px #d5d5d5;
	border-width: 0px 0px 1px 0px;
}
body.metlife.phoenix .dijitSelectMenu .dijitMenuItemHover td, 
body.metlife.phoenix .dijitSelectMenu .dijitMenuItemSelected td {
	background: #0061a0;
	color:#fff;
}
/******** DropDown Box Derivatives Error State*******/
body.metlife.phoenix .dijitDownArrowButton.dijitSelect.dijitTextBoxError {
	background-position:0 -22px !important;
}

body.metlife.phoenix .dijitDownArrowButton.dijitSelect.dijitTextBoxError .dijitArrowButtonInner {
	background-position:0 -22px !important;
}


/***********Auto Registration*****************/

.popupWidgetAuto .dijitDownArrowButton .dijitButtonContents .dijitSelectLabel {
	margin: 4px 11px 3px 6px !important;
	font-size: 11px;
	text-align: left;
	overflow: hidden;
	vertical-align: inherit;	
}

/*** Security Question star place holder ***/
.starPlaceHolder {
    background: #FFF;
    display: inline-block;
    height: 20px;
    left: 0;
    position: relative;
    top: -16px;
    width: 100%;
	overflow: hidden;
}
.metlife.phoenix .dijitTextBox INPUT[name="answer"] {
    margin: 0 !important;
    padding: 0 !important;
}

/*  Added to bene start */
body.metlife.phoenix .dijitDownArrowButton.regQusBox.beneRegQusBox .dijitButtonContents .dijitSelectLabel{
	  width: 242px;
}
/*  Added to bene End */
/*---SOH elements hover Styles----*/
.metlife.phoenix .SOHMainContainer a:focus,
.metlife.phoenix .SOHMainContainer input[type=checkbox]:focus,
.metlife.phoenix .SOHMainContainer .dijitButton:focus, 
.metlife.phoenix .SOHMainContainer input[type=radio]:focus, 
.metlife.phoenix .SOHMainContainer input[type=file]:focus, 
.metlife.phoenix .SOHMainContainer button:focus, input[type=dropdown],
.profileLink:hover,
.profileLink:focus, 
.logoutLink:hover,
.logoutLink:focus,
.profileLink a:hover,
.profileLink a:focus,
.logoutLink a:hover,
.logoutLink a:focus,
body.metlife.phoenix .dijitDownArrowButton:hover,
body.metlife.phoenix .dijitDownArrowButton:focus,
.dijitInputInner:hover,
.dijitInputInner:focus,
.overlayBtnStyles a:focus,
.overlayBtnStyles a:hover,
.metlife.phoenix .MyProfile .dijitCheckBox:focus,
.metlife.phoenix .MyProfile .dijitCheckBox:hover,
dropDownCountry:focus,
dropDownCountry:hover {

    outline: none !important;
    border:#2377c5!important;
    box-shadow: 0 0 10px #2377c5;

}
body.metlife.phoenix .sohDatePicker .dijitDownArrowButton{
background:none;box-shadow:none;right: -44px; top:-4px
}
body.metlife.phoenix .sohDatePicker .dijitDownArrowButtonHover .dijitArrowButtonInner, body.metlife.phoenix .sohDatePicker .dijitDownArrowButton .dijitArrowButtonInner{
    background:url(../img/cbfQuote/calendar.png) 3px 2px no-repeat !important;
    border: none !important;
    outline:none !important;
    width:30px !important;
    height:30px !important;
}
body.metlife.phoenix .dijitCalendarPopup .dijitDownArrowButton .dijitArrowButtonInner {
      width: 20px !important;
	    height: 15px !important;
	    margin: 0 auto !important;
	    background: url(../img/buttonArrows.png) -48px 1px !important;
}
body.metlife.phoenix .dijitCalendarPopup .dijitDownArrowButton{    
background: none;
    border: 0;
    box-shadow: none;
  }
  .claro .dijitCalendarPopup table.dijitComboButton{
    padding: 0 5px 0 2px;
    border: solid 1px #b5bcc7;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    background-color: transparent;
    background-image: none;
    border-radius: 4px;
  }
  
  .claro .dijitCalendarPopup .dijitCalendar .dijitDropDownButton:hover .dijitButtonNode{
  	background:none;
  }