* { /* Applicable to all*/
  margin:  0;
  padding: 0;

  cellpadding:10;
  cellspacing:0;
  }

BODY {overflow:auto }
BODY {overflow-x:hidden }
BODY {font-size:16}
BODY {background-image: url('../graphics/black_bg4.gif');/*black-stripe.gif|apple_bg.png|cloth.jpg*/
	  background-repeat:repeat;
	  background-attachment:fixed}
BODY {text-align:left}	/*for IE to center*/
BODY {margin-bottom:0}
BODY {position:relative;}

OL {
	list-style-position: outside;
	margin-left:28px;
}

LI {
	margin-bottom:8px;
}


P {
margin-bottom:12px;
}

H1 {
	font: bold 14px helvetica, sans-serif;
	}

H2 {
	font: bold 16px helvetica, sans-serif;
	}

H3 {
	font: bold 18px helvetica, sans-serif;
	}

H4 {
	font: bold 24px helvetica, sans-serif;
	margin-bottom:16px;
	}

/*HTML {overflow: auto;}*/

A:link   {text-decoration:none;
		font-variant:normal;
		color:#883355;
		text-decoration:underline;
		}

A:active {text-decoration:none;
		font-variant:normal;
		} 
		 

A:visited {text-decoration:none;
		 font-variant:normal;
		 color:#883333;
		 }

A:hover {text-decoration:underline overline;
		color:#333366;
	  }

PRE {/*http://forums.techguy.org/web-design-development/249849-forcing-long-text-lines-wrap.html*/
	white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
	white-space: -pre-wrap; /* Opera 4 - 6 */
	white-space: -o-pre-wrap; /* Opera 7
	*/
	white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
	word-wrap: break-word; /* IE 5.5+ */

	}

.reader_login {
	
	font: normal 14px helvetica, sans-serif;

	position:absolute;
	top:8px;
	right:8px;
	}

#reader_login_box {

	visibility:hidden;

	text-align:left;

	top:8;
	right:8;
	padding:8px;

	position:absolute;
	/*background-image: url('../graphics/white1x1_a50.png');*/
	background-color:white;
	border:1px dashed gray;

	-moz-border-radius:0.6em; 
	-khtml-border-radius:0.6em;
}

.login_input {
	
	padding:2px;
	border:1px dashed gray;
}

.base_frame {

	position:relative;
	margin: 0 auto;

	margin-top:16px;

	/*margin:10 30 10 10;*/
	/*border:1px solid #ffffff;*/
	/*
	margin-top:0px;
	margin-right:40px;	
	opacity:0.95;
    filter:alpha(opacity=95);
	*/

	width:763;
	}

.intro_text {
	
	font: normal 14px arial,helvetica,sans-serif;
	color:#333333;
	text-align:left;
	vertical-align:top;
	
	padding:12px;

}

.content_box {

	margin: 0 auto;
	margin-top:32px;
	padding-bottom:20px;

	width:766;
	text-align:left;
	
	border:1px solid #dddddd;
	border-bottom:1px solid #555555;
	border-right:1px solid #555555;

	background-image: url('../graphics/wood.jpg');/*note.png*/
	
	-moz-border-radius:0.8em; 
	-khtml-border-radius:0.8em;
	}

.spiral {

	position:absolute;
	left:-5px;

	width:20px;
	height:95%;
	margin-top:20px;
	background-image: url('../graphics/spiral20x12.gif');
}

#content_header {
	width:100%;
	height:120px;
}

.header_subtitle {
	font: italic 10px helvetica, sans-serif;
	color:#333333;
	margin:10 0 -16 28;
}
.header_title {
	font: bold 16px helvetica, sans-serif;
	color:#444444;
	margin:40 12 12 12;
	float:right;	
	text-align:right;
}


#content_body {

	text-align:left;
	width:512px;
	margin-left:20px;
	margin-bottom:25px;
}

.content_subtitle {
	font: italic 12px helvetica, sans-serif;
	color:#333333;
	text-decoration:none;
	}

.content_title {
	font: bold 15px helvetica, sans-serif;
	color:#333333;
	}

.info_title {
	clear:both;
	font: bold 14px helvetica, sans-serif;
	color:#555555;
	margin-top:12px;
	}

.warning {
	font: bold italic 14px helvetica, sans-serif;
	color:#bb5555;
	margin-bottom:4px;
	}


.content_summary {
	margin-top:8px;
	font: normal 14px helvetica, sans-serif;
	color:#333333;
	}

.day_calendar {

	background-image: url('../graphics/wood.jpg');/*note.png*/	
	-moz-border-radius:0.5em; 
	-khtml-border-radius:0.5em;
	min-width:60px;

	border:1px solid #888899;
	border-top:1px solid #ddddbb;
	border-left:1px solid #ddddbb;
	float:left;

	margin: 0 auto;
	margin-right:8px;
	margin-bottom:4px;

	padding:0 0 4 0;
	text-align:center;
	
	}

.calendar_panel {
	padding-left:28px;
	padding-right:8px;
}

.calendar_title {
	font: bold 16px helvetica, sans-serif;
	color:#444444;
	margin-bottom:4px;
	text-align:left;
}

.map_panel {
	border:1px solid #eeeecc;
	border-top:1px solid #888899;
	border-left:1px solid #888899;
	width:100%;
	height:500;
}

.info_panel {
	width:100%;
	margin-bottom:8px;
	border:1px solid #eeeecc;
	border-top:1px solid #888899;
	border-left:1px solid #888899;
	background-image: url('../graphics/white1x1_a25.png');

	-moz-border-radius:0.8em; 
	-khtml-border-radius:0.8em;

}

.media_panel {
	width:100%;
	border:1px solid #eeeecc;
	border-top:1px solid #888899;
	border-left:1px solid #888899;
	margin-bottom:8px;
	}

.tick_panel {
	
	display:none;

	width:10;
	height:100%;
	margin: 0 auto;
	margin-top:0px;

	position:absolute;
	top:4px;
	right:0px;
	background-image:url('../graphics/time_ticks.png');
}

.scale_panel {

	text-align:right;
	font: normal 12px helvetica, sans-serif;
	color:#333333;	
	
	position:absolute;
	top:0px;
	right:12px;

	width:50px;
	height:100%;
}

.time_marks {
	
	position:absolute;
	right:0px;

	width:20px;
	height:20px;
	background-image: url('../graphics/white1x1_a25.png');
	-moz-border-radius:0.2em; 
	-khtml-border-radius:0.2em;
}


.photo_panel {
	width:100%;
		
	cursor:pointer;
	cursor:hand;

	display:none;/*hidden/visible*/
	-moz-border-radius:12px; 
	-khtml-border-radius:12px;
	}

.photo_desc {

	height:320px;
	background-image: url('../graphics/white1x1_a25.png');
	display:none;

	text-align:left;
	padding:40 16 40 16;
}

.photo_editor {

	width:100%;
	padding:2 4 2 4;
}

.photo_title {
		font: italic 20px helvetica, sans-serif;
		line-height:20px;

		color:#666666;
		margin-bottom:8px;
		border-bottom:1px solid gray;
		padding:0px;

		}

.photo_edit {
	float:right;
	margin-top:4px;
	}


.photo_control {

	position:absolute;
	top:8px;
	right:8px;

	display:block;
	z-index:1;
}

.map_thumb {
	
	position:absolute;
	width:100px;
	height:100px;
	top:8px;
	left:8px;
	
	opacity:0.75;
    filter:alpha(opacity=80);

	border:1px solid #eeeeee;
	/*border-top:1px solid #eeeecc;
	border-left:1px solid #eeeecc;*/
	-moz-border-radius:8px; 
	-khtml-border-radius:8px;
	}

.photo_date {

	position:absolute;
	bottom:2px;
	right:8px;
 	
	font: italic 10px helvetica, sans-serif;
	color:white;

	display:block;
	z-index:1;
}

 .photo_narration {

	position:absolute;
	left:0px;
	bottom:16px;
	
	background-image: url('../graphics/white1x1_a50.png');

	padding:8px; 	
	font: italic 12px helvetica, sans-serif;
	color:0x333333;

	display:block;
	z-index:1;
}

.photo_button {
		
	padding:2 8 2 8;
	margin-right:2px;
	float:left;

	cursor:pointer;
	cursor:hand;

	font: bold 11px helvetica, sans-serif;
	text-align:center;
	background-image: url('../graphics/white1x1_a50.png');
	border:1px solid white;
}
	/*width:512px;*/

.street_panel {
	width:516;
	height:380px;
	/*position:absolute;
	top:0px;
	left:0px;*/
}

.thumb {
	cursor:pointer;
	cursor:hand;
	border:1px solid white;
	/*
	border-top:1px solid #dddddd;
	border-left:1px solid #dddddd;
	*/
	margin-bottom:1px;
	margin-right:1px;
	}

.content_image {
	cursor:pointer;
	cursor:hand;
	border:1px solid white;
	margin-top:2px;
	}

#bookmark_index {

	float:right;
	width:300;
	margin-top:8px;
	margin-bottom:25px;

	text-align:left;
	/*background-color:#ffffaa;*/

	background-image: url('../graphics/cloth.jpg');
	opacity:0.92;
    filter:alpha(opacity=92);	}
/**/
.bookmark_cell {

	cursor:pointer;
	cursor:hand;

	float:right;

	width:100%;
	height:80;

	text-align:left;
	margin-bottom:8px;
	margin-right:-16px;
	
	background-color:#ffffff;/*#ebe5d1;#d7d2bf;*/

	-moz-border-radius:0.5em; 
	-khtml-border-radius:0.5em;
	
	/**/
	opacity:0.95;
    filter:alpha(opacity=95);
	
	}

.bookmark_image {

	float:right;
	height:100%;
	margin-right:0px;
	margin-left:4px;
	}

.bookmark_body {
	padding:8px;
	text-align:left;
	}

.bookmark_subtitle {
	font: italic 10px helvetica, sans-serif;
	color:#333333;
	}

.bookmark_title {
	font: bold 12px helvetica, sans-serif;
	color:#333333;
	}

.rss_box {

	position:absolute;
	
	left:0;
	top:60;


	width:600;
	height:200;
	text-align:left;

	background-image: url('../graphics/cloth.jpg');
	-moz-border-radius:0.8em; 
	-khtml-border-radius:0.8em;
	}

.rss_label {
	margin-top:20px;
	/*
	opacity:0.8;
    filter:alpha(opacity=80);
	*/
	}

#overlay_mask {

	width:100%;
	height:100%;
	visibility:hidden;

	position:absolute;
	z-index:1;

	background-color:#333333;

	opacity:0.5;
    filter:alpha(opacity=50);
	
	}

#entry_panel {

	position:absolute;
	z-index:1;
	visibility:hidden;

	left:100;
	top:50;
	width:700;

	margin: 0 auto;
	/*width:640;*/

    padding: 20px;
	text-align:left;

	border:2px solid #aaccee;
	background-color:#eeffdd;

	opacity:0.9;
    filter:alpha(opacity=90);
	}

#disp_frame {

	position:absolute;
	visibility:hidden;
	z-index:1;

	left:100;
	top:50;

	background-image: url('../graphics/cloth.jpg');
	-moz-border-radius:0.8em; 
	-khtml-border-radius:0.8em;

	width:800;
	min-height: 600px

	margin: 0 auto;
	/*width:640;*/

    padding: 50;
	text-align:left;

	border:1px solid #555555;
	background-color:#eeeeff;

	opacity:0.9;
    filter:alpha(opacity=90);
	}



#disp_panel {

/*
	position:absolute;
	z-index:1;
	visibility:visible;

	left:100;
	top:50;

	min-height: 500px

	margin: 0 auto;
	/*width:640;*/
*/

	width:700;
    padding: 40 20 20 20;
	text-align:left;
	-moz-border-radius:0.4em; 
	-khtml-border-radius:0.4em;

	border:1px solid #ffffff;
	background-color:#eeeeff;

	opacity:0.9;
    filter:alpha(opacity=90);
	}



TABLE {border-collapse: collapse}
TABLE {border:0px solid #aaaaaa};
TABLE {margin:0px}
TABLE {width:100%}
TABLE {font:11px Arial,Helvetica}

/*CAPTION {font:bold 14px Arial,helvetica}*/
/*CAPTION {font-variant:small-caps}*/
CAPTION {color:#333333}
CAPTION {text-transform:capitalize}
CAPTION {font-style:italic}
CAPTION {font-size:12}
CAPTION {caption-side:top}
CAPTION {text-align:left}

/*
THEAD {text-align:center}
THEAD {font-weight:bold}
THEAD {vertical-align:baseline}
THEAD {color:blue}
THEAD {font-variant:small-caps}
*/

TBODY {color:#333333}
TBODY {font-size:12}

TFOOT {text-align:center}
TFOOT {font-style:italic}
TFOOT {font-size:12}

TR {text-align: center}

TH {text-align:center}
TH {vertical-align:baseline}
TH {color:red}

TD {vertical-align: middle}
/*
TR {border-top:1px solid #eeeeee}
TD {padding:4}
TD {border-top:1px solid gray}
TD {border-right:1px solid gray}
*/

SELECT 	{background-color:#ddddff}
TEXTAREA {background-color:#ddffff}

FORM			{margin:1em}

FIELDSET 		{border:2px solid #ddd;padding:0 0.5em 0.5em}
FIELDSET DIV	{overflow:hidden; display:inline-block}
FIELDSET DIV	{display:block}
FIELDSET DIV	{margin:0.3em 0; clear:both}

LABEL			{float:left;width:8em;color:#333333;font: normal 0.8em helvetica, sans-serif;}
LABEL			{text-align:right;margin-right:0.15em}
LEGEND 			{COLOR:#0b77b7;font-size:1.2em}
LEGEND span		{width:10em; text-align:right}

INPUT, TEXTAREA 	{background:#dddddd}
INPUT, TEXTAREA 	{border:1px solid #aaaaaa}
INPUT 				{margin-top:2px;}
/*INPUT 				{width:8em}*/
textarea 			{width:30em}
INPUT, TEXTAREA 	{font-size:14px}
/*INPUT, TEXTAREA 	{font:normal 14px arial, sans-serif}
INPUT, TEXTAREA 	{-moz-border-radius:0.4em; -khtml-border-radius:0.4em;}
*/

input:hover, input:focus {border-color:#ffffff; background:#f6f6f6;} 
textarea:hover, textarea:focus {border-color:#c5c5c5; background:#f6f6f6;} 

.LOGIN			{border:0}
.LOGIN label	{
				width:auto; 
				float:none; 
				background:none;
				border:none;
				vertical-align:middle}

.LOGIN div		{float:right;white-space:nowrap;clear:none;margin-right:1em}
.LOGIN button	{float:right;font-size:0.8em;}

/*
.RADIO fieldset	{border:none;width:auto;padding:1px 0 0 11em;}
.RADIO legend	{font-size:1em;color#000}
.RADIO label, .RADIO input 	{
				width:auto; 
				float:none; 
				background:none;
				border:none;
				vertical-align:middle}

.RADIO div		{float:left;white-space:nowrap;clear:none}
.RADIO span		{position:absolute; top:0; left:0; width:5em}
.RADIO ul		{margin-left:5em; list-style:none}
.RADIO li		{position:relative; display:inline; white-space:nowrap}
*/

.cost {width:5em;}
.attachment{width:20em;}

.narrative	{font-size:11;font-style:italic;color:#ffffff}
.narrative	{text-align:center}
.narrative	{margin-top:0px}

#logout {margin:1em;}
#logout {color:white;}
#logout {font: italic 14px helvetica, sans-serif;}
#logout A:link, A:active, A:visited {
		 color:#ffffff;
		 }

#logout A:hover {text-decoration:underline overline;
		color:#ffffff;
	  }

#submit-go {width:69px;
			height:26px;

			overflow:hidden;
			border:1px solid gray;
			display:block;
			
			float:right;
			margin-top:1em;
			margin-left:1em;

			cursor:pointer !important; cursor:hand}
/*
.login {
	background-image: url('../graphics/apple_bg.png');
}
*/

.sub_title {

	text-align:left;
	vertical-align:baseline;
	margin-bottom:-3px;

	font:bold 12px Arial,helvetica;
	color:#55aa55;
	}

.core_title {

	text-align:left;
	float:left;
	padding-right:16px;

	font-size:20;
	font-weight:bold;
	color:#99aacc;

	/*
	opacity:0.9;
    filter:alpha(opacity=90);
	*/
	}

.display_title {

	text-align:left;
	padding-right:0px;

	font:bold 14px Arial,helvetica;
	color:#8888ff;
	}

.display_label {

	clear:both;
	float:left;
	width:8em;
	text-align:right;
	margin-right:1em;;

	font:bold 15px Arial,helvetica;
	color:#333333;
	}

.display_value {

	text-align:left;
	padding-right:0px;
	margin-bottom:12px;

	font:normal 14px Arial,helvetica;
	color:#333333;
	}

.exit_icon {
	position:absolute;
	right:4px;
	top:4px;
	}


.user_title {

    padding: 8 16 8 0;
	text-align:left;
	vertical-align:baseline;
	float:left;

	font-size:18;
	font-weight:bold;
	color:#ee8888;
	}

.hand_cursor {
	cursor:pointer;
	cursor:hand;
	}


#test_container	{ 
margin: 5px;
    padding-left: 5px;
	width:100%;
	}

.version_warning {

	background-color:#ffffaa;
	font-size:16;
	margin:50 25 25 25;
	padding:12px;
	border:1px dashed red;

	-moz-border-radius:0.4em; 
	-khtml-border-radius:0.4em;

	opacity:0.9;
    filter:alpha(opacity=90);
	}

/***************** Feed Cell Horizontal List Bar (bookmarks, star, etc) **************************/
#feed_container
{
	text-align:left;
	border-left:1px solid white;
	margin-top: 4px;
}

#feed_star, #rss_star, #rss_subscribe
{
	padding-left:	4px;
	padding-right:	4px;
}

#feed_list li
{
	display: inline;
	list-style-type: none;
	
	padding: 0 8 0 8;
	font: normal 14px helvetica, sans-serif;	
	color:#333333;

	border-right:1px solid white;
}


#feed_list li A:link {
	text-decoration:none;
	color:white;
	}