/* To get rid of the 'x' button in text fields for IE 10 */
::-ms-clear {
      display: none;
  }
  
  /* To get rid of the reveal button in password fields for IE 10 */
::-ms-reveal {
      display: none;
  }

.omsAdsPanel { margin-top: 15px; margin-left: 100px; }
.omsDesktopLogin .errorLabel { width: 280px; }
.omsLoginInfoPanel { width: 100%; }

.oms .userPanel .gwt-Button,
.omsDesktop .userPanel .gwt-Button,
.omsDesktop .userPanel .gwt-Label
{
    border: none;
    padding-right: 5px;
    text-align: right;
    white-space: nowrap;
    width: 100%;
}

.omsDesktop .userPanel .gwt-Label
{
	padding-top: 3px;
	padding-left: 5px;
}

.oms .userPanel .gwt-Button,
.omsDesktop .userPanel .gwt-Button
{
	background: url("../img/oms_arrow.png") no-repeat right center;
}

.oms .omsWidgetsVerticalPanel { width: 525px; }
.omsDesktop .omsWidgetsVerticalPanel { width: 331px; }

.oms .inputCell-error,
.oms .fenHorizontalPanel .dateBoxFormatError,
.oms .message-warning,
.oms .message-error
{
	background: #db0c42;
	color: #ffffff;
}

.oms .userPanel .gwt-Button:hover,
.oms .userPanel .gwt-Button.over,
.omsDesktop .userPanel .gwt-Button:hover,
.omsDesktop .userPanel .gwt-Button.over
{ 
	color: #a91c8e;
	background: url("../img/oms_arrow_over.png") no-repeat right center;
}

.oms .directionLabel
{
	color: #a91c8e;
	height: 30px;
	line-height: 30px;
	width: 100%;
	padding: 0px;
}

.oms .directionLabelPanel
{
	width: 100%;
	text-align: right;
	padding-right: 4px;
}

.oms .gwt-Button,
.oms .directionLabel,
.oms .labelCell,
.oms .inputCell,
.oms .settingsLabel,
.oms .dialogText,
.oms .messagePanel .message,
.oms .fenHorizontalPanel .gwt-PushButton,
.oms .userSettingsBlock .gwt-ListBox,
.oms .userSettingsBlock .gwt-PushButton,
.oms .gwt-MenuBar-vertical .gwt-MenuItem,
.oms .inputCell-hedgeField,
.oms .pricingBlock  .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter,
.oms .pricingBlock  .gwt-DecoratedTabBar .tabMiddleCenter,
.oms .premiumToggle, .volatilityToggle,
.oms .loginInfoText,
.fenicsPopupPanel .dialogText,
.omsDesktop .gwt-Button,
.omsDesktop .gwt-Label,
.omsDesktop .dialogText,
.omsDesktop .messagePanel .message,
.omsDesktop .fenHorizontalPanel .gwt-PushButton,
.omsDesktop .loginInfoText,
.ecnLabel,
.ecnTitleLabel,
.indicativeTitleLabel,
.indicativeBankLabel,
.ecnScrollPanel,
.indicativeWidget,
.indicativeColumn,
.oms .pricingHeader .simpleInputCell,
.indicativePricePremiumLabel,
.fenicsPopupPanel .popupTitleLabel
{
  	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.oms .userSettingsBlock
{
	margin: 30px 0px;
}

.oms .userSettingsBlock .settingsLabel
{
	margin-bottom: 20px;
	text-align: left;
	width: 120px;
}

/* DEAL MANAGER WEB **********************************************************************************/

html>body.oms { background-color: #FFFFFF; }
.oms #appWrapper { background: none; background-color: #FFFFFF; min-width:930px}
.oms #pricer-top { background:#FFFFFF; border-bottom:thin solid #d4d6d9; }
.oms .userPanel, .omsDesktop .userPanel { color: #000000; margin-top: 0px; }
.oms .dealManagerLogoPanel { height: 61px; width: 336px; background:url("../img/headerLogos.png") no-repeat 0 -183px; }

/* PURPLE OUTPUTS BLOCK ******************************************************************************/

.oms .pricingBlock
{ 
	margin-top: 10px;
}

.oms .pricingBlock .gwt-TabPanelBottom
{
    border-color: #A54C9B;
    border-top-width: 3px;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

.oms .inputCell-priceField, .oms .inputCell-pctPriceField	{ font-weight: normal; }
.oms .inputCell-forePremiumField, .oms .inputCell-ctrPremField, .oms .inputCell-pctDeltaAmtField, .oms .inputCell-deltaAmtField { font-weight: normal; }

.oms .pricingBlock .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft
{
    background: url(../img/corners.png) no-repeat scroll 0px -90px transparent;
}

.oms .pricingBlock .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight
{
    background: url(../img/corners.png) no-repeat scroll -10px -90px transparent;
}

.oms .pricingBlock .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter
{
    background: url(../img/hborders.png) repeat-x scroll 0px -151px transparent;
}

.oms .pricingBlock .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft 
{
	background: url(../img/vleftborders.png) repeat-y scroll -50px 0px;
    padding: 0px;
    width: 10px;
}

.oms .pricingBlock .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight
{
	background: url(../img/vrightborders.png) repeat-y scroll -50px 0px;
    padding: 0px;
    width: 10px;
}

.oms .pricingBlock .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
	background: #a54c9b;
}

.ecnScrollPanel
{
	margin-top: 10px;
	background-color: #eeeff2;
	color: #454545;
}

.ecnScrollPanel, .indicativeScrollPanel { width: 505px; }
.omsDesktop .ecnScrollPanel, .omsDesktop .indicativeScrollPanel { width: 311px; }

.ecnRow
{
	background-color: #f6f5fa;
    border-style: solid none;
    border-width: 1px;
    border-color: #b8b8b9;
	margin-bottom: 2px;
	margin: 4px 0px;
}

.ecnLabel, .indicativeBankLabel, .showEllipsis
{
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  cursor: default;
}

.ecnLabel
{
	width: 381px;
	height: 27px;
	line-height: 27px;
	text-align: left;
	vertical-align:middle;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.ecnButton1, .ecnButton2
{ 
	border:none; 
	background:url("../img/oms_buttons.png") no-repeat -130px -2px;
	font-weight: bold;
	overflow:hidden; 
	text-align:center;
	vertical-align:middle;
	height:27px;
	line-height:27px;
	width:27px;
	padding:0px;
	margin: 0px 10px;
	white-space:nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #454545;
}

.ecnButton2
{ 
	background:url("../img/oms_buttons.png") no-repeat -155px -2px;
}

.ecnenabled:hover, .ecnenabled.over
{ 
	background:url("../img/oms_buttons.png") no-repeat -130px -32px;
	font-style:normal; 
	cursor:pointer;
	color: #a34799;
}

 .ecnButton2.ecnenabled:hover, .ecnButton2.ecnenabled.over
 {
 	background:url("../img/oms_buttons.png") no-repeat -155px -32px;
 }

.ecnButton1.ecndisabled, .ecnButton2.ecndisabled
{
	cursor:default;
}

.ecnButton1.ecndisabled
{
 	background:url("../img/oms_buttons.png") no-repeat -130px -62px;
 }

.ecnButton2.ecndisabled
{
 	background:url("../img/oms_buttons.png") no-repeat -155px -62px;
 }

.indicativeWidget
{
	background-color: #eeeff2;
	color: #454545;
}

.indicativeTitleLabel, .ecnTitleLabel
{
	text-align: center;
	line-height: 30px;
	color: #454545;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #d4d6d9;
}

.indicativeHeaderRow
{
	font-weight:bold;
	text-align: center;
}

.indicativeRow
{ 
	margin-bottom: 2px;
	height: 25px;
	line-height: 25px;
}

.indicativeRow, .indicativeThreeItemRow
{
	text-align:center;
	vertical-align: middle;
	background-color: #f6f5fa;
    border-style: solid none;
    border-width: 1px;
    border-color: #b8b8b9;
	margin-bottom: 2px;
	margin: 4px 0px;
}

.indicativeDiffText, .indicativePriceText, .indicativeDiffTextSmall, .indicativePriceTextSmall { white-space: nowrap; }

.indicativeBankLabel
{
	width: 76px;
	text-align: left;
	padding-left: 5px;
	margin-right: 10px;
	line-height: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.indicativeBankLabel.twoRowBankLabel,.ecnLabel.twoRowBankLabel
{
	line-height: 12px;
	font-size: 10px;
}

.indicativeColumn
{
	width: 197px;
	text-align: center;
	cursor:default;
	height: 25px;
	line-height: 25px;
}

.indicativeThreeItemColumn, .indicativeDiffText, .indicativePriceText, .indicativeDiffTextSmall, .indicativePriceTextSmall { text-align: center; display:inline-block; font-weight:normal; font-family: Verdana, Arial, Helvetica, sans-serif; height: 25px; line-height:25px; }
.indicativeThreeItemColumn, .indicativePriceText { width: 197px; }
.indicativeDiffText, .indicativeThreeItemColumn .indicativePriceText, .indicativeHeaderRow .indicativeThreeItemColumn { width: 65px; }
.indicativeHeaderRow .indicativeThreeItemColumn, .indicativeDiffText, .indicativeDiffTextSmall { font-weight:normal; }
.indicativeThreeItemColumn .indicativePriceText.noDiff { width: 97px; }

/* MINI FOR DESKTOP ******************************************************************************/
.omsDesktop .dealManagerLogoPanel { background:url("../img/loginHeader-Small.png") no-repeat 0px 0px; width: 280px; height: 31px; }

.omsDesktop .ecnLabel { width: 192px; }
.omsDesktop .indicativeBankLabel, .omsDesktop .ecnLabel { font-size:10px; margin-right: 0px; padding-right: 0px;}

.omsDesktop .indicativeColumn, .omsDesktop .indicativePriceText { width: 105px; font-size:10px; }
.omsDesktop .indicativeThreeItemColumn, .omsDesktop .indicativeDiffText { width: 65px; font-size:10px; }
.omsDesktop .indicativeDiffTextSmall, .omsDesktop .indicativePriceTextSmall { width: 105px; font-size:8px; height: 25px; }

.omsDesktop .indicativeThreeItemRow { height: 25px; width: 255px; margin-bottom: 2px; }
.omsDesktop .indicativeThreeItemHeader .indicativeBankLabel, .omsDesktop .indicativeThreeItemRow .indicativeBankLabel, .omsDesktop .indicativeHeaderTall .indicativeBankLabel, .omsDesktop .indicativeBankLabel { width: 71px; margin-right: 0px; padding-right: 5px; }
.omsDesktop .indicativeThreeItemHeader .indicativeColumn, .omsDesktop .indicativeThreeItemRow .indicativeColumn { width: 105px; font-size:10px; text-align:center; vertical-align: middle; }
.omsDesktop .indicativeThreeItemRow .indicativeColumn { height: 25px; line-height:25px; }
.omsDesktop .indicativeThreeItemRow .indicativeDiffText { font-size:12px; height: 25px; }
.omsDesktop .indicativeThreeItemRow .indicativeDiffText, .omsDesktop .indicativeThreeItemRow .indicativePriceText { width: 105px; }

.omsDesktop .userPanel { margin-left: auto; margin-right: auto; }
.omsDesktop .userPanel * td { padding-left: 0px; }
/*************************************************************************************************/


.oms .mainBody,
.oms .rfqApplication,
.oms .rfqRequestType,
.oms .pricingFooter,
.oms .pricingHeader,
.oms .pricingApplication,
.oms #pricingHistoryPopupPanel.gwt-DecoratedPopupPanel .popupMiddle .popupMiddleCenter,
.oms #pricingHistoryPopupPanel.gwt-DecoratedPopupPanel .popupMiddleCenter .popupMiddleCenterInner 
{
	background-color: #eeeff2;
}

.oms .pricingHeader { padding: 10px 0px; width: 100%; }
.oms .ccyStrategyPanel { width: 100%; }
.oms .toolbarPanel {  height: 30px; margin: 0px; }

.oms .toolbarIcon { cursor: pointer; }

.oms .toolbarIcon.settings { border:none; background:url("../img/oms_buttons.png") no-repeat 0 0; width: 26px; height: 30px; }
.oms .toolbarIcon.settings:hover, .oms .toolbarIcon.settings.over { background:url("../img/oms_buttons.png") no-repeat 0 -30px; width: 26px; height: 30px; }
.oms .toolbarIcon.settings.toolbarIcon-up-disabled { background:url("../img/oms_buttons.png") no-repeat 0 -60px; width: 26px; height: 30px; cursor: default; }

.oms .toolbarIcon.refresh { border:none; background:url("../img/oms_buttons.png") no-repeat -26px 0; width: 26px; height: 30px; }
.oms .toolbarIcon.refresh:hover, .oms .toolbarIcon.refresh.over { background:url("../img/oms_buttons.png") no-repeat -26px -30px; width: 26px; height: 30px; }
.oms .toolbarIcon.refresh.toolbarIcon-up-disabled { background:url("../img/oms_buttons.png") no-repeat -26px -60px; width: 26px; height: 30px; cursor: default; }

.oms .toolbarIcon.clear { border:none; background:url("../img/oms_buttons.png") no-repeat -52px 0; width: 26px; height: 30px; }
.oms .toolbarIcon.clear:hover, .oms .toolbarIcon.clear.over { background:url("../img/oms_buttons.png") no-repeat -52px -30px; width: 26px; height: 30px; }
.oms .toolbarIcon.clear.toolbarIcon-up-disabled { background:url("../img/oms_buttons.png") no-repeat -52px -60px; width: 26px; height: 30px; cursor: default; }

.oms .toolbarIcon.twoway { border:none; background:url("../img/oms_buttons.png") no-repeat -78px 0; width: 26px; height: 30px; }
.oms .toolbarIcon.twoway:hover, .oms .toolbarIcon.twoway.over { background:url("../img/oms_buttons.png") no-repeat -78px -30px; width: 26px; height: 30px; }
.oms .toolbarIcon.twoway.toolbarIcon-up-disabled { background:url("../img/oms_buttons.png") no-repeat -78px -60px; width: 26px; height: 30px; cursor: default; }
.oms .toolbarIcon.twoway.toolbarIcon-down-disabled { background:url("../img/oms_buttons.png") no-repeat -78px -60px; width: 26px; height: 30px; cursor: default; }

.oms .toolbarIcon.flip { border:none; background:url("../img/oms_buttons.png") no-repeat -104px 0; width: 26px; height: 30px; }
.oms .toolbarIcon.flip:hover, .oms .toolbarIcon.flip.over { background:url("../img/oms_buttons.png") no-repeat -104px -30px; width: 26px; height: 30px; }
.oms .toolbarIcon.flip.toolbarIcon-up-disabled { background:url("../img/oms_buttons.png") no-repeat -104px -60px; width: 26px; height: 30px; cursor: default; }

.oms .toolbarIcon.oneway { border:none; background:url("../img/oms_buttons.png") no-repeat -182px 0; width: 26px; height: 30px; }
.oms .toolbarIcon.oneway:hover, .oms .toolbarIcon.twoway.over { background:url("../img/oms_buttons.png") no-repeat -182px -30px; width: 26px; height: 30px; }
.oms .toolbarIcon.oneway.toolbarIcon-up-disabled { background:url("../img/oms_buttons.png") no-repeat -182px -60px; width: 26px; height: 30px; cursor: default; }
.oms .toolbarIcon.oneway.toolbarIcon-down-disabled { background:url("../img/oms_buttons.png") no-repeat -182px -60px; width: 26px; height: 30px; cursor: default; }

.oms .toolbarIcon.history { border:none; background:url("../img/oms_buttons.png") no-repeat -208px 0; width: 26px; height: 30px; }
.oms .toolbarIcon.history:hover, .oms .toolbarIcon.clear.over { background:url("../img/oms_buttons.png") no-repeat -208px -30px; width: 26px; height: 30px; }
.oms .toolbarIcon.history.toolbarIcon-up-disabled { background:url("../img/oms_buttons.png") no-repeat -208px -60px; width: 26px; height: 30px; cursor: default; }

.oms .settingsLabel { color:#454545; }

.wrappedSimpleTopLeft { background: url(../img/corners.png) no-repeat 0px -148px; width:10px;  min-width: 10px; height:9px; }
.wrappedSimpleTopCenter { background: url(../img/hborders.png) repeat-x 0px -160px; height:9px; width: 100%; }
.wrappedSimpleTopRight { background: url(../img/corners.png) no-repeat -10px -148px; width:10px;  min-width: 10px; height:9px; }

.wrappedTopLeft { background: url(../img/corners.png) no-repeat 0px -108px; width:10px; min-width: 10px; height:30px; }
.wrappedTopCenter { background: url(../img/hborders.png) repeat-x 0px -72px; height:30px; width: 100%; }
.wrappedTopRight { background: url(../img/corners.png) no-repeat -10px -108px; width:10px;  min-width: 10px; height:30px; }

.wrappedMiddleLeft { background: url(../img/vleftborders.png) repeat-y -40px 0px; width:10px; min-width: 10px; }
.wrappedMiddleCenter { background-color: #eeeff2; }
.wrappedMiddleRight { background: url(../img/vrightborders.png) repeat-y -40px 0px; width:10px; min-width: 10px; }

.wrappedBottomLeft { background: url(../img/oms_bottom_left.png) no-repeat 0px 0px; width:70px; min-width:70px; height: 39px; }
.wrappedBottomCenter { background: url(../img/hborders.png) repeat-x 0px -112px; height: 39px; width: 100%; }
.wrappedBottomRight { background: url(../img/oms_bottom_right.png) no-repeat 0px 0px; width:70px; min-width:70px; height: 39px; }

.wrappedErrorTopLeft { background: url(../img/corners.png) no-repeat 0px -226px; width:10px; height:30px; }
.wrappedErrorTopCenter { background: url(../img/hborders.png) repeat-x 0px -238px; height:9px; width: 100%; }
.wrappedErrorTopRight { background: url(../img/corners.png) no-repeat -10px -226px; width:10px; height:30px; }

.oms .gwt-PopupPanel { background: none; border: none; padding: 0px; }

/* Both **********************************************************************************************/

.omsLogin .popupTitle,
.omsLogin .dialogText,
.omsDesktop .dialogText,
.fenicsPopupPanel .dialogText,
.oms .dialogText,
.oms .pricingHeader .simpleInputCell, .omsDesktop .pricingHeader .simpleInputCell { color:#000000; }
.oms .pricingHeader .simpleInputCell-watermark	{ color: #A6A8AE; }

.omsLogin .popupTitle { margin-bottom: 5px; border-bottom:thin solid; padding-bottom: 0px; background: none; }

.oms .headerButtonSmall, .omsDesktop .headerButtonSmall,
.oms .headerButtonLarge, .omsDesktop .headerButtonLarge { background:none; color:#000000; }
.oms .pricingHeader .simpleInputCell
{ 
	width:140px;
	height:25px;
	line-height: 25px;
	text-align: center;
}

.fenicsPopupPanel .wrappedTopLeft { background: url(../img/corners.png) no-repeat 0px -157px; width:10px; min-width: 10px; height:30px; }
.fenicsPopupPanel .wrappedTopCenter { background: url(../img/hborders.png) repeat-x 0px -178px; height: 30px; }
.fenicsPopupPanel .wrappedTopRight { background: url(../img/corners.png) no-repeat -10px -157px; width:10px; min-width: 10px; height:30px; }

.fenicsPopupPanel .wrappedBottomLeft   { background: url(../img/corners.png) no-repeat 0px -187px; width:10px; min-width: 10px; height: 9px; }
.fenicsPopupPanel .wrappedBottomCenter { background: url(../img/hborders.png) repeat-x 0px -169px; height: 9px; }
.fenicsPopupPanel .wrappedBottomRight{ background: url(../img/corners.png) no-repeat -10px -187px; width:10px; min-width: 10px; height: 9px; }

.fenicsPopupPanel .wrappedMiddleLeft { background: url(../img/vleftborders.png) repeat-y -40px 0px; }
.fenicsPopupPanel .wrappedMiddleRight { background: url(../img/vrightborders.png) repeat-y -40px 0px; }

.fenicsPopupPanel .popupTitleLabel
{
	text-align: center;
	line-height: 30px;
	color: #FFFFFF;
}

/* Deal Manager Desktop ******************************************************************************/

.omsDesktop #appWrapper { min-width: 336px; }
.omsDesktop #pricer-top { height: 0px; background-image:none; }
.omsDesktop { background-color:#FFFFFF; }

.omsDesktop #appWrapper { background-image:none; height: 100%; width: 100%; }
.omsDesktop #pricingPanel { height: 100%; padding-top: 75px; }

/* Deal Manager Login ******************************************************************************/

html>body.omsLogin { background-color: #FFFFFF; }
.omsLogin #appWrapper { background:none; min-width:350px; }
.omsLogin .gwt-PopupPanelGlass { background-color: #FFFFFF; }
.omsLogin .loginFormContents { margin-left: 15px; width: 317px; }

.omsLogin .acceptTerms { margin-left: 0px; }
.omsLogin .omsLoginInfoPanel { border-top:thin solid #FFFFFF; padding-top: 15px; }
.omsLogin .omsLoginInfoPanelContents { padding-left: 15px; }
.omsLogin .errorLabel { height: 25px; width: 317px; text-align: left; }

.omsLogin .loginTextBox { width: 300px; height: 22px; line-height: 22px; margin-bottom: 15px; }
.omsLogin .loginTextBox { color: #000000; }
.omsLogin .loginTextBox-watermark { color: #a6a8ae; }


.omsLogin .loginVerticalPanel { padding: 15px; }
.omsLogin .loginDialogHeader { background:url("../img/loginHeaders.png") no-repeat 0 -31px; width: 332px; height: 31px; margin-bottom: 23px; margin-top: 8px; }
.omsLogin.omsDesktopLogin .loginDialogHeader { background:url("../img/loginHeader-Small.png") no-repeat 0px 0px; width: 280px; height: 31px; }
.omsLogin .loginButton { background:url("../img/oms_login_buttons.png") no-repeat 0px 0px; height: 32px; width: 99px; margin-left: 0px; margin-top: 15px; }
.omsLogin .loginButton:hover, .omsLogin .loginButton.over { background:url("../img/oms_login_buttons.png") no-repeat 0px -32px; height: 32px; width: 99px; margin-left: 0px; margin-top: 15px; }

.omsLogin .gwt-DecoratorPanel .top .topCenter,
.omsLogin .gwt-DecoratedPopupPanel .popupTop .popupTopCenter        { background: url(../img/hborders.png) repeat-x 0px -54px; }
.omsLogin .gwt-DecoratorPanel .bottom .bottomCenter,
.omsLogin .gwt-DecoratedPopupPanel .popupBottom .popupBottomCenter { background: url(../img/hborders.png) repeat-x 0px -63px;}
.omsLogin .gwt-DecoratorPanel .middle .middleLeft,
.omsLogin .gwt-DecoratedPopupPanel .popupMiddle .popupMiddleLeft   { background: url(../img/vleftborders.png) repeat-y -30px -18px; }
.omsLogin .gwt-DecoratorPanel .middle .middleRight,
.omsLogin .gwt-DecoratedPopupPanel .popupMiddle .popupMiddleRight  { background: url(../img/vrightborders.png) repeat-y -30px 0px; }

.oms #pricingHistoryPopupPanel.gwt-DecoratedPopupPanel .popupMiddle .popupMiddleLeft   { background: url(../img/vleftborders.png) repeat-y -40px -18px; }
.oms #pricingHistoryPopupPanel.gwt-DecoratedPopupPanel .popupTop .popupTopCenter        { background: url(../img/hborders.png) repeat-x 0px -160px; }
.oms #pricingHistoryPopupPanel.gwt-DecoratedPopupPanel .popupBottom .popupBottomCenter { background: url(../img/hborders.png) repeat-x 0px -169px;}
.oms #pricingHistoryPopupPanel.gwt-DecoratedPopupPanel .popupMiddle .popupMiddleRight  { background: url(../img/vrightborders.png) repeat-y -40px 0px; }

.omsLogin .gwt-DecoratorPanel .top .topLeft,
.omsLogin .gwt-DecoratedPopupPanel .popupTop .popupTopLeft        { background: url(../img/corners.png) no-repeat 0px -72px; }
.omsLogin .gwt-DecoratorPanel .top .topRight,
.omsLogin .gwt-DecoratedPopupPanel .popupTop .popupTopRight      { background: url(../img/corners.png) no-repeat -10px -72px; }
.omsLogin .gwt-DecoratorPanel .bottom .bottomLeft,
.omsLogin .gwt-DecoratedPopupPanel .popupBottom .popupBottomLeft  { background: url(../img/corners.png) no-repeat 0px -81px; }
.omsLogin .gwt-DecoratorPanel .bottom .bottomRight,
.omsLogin .gwt-DecoratedPopupPanel .popupBottom .popupBottomRight { background: url(../img/corners.png) no-repeat -10px -81px; }

.oms #pricingHistoryPopupPanel.gwt-DecoratedPopupPanel .popupTop .popupTopLeft        { background: url(../img/corners.png) no-repeat 0px -274px; }
.oms #pricingHistoryPopupPanel.gwt-DecoratedPopupPanel .popupTop .popupTopRight      { background: url(../img/corners.png) no-repeat -10px -274px; }
.oms #pricingHistoryPopupPanel.gwt-DecoratedPopupPanel .popupBottom .popupBottomLeft  { background: url(../img/corners.png) no-repeat 0px -187px; }
.oms #pricingHistoryPopupPanel.gwt-DecoratedPopupPanel .popupBottom .popupBottomRight { background: url(../img/corners.png) no-repeat -10px -187px; }

.omsLogin .gwt-DecoratedPopupPanel .popupMiddle .popupMiddleCenter,
.omsLogin .gwt-DecoratedPopupPanel .popupMiddleCenter .popupMiddleCenterInner { background-color: #FFFFFF; }

.omsLogin .loginInfoText a,.omsLogin .loginInfoText a:hover,.omsLogin .loginInfoText a:visited { color: #b228af; }

.omsLogin .loginInfoText,
.omsDesktop .loginInfoText,
.omsLogin .loginLabel {
    color: #454545;
}

.omsLogin .termsText, .oms .termsText 
{
	color: #000000;
}

.omsLogin .errorLabel
{
	color: #db0c42;
	margin-top: 0px;
}

.omsDesktop .dialogText,
.omsLogin .dialogText,
.oms .dialogText,
.fenicsPopupPanel .dialogText
{
	padding-bottom: 10px;
    padding-top: 10px;
}

.omsLogin .termsText,
.oms .termsText,
.fenicsPopupPanel table td, body, table td, select
{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
}

.titleAndExit
{
    width: 100%;
}

.fenicsPopupPanel .popupTitleLabel, .fenicsPopupPanel .popupTitleLabelWithButton
{
    color: #FFFFFF;
    line-height: 30px;
    text-align: center;
}

.fenicsPopupPanel .popupTitleLabelWithButton { padding-left: 15px; }

.closePopupButton {
    background: url("../img/button_exit.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 30px;
    width: 30px;
}

.closePopupButton:hover, .closePopupButton.over
{
	background:url("../img/button_exit.png") no-repeat 0 -30px;
	cursor:pointer;
}

.fenicsButton
{
	font-weight: bold;
	background:url("../img/buttons.png") no-repeat 0 0;
	width: 80px;
	height: 22px;
	line-height: 22px;
	border: 0;
}

.fenicsButton:hover, .fenicsButton.over
{
	background:url("../img/buttons.png") no-repeat 0 -22px;
	
}

.fenicsButton:disabled, .fenicsButton.disabled
{
	background:url("../img/buttons.png") no-repeat 0 -44px;
}

.oms .pricingBlock .gwt-TabPanelBottom,
.oms .pricingBlock .labelCell,
.oms .pricingBlock .solutionDirectionLabel,
.oms .inputCell-forePremiumField,
.oms .inputCell-ctrPremField,
.oms .inputCell-pctDeltaAmtField,
.oms .inputCell-deltaAmtField,
.oms .inputCell-priceField,
.oms .inputCell-pctPriceField,
.oms .inputCell-pctVegaAmtField,
.oms .inputCell-vegaAmtField
{
	width: 288px;
}

.oms .message-error
{
    background: none repeat scroll 0 0 #db0c42;
}

.oms .pricingBlock .invertColor {
    background: none repeat scroll 0 0 #5a5a5a;
    color: #FFFFFF;
}


.oms .historyPanel { background-color: #EEEFF2; }

.oms .historyDataPanel
{
	background-color: #d4d6d9;
	color: #000000;
}

.oms .historyHeaderPanel
{
	color: #ffffff;
	border-bottom: 1px solid #5E5E5E;
}

.oms .historyHeaderLabelCollapse, .oms .historyHeaderLabelExpand
{
	background:url("../img/background_historyHeader.png") no-repeat 0 0;
}
.oms .historyHeaderLabelExpand { background:url("../img/background_historyHeader.png") no-repeat 0 -20px; }

.oms .fullHistoryTree
{
	background-color: #d4d6d9;
	color: #000000;
}

.oms .historySplitPanel .gwt-SplitLayoutPanel-VDragger
{
    background: url("../img/resize.png") no-repeat scroll center center #EEEFF2;
}

.oms .historyExitButton
{
	background:url("../img/button_exit_small.png") no-repeat 0 -28px;
}

.oms .historyExitButton:hover, .oms .historyExitButton.over
{
	background:url("../img/button_exit_small.png") no-repeat 0 -42px;
}

.oms .favoriteDataRow:hover, .oms.favoriteDataRow.over
{
	color: #A91C8E;
}

.oms .recentDataBorder { border-bottom: 1px dashed #5E5E5E; }


/* WIDE ******************************************************************************/
.oms .wide .pricingHeader .simpleInputCell { width:190px; }
.oms .wide .pricingBlock .gwt-TabPanelBottom { width: 388px; }

.oms .wide .fenPurpleBlock .inputCell,
.oms .wide .fenPurpleBlock .labelCell, 
.oms .wide .fenPurpleBlock .solutionDirectionLabel { width: 388px; }
