.dragdrop-dropTarget {
    border: 1px solid blue;
    background-color: #FFFFFF;
  }

  .dragdrop-dropTarget.dragdrop-engage {
    background-color: #E0E8FF;
  }

  .getting-started-label {
    border: 1px solid #99AACC;
    background-color: #AACCFF;
    padding: 0.1em;
  }

  .getting-started-blue {
    border: 1px solid blue;
  }
  
body { 
	background-color: white;
	color: black;
	font-family: Arial, sans-serif;
	font-size: small;
	margin: 8px;
	margin-top: 3px;
}

a {	
	color: darkblue;
}

a:visited {	
	color: darkblue; 
}
h1 {color: #427E23; font-size: 14pt; font-weight: normal; font-family: Arial, Verdana, Helvetica }
h2 {color: #427E23; font-size: 12pt; font-weight: bold; font-style: italic; font-family: Arial, Verdana, Helvetica }
h3 {color: #427E23; font-size: 12pt; font-weight: bold; font-family: Verdana, Arial, Helvetica }
h4 {color: #427E23; font-size: 11pt; font-weight: bold; font-style: italic; font-family: Arial, Verdana, Helvetica }
h5 {color: #000000; font-size: 10pt; font-weight: normal; font-family: Arial, Verdana, Helvetica }
h6 {color: #000000; font-size: 9pt; font-weight: normal; font-style: italic; font-family: Arial, Verdana, Helvetica }
h7 {color: #000000; font-size: 14pt; font-weight: normal; font-family: Arial, Verdana, Helvetica }
p, ul,ul ul,ul ul ul,ul ul ul ul,ol, ol ol, ol ol ol, dd, dt, dl, input, select, textarea, option
 { font-size: 10pt; font-family: Arial, Verdana, Helvetica }
 
.text-normal{
	color: black;
	font-size:80%;
	}
.text-changed{
	color: red;
	font-size:80%;
	}
.gwt-DialogBox {
	border: 2px solid #AAAAAA;
	background-color: white;
}
.text-white{
	color: white;
	font-size:80%;
	font-weight: bold;
	}
.gwt-DialogBox .Caption {
	background-image: url(green_gradient.gif);
	background-repeat: repeat-x;
	padding: 4px;
	padding-bottom: 8px;
	font-weight: bold;
	cursor: default;
}

.gwt-MenuBar {
	background-color: #C3D9FF;
	cursor: default;
}

.gwt-MenuItem {
	font-size: 80%;
	margin: 1px;
	cursor: default;
}

.gwt-MenuItem-selected {
	background-color: #E8EEF7;
}

.gwt-Tree {
	margin-top: 1em;
	margin-bottom: 1em;
}

.gwt-Tree .gwt-TreeItem {
	font-size: 80%;
	cursor: default;
}

.gwt-Tree .gwt-TreeItem-selected {
	background-color: #C3D9FF;
}

.gwt-StackPanel {
	background-color: white;
	border: 1px solid #AAAAAA;
	width: 15em;
}

.gwt-StackPanel .gwt-StackPanelItem {
	background-image: url(green_gradient.gif);
	background-repeat: repeat-x;
	background-color: #EEEEEE;
	cursor: pointer;
	cursor: hand;
}

.gwt-StackPanel .gwt-StackPanelItem-selected {
}
.notesButton {
	font-size: 60%;
}
/*----------------------------------------------------------------------------*/
.mouseEnter{
	background-color: blue;
	color: white;
	}
.mouseLeave{
	background-color: white;
	color: black;
	}
.sixtyFontEnter{
	font-size: 60%;
	background-color: blue;
	color: white;
	}
.sixtyFontLeave{
	text-align: left;
	font-size: 60%;
	background-color: white;
	color: black;
	}
.postcardText{
	text-align: left;
	font-family: Arial, sans-serif;
	color: blue;
	}
.postcardTextSmall{
	text-align: left;
	font-size: 80%;
	font-family: Arial, sans-serif;
	color: blue;
	}
.superscript {
	color: red;
	font-weight: bold;
	}
.postcard {
	font-size: 80%;
	text-align: left;
	}
.postcard2 {
	font-size: 100%;
	text-align: left;
	}	
.postcardStamp {
	font-size: 60%;
	text-align: center;
	}
.red{
	color:red;
}
.black{
	color:black;
}
.mail-TopPanel {
	font-size: 80%;
}

.mail-TopPanelLinks {
	font-size: 80%;
}

.mail-AboutText {
	width: 24em;
	font-size: 80%;
}
.mail-Error {
	width: 24em;
	font-size: 80%;
	color: red;
	}
.mail-Success {
	width: 24em;
	font-size: 80%;
	color: red;
	}

.mail-Contacts {
	margin: 0.5em;
	font-size: 80%;
}

.mail-Tasks {
	margin: 0.5em;
	font-size: 80%;
}

.mail-List {
	border: 1px solid #AAAAAA;
	background-color: white;
	font-size: 80%;
	cursor: pointer;
	cursor: hand;
}

.mail-ListHeader {
	background-image: url(green_gradient.gif);
	background-repeat: repeat-x;
	font-weight: bold;
}

.mail-ListNavBar {
	font-size: 80%;
}

.mail-SelectedRow {
	background-image: url(blue_gradient.gif);
	background-repeat: repeat-x;
}

.mail-Toolbar {
}

.mail-ToolButton {
	font-size: 80%;
	width: 10em;
}

.mail-Detail {
	border: 1px solid #AAAAAA;
	margin-top: 4px;
}

.mail-DetailHeader {
	background-image: url(green_gradient.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #AAAAAA;
	padding: 4px;
}

.mail-DetailInner {
	background-color: white;
	font-size: 80%;
}

.mail-DetailSubject {
	font-size: 80%;
}

.mail-DetailSender {
	font-weight: bold;
	font-size: 80%;
}

.mail-DetailRecipient {
	font-style: italic;
	font-size: 80%;
}

.mail-DetailBody {
	padding: 4px;
}

.mail-ContactPopup {
	background-image: url(green_gradient.gif);
	background-repeat: repeat-x;
	border: 1px solid #AAAAAA;
	padding: 4px;
}

.mail-ContactPopupName {
	font-size: 80%;
	font-weight: bold;
}

.mail-ContactPopupEmail {
	font-size: 80%;
	font-style: italic;
}
.DynaTable-DynaTableWidget {
	width: 100%;
	border: 1px solid #ACA899;
}


.DynaTable-DynaTableWidget .navbar {
	width: 100%;
	background-image: url(green_gradient.gif);
	background-repeat: repeat-x;
	vertical-align: middle;
	border-bottom: 1px solid #ACA899;
}

.DynaTable-DynaTableWidget .navbar button {
	width: 3em;
	font-size: 80%;
	text-align: center;
	vertical-align: middle;
}

.DynaTable-DynaTableWidget .navbar .status {
	font-size: 80%;
	vertical-align: middle;
	padding-right: 10px;
}

.DynaTable-DynaTableWidget .table {
	margin: 20px;
	font-size: smaller;
	text-align: left;
}

.DynaTable-DynaTableWidget .table td.header {
	text-align: left;
	font-weight: bold;
	text-decoration: underline;
}

.DynaTable-DynaTableWidget .table td.hname {
	text-align: center;
	margin: 10px;
}

.DynaTable-DynaTableWidget .table td.desc {
	text-align: left;
	font-size: smaller;
}

.DynaTable-DynaTableWidget .table td.sched {
	text-align: left;
	font-size: smaller;
}

.DynaTable-DynaTableWidget .table td {
	vertical-align: top;
}