#appWrapper,
#appWrapper .gwt-Button,
#actionsPanel .gwt-Button,
.fenicsButton,
.hideButton,
.showButton,
.filterLabel,
.filterTextBox,
.filterOnOffLabel,
.countdownLabel,
.hubPanelErrorLabel,
.fenicsPopupPanel table td,
body, table td, select
{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#appWrapper
{
	min-width:930px;
}

#main-top 
{ 
	height: 60px; 
	background:#FFFFFF;
}

.omsBlotter #main-top
{
	border-bottom:thin solid #d4d6d9;
}

.floatRight
{
	position: absolute;
	right: 0;
	top: 0;
}

#mainPanel { margin-top: 16px; margin-left: 15px; margin-right: 15px; }

.logoPanel { height: 61px; width: 336px; }

.userPanel
{
	color: #ffffff;
	margin-left: auto;
	margin-right: 20px;
}

.userPanel * td {
	padding-left: 5px; 
}

.userPanel .gwt-Button, .actionButtonsPanel .gwt-Button
{
    background: url("images/oms_arrow.png") no-repeat right center;
    border: none;
    padding-right: 5px;
    text-align: right;
    white-space: nowrap;
    width: 100%;
}

.actionButtonsPanel .gwt-Button
{
	background: url("images/oms_arrow_black.png") no-repeat right center;
	height: 30px;
}

.userPanel .gwt-Button:hover, .userPanel .gwt-Button.over, .actionButtonsPanel .gwt-Button:hover, .actionButtonsPanel .gwt-Button.over
{ 
	color: #a91c8e;
	background: url("images/oms_arrow_over.png") no-repeat right center;
}

.showButton, .hideButton
{
    background: url("images/oms_arrow_down.png") no-repeat left center;
    border: none;
    padding-left:12px;
    text-align: right;
    white-space: nowrap;
    width: 90px;
}

.showButton:hover, .showButton.over
{ 
	color: #a91c8e;
	background: url("images/oms_arrow_down_over.png") no-repeat left center;
}

.hideButton
{
    background: url("images/oms_arrow_up.png") no-repeat left center;
}

.hideButton:hover, .hideButton.over
{ 
	color: #a91c8e;
	background: url("images/oms_arrow_up_over.png") no-repeat left center;
}

.userPanel .gwt-Button:active, .actionButtonsPanel .gwt-Button:active
{
	border: none;
}

.bufferPanel
{
	width: 340px;
}

.omsAdsPanel
{	
	margin-top: 15px;
	margin-left: 100px;
}

.glassPanel {
    background-color: black;
    filter: alpha(opacity=50);
    opacity: .50;
}

.popupHeaderPanel { width: 100%; }

.dialogText
{
	text-align: center;

	padding-bottom: 10px;
	padding-top: 10px;
}



.gwt-Hyperlink { cursor: pointer }
.hyperlink { margin:0; }
.termsText { margin: 15px; }

.filterButtonsPanel
{
	margin-top: 5px;
}

.filterPanel, .filterPanelContents { width: 100%; }
.filterPanelContents { background-color: #EEEFF2; padding-top: 10px; padding-bottom: 10px; }

.filterPanelContents .gwt-PushButton-up,
.filterPanelContents .gwt-PushButton-up-hovering,
.filterPanelContents .gwt-PushButton-up-disabled,
.filterPanelContents .gwt-PushButton-down,
.filterPanelContents .gwt-PushButton-down-hovering,
.filterPanelContents .gwt-PushButton-down-disabled
{
	padding-left: 0px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-top: 1px;
	height: 20px;
	width: 20px;
	border: 0;
	background: none;
	outline: none;
}

.fenicsButton
{
	font-weight: bold;
	background:url("images/buttons.png") no-repeat 0 0;
	width: 80px;
	height: 22px;
	line-height: 22px;
	border: 0;
}

.fenicsButton:hover, .fenicsButton.over
{
	background:url("images/buttons.png") no-repeat 0 -22px;
	
}

.calendarButton
{
	border: 0;
	background:url("images/calendar.png") no-repeat 0 0;
	width: 17px;
	height: 17px;
	margin-top: 2px;
	margin-right: 2px;
}

.calendarButton:hover, .calendarButton.over
{
	background:url("images/calendar.png") no-repeat 0 -17px;
	
}

.filterPanel a, .filterPanel a:visited, .filterPanel a:hover
{
	color: #000000;
	text-decoration:none;
	outline: 0;
}
.filterPanel a td
{
	font-weight: bold;
}

.filterLabel, .filterLabelSmall
{
	width: 210px;
	color: #000000;
	text-align: right;
	margin-right: 10px;
}

.filterLabelSmall
{
	width: 150px;
}

.filterTextBox
{
	width: 150px;
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.filterDropdown
{
	width: 150px;
  *width: 156px;
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.filterTextBoxGray
{
	background-color: #C0C0C0;
	width: 150px;
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.filterTextBoxWhite
{
  background-color: #FFFFFF;
  width: 150px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


.hubPanelErrorLabel,
.omsLogin .errorLabel
{
	color: #db0c42;
}

.hubPanelErrorLabel
{
	height: 20px;
	margin-top: 9px;
	width: 350px;
	text-align: center;
	font-weight: bold;
}

.enabledDisabledButtons, .hubRulesColumnsPanel, .hubRulesColumnsLabels
{
	width: 575px;
}

.enabledDisabledButtons
{
	margin-top: 10px;
	margin-bottom: 10px;
}


.actionButtonsPanel button { margin-right: 15px; height: 30px; }
.actionsPanel { width: 100%; }
.countdownLabel
{
	padding-right: 10px;
	cursor: default;
}

.tableBufferPanel { width: 10px; }

.hubCellTable td div
{	   	
	white-space: nowrap;
	overflow: hidden;
 	text-overflow: ellipsis;
 	-o-text-overflow: ellipsis;
 	-ms-text-overflow: ellipsis;
 }
 
 .mainPanelTable, .hubAdminContents, .wrappedMiddleRow { width: 100%; }

.wrappedSimpleTopLeft { background: url(images/corners.png) no-repeat 0px -148px; width:10px; height:9px; }
.wrappedSimpleTopCenter { background: url(images/hborders.png) repeat-x 0px -160px; height:9px; width: 100%; }
.wrappedSimpleTopRight { background: url(images/corners.png) no-repeat -10px -148px; width:10px; height:9px; }

.wrappedErrorTopLeft { background: url(images/corners.png) no-repeat 0px -226px; width:10px; height:30px; }
.wrappedErrorTopCenter { background: url(images/hborders.png) repeat-x 0px -238px; height:9px; width: 100%; }
.wrappedErrorTopRight { background: url(images/corners.png) no-repeat -10px -226px; width:10px; height:30px; }

.wrappedTopLeft { background: url(images/corners.png) no-repeat 0px -196px; width:10px; height:30px; }
.wrappedTopCenter { background: url(images/hborders.png) repeat-x 0px -208px; height:30px; width: 100%; }
.wrappedTopRight { background: url(images/corners.png) no-repeat -10px -196px; width:10px; height:30px; }

.wrappedMiddleLeft { background: url(images/vleftborders.png) repeat-y -40px 0px; width:10px; }
.wrappedMiddleCenter { background-color: #eeeff2; }
.wrappedMiddleRight { background: url(images/vrightborders.png) repeat-y -40px 0px; width:10px; }

.wrappedBottomLeft { background: url(images/oms_bottom_left.png) no-repeat 0px 0px; width:70px; height: 39px; }
.wrappedBottomCenter { background: url(images/hborders.png) repeat-x 0px -112px; height: 39px; width: 100%; }
.wrappedBottomRight { background: url(images/oms_bottom_right.png) no-repeat 0px 0px; width:70px; height: 39px; }

.fenicsPopupPanel .wrappedTopLeft { background: url(images/corners.png) no-repeat 0px -157px; width:10px; height:30px; }
.fenicsPopupPanel .wrappedTopCenter { background: url(images/hborders.png) repeat-x 0px -178px; height: 30px; }
.fenicsPopupPanel .wrappedTopRight { background: url(images/corners.png) no-repeat -10px -157px; width:10px; height:30px; }

.fenicsPopupPanel .wrappedBottomLeft   { background: url(images/corners.png) no-repeat 0px -187px; width:10px; height: 9px; }
.fenicsPopupPanel .wrappedBottomCenter { background: url(images/hborders.png) repeat-x 0px -169px; height: 9px; }
.fenicsPopupPanel .wrappedBottomRight{ background: url(images/corners.png) no-repeat -10px -187px; width:10px; height: 9px; }

.fenicsPopupPanel .wrappedMiddleLeft { background: url(images/vleftborders.png) repeat-y -40px 0px; }
.fenicsPopupPanel .wrappedMiddleRight { background: url(images/vrightborders.png) repeat-y -40px 0px; }

.fenicsPopupPanel .popupTitleLabel, .fenicsPopupPanel .popupTitleLabelWithButton
{
	text-align: center;
	line-height: 30px;
	color: #FFFFFF;
}

.fenicsPopupPanel .popupTitleLabelWithButton, .titleAndExit
{
	width: 100%;
}

.closePopupButton
{
	background:url("images/button_exit.png") no-repeat 0 0;
	width: 30px;
	height: 30px;
	border: 0;
}

.closePopupButton:hover, .closePopupButton.over
{
	background:url("images/button_exit.png") no-repeat 0 -30px;
	cursor:pointer;
}

.confirmationPopup
{
	padding-left: 10px;
	padding-right: 10px;
}

.filterOnOffLabel
{
	width: 70px;
	height: 20px;
	line-height: 20px;
	background-color: #FFFFFF;
	text-align: center;
	cursor: default;
}

.fenicsPopupPanel
{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.loginInfoText
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #c6c6c6;
	text-align: left;
}

.loginInfoText a,.loginInfoText a:hover,.loginInfoText a:visited
{
	color: #5d91cd;
	text-decoration:underline;
}

html>body.omsLogin { background-color: #FFFFFF; }

.omsLogin #main-top { border-bottom:none; }
.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; width: 332px; }
.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("images/logo.png") no-repeat 0 -15px; width: 332px; height: 31px; margin-bottom: 23px; margin-top: 8px; }
.omsLogin .loginButton { background:url("images/oms_login_buttons.png") no-repeat 0px 0px; height: 32px; width: 99px; margin-left: 0px; margin-top: 15px; border: none; }
.omsLogin .loginButton:hover, .omsLogin .loginButton.over { background:url("images/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(images/hborders.png) repeat-x 0px -54px; }
.omsLogin .gwt-DecoratorPanel .bottom .bottomCenter,
.omsLogin .gwt-DecoratedPopupPanel .popupBottom .popupBottomCenter { background: url(images/hborders.png) repeat-x 0px -63px;}
.omsLogin .gwt-DecoratorPanel .middle .middleLeft,
.omsLogin .gwt-DecoratedPopupPanel .popupMiddle .popupMiddleLeft   { background: url(images/vleftborders.png) repeat-y -30px -18px; }
.omsLogin .gwt-DecoratorPanel .middle .middleRight,
.omsLogin .gwt-DecoratedPopupPanel .popupMiddle .popupMiddleRight  { background: url(images/vrightborders.png) repeat-y -30px 0px; }

.omsLogin .gwt-DecoratorPanel .top .topLeft,
.omsLogin .gwt-DecoratedPopupPanel .popupTop .popupTopLeft        { background: url(images/corners.png) no-repeat 0px -72px; }
.omsLogin .gwt-DecoratorPanel .top .topRight,
.omsLogin .gwt-DecoratedPopupPanel .popupTop .popupTopRight      { background: url(images/corners.png) no-repeat -10px -72px; }
.omsLogin .gwt-DecoratorPanel .bottom .bottomLeft,
.omsLogin .gwt-DecoratedPopupPanel .popupBottom .popupBottomLeft  { background: url(images/corners.png) no-repeat 0px -81px; }
.omsLogin .gwt-DecoratorPanel .bottom .bottomRight,
.omsLogin .gwt-DecoratedPopupPanel .popupBottom .popupBottomRight { background: url(images/corners.png) no-repeat -10px -81px; }

.omsLogin .gwt-DecoratedPopupPanel .popupMiddle .popupMiddleCenter,
.omsLogin .gwt-DecoratedPopupPanel .popupMiddleCenter .popupMiddleCenterInner { background-color: #FFFFFF; }

.omsLogin .gwt-DecoratedPopupPanel .popupMiddle .popupMiddleCenter,
.omsLogin .gwt-DecoratedPopupPanel .popupMiddleCenter .popupMiddleCenterInner { background-color: #FFFFFF; }

.omsLogin .loginInfoText, .omsLogin .loginLabel { color: #454545; }
.omsLogin .loginInfoText a,.omsLogin .loginInfoText a:hover,.omsLogin .loginInfoText a:visited { color: #b228af; }
