#appletContent {
    background-color: white;
}

.gwt-Button {
    white-space: nowrap;
}

/* Glass behind modal popup panels.
 * From http://code.google.com/p/google-web-toolkit-incubator/wiki/GlassPanel
 */
.gwt-PopupPanelGlass {
    background-color: lightgray !important;
    filter: alpha(opacity = 80) !important; /* IE */
    opacity: 0.8 !important; /* non-IE */
}

/* From http://css-tricks.com/almanac/properties/u/user-select/
 */
canvas, .noTextHighlight {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
	outline: none;
	-webkit-tap-highlight-color: rgba(255,255,255,0);
}

textarea {
	resize: none;
	outline: none;
	-webkit-tap-highlight-color: rgba(255,255,255,0);
}

.moveCursor {
	cursor: move;
}

/* Disable spinners on NumInputs -- this is only an issue on computer */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Set how a TextArea wraps words */
.trueWrap {
	word-wrap: normal;
}
.falseWrap {
	word-wrap: break-word;
}

/* Frames */
.gwt-PopupPanel {
	background-color: white;
	border-style:solid;
}

/*Alignment*/

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}



/*Borders*/

.borderRight {
	border-right: 1px solid black;
}

.borderLeft {
	border-left: 1px solid black;
}

.borderTop {
	border-top: 1px solid black;
}

.borderBottom {
	border-bottom: 1px solid black;
}



/*Colors*/

.black {
	color: #000000;
}

.red {
	color: #ff0000;
}

.purple {
	color: #800080;
}

.green {
	color: #008000;
}

.blue {
	color: #0000FF;
}

.darkBlue {
	color: #000066;
}

.lightBlue {
	color: #99FFFF;
}

.brown {
	color: #663333;
}

.crimson {
	color: #660000;
}

.cyan {
	color: #33FFFF;
}

.darkGreen {
	color: #006600;
}

.forrestGreen {
	color: #008000;
}

.lightGreen {
	color: #99FF99;
}

.magenta {
	color: #CC33CC;
}

.orange {
	color: #FF6600;
}

.pink {
	color: #FF99FF;
}

.yellow {
	color: #FFFF00;
}

.lightYellow {
	color: #FFFF99;
}

.peach {
	color: #EE9572;
}

.white {
	color: #FFFFFF;
}

.lightGray {
	color: #CCCCCC;
}

.gray {
	color: #999999;
}

.darkGray {
	color: #666666;
}

.salmon {
	color: #FF6666;
}

.lavendar {
	color: #9966FF;
}

/*Background  Colors*/

.blackBG {
	background-color: #000000;
}

.redBG {
	background-color: #ff0000;
}

.purpleBG {
	background-color: #800080;
}

.greenBG {
	background-color: #008000;
}

.blueBG {
	background-color: #0000FF;
}

.darkBlueBG {
	background-color: #000066;
}

.lightBlueBG {
	background-color: #99FFFF;
}

.brownBG {
	background-color: #663333;
}

.crimsonBG {
	background-color: #660000;
}

.cyanBG {
	background-color: #33FFFF;
}

.darkGreenBG {
	background-color: #006600;
}

.forrestGreenBG {
	background-color: #008000;
}

.lightGreenBG {
	background-color: #99FF99;
}

.magentaBG {
	background-color: #CC33CC;
}

.orangeBG {
	background-color: #FF6600;
}

.pinkBG {
	background-color: #FF99FF;
}

.yellowBG {
	background-color: #FFFF00;
}

.lightYellowBG {
	background-color: #FFFF99;
}

.peachBG {
	background-color: #EE9572;
}

.whiteBG {
	background-color: #FFFFFF;
}

.lightGrayBG {
	background-color: #CCCCCC;
}

.grayBG {
	background-color: #999999;
}

.darkGrayBG {
	background-color: #666666;
}

.salmonBG {
	background-color: #FF6666;
}

.lavendarBG {
	background-color: #9966FF;
}
