/** $Id: runometer.css 7835 2010-02-08 16:45:33Z arkasha $ */

/* global tags */
div {
	border: 0px solid #0f0;
}
body {
	background: url(../img/darkgrad.jpg) repeat-x #333;
	font-family: 'trebuchet ms',tahoma,helvetica,arial,sans-serif;
}
h1 {
	margin: 0.5em 0 0.5em 0;
	font-family: 'trebuchet ms',tahoma,helvetica,arial,sans-serif;
	font-weight: bold;
	font-size: 1.73em;
	color: #911; /* 911 */
}
h2 {
	margin: 0.5em 0 0.5em 0;
	font-family: 'trebuchet ms',tahoma,helvetica,arial,sans-serif;
	font-weight: bold;
	font-size: 1.44em;
	color: #911;
}
h3 {
	margin: 0.5em 0 0.5em 0;
	font-family: 'trebuchet ms',tahoma,helvetica,arial,sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	color: #911;
}
h4 {
	margin: 0.6em 0 0.6em 0;
	font-family: 'trebuchet ms',tahoma,helvetica,arial,sans-serif;
	font-weight: bold;
	font-size: 1.0em;
	color: #000;
}
h5 {
	margin: 0;
	font-family: 'trebuchet ms',tahoma,helvetica,arial,sans-serif;
	font-weight: bold;
	font-size: 1.0em;
	color: #000;
}
p {
	margin-bottom: 1.0em;
}
em {
	font-style: italic;
}
a {
	text-decoration: none;
	color: #911;
}
a:link, a:visited {
	text-decoration: none;
	color: #911;
}
a:active, a:hover {
	text-decoration: none;
	color: #911;
}

input[type="text"],input[type="password"],select {
	border: 1px solid #aaa;
	color: #777;
	padding: 2px;
	font-weight: bold;
	font-size: 0.9em;
	font-family: 'trebuchet ms',tahoma,helvetica,arial,sans-serif;
} 

input[type="button"],input[type="submit"],input[type="reset"] {
	background-color: #ddd; 
	border: 1px solid #911;
	padding: 2px;
	color: #911;
	font-weight: bold;
	font-size: 0.9em;
	font-family: 'trebuchet ms',tahoma,helvetica,arial,sans-serif;
}

/* special small unassuming button */
.small-button {
	background-color: #fff; 
	border: 1px solid #fff;
	/* padding: 2px; */
	color: #911;
	font-size: 0.9em;
	font-family: 'trebuchet ms',tahoma,helvetica,arial,sans-serif;	
}

/* containing div */
#custom-doc {
	margin-left: 5%;
	margin-right: 5%;
	padding: 0;
	text-align: left;
	width: auto;
	min-width:700px;
}

/* header */
#pre-hdd {
	position: relative;
	top: 0;
	width: 100%;
	height: 30px;
	background-color: #000;
	z-index: 250;
}
#hd {
	position: relative;
	margin-top: 30px;
	background: url(../img/header6-color.jpg) top center no-repeat #999;
	text-align: center;
	height: 120px;
	z-index: 300;
}

#site-name {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 200px;
	height: 34px;
}
#hd-top {
	position: relative;
	line-height: 0.1em;
	font-size: 0.1em;
	height: 7px;
}
#hd-mask-tl {
	position:absolute;
	top:0;
	left:0;
}
#hd-mask-tr {
	position:absolute;
	top:0;
	right:0;
}

/* navigation */
#navbar {
	position: relative;
	background-color: #911;
	color: #fff;
	padding: 2px 0px 2px 0px;
	text-align: right;
	height: 1.2em;
}
#navbar-links {
	position: absolute;
	top: 2px;
	right: 20px;
	font-family: georgia;
}
#navbar-links a {
	font-family: 'trebuchet ms',tahoma,helvetica,arial,sans-serif;
	font-weight: bold;
	font-size: 0.9em;
	color: #fff;
}
#navbar-links a:link, #navbar-links a:visited {
	color: #fff;
}
#navbar-links a:active, #navbar-links a:hover {
	color: #ccc;
}

#tally {
	position: absolute;
	top: -1.4em;
	left: 20px;
	font-family: 'trebuchet ms',tahoma,helvetica,arial,sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	color: #ddd; /* fc3 */
	line-height: 1.2em;
}
#tally-logged-in {
	position: absolute;
	top: -5.5em;
	right: 10px;
	font-family: 'trebuchet ms',tahoma,helvetica,arial,sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	color: #fff; /* fc3 */
	line-height: 1.2em;
	z-index: 401;
}

/* login & registration panels */
#drop-panel-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	height: 30px;
	background-color: #000;
	z-index: 250;	
}
.drop-panel {
	position: absolute;
	top: -100px;
	left: 5%;
	margin-left: 5%;
	margin-right: 0;
	width: 80%;
	background: url(../img/boxgrad-eee2ddd.gif) bottom repeat-x #eeeeee;
	z-index: 200;
	padding-top: 10px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-family: helvetica,arial,sans-serif;
	text-align: center;
}
.drop-panel-close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 0.75em;
}

.profile-drop-panel {
	position: absolute;
	top: -100px;
	left: 5%;
	margin-left: 5%;
	margin-right: 0;
	width: 80%;
	background:  #ffffff; 
	z-index: 200;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #911;
	border-left: 1px solid #911;
	border-right: 1px solid #911;
	border-bottom: 1px solid #911;
	font-family: "Trebuchet MS", helvetica,arial,sans-serif;
	text-align: left;
}
.profile-drop-panel-close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 0.75em;
}

.simple-instruct {
	font-size: 1.2em;
}
.additional-note {
	font-size: 0.8em;
}
#login-fields {
	margin-bottom: 1.0em;
	font-size: 0.9em;
}
#login-fields label {
	font-weight: bold;
}
#login-fields input {
	margin-right: 2.0em;
}
#registration-panel {
	display:none;
}

/* content */
#bd {
	position:relative;
	background-color: #fff;
	min-height: 600px;
	padding: 20px;
}
.yui-t4 .yui-b {
	float: right;
    width: 290px;
    padding-left: 0;
	padding-right: 0;
}
.yui-t4 #yui-main .yui-b {
    margin-right: 300px;
    padding-right: 20px;
	padding-left: 0;
}

/* footer */
#ft {
	margin-bottom: 10px;
	color: #ccc;
	text-align: center;
}
#ft a {
	font-weight: bold;
	color: #fff;
}
#ft a:link, #ft a:visited {
	color: #fff;
}
#ft a:active, #ft a:hover {
	color: #ccc;
}
#ft-top {
	position: relative;
	line-height: 0.1em;
	font-size: 0.1em;
	background-color: #fff;
	height: 7px;
}
#ft-mask-bl {
	position:absolute;
	bottom:0;
	left:0;
}
#ft-mask-br {
	position:absolute;
	bottom:0;
	right:0;
}

/* home page */
.disclaimer {
	margin-top:20px;
	font-family: 'trebuchet ms',tahoma,helvetica,arial,sans-serif;
	font-size: 0.65em;
	font-style: italic;
}
.system-message {
	display: none;
	padding: 10px;
	margin-bottom: 10px;
	font-size: 0.8em;
	font-family: 'trebuchet ms',tahoma,helvetica,arial,sans-serif;
	background: url(../img/boxgrad-eee2ddd.gif) bottom repeat-x #eeeeee;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.introduction {
	border: 1px solid #fff;
}
#howto ol {
	list-style-type: decimal;
	margin: 0.50em 0 0.50em 0;
}
#howto ol li {
	margin-left: 30px;
}
#howto em {
	font-style: normal;
	font-weight: bold;
}
#most-recent {
	float:right;
	margin: 0.5em 0 0 8px;
}

/* about */
#useful-links ul {
	margin: 0.50em 0 0.50em 0;
}
#useful-links ul li:before {
	content: "\00BB \0020";
}

/* terms of service */
#tos ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	list-style-position: outside;
	margin: 0.50em 0 0.50em 0;
}
#tos li {
	margin: 0.25em 0 0.25em 0;
}
#tos ul li:before {
	content: "\00BB \0020";
}
#tos ul ol li:before {
	content: "";
}
#tos ol {
	list-style-position: outside;
	list-style-type: decimal;
	margin: 0.50em 0 0.50em 0;
	text-indent: 0;
}
#tos ol li {
	margin-left: 30px;
}

/* registration form */
#registration-form div.form-section {
	padding: 10px 10px 1px 10px;
	margin-bottom: 10px;
	background: url(../img/boxgrad-eee2ddd.gif) bottom repeat-x #eeeeee;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#registration-form input {
	margin-left: 2.0em;
}
#registration-form #tos {
	margin: 1.0em;
	text-align: center;
}
#registration-form input#agree-tos {
	margin: 0 0.5em 0 0;
}
#registration-form input#submit-button {
	margin-left: 0;
}
#registration-form #submit {
	text-align: center;
}
#registration-form label {
	font-family: 'trebuchet ms',tahoma,helvetica,arial,sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}

/* tables */
.runtable,
.routetable,
.searchtable {
	background-color: #eee;
	border: 1px solid #aaa;
	text-align: left;
	margin: 2px;
	color: black;
	font-size: 0.8em;
}

.runtable th,
.routetable th,
.searchtable th {
	padding: 2px 6px 2px 6px;
	background-color: #aaa;
	color: black;
	font-weight: bold;
}

.runtable tr.odd,
.routetable tr.odd,
.searchtable tr.odd {
	background-color: #fff;
}

.runtable td,
.routetable td,
.searchtable td {
	padding: 2px 6px 2px 6px;
	color: black;
}

/* news */
#latest-head {
	width:160px;
	background-color:#ddd;
	border: 1px solid #ddd;
}
#latest-head h4 {
	font-size: 0.9em;
	margin: 0.25em 0 0.25em 0;
	padding-left: 10px;
}
.intronews {
	margin: 0;
	width: 140px;
	font-size: 0.80em;
}
.intronews em {
	font-size: 0.9em;
	font-style: italic;
}

.stylized-form {
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
	background: url(../img/boxgrad-eee2ddd.gif) bottom repeat-x #eee;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#instruction-toggle-div {
	display: none;
	width: 100%;
	text-align: right;
	margin-bottom: 5px;
	font-size: 0.85em;
}
.form-section-instruct {
	display: none;
}

#runform,
#routeform {
	position: relative;
}

#runform label, 
#routeform label,
#creating label,
span.label,
.instruct-label,
div.download-item a {
	font-weight: bold;
}

span.code {
	font-family: Courier;
	font-size: 0.9em;
}

/* draw_route */
#creating {
	position:relative;
	margin:0;
	padding:10px;
}
#creating input {
	margin: 4px 0 4px 0;
}

/* general */
div.styledbox {
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
	/* background: url(../img/yellowgrad.gif) bottom repeat-x #fff2cc; */
	background: url(../img/boxgrad-eee2ddd.gif) bottom repeat-x #eee;
	border-left: 1px solid #ddd; /* ffecb3 */
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
div.form-section {
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
	background: url(../img/boxgrad-eee2ddd.gif) bottom repeat-x #eee;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
div.form-subsection {
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
	background-color: #ffffff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
div.thin-white-box {
	padding: 5px 5px 5px 5px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #ffffff;
}
div#status,
div#err {
	display: none;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
	background: url(../img/yellowgrad.gif) bottom repeat-x #fff2cc;
	border-left: 1px solid #ffecb3;
	border-right: 1px solid #ffecb3;
	border-bottom: 1px solid #ffecb3;
}
div.borderedbox {
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
	/* background: url(../img/yellowgrad.gif) bottom repeat-x #fff2cc; */
	background-color: #fff;
	border-left: 1px solid #911; /* ffecb3 */
	border-right: 1px solid #911;
	border-top: 1px solid #911;
	border-bottom: 1px solid #911;
}
/*profile data*/
#profile-edit-toggle-div a:hover {
	background-color: #BBB;
	color: #D44;
}

/** comment stuff */
.comment-metadata {
	margin-top: 5px;
	font-family: 'trebuchet ms',tahoma,helvetica,arial,sans-serif;
	font-size: 0.85em;
	font-style: italic;
}

/* non 3d input elements */
.input-2d-gray {
	border: 1px solid #aaa;
}

/* standard runo button */
.runo-button {
	border-color: #911; 
	background-color: #911; 
	color: #fff;
	font-weight: bold;
}
div.notif-channel-box {
	text-align: left; 
	font-size: 0.9em; 
	background-color: #eee; 
	border: 1px #911 solid; 
	padding: 5px;
	display: none;
}
.menubox {
	background-color: #911; 
	color: #FFF;
}

.yuimenubaritem ul li {
	padding: 0px 215px 0px 5px;
}

.yuimenubaritem a, .yuimenubaritem a:visited { 
	display:block; 
	padding: 0px 5px 0px 5px;
}

.first-of-type ul li {
	padding: 5px 15px 5px 5px;
	width: 9em;
}

.rundistnum {
	font-size: 2.5em;
	vertical-align:text-top;
}

.rundistunits {
	font-size: 1em;
	vertical-align:text-top;
}

#run_calendar_div { display:none; position:absolute; left:200px; top:300px; z-index:1}