/* ------------------------------------------------------------
	Reset Styles (from meyerweb.com)
------------------------------------------------------------ */


.clear { clear: both; height: 1px; overflow: hidden; }

#header { position: relative; height: 40px; background: url('imgs/header.png') repeat-x; z-index: 99; }
#logo { position: absolute; top: 2px; left: 15px; width: 152px; height: 42px; background: url('imgs/logo.png'); }
#logo a { display: block; width: 100%; height: 100%; text-indent: -9999em; } 

/* Social */
.social { height: 18px; text-align: center; padding: 3px; background: white; position: absolute; top: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow: hidden; }
#tweetmeme { right: 280px; width: 70px; }
#digg { right: 360px; width: 80px; }

/* Help*/
#help { position: absolute; top: 10px; right: 20px; }
#helpbutton { color: white; font-weight: bold; font-size: 16px; }
#helpcontents { position: absolute; top: 10px; right: -10px; width: 305px; height: 0px; padding: 45px 20px; background: url('imgs/help.png'); }

#helpnav { display: block; border-bottom: 1px solid #ddd; height: 26px; }
#helpnav li { float: left; padding: 3px 8px; margin: 0 2px 0 0; background: #eee; height: 20px; line-height: 20px; }
#helpnav li.selected { background: #ddd; }
#helpnav li a { color: #999; font-weight: bold; }
#helpnav li a:hover, #helpnav li.selected a { color: black; }

#helpsections { }
#helpsections li { display: none; color: #333; line-height: 18px; padding: 8px; }
#helpsections li.selected { display: block; }
#helpsections li p { margin: 9px 0; }

#closebutton { position: absolute; bottom: 18px; right: 12px; text-decoration: none; font-weight: bold; color: white; }




#container { float:left; width:680px;}


#sitemap {
	background:#FFF;
	float:left;
	width:690px;
	margin:0 0 0 20px;
	padding:0;
}
#message { position: absolute; top: 25px; right: 300px; border: 2px solid #E9E9E9; background: #F7F7F7; padding: 4px; color: #717171; z-index: 2; font-size: 12px; }
#message.saved { background: #FFFBD5; border: 2px solid #EFE097; color: #000; font-weight: bold; }
#message.saved a { color: #00F; text-decoration: underline; content: none; text-transform: normal; display: inline; }

#editor { width: 200px; float:right; margin: 0;}
#naveditor { margin:0; padding: 2px; width: 200px; border: 1px solid #C9C9C9; color: #333; }
#simplehelp { margin: 5px 0 0 0; color: #333; }
#print, #save {  float: left; display: block; margin: 3px 2px; width: 118px; height: 29px; line-height: 300px; overflow: hidden; }
#print { float:left; width:70px; height:21px; background:url(../images/print.png) no-repeat; margin:5px 0 0 10px;}
#save { float:left; width:70px; height:21px; background:url(../images/save.png) no-repeat; margin:5px 0 0 10px;}
#save.ready { background:url(../images/save.png); }
#save:hover { cursor: text; }
#save.ready:hover { cursor: pointer; cursor: hand; }

#credit { position: absolute; bottom: -10px; right: 20px; }
#credit img { position: relative; top: 3px; }