@charset "UTF-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image: url(/oeg/images/page_bkg.gif);
    background-repeat: repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

a:link, a:visited, a:active, a:hover { /* Let's do our own thing here */
	text-decoration:none;
	color:#9d1105;
}

.twoColFixLtHdr #container { 
	width: 1048px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px none;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixLtHdr #topseperator { 
	width: 100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #ffffff;
	border: 0px none;
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 0px;
} 
.twoColFixLtHdr #topbottomborder { 
	background: #ffffff;
	border: 0px none;
	height: 5px;
	line-height:5px;
    font-size: 1px;
} 
.twoColFixLtHdr #topbordertl { 
/*	background-image:url(/oeg/images/headertl.png);
    background-repeat:no-repeat;*/
	height: 5px;
	width: 5px;
	border: 0px none;
	float: left;
	line-height:5px;
} 
.twoColFixLtHdr #topbordertr { 
/*	background-image:url(/oeg/images/headertr.png);
    background-repeat:no-repeat;*/
	height: 5px;
	width: 5px;
	border: 0px none;
	display: inline;
	float: right;
	line-height:5px;
} 
.twoColFixLtHdr #logo {
	background:transparent url(/oeg/images/logo.png) no-repeat scroll 0 0;
	height:88px;
	margin:20px 0 0 26px;
	position:absolute;
	width:192px;
}
.twoColFixLtHdr #header { 
	background: transparent url(/oeg/images/page_bkg.gif) repeat-x scroll 0 0; 
/*	background-position:bottom;
	background-repeat:no-repeat;*/
/*	padding: 5px 0px 0px 10px;  *//* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	text-align: left;
    margin-top:-5px;
    height: 101px;
} 
.twoColFixLtHdr #tagline { 
	background: transparent url(/oeg/images/taglinebkg.png); 
	background-position:bottom left;
	background-repeat:repeat-x;
	width: 1028px;
	line-height: 35px;
	font-size: 14px;
	text-align: center;
	margin-left: 10px;
} 
.twoColFixLtHdr #poweredby {
	display:in-line;
	float:right;
	padding-right: 10px;
}
.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#pagetitlebanner
{
    background: transparent url(/oeg/images/bannerbkg.png);
    background-repeat: no-repeat;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 15px;
    margin-left: 10px;
}

.pagetitletextheading, .pagetitletextheading:link, .pagetitletextheading:visited
{
/*
*/
    color: #9D1105;
    font-weight:bold;
    font-size:24px;
    line-height:40px;
    position:relative;
    float:left;
    left:10px;
}

.pagetitletextbyline, .pagetitletextbyline:link, .pagetitletextbyline:visited 
{
/*
*/
    color: #000000;
    font-size:12px;
    font-weight:normal;
    line-height:40px;
    position:relative;
    float:right;
    bottom:-5px;
    right:33px;
}

.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 265px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0;
	margin-top:10px; 
	margin-left:10px;
	margin-bottom: 10px;
	overflow: hidden;
}
.twoColFixLtHdr #mainContent { 
	margin: 0 0 10px 280px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 758px;
} 
.twoColFixLtHdr #mainContent-share-page { 
	margin: 7px 0 10px 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 1037;
} 
.twoColFixLtHdr #footer{ 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	color:#999999;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	text-align:center;
	background-image:url(/oeg/images/footer.png);
	background-position:right 0;
	background-repeat:no-repeat;
	margin:auto;
	height: 50px;
} 
.twoColFixLtHdr #bottomborderbl { 
/*	background-image:url(/oeg/images/headerbl.png);
    background-repeat:no-repeat;*/
    background-position:bottom left;
	height: 5px;
	width: 5px;
	border: 0px none;
	float: left;
} 
.twoColFixLtHdr #bottomborderbr { 
/*	background-image:url(/oeg/images/headerbr.png);
    background-repeat:no-repeat;*/
    background-position:bottom right;
	height: 5px;
	width: 5px;
	border: 0px none;
	display: inline;
	float: right;
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color:#999999;
}

.twoColFixLtHdr #footer .link {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color:#999999;
	text-decoration: none;
}

/* Login Form Styles */
.twoColFixLtHdr #menu {
	-x-system-font:none;
	color:#999999;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:5px;
	padding:0px;
	width:570px;
	z-index:100;
    height: 30px;
}
.twoColFixLtHdr #menu li {
	float:right;
	list-style-type:none;
	margin:0 4px;
}
.twoColFixLtHdr #menu a:link {
	text-decoration: none;
}
.twoColFixLtHdr #menu li a {
	color:#999999;
	padding:0 0 7px;
}
.login-link a {
	background:#999999 none repeat scroll 0 0 !important;
	color:#FFFFFF !important;
	padding:2px 4px 4px !important;
}
.twoColFixLtHdr ul {
	list-style-type:none;
}
.twoColFixLtHdr #real-login-form {
	margin-top:-2px;
	width:280px;
}
.login-field {
	border:1px solid #0069A8;
	color:#6D777E;
	font-family:Verdana,serif;
	font-size:12px;
	margin-bottom:2px;
	width:125px;
}
/* Widget Styles */
.twoColFixLtHdr #widgettop { 
	background-image: url(/oeg/images/widgettop.png);
	background-position: left top;
	padding-left:10px;
	padding-top: 3px;
	margin-top: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #505050;
	height: 23px;
	width: 251px;
	border: 0px none;
	border-collapse: collapse;
} 
.twoColFixLtHdr #widgetbottom { 
	background-image: url(/oeg/images/widgetbottom.png);
	background-position: bottom;
	padding-left: 11px;
	width: 251px;
	border: 0px none;
	border-collapse: collapse;
} 
.twoColFixLtHdr #signupwidgettop { 
	background-image: url(/oeg/images/signupwidgettop.png);
	padding-left:10px;
	padding-top: 3px;
	margin-top: -1px;
	font-size: 14px;
	font-weight: bold;
	color: #505050;
	height: 22px;
	width: 174px;
	border: 0px none;
	border-collapse: collapse;
} 
.twoColFixLtHdr #signupwidgetbottom {
	background-image: url(/oeg/images/signupwidgetbottom.png);
	background-position: bottom;
	padding-left: 0px;
	font-size: 12px;
	width: 184px;
	height: 106px;
	border: 0px none;
	border-collapse: collapse;
} 
.twoColFixLtHdr #geodiarypwidgettop { 
	background-image: url(/oeg/images/geodiarywidgettop.png);
	padding-left:10px;
	padding-top: 3px;
	margin-top: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #505050;
	height: 23px;
	border: 0px none;
	border-collapse: collapse;
} 
.twoColFixLtHdr #geodiarywidgetmiddle { 
/*	background-image: url(/oeg/images/geodiarywidgetmiddle.png);
	background-position: top;
	background-repeat: repeat-y;*/
	padding-left: 10px;
	font-size: 12px;
	border: 0px none;
    border-botton: 1px solid;
	border-collapse: collapse;
    height: 575px;

} 
.twoColFixLtHdr #geodiarywidgetbottom { 
/*	background-image: url(/oeg/images/geodiarywidgetbottom.png);
	background-position: bottom left;
	background-repeat: repeat-x;*/
    border-bottom: 1px solid #D0D0D0;
	margin-left: 10px;
    padding-left: 10px;
	font-size: 12px;
	height: 32px;
    line-height:40px; 
    font-size:11px; 
    text-align:right;
} 
.twoColFixLtHdr #tagsearchtab, #textsearchtab {
	display:block;
	height:20px;
	text-decoration:none;
	color:#505050;
	font-size:14px;
}
.twoColFixLtHdr #track-attr-Description {
    height:140px;
    overflow-y:auto;
    padding: 5px;
    margin-top:5px;
    border: 1px solid #E8E8E8;
    background: #F8F8F8;
}

.track-attr-Description-share {
    width:1017px;
}
.track-attr-Description-home {
    width:735px;
}

.twoColFixLtHdr #tagsearchtab, #textsearchtab .link .visited {
	text-decoration:none;
	color:#505050;
	font-size:14px;
}

.twoColFixLtHdr #contentplaceholder { 

} 
/* Special text styles */
.twoColFixLtHdr #compactbulletlist{ 
	line-height: 125%; 
	vertical-align: top; 
	font-size: 12px; 
	list-style-type: disc; 
	padding-left:17px; 
	margin: 0px;
	padding-top: 0px;
}

    /* ************************************************************
    * BEGIN: Styles for Navigation Widget
    * Widget prefix = head
    * ************************************************************ */


	#headtagandnav
	{
		background: transparent url(/oeg/images/head_navbkg.gif) no-repeat scroll 0 0; 
		background-position:bottom;
		background-repeat:repeat-x;
        position:                       relative;
        width:  100%;
		height: 35px;
	}

	div#navbuttons
	{
        position:                       absolute;
        top:                            0px;
        left:                           10px;
		text-align:						left;
        padding:                        0px 0px;
        width:                          362px;
	}

	

	div#navbuttons ul
	{
		padding:						0px 0px 0px 0px;
		margin:							0px 0px 0px 0px;   
		height:							35px;
        width:                          362px;
		background:						transparent url(/oeg/images/head_nav_off.gif) no-repeat;
		position: 						relative;
		line-height: 					normal;
		display:						block;
	}

	div#navbuttons ul li
	{
		padding:						0;
		margin:							0; 
		list-style:						none;
		background: 					transparent;
		position: 				   	 	absolute;
		top: 					   	 	0;
	}   

	

	div#navbuttons ul li a 
	{
		text-indent: 					-9999px;
		text-decoration: 				none;
        outline:                        none;
	}
	
	div#navbuttons ul li, div#navbuttons ul a 

	{
		height: 						35px;
		display: 						block;
	}

	div#navbuttons li#public {width: 181px; left: 0px;}
	div#navbuttons li#mygeodiary{width: 181px; left: 181px;}
/*	div#navbuttons li#resume{width: 101px; left: 210px;}
	div#navbuttons li#contact{width: 101px; left: 315px;} */
    
	div#navbuttons li#public a:hover {background: transparent url(/oeg/images/head_nav_over.gif) 0 0 no-repeat;}
	div#navbuttons li#mygeodiary a:hover {background: transparent url(/oeg/images/head_nav_over.gif) -181px 0 no-repeat;}
/*	div#navbuttons li#resume a:hover {background: transparent url(/oeg/images/head_nav_over.gif) -210px 0 no-repeat;}
	div#navbuttons li#contact a:hover {background: transparent url(/oeg/images/head_nav_over.gif) -315px 0 no-repeat;}    */

	div#navbuttons li#public.on, div#navbuttons li#public.on a:hover 
    {background: transparent url(/oeg/images/head_nav_on.gif) 0 0 no-repeat; height:37px;}
   
	div#navbuttons li#mygeodiary.on, div#navbuttons li#mygeodiary.on a:hover
    {background: transparent url(/oeg/images/head_nav_on.gif) -181px 0 no-repeat; height:37px;}
    
/*	div#navbuttons li#resume.on, div#navbuttons li#resume.on a:hover 
    {background: transparent url(/oeg/images/head_nav_on.gif) -210px 0 no-repeat; height:37px;}
    
	div#navbuttons li#contact.on, div#navbuttons li#contact.on a:hover 
    {background: transparent url(/oeg/images/head_nav_on.gif) -315px 0 no-repeat; height:37px;}*/



.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* geodiary widget */
.map-name, .map-name:link, .map-name:visited {
    font-size:24px;
    font-weight:bold;
    line-height: 30px; 
    color: #9d1105;
}

.map-name:hover { color: #505050; }

.map-author, .map-author:link, .map-author:visited {
    font-size:12px;
    margin-left:2px;
    margin-right:2px;
    float:left;
    font-weight:bold;
    color: #9d1105;
}

.map-author:hover { color: #505050; }

.map-byline {
    font-size:12px;
    margin-left:0px;
    float:left;
}

#geodiary-map-title {
    height:54px;
    padding:0px 10px 10px;
    background:transparent url(/oeg/images/narrowbannerbkg.png) no-repeat scroll 0 0;
    margin-top:10px;
}

#geodiary-map-description {
    height:150px;
/*    padding:360px 0px 0px 0px;*/
}

#geodiary-map-description-ie {
    height:150px;
/*    padding:360px 0px 0px 0px;*/
}

/*------------login page------------*/
#map-display-home {
    border: 1px solid #cccccc;
    width:400px;
    height: 350px;
    float:left;
}

#map-display-home span {
    white-space:normal;
    font-size:85%;
}

#map-display-home a {
    white-space:normal;
    font-size:85%;
}

#media-box-home {
    border: 1px solid #E8E8E8;
    background-color:#F8F8F8;
    position:relative;
    right:0;
    text-align:right;
    width:auto;
    height:350px;
    width:333px;
    margin-left:10px;
    float:left;
}

/*------------member/personal page------------*/
#map-display-personal {
    border: 1px solid #cccccc;
    width:400px;
    height: 350px;
    float:left;
}

#map-display-personal span {
    white-space:normal;
    font-size:85%;
}

#map-display-personal a {
    white-space:normal;
    font-size:85%;
}

#media-box-personal {
    border: 1px solid #E8E8E8;
    background-color:#F8F8F8;
    position:relative;
    right:0;
    text-align:right;
    width:auto;
    height:350px;
    width:333px;
    margin-left:10px;
    float:left;
}

/*------------share page------------*/

#map-display-share {
    border: 1px solid #cccccc;
    width:680px;
    height: 375px;
    float:left;
}

#map-display-share span {
    white-space:normal;
    font-size:85%;
}

#map-display-share a {
    white-space:normal;
    font-size:85%;
}


#media-box-share {
    border: 1px solid #E8E8E8;
    background-color:#F8F8F8;
    position:relative;
    right:0;
    text-align:right;
    width:auto;
    height:375px;
    width:333px;
    margin-left:10px;
    float:left;
}

/* -------- common ----------- */

#media-controls {
    background:#D6D6D6 none repeat scroll 0 0;
    font-family: helvetica;
    font-size: 12px;
    bottom:0;
    left:0px;
    padding-bottom:;
    padding-left:0;
    padding-right:0;
    position:absolute;
    text-align:center;
    height:24px;
    width:100%;
}

.share-media_controls-start {
    background-image: url(/oeg/images/start_button.png);
    background-repeat: none;
    width:48px;
    height:24px;
    float:left;
}

.share-media_controls-stop {
    background-image: url(/oeg/images/start_button.png);
    background-repeat: none;
}

#share-media_controls-locate {
    background-image: url(/oeg/images/locate_button.png);
    background-repeat: none;
}

#share-media_controls-ff {
    background-image: url(/oeg/images/ff_button.png);
    background-repeat: none;
}

#share-media_controls-rew {
    background-image: url(/oeg/images/rew_button.png);
    background-repeat: none;
}

#share-media_controls-info {
    background-image: url(/oeg/images/info_button.png);
    background-repeat: none;
}

.share-media-box-text {
    bottom:30px;
    left:4px;
    max-height:60px;
    overflow-y:auto;
    padding:2px 2px 0 5px;
    position:absolute;
    text-align:left;
    width:auto;
}

.share-media-box-text-solo {
    /*padding:5px 2px 0 10px;*/
    padding:0 0 0 0;
    text-align:left;
    position:absolute;
    bottom:30px;
    left:4px;
    width:auto;
    height:300px;
    overflow:hidden;
}

.share-media-box-media {
    bottom:104px;
    left:5px;/*ie*/
    position:absolute;
}


.search-box {
    font-size:15px;
    color:#5F6E7C;
    height:19px;
    width:170px;
    margin-left: 27px;
}

.search-box-text {
    font-size:13px;
    color:#5F6E7C;
    width:220px;
    text-align:center;
    margin-left: auto;
    margin-right: auto;
}
    
.search-box-button {
    font-size:15px;
    background-color:#999999;
    color:#ffffff;
    height:25px;
    line-height:24px;
    width:75px;
    text-align:center;
    margin-left: 83px;
    cursor: pointer;
}
.search-box-button:hover {
    color:#993300;
}


#share-track-list {
    width: 238px;
    height: 322px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #F8F8F8;
    border: 1px #E8E8E8 solid;
}

#track-list-label {
    padding:3px 0px 0px 7px;
    font-size:13px;
    width:240px;
    }

.share-track-entry {
    color: #993300;
    width: 98%; 
    white-space:nowrap;
    padding-left:7px;
    font-size:12px;
}

.share-track-entry:hover {
    background-color: #dddddd;
    cursor:pointer;
}

.share-media-link {
    text-decoration: underline;
}


#share-media-controls a {
    color: #993300;
    text-decoration: none;
}

#share-media-controls a:hover {
    color: #000000;
}

.share-tagcloud {
    height:142px;    
    margin-top:2px;
    text-align:center;
    overflow-x:hidden;
    overflow-y:auto;
    background-color: #F8F8F8;
    border: 1px #E8E8E8 solid;
}

.tip-of-the-day {
    background:#ffffff;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13pt;
}

#linkbar {
   color:#000000;
   margin-left:2px;
   font-size:12px;
}

/*
#linkbar a:hover {
   color:#050505;
}
*/

#linkbar a:link, a:visited {
   color:#9d1105;
}

#footer  a:link, a:visited, a:hover {
	color:#505050;
}

.user-profile-attr {
   color:#505050;
   line-height:18px;
   font-size:12px;
   float:left;
   width:60px;

   text-align:right;
}
.user-profile-value {
   color:#000000;
   line-height:18px;
   font-size:12px;
   float:left;
   width:95px;
}

.avatar-holder {
    width:90px;
    height:90px;
    overflow:hidden;
}