/** 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;
	z-index: 50000;
}
.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;
}

.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;
}

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

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

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


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

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

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

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

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

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

.mountingPointsCombo{
	font-sizeXXX: 11px;
	background-colorXXX: #ECF2F9;
	background-color: #004984;
	color: White;
	width: 150px;
}

.activePath{
	font-sizeXXX: 11px;
	background-color: #004984;
	color: White;
	width: 340px;
}

.filterText{
	font-sizeXXX: 11px;
	background-color: #004984;
	color: White;
	width: 60px;
}

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

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

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

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

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

.uploadPanel{
	width: 100%;
	display:none;
	border: 1px solid #CCCCCC;
	background-color: #FAFAFA;
}

.rightPanel{
	width: 100%;
}


.UploadForm{

}




.statusBar{
	color: #528AA5;
	border: 1px solid #10597B;
	font-sizeXXX: 11px;
}

.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;
	
}

.gwt-Tree .gwt-TreeItem-selected{
	background-image: url(folderopen.gif);
	font-weight: bold;
	color: Black;
}



/* 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 {
  z-index: 9999; /* New Interface */
  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;
  
}


/*
.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;
}


.versionDlgBottomPanel{
	border: 1px solid #DDDDDD;
	height: 40px;
	width: 100%;
	margin: 5px;
}

.versionDlgTopPanel{
	width: 100%;
	margin: 5px;
}

.versionDlgPwdPanel{
	width: 100%;
	margin: 5px;
}

.versionDlgCombo{
	width: 110px;
	margin: 5px;
	font-weight: bold;
}




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


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

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

.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;
}








/* 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 {
	z-index: 100000;
}
/* 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;
}