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

  cellpadding:10;
  cellspacing:0;

	font-size:16px;
  color:#333333;

  }

BODY {overflow-y:auto }
BODY {overflow-x:hidden }
BODY {font-size:12}
/*
BODY {background-image: url('../graphics/wood.jpg');black-stripe.gifsukashi-bamboo-cream.jpgzen|sanwa-fibre-white;sukashi-bloom-white.jpg|cloth.jpgblack-stripe.gif||black_bg4.gifapple_bg.png
	  background-repeat:repeat;}
*/
BODY {background-color:#e0e0cc;}
BODY {text-align:left}	/*center for IE to center*/

BODY {margin:0px auto 0px auto;}
BODY {margin:16 0 16 0}

BODY {width:320px;}

p {
margin-bottom:24px;
clear:both;
}

.desc {

	margin-top:4px;
	text-align:center;
	font: normal 18px Arial, helvetica, sans-serif;
	}

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

LI {
	margin-bottom:8px;
}


/*HTML {overflow: auto;}*/

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

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

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

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

A:focus {outline: none;
		}

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+ */

	}

H1 {
	font: bold 24px Arial, helvetica, sans-serif;
	margin-bottom:4px;
	}

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


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

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


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

H6 {
	font: normal 14px Arial, helvetica, sans-serif;
	}

.base_frame {

	text-align:center;
	width:320px;

	}

.content_box {

	margin:4 8 16 4;
	padding:6px;

	border:1px dashed #333333;
	
	-moz-border-radius:0.6em; 
	-khtml-border-radius:0.6em;
	}

.email {
	margin-top:8px;
	font-size:18px;
	}



























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

}

.content_box_paper {

	/*position:absolute;*/
	margin: 0 auto;
	margin-top:0px;
	padding-bottom:20px;
	padding-right:12px;

	right:0;
	top:34;
	text-align:left;

	background-image: url('../graphics/sukashi-bloom-white.jpg');
	border:1px solid #ffffff;
	border-bottom:1px solid #777777;
	border-right:1px solid #777777;
	
	-moz-border-radius:0.8em; 
	-khtml-border-radius:0.8em;
	}

.content_box_cotton {

	/*position:absolute;*/
	margin: 0 auto;
	margin-top:0px;
	padding-bottom:20px;
	padding-right:12px;

	right:0;
	top:34;
	text-align:left;

	background-image: url('../graphics/sanwa-fibre-white.jpg');
	border:1px solid #ffffff;
	border-bottom:1px solid #777777;
	border-right:1px solid #777777;
	
	-moz-border-radius:0.8em; 
	-khtml-border-radius:0.8em;
	}

.content_box_apricot {

	/*position:absolute;*/
	margin: 0 auto;
	margin-top:0px;
	padding-bottom:20px;
	padding-right:12px;

	right:0;
	top:34;
	text-align:left;

	border:1px solid #ffffff;
	border-bottom:1px solid #888888;
	border-right:1px solid #888888;
	background-image: url('../graphics/sukashi-bamboo-cream.jpg');
	
	-moz-border-radius:0.8em; 
	-khtml-border-radius:0.8em;
	}



.content_box_ivory {

	/*position:absolute;*/
	margin: 0 auto;
	margin-top:0px;
	padding-bottom:20px;
	padding-right:12px;

	right:0;
	top:34;
	text-align:left;

	border:1px solid #ffffff;
	border-bottom:1px solid #888888;
	border-right:1px solid #888888;
	background-image: url('../graphics/sanwa-fibre-white.jpg');
	
	-moz-border-radius:0.8em; 
	-khtml-border-radius:0.8em;
	}

.content_box_zen {

	/*position:absolute;*/
	margin: 0 auto;
	margin-top:0px;
	padding-bottom:20px;
	padding-right:12px;

	right:0;
	top:34;
	text-align:left;

	border:1px solid #ffffff;
	border-bottom:1px solid #888888;
	border-right:1px solid #888888;
	background-image: url('../graphics/zen.jpg');
	
	-moz-border-radius:0.8em; 
	-khtml-border-radius:0.8em;
	}

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

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

}

.info_panel_paper {
	width:100%;
	margin-bottom:8px;
	border:1px solid #ffffff;
	border-top:1px solid #777777;
	border-left:1px solid #777777;
	background-image: url('../graphics/white1x1_a25.png');
	-moz-border-radius:0.6em; 
	-khtml-border-radius:0.6em;

	padding-bottom:48px;
}


.spiral {

	position:absolute;
	left:-5px;

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

.content_header {
	
	width:100%;
	height:100px;

	position:relative;
	margin-bottom:0px;
}

.logo {
	
	font: italic 14px helvetica, sans-serif;
	color:#888888;
	
	position:absolute;
	top:8;
	left:24;
	}


.create_new {
	
	font: normal 14px helvetica, sans-serif;
	
	padding:2 8 2 8;

	position:absolute;
	cursor:pointer;
	cursor:hand;

	bottom:8;
	right:0;
	}

.reader_login {
	
	font: italic 14px helvetica, sans-serif;
	color:#338833;
	
	position:absolute;
	top:8;
	right:0;
	}

#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;
}

info_title {
	
	font: normal 14px helvetica, sans-serif;
	color:#333333;
	
	position:absolute;
	bottom:0;
	right:0;
	}

.info_panel_title {
	
	font: normal 14px helvetica, sans-serif;
	color:#555555;
	margin-top:8px;
	padding:4px;

	/*background-image: url('../graphics/sukashi-bloom-white.jpg');*/
	background-color:#eeeecc;
	}
.
.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:4 12 12 12;
	float:right;	
	text-align:right;
}

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

.tags_panel {
	padding-left:24px;
	padding-right:8px;
	text-align:left;
	}

/***************** SUMMARY CELL **************************/
.summary_cell {
	padding:8px;
	border-bottom:1px solid #aaaaaa;
	margin-left:2px;
	margin-right:2px;

	cursor:pointer;
	cursor:hand;
	
	clear:both;
	}

.summary_subtitle_tl {
	font-size:10px;
	font-style:italic;
	float:left;
	color:#338833;
	text-align:left;
	}

.summary_subtitle_tr {
	font-size:10px;
	font-style:italic;
	float:right;
	color:#333388;
	}

.summary_title {
	font: normal 14px Arial, helvetica, sans-serif;
	text-align:left;
	color:#111111;
	}

.summary_thumb {

	float:right;
	margin-left:4px;
	border:1px solid white;
	width:67;
}
.summary_summary {
	font: normal 12px helvetica, sans-serif;
	color:#333333;
	}


/***************** RSS CELL **************************/
.rss_site_title {

	font: normal 18px Arial, helvetica, sans-serif;
	text-align:left;
	color:#555555;
	
	padding:8px;
	margin-bottom:16px;

	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.4em; 
	-khtml-border-radius:0.4em;
	}

.rss_cell {
	
	padding-bottom:16px;
	margin-bottom:16px;
	border-bottom:1px dashed #333333;

	cursor:pointer;
	cursor:hand;
	
	clear:both;
	}

.rss_subtitle_t {
	font-size:12px;
	font-style:italic;
	color:#555555;
	text-align:left;
	}

.rss_title {

	font: bold 14px Arial, helvetica, sans-serif;
	text-align:left;
	/*margin-bottom:8px;*/
	color:#555555;
	}

.rss_subtitle_b {
	font-size:12px;
	font-style:italic;
	margin-bottom:12px;
	color:#335533;
	text-align:left;
	}

.rss_thumb {

	float:right;
	margin-left:4px;
	border:1px solid white;
	width:67;
}

.rss_description {
	font: normal 13px helvetica, sans-serif;
	color:#333333;
	text-align:left;
	}

.rss_done {
	margin-left:8px;
	
	cursor:pointer;
	cursor:hand;
}


/***************** FEED CELL **************************/
.feed_site_title {

	font: normal 24px Arial, helvetica, sans-serif;
	text-align:left;
	color:#555555;

	margin-bottom:16px;
	border-bottom:1px dashed #333333;
	}

.feed_cell {
	
	padding-bottom:16px;
	margin-bottom:16px;
	border-bottom:1px dashed #333333;

	cursor:pointer;
	cursor:hand;
	
	clear:both;
	}

.feed_subtitle_t {
	font-size:12px;
	font-style:italic;
	color:#555555;
	text-align:left;
	}

.feed_title {

	font: bold 14px Arial, helvetica, sans-serif;
	text-align:left;
	/*margin-bottom:8px;*/
	color:#555555;
	}

.feed_subtitle_b {
	font-size:12px;
	font-style:italic;
	margin-bottom:12px;
	color:#335533;
	text-align:left;
	}

.feed_thumb {

	float:right;
	margin-left:4px;
	border:1px solid white;
	width:67;
}
.feed_description {
	font: normal 13px helvetica, sans-serif;
	color:#333333;
	text-align:left;
	}

.feed_done {
	margin-left:8px;
	
	cursor:pointer;
	cursor:hand;
}

#tag_cloud {

	/*background-image: url('../graphics/gray10_1x1.png');*/
	padding:0 8 0 8;
	
	border:1px dashed #dddddd;
	background-color:white;
	
	/*background-image: url('../graphics/sukashi-bloom-white.jpg');*/
	-moz-border-radius:0.6em; 
	-khtml-border-radius:0.6em;
	}


/***************** Feed Cell Horizontal List Bar (bookmarks, star, etc) **************************/
#feed_container
{
	margin-top:16px;
	text-align:left;
	color:#333333;
	padding-left: 8px;
	border-left:1px solid gray;
}

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

#feed_list li
{
	display: inline;
	list-style-type: none;
	margin-right: 8px;
	padding-right: 8px;
	font-size:14px;
	border-right:1px solid gray;
}


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

/***************** Bookmark article title selection **************************/
/*
#navlist
{
margin-top: 12px;
padding: 1px;
height: 16px;
background-image: url('../graphics/white1x1_a25.png');
}



#navlist li
{
display: inline;
float: left;
margin: 0px;
padding: 0px;
list-style: none;
}

#navlist li a:link, #navlist li a:visited
{
font: bold 20px/14px Georgia, "Times New Roman", Times, serif;
color: #a0a0a0;
text-decoration: none;
display: block;
padding: 0px 0px 0px 3px;
margin: 0px;
height: 14px;
overflow: hidden;
width: 135px;
text-align: center;
}

#navlist li a#current
{
color: #FFFFFF;
font-style: italic;
}
*/
/*
#navlist li a:hover, #navlist li a:active
{
color: #FFFFFF;
text-decoration: none;
background: #CCaacc;
text-align: left;
text-transform: uppercase;
font: bold normal 10px/16px "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
}
*/



/*****************CONTENT CELL **************************/

.content_cell {
	margin-left:8px;
	margin-right:8px;

	}

.content_title_box_paper {

	padding:12px;

	border:1px solid #888888;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;

	margin-bottom:16px;
	
	/*background-image: url('../graphics/sukashi-bloom-white.jpg');*/
	-moz-border-radius:0.6em; 
	-khtml-border-radius:0.6em;
	}

 .content_title_box {

	padding:12px;

	border:1px solid #888888;
	border-top:1px solid #e0e0d0;
	border-left:1px solid #e0e0d0;

	margin-bottom:16px;
	
	-moz-border-radius:0.6em; 
	-khtml-border-radius:0.6em;
	}


.content_subtitle_tl {
	font-size:12px;
	float:left;
	color:#334433;
	}

.content_subtitle_tr {
	font-size:12px;
	font-style:italic;
	float:right;
	color:#334433;
	}

.content_title {
	
	font: bold 18px Arial, helvetica, sans-serif;
	text-align:left;
	color:#555555;
	clear:right;
	}

.content_summary {
	font: normal 14px helvetica, sans-serif;
	color:#333333;
	text-align:left;
	line-height:160%;
	}

.content_photo {

	border:0px solid white;
	width:420px;

	margin-top:4px;
	margin-bottom:4px;
}

.content_thumb {

	float:left;
	margin-right:1px;
	border:1px solid white;
	width:67;
}

/***************************************************************/

.tag_label {

	font: normal 16px sans-serif;
	font-color:#555533;

	cursor:pointer;
	cursor:hand;
	line-height:140%;
}


.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_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;
	-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;

	top:0;

	position:absolute;
	z-index:1;

	background-color:#333333;

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

#overlay_content_box {

	width:700px;
	visibility:hidden;

	top:40;
	left:40;
	padding:16px;

	position:absolute;
	z-index:1;
	}

 .overlay_cancel {
	top:0;
	right:0;

	position:absolute;
	z-index:1;
	}


#overlay_content {

	width:700px;
	text-align:left;

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

	position:absolute;
	background-image: url('../graphics/sukashi-bloom-apricot.jpg');
	/*background-color:white;*/
	border:1px solid #777777;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;

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

	}

#overlay_entry_box {

	width:700px;
	visibility:hidden;

	top:140;
	left:20;
	padding:16px;

	position:absolute;
	z-index:1;
	}

#overlay_entry {

	width:660px;
	text-align:left;

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

	position:absolute;
	/*background-image: url('../graphics/black_bg3.gif');*/
	background-image: url('../graphics/sukashi-bloom-white.jpg');
	/*background-color:white;*/
	/*border:1px dashed gray;*/
	border:1px solid #888888;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;

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

	}
#overlay_entry_mask {

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

	top:0;

	position:absolute;
	z-index:1;

	background-color:#333333;

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

#overlay_entry_core {

	width:500px;

	border:1px solid #888888;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;

	-moz-border-radius:0.6em; 
	-khtml-border-radius:0.6em;	
	padding:16 8 32 8;

	/*
	background-color:white;
	border:1px dashed #333333;

	text-align:left;*/
	}



#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:12px 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 1.0em 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:#f0f0f0}
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:#eeeeee; 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:#333333;
		 }

#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);
	}