body {
	font-family: arial, helvetica, sans;
	font-size: 10pt;
	margin: 0;
	background-color: #EEE;
}

h1 {
	font-family: georgia, serif;
	font-size: 2em;
	font-weight: normal;
	margin: 0;
}

input {
	margin: 0;
	padding: 0 0 0 5px;
	border: 0;
	height: 2em;
	font-size: 10pt;
	line-height: 2em;
}

input[type="file"] {
	line-height: normal;
}

select[multiple] {
	padding: 5px;
	width: 264px;
}

select {
	margin: 0;
	font-size: 10pt;
}

button {
	margin: 0;
	font-size: 10pt;
}

.glasspanel {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.2);
	filter:alpha(opacity=20);
}

.error {
	background-color: #808080;
}

.home {
	background-color: #0068CE;
}

.declare {
	background-color: #69B73B;
}

.archive {
	background-color: #FF8000;
}

.trash {
	background-color: #ffa500;
}

.profile {
	background-color: #D90202;
}

.stats {
	background-color: #8000FF;
}

.admin {
	background-color: #404040;
}

.document-list {
	display: table-cell;
	width: 320px;
}

.mirror {
	display: inline-block;
	-moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

/* ------ TOGGLEBUTTON ---------- */
.declare-input {
	color: white;
	width: 270px;

	text-align: center;
	font-size: 10pt;

	height: 2em;
	line-height: 2em;

	cursor: default;

	border-radius: 4px;
}

.declare-input-up {
	background-color: #808080;
}

.declare-input-up-hovering {
	background-color: #9BB783;
	
	cursor: pointer;
	
	border-radius: 4px;
}

.declare-input-up .html-face {
	color: white;
}
.declare-input-up-hovering .html-face {
	color: white;
}

.declare-input-up-disabled {
	background-color: #C0C0C0;
}

.declare-input-up-disabled .html-face {
	color: #808080;
}

.declare-input-down {
	font-weight: bold;
	background-color: #69B73B;
}

.declare-input-down-hovering {
	cursor: pointer;
}

.declare-input-down .html-face {
	color: white;
}
.declare-input-down-hovering .html-face {
	color: white;
}

.declare-input-up-hovering {
}

.declare-input-down-hovering {
	font-weight: bold;
	background-color: #69B73B;
}

.declare-input-down-disabled {
	font-weight: bold;
	background-color: #69B73B;
}

.declare-input-down-disabled .html-face {
	color: white;
}

/* ------ DialogBox ------------- */
.gwt-DialogBox {
	color: white;
}

.gwt-DialogBox .dialogTopCenter {
	background: url(img/PopupHorizontalBorders.png) repeat-x 0px 0px;
	height: 16px;
}

.gwt-DialogBox .dialogBottomCenter {
	background: url(img/PopupHorizontalBorders.png) repeat-x 0px -64px;
	height: 16px;
}

.gwt-DialogBox .dialogTopLeft {
	background: url(img/PopupCorners.png) no-repeat 0px 0px;
	width: 16px;
	height: 16px;
}

.gwt-DialogBox .dialogTopRight {
	background: url(img/PopupCorners.png) no-repeat -16px 0px;
	width: 16px;
	height: 16px;
}

.gwt-DialogBox .dialogMiddleLeft {
	background: url(img/PopupVerticalBorders.png) repeat-y 0px 0px;
	width: 16px;
}

.gwt-DialogBox .dialogMiddleRight {
	background: url(img/PopupVerticalBorders.png) repeat-y -16px 0px;
	width: 16px;
}

.gwt-DialogBox .dialogBottomLeft {
	background: url(img/PopupCorners.png) no-repeat 0px -64px;
	width: 16px;
	height: 16px;
}

.gwt-DialogBox .dialogBottomRight {
	background: url(img/PopupCorners.png) no-repeat -16px -64px;
	width: 16px;
	height: 16px;
}


.gwt-DialogBox .dialogTopCenterInner .Caption {
	font-family: georgia;
	font-size: 2em;
	cursor: default;
	padding: 24px 8px 0 8px;
}

.gwt-DialogBox .dialogMiddleCenter {
	padding: 8px;
	background-color: #313131;
}

.myDialogBox {
	color: #5E646D;
}

.myDialogBox .dialogTopCenter {
	background: url(img/PopupHorizontalBorders.png) repeat-x 0px 0px;
	height: 16px;
}

.myDialogBox .dialogBottomCenter {
	background: url(img/PopupHorizontalBorders.png) repeat-x 0px -64px;
	height: 16px;
}

.myDialogBox .dialogTopLeft {
	background: url(img/PopupCorners.png) no-repeat 0px 0px;
	width: 16px;
	height: 16px;
}

.myDialogBox .dialogTopRight {
	background: url(img/PopupCorners.png) no-repeat -16px 0px;
	width: 16px;
	height: 16px;
}

.myDialogBox .dialogMiddleLeft {
	background: url(img/PopupVerticalBorders.png) repeat-y 0px 0px;
	width: 16px;
}

.myDialogBox .dialogMiddleRight {
	background: url(img/PopupVerticalBorders.png) repeat-y -16px 0px;
	width: 16px;
}

.myDialogBox .dialogBottomLeft {
	background: url(img/PopupCorners.png) no-repeat 0px -64px;
	width: 16px;
	height: 16px;
}

.myDialogBox .dialogBottomRight {
	background: url(img/PopupCorners.png) no-repeat -16px -64px;
	width: 16px;
	height: 16px;
}


.myDialogBox .dialogTopCenterInner .Caption {
	font-family: georgia;
	font-size: 2em;
	cursor: default;
	padding: 24px 8px 15px 8px;
	color: #FFF;
}

.myDialogBox .dialogMiddleCenter {
	padding: 8px;
	background-color: #FFF;
}


/* ------ RICHTEXTAREA ---------- */
.richText-wrapper {
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border: none;
}

.richText-wrapper tr,.richText-wrapper td {
	margin: 0;
	padding: 0;
}

.gwt-RichTextArea {
	background-color: #FFFFFF;
	border-style: solid;
	border-color: #7F9DB9;
	border-width: 1px;
	margin-left: -2px;
}

/* ------ RichTextToolbar ------- */
td.rich-text-toolbar-container {
	padding-left: 10px;
}

.rich-text-toolbar {
	background-color: #e3e8f3;
	background-image: url("images/buttons/richTextToolbar-background.png");
	background-repeat: repeat-x;
	background-position: left top;
	padding: 4px;
	margin: 0px;
	border-width: 1px;
	border-color: #CCCCCC;
	border-style: solid;
	border-bottom: none;
	float: left;
}

.rich-text-toolbar table,.rich-text-toolbar tr,.rich-text-toolbar td {
	border: none;
	background: none;
}

.rich-text-toolbar tr,.rich-text-toolbar td {
	padding: 0;
}

.rtt-button,.rtt-separator {
	float: left;
}

.rtt-separator {
	height: 1px;
	width: 5px;
}

.rtt-button {
	background: transparent;
	border: 1px outset #ccc;
}

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

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

.rich-text-toolbar .gwt-ToggleButton-down {
	background: #D5D5D5;
	border-color: #777777 #777777 #777777 #777777;
}

.rich-text-toolbar .gwt-PushButton-down {
	background: #D5D5D5;
	border-color: #777777 #777777 #777777 #777777;
}

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

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

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

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

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

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

/* ------ PICKERS ------- */
.picker {
	padding: 2px;
	background-color: white;
	border: 1px solid #718bb7;
}

.picker-cell {
	cursor: pointer;
	cursor: hand;
	padding: 2px;
	border: 1px solid white;
	background-color: white;
}

:root *> .picker-cell:hover {
	background-color: #deecfd;
	border-color: #8bb8f3;
}

.picker-cell-selected {
	background-color: #deecfd;
	border-color: #8bb8f3;
}

.picker-pickable {
	display: block;
}

.color-picker .picker-pickable {
	width: 11px;
	height: 11px;
	border: 1px solid #aca899;
}

.font-picker a.picker-pickable {
	text-decoration: none;
}

.font-size-picker .picker-pickable {
	text-decoration: none;
}


/* ------ Progress bar ------- */
.progressbar-outer {
	border: 1px solid #CCC;
	border-radius: 10px;
}

 .progressbar-bar {
     width: 5px;
     height: 5px;
     margin: 1px;
 }
 
 .progressbar-fullbar {
     background-color: #68A345;
 }
 
 .progressbar-blankbar {
     background-color: #EEE;
 }
 
 /* ------ Date picker ------- */
 
 .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: #69e;
}

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

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

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

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

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

.dateBoxFormatError {
  background: #ffcccc;
}

.dateBoxPopup {
  z-index: 2;
}


 /* ------ SuggestBox ------- */
.gwt-SuggestBoxPopup {
  border: 2px solid #C0C0C0;
  background-color:	#FFF;
  z-index: 2;
}

.gwt-SuggestBoxPopup .item {
	padding: 2px;
}

.gwt-SuggestBoxPopup .item-selected {
  background-color: #CCC;
}