html 
{
border:0px;
padding:0px;
margin:0px;
}

body
{
border:0px;
padding:0px;
margin:0px;
font: 11px arial, geneva, verdana, sans-serif;
background-color:#99CCCC;
background-image:url('../CommonImages/layout/backTileDark.gif');
}

/*----IE PNG TRANSPARENCY HACK----*/
* html img,
* html .png {
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "../CommonImages/characters/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

.innerWrapper
{
background-color:#eeeeee;
border: black thin solid;
margin:12px;
padding:24px;
margin-left:136px;
vertical-align:top;
overflow:hidden;
position:relative;
min-height:300px;
height:auto !important;
height:100%;
}

.paddingWrapper
{
margin:24px;
border:0px;
padding:0px;
vertical-align:text-bottom;
overflow:hidden;
}

.contentWrapper
{
width:99%;
background-color:#ffffff;
border: #000033 solid 2px;
clear:both;
padding:0px;
margin:0px;
margin-bottom:6px;
}

.txtBasic
{
font: 11px arial, geneva, verdana, sans-serif;
}
 
/*----font styles----*/
.webTitle 
{
color: #000066;
font: 40px arial, geneva, verdana, sans-serif;
font-weight: bold;
font-style:oblique;
}

.webTitleShadow 
{
color: #FFFFFF;
font: 40px arial, geneva, verdana, sans-serif;
font-weight: bold;
font-style:oblique;
position:relative;
margin-top:-46px;
margin-left:-2px;
z-index:-1;
}

.title 
{
color: #000066;
font: 24px arial, geneva, verdana, sans-serif;
font-weight: bold;
font-style:oblique;
position:relative;
z-index:1;
top:-30px;
margin-bottom:-36px;
_padding-top:15px; /*----IE HACK FOR 'TOP'----*/
}

.heading 
{
color: #000066;
font: 18px arial, geneva, verdana, sans-serif;
font-weight: bold
}

.subHeading
{
color: #000066;
font: 14px arial, geneva, verdana, sans-serif;
font-weight: bold;
font-style:italic;
}

.textUserScores
{
font-weight: bold;
color: #000066;
height: 16px;
padding: 1px;
}

.textRouteName
{
color: #000066;
font: 14px arial, geneva, verdana, sans-serif;
font-weight: bold;
text-decoration:underline;
padding-bottom:18px;
}

/*----masterpage styles----*/
.joeIconANDMenu
{
color: #000066;
font: 15px arial, geneva, verdana, sans-serif;
font-weight: bold;
PADDING-RIGHT: 3px;
PADDING-LEFT: 3px;
Z-INDEX: 1;
FLOAT: none;
PADDING-BOTTOM: 3px;
MARGIN: 2px;
PADDING-TOP: 3px;
POSITION: absolute;
left: 24px;
}

.regularMenu
{
color: #000066;
font: 14px arial, geneva, verdana, sans-serif;
font-weight: bolder;
}

.memberMenu
{
color: #000066;
font: 12px arial, geneva, verdana, sans-serif;
font-weight: bolder;
margin-right: 12px;
}

.footerMenuLinks
{
color: #000066;
}

/*----routes styles----*/
.divAddRating
{
z-index: 1;
padding: 4px;
border: solid #000066 2px;
background-color: #eeee33;
width: 260px;
height: 28px;
position: absolute;
top: 400px;
left: 275px;
text-align:center;
}

.divAddRatingInnerds
{
Z-INDEX: 2;
position: relative;
top: 2px;
}

.divOutline
{
border: 2px solid #000080;
padding: 4px;
margin: 0px;
margin-right: 20px;
margin-bottom: 20px;
float:left;
background-color: #FFFFFF;
}

.divOutlineText
{
color: #000066;
font: 14px arial, geneva, verdana, sans-serif;
font-weight: bold;
font-style:italic;
text-align:center;
margin-left:6px;
position:relative;
z-index:2;
top:-14px;
margin-bottom: -12px;
}

.divOutlineBox
{
margin-left:6px;
position:relative;
z-index:1;
top:-12px;
background-color:#eeeeee;
height:2px;
}

/*----gridview styles----*/
.hidColumn
{
display:none;
}

.gridRowStyle
{
padding:1px;
padding-left:12px;
}

/*----my joe styles----*/
.textBoxText
{
color: #000066;
font-weight: bold;
font-style:italic;
background-color:Transparent;
position:relative;
z-index:1;
top:4px;
font-variant: normal;
font-size: 12px;
line-height: normal;
font-family: arial, geneva, verdana, sans-serif;
width: 43px;
}

.graphParent
{
float:left;
padding-right:3px;
border-bottom: 1px solid gray;
margin-top: -1px;
text-align:center;
width:30px;
}

.graphRight
{
width:35px;
border-right: 1px solid gray;
}

.graphLeft
{
width:35px;
text-align:right;
border-left: 1px solid gray;
}

.graphCap
{
border-top: 1px solid gray;
height: 13px;
}

.bar
{
width:35px;
height:15px;
float:left;
margin-top: -2px;
}

.key
{
height:12px;
width:12px;
float:left;
margin-right:8px;
margin-left:2px;
border:1px solid black;
}

.keyColumns
{
float:left;
padding-right:1px;
font: 10px arial, geneva, verdana, sans-serif;
color: #000000;
}

.redPoint
{
background-image:url('../CommonImages/layout/red.gif');
}

.onsight
{
background-image:url('../CommonImages/layout/green.gif');
}

.redPointSolo
{
background-image:url('../CommonImages/layout/blue.gif');
}

.onsightSolo
{
background-image:url('../CommonImages/layout/yellow.gif');
}
.divEmailMessage
{
Z-INDEX: 1;
FLOAT: none;
border: solid #000066 2px;
background-color: #FFFFFF;
POSITION: relative;
top: 0px;
left: 0px;
width: 400px;
height: 73px;
padding:4px;
text-align:right;
}

/*----rankings styles----*/
.rankingGrid
{
text-align:left;
margin-left:0px;
}

.divRankings
{
height:300;
margin:6px;
padding: 6px;
background-color:#FFFFFF;
border: 1px #000099 solid;
}

.rankingDropDown
{
margin-right:2px;
margin-bottom:6px;    
}

.rankText
{
font: 24px arial, geneva, verdana, sans-serif;
font-weight: bold;
font-style:oblique;
}

.underscore
{
text-decoration: underline;
}