body {
background-color: #ffffff;
font-size: 9pt;
font-family: Arial, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
height:100%;
}

a {color: #000;}
a:visited {color:#000;}
a:hover {color: #000;}
a:active { color:#000;}

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}




/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(../images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(../images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(../images/SavedStar.png);
}

#menufiller
{
	border-top:solid 1px #f8a286;
	border-left:solid 1px #cccecf;
	width:100%;
	background:#fff;
	height:160px;
}

/* ----------container to center the layout-------------- */
#container {
width: 800px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background: #ffffff;
margin-top:0;
padding-top:0;
height:100%;
}

/* ----------banner for logo-------------- */
#banner {
background-color: #ffffff;
text-align: left;
padding: 0px;
margin: 0px;

}


/* -----------------content---------content_H1_BG.gif------------ */
#content 
{
background-color: #ffffff;
padding: 5px;
padding-bottom:0;
padding-top:0;
height:100%;
margin-right: 0px;
float:right;
width:588px;
padding-right:0px;
padding-left:0px;
}

#content h1
{
	background: url('../mockup/frontcontent_H1_BG.gif') top left no-repeat;
	margin:0;
	margin-top:9px;
	color:#ffffff;	
	font-size:22px;
	font-weight:normal;
}





#pageHeader
{
	background: url('../mockup/content_H1_BG.gif') top left no-repeat;
	height:53px;
	padding:10px 0 0 20px;	
	margin:0;
	margin-top:15px;
	color:#ffffff;	
	font-size:22px;
	font-weight:normal;	
	width:550px;
}

#pagelinks
{
	display:block;	
	float:right;
	margin:5px 20px 0 0;
	color:#ffffff;	
	font-size:16px;		
}

#pagelinks a {color: #fff;}

#content h2
{
	background: url('../mockup/contentH3BG.gif') top left no-repeat;
	height:30px;
	padding:6px 0 4px 11px;	
	margin:0;
	margin-top:15px;
	color:#ffffff;	
	font-size:14px;	
	width:218px;	
}

#content h2 span { padding: 0 5px 0 0; }

#content h3
{
	padding-left:0;
	margin-left:0;
	color:#342e30;	
	font-size:14px;
	padding-bottom:3px;
}

#content h4
{
	color:#342e30;	
	font-size:12px;		
	margin-bottom:2px;
	padding-bottom:2px;
	padding-left:0;
	margin-left:0;
}

#content p
{
	padding-left:0;
	margin-left:0;
}

#content ul
{
	margin-bottom:3px;
	padding-bottom:0;
}

h3
{
	color:#555;
	font-weight:500;
	font-size:1.7em;
	margin:1em 0 .2em;
	padding: 5px 10px;
}

h4
{
	padding: 5px 10px;
}


.summary
{
	background-color:#eff0f0;
	width:170px;	
	padding:10px 0px 10px 0px;
	margin:0;	
	margin-bottom:5px;
}

.summary ul
{	
	margin: 0;
	padding: 5px 0 5px 15px;	
}

div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

p, pre{
padding: 5px 10px;
margin:0px;
}

#yourArea
{
	padding:0;
	margin:0;
	width:554px;
	border:solid 1px #dfe0e1;
	border-top:none;
}

/* --------------left navi------------- */
#left {
float: left;
width: 200px;
margin: 0px;
padding: 0px;
	background:#f2f2f3;
	border-top:solid 9px #ffffff;			
	
}

#left p
{
	
}

.even
{
	padding-top:5px;
	padding-bottom:5px;
}

.odd
{
	background-color:#f1f1f2;
	padding-top:5px;
	padding-bottom:5px;
}

.featured
{	 
	padding-top:5px;
	padding-bottom:5px;
}

#left h2
{	
	font-size: 12px;
	font-family: Arial, SunSans-Regular, Sans-Serif;
	color:#464648;
	padding: 10px 0 10px 15px;
	border-top:solid 1px #aaacaf;
	border-bottom:solid 1px #aaacaf;
	font-weight:bold;
}


th
{
	text-align:left;
	background:#ef4331;
	color:#ffffff;
	padding-bottom:5px;
	padding-top:5px;
	font-size:11px;
	padding-left:3px;	
}

/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 0px;
text-align: right; }


#sponsorbar
{
	padding-top:25px;
	width:588px; float:right; 
}

#linkmenu
{
	float:right;
	height: 288px;
}

#navcontainer
{
	float:left;
	background: url('../mockup/menuBG_notile.gif') top left no-repeat;
	border-bottom:solid 1px #f0524c;
	padding:0;
	margin:0;
	margin-bottom:1px;	
	height:30px;
	overflow:visible;
	width:800px;
}

* html .sendlinkbutton
{
	height:30px;	
}

.sendlinkbutton
{
	padding-bottom:3px;
}

#navlist
{	
	padding:0;
	margin:0;
	padding-left:20px;
	padding-top:8px;
}

#navlist li
{
display: inline;
list-style-type: none;
padding:0;
margin:0;
padding-right: 5px;
color:#ffffff;
}


#navlist a {color: #eb4833;font-size: 12px; font-family: Arial, SunSans-Regular, Sans-Serif; text-decoration:none; font-weight:bold;}
#navlist a:visited {color:#eb4833;font-size: 12px; font-family: Arial, SunSans-Regular, Sans-Serif;}
#navlist a:hover {color: #eb4833;font-size: 12px; font-family: Arial, SunSans-Regular, Sans-Serif; text-decoration:underline;}
#navlist a:active { color:#eb4833;font-size: 12px; font-family: Arial, SunSans-Regular, Sans-Serif;}

.rss {
	display:block;
	clear:both;
	float:right;
	margin:5px 20px 0 0;		
}

.rsstop {
	display:block;
	clear:both;
	float:right;
	margin:0 0 0 0;		
}



.more {
	display:block;
	clear:both;
	float:right;
	margin:0 20px 6px 0;		
}

.headerMore {
	display:block;
	clear:both;
	float:right;
	margin:5px 20px 0 0;
	font-size:10px;	
	color:#000;
}


.completebar { overflow: hidden; height: 1%; width:140px; margin-left:30px;}
.cmplt { float: left; width: 100px; height: 7px; border: 1px solid #666; position: relative; top: 3px; background: url(../images/completebg.gif) repeat-x; }
.cmplt .real { position: absolute; top: 0; left: 0; z-index: 10; border-right: 1px solid #060; }
.cmplt .pot { position: absolute; top: 0; left: 0; z-index: 5; }
.pct { float: left;  margin-left: 5px; font-size: 100%; font-weight: bold; color: #ff0000; }
.vmid { vertical-align: middle; }


.linkedgroupsButton {width:100px;padding:0 0 0 5px;	}
.linkedgroupsMember {text-align:center;}  
.linkedgroupLoc{width:70px;}
.groupLinksMain{width: 560px;}
.groupLinksMain table{border:0;width:100%;}

.linkedgroupRow {background-color:#F1F1F2;padding-bottom:5px;padding-top:5px; }
.linkedgroupAltRow {padding-bottom:5px;padding-top:5px;}
.linkedgroupHeader h3{padding:0 0 0 0;margin: 0 0 0 0;	}
.linkedGroupsPager { background-color:#F1F1F2; text-align:right;}
.linkedGroupsPager table { margin-left:auto; margin-right: 6px; width:auto;}

.memberlistBottom {text-align:right; padding-right:10px; padding-top:10px;}
.memberlistBottom a {color:red;}
.memberlistTable tr {vertical-align:top;}

.memberlistHeader {background:url('/mockup/contentMemberListBIG.gif') top left no-repeat;color:#FFFFFF;font-size:14px; padding-right:0;margin-top:15px; margin-right:0;width:544px;height:33px}
.memberlistSortOptions { float:right; display:block; width:328px; margin-top:5px;}
.memberlistHeaderText {float:left; width:195px;height:30px;margin:10px 0 0;padding:0 0 0 20px;}
.memberlistItemSmall {width:55px;}
.memberlistItemBig {width:65px;}
.memberfullistdiv {}

.memberlistBottomLinks {text-align:right}
.memberlistBottomLinks a {color:Red}

.memberlistBottomControl {width:544px;height:50px;}
.memberlistLoaderimg { float:left; width:50px;}
.memberlistBottomLinkContainer { float:right; width:160px;text-align:right;}

.tableAllFeatRoutes {width:544px}
.routeProfileMainTable {width:450px}

.routeProfileCompTime {padding: 0 0 0 10px; float:right }
.routeProfileText { color: Red;}
.userCommentsDiv { padding: 0 0 0 88px;}
#emailFriendBox {background:url('../mockup/small_TB_BG.gif') no-repeat;width:150px;}
#emailFriendBox input {background-color: transparent; width:135px; border:none; padding: 0 5px 0 0; margin:1px 2px 2px 2px;cursor:text;}
#emailFriendBox a { padding: 0 10px 0 0 ;}

#h2HeaderLong
{
	background:transparent url(../mockup/content_H1_BG.gif) no-repeat scroll left top;		
	padding: 5px 10px;
	margin:0px;
	height:30px;
	margin:15px 0 0;
	padding:10px 0 0 20px;
	width:544px;
	color:#ffffff;	
	font-size:14px;	
	font-weight: normal;
}

.h2HeaderLongNoMargin
{
	background:transparent url(../mockup/content_H1_BG.gif) no-repeat scroll left top;		
	padding: 5px 10px;	
	height:30px;	
	padding:10px 0 0 20px;
	width:544px;
	color:#ffffff;	
	font-size:14px;	
	font-weight: normal;
}

.RoutePhotoTable { width: 218px;}
.RoutePhotoTable img {width:67px; border: solid 1px #CFCFCF;}

.userRouteListTable div {padding-right:5px;}
.userRouteListTable img {width:50px;}
.userRouteListTable a { color:Red ;}
.userRouteListWidthLong {width:218px;}
.userRouteListWidthShort {width:180px;}

.divMessagePanel 
{
	position:absolute; top: 0px; left:0px; width:558px; height:298px;  
	background-color:#ffffff;
	border:1px solid black;
	/* for IE */
	filter:alpha(opacity=60);
	/* CSS3 standard */
	opacity:0.6;
	text-align:center;
	vertical-align:middle;	
	display:none;
  }
.divMessagePanelBig
{
	position:absolute; top: 0px; left:0px; width:542px; height:498px;
}
.divMessage
{
	position:absolute; top: 130px; left:130px; width:300px; height: 35px;  
	background-color: #FE0000;
	border:1px solid black;
	color:#ffffff;
	text-align:center;
	font-size:14px;
	display:none;
}  
.divMessageBig
{
	position:absolute; top: 220px; left:130px; width:300px; height: 35px;  
}
.divLoading
{
	position:absolute; top: 130px; left:130px; width:300px; height: 35px; 
	text-align:center;
	display:none;
}
.divLoadingBig 
{
	position:absolute; top: 220px; left:130px; width:300px; height: 35px;
}
#mapContainer {position:relative;}

.redlink, .routeStats { color: Red; }


.tmpTotalDist
{
	display:none;
}
/* jquery ui overwrites */
.ui-accordion-icons .ui-accordion-header a
{
	padding-left: 1em;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited
{
	color:#FFF;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color:#FFF;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
{
	border: 0;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default 
{
	border: 0;
}
#accordion .ui-widget-content
{
	border:0;
}
.ui-accordion .ui-accordion-header a {
	padding:0.2em 0.5em 0.5em 0.7em;
}

.ui-accordion .ui-accordion-content
{
	padding:1em 1em;
}

.ui-accordion .ui-accordion-content div 
{
	padding: 5px 0;
}

#tmpErrors
{
	border: solid 2px red;
	padding: 10px 5px;
	color :red;	
	display:none ;
}