/** Add css rules here for your application. */

/*
body, table td, select {
  font-family: Arial Unicode MS, Arial, sans-serif;
  font-sizeXXX: small;
}
pre {
  font-family: "courier new", courier;
  font-sizeXXX: small;
}
body {
  color: black;
  margin: 0px;
  border: 0px;
  padding: 0px;
  background: #fff;
  direction: ltr;
}
a, a:visited, a:hover {
  color: #0000AA;
}

h1 {
  font-sizeXXX: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
} 

*/

.previewFrame{
	width:500px;
	height:400px;
}
.previewBox{
	width:522px;
	height:500px;	
}
.messageBoxHtml{
	padding:10px;	
}

.messageBoxButton{

}

.uploadStatusWindow{
	width:400px;
	border: 1px solid #10597B;
}
.uploadStatusWindowLabel{
	font-weight: bold;	
	margin-right: 5px;
	text-align: right;
}

.sendButton {
  display: block;
  font-sizeXXX: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  border: 1px solid #10597B;
  background-color: #ECF2F9;
  
}

.gwt-DialogBox .Caption { 
	background: url(titleBar.png) repeat-x;
	height: 30px;
	color: White;
	font-sizeXXX: 1.1em;
	font-weight: bold;
	padding: 4px;
}

.gwt-DialogBox .dialogContent { 
	width: 100%;
}

.dialogButton{
	background: url(buttonEnabled.png) repeat-x;
	border: 1px solid #10597B;
	width: 110px;
	margin: 5px;
	font-weight: bold;
}

.dialogButton:hover{
	background: url(buttonHover.png) repeat-x;
}

.fileReplaceDialog{
	
}

.ibQuestionLabel, .ibQuestionText{
	width: 350px;	
	margin: 5px;
}

.drCenterGrid{
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	width: 100%;
	
}

.drMainPanel{
	
}

.pdMainPanel{
	width:400px;
	margin:10px;
}

.pdMainPanel td{
	vertical-align: top;
}

.pdIcon{
	padding-left: 20px;	
}

.drFileScroller{
	width: 400px;
	height: 170px;
	margin: 0px;
}

.drTopLabel{
	margin: 4px;
}

.drReplaceFileNames{
	
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}

.fmTable{
	width: 100%;
	heightXXX: 80%;
}

.outerMostDoc{
	width: 99%;
	height: 100%;
	/* border: 1px solid #0B68A4; */
	margin: 1px;
	box-shadow: 0 0 8px rgba(85, 85, 85, 0.42);
}

.outerNorth{
	width: 100%;
	padding: 1px;
}

.topButtons{
	width: 100%;
	height: 30px;
	background: url(titleBar.png) repeat-x;
	background: #2a3751;
}

.progLabel{
	color: White;
	font-size: 1.4em;
	font-weight: bold;
	padding: 3px;
}

.listTable{
	padding: 0px;
	margin: 0px;
	width: 100%;
}

.listTable td{
   font-sizeXXX: 11px;
   padding: 0;
}

.listTable tr:hover{
   background: url(tableRowHover.gif) repeat-x;
   background: #f5f5f5;
}

.selectedTableRow{
   background: url(tableSelectedRow.gif) repeat-x;
   background: #f0f0f0;
}

.listTableHeader {
	height: 23px;
	/* background: url(gridTitleBar.png) repeat-x; */
	/* border-right: 1px solid #CCCCCC; */
	font-sizeXXX: 11px;
	background: #f9f9f9;
	padding-left: 15px;
}

.mountingPointPanel{
	border: 1px solid #999999;
	width: 100%;
	height: 35px;
	
	background-colorXXX: #B9D1EA;
	background-color: #eeeeee;
	font-sizeXXX: 12px;
}

.mountingPointsCombo{

	background-color: #f5f5f5;
	color: #222;
	width: 150px;
	padding-left: 5px;
	border: 1px solid #ddd;
}

.activePath{
	font-sizeXXX: 11px;
	background-color: #004984;
	color: White;
	width: 340px;
	background-color: #f5f5f5;
	color: #222;
	/* width: 150px; */
	padding-left: 5px;
	border: 1px solid #ddd;
}

.filterText{
	font-sizeXXX: 11px;
	background-color: #004984;
	color: White;
	width: 60px;
	background-color: #f5f5f5;
	color: #222;
	/* width: 150px; */
	padding-left: 5px;
	border: 1px solid #ddd;
}

.jumpTo, a.jumpTo:hover, a.jumpTo:visited{
	margin-top: 3px;
	background: url(addressGoButton.png) no-repeat;
	padding-left: 15px;
	color: #ECF2F9;
	background-position: 4px 3px;
	font-size: 0;
}

.outerVertical{
	width: 100%;
	heightXXX: 405px;
	border: 1px solid white;
}

.outerVertical .vsplitter{
	cursor: move;
   border: 0px; 
	background-color: #2F7EB2;
}

.gutHolder{
	height: 500px;
}
.centerSplitter{

}
.centerSplitter .hsplitter{
	cursor: move;
	border: 0px;
	background-color: #8e8e8e;
	padding: 0px;
	width: 10p !important;
}

.uploadPanel{
	width: 100%;

	border: 1px solid #CCCCCC;
	background-color: #FAFAFA;
}

.rightPanel{
	width: 100%;
	margin: 2px;
}

.UploadForm{

}

.statusBar{
	color: #528AA5;
	borderX: 1px solid #10597B;
}


.quotaBar{
	color: #528AA5;
	borderX: 1px solid #10597B;
	text-align: right;
}


.gwt-Tree{
	background-color: #FAFAFA;
}
.gwt-Tree .gwt-TreeItem{
	cursor: pointer;
	font-sizeXXX: 11px;
	background: url(folder.gif) no-repeat;
	padding: 1px 0px 0px 20px;
	white-space: pre-wrap;
	
}

.gwt-Tree .gwt-TreeItem-selected{
	background-image: url(folderopen.gif);
	font-weight: bold;
	color: Black;
	white-space: pre-wrap; /* This is done for IE, which removes extra spaces and causes problems if a file contain multiple spaces in its name */
}

/* Menu Bar */

.disabledMenuItem{
	color: #DDDDDD;
}

.gwt-MenuBar {
  cursor: default;
  
}
.gwt-MenuBar .gwt-MenuItem {
	cursor: default;
	font-sizeXXX: 11px;
	background: #ECF2F9 url(whiteToBlue.gif) repeat-y;
	/*border: 1px solid #ECF2F9; */
}
.gwt-MenuBar .gwt-MenuItem-selected {
  background: url(selectedMenuItem.gif) repeat-x;
  background-color: #d8f0fc;
  
  /* border: 1px solid #96d3f2;
  Do not add border here. It screws up the height of the menu */
}

/*
.gwt-MenuBar-horizontal {
  background: #e3e8f3 url(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;
  height: 1px;
  background: green; 
}
*/
.gwt-MenuBar-vertical {
	margin-top: 0px;
	margin-left: 0px;
	background-colorXXX: #E0E8EF;
	
	border: 1px solid #E0E8EF;
}
.gwt-MenuBar-vertical table {
  border-collapse: collapse;
}
.gwt-MenuBar-vertical .gwt-MenuItem {
  padding: 4px 50px 4px 15px;
}
.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-color: #ddddee;
  overflow: hidden;
}
.gwt-MenuBar-vertical .subMenuIcon {
  padding-right: 4px;
}
.gwt-MenuBar-vertical .subMenuIcon-selected {
  background: #F1F1F1;
}

.gwt-MenuBarPopup {
  margin: 0px 0px 0px 3px;
  /* padding-top: 426px; */
  margin-left: -15px;
  margin-top: 5px;
}

/*
.gwt-MenuBarPopup .menuPopupTopCenter {
  background: url(hborder.png) 0px -12px repeat-x;
}
.gwt-MenuBarPopup .menuPopupBottomCenter {
  background: url(hborder.png) 0px -13px repeat-x;
  -background: url(hborder_ie6.png) 0px -13px repeat-x;
}
.gwt-MenuBarPopup .menuPopupMiddleLeft {
  background: url(vborder.png) -12px 0px repeat-y;
  -background: url(vborder_ie6.png) -12px 0px repeat-y;
}
.gwt-MenuBarPopup .menuPopupMiddleRight {
  background: url(vborder.png) -13px 0px repeat-y;
  -background: url(vborder_ie6.png) -13px 0px repeat-y;
}
.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;
}
.gwt-MenuBarPopup .menuPopupTopLeft {
  background: url(corner.png) no-repeat 0px -36px;
  -background: url(corner_ie6.png) no-repeat 0px -36px;
}
.gwt-MenuBarPopup .menuPopupTopRight {
  background: url(corner.png) no-repeat -5px -36px;
  -background: url(corner_ie6.png) no-repeat -5px -36px;
}
.gwt-MenuBarPopup .menuPopupBottomLeft {
  background: url(corner.png) no-repeat 0px -41px;
  -background: url(corner_ie6.png) no-repeat 0px -41px;
}
.gwt-MenuBarPopup .menuPopupBottomRight {
  background: url(corner.png) no-repeat -5px -41px;
  -background: url(corner_ie6.png) no-repeat -5px -41px;
}
* html .gwt-MenuBarPopup .menuPopupTopLeftInner {
  width: 5px;
  height: 5px;
  overflow: hidden;
}
* html .gwt-MenuBarPopup .menuPopupTopRightInner {
  width: 8px;
  height: 5px;
  overflow: hidden;
}
* html .gwt-MenuBarPopup .menuPopupBottomLeftInner {
  width: 5px;
  height: 8px;
  overflow: hidden;
}
* html .gwt-MenuBarPopup .menuPopupBottomRightInner {
  width: 8px;
  height: 8px;
  overflow: hidden;
}

*/

.gwt-PopupPanel {
	border: 1px solid #2F7EB2;
	background: #ECF2F9 url(whiteToBlue.gif) repeat-y;
}
.gwt-DecoratedPopupPanel{
	background: #ECF2F9 url(whiteToBlue.gif) repeat-y;
}

.popupMenuButton{
	width: 20px;
	height: 20px;
	background: #EFF3FF url('menu.gif') no-repeat;
}

.notePopup{
	border: 1px solid #085173;
	background-color: #E7F2FC;
}

.richDialog{
	background-color: White;
}

/* Rich Toolbar */
/** Add css rules here for your application. */

.RichTextToolbar {
	backgroundXXX: #E2E2E2;
	padding:5px;
	margin:0px;
	/*border: red 1px solid;*/
}

.RichTextToolbar .gwt-ToggleButton {
	background: #F4F4F4;
	border: 1px outset #ccc;
}

.RichTextToolbar .gwt-PushButton {
	background: #F4F4F4;
	border: 1px outset #ccc;
}

.RichTextToolbar .gwt-ToggleButton-up-hovering {
	background: #F4F4F4;
	border-color: #9cf #69e #69e #7af;
}

.RichTextToolbar .gwt-PushButton-up-hovering {
	background: #F4F4F4;
	border-color: #9cf #69e #69e #7af;
}

.RichTextToolbar .gwt-ToggleButton-down {
	background: #D5D5D5;
	border-color: #777777 #777777 #777777 #777777;
}

.RichTextToolbar .gwt-PushButton-down {
	background: #D5D5D5;
	border-color: #777777 #777777 #777777 #777777;
}

.RichTextToolbar .gwt-ToggleButton-down-hovering {
	background: #D5D5D5;
	border-color: #9cf #69e #69e #7af;
}

.RichTextToolbar .gwt-PushButton-down-hovering {
	background: #D5D5D5;
	border-color: #9cf #69e #69e #7af;
}

.RichTextToolbar .gwt-PushButton-up-disabled {
	background: #717171;
	border-color: #B9968F #B9968F #B9968F #B9968F;
}

.RichTextToolbar .gwt-PushButton-down-disabled {
	background: #717171;
	border-color: #B9968F #B9968F #B9968F #B9968F;
}

.RichTextToolbar .gwt-ToggleButton-up-disabled {
	background: #717171;
	border-color: #B9968F #B9968F #B9968F #B9968F;
}

.RichTextToolbar .gwt-ToggleButton-down-disabled {
	background: #717171;
	border-color: #B9968F #B9968F #B9968F #B9968F;
}

.usageTip{
	padding: 20px;
}

.fileLandingArea{
	padding: 10px;	
	font-weight: bold;
	border: 2px dashed #CCCCCC;
	text-align: center;
	min-height:20px;
}



.fileLandingAreaHover{
	padding: 10px;
	color: #CC0000;
	font-weight: bold;
	border: 2px dashed #CCCCCC;
	text-align: center;
}

.fileLandingAreaDndNotSupported{
	padding: 3px;	
	font-weight: bold;
	text-align: right;
}

.qsLandingArea{
	padding: 100px;	
	font-weight: bold;
	border: 2px dashed #CCCCCC;
	text-align: center;
	min-height:20px;
	background: #efefef;
}

.qsLandingAreaHover{
	padding: 100px;	
	color: #CC0000;
	font-weight: bold;
	border: 2px dashed #CCCCCC;
	text-align: center;
	background: #dfdfdf;
}

.dndUploadButton{
	font-size: 14px; 
	font-weightXX:bold; 
	color: #333333; 
	border:1px solid #CCCCCC; 
	padding:23px 3px 3px 3px; 
	margin:23px 3px 3px 3px;
	background-color: #EEEEEE;
}
.synLockedFile{
	color: #FF0000;
}


.synLockedByOther{
	text-decoration: line-through;
	color: #CCCCCC;
}


.fmTable .outerVertical .listTable .gwt-Label{padding-left:13px}


.synPBConfDlg{
	/*
	width: 400px;
	height: 300px; */
	
	margin: 10px;
}






/* Date picker Starts here */
.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;
}

.datePickerDayIsValue {
  background: #d7dfe8;
}

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

.datePickerDayIsHighlighted {
  background: #F0E68C;
}

.datePickerDayIsValueAndHighlighted {
  background: #d7dfe8;
}

.datePickerDayIsToday {
  padding: 3px;
  color: #fff;
  background: url(images/hborder.png) repeat-x 0px -2607px;
}

.datePickerMonthSelector {
  width: 100%;
  padding: 1px 0 5px 0;
  background: #fff;
}

.datePickerPreviousButton,
.datePickerNextButton,
.datePickerPreviousYearButton,
.datePickerNextYearButton {
  font-size: 120%;
  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;
}

.gwt-DateBox {
  padding: 5px 4px;
  border: 1px solid #ccc;
  border-top: 1px solid #999;
  font-size: 100%;
}

.gwt-DateBox input {
  width: 8em;
}

.dateBoxFormatError {
  background: #ffcccc;
}

.dateBoxPopup {
}
/* Date picker ends here */


/* Search Tree */

.searchResults{
	cursor: pointer;
	background: url(searchFolder.gif)  no-repeat;
	padding: 1px 0px 0px 20px;
}


.disabledTextbox{
	background-color: #cccccc;
}

.hourGlassOn{
	cursor: wait;
}

.hourGlassOn{
	cursor: default;
}


.file-icon-image{
	height:16px;
}