.gwt-DecoratorPanel {}

.gwt-DecoratorPanel .top .topLeftInner,
.gwt-DecoratorPanel .top .topRightInner,
.gwt-DecoratorPanel .bottom .bottomLeftInner,
.gwt-DecoratorPanel .bottom .bottomRightInner {
  width: 10px;
  height: 9px;
  zoom: 1;
}

html>body .gwt-DecoratorPanel {}
html>body .gwt-DecoratedPopupPanel {}

* html .gwt-DecoratorPanel .top .topLeftInner,
* html .gwt-DecoratorPanel .top .topRightInner,
* html .gwt-DecoratorPanel .bottom .bottomLeftInner,
* html .gwt-DecoratorPanel .bottom .bottomRightInner {
  width: 10px;
  height: 9px;
  overflow: hidden;
}

.gwt-DecoratedPopupPanel .popupTop .popupTopLeftInner,
.gwt-DecoratedPopupPanel .popupTop .popupTopRightInner,
.gwt-DecoratedPopupPanel .popupBottom .popupBottomLeftInner,
.gwt-DecoratedPopupPanel .popupBottom .popupBottomRightInner {
  width: 10px;
  height: 9px;
  overflow: hidden;
}

.gwt-DecoratorPanel .top .topCenter,
.gwt-DecoratedPopupPanel .popupTop .popupTopCenter,
#pricingHistoryPopupPanel.gwt-DecoratedPopupPanel .popupTop .popupTopCenter { background: url(../img/hborders.png) repeat-x 0px 0px; }
.gwt-DecoratorPanel .bottom .bottomCenter,
.gwt-DecoratedPopupPanel .popupBottom .popupBottomCenter,
#pricingHistoryPopupPanel.gwt-DecoratedPopupPanel .popupBottom .popupBottomCenter { background: url(../img/hborders.png) repeat-x 0px -9px;}
.gwt-DecoratorPanel .middle .middleLeft,
.gwt-DecoratedPopupPanel .popupMiddle .popupMiddleLeft,
#pricingHistoryPopupPanel.gwt-DecoratedPopupPanel .popupMiddle .popupMiddleLeft { background: url(../img/vleftborders.png) repeat-y 0px 0px; }
.gwt-DecoratorPanel .middle .middleRight,
.gwt-DecoratedPopupPanel .popupMiddle .popupMiddleRight,
 #pricingHistoryPopupPanel.gwt-DecoratedPopupPanel .popupMiddle .popupMiddleRight { background: url(../img/vrightborders.png) repeat-y 0px 0px; }

.gwt-DecoratorPanel .top .topLeft,
.gwt-DecoratedPopupPanel .popupTop .popupTopLeft,
#pricingHistoryPopupPanel.gwt-DecoratedPopupPanel .popupTop .popupTopLeft        { background: url(../img/corners.png) no-repeat 0px 0px; }
.gwt-DecoratorPanel .top .topRight,
.gwt-DecoratedPopupPanel .popupTop .popupTopRight,
#pricingHistoryPopupPanel.gwt-DecoratedPopupPanel .popupTop .popupTopRight      { background: url(../img/corners.png) no-repeat -10px 0px; }
.gwt-DecoratorPanel .bottom .bottomLeft,
.gwt-DecoratedPopupPanel .popupBottom .popupBottomLeft,
#pricingHistoryPopupPanel.gwt-DecoratedPopupPanel .popupBottom .popupBottomLeft  { background: url(../img/corners.png) no-repeat 0px -9px; }
.gwt-DecoratorPanel .bottom .bottomRight,
.gwt-DecoratedPopupPanel .popupBottom .popupBottomRight,
#pricingHistoryPopupPanel.gwt-DecoratedPopupPanel .popupBottom .popupBottomRight { background: url(../img/corners.png) no-repeat -10px -9px; }

html>body.gfidirect, html>body.threesixty { background: #151515 url("../img/backgrounds.png") repeat-x 0 0; min-width: 1125px; }
html, body { height:100%; }

#pricer-top { height: 61px;	background:url("../img/headerLogos.png") no-repeat 0 0; }
.gfidirect #pricer-top { background:url("../img/headerLogos2.png") no-repeat 0 -61px; }
.threesixty #pricer-top { background:url("../img/headerLogos.png") no-repeat 0 -122px; }

.threesixty .directionLabel { font-size: 11px; }

.loginDialogHeader.gfidirect { background:url("../img/loginHeaders2.png") no-repeat 0 0; width: 332px; height: 31px; }

#pricingPanel { padding-top:35px; }

.mainBody,
.rfqApplication,
.rfqRequestType,
.pricingFooter,
.pricingHeader,
.pricingApplication,
.fxmMessage,
.gwt-DecoratedPopupPanel .popupMiddle .popupMiddleCenter,
.gwt-DecoratedPopupPanel .popupMiddleCenter .popupMiddleCenterInner,
#pricingHistoryPopupPanel.gwt-DecoratedPopupPanel .popupMiddle .popupMiddleCenter,
#pricingHistoryPopupPanel.gwt-DecoratedPopupPanel .popupMiddleCenter .popupMiddleCenterInner 
{
	background-color: #000000;
}

.gfidirect .gwt-DecoratedPopupPanel .popupTop .popupTopLeft { background: url(../img/corners.png) no-repeat 0px -256px; }
.gfidirect .gwt-DecoratedPopupPanel .popupTop .popupTopRight { background: url(../img/corners.png) no-repeat -10px -256px; }
.gfidirect .gwt-DecoratedPopupPanel .popupBottom .popupBottomLeft { background: url(../img/corners.png) no-repeat 0px -265px; }
.gfidirect .gwt-DecoratedPopupPanel .popupBottom .popupBottomRight { background: url(../img/corners.png) no-repeat -10px -265px; }
.gfidirect .gwt-DecoratedPopupPanel .popupTop .popupTopCenter { background: url(../img/hborders.png) repeat-x 0px -268px; }
.gfidirect .gwt-DecoratedPopupPanel .popupBottom .popupBottomCenter { background: url(../img/hborders.png) repeat-x 0px -277px;}
.gfidirect .gwt-DecoratedPopupPanel .popupMiddle .popupMiddleLeft { background: url(../img/vleftborders.png) repeat-y -60px 0px; }
.gfidirect .gwt-DecoratedPopupPanel .popupMiddle .popupMiddleRight { background: url(../img/vrightborders.png) repeat-y -60px 0px; }
.gfidirect .gwt-DecoratedPopupPanel .popupMiddle .popupMiddleCenter,
.gfidirect .gwt-DecoratedPopupPanel .popupMiddleCenter .popupMiddleCenterInner
{
	background-color: #323232;
}

.threesixtyMessagePanel
{
  height: 60px;
  width: 220px;
  background-color: #882626;
  color: #eeeeee;
  padding-left: 5px;
  margin-top: 5px;
}

.fxmMessageText
{
  font-size: 13px;
}

.fxmRFQMessagePanel
{
  height: 46px;
  width: 243px;
  background-color: #882626;
  color: #eeeeee;
  padding-left: 5px;
  margin-top: 5px;
}

.fxmRFQ
{
	height: 50px;
	width: 52px;
	margin-top: 5px;
	margin-left: 5px;
}

.threesixtyRFQ
{
  height: 28px;
  width: 75px;
  margin-top: 5px;
  margin-left: 5px;
  font-size: 11px;
}

.headerButtonSmall { background:url("../img/header_buttons_small.png") no-repeat 0 0; color:#eeeeee; }
.headerButtonLarge { background:url("../img/header_buttons_large.png") no-repeat 0 0; color:#eeeeee; }
.fxmMsgButtonLarge { background:url("../img/header_buttons_wide.png") no-repeat 0 0; color:#eeeeee; }

.rfqHeaderText, .rfqHalfStrategyColumn, .rfqStrategyColumn
{
	color: #ffffff;
}

.pricingHeader .inputCell,
.fxmMessage .inputCell,
.dialogText,
.settingsLabel
{
	color:#eeeeee;
}

.popupTitle { color: #ffffff; padding-bottom: 1px; border-bottom: 1px solid #FFFFFF; }

.gfidirect .tradePopup .popupMiddleCenter { padding: 0px; }

/* WIDE ******************************************************************************/
.wide .headerButtonLarge {	background:url("../img/header_buttons_wide.png") no-repeat 0 0;	color:#eeeeee; }
.wide .threesixtyMessagePanel { width: 322px; }
.wide .fxmRFQMessagePanel { width: 345px; }