@CHARSET "UTF-8";

body { 
	background-color: white;
	color: black;
	font-family: Arial, sans-serif;
	font-size: small;
	margin: 8px;
	margin-top: 3px;
	text-align: center;
}

a {	
	color: darkblue;
}

a:visited {	
	color: darkblue; 
}

code {
  font-style: normal;
}


.pluto-pallet{

}

.pluto-back-idea{
/*	background-color: blue;*/
	}

.pluto-test-canvas{
	background-color: #CCE8FF;
	/*background-color: blue;*/
	margin-top: 1em;
	margin-left: 2em;
}



/* ------------ RedBoxDraggableWidget ------------ */
.demo-red-box-draggable-widget {
  background-color: #FFFFFF; /*#EE0000; /* red */
  border: 2px solid #FEFEFE; /*#AA0000; /* dark red */
  text-align: center;
  color: #FFCCCC;
  font-size: 0.9em;
  margin: 5px 5px 5px 5px;
}

/* ------------ Bin ------------ */
.demo-BinExample DIV.dragdrop-dropTarget {
 /* background-color: #CCCCCC; /* gray */
}

.pluto-bin {
  /*text-align: center;
  vertical-align: bottom;
  border: 1px solid black;
  background-color: #87B3FF; /* blue */
}

.pluto-trashbin-engage {
  /*background-image: url(images/Trashcan.png);*/
  padding : 5;
  background-color: #A7E3FF; /* bright blue */
}


.pluto-trashbin {
  /*background-image: url(images/Trashcan.png);*/
  padding : 5;
/*  border: thin solid gray;*/
}


/* GWT styling */
/*----------------------------------------------------------------------------*/

.gwt-DialogBox {
	border: 2px solid #AAAAAA;
	background-color: white;
}

.gwt-DialogBox .Caption {
	background-image: url(images/gray_gradient.gif);
	background-repeat: repeat-x;
	padding: 4px;
	padding-bottom: 8px;
	font-weight: bold;
	cursor: default;
}

.gwt-MenuBar {
	background-image: url(images/gray_gradient.gif);
	cursor: pointer;
	cursor: hand;
}

.gwt-MenuItem {
	font-size: 80%;
	width: 5em;
	margin: 1px;
	cursor: pointer;
	cursor: hand;
}

.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;
	height: 100%;
}

.gwt-StackPanel .gwt-StackPanelItem {
	/*background-image: url(images/blue_gradient.gif);
	background-repeat: repeat-x;
	background-color: #EEEEEE;*/
	
	padding: 2px 2px 2px 2px;
	background: url(images/stack_header.gif) #d0def0 repeat-x;
	border-bottom-color: #8DB9EF;
	border-bottom-style: solid;
	border-width: thin;
	
	cursor: pointer;
	cursor: hand;
}

.gwt-StackPanel.gwt-StackPanelItem-selected {
}

.gwt-TabPanel {
	width: 100%;
	border: 1px solid black;
	height: 100%;	
	text-align: center;
}


.gwt-TabPanelBottom {
  border-left: 1px solid #87B3FF;
  border-right: 1px solid #87B3FF;
  border-bottom: 1px solid #87B3FF;
  background-color: #E8EEF7;
}

.gwt-TabBar {
  background-color: #C3D9FF;
}

.gwt-TabBar .gwt-TabBarFirst {
  height: 100%;
  border-bottom: 1px solid #87B3FF;
  padding-left: 195px;
}

.gwt-TabBar .gwt-TabBarRest {
  border-bottom: 1px solid #87B3FF;
  padding-right: 3px;
}


.gwt-TabBar .gwt-TabBarItem {
   
  border-top: 1px solid #87B3FF;
  border-left: 1px solid #87B3FF;
  border-right: 1px solid #87B3FF;
  border-bottom: 1px solid #87B3FF;
  font-size: large;
  padding: 2px 6px;
  cursor: pointer;
  text-align: center;
  width: 100px;
}

.gwt-TabBar .gwt-TabBarItem-selected {
  font-weight: bold;
  
  background-color: #E8EEF7;
  border-top: 1px solid #87B3FF;
  border-left: 1px solid #87B3FF;
  border-right: 1px solid #87B3FF;
  border-bottom: 1px solid #E8EEF7;
  padding: 2px;
  cursor: default;
  text-align: center;
  width: 100px;
}

/* Data from DragDrop.css */
/*----------------------------------------------------------------------------*/

.dragdrop-handle {
  cursor: move;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}

.dragdrop-draggable {
  z-index: 2;
  zoom: 1; /* IE gain hasLayout */
}


.dragdrop-boundary {
}

DIV.dragdrop-dropTarget {
  padding: 5px 5px 5px 5px;
 /* background-color: #FFFFFF; */
  border: none;
}

.dragdrop-dropTarget {
}

.dragdrop-dropTarget.dragdrop-engage {
}

.dragdrop-dragging {
  filter: alpha(opacity = 30);
  opacity: 0.3;
  -moz-opacity: 0.3;
  z-index: 3;
  
}

.dragdrop-hidden {
  visibility: hidden;
}



.dragdrop-proxy {
  background-color: #77AAFF; /* light blue */
  z-index: 1;
  font-weight: bold;
  filter: alpha(opacity = 30);
  opacity: 0.3;
  -moz-opacity: 0.3;
}


.demo-flow-label {
  font-size: 1.2em;
}

body *.dragdrop-boundary {
  background: #F8F8F8; /* light gray */
  border: 1px solid black;
}

.dragdrop-dropTarget.dragdrop-not-engagable ,
.dragdrop-dropTarget.dragdrop-not-engagable.dragdrop-engage {
  background-color: #CCCCCC; /* gray */
}

.dragdrop-dropTarget {
/*  background-color: #CCCCCC; /* gray */
  border: 1px solid black;
}

 
.dragdrop-dropTarget.dragdrop-engage {
  background: #BCDEFF; /* lighter blue */
}

.dragdrop-positioner {
  text-align: center;
}

.demo-example-panel {
  margin: 1em 1em;
}

.demo-draghandle-panel {
  background-color: white;
  border: 1px solid green;
  width: 400px;
}

.demo-draghandle-textarea {
  width: 95%;
  height: 4em;
}

.demo-draghandle-header {
  background-color: #DDEEDD; /* light green */
}


.demo-resize-html {
  background-color: #DDEEDD; /* light green */
}

.demo-resize.edge {
/*  background-image: url("images/dragger-4x4.gif");
  background-repeat: repeat;*/
  border: 2px solid black;
}

.demo-resize.top-left .dragdrop-handle {
  cursor: nw-resize;
}

.demo-resize.top-center .dragdrop-handle {
  cursor: n-resize;
}

.demo-resize.top-right .dragdrop-handle {
  cursor: ne-resize;
}

.demo-resize.left-center .dragdrop-handle {
  cursor: w-resize;
}

.demo-resize.right-center .dragdrop-handle {
  cursor: e-resize;
}

.demo-resize.bottom-left .dragdrop-handle {
  cursor: sw-resize;
}

.demo-resize.bottom-center .dragdrop-handle {
  cursor: s-resize;
}

.demo-resize.bottom-right .dragdrop-handle {
  cursor: se-resize;
}


.demo-red-box-draggable-widget {
  /*background-color: #EE0000; /* red */
  border: 2px solid #AAD2FF; /* dark red */
  text-align: left;
  color: black;
  font-size: 0.9em;
}

.demo-example-description .demo-boundary {
  border-top: 1px solid #87B3FF;
  border-left: 1px solid #87B3FF;
  border-right: 1px solid #87B3FF;
}

.demo-example-description {
  font-size: 0.9em;
  border-bottom: 1px solid #E8EEF7;
  padding: 0.5em 0.3em;
}



/* Data from Mail-ox.css */
/*----------------------------------------------------------------------------*/
.mail-TopPanel {
	font-size: 80%;
}


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

.mail-AboutText {
	width: 24em;
	font-size: 80%;
}

.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(images/gray_gradient.gif);
	background-repeat: repeat-x;
	font-weight: bold;
}

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

.mail-SelectedRow {
	background-image: url(images/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(images/gray_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(images/gray_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;
}

/* OX.css */

.ox-test-button {
	font-size: medium;
	background-image: url(images/gray_gradient.gif);
	background-repeat: repeat-x;
	background-color: #EEEEEE;
	width: auto;
	cursor: pointer;
	cursor: hand;
}

.ox-base-widget {
  background-color: green;
  border: 2px solid black;
  text-align: center;
  color: white;
  font-size: 0.9em;
}

.ox-pc-screen {
	background-color: #FFFFFF;
}

.ox-pda-screen {
	background-color: #FFFFFF;
}

.ox-xf_widget-textbox {
   cursor: move;
}
.ox-xf_widget-checkbox {
 	cursor: move;
}
.ox-xf_widget-label {
	padding-left: 5px;
	padding-right: 5px;
	cursor: move;
}

.ox-properties-button {
	border: 1px solid black;
	background-color: gray;
	width: 70px;
	cursor: pointer;
	cursor: hand;
}

.ox-tool-button {
	
	padding : 5;
	/*width: 15em;*/
	cursor: pointer;
	cursor: hand;
	
}

.ox-properties-background {
	border: 1px solid blue;
	background-color: #EDF8FF;
}

.ox-boundary-panel {
/*	background-color: #E8FFEA;*/
}

/*Editor.css*/
/*----------------------------------------------------------*/
	/*
 * Copyright 2006 Pavel Jbanov.
 * 
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a copy of
 * the License at
 * 
 * http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations under
 * the License.
 */
.Editor {
	
}

.Editor-IFrame {
	border: 1px solid #888;
	background-color: white;
}

.Editor-Toolbar {
	border-top: 1px solid #EEE;
	border-left: 1px solid #EEE;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	background-color: #EFEFDE;
	vertical-align: middle;
	padding: 0px 5px 0px 5px;
}

.Editor-Toolbar-Select {
	font-size: 12px;
	margin: 4px;
}

.Editor-DialogBox {
	sborder: 8px solid #C3D9FF;
	border: 1px solid #555;
	background-color: white;
	font-size: 12px;
	-moz-border-radius: 5px;
}

.Editor-DialogBox td,.Editor-DialogBox div {
	font-size: 12px;
	vertical-align: bottom;
}

.Editor-DialogBox-Content {
	padding: 8px;
}

.Editor-DialogBox .Caption {
	font-family: tahoma, arial, sans-serif;
	background-color: #003063;
	color: white;
	padding: 3px 5px 5px 10px;
	margin: 0px;
	font-weight: bold;
	font-size: 14px;
	cursor: default;
}

.Editor-Toolbar-Button {
	width: 16px;
	height: 16px;
	background-image: url(toolbar_strip.gif);
	border: 1px solid #EFEFDE;
	margin: 2px;
}

.Editor-Toolbar-Button-hover {
	background-color: #F3F0E0;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #DDD;
}

.Editor-Toolbar-Button-spacer {
	background-position: 0px 752px;
	background-color: #DDD;
	height: 16px;
	width: 1px;
	border: 1px solid #D0D0D0;
	margin: 0px 3px 0px 3px;
}

.Editor-Toolbar-Button-Source {
	background-position: 0px 0px;
}

.Editor-Toolbar-Button-Something1 {
	background-position: 0px 1040px;
}

.Editor-Toolbar-Button-Save {
	background-position: 0px 1024px;
}

.Editor-Toolbar-Button-New {
	background-position: 0px 1008px;
}

.Editor-Toolbar-Button-Preview {
	background-position: 0px 992px;
}

.Editor-Toolbar-Button-New2 {
	background-position: 0px 976px;
}

.Editor-Toolbar-Button-Cut {
	background-position: 0px 960px;
}

.Editor-Toolbar-Button-Copy {
	background-position: 0px 944px;
}

.Editor-Toolbar-Button-Paste {
	background-position: 0px 928px;
}

.Editor-Toolbar-Button-PasteTextOnly {
	background-position: 0px 912px;
}

.Editor-Toolbar-Button-PasteRichText {
	background-position: 0px 896px;
}

.Editor-Toolbar-Button-Print {
	background-position: 0px 880px;
}

.Editor-Toolbar-Button-SpellCheck {
	background-position: 0px 864px;
}

.Editor-Toolbar-Button-Undo {
	background-position: 0px 848px;
}

.Editor-Toolbar-Button-Redo {
	background-position: 0px 832px;
}

.Editor-Toolbar-Button-Find {
	background-position: 0px 816px;
}

.Editor-Toolbar-Button-Replace {
	background-position: 0px 800px;
}

.Editor-Toolbar-Button-Something2 {
	background-position: 0px 784px;
}

.Editor-Toolbar-Button-ClearFormat {
	background-position: 0px 768px;
}

.Editor-Toolbar-Button-Bold {
	background-position: 0px 752px;
}

.Editor-Toolbar-Button-Italic {
	background-position: 0px 736px;
}

.Editor-Toolbar-Button-Underline {
	background-position: 0px 720px;
}

.Editor-Toolbar-Button-StrikeThrough {
	background-position: 0px 704px;
}

.Editor-Toolbar-Button-Subscript {
	background-position: 0px 688px;
}

.Editor-Toolbar-Button-Superscript {
	background-position: 0px 672px;
}

.Editor-Toolbar-Button-OL {
	background-position: 0px 656px;
}

.Editor-Toolbar-Button-UL {
	background-position: 0px 640px;
}

.Editor-Toolbar-Button-IndentLeft {
	background-position: 0px 624px;
}

.Editor-Toolbar-Button-IndentRight {
	background-position: 0px 608px;
}

.Editor-Toolbar-Button-AlignLeft {
	background-position: 0px 592px;
}

.Editor-Toolbar-Button-AlignCenter {
	background-position: 0px 576px;
}

.Editor-Toolbar-Button-AlignRight {
	background-position: 0px 560px;
}

.Editor-Toolbar-Button-AlignJustify {
	background-position: 0px 544px;
}

.Editor-Toolbar-Button-Link {
	background-position: 0px 528px;
}

.Editor-Toolbar-Button-UnLink {
	background-position: 0px 512px;
}

.Editor-Toolbar-Button-Anchore {
	background-position: 0px 496px;
}

.Editor-Toolbar-Button-Image {
	background-position: 0px 480px;
}

.Editor-Toolbar-Button-Flash {
	background-position: 0px 464px;
}

.Editor-Toolbar-Button-Table {
	background-position: 0px 448px;
}

.Editor-Toolbar-Button-HR {
	background-position: 0px 432px;
}

.Editor-Toolbar-Button-Smile {
	background-position: 0px 416px;
}

.Editor-Toolbar-Button-SpecialCharacter {
	background-position: 0px 400px;
}

.Editor-Toolbar-Button-PageBreak {
	background-position: 0px 384px;
}

.Editor-Toolbar-Button-Keyboard {
	background-position: 0px 368px;
}

.Editor-Toolbar-Button-TextColor {
	background-position: 0px 352px;
}

.Editor-Toolbar-Button-TextBackgroundColor {
	background-position: 0px 336px;
}

.Editor-Toolbar-Button-Help {
	background-position: 0px 320px;
}

.Editor-Toolbar-Button-Movie {
	background-position: 0px 304px;
}

.Editor-Toolbar-Button-Checkbox {
	background-position: 0px 288px;
}

.Editor-Toolbar-Button-Radio {
	background-position: 0px 272px;
}

.Editor-Toolbar-Button-TextField {
	background-position: 0px 256px;
}

.Editor-Toolbar-Button-TextArea {
	background-position: 0px 240px;
}

.Editor-Toolbar-Button-ScrollBar {
	background-position: 0px 224px;
}

.Editor-Toolbar-Button-Button {
	background-position: 0px 208px;
}

.Editor-Toolbar-Button-ImageField {
	background-position: 0px 192px;
}

.Editor-Toolbar-Button-TextLayer {
	background-position: 0px 176px;
}

.Editor-Toolbar-Button-Table1 {
	background-position: 0px 160px;
}

.Editor-Toolbar-Button-TableInsertRow {
	background-position: 0px 144px;
}

.Editor-Toolbar-Button-TableDeleteRow {
	background-position: 0px 128px;
}

.Editor-Toolbar-Button-Table2 {
	background-position: 0px 112px;
}

.Editor-Toolbar-Button-Table3 {
	background-position: 0px 96px;
}

.Editor-Toolbar-Button-Table4 {
	background-position: 0px 80px;
}

.Editor-Toolbar-Button-Table5 {
	background-position: 0px 64px;
}

.Editor-Toolbar-Button-Table6 {
	background-position: 0px 48px;
}

.Editor-Toolbar-Button-Table7 {
	background-position: 0px 32px;
}

.Editor-Toolbar-Button-FullScreen {
	background-position: 0px 16px;
}