span.link {
color:#4281aa;
cursor:pointer;
}

input {
background:#FFFFFF;
border:1px solid #abc6dd;
font:tahoma 11px;
padding:2px 3px 2px 3px
}

input.submit {
background:#144486;
border:1px solid #144486;
color:#FFFFFF;
font:tahoma 11px;
padding:2px 3px 2px 3px
}

textarea {
background:#FFFFFF;
border:1px solid #abc6dd;
font:tahoma 11px;
padding:2px 3px 2px 3px
}

#site {
width:990px;
margin:0 auto;
}

#top {
float:left;
background:url(/trailino/static/img/headerBackground.jpg);
position:relative;
width:990px;
height:140px;
border-bottom:1px solid #f1f4f5;
}

#drawMap img {
cursor:crosshair;
}

#mapHeader {
background:url(/trailino/static/img/headerbg.gif) left bottom repeat-x;
width:755px;
height:31px;
padding-left:10px;
float:left;
overflow:hidden;
}

#mapHeader .menuItem {
float:left;
height:16px;
overflow:hidden;
float:left;
background:#154587;
padding:8px 10px 5px 10px;
margin-right:1px;
}

#mapHeader .menuItem a {
color:#a5bdd9;
text-decoration:none;
}

#mapHeader .activ {
float:left;
height:17px;
overflow:hidden;
float:left;
background:#FFFFFF;
border-top:1px solid #b8c7da;
border-left:1px solid #b8c7da;
border-right:1px solid #b8c7da;
padding:8px 10px 5px 10px;
margin-right:1px;
}

#mapHeader .activ a {
color:#666666;
text-decoration:none;
}

#mapHeader .print {
float:right;
height:25px;
padding-top:5px;
overflow:hidden;
width:20px;
}


#mapContainer {
width:765px; 
height:368px;
position:relative;
overflow:hidden;
}

#mapContainer .map {
top:0;
left:0;
position:absolute;
z-index:10;
overflow:hidden;
}

#mapContainer .mapBox {
background:url(/trailino/static/img/mapBox.jpg) left top no-repeat;
right:7px;
top:41px;
color:#666666;
padding:5px 0 0 5px;
width:149px; 
height:191px;
position:absolute;
z-index:1000;
overflow:hidden;
}

.infoWindowContent {
width:250px;
height:auto;
border:none;
}

#disBox {
width:130px;
padding-left:5px;
}

#disBox .disTable td {
padding:0 0 1px 0;
}

#disBox .disTable input {
color:#666666;
background:#FFFFFF;
border:1px solid #FFFFFF;
padding:1px 0 1px 3px;
}


#navigation {
position:absolute;
right:0;
top:0;
}

#navigation a {
float:right;
display:block;
position:relative;
height:30px;
margin:0 0 0 10px;
padding:0 15px 0 15px;
cursor:pointer;
text-decoration:none;
}

#navigation a .left {
display:block;
position:absolute;
left:0;
top:0;
width:15px;
height:30px;
background:url(/trailino/static/img/naviLeft.png);
behavior: url(/trailino/static/js/iepngfix.htc);
}

#navigation a .right {
display:block;
position:absolute;
right:0;
top:0;
width:15px;
height:30px;
background:url(/trailino/static/img/naviRight.png);
behavior: url(/trailino/static/js/iepngfix.htc);
}

#navigation a .text {
background:#4281aa;
color:#FFFFFF;
font-size:15px;
display:block;
font-weight:bold;
padding:6px 0 6px 0;
}

#logo {
display:block;
position:absolute;
top:100px;
left:15px;
behavior: url(/trailino/static/js/iepngfix.htc);
}

#middle {
padding:15px;
float:left;
width:960px;
background:#fff;
}

#rightframe {
float:left;
width:180px;
}

#rightframe .box {
float:left;
padding:0 0 5px 0;
background:url(/trailino/static/img/rightBoxBottom.gif) bottom left no-repeat;
width:180px;
}

#rightframe .box h2 {
float:left;
width:140px;
color:#FFFFFF;
font-weight:bold;
background:url(/trailino/static/img/rightBoxHeader.gif) top left no-repeat;
padding:10px 20px 0 20px;
font-size:11px;
height:20px;
margin:0;
}

#rightframe .box ul {
float:left;
display:block;
width:180px;
list-style:none;
padding:0;
margin:0;
}

#rightframe .box li {
display:block;
float:left;
width:180px;
background:#edf1f3;
margin:0 0 1px 0;
padding:0;
}

#rightframe .box a {
float:left;
width:150px;
padding:4px 10px 0 20px;
height:16px;
text-decoration:none;
color:#4281aa;
background:url(/trailino/static/img/menuArrow.gif) no-repeat 10px 8px;
}

#rightframe .box .content {
padding:10px;
background:#edf1f3;
float:left;
width:160px;
overflow:hidden;
}


/* content */

#contentwide table.standard td {
padding:2px 5px 2px 5px;
}

#contentwide .box {
float:left;
width:735px;
padding:15px 15px 15px 15px;
background:#edf1f3;
overflow:hidden;
}

#searchBox {
width:300px;
}


/* Track List */

#contentwide .trackTyp {
width:40px;
height:35px;
margin-left:10px;
margin-bottom:8px;
float:left;
overflow:hidden;
}

#contentwide .trackHeadline {
width:700px;
height:35px;
margin-bottom:8px;
float:left;
overflow:hidden;
}

#contentwide .trackHeadline span {
margin-left:1px;
color:#154587;
}

#contentwide .trackOutpoint {
width:755px;
height:20px;
margin-left:10px;
float:left;
overflow:hidden;
}


#contentwide .anfahrtIcon {
height:35px;
margin-right:15px;
float:left;
overflow:hidden;
}

#contentwide .anfahrt {
height:35px;
float:left;
overflow:hidden;
}


#contentwide .tracklist {
float:left;
}

#contentwide .tracklist .tracklistitem {
width:765px;
float:left;
margin:0 0 15px 0;
}

#contentwide .tracklist .tracklistitem .middle {
width:394px;
float:left;
padding:10px;
border-left:1px solid #000000;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
height:128px;
overflow:hidden;
}

#contentwide .tracklist .tracklistitem .middle table {
width:100%;
}

#contentwide .tracklist .tracklistitem .middle table td {
padding:2px 5px 2px 5px;
}

#contentwide .tracklist .tracklistitem h2 {
font-size:12px;
color:#4281aa;
padding:3px 10px 3px 10px;
margin:0;
float:left;
width:745px;
background:#edf1f3;
}

#contentwide .tracklist .tracklistitem .right {
float:left;
width:350px;
}


#contentwide .listtop {
width:745px;
float:left;
padding:4px 10px 4px 10px;
color:#FFFFFF;
background:#144486;
overflow:hidden;
margin:10px 0 20px 0;
}

#contentwide .listtop a {
color:#FFFFFF;
}

#contentwide .listtop .left {
width:100px;
float:left;
}

#contentwide .listtop .middle {
width:545px;
float:left;
text-align:center;
}

#contentwide .listtop .right {
float:left;
width:100px;
text-align:right;
}


#contentwide .listbottom {
margin:20px 0 0 0;
float:left;
}

#contentwide .listbottom a {
display:block;
float:left;
padding:3px 0 3px 0;
border:1px solid #4281aa;
margin:0 0 3px 3px;
width:20px;
text-align:center;
}

/* TrackDetail View */

#contentwide .mapOptions {
width:765px;
}

#contentwide .infobox3 .left {
float:left;
width:350px;
padding:0 10px 0 0;
}

#contentwide .infobox3 .middle {
float:left;
width:350px;
padding:0 10px 0 0;
}

#contentwide .infobox3 table {
width:100%;
}

#contentwide .infobox3 table td {
padding:2px 5px 2px 5px;
}

#contentwide textarea.comment {
width:743px;
padding:10px;
border:1px solid #4281aa;
}

#infoContainer {
height:180px;
width:765px;
position:relative;
}

#infoChart {
height:180px;
width:480px;
float:left;
overflow:hidden;
margin-right:15px;
}

#chart {
height:180px;
width:480px;
overflow:hidden;
position:relative;
}

#chartInnerContainer {
position:absolute;
top:20px;
left:40px;
width:431px;
height:150px;
background:url(/trailino/static/img/chartDragger.gif) no-repeat;
background-position:0px top;
cursor:w-resize;
}

#infoBox {
height:180px;
width:270px;
position:relative;
overflow:hidden;
float:left;
}

/*#chartDragger {
position:absolute;
width:3px;
height:150px;
top:0;
left:0;
cursor:w-resize;
background:#FF0000;
}*/

#chartActualHeight {
position:absolute;
top:4px;
right:40px;
width:70px;
font-weight:bold;
text-align:right;
}

#chartActualHeightLabel {
position:absolute;
top:4px;
right:110px;
width:150px;
font-weight:bold;
text-align:right;
}

#commentList .comment h3 {
font-size:11px;
font-weight:bold;
background:#4281aa;
color:#FFFFFF;
padding:3px 0 3px 15px;
}


#contentwide .selectActivityCharacter span {
float:left;
width:150px;
}

#infoBoxNearTracks {
float:left;
width:765px;
overflow:hidden;
}

#infoBoxNearTracks .track {
background:url(/trailino/static/img/nearTracks.jpg) no-repeat;
width:370px;
height:83px;
margin-right:12px;
float:left;
overflow:hidden;
}

#infoBoxNearTracks .track .icon {
height:38px;
padding:8px 0 0 12px;
width:38px;
float:left;
overflow:hidden;
}

#infoBoxNearTracks .track .title {
padding-top:7px;
height:43px;
width:300px;
float:left;
overflow:hidden;
}

#infoBoxNearTracks .track .title a {
text-decoration:none;
font-weight:normal;
}

#infoBoxNearTracks .track .trackbox {
width:110px;
padding-left:12px;
height:40px;
float:left;
overflow:hidden;
}

/* Google Info Window Styles */

.routeWindow {
width:350px;
float:left;
}

.routeWindow a, .routeWindow a.link {
text-decoration:none;
}

.panoramioWindow {
width:130px;
height:130px;
float:left;
}

/* Google Info Custom Window */
.elementsCustomContainer {
width:282px;
height:296px;
background:url(/trailino/static/img/tourInfo.png);
margin-left:12px;
margin-bottom:1px;
position:relative;
}

.elementsCustomContainer .close {
width:18px;
height:18px;
position:absolute;
top:15px;
right:15px;
cursor:pointer;
}

.elementsCustomContainer .title {
width:240px;
height:18px;
font-weight:bold;
font-size:11px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#333333;
position:absolute;
top:18px;
left:20px;
}

.elementsCustomContainer .detailContent {
width:240px;
height:110px;
position:absolute;
left:20px;
top:45px;
}

.elementsCustomContainer .thumb {
position:absolute;
height:90px;
width:120px;
background-color:#154587;
right:7px;
top:36px;
}

.elementsCustomContainer .next {
position:absolute;
top:242px;
right:14px;
height:10px;
width:40px;
height:16px;
color:#FFFFFF;
background:#154587;
padding:2px 0 0 18px;
background: url(/trailino/static/img/nextIcon.gif) left center no-repeat #154587;
cursor:pointer;
}

/* panoramio */
.panoramioWindow {
float:left;
height:160px;
overflow:hidden;
width:240px;
}

.panoramioWindow .img {
float:left;
height:125px;
overflow:hidden;
width:240px;
margin-bottom:10px;
}

#google_map {
	position:relative;
	width:765px; 
	height:400px;
	z-index:10;
}

#google_map #map2 {
	position:absolute;
	top:0;
	left:0;
	width:765px; 
	height:400px;
	z-index:15;
}

#google_map #error_box {
	position:absolute;
	top:180px;
	left:180px;
	width:400px;
	text-align:center;
	z-index:2500;
	background:#FFF;
	border:2px solid #154587;
	color:#154587;
	font-weight:bold;
	padding:10px 0;
}