/*

Black = 313732

Blue = 8AA8B0

Grey = DEDEDE

White = FFFFFF

Orange = F26101

*/



body {

background:#F7F3E7 url(../_images/body-bg-drew.png) repeat-x 0 0;

color: #595241; 

}

#wrap {

/* width:880px; */

min-width: 880px;

max-width: 1260px;

margin:0 auto;

}

#content {

background:#FFFFFF;

padding:12px;

border:2px solid #A5C4D9;

overflow:hidden;
margin:0 10px 0 169px;

/* width:832px; */

}



body.popup { padding:9px 18px 0 18px; }

h1, h2, h3, h4, h5, h6 { color: #296A9C; }

h1 { border-bottom: 1px solid #B8AE9C;}

a { color: #004D99; text-decoration: none; }

thead th {background:#DEDEDE;}



.float-right { float: right; }

.float-left { float: left; }



.marker-info h2 {

color:#595241;

font-size:100%;

font-weight:bold;

}

#chart .comment, .marker-info span.custom-id {

color:#999999;

voice-family:"Helvetica Neue",Arial,Helvetica,sans-serif;

font-size:0.8em;

line-height:1.875em;

font-weight:normal;

}





#Header {

background:url(../_images/header-bg-tile.jpg) repeat-x 0 0;

/* background:url(../_images/header-bg-shorter.png) no-repeat 0 0;

 width:880px; */

height:48px;

position:relative;

left:-10px;

margin-bottom:0;

text-align:left;

}

#Header .logo {

background:url(../_images/OTD-logo-big.jpg) no-repeat 0 0;

width:179px;

height:120px;

/* background:url(../_images/OTD-logo.png) no-repeat 0 0; 

width:157px;

height:94px;

left:24px;

top:14px;

*/

display:block;

position:absolute;



text-decoration:none;

border:none;

}

#description {
	position:absolute;
	left:12px;
	top:120px;
	width:160px;
}
	#description p {
		margin:0 0 11px 0 !important;
		color:#286A9B;
		font-weight:bold;
		font-size:11px;
		line-height:16px;
		text-align:left;
		text-indent:0;		
	}

#Header h2.mantra {
background:url(../_images/OTD-subtitle.png) no-repeat 0 0;
width:389px;
height:18px;

display:block;

position:absolute;

left:175px;

top:20px;

}

#header-right-cap {

background:url(../_images/header-bg-right-end.jpg) no-repeat 0 0;

width:17px;

height:120px;

display:block;

position:absolute;

right:-17px;

top:0;

}



#Header .logo span, #Header h2.mantra span { display: none; }



#Header .nav {

position:absolute;

right:60px;

top:10px;

}

#Header ul.login {

position:absolute;

right:-20px;

top:13px;

}

	#Header ul.login li {

	height:32px;
	display:block;
	float:left;
	text-align:center;
	margin-right:8px;
	padding:0 0 0 25px;
	font-size:14px;
	line-height:32px;
	}
		#Header ul.login li.logout {
			padding:6px 0 0 0;
		}
		#Header ul.login li.blog {
			background:url(../_images/icon-blog.png) no-repeat 0 8px;
		}
		#Header ul.login li.twitter {
			background:url(../_images/icon-twitter.png) no-repeat 0 8px;
		}
		#Header ul.login li.login {
			background:url(../_images/icon-login.png) no-repeat 0 8px;
		}
		
		#Header ul.login li a {
			color:#286A9B;
			background:url(../_images/small-divider.jpg) no-repeat right 0;
			line-height:32px;
			padding:10px 10px 10px 0;
		}
		
		#Header ul.login li a span {

		display:none;

		}

/*
		#Header ul.login li.login {

		background:url(../_images/or.png) no-repeat 5px 6px;

		padding:5px 15px 0 0;

		}

			#Header ul.login li.login a {

			background:url(../_images/login.png) no-repeat 0 0;

			width:47px;

			height:14px;

			display:block;

			}		
			*/	

		#Header ul.login li.register {
			padding:4px 0 0 2px;

		}

			#Header ul.login li.register a {

			background:url(../_images/request-info.png) no-repeat 0 0;

			width:148px;

			/*

			background:url(../_images/sign-up.png) no-repeat 0 0;

			width:73px;

			*/

			height:22px;

			display:block;

			}

			#Header ul.login li.logout a {

			background:url(../_images/logout.png) no-repeat 0 0;

			width:60px;

			height:13px;

			display:block;

			}

		#Header #tour {

		position:absolute;

		left:707px;

		top:95px;

		}

		#Header #tour a {

		background:url(../_images/video-tour.png) no-repeat 0 0;

		width:150px;

		height:30px;

		display:block;

		}

			#Header #tour span {

			display:none;

			}

		

#Header .nav li {

background:url(../_images/nav-button.png) no-repeat 0 0;

width:102px;

height:30px;

display:block;

float:left;

text-align:center;

margin-right:8px;

}

#Header .nav li a {

color:#296A9C;

text-decoration:none;

font-family:"trebuchet ms", Arial, Helvetica, sans-serif;

font-size:14px;

line-height:30px;

display:block;

width:102px;

height:30px;

}

	#Header .nav li a:hover {

	text-decoration:underline;

	}



#map_canvas { border-bottom: 3px solid #B8AE9C; }



#map_markerDetail {

margin:12px 0 0 0;

width:100%;

}

.marker-info h2 { border-bottom: 1px solid #A5C4D9; widows:100%;}

.marker-info .chart {

	margin: 0 auto;

	display: block;

	padding: 10px;

	background-color: #fff;

	border: 1px solid #B8AE9C;

}

.marker-info .markerLat, .marker-info .markerLng{ float: right; padding: 0 0 0 18px; color: #999; }







#AdminNav {

	background-color: #595241;

	margin: 0;

	padding: 10px 15px 4px 15px;

	font-weight: bold;

}



#AdminNav.nav li a {

	color: #595241;

	padding: 3px;

	margin: 0 5px 0 0;

	text-decoration: none;

	background-color: #accfcc;

	-moz-border-radius-topleft: 4px;

	-khtml-border-top-left-radius: 4px;

	-webkit-border-top-left-radius: 4px;

	border-top-left-radius: 4px;

	-moz-border-radius-topright: 4px;

	-khtml-border-top-right-radius: 4px;

	-webkit-border-top-right-radius: 4px;

	border-top-right-radius: 4px;

	border: 1px solid #accfcc;

	border-bottom: 3px solid #accfcc;

}



}



#AdminNav.nav li a:hover {

	color: #313732;

	border-bottom: none;

	background-color: #DEDEDE;

}



#AdminNav.nav li a.selected {

	background-color: #FFFFFF;

	border-bottom: 3px solid #FFFFFF;

}



.submit input, .button, .button-secondary, .button-highlighted {

	padding: 3px 5px;

	line-height: 1.5em;

	border-width: 1px;

	border-style: solid;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	cursor: pointer;

	text-decoration: none;	

	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;

}



.button-highlighted {font-weight: bold;}



#chart .date-col { width: 50px;}

#chart td { padding: 4px 6px; /* border-bottom:1px solid #e5e5e5; */ }

#chart .volume .bar { 

float:left;

height:16px;

background:#009966 url(../_images/bar-green.png) repeat-x 0 0;

position:relative;

top:1px;

/* red 

background:#900 url(http://www.onlinetrafficdata.com/_images/bar.jpg) repeat-x 0 0; */

}



#chart th { text-align: left; vertical-align:top;}



textarea#Description {

width:260px;

}

input#Title {

width:260px;

}

input.text {

width:260px;

}

select.yeah {

width:260px;

}

div.hiden {

display:none;

}

#footer {

text-align:center;

padding:8px;

line-height:20px;

margin:0 10px 0 169px;

}



#video {

width:640px;

margin:12px auto;

text-align:center;

}



.bar span.comment {

font-size:10px;

font-weight:bold;

line-height:20px;

padding:0 0 0 5px;

}

span.twitter {

background:url(../_images/twitter-bird.jpg) no-repeat 0 -3px;

padding-left:30px;

}