﻿* { margin: 0; padding: 0; outline:0; }

body {
    font-size: 12px;
    line-height: 1.3;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #000;
    background: #f7f7f7 url(../image/bg.gif) repeat-x  0 0;
    /**min-width: 1000px;*/
}

a { color: #0252aa; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
textarea { overflow: auto; resize: none; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

#header { height: 66px; background: url(../image/header.gif) repeat-x 0 0; position: relative; }
#min-header { height: 20px; background: url(../image/header.gif) repeat-x 0 0; position: relative; }

h1#logo { float: left; display: inline; width: 103px; height: 40px; padding: 9px 0 0 0; position:relative; margin-right: -110px; }
h1#logo img { height: 40px; display: block; font-size: 0; line-height: 0; text-indent: -4000px; cursor: pointer;}

#app-ui { height: 66px; margin: 0 103px; background: url(../image/app-ui-bg.gif) repeat-x 0 0; font-size: 10px; color: #bababa; float: left; display: inline; }
#app-ui-msf { height: 66px; margin: 0 0 0 50px; background: url(../image/app-ui-bg.gif) repeat-x 0 0; font-size: 10px; color: #bababa; float: left; display: inline; }
#app-ui .bg-left, #app-ui-msf .bg-left { height: 66px; background: url(../image/tap-left.gif) no-repeat 0 0; }
#app-ui .bg-right, #app-ui-msf .bg-right { height: 66px; background: url(../image/tap-right.gif) no-repeat right 0; padding-left: 28px; }

.btn, .btn-inactive { float:left; height: 14px; padding-top: 48px; background-position: 0 -62px; background-repeat: no-repeat; font-size: 10px; color: #bababa; text-align: center; text-decoration: none !important; }
.btn:hover { background-position: 0 bottom; }
.inactive { background-position: 0 0; }

#paging-ui { float: left; display: inline; padding: 4px 0 0 0; }
#paging-ui .prev { width: 40px; background-image: url(../image/btn-back.png); position: relative; top: -2px; padding-top: 50px; height: 12px; }
#paging-ui .prev-msf { margin-right: 5px; }
#paging-ui .next { width: 40px; background-image: url(../image/btn-next.png); position: relative; top: -2px; padding-top: 50px; height: 12px; }
#paging-ui .next-msf { margin-right: 0px; }
#paging-ui .pages { float: left; display: inline; position: relative; }
#paging-ui .pages label { float: left; margin: 20px 0 0 3px; }
#paging-ui .pages select { width: 42px; float: left; border: 1px solid #5a5a5a; background: #f2f2f2; color: #292929; padding: 1px; margin: 17px 2px 0 1px; }
#paging-ui .pages .total { float: left; position: absolute; top: 5px; left: 46px; }
#paging-ui .pages .btn-go { width: 32px; background-image: url(../image/btn-go.png); font-size: 0; line-height: 0; text-indent: -4000px; position: relative; top: -3px; }
#paging-ui .pages .btn-go-msf { width: 55px; background-image: url(../image/btn-go_v2.png); font-size: 0; line-height: 0; text-indent: -4000px; position: relative; top: -3px; }

#buttons-ui { float: left; display: inline; margin: 4px 0 0 2px; padding: 0 0 0 1px; background: url(../image/dark-sep.gif) repeat-y 0 0; }
#buttons-ui ul { height: 62px; list-style: none; padding: 0 1px 0 0; background: url(../image/light-sep.gif) repeat-y right 0; float: left; display: inline; }

#buttons-ui li { float: left; display: inline; position: relative; white-space: nowrap; }
#buttons-ui .btn-open { width: 55px; background-image: url(../image/btn-open.gif); }
#buttons-ui .btn-download { width: 55px; background-image: url(../image/btn-download.gif); }
#buttons-ui .btn-export { width: 55px; background-image: url(../image/btn-print.gif); }
#buttons-ui .btn-reset { width: 55px; background-image: url(../image/btn-refresh.gif); }
#buttons-ui .btn-zoom-in { width: 55px; background-image: url(../image/btn-zoom-in.gif); }
#buttons-ui .btn-zoom-out { width: 55px; background-image: url(../image/btn-zoom-out.gif); }
#buttons-ui .btn-zoom { width: 55px; background-image: url(../image/btn-zoom.gif); }
#buttons-ui .btn-certificate { width: 55px; background-image: url(../image/btn-certificate.gif); }
#buttons-ui .btn-attach { width: 55px; background-image: url(../image/btn-attach.gif); }
#buttons-ui .att-notification {position: absolute; right: 0; width: 15px; height: 15px; line-height: 14px; text-align: center; background: #2b75a6; font-size: 10px; color: #ffffff; border: 1px solid #4497CE; }
#buttons-ui .off { display: none;}
#buttons-ui .btn-info { width: 55px; background-image: url(../image/btn-info.gif); }
#buttons-ui .btn-close  { width: 55px; background-image: url(../image/btn-close.gif); }

.btn-help { float: left; width: 16px; height: 16px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(../image/btn-question.gif) no-repeat 0 0; position:relative; margin: 4px 0 0 -15px; }
.btn-help-msf { float: right; width: 32px; height: 32px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(../image/btn-question_v2.png) no-repeat 0 0; position:relative; margin: 4px 0px 0 -15px; }
.btn-help-msf2 { float: right; width: 16px; height: 16px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(../image/btn-question_v3.png) no-repeat 0 0; position:relative; margin: 4px 0px 0 -15px; }
.btn-help:hover, .btn-help-msf:hover { background-position: 0 bottom; }

#toolbar-right-minimized { float: right; width: 345px; height: 16px; margin-top: 5px;}
#toolbar-close-minimized { float: right; width: 175px; height: 16px;}

#toolbar-right { float: right; width: 30px; height: 16px;}
#toolbar-close { float: right; width: 20px; height: 16px;}
#toolbar-right-msf { float: right; width: 56px; height: 32px;}

#toolbar-right .btn-toolbar-toggle { float: left; width: 16px; height: 16px; font-size: 0; line-height: 0; text-indent: -4000px; position:relative; margin: 4px 0 0 -15px; }
#toolbar-right .btn-toolbar-max { background: url(../image/toolbar-max.png) no-repeat 0 0; }
#toolbar-right .btn-toolbar-min { background: url(../image/toolbar-min.png) no-repeat 0 0; }
#toolbar-right .btn-small-close { float: right; width: 16px; height: 16px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(../image/close.png) no-repeat 0 0; position:relative; margin: 4px 0 0 -15px; }
.btn-small-close:hover { background-position: 0 bottom; }

#toolbar-right-msf .btn-toolbar-toggle { float: left; width: 32px; height: 32px; font-size: 0; line-height: 0; text-indent: -4000px; position:relative; margin: 4px 0 0 -5px; }
#toolbar-right-msf .btn-toolbar-min { background: url(../image/toolbar-min_v2.png) no-repeat 0 0; }

.overlay-shadow
{
	border:1px solid #007eff;	
	-webkit-box-shadow:0 0 10px #007eff;
    -moz-box-shadow:0 0 10px #007eff;
    box-shadow:0 0 10px #007eff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


#page { width: 853px; margin: 0 auto; }

.asign-frame { background-color: #fff; }

#menu ul li a.disabled { color: #F0F0F0; cursor: pointer; }

#ga-menu { display:table; border-spacing:5px 0px; margin-left:-5px; margin-right:-5px; }
#ga-menu ul { display:table-row; }
#ga-menu ul li { display: table-cell; height: 40px; list-style-type: none; vertical-align: middle; }
#ga-menu ul li a {
	display:block;
	float:left;
	background-color:#f5f5f5;
	font-size:16px;
	line-height:130%;
	text-decoration:none;
	font-weight:normal;
	color:#565656;
	cursor:pointer;
	padding:7px; /* Links */
	border:solid #9A9A9A 1px; border-radius:5px;
}
#ga-menu ul li a:not(.disabled):hover {background-color: #E6EFC2}
#ga-menu ul li a img {
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
#ga-menu ul li a.disabled {background-color: #D3D3D3; cursor: default; }

#ga-pensize { width: 50px; float: left; border: 1px solid #5a5a5a; background: #f2f2f2; color: #292929; padding: 1px; } 
#ga-colorPickerButtonHolder {display:inline-block; cursor:pointer;}
#ga-colorPickerButtonBorder { border:solid #9A9A9A 1px; border-radius:5px; }
#ga-colorPickerButtonColor { width: 30px; height: 30px; margin:2px; border-radius:4px; background-color: #000; }
#ga-last { position:absolute; right:20px; }

.loginDialogErrorMsg {
	color: red;
}

.printDialogFrame { background-color: #d9d9d9; }

.minimized-toolbar-button {
	background-color:#768d87;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial, Helvetica, Sans-Serif; 
	font-size:12px;
	font-weight:bold;
	padding:0px 0px;
	text-decoration:none;
	text-align: center;
	width:175px;
	height:16px;
	float:left;
}
.minimized-help {width:150px;}
.minimized-toolbar-button:hover {
	background-color:#b0b7b7;
	text-decoration:none;
}


/********************************************
Legacy UI styles
*********************************************/
.bbfiller {
	/*min-width: 1000px;
	width: expression(this.width < 1000 ? 1000: true);*/
}

.formImagePane {
	border: 1px solid #3f3f3f;
	background: #808080;
}

.viewportScrollPanel {
	border-top: 1px solid #969696;
}

.current-object-overlay {
	background: #B2D3E8;
	opacity: 0.50;
	filter: alpha(opacity=50);
	border: 2px solid #397BB7;
	background-color: #F9F9F9;	
}

.overlay-hover {
	background: #D0D0FF;
	opacity: 0.30;
	filter: alpha(opacity=30);
	border: 2px solid #444444;
	background-color: #efefef;	
}

.bubbleTable {
	float: left;
	position: absolute;
	border: 2px solid #939393;
	
	border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
	box-shadow: 0 0 10px rgba(85, 85, 85, 1);
	-webkit-box-shadow: 0 0 10px rgba(85, 85, 85, 1);
	-moz-box-shadow: 0 0 10px rgba(85, 85, 85, 1);
}


.bubbleTable .bubblebg {
	background: url("../image/bubble_bg.png");
}

.bubbleTable .bubblebgIE6 {
	background: url("../image/bubble_bg.gif");
}

.bubbleTable .topright {
	background: url("../image/bubble_corners.png") no-repeat -24px 0px; 
	width: 24px; 
	height: 24px;
}

.bubbleTable .toprightIE6 {
	background: url("../image/bubble_corners.gif") no-repeat -24px 0px; 
	width: 24px; 
	height: 24px;
}

.bubbleTable .topleft {
	background: url("../image/bubble_corners.png") no-repeat 0px 0px; 
	width: 24px; 
	height: 24px;
}

.bubbleTable .topleftIE6 {
	background: url("../image/bubble_corners.gif") no-repeat 0px 0px; 
	width: 24px; 
	height: 24px;
}

.bubbleTable .bottomright {
	background: url("../image/bubble_corners.png") no-repeat -24px -24px; 
	width: 24px; 
	height: 24px;
}

.bubbleTable .bottomrightIE6 {
	background: url("../image/bubble_corners.gif") no-repeat -24px -24px; 
	width: 24px; 
	height: 24px;
}

.bubbleTable .bottomleft {
	background: url("../image/bubble_corners.png") no-repeat 0px -24px; 
	width: 24px; 
	height: 24px;
}

.bubbleTable .bottomleftIE6 {
	background: url("../image/bubble_corners.gif") no-repeat 0px -24px; 
	width: 24px; 
	height: 24px;
}

.bubbleTable a {text-decoration: underline; }

.attachmentTablePanel {
	width: 100%;
	height: 100px;
	border: 1px inset white;
	background-color: #FFFFFF;	
}

.attachmentDialogHr {
	padding: 10px 0px;
	text-align: center;
}

.attachmentDialogEncryptSign {
	font: 9pt Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	background: #FFFFCC;
	border: 1px solid #FFCC99;
	text-align: left;		
}

.attachmentDialogErrorMsg {
	font: 9pt Verdana, Arial, Helvetica, sans-serif;
	color: red;
	width: 100%;
	padding: 0px 0px 5px 0px;
}

.attachmentFileList {
	background-color: #FFFFFF;	
}


.certDialogScrollPanel {
	width: 100%;
	height: 70px;
	border: 1px inset white;
	background-color: #FFFFFF;
}

.workflowStatusDialog {
	background-color: #FFFFFF;	
}

.workflowStatusDialog-labelColumn {
	width: 40%;
	text-align: right;
}

.workflowStatusDialog-valueColumn {
	width: 60%;
	text-align: left;
}

.workflowStatusDialog-logDate {
	width: 30%;
	text-align: left;
}

.workflowStatusDialog-logMessage {
	text-align: left;
}

.workflowStatusDialog-buttonPanel {
	width: 100%;
	margin-top: 10px;
}


.autofillParamDialog {
	width: 370px;
}

.autofillParamDialog-dialogMessage {
	text-align: center;
	/*font-size: 2;
	font-family: verdana, sans-serif;*/
}

.autofillParamDialog-label {
	text-align: right;
	/*font-size: 2;
	font-family: verdana, sans-serif;*/
}

.autofillParamDialog-butttonPanel {
	text-align: center;
	/*font-size: 2;
	font-family: verdana, sans-serif;*/
}

.autofillSelectionDialog {
	text-align: center;
}

.autofillSelectionDialog-table {
	margin-left: auto;
	margin-right: auto;
}

.autofillSelectionDialog-dialogMessage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333333;
	margin: 0em;
	padding-top: .5em;
	padding-bottom: .5em;
}

.autofillSelectionDialog-selection {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;
	color: #0000AA;
	margin: 0.5em 0em 0em 0.8em;
	list-style-type: square;
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;			
}

.autofillSelectionDialog-cancel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
	text-align: center;
	padding-top: .5em;
	margin-left: auto;
	margin-right: auto;
	width: 52px;
}

.dialog-closeBtn {
  margin: 0;
  text-decoration: none;
  cursor: pointer;
  cursor: hand;  
}

/** Form Summary Info */
.formSummary-Label{
    background-color: white;
    padding: 1px;
    font-family: sans-serif;
    font-weight:bold;
}

.formSummary{
    background-color: white;
    padding: 1px;
    font-family: sans-serif;
}

/** Help > Settings */
.settings-Label{
    padding: 1px;
    font-family: sans-serif;
    font-weight:bold;
}

/** pwait.gif background: #F0F0F0 foreground: #999999 */
.modalVeil {padding:2px;background:#C3DAF9 url("../image/border.gif") repeat-x 0 -16px;border:1px solid #6593CF;}
.modalVeilInner {padding:6px;background:#FFFFFF;border:1px solid #999999;}

.tk-GlassPanel {
  background: black;
  opacity: 0.6;
  filter: alpha(opacity=60);
  cursor: wait;
}

/*.tk-ModalDialog {
  border: 1px solid black;
  background-color: white;
  padding: 0px;
}*/

.tk-ModalDialog {
	border: 1px solid #555555;
	margin:auto;
	background-color: #d3d3d3;
	background-image: url(../image/bar.jpg);
	background-repeat: repeat-x;
}

.tk-ModalDialog .Caption {
  background: url(../image/bar.jpg) no-repeat;
  font-family:Arial, Helvetica, sans-serif;
  color:#fff;
  font-size:14px; 
  font-weight:bold; 
  padding:2px 4px 7px; 
  margin:0px 0px 20px 0px;  
}

.tk-ModalDialog-content {
  vertical-align: middle;
  text-align: center;
  padding: 8px;
}

.tk-ModalDialog-content-alert {
  vertical-align: middle;
  padding: 8px;
}


.tk-ModalDialog-content .gwt-Button,
.tk-ModalDialog-content-alert .gwt-Button {
  margin-top: 8px;
  margin-right: 5px;
}

.tk-AlertDialog-captionIcon {
  vertical-align: middle;
}

.tk-AlertDialog-captionLeft, .tk-AlertDialog-captionRight {
  width: 16px;
}

.tk-AlertDialog-captionCenter {
  font-size: 90%;
  font-weight: bold;
  padding: 0 8px;
  text-align: center;
}

.tk-AlertDialog-buttons {
  margin: 0 auto;
}

.tk-AlertDialog-hotKeyChar {
  text-decoration: none;
}

.tk-AlertDialog-message {
  text-align: left;
}


/********************************************
GWT toolkit specific styles
*********************************************/

.gwt-Button {
  padding: 3px 5px;
}

.gwt-Button-noPad {
  padding: 0px;
}

.gwt-CheckBox {
}
.gwt-CheckBox-disabled {
  color: #888;
}

.gwt-DecoratorPanel {
}
.gwt-DecoratorPanel .topCenter,
.gwt-DecoratorPanel .bottomCenter {
  background: url(../image/hborder.png) repeat-x;
}
.gwt-DecoratorPanel .middleLeft,
.gwt-DecoratorPanel .middleRight {
  background: url(../image/vborder.png) repeat-y;
}
.gwt-DecoratorPanel .topLeftInner,
.gwt-DecoratorPanel .topRightInner,
.gwt-DecoratorPanel .bottomLeftInner,
.gwt-DecoratorPanel .bottomRightInner {
  width: 5px;
  height: 5px;
  zoom: 1;
}
html>body .gwt-DecoratorPanel .topLeft {
  background: url(../image/corner.png) no-repeat 0px 0px;
}
html>body .gwt-DecoratorPanel .topRight {
  background: url(../image/corner.png) no-repeat -5px 0px;
}
html>body .gwt-DecoratorPanel .bottomLeft {
  background: url(../image/corner.png) no-repeat 0px -5px;
}
html>body .gwt-DecoratorPanel .bottomRight {
  background: url(../image/corner.png) no-repeat -5px -5px;
}
* html .gwt-DecoratorPanel .topLeftInner {
  width: 5px;
  height: 5px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/../image/corner.png',sizingMethod='crop');
}
* html .gwt-DecoratorPanel .topRightInner {
  width: 10px;
  height: 5px;
  margin-left: -5px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/../image/corner.png',sizingMethod='crop');
}
* html .gwt-DecoratorPanel .bottomLeftInner {
  width: 5px;
  height: 10px;
  margin-left: 0px;
  margin-top: -5px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/../image/corner.png',sizingMethod='crop');
}
* html .gwt-DecoratorPanel .bottomRightInner {
  width: 10px;
  height: 10px;
  margin-left: -5px;
  margin-top: -5px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/../image/corner.png',sizingMethod='crop');
}

.gwt-DialogBox .Caption {
  background: #e3e8f3 url(../image/hborder.png) repeat-x 0px -2003px;
  padding: 4px 4px 4px 8px;
  cursor: default;
  border-bottom: 1px solid #bbbbbb;
  border-top: 5px solid #d0e4f6;
}
.gwt-DialogBox .dialogContent {
}
.gwt-DialogBox .dialogMiddleCenter {
  padding: 3px;
  background: white;
}
html>body .gwt-DialogBox .dialogBottomCenter {
  background: url(../image/hborder.png) repeat-x 0px -4px;
}
* html .gwt-DialogBox .dialogBottomCenter {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/hborder_blue_shadow.png',sizingMethod='scale');
}
.gwt-DialogBox .dialogMiddleLeft {
  background: url(../image/vborder.png) repeat-y;
}
html>body .gwt-DialogBox .dialogMiddleRight {
  background: url(../image/vborder.png) repeat-y -4px 0px;
}
* html .gwt-DialogBox .dialogMiddleRight {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/ie6/vborder_blue_shadow.png',sizingMethod='scale');
}
.gwt-DialogBox .dialogTopLeftInner {
  width: 5px;
  zoom: 1;
}
.gwt-DialogBox .dialogTopRightInner {
  width: 8px;
  zoom: 1;
}
.gwt-DialogBox .dialogBottomLeftInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}
.gwt-DialogBox .dialogBottomRightInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}
html>body .gwt-DialogBox .dialogTopLeft {
  background: url(../image/corner.png) no-repeat -13px 0px;
}
html>body .gwt-DialogBox .dialogTopRight {
  background: url(../image/corner.png) no-repeat -18px 0px;
}
html>body .gwt-DialogBox .dialogBottomLeft {
  background: url(../image/corner.png) no-repeat 0px -15px;
}
html>body .gwt-DialogBox .dialogBottomRight {
  background: url(../image/corner.png) no-repeat -5px -15px;
}
* html .gwt-DialogBox .dialogTopLeft {
  width: 5px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/corner_dialog_topleft.png',sizingMethod='crop');
}
* html .gwt-DialogBox .dialogTopRight {
  width: 8px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/corner_dialog_topright.png',sizingMethod='crop');
}
* html .gwt-DialogBox .dialogBottomLeftInner {
  width: 5px;
  height: 23px;
  margin-top: -15px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/../image/corner.png',sizingMethod='crop');
}
* html .gwt-DialogBox .dialogBottomRightInner {
  width: 13px;
  height: 23px;
  margin-left: -5px;
  margin-top: -15px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/../image/corner.png',sizingMethod='crop');
}

.gwt-DisclosurePanel {
}
.gwt-DisclosurePanel-open {
}
.gwt-DisclosurePanel-closed {
}
.gwt-DisclosurePanel .header,
.gwt-DisclosurePanel .header a,
.gwt-DisclosurePanel .header td {
  text-decoration: none;  /* Remove underline from header */
  color: black; 
  cursor: pointer;
  cursor: hand;
}
.gwt-DisclosurePanel .content {
  border-left: 3px solid #e8eef7;
  padding: 4px 0px 4px 8px;
  margin-left: 6px;
}

.gwt-FileUpload {
}

.gwt-HorizontalSplitPanel {
}
.gwt-HorizontalSplitPanel .hsplitter {
  cursor: move;
  border: 0px; 
  background: #91c0ef url(../image/vborder.png) repeat-y;
}
.gwt-VerticalSplitPanel {
}
.gwt-VerticalSplitPanel .vsplitter {
  cursor: move;
  border: 0px; 
  background: #91c0ef url(../image/hborder.png) repeat-x;
}

.gwt-HTML {
}

.gwt-Hyperlink {
}

.gwt-Image {
}

.gwt-Label {
}

.gwt-ListBox {
}

.gwt-MenuBar {
  cursor: default;
}
.gwt-MenuBar .gwt-MenuItem {
  cursor: default;
}
.gwt-MenuBar .gwt-MenuItem-selected {
  background: #E0EDFE;
}
.gwt-MenuBar-horizontal {
  background: #e3e8f3 url(../image/hborder.png) repeat-x 0px -2003px;
  border: 1px solid #BBBBBB;
}
.gwt-MenuBar-horizontal .gwt-MenuItem {
  padding: 0px 10px;
  vertical-align: bottom;
  color: #666666;
  font-weight: bold;
}
.gwt-MenuBar-horizontal .gwt-MenuItemSeparator {
  width: 1px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  border-left: 1px solid #888888;
  background: white;
}
.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .menuSeparatorInner {
  width: 1px;
  background: white; 
}
.gwt-MenuBar-vertical {
  margin-top: 0px;
  margin-left: 0px;
  background: white;
}
.gwt-MenuBar-vertical table {
  border-collapse: collapse;
}
.gwt-MenuBar-vertical .gwt-MenuItem {
  padding: 4px 14px 4px 1px;
}
.gwt-MenuBar-vertical .gwt-MenuItemSeparator {
  padding: 2px 0px;
}
.gwt-MenuBar-vertical .gwt-MenuItemSeparator .menuSeparatorInner {
  height: 1px;
  padding: 0px;
  border: 0px;
  border-top: 1px solid #777777;
  background: #ddddee;
  overflow: hidden;
}
.gwt-MenuBar-vertical .subMenuIcon {
  padding-right: 4px;
}
.gwt-MenuBar-vertical .subMenuIcon-selected {
  background: #E0EDFE;
}
.gwt-MenuBarPopup {
  margin: 0px 0px 0px 3px;
}
.gwt-MenuBarPopup .menuPopupTopCenter {
  background: url(../image/hborder.png) 0px -12px repeat-x;
}
html>body .gwt-MenuBarPopup .menuPopupBottomCenter {
  background: url(../image/hborder.png) 0px -13px repeat-x;
}
* html .gwt-MenuBarPopup .menuPopupBottomCenter {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/hborder_gray_shadow.png',sizingMethod='scale');
}
.gwt-MenuBarPopup .menuPopupMiddleLeft {
  background: url(../image/vborder.png) -12px 0px repeat-y;
}
html>body .gwt-MenuBarPopup .menuPopupMiddleRight {
  background: url(../image/vborder.png) -13px 0px repeat-y;
}
* html .gwt-MenuBarPopup .menuPopupMiddleRight {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/vborder_gray_shadow.png',sizingMethod='scale');
}
.gwt-MenuBarPopup .menuPopupTopLeftInner {
  width: 5px;
  height: 5px;
  zoom: 1;
}
.gwt-MenuBarPopup .menuPopupTopRightInner {
  width: 8px;
  height: 5px;
  zoom: 1;
}
.gwt-MenuBarPopup .menuPopupBottomLeftInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}
.gwt-MenuBarPopup .menuPopupBottomRightInner {
  width: 8px;
  height: 8px;
  zoom: 1;
}
html>body .gwt-MenuBarPopup .menuPopupTopLeft {
  background: url(../image/corner.png) no-repeat 0px -36px;
}
html>body .gwt-MenuBarPopup .menuPopupTopRight {
  background: url(../image/corner.png) no-repeat -5px -36px;
}
html>body .gwt-MenuBarPopup .menuPopupBottomLeft {
  background: url(../image/corner.png) no-repeat 0px -41px;
}
html>body .gwt-MenuBarPopup .menuPopupBottomRight {
  background: url(../image/corner.png) no-repeat -5px -41px;
}
* html .gwt-MenuBarPopup .menuPopupTopLeftInner {
  width: 5px;
  height: 41px;
  margin-top: -36px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/../image/corner.png',sizingMethod='crop');
}
* html .gwt-MenuBarPopup .menuPopupTopRightInner {
  width: 13px;
  height: 41px;
  margin-left: -5px;
  margin-top: -36px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/../image/corner.png',sizingMethod='crop');
}
* html .gwt-MenuBarPopup .menuPopupBottomLeftInner {
  width: 5px;
  height: 49px;
  margin-top: -41px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/../image/corner.png',sizingMethod='crop');
}
* html .gwt-MenuBarPopup .menuPopupBottomRightInner {
  width: 13px;
  height: 49px;
  margin-left: -5px;
  margin-top: -41px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/../image/corner.png',sizingMethod='crop');
}

.gwt-PasswordTextBox {
  padding: 2px;
}
.gwt-PasswordTextBox-readonly {
  color: #888;
}

.gwt-PopupPanel {
  border: 3px solid #C3D9FF;
  padding: 3px;
  background: white;
}

.gwt-DecoratedPopupPanel .popupContent {
}
.gwt-DecoratedPopupPanel .popupMiddleCenter {
  padding: 3px;
  background: white;
}
.gwt-DecoratedPopupPanel .popupTopCenter {
  background: url(../image/hborder.png) repeat-x;
}
html>body .gwt-DecoratedPopupPanel .popupBottomCenter {
  background: url(../image/hborder.png) repeat-x 0px -4px;
}
* html .gwt-DecoratedPopupPanel .popupBottomCenter {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/hborder_blue_shadow.png',sizingMethod='scale');
}
.gwt-DecoratedPopupPanel .popupMiddleLeft {
  background: url(../image/vborder.png) repeat-y;
}
html>body .gwt-DecoratedPopupPanel .popupMiddleRight {
  background: url(../image/vborder.png) repeat-y -4px 0px;
}
* html .gwt-DecoratedPopupPanel .popupMiddleRight {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/vborder_blue_shadow.png',sizingMethod='scale');
}
.gwt-DecoratedPopupPanel .popupTopLeftInner {
  width: 5px;
  height: 5px;
  zoom: 1;
}
.gwt-DecoratedPopupPanel .popupTopRightInner {
  width: 8px;
  height: 5px;
  zoom: 1;
}
.gwt-DecoratedPopupPanel .popupBottomLeftInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}
.gwt-DecoratedPopupPanel .popupBottomRightInner {
  width: 8px;
  height: 8px;
  zoom: 1;
}
html>body .gwt-DecoratedPopupPanel .popupTopLeft {
  background: url(../image/corner.png) no-repeat 0px -10px;
}
html>body .gwt-DecoratedPopupPanel .popupTopRight {
  background: url(../image/corner.png) no-repeat -5px -10px;
}
html>body .gwt-DecoratedPopupPanel .popupBottomLeft {
  background: url(../image/corner.png) no-repeat 0px -15px;
}
html>body .gwt-DecoratedPopupPanel .popupBottomRight {
  background: url(../image/corner.png) no-repeat -5px -15px;
}
* html .gwt-DecoratedPopupPanel .popupTopLeftInner {
  width: 5px;
  height: 15px;
  margin-top: -10px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/../image/corner.png',sizingMethod='crop');
}
* html .gwt-DecoratedPopupPanel .popupTopRightInner {
  width: 13px;
  height: 15px;
  margin-left: -5px;
  margin-top: -10px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/../image/corner.png',sizingMethod='crop');
}
* html .gwt-DecoratedPopupPanel .popupBottomLeftInner {
  width: 5px;
  height: 23px;
  margin-top: -15px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/../image/corner.png',sizingMethod='crop');
}
* html .gwt-DecoratedPopupPanel .popupBottomRightInner {
  width: 13px;
  height: 23px;
  margin-left: -5px;
  margin-top: -15px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/../image/corner.png',sizingMethod='crop');
}

.gwt-PushButton-up,
.gwt-PushButton-up-hovering,
.gwt-PushButton-up-disabled,
.gwt-PushButton-down,
.gwt-PushButton-down-hovering,
.gwt-PushButton-down-disabled {
  margin: 0;
  padding: 3px 5px;
  text-decoration: none;
  background: url("../image/hborder.png") repeat-x 0px -27px;
}
.gwt-PushButton-up {
  /*border: 1px outset #ccc;*/
  cursor: pointer;
  cursor: hand;
}
.gwt-PushButton-up-hovering {
  /*border: 1px outset;
  border-color: #9cf #69e #69e #7af;*/
  cursor: pointer;
  cursor: hand;
}
.gwt-PushButton-up-disabled {
  /*border: 1px outset #ccc;*/
  cursor: default;
  opacity: .5;
  filter: alpha(opacity=40);
  zoom: 1;
}
.gwt-PushButton-down {
  /*border: 1px inset #666;*/
  cursor: pointer;
  cursor: hand;
}
.gwt-PushButton-down-hovering {
  /*border: 1px inset;
  border-color: #9cf #69e #69e #7af;*/
  cursor: pointer;
  cursor: hand;
}
.gwt-PushButton-down-disabled {
  border: 1px outset #ccc;
  cursor: default;
  opacity: 0.5;
  filter: alpha(opacity=40);
  zoom: 1;
}

.gwt-RadioButton {
  padding: 4px 4px 3px 3px;
}
.gwt-RadioButton-disabled {
  color: #888;
}

.gwt-RichTextArea {
}
.hasRichTextToolbar {
  border: 0px;
}
.gwt-RichTextToolbar {
  background: #e3e8f3 url(../image/hborder.png) repeat-x 0px -2003px;
  border-bottom: 1px solid #BBBBBB;
  padding: 3px;
  margin: 0px;
}
.gwt-RichTextToolbar .gwt-PushButton-up {
  padding: 0px 1px 0px 0px;
  margin-right: 4px;
  margin-bottom: 4px;
  border-width: 1px; 
}
.gwt-RichTextToolbar .gwt-PushButton-up-hovering {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 1px 0px 0px;
  border-width: 1px; 
}
.gwt-RichTextToolbar .gwt-PushButton-down {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 0px 0px 1px;
  border-width: 1px; 
}
.gwt-RichTextToolbar .gwt-PushButton-down-hovering {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 0px 0px 1px;
  border-width: 1px; 
}
.gwt-RichTextToolbar .gwt-ToggleButton-up {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 1px 0px 0px;
  border-width: 1px;
}
.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 1px 0px 0px;
  border-width: 1px;
}
.gwt-RichTextToolbar .gwt-ToggleButton-down {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 0px 0px 1px;
  border-width: 1px;
}
.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 0px 0px 1px;
  border-width: 1px;
}

.gwt-StackPanel {
  border-bottom: 1px solid #bbbbbb;
}
.gwt-StackPanel .gwt-StackPanelItem {
  cursor: pointer;
  cursor: hand;
  font-weight: bold;
  font-size: 1.3em;
  padding: 3px;
  border: 1px solid #bbbbbb;
  border-bottom: 0px;
  background: #d3def6 url(../image/hborder.png) repeat-x 0px -989px;
}
.gwt-StackPanel .gwt-StackPanelContent {
  border: 1px solid #bbbbbb;
  border-bottom: 0px;
  background: white;
  padding: 2px 2px 10px 5px;
}

.gwt-DecoratedStackPanel {
  border-bottom: 1px solid #bbbbbb;
}
.gwt-DecoratedStackPanel .gwt-StackPanelContent {
  border: 1px solid #bbbbbb;
  border-bottom: 0px;
  background: white;
  padding: 2px 2px 10px 5px;
}
.gwt-DecoratedStackPanel .gwt-StackPanelItem {
  cursor: pointer;
  cursor: hand;
}
.gwt-DecoratedStackPanel .stackItemTopLeft,
.gwt-DecoratedStackPanel .stackItemTopRight {
  height: 6px;
  width: 6px;
  zoom: 1;
}
html>body .gwt-DecoratedStackPanel .stackItemTopLeft {
  background: #d3def6 url(../image/corner.png) no-repeat 0px -49px;
  border-left: 1px solid #bbbbbb;
}
html>body .gwt-DecoratedStackPanel .stackItemTopRight {
  background: #d3def6 url(../image/corner.png) no-repeat -6px -49px;
  border-right: 1px solid #bbbbbb;
}
.gwt-DecoratedStackPanel .stackItemTopLeftInner,
.gwt-DecoratedStackPanel .stackItemTopRightInner {
  width: 1px;
  height: 1px;
}
* html .gwt-DecoratedStackPanel .stackItemTopLeftInner {
  width: 6px;
  height: 55px;
  margin-top: -49px;
  overflow: hidden;
  border-left: 1px solid #bbbbbb;
  background-color: #d3def6;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/../image/corner.png',sizingMethod='crop');
}
* html .gwt-DecoratedStackPanel .stackItemTopRightInner {
  width: 12px;
  height: 55px;
  margin-top: -49px;
  margin-left: -6px;
  overflow: hidden;
  border-right: 1px solid #bbbbbb;
  background-color: #d3def6;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/../image/corner.png',sizingMethod='crop');
}
.gwt-DecoratedStackPanel .stackItemTopCenter {
  background: url(../image/hborder.png) 0px -21px repeat-x;
}
.gwt-DecoratedStackPanel .stackItemMiddleLeft {
  background: #d3def6 url(../image/hborder.png) repeat-x 0px -989px;
  border-left: 1px solid #bbbbbb;
}
.gwt-DecoratedStackPanel .stackItemMiddleLeftInner,
.gwt-DecoratedStackPanel .stackItemMiddleRightInner {
  width: 1px;
  height: 1px;
}
.gwt-DecoratedStackPanel .stackItemMiddleRight {
  background: #d3def6 url(../image/hborder.png) repeat-x 0px -989px;
  border-right: 1px solid #bbbbbb;
}
.gwt-DecoratedStackPanel .stackItemMiddleCenter {
  font-weight: bold;
  font-size: 1.3em;
  background: #d3def6 url(../image/hborder.png) repeat-x 0px -989px;
}
html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopRight,
html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopLeft {
  border: 0px;
  background-color: white;
}
html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopLeft,
html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopRight {
  background-color: white;
}
* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopLeftInner,
* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopRightInner {
  border: 0px;
  background-color: white;
}
* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopLeftInner {
  padding-left: 1px;
}
* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopLeftInner,
* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopRightInner {
  background-color: white;
}

.gwt-TabBar {
}
.gwt-TabBar .gwt-TabBarFirst {
  width: 5px;  /* first tab distance from the left */
}
.gwt-TabBar .gwt-TabBarRest {
}
.gwt-TabBar .gwt-TabBarItem {
  margin-left: 6px;
  padding: 3px 6px 3px 6px;
  cursor: pointer;
  cursor: hand;
  color: #333333;
  font-weight: bold;
  text-align: center;
  font-family: sans-serif;
  background: #f0f0f0;
}
.gwt-TabBar .gwt-TabBarItem-selected {
  cursor: default;
  background: #999999;
}
 
.gwt-TabPanel {
}
.gwt-TabPanelBottom {
  border-color: #999999;
  border-style: solid;
  border-width: 3px 2px 2px;
  overflow: hidden;
  padding: 6px;
}

.gwt-DecoratedTabBar {
}
.gwt-DecoratedTabBar .gwt-TabBarFirst {
  width: 5px;  /* first tab distance from the left */
}
.gwt-DecoratedTabBar .gwt-TabBarRest {
}
.gwt-DecoratedTabBar .gwt-TabBarItem {
  border-collapse: collapse;
  margin-left: 6px;
}
.gwt-DecoratedTabBar .tabTopCenter {
  padding: 0px;
  background: #d0e4f6;
}
.gwt-DecoratedTabBar .tabTopLeft,
.gwt-DecoratedTabBar .tabTopRight {
  padding: 0px;
  zoom: 1;
}
.gwt-DecoratedTabBar .tabTopLeftInner,
.gwt-DecoratedTabBar .tabTopRightInner {
  width: 6px;
  height: 6px;
}
html>body .gwt-DecoratedTabBar .tabTopLeft {
  background: url(../image/corner.png) no-repeat 0px -55px;
}
html>body .gwt-DecoratedTabBar .tabTopRight {
  background: url(../image/corner.png) no-repeat -6px -55px;
}
* html .gwt-DecoratedTabBar .tabTopLeftInner {
  width: 5px;
  height: 61px;
  margin-top: -55px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/../image/corner.png',sizingMethod='crop');
}
* html .gwt-DecoratedTabBar .tabTopRightInner {
  width: 12px;
  height: 61px;
  margin-top: -55px;
  margin-left: -6px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/../image/corner.png',sizingMethod='crop');
}
.gwt-DecoratedTabBar .tabMiddleLeft,
.gwt-DecoratedTabBar .tabMiddleRight {
  width: 6px;
  padding: 0px;
  background: #d0e4f6;
}
.gwt-DecoratedTabBar .tabMiddleLeftInner,
.gwt-DecoratedTabBar .tabMiddleRightInner {
  width: 1px;
  height: 1px;
}
.gwt-DecoratedTabBar .tabMiddleCenter {
  padding: 0px 4px 2px 4px;
  cursor: pointer;
  cursor: hand;
  color: black;
  font-weight: bold;
  text-align: center;
  background: #d0e4f6;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
  background: #92c1f0;
}
html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
  background-position: 0px -61px;
}
html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
  background-position: -6px -61px;
}
* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeftInner {
  width: 5px;
  height: 67px;
  margin-top: -61px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/../image/corner.png',sizingMethod='crop');
}
* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRightInner {
  width: 12px;
  height: 67px;
  margin-top: -61px;
  margin-left: -6px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/../image/corner.png',sizingMethod='crop');
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
  background: #92c1f0;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
  cursor: default;
  background: #92c1f0;
}

.gwt-TextArea {
  padding: 2px;
}
.gwt-TextArea-readonly {
  color: #888;
}

.gwt-TextBox {
  padding: 2px;
}
.gwt-TextBox-readonly {
  color: #888;
}

.gwt-DatePicker {
  border: 1px solid #ccc;
  border-top:1px solid #999;
  cursor: default;
}

.gwt-DatePicker td,
.datePickerMonthSelector td:focus {
  outline: none;
}

.datePickerMonthSelector td:focus {
  outline: none;
}

.datePickerDays {
  width: 100%;
  background: white;
}

.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  font-size: 85%;
  text-align: center;
  padding: 4px;
  outline: none;
  font-weight:bold;
  color:#333;
  border-right: 1px solid #EDEDED;
  border-bottom: 1px solid #EDEDED;
}

.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  background: #fff;
  padding: 0px 4px 2px;
  cursor: default;
  color:#666;
  font-size:70%;
  font-weight:normal;
}

.datePickerDay {
  padding: 4px 7px;
  cursor: hand;
  cursor: pointer;
}

.datePickerDayIsWeekend {
  background: #f7f7f7;
}

.datePickerDayIsFiller {
  color: #999;
  font-weight:normal;
}


.datePickerDayIsDisabled {
  color: #AAAAAA;
  font-style: italic;
}

.datePickerDayIsHighlighted {
  background: #F0E68C;
}

.datePickerDayIsValueAndHighlighted {
  background: #d7dfe8;
}

.datePickerDayIsToday {
  background: #d7dfe8;
}

.datePickerDayIsValue {
  padding: 3px;
  color: #fff;
  background: url(../image/cal_hborder.png) repeat-x 0px -2607px;
}
.datePickerMonthSelector {
  width: 100%;
  padding: 1px 0 5px 0;
  background: #fff;
}

.datePickerPreviousButton,
.datePickerNextButton,
.datePickerPreviousYearButton,
.datePickerNextYearButton {
  font-size: 16px;
  line-height: 1em;
  color: #3a6aad;
  cursor: hand;
  cursor: pointer;
  font-weight: bold;
  padding: 0px 4px;
  outline: none;
}

td.datePickerMonth,
td.datePickerYear {
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 100%;
  font-weight: bold;
  color: #333;
}

.datePickerTodayBar 
{
  background:white;
  width: 100%;
}

.datePickerTodayBar td
{
  font-size: 90%;
  text-align: center;
  padding: 2px;
  outline: none;
  font-weight:normal;
  color:#333;		
}

.datePickerTodayBar a { text-decoration: underline; }