/** Add css rules here for your application. */
/** Example rules used by the template application (remove for your app) */
h1 {
	font-size: 2em;
	font-weight: bold;
	color: #777777;
	margin: 40px 0px 70px;
	text-align: center;
}

.sendButton {
	display: block;
	font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
	width: 400px;
}

.dialogVPanel {
	margin: 5px;
}

.serverResponseLabelError {
	color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
	margin: 15px 6px 6px;
}

.nowrapping {
	white-space: nowrap;
}

.gap {
	margin-top: 1em;
}

.fill {
	width: 99%;
	height: 99%;
}

.hasMargin {
	margin: 5px;
}

.noBorder {
	border: none;
}

.title,.dynamicTableTitle {
	background: #666666; /* Old browsers */
	background: -moz-linear-gradient(top, #666666 0%, #333333 50%, #666666 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666666),
		color-stop(50%, #333333), color-stop(100%, #666666) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #666666 0%, #333333 50%, #666666 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #666666 0%, #333333 50%, #666666 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #666666 0%, #333333 50%, #666666 100%); /* IE10+ */
	filter: progid :DXImageTransform.Microsoft.gradient (  startColorstr = 
		'#666666', endColorstr =    
		    '#666666', GradientType =0 ); /* IE6-9 */
	background: linear-gradient(top, #666666 0%, #333333 50%, #666666 100%); /* W3C */
	color: white;
	height: 2.5em;
}

.dynamicTableCaption {
	font-size: smaller;
	font-style: oblique;
}

.dynamicTableEvenRow {
	background-color: #e8f2fe;
}

.shortColumn {
	width: 4em;
}

.mediumColumn {
	width: 12em;
}

.longColumn {
	width: 20em;
}

.gwt-button {
	padding: 3px;
}

.valueSpinner {
	border-collapse: collapse;
	table-layout: auto;
	cursor: pointer;
	cursor: hand;
	-webkit-box-shadow: rgba(255, 255, 255, 0.199219) 0 2px 2px;
	-moz-box-shadow: rgba(255, 255, 255, 0.199219) 0 2px 2px;
}

.valueSpinner td {
/* 	font-size: 95%; */
	padding: 0em 0em;
	vertical-align: middle;
}

.valueSpinnerFirst,.valueSpinnerCenter,.valueSpinnerLast {
	margin-top: 2px;
	margin-bottom: 2px;
	padding: .2em;
	padding-top: .2em;
	font-family: 'Lucida Grande', Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	border-bottom: thin #686868 solid;
	-webkit-box-shadow: #CCCCCC 0px 1px;
	-moz-box-shadow: #CCCCCC 0px 1px;
}
.valueSpinnerFirst,.valueSpinnerLast {
	font-weight: bold;
	text-align: center;
	width: 1.6em;
	border-top: thin #2c3592 solid;
	background: #dae5f3; /* Old browsers */
	background: -moz-linear-gradient(top, #dae5f3 0%, #91c4eb 40%, #6eb5e7 40%, #cafeff 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dae5f3),
		color-stop(40%, #91c4eb), color-stop(40%, #6eb5e7), color-stop(100%, #cafeff) );
	/* Chrome, Safari4+ */
	background: -webkit-linear-gradient(top, #dae5f3 0%, #91c4eb 40%, #6eb5e7 40%, #cafeff 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #dae5f3 0%, #91c4eb 40%, #6eb5e7 40%, #cafeff 100%);
	/* Opera11.10+ */
	background: -ms-linear-gradient(top, #dae5f3 0%, #91c4eb 40%, #6eb5e7 40%, #cafeff 100%);
	/* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient (startColorstr='#dae5f3', 
		endColorstr='#cafeff', GradientType=0); /* IE6-9 */
	background: linear-gradient(top, #dae5f3 0%, #91c4eb 40%, #6eb5e7 40%, #cafeff 100%); /* W3C */
}

.valueSpinnerFirst {
	margin-left: 2px;
	border-left: thin #0258ad solid;
	border-right: thin #6EB5E7 solid;
	border-radius: 4px 0px 0px 4px;
	-moz-border-radius: 4px 0px 0px 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
}

.valueSpinnerFirst::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

.valueSpinnerCenter {
	border-top: thin #959595 solid;
	border-bottom: thin #686868 solid;
	text-align: left;
	white-space: nowrap;
	background: rgb(255, 255, 255); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(232, 232, 232) 40%,
		rgb(221, 221, 221) 42%, rgb(242, 242, 242) 80%, rgb(255, 255, 255) 100% ); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(255, 255, 255) ),
		color-stop(40%, rgb(232, 232, 232) ), color-stop(42%, rgb(221, 221, 221) ),
		color-stop(80%, rgb(242, 242, 242) ), color-stop(100%, rgb(255, 255, 255) ) );
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(232, 232, 232) 40%,
		rgb(221, 221, 221) 42%, rgb(242, 242, 242) 80%, rgb(255, 255, 255) 100% );
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(232, 232, 232) 40%,
		rgb(221, 221, 221) 42%, rgb(242, 242, 242) 80%, rgb(255, 255, 255) 100% ); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(232, 232, 232) 40%,
		rgb(221, 221, 221) 42%, rgb(242, 242, 242) 80%, rgb(255, 255, 255) 100% ); /* IE10+ */
	filter: progid :DXImageTransform.Microsoft.gradient (startColorstr='#ffffff', endColorstr ='#ffffff', GradientType=0); /* IE6-9 */
	background: linear-gradient(top, rgb(255, 255, 255) 0%, rgb(232, 232, 232) 40%, rgb(221, 221, 221)
		42%, rgb(242, 242, 242) 80%, rgb(255, 255, 255) 100% ); /* W3C */
}

.valueSpinnerLast {
	margin-right: 2px;
	border-right: thin #0258ad solid;
	border-left: thin #6EB5E7 solid;
	border-radius: 0px 4px 4px 0px;
	-moz-border-radius: 0px 4px 4px 0px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
}

.valueSpinnerLast::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

.spinnerSmallWidth {
	min-width: 2em;
}

.spinnerMinWidth {
	min-width: 8em;
}

.pathColumn-cost {
	text-align: right;
	width: 100%;
}

.pathColumn-notes {
	width: 95%;
}

.modifierColumn-modifier {
	white-space: nowrap;
}

.modifierColumn-cost {
	text-align: right;
}

.modifierColumn-notes {
	width: 95%;
}