body { font-family: Arial,Helvetica,sans-serif; background-color:#fff; overflow: hidden; margin:0 }

.font1 { font-size: 80% }
.font2 { font-size: 90% }
.font3 { font-size: 100% }

p { margin:0 0 1em 0; padding:0; line-height:1.35 }

A:link, A:visited, A:hover { text-decoration:underline; color:blue }

A.user:link, A.user:visited { text-decoration:none; color:#000 }
A.user:hover { text-decoration:underline; color:blue }

A.reduser:link, A.reduser:visited { text-decoration:none; color:#000; font-weight:bold }
A.reduser:hover { text-decoration:underline; color:#000; font-weight:bold }

A.noteurl:link, A.noteurl:visited { text-decoration:none; color:#000 }
A.noteurl:hover { text-decoration:underline; color:blue }

A.noteimgurl:link, A.noteimgurl:visited, A.noteimgurl:hover { color:#AE841A;  text-decoration:underline }


.clear { clear: both  }

#site_desc { border:1px solid #ccc; padding:1em; margin:1em; background-color:#fff }

#header_container { position:absolute; top: 0; left:0%; width:100% }
#header { margin:0; padding:5px; background-color:#000; font-size:120% }

#header a:link, #header a:hover, #header a:visited { color:#fff; font-weight:bold; text-decoration:none }

#whats_this { position:relative; top:2em; margin:1em; padding:2em; background-color:#fff; border:1px solid #aaa; font-size:110% }

#notes_container, #user_container, #sidebar { display: none }

#ajaxload { width:16px; height:16px; float:right; margin-right:0.75em; cursor:auto;
			background-repeat:no-repeat; background-position:center; position:relative; top:1px;
}

.ajaxloading { background-image: url('gfx/ajaxload.gif') }
.ajaxnotloading { background-image: none }

#show_doc { float:right; width:16px; height:16px;  margin-right:0.75em; cursor:pointer;
			background-image: url('gfx/doc.gif');
			background-repeat:no-repeat; background-position:50%
}


#addthis_ctl { float:right; padding-right:1em }
#main_menu1 { float:right; position:relative;  }
#main_menu2 { float:left; position:relative; top:1px  }
#search { float:left }
#search span { float:left; color:#fff; font-weight:bold; margin-right:0.5em; position:relative; top:1px  }
#search input { float:left; width:160px; height:14px; font-size:12px; position:relative; top:-1px; }
#search button { margin-left:0.5em; float:left; height:20px; width:30px; font-size:12px; padding:0 }

#login_service
{
	padding:6px 8px 6px 8px; background-color: #f4f4f4; margin-bottom:4px
}

#login_scope
{
	font-size:85%; color:#444;
	padding:2px; background-color: #fcfcf4; margin:8px 8px 4px 8px
}

#login_scope table 
{
	margin: 4px 0 4px 0
}

#login_scope td
{
	padding-right:16px
}

#scope_details
{
	margin-left:8px;
	cursor: pointer;
	color:blue
}


#sidebar
{ 
	position:absolute; 
	margin-left:12px; 
	width:148px;
}

#sideme
{
	position:relative;
	left:-5px;
	margin-bottom:12px;
	width:148px; height:54px;
	background-image: url('gfx/me.png');
	background-position:center;
	background-repeat: no-repeat;
	cursor: pointer

}

#andmy { font-size: 120%; font-style: italic; color:rgb(6,69,173); margin-bottom:0.25em }

#sidelinks
{
	margin: 0 0 0.5em 0;
}

.sidelink, .sidelink_sel, .sidelink_rec
{
	padding: 0.2em 0 0.2em 0;
	font: normal 100% 'trebuchet ms',helvetica,sans-serif; 
}

.sidelink, .sidelink_sel
{
	color: rgb(6,69,173);
	background-color: #fff
}

.sidelink span { }
.sidelink_sel span { text-decoration:underline; cursor:pointer }

.sidelink_rec
{
	background-color: rgb(6,69,173);
	color: #fff
}
	


.menu_hdr, .menu_hdr2 { margin-right:1.5em; color:#fff; font-weight:bold }
.menu_hdr { cursor: default }
.menu_hdr2 { cursor: pointer }
.quicklinks .menu_hdr { margin-right:1em; color:#000; font-weight:normal; cursor: default }

.quicklinks .menu_hdr2 { margin-right:1em; color:#000; font-weight:normal; cursor: pointer }
.quicklinks .menu_hdr2:hover { color:blue; text-decoration:underline }


.menu_pad { margin-left:0.75em }


.pane_hdr { 
	position:relative;
	background-color: #fff;
    overflow:hidden
}

.pane_name { 
	font-size:120%; font-weight:bold; 
	color:#000;
	white-space: nowrap
}

.pane_name span:hover
{
	color:blue; text-decoration: underline;
	cursor: pointer
}

.pane_ctl {
	position: absolute;
	top:0;
	right:0;
	width: 64px;
	height: 20px;
	background-color: #fff;
	z-index:10;
	display: none;
}

.pane_icon
{
	position:absolute;
	top:0;
	border:1px solid #fff;
	width: 20px;
	height: 20px;
	background-repeat:no-repeat;  background-position:center;
	z-index:15
}

.pane_icon:hover { border:1px outset #888 }

.pane_refresh {
	right:0;
	background-image: url('gfx/refresh.png')
}

.pane_get {
	right:22px;
	background-image: url('gfx/getuser.png')
}

.pane_parent {
	right:22px;
	background-image: url('gfx/parent.png')
}

.pane_size {
	right:44px;
	background-image: url('gfx/fontsize.png')
}


.pane_hdr_name
{
	padding: 2px 2px 2px 0
}


.menu_ctl
{
	display: none;
	position:absolute;
	bottom:8px; right: 2px;
	color:#88f;
	font-size: 12px;
	z-index:10;
	cursor: pointer;
	background-color:#fff;
}

.menu_ctl:hover
{
	text-decoration:underline
}
	



.quicklinks 
{
	height:1.5em;
	border-bottom:2px solid #ccd;
	margin-bottom:4px; 
}
.quicklink { float:left; margin-right:1em; cursor: pointer }
.quicklink:hover { text-decoration: underline; color:blue }

#mode_ctl {
	position:absolute;
}

.mode_select { 
	position:absolute; background-color:#fff; cursor: pointer;
	width:32px; height:32px;
	background-repeat:no-repeat;  background-position:center;
	filter:alpha(Opacity=70);
	opacity:0.70;
	-moz-opacity:0.70;
	-khtml-opacity:0.70
}

.mode_updates { background-image: url('gfx/mode_updates.png') }
.mode_forum { background-image: url('gfx/mode_forum.png') }
.mode_chat { background-image: url('gfx/mode_chat.png') }
.mode_photo { background-image: url('gfx/mode_photos.png') }
.mode_video { background-image: url('gfx/mode_video.png') }
.mode_geo { background-image: url('gfx/mode_geo.png') }
.mode_room { background-image: url('gfx/mode_room.png') }
.mode_indirect { background-image: url('gfx/mode_indirect.png') }

.mode_selected { 
	position:absolute;
	left:-9px; width:5px; height:9px;
	background-color:#fff; 
	background-repeat:no-repeat;  background-position:center;
	background-image: url('gfx/mode_selected.gif')
}

.data_hdr, .data_hdrh { position:relative; display: none; background-color:#fff; border-bottom:1px solid #fff }
#user_data_hdr { border-left: 1px solid #fff; border-right: 1px solid #fff }
#notes_data_hdr { border-right: 1px solid #fff }

.data1 { position:absolute; border:solid #fff; padding:0px; margin-top:0px; overflow:auto; background-color:#fff; font-size:100% }
.data2 { position:absolute; border:solid #fff; padding:0px; margin-top:0px; overflow:auto; background-color:#fff; font-size:112% }
.data3 { position:absolute; border:solid #fff; padding:0px; margin-top:0px; overflow:auto; background-color:#fff; font-size:124% }

#notes_container .data1 { border-width:0px 1px 0px 0px }
#notes_container .data2 { border-width:0px 1px 0px 0px }
#notes_container .data3 { border-width:0px 1px 0px 0px }
#user_container .data1 { border-width:0px 1px 0px 1px }
#user_container .data2 { border-width:0px 1px 0px 1px }
#user_container .data3 { border-width:0px 1px 0px 1px }

.thread_head
{
	padding: 1em 0 1em 0;
	border-bottom: 2px solid #ccd;
	overflow:auto;
	max-height:300px;
	height:expression(this.scrollHeight>299?"300px":"auto")
}

.thread_ctl
{
	position:absolute;
	top:-4px; right: 0;
	color:#88f;
	font-size: 12px;
	z-index:10;
	cursor: pointer;
	background-color:#fff;
}

.thread_ctl:hover
{
	text-decoration:underline
}

.control
{
	position: absolute;
	text-align:right; 
	padding:2px; background-color:#fff;
	border:solid #fff;
	font-size: 85%
}

#notes_container .control { border-width:0 1px 1px 0px }
#user_container .control { border-width:0 1px 1px 1px }


.control A { margin-left:1.5em; outline:none }
.control A:link, .control A:visited { text-decoration:none; color:#000;  }
.control A:hover { text-decoration:underline; color:#000 }
.ctl_pad { margin-right:0.75em }


#notes_container { position:absolute; left:1.5%; width:48.5%; top:0%; height:100% }
#user_container { position:absolute; left:51.5%; width:48.5%; top:0%; height:100% }

#notes_ctl2 { position: absolute; padding-top:0.75em }

.user_table td { white-space: nowrap }
td.td_user {}
td.td_left { padding-left:1.75em; text-align:left }
td.td_right { padding-left:1.75em; text-align:right }
A.tbl_link:link, A.tbl_link:visited { text-decoration:none; color:#000 }
A.tbl_link:hover { text-decoration:underline; color:blue }


.table_hdr { padding: 4px 10px 4px 10px; font-size: 120%; text-align:right }
.tbl_curpage { margin-left:0.2em; margin-right:0.2em; font-size:160% }
.tbl_selpage { margin-left:0.4em; margin-right:0.4em; cursor: pointer }
.tbl_selpage:hover { color: blue; text-decoration: underline; cursor: pointer }

.user_table .tblrow_even {}
.user_table .tblrow_odd { background-color:#fff0ff }

.user_table thead td { height: 2em; vertical-align: top }

.user_table thead .tbl_hdr_cont
{
	background-color: #f0f0f0; color: #333; font-size:85%; cursor: pointer;
}

.user_table thead .tbl_hdr
{
	margin: 0.5em 1em 0.5em 1em;
}

.user_table thead .tbl_hdr_up, .user_table thead .tbl_hdr_down
{
	margin: 0.5em 1em .05em 1em;
	padding: 0 14px 0 0;
	background-repeat:no-repeat;  background-position:right center;
}

.user_table thead .tbl_hdr_up
{
	background-image: url('gfx/up.gif')
}

.user_table thead .tbl_hdr_down
{
	background-image: url('gfx/down.gif')
}


.top_table { margin: 0 1em 0 1em }
.top_table td { white-space: nowrap }
.top_table thead td { height: 2em; vertical-align: top }

.top_table thead .tbl_hdr_cont
{
	background-color: #25587E; color: #fff; font-size:95%; font-weight:bold; cursor: pointer;
}

.top_table thead .tbl_hdr
{
	margin: 0.5em 1em 0.5em 1em;
}

.top_table thead .tbl_hdr_up, .top_table thead .tbl_hdr_down
{
	margin: 0.5em 1em .05em 1em;
	padding: 0 14px 0 0;
	background-repeat:no-repeat;  background-position:right center;
}

.top_table thead .tbl_hdr_up
{
	background-image: url('gfx/up-white.gif')
}

.top_table thead .tbl_hdr_down
{
	background-image: url('gfx/down-white.gif')
}


#list_page { position:absolute; bottom:20px; right:26px }

#list_page_ctl { position: absolute; bottom: -2px; right: 24px }

.list_ctl
{ 
	margin-left: 4px; float:right;
	width:16px; height:16px; cursor:pointer;
	background-repeat:no-repeat;  background-position:center;
}

#list_first { background-image: url('gfx/resultset_first.png') }
#list_prev  { background-image: url('gfx/resultset_previous.png') }
#list_next  { background-image: url('gfx/resultset_next.png') }
#list_last  { background-image: url('gfx/resultset_last.png') }

#list_title { font-weight:bold; font-size:120%  }
#list_date { padding:1.5em 0 2em 0; font-size:85% }
#list_browse { padding:0 2em 0 2em; border:1px solid #88f; background-color:#eef }

.table_gallery
{ 
	float:left;	 cursor: pointer;
	width:55px; height:55px; margin:0 12px 12px 0;
	background-color:#eee; background-repeat:no-repeat; background-position:center
}

.table_gallery_big
{ 
	float:left;	 
	margin:0 20px 20px 0
}


.table_gallery2
{ 
	cursor: pointer;
	width:100px; height:100px;
	background-color:#eee; background-repeat:no-repeat; background-position:center
}

.tg_name
{ 
	width: 100px;
	font-size:90%; padding:0.2em 0 0 0;
	overflow: hidden;
	white-space: nowrap;
}


#tg_info { font-size:100%; padding:0.85em }
#tg_info_hdr { font-weight: bold; font-size:120% }
#tg_info_prof { font-size:95% }
#tg_info table { margin-top: 1em }
#tg_info table td { padding: 0.05em 2em 0.05em 0 }
.tg_info_label { font-weight:bold; color: #88a }


#user_profile { padding: 0.25em 0.5em 0.5em 0 }

#userlinks { padding:0.6em 0.25em 0.6em 0.25em; border-bottom:4px solid #eaa }
#userlinks td { padding:0 0.1em 0 0; margin:0; text-align: left; vertical-align:middle; white-space: nowrap }
#userlinks a { text-decoration:none; color:#000; padding-right:3em }

#geoloc_icon { width:16px; height:16px; background-image: url('gfx/geoloc.gif'); cursor:pointer }
#favorites_icon { width:16px; height:16px; background-image: url('gfx/favorites.gif'); cursor:pointer }
#photos_icon { width:15px; height:14px; background-image: url('gfx/photos.gif'); cursor:pointer }
#videos_icon { width:12px; height:15px; background-image: url('gfx/videos.gif'); cursor:pointer }


.welcomemsg
{
	border-bottom:4px solid #B0C4DE; 
	padding:0.75em 0.5em 1.5em 0
}


.welcomemsg_photo
{
	border-bottom:4px solid #B0C4DE; 
	padding:0.75em 0 0 0;
	margin-right:0.5em
}


.page_links
{
 	border-bottom:4px solid #B0C4DE; 
	padding:0.75em 0 0.75em 1em;
	margin-right:0.5em
}

.page_links td { padding:0; margin:0; text-align: left; vertical-align:middle }

.pl_sel, .pl_notsel { padding:0.1em 2em 0.1em 0.5em; cursor: pointer  }
.pl_sel    { background-color:	 #f4f4f4 }
.pl_notsel { background-color:	 #fff }

.page_icon { width:16px; height:16px; cursor:pointer; margin-right:0.5em }
#login_icon { background-image: url('gfx/login.gif') }
#chat_icon { background-image: url('gfx/chat.gif') }
#updates_icon { background-image: url('gfx/updates.gif') }
#users_icon { background-image: url('gfx/users.gif') }
#dollars_icon { background-image: url('gfx/dollars.gif') }

#userproftbl { clear:both; padding:0 0.5em 0.5em 0 }

#userdata, #useractions { text-align:left; vertical-align: top }
#userdata { padding-left:2em }

#userdata table { padding:0 }
#userdata td { padding: 0.01em 1.5em 0.01em 0; margin:0; text-align: left; vertical-align:top }

.userprofhdr
{
	font-size: 90%; font-weight: bold; margin-bottom:0.5em; padding: 0 0 0 0.5em; 
	color:#fff;
	background-color: rgb(6,69,173);
}

.prof_label { font-size:90%; font-weight:bold; color: #000; padding-right: 0.5em }
.prof_value { font-size:90% }

.userlink {}
.userlink:hover { color:blue; text-decoration:underline; cursor: pointer }

#user_data strong { font-size:120% }
.user_image { float:left; padding:0 1em 1em 0; border-style: none }
.page_image { float:left; padding:0 1em 0.5em 0; border-style: none }

#welcome { margin:0.5em; font-size:120%; color:#600 }

.texttitle { display: none }
.titleinput { margin-bottom:4px; background-color:#fffafa; font-size: 95%  }
.titlestart { color:#faa; font-style: italic; font-weight:bold }
.textedit { position:relative; width:400px; height:200px }
.textinput { margin:0; padding: 0; background-color:#fffafa }
.win_ctl button { margin-right: 6px }
.editicons { position:relative; width:19px; height:161px }

.boldicon, .italicicon, .underlineicon, .fontsizeicon, .smileicon, .frownicon, .addYouTube, .addWiki
	{ border:1px solid transparent; position:absolute; width:18px; height:18px; cursor:pointer;
	  background-repeat:no-repeat;  background-position:center; }


.boldicon:hover, .italicicon:hover, .underlineicon:hover, .fontsizeicon:hover, .smileicon:hover, .frownicon:hover, .addYouTube:hover, .addWiki:hover
	{ border:1px outset #888 }


.addYouTube { top:20px; left:1px; background-image: url('gfx/youtube.png') }
.addWiki { top:0px; left:1px; background-image: url('gfx/wikipedia.png') }
.boldicon { top:40px; left:1px; background-image: url('gfx/bold.png') }
.italicicon { top:60px; left:1px; background-image: url('gfx/italic.png') }
.underlineicon { top:80px; left:1px; background-image: url('gfx/underline.png') }
.fontsizeicon { top:100px; left:1px; background-image: url('gfx/fontsize.png') }
.smileicon { top:120px; left:1px; background-image: url('gfx/smile.png') }
.frownicon { top:140px; left:1px; background-image: url('gfx/frown.png') }


.edit_title { position:relative; top:-3px; color:#666; font-size: 95%; font-weight:bold; overflow:hidden }
.edit_title span:hover { text-decoration: underline }

.element_photo, .element_video, .element_geo, .element_person, .element_room, .element_wiki
	{ float: right; margin:2px 0 2px 6px; border:1px solid transparent; width:18px; height:18px; cursor:pointer;
	  background-repeat:no-repeat;  background-position:center }

.element_photo { background-image: url('gfx/photo.png') }
.element_video { background-image: url('gfx/film.gif') }
.element_geo { background-image: url('gfx/world.png') }
.element_person { background-image: url('gfx/user.png') }
.element_room { background-image: url('gfx/room.png') }
.element_wiki { background-image: url('gfx/wikipedia.png') }

.element_photo:hover, .element_video:hover, .element_geo:hover, .element_person:hover, .element_room:hover, .element_wiki:hover
	{ border:1px outset #888 }


#note_edit { width: 49.25%; height:5em }
#editnote { width:65%; height:15em }
#editwelcome { width:65%; height:15em }

#newshdr { margin-right: 2em; border-bottom:4px solid #8B4513; background-color:#FFEFD5; padding:0.75em }
#newstitle { font-size: 150%; overflow:hidden }
#newsoptions { float: right; text-align: right; padding-left:2em; font-size:90% }
#newsoptions A:link, #newsoptions A:visited { text-decoration:none; color:#000 }
#newsoptions A:hover { text-decoration:underline; color:blue }

.getolder { position:relative; margin: 0 auto 0 auto; padding: 9px 0 10px 0 }
.getoldermsg
{
	position:relative; height:1.28em;
	background-color:#000; color:#fff; font-weight:bold; font-size:87%; cursor:pointer; 
}
.getoldermsg img { position:relative; top:-1px; }
.getoldermsg span { padding: 0 0.5em 0 0.5em }

.selstart
{
	position:absolute; top:9px; right:0px
}

.data_hdr .selstart { visibility: hidden }
.data_hdrh .selstart { visibility: visible }

#listinfo { position:absolute; visibility: hidden; z-index:1000 }

.datestart
{
	background-color:#fff; padding:0.75em;
	border:1px solid #eee;
	color:#88e;
	cursor:pointer;
	font-size:130%; font-weight:bold;
}



.datestart td { padding-right:0.5em }

.selstart input { width:40px }

.newsnote { font-size:110%; margin:2em 2em 3em 0 }

.note_button { margin-right:0.5em }

.note { margin:1.5em 0.75em 3em 0; background-color:#fff; zoom:1 }

.room_spc { margin-top:1em }
.rooms_hdr { font-size:100%; font-weight:bold; font-style: italic }

.room_select { margin: 0.25em 0 0.75em 0; height:1em; color:#008 }
.room_note, .room_note_show, .room_note_rec { margin: 1em 0.5em 1em 0 }
.room_note_rec { background-color:#eee }
.room_info { position:relative; top:-4px; font-size:87%; color: #aaa }

.rooms_menu { margin-right:1em; cursor:pointer; float:left }
.rooms_menu:hover { text-decoration:underline; color:blue }
.rooms_menu_sel { margin-right:1em; font-weight: bold; float:left }

.chat_note, .chat_note_show { margin:1em 0.75em 1.5em 0 }

.chatme, .chatnotme {}

.chatbubble
{
	position: relative;
	padding:6px;
	margin-bottom:6px;
	width: 75%;
	text-align: center;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.chatme .chatbubble
{
	float:right;
	background-color: #fff8f0;
	border: 3px solid #edc;
}

.chatnotme .chatbubble
{
	background-color: #f8f8ff;
	border: 3px solid #dde;
}

.chattriangle
{
	position: absolute;
	bottom: -27px;
	width: 24px;
	height: 27px;
}

.chatnotme .chattriangle
{
	left: 52px;
	background-image: url('gfx/chattrinotme.png')
}

.chatme .chattriangle
{
	right: 52px;
	background-image: url('gfx/chattrime.png')
}


/*
.chattriangle
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	bottom: -27px;
	border: 12px solid
}

.chatnotme .chattriangle
{
	left: 52px;
	border-color: #dde #fff #fff #dde
}

.chatme .chattriangle
{
	right: 52px;
	border-color:  #edc #edc #fff #fff
}

.chatbite
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	bottom: -20px;
	border: 10px solid
}

.chatnotme .chatbite
{
	left: 55px;
	border-color: #f8f8ff transparent transparent #f8f8ff
}

.chatme .chatbite
{
	right: 55px;
	border-color:  #fff8f0 #fff8f0 transparent transparent
}

*/


.chat_ctl
{
	position:absolute;
	bottom: -24px
}

.chat_note .chat_ctl
{
	visibility:hidden
}

.chat_note_show .chat_ctl
{
	visibility:visible
}

.chatme .chat_ctl
{
	right:80px
}

.chatnotme .chat_ctl
{
	right:16px
}

.forum_note { 
	padding: 0.5em 0 0.5em 0;
	margin-right:0.5em;
}

.forum_note1 { 
	padding: 1em 0 1em 0;
	margin-right:0.5em;
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA
}
.forum_note2 { 
	padding: 1em 0 1em 0;
	margin-right:0.5em;
}

.forum_body { padding-left: 2em }

.forum_subject { margin-bottom:0.1em }
.forum_subject span { font-weight:normal; font-size:107%; color:#008 }
.forum_subject span:hover { cursor:pointer; text-decoration:underline }

.forum_info { font-size:87%; color: #aaa }

.forum_tbl1 td, .forum_tbl2 td { vertical-align: top }

.forum_lbl { text-align:left; font-size:85%; padding-right: 2em; color:#777; white-space:nowrap }
.forum_val { font-size:85%; white-space:nowrap; color:#777 }

.forum_lbl .user:link { color:#777 }

.forum_text
{
	padding: 0.75em;
	overflow:auto;
	width:400px;
	max-height:300px;
	height:expression(this.scrollHeight>299?"300px":"auto")
}

.note_preview
{
	overflow:auto;
	max-height:300px;
	height:expression(this.scrollHeight>299?"300px":"auto") 
}

.pop_video
{
	padding: 0.5em;
	overflow:auto;
	width:500px;
	max-height:250px;
	height:expression(this.scrollHeight>249?"250px":"auto")
}

.video_note, .video_note_show {
	margin-right:0.5em;
	padding: 0.5em 0 0.5em 0;
 }



.vn_body { margin-left: 1em }
.vn_info { height:16px; clear: both }
.video_info { font-size:87%; color: #888 }

.vn_icon
{
	float: right;
	margin-left: 6px;
	width:16px; height: 16px;
	background-color:#fff;
	background-repeat:no-repeat;  background-position:center;
}

.video_note .vn_icon,.room_note .vn_icon { visibility: hidden }
.video_note_show .vn_icon,.room_note_show .vn_icon { visibility: visible;
	filter:alpha(Opacity=65);
	opacity:0.65;
	-moz-opacity:0.65;
	-khtml-opacity:0.65
}

.vn_menu { background-image: url('gfx/menu.png') }



.photo_note
{ 
	position: relative;
	float:left;	 cursor: pointer;
	margin:0 12px 12px 0;
}

.photo_ctl
{
	position:absolute; top:0; right:0; 
	height:20px;
	background-color: #fff;
	filter:alpha(Opacity=100);
	opacity:1.0;
	-moz-opacity:1.0;
	-khtml-opacity:1.0
}

.photo_ctl_hidden
{
	position:absolute; top:0; right:0; 
	height:20px;
	filter:alpha(Opacity=0);
	opacity:0.0;
	-moz-opacity:0.0;
	-khtml-opacity:0.0
}


.photo_ctl:hover
{
	filter:alpha(Opacity=100);
	opacity:1.0;
	-moz-opacity:1.0;
	-khtml-opacity:1.0
}


.photo_menu
{
	position:absolute; right:0; bottom:0; 
	padding:2px; background-color: #fff;
	cursor:pointer; width:16px; height:16px;
	background-repeat:no-repeat;  background-position:center;
	background-image: url('gfx/menu.png');
	filter:alpha(Opacity=100);
	opacity:1.0;
	-moz-opacity:1.0;
	-khtml-opacity:1.0
}

.photo_menu_hidden
{
	position:absolute; right:0; bottom:0; 
	padding:2px; background-color: #fff;
	cursor:pointer; width:16px; height:16px;
	filter:alpha(Opacity=0);
	opacity:0.0;
	-moz-opacity:0.0;
	-khtml-opacity:0.0
}


.note_table { width:100% }
.note_table td { vertical-align: top; text-align: left }

.note_room
{
	float:right;
	font-size:87%; color:#99d;
	font-weight: bold;
	text-decoration: underline;
	margin:0 0 0.5em 0.5em  
}

.pub_room { cursor:pointer }
.pub_room:hover { color:#77f; text-decoration:underline }

.note_body { padding-left: 12px }

.note_image, .note_no_image { width:55px; height:55px }
.chat_image { width: 48px; height:48px }
.chatme .chat_image { clear:both; float:right }
.med_note_image { width:128px; height:128px; background-color:#f4f4f4 }
.vid_note_image { width:120px; height:90px; background-color:#000 }

.note_image, .med_note_image, .vid_note_image, .chat_image
			{ background-repeat:no-repeat; background-position:center }

.note_no_image
			{ background-repeat:no-repeat; background-position:center top }


.note_image_td, .note_no_image_td { width:55px; background-color:#fff }
.med_note_image_td { width:128px; background-color:#fff }
.vid_note_image_td { width:120px; background-color:#fff }

.note_title { font-weight:normal; margin-bottom: 0.25em; color:#00c }
.note_title2 { font-weight:bold; margin-bottom: 0.5em; color:#0067A5 }
.vn_title {}
.vn_title:hover { color:blue; text-decoration: underline; cursor: default }

.note_text { line-height:1.35 }

.note_header
{ 
	clear: both;
	margin-top:2px;
	padding:3px 4px 1px 4px;
	font-size:87%;color:#6666B3;
	background-color:#FFF; overflow:hidden;
	background-image: url('gfx/notegrad2.png'); background-repeat: repeat-x;
	background-position: bottom left;
}

.note_ctl { float:right; padding-left:0.5em; cursor:pointer }

.note_header A:link, .note_header A:visited { color:#6666B3 }
.note_header A:hover {  }

.note_icon {
	position:relative; float: right; margin-left:4px; width:16px; height:16px; cursor:pointer;
	background-color:#fff;
	background-repeat:no-repeat;  background-position:center;
	filter:alpha(Opacity=65);
	opacity:0.65;
	-moz-opacity:0.65;
	-khtml-opacity:0.65
 }


.pgallery_icon
	{ position:absolute; bottom: 2px; width:16px; height:16px; cursor:pointer;
	  background-color:#fff; background-repeat:no-repeat;  background-position:center }

.photo_ctl .pgallery_icon
{
	filter:alpha(Opacity=65);
	opacity:0.65;
	-moz-opacity:0.65;
	-khtml-opacity:0.65
}


.photo_ctl_hidden .pgallery_icon
{
	filter:alpha(Opacity=0);
	opacity:0.0;
	-moz-opacity:0.0;
	-khtml-opacity:0.0
}

.video_icon { background-image: url('gfx/film.gif') }
.photo_icon { background-image: url('gfx/photo.png') }
.geo_icon { background-image: url('gfx/world.png') }
.person_icon { background-image: url('gfx/user.png') }
.room_icon { background-image: url('gfx/room.png') }
.wiki_icon { background-image: url('gfx/wikipedia.png') }
.post_icon { background-image: url('gfx/note.png') }
.thread_icon { background-image: url('gfx/comments.png'); cursor:pointer }


.bb_quote { margin-bottom:0.6em }

.bbq_hdr { white-space:nowrap; font-style: italic; font-weight: normal; color:#777; cursor: pointer; }

.bbq_body
{ 
	clear:both;
	display: none;
	margin: 0.1em 0 0.1em 1em; padding-left: 8px;
	border-left: 4px solid #eef;
	color: #777;
	overflow:hidden;
}

.chat_quote { font-style: italic }


.twitterlogo { position:relative; top:2px; margin: 0 0.25em 0 0.75em }
.tweeter { color:rgb(51,204,255); cursor: pointer }

.embed_person { color:darkviolet; text-decoration:underline; cursor: pointer }
.embed_place { color:seagreen; text-decoration:underline; cursor: pointer }
.embed_photo { color:#AE841A;  text-decoration:underline; cursor: pointer }
.embed_video { color:#ff0000;  text-decoration:underline; cursor: pointer }
.embed_geo  { color:#00cc00;  text-decoration:underline; cursor: pointer }
.embed_wiki  { color:#000;  text-decoration:underline; cursor: pointer }

.transaction { margin-top:1.5em; margin-bottom:1.5em }
.transhdr { float:left; color: #4c4; font-weight:bold; padding-right: 2em  }
.transinfo { }

#user_gallery { padding-top: 8px }
#gallery { margin-top: 16px }
#gallery_desc { margin-bottom: 16px }
.photo_thumb { border: 0; margin:8px 16px 8px 0 }
.photo_big { text-align:center }
.photo_caption { text-align:center; font-size: 120%; margin-top:0.5em } 

div.video { margin: 1em 0.25em 0 0.25em; padding:1em 0 0 0; zoom:1; border-top:1px solid #dbb }
div.video img { float:left; margin-right:0.75em; border:0 }
div.video h1 { padding:0; margin:0; margin-bottom:0.5em; font-size:100%; font-weight:bold }
div.video span { font-size:85%; padding:2px;  color:#888 }
div.video b { font-weight:normal }
div.video p { margin-top:1em }

div.fav_name { color:blue; margin:0; font-weight:bold }
div.fav_text { margin: 0 0 1.5em 0 }

.resume h1 { margin:0 0 0 0; padding:0; font-size:150%; font-weight:normal }
.resume h2 { margin:1.5em 0 .5em 0; padding:4px; font-size:120%; font-weight:normal; background-color:#fff0f0 }
.resume h3 { margin:0; padding:0 2em 0 0; font-size:100%; font-weight:normal; color:#666 }
.resume td { vertical-align: top; padding-top:0.25em }


.disabled
{
	cursor:auto;
	filter:alpha(Opacity=15);
	opacity:0.15;
	-moz-opacity:0.15;
	-khtml-opacity:0.15;
}


.shadow
{
	position:absolute;
	background-color: #008;
	z-index:600;
	filter:alpha(Opacity=15);
	opacity:0.15;
	-moz-opacity:0.15;
	-khtml-opacity:0.15
}


.main_menu {
	visibility: hidden;
	position: absolute; 
	font-size:110%;
	padding: 0.5em;
	background-color: #fff;
    border: 1px solid #888;
	z-index: 1000;
}

.context_menu {
	visibility: hidden;
	position: absolute; 
	font-size:110%;
	padding: 0.5em;
	background-color: #fff;
    border: 1px solid #888;
	z-index: 1000;
}

.note_menu, .pnote_menu {
	visibility: hidden;
	position: absolute; 
	font-size:100%;
	padding: 0;
	background-color: #fff;
    border: 1px solid #888;
	z-index: 1000;
}

.note_menu {
	visibility: hidden;
	position: absolute; 
	font-size:100%;
	padding: 0;
	background-color: #fff;
    border: 1px solid #888;
	z-index: 1000;
}

.map_menu {
	visibility: hidden;
	position: absolute; 
	font-size:100%;
	padding: 0.25em;
	background-color: #fff;
    border: 1px solid #888;
	z-index: 1000;
}



.history_menu {
	visibility: hidden;
	position: absolute; 
	font-size:100%;
	padding: 0;
	background-color: #fff;
    border: 1px solid #888;
	z-index: 1000;
}


.mi_sel, .mi_notsel { position:relative; padding:0.1em 2em 0.1em 1em; cursor: pointer  }
.mi_share { padding:0.3em 2em 0.1em 1em; cursor: pointer  }
.mi_sel    { background-color:	 #eee }
.mi_notsel { background-color:	 #fff }
.mi_title { padding:0.1em 2em 0.1em 1em; font-style:italic; font-weight:bold; font-size:90%  }
.mi_blank { height:1em; width:10px }

.note_menu .mi_sel { background-color: #f0f0ff }
.note_menu .mi_sel, .note_menu .mi_notsel { color: #008 }

.history_menu .mi_sel { background-color:#E6F2F2 }
.history_menu .mi_sel, .history_menu .mi_notsel { color: #000 }


#big_image {
	display: none;
	position: absolute; 
	top: 45px;
	padding: 10px;
	background-color: #FFF;
    border: 1px solid #888;
	z-index: 1000;
	text-align:center
}

#grey_out {
	display:none;
	position:absolute;
	left:0;	top:0;
	width: 100%; height:100%;
	z-index: 400;
	background-color:#777;
	filter:alpha(Opacity=75);
	opacity:0.75;
	-moz-opacity:0.75;
	-khtml-opacity:0.75
}

.pop_win, .pop_pop_win {
	display: none;
	position: absolute;
	z-index:500;
	padding: 16px 30px 16px 16px;
	cursor:pointer;
	background-color:#fff;
}

.pop_win { border:4px solid #ddd }
.pop_pop_win { border: 1px solid #888 }


.win_cont {
	cursor:default;
	position:relative;
}


.win_tab_body
{
	position: absolute;
	top:0; left:0;
	overflow:auto;
}


.win_tabs { 
	position:relative;
	top:-12px;
	left:-8px;
	display: none;
	background-color:#FFF;
	margin-bottom:4px;
	width:100%;
	overflow:hidden;
}


.win_tab, .win_tab_sel {
	position:relative;
	float: left;
	font-size:110%;
	color:	#B2868E;
	padding: 0 8px 2px 0;
}

.win_tab { }
.win_tab_sel { font-weight:bold }
.win_tab:hover { text-decoration:underline }



#pop_map {
	width: 350px;
	height: 350px
}




#popinfo {
	visibility:hidden;
	position: absolute; 
    border: 1px solid #bbb;
	background-color: #FFFFFF;
	z-index: 1000
}

.popthumb { float:left; width:100px; height:100px; 
			margin:6px; 
			background-color:#f8f8f8; 
			background-repeat:no-repeat; background-position:center }

.pop_profile {
	padding: 6px 18px 12px 6px; 
	font-size:10pt;
	overflow:hidden;
	max-width:300px;
	width:expression(this.scrollWidth>299?"300px":"auto")
}

.options { padding:8px }

.stockbids, .stockstatus, .showloggedin { margin:10px }
.stockbids div { margin-bottom: 0.5em }
.stockbids thead td { padding-bottom: 0.5em }
.stockbids td { white-space: nowrap }
.bt_left  { text-align: left }
.bt_right { padding-left:0.5em; text-align: right }

.stock_settings
{
	margin-top:2em; margin-bottom:1em;
	border:2px solid #d0d0e0; padding:1em; 
	background-color:#f8f8ff; color:#000
}

.stock_input { margin: 0.75em 0 0.75em 0 }

.buysell_label { font-size:120%; margin-bottom:2em; background-color:#e0e0f0; padding:4px }


#dialog {
	display: none;
	position: absolute;
	top: 80px;
	left: 16%;
	width: 68%;
	background-color: #f8f8ff;
	border: 1px solid #009;
	z-index: 1000;
	overflow: auto;
}

#dialog_header
{
	position:relative; border:0px solid #888;
	padding:1em 3em 1em 3em; background-color:#88b; color:#fff; font-weight:bold; font-size:122%;
	border-bottom:4px solid #009;
}

#dialog_body   { margin: 2em 1em 3.5em 1em }
.dialog_ctl { position:absolute; right:0.75em; bottom:0.75em }
.dialog_ctl button { margin-left:0.5em }


#doc {
	display: none;
	position: absolute;
	top: 7%;
	height: 86%;
	left: 7%;
	width: 86%;
	background-color: #fff;
	border: 2px solid #888;
	z-index: 1000;
}


.docfont1 { font-size: 100% }
.docfont2 { font-size: 112% }
.docfont3 { font-size: 124% }


.window_close
{
	position: absolute;
	top: 8px; right: 12px;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold
}

#doc_font
{
	position: absolute;
	top: 8px; right: 28px;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	font-style: italic
}


#doc_menu
{
	display: none;
	position: absolute;
	top: 7%;
	height: 86%;
	left: 7%;
	width: 135px;	padding:0px 15px 0px 0px;
	background-image: url('gfx/docgrad.png'); background-repeat: repeat-y; 
	background-position:right;
	overflow: hidden;
}

#doc_menu_hdr { font-size:175% }

#doc_menu2
{
	padding-top:25px;
	line-height:1.7;
}

#doc_body
{
	position: absolute;
	top: 7%;
	height: 86%;
	left: 7%;
	width: 86%;
	overflow: auto;
}

#doc_inner
{
	padding: 0 1.5em 0 1.5em;
}

#doc_inner h2 { margin:0 0 1.5em 0; padding: 0 0 2px 0; font-size:150%; font-weight:normal; border-bottom: 2px solid #ccc }
#doc_inner h3 { font-size: 120% }

	



#doc_body textarea { background-color:#fffff0 }
#doc_body input { background-color:#fff0f0 }


#select_service {
	display: none;
	position: absolute;
	width: 250px;
	background-color: #fff;
	border: 1px solid #888;
	z-index: 1000;
	font-size: 10pt;
	color: #000;
}


.map_canvas { width:100%; height:400px; overflow: hidden }
.locpop { padding:0.75em }
.loctitle { font-size: 100%; font-weight:bold }
.locnote { font-size: 100%; margin-top:0.35em }
.loctime {  font-size: 90%; margin-top:4px }

.locinfo .loctitle, .locinfo .locnote, .locinfo .loctime { width: 200px }
.locpop .loctitle, .locpop .locnote, .locpop .loctime { width: 250px }


#mapedit { width: 350px; line-height: 1.6 }
#mapedit h2 { font-size: 90%; font-weight:bold; margin:0; padding: 0 }


#mapedit input { background-color: #fffffa; width: 100% }
#mapedit textarea { height:4em; background-color: #fffffa; width: 100% }
.mapctl { cursor: pointer }
.mapctl:hover { color:blue; text-decoration:underline }

.mapchoice { position:relative; padding:2px 6px 2px 6px; background-color:#fff }
.mapchoice:hover { background-color:#eee }

.geoloc_selcont { margin-bottom:0.5em }
.geoloc_ctlcont { margin-bottom:0.5em }
.geoloc_ctlcont button { margin-right:0.5em }
.geoloc_ctlcont img { margin-right:0.3em }

.privacy_desc { margin: 0 5em 1.5em 0; font-size: 120% }

#privacy_settings { margin:0 0 0 2em; padding:0; font-size:100% }
#privacy_settings input { background-color: transparent }
#privacy_settings thead td, .pr_choice { padding-left:2em; text-align:right; vertical-align: top }
#privacy_settings thead td { padding-bottom: 1em; font-weight:bold; font-style: italic; cursor: pointer }
#privacy_settings .tr_odd { background-color:#fff0f0 }
#privacy_settings .tr_even { background-color:#fff }
#settingsmenu { line-height:2; font-size:110% }
.usersettings { cursor: pointer }
.usersettings:hover { text-decoration:underline; color:blue }
.usersettings_sel { font-weight:bold }
.welcome_new { margin:0 5em 0 2em }
.welcome_new div { font-weight:bold; font-size:140%; margin-bottom: 1.5em }
.welcome_new p { font-size:110%; padding:0; margin:1em 0 0 0 }

.link_settings { margin-left: 0.5em }
.link { margin-bottom: 1em }
.link td { vertical-align: top }
.linkhover { cursor:pointer; font-weight:bold; color:#44c }
.linkroom { cursor:pointer; color:#000; font-style:italic }
.linkhover:hover, .linkroom:hover { text-decoration:underline; color:blue }
.linkgo {  }
.linkstop {  }
.linkbuttons {  }

.linkbutton {
	background-color:#bddbfa;
	border:1px solid #84bbf3;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	padding:0px 7px;
	text-decoration:none;
}
.linkbutton:hover {
	background-color:#80b5ea;
}
.linkbutton:active {
	position:relative;
	top:1px;
	left:1px
}

.linkbutton 
{
    display:block;
    float:left;
    margin: 0.5em 0.75em 1.5em 0;
    cursor:pointer;
}

.pagelinks
{
	overflow: auto;
	width: 500px;
	height: 300px;
/*
	max-height: 300px;
	height: expression(this.scrollHeight>299?"300px":"auto");
*/
}

.linkstitle
{
/*
	position:relative;
	top: -0.6em;
*/
	font-style: italic;
	margin-bottom: 1.3em
}


.search_header
{
	margin:0 0 1em 0; font-size: 150%
}

.search_result
{
	margin-bottom:1.5em;
}

.search_image
{
	float:left; margin-right:1em;
	width:55px; height:55px;
	background-repeat:no-repeat; background-position:center
}


#drag
{
	position:absolute;
	display:none;
	z-index:1500;
	filter:alpha(Opacity=50);
	opacity:0.50;
	-moz-opacity:0.50;
	-khtml-opacity:0.50
}

.room_option { margin-bottom:1.5em }


