html, body {
	font-family: verdana, helvertica, san serif;
	background-color: #CE9015;
	color: black;
	margin: 0;
}

form { margin: 0; }

#tagline {
	font-size: 75%;
}

#divHeader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	background-color: #8C2514;
	font-family: tahoma, helvetica, san serif;
	color: white;
}
#divHeader h1 {
	padding-left: 10px;
	margin-top: .3em;
}
#divStripe {
	position: absolute;
	top: 80px;
	height: 10px;
	width: 100%;
	background-color: #59676A;
}
#divNav{
	position: absolute;
	top: 90px;
	height: 100%;
	width: 140px;
	color: white;
	background-color: black;
	font-size: .8em;
}

#divNav ul {
	list-style: none;
	padding: 10px;
}
#divNav li {
	padding-bottom: 7px;
}
#divNav li a {
	color: white;
}

#search_loco {
	width: 80px;
}

#divContent {
	position: absolute;
	top: 90px;
	left: 140px;
	right: 0px;
	bottom: 0px;
	padding: 10px;
	margin-top: 0;

	border: 0px solid blue;
}

.divLeft {
	position: relative;
	width: 50%;
	border: 0px solid green;
}

.divRight {
	position: absolute;
	top: 0;
	width: 45%;
	right: 0;
	padding: 10px;
	margin-top: 10px;
	margin-right: 10px;
	border: 0px solid red;
}

#tabLocos {
	position: relative;
	width: 100%;
	font-size: 85%;
	border: 1px #666 solid;
	margin: 0;
	border-collapse: collapse;
	margin-bottom: 10px;
}
#tabLocos thead, #tabLocos th, #tabLocos .header {
	background-image: url(images/header-bg.png);
	background-color: #BA331B;
	color: white;
	text-align: left;
	padding: 3px;
	padding-left: 30px;
	height: 33px;
}
#tabLocos .headerSortUp { background-image: url(images/header-asc.png); }
#tabLocos .headerSortDown { background-image: url(images/header-desc.png); }
#loco_all_rows tr {
	cursor: pointer;
}
#loco_all_rows tr:hover {
	background-color: #ccc;
}
#tabLocos tfoot {
	background-color: #59676A;
	color: black;
	font-size: 85%;
}

td {
	padding: 3px;
	border-bottom: 1px #666 solid;
}

tr.row0 { background-color: white; }
tr.row1 { background-color: #F1C872; }

.colSpeed { width: 10%; }
a { color: #BA331B }

.dlg {
	position: relative;
	width: 100%;
	border: 1px #666 solid;
	background-color: #F1C872;
	margin: 0;
	margin-bottom: 10px;
}

.dlg .topbar {
	position: relative;
	height: 20px;
	background-color: #BA331B;
	border-bottom: 1px #666 solid;
}

.dlg .content {
	padding: 5px;
}

#inputs {
	width: 100%;
	font-size: .9em;
}

#divLocoInfo {
	padding: 5px;
	border: 1px red solid;
	width: 50%;
	float: left;
}
#divSpeeds {
	padding: 5px;
	border: 1px green solid;
	clear: left;
}

#divOther {
	width: 45%;
	padding: 5px;
	border: 1px blue solid;
}

#inputs fieldset {
  margin-bottom: 10px;
  border: 0;
}
#inputs legend {
  padding: 0 2px;
  font-weight: bold;
}
#inputs label {
	display: block;
	line-height: 1.8;
  vertical-align: top;
  text-align: right;
}
#inputs fieldset ol {
  margin: 0;
  padding: 0;
}
#inputs fieldset li {
	list-style: none;
	padding: 0px;
	margin: 0;
	clear: both;
}
#inputs label {
  width: 11em;
  float: left;
}
#inputs input {
	margin-top: 5px;
}
#tagid_txt {
	display: block;
	font-size: 12pt;
}
#divMsg {
	position: relative;
	left: 0px;
	right: 0px;
	color: white;
	border: 2px #666 solid;
	background-color: #BA331B;
	margin-top: -10px;
	margin-bottom: 10px;
	padding: 5px;
}
#newtagid {
	display: none;
}
.inactive_id {
	font-weight: bold;
}
/*
	Slider styles

	back:	rgb(230,230,230)
	dark:	rgb(90,97,90)
	medium	rgb(189,190,189)
	*/
.slider {
	left: 160px;
}
.slider-value {
	border: 0px solid green;
	width: 230px;
	padding-top: 3px;
	text-align: right;
}

.dynamic-slider-control {
	position:			relative;
	-moz-user-focus:	normal;
	-moz-user-select:	none;
	cursor:				default;
}

.horizontal {
	width:				200px;
	height:				27px;
}

.vertical {
	width:				29px;
	height:				200px;
}

.dynamic-slider-control input {
	display:	none;
}

.dynamic-slider-control .handle {
	position:			absolute;
	font-size:			1px;
	overflow:			hidden;
	-moz-user-select:	none;
	cursor:				default;
}

.dynamic-slider-control.horizontal .handle {
	width:				31px;
	height:				14px;
	background-image:	url("images/handle.bubble.red.png");
}

.dynamic-slider-control.horizontal .handle div {}
.dynamic-slider-control.horizontal .handle.hover {}

.dynamic-slider-control.vertical .handle {
	width:				15px;
	height:				31px;
	background-image:	url("handle.vertical.png");
}

.dynamic-slider-control.vertical .handle.hover {}

.dynamic-slider-control .line {
	position:			absolute;
	font-size:			0.01mm;
	overflow:			hidden;
	border:				1px solid rgb(90,97,90);
	background:			rgb(189,190,189);
}
.dynamic-slider-control.vertical .line {
	width:				3px;
}

.dynamic-slider-control.horizontal .line {
	height:				3px;
}

.dynamic-slider-control .line div {
	width:		1px;
	height:		1px;

	border:				1px solid;
	border-color:		rgb(230,230,230) rgb(189,190,189)
						rgb(189,190,189) rgb(230,230,230);
}

/* Date picker specific styles follow */

a.date-picker {
	position: relative;
	width: 16px;
	height: 26px;
	top: 5px;
	border: none;
	color: #fff;
	padding: 0;
	margin: 0;
	float: left;
	overflow: hidden;
	cursor: pointer;
	background: url(images/calendar.png) no-repeat;
}
a.date-picker span {
	margin: 0 0 0 -2000px;
}
div.date-picker-holder, div.date-picker-holder * {
	margin: 0;
	padding: 0;
}
div.popup-calendar-wrapper {
	position: relative;
}
div.date-picker-holder input {
	float: left;
}
div.popup-calendar {
	display: none;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0; /* value for IE */
	padding: 6px;
	border: 2px solid #000;
	background: #fff;
	color: #000;
	overflow:hidden;
	width: 172px;
}
html>body div.popup-calendar {
	left: 199px; /* value for decent browsers */
	top: 24px;
}
div.popup-calendar div.link-close {
	float: right;
	font-size: 0.8em;
}
div.popup-calendar div.link-prev {
	float: left;
	font-size: 0.8em;
}
div.popup-calendar div.link-next {
	float: right;
	font-size: 0.8em;
}
div.popup-calendar h3 {
	font-size: 1.15em;
	margin: 2px 0 3px 3px;
}
div.popup-calendar div a {
	padding: 1px 2px;
	color: #000;
	text-decoration: none;
}
div.popup-calendar div a:hover {
	background-color: #000;
	color: #fff;
}
div.popup-calendar table {
	margin: 0;
	margin-left: 3px;
}
* html div.popup-calendar table {
	display: inline;
}
div.popup-calendar table th, div.popup-calendar table td {
	background: #eee;
	width: 21px;
	height: 17px;
	text-align: center;
}
div.popup-calendar table td.inactive {
	color: #aaa;
	padding: 1px 0 0;
	font-size: 0.8em;
}
div.popup-calendar table th.weekend, div.popup-calendar table td.weekend {
	background: #f6f6f6;
}
div.popup-calendar table td a {
	display: block;
	border: 1px solid #eee;
	width: 19px;
	height: 15px;
	text-decoration: none;
	color: #333;
	font-size: 0.8em;
}
div.popup-calendar table td.today a {
	border-color: #aaa;
}
div.popup-calendar table td a.selected, div.popup-calendar table td a:hover {
	background: #333;
	color: #fff;
}