/*
Document   : twt-style
Created on : Feb 13, 2009, 11:54:13 AM
Author     : ncherel
Description:
Purpose of the stylesheet follows.
*/

/*
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.twt-overlay-menu {
	font-size: small;
}

.twt-switch-label {
	background-image: url(images/bgcontent.png);
	background-repeat: repeat-x;
	font-size: 80%;
	font-family:Arial,sans-serif;
	height:22px;
	line-height:21px;
	padding-left:5px;
	padding-right:5px;
}

.twt-switch-label-off {
	background-image: url(images/bgcontent-off.png);
	color: gray;
}

.twt-menu-label {
	font-size:  80%;
	font-family: Arial,sans-serif;
	/*border: 1px solid black;*/
	/*background: white;*/
	padding: 0px 6px;
	cursor: default;
}

.twt-menu-label .gwt-InlineLabel {
	position: relative;
	top: 1px;
}

.twt-overlay-list {
	margin-top: 3px;
	font-size:  80%;
	font-family:Arial,sans-serif;
	/*border: 1px solid black;*/
	border-top: none;
	/*background: white;*/
	padding: 2px 2px;
}

.twt-overlay-list * input {
	vertical-align:middle;
	margin: 2px;
}


.twt-overlay-group {
	background:#F4F4F4 none repeat scroll 0 0;
	border-bottom:1px solid gray;
	border-left:1px solid gray;
	margin-bottom:6px;
	margin-left:4px;
	margin-right:3px;
	padding: 3px;
}

.twt-overlay-group-name {
	font-size: 85%;
	font-family:Arial,sans-serif;
	font-weight: bold;
}

.twt-overlay-group-description {
	font-size:80%;
	font-style:italic;
	margin-left:6px;
	vertical-align:middle;
}

.twt-overlay-check {
	font-size: 80%;
	font-family: Arial,sans-serif;
}

.optional .twt-overlay-check {
	font-size: 80%;
	font-family:Arial,sans-serif;
	font-style: italic;
	margin-left:8px;
}

.optional .twt-overlay-check.gwt-CheckBox-disabled {
	color: gray;
}

.optional .twt-overlay-check input {
	margin:0px 2px;
}

.gwt-DecoratorPanel .middleCenter {
	background-color: white;
}

.gwt-DecoratorPanel .topLeft {
	background-image: url(images/decorator/corners-verticals.png);
	background-repeat: no-repeat;
	background-position: -4px 0px;
	width: 2px;
	height: 2px;
}

.gwt-DecoratorPanel .topCenter {
	background-image: url(images/decorator/horizontals.png);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	height: 2px;
}

.gwt-DecoratorPanel .topRight {
	background-image: url(images/decorator/corners-verticals.png);
	background-position: -8px 0px;
	background-repeat: no-repeat;
	width: 4px;
	height: 2px;
}
.gwt-DecoratorPanel .middleRight {
	background-image: url(images/decorator/corners-verticals.png);
	background-position: -18px 0px;
	background-repeat: repeat-y;
	width: 4px;
}

.gwt-DecoratorPanel .bottomRight {
	background-image: url(images/decorator/corners-verticals.png);
	background-position: -13px 0px;
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
}

.gwt-DecoratorPanel .bottomCenter {
	background-image: url(images/decorator/horizontals.png);
	background-position: 0px -3px;
	background-repeat: repeat-x;
	height: 4px;
}

.gwt-DecoratorPanel .bottomLeft {
	background-image: url(images/decorator/corners-verticals.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 2px;
	height: 4px;
}

.gwt-DecoratorPanel .middleLeft {
	background-image: url(images/decorator/corners-verticals.png);
	background-position: -23px 0px;
	background-repeat: repeat-y;
	width: 2px;
}

.twt-latlng-control {
	font-family:Arial,sans-serif;
	font-size: small;
}

.twt-latlon-ui-panel {
	font-size: 90%;
}

.twt-latlng-position {
	background-image: url(images/translucentbg.png);
	font-family : "Andale Mono", " Lucida Console", mono, monospace;
	white-space: pre;
	font-size: 10px;
	padding: 0px 5px;
}

.twt-error {
	background-color: #ff8888;
}

.twt-latlng-position-link {
}

.twt-latlng-position-editlatlng {

}

.twt-latlng-position-editlatlng a {
	font-weight: bold;
}

.twt-latlng-position-editlatlng a:hover {
	text-decoration: underline;
}

.twt-latlon-ui-panel input.gwt-TextBox {
	font-size:80%;
	height:18px;
}

.twt-latlng-position-editlatlng span.gwt-Label {
	padding: 0px 3px;
}

.twt-next-previous {
	text-align: center;
	line-height:0.8em;
}

.twt-next-previous.disabled {
	color: gray;
}

.twt-next-previous * {
	display: inline;
}

.twt-next-previous-label {
	font-size: 80%;
	margin: 0px 4px;
}

.twt-next-previous-label.gwt-InlineLabel-disabled {
	color: gray;
}

.twt-next-previous .gwt-PushButton {
	cursor: default;
}

.twt-next-previous .gwt-PushButton-up-disabled {
	color: gray;
}

.twt-next-previous .gwt-PushButton-up-hovering {
}

.twt-next-previous .gwt-PushButton-down-hovering {
	position: relative;
	top: 1px;
	left: 1px;
}

.twt-scale-unit-selection-menu {
	font-family: "Helvetica Neue", "Lucida Sans", "Sans", sans-serif;
	font-size: 11px;
	background: #fffae6;
	border: 1px solid silver;
	padding-left:3px;
	padding-right:3px;
}

.twt-scale-unit-selection-menu .title {
	font-weight: bold;
	border-bottom: 1px solid silver;
	line-height: 1.4em;
}

.twt-scale-unit-selection-menu .twt-close-menu {
	color: #0057FF;
	text-align: right;
	float: right;
}

.twt-scale-unit-button.gwt-ToggleButton-up-hovering {
	background: #F4ECAF;

}

.twt-scale-unit-button.selected {
	background: #E8E4D1;
}

.twt-scale-control .distance-label {
	font-family: "Helvetica Neue", "Lucida Sans", "Sans", sans-serif;
	font-size: 11px;
	background-image: url(images/translucentbg.png);
	padding-left:3px;
	padding-right:3px;
	display: inline;
	position:relative;
	top:-3px;
	left: 1px;
}
.twt-scale-control .distance-label div {
	display: inherit;
}
.twt-scale-control .distance-label div div {
	display: inherit;
}

.twt-scale-control .distance-label img {
	vertical-align: text-top;
}

.twt-scale-control .distance-label .units {
	color: gray;
	font-style: italic;
	padding-right: 2px;
	border-right: 1px solid silver;
	margin-right: 2px;
}

.twt-scale-control .main-bar .main-bar-body {
	height: 3px;
	overflow: hidden;
	display: block;
}

.twt-scale-control .main-bar .main-bar-body .main-bar-body-content {
	background:transparent url(images/scale-images.png) repeat-x scroll 0 -4px;
	float: left;
	height: 3px;
	width: 0px;
}

.twt-scale-control .main-bar .main-bar-body  .main-bar-body-left {
	background: transparent url(images/scale-images.png) no-repeat scroll 0 0;
	float: left;
	height: 3px;
	width: 2px;
}

.twt-scale-control .main-bar .main-bar-body  .main-bar-body-right {
	background:transparent url(images/scale-images.png) no-repeat scroll -2px 0;
	float: left;
	height: 3px;
	width: 2px;
}

.twt-scale-control .main-bar .cursor {
	background:transparent url(images/scale-images.png) no-repeat scroll -5px 0;
	clear: both;
	position: absolute;
	width: 3px;
	height: 4px;
	left:1px;
	bottom: 2px;
	overflow: hidden;
}

* html body .twt-scale-control .main-bar .cursor {
	bottom: 1px;
}