/*-------------------------------------------------------------------------*\
  General style
\*-------------------------------------------------------------------------*/

body, table, tr, td, form, select, input, button, li { font-family: Verdana, Arial, Sans-serif; }
body { font-size: 10pt; margin: 5px 12px; }

h1, h2, h3, h4, h5, h6 { font-family: Verdana, Arial, Sans-serif; }
h1, h2, h3, h4, h5, h6 { color:#266FB3;}

h1 { font-size: 200%; }
h2 { font-size: 160%; }
h3 { font-size: 115%; }
h4 { font-size: 105%; }
h5 { font-size: 100%; }

img { -ms-interpolation-mode: bicubic; }

/* h3 { border-top: 1px solid green; background-color: #DDFFDD; padding: 2px 4px; } */

.err { color: #CC0000; font-weight: bold; }
.warn { color: #CC0000; }
.info { color: darkgreen; }
.bold { font-weight: bold; }
.ok { color: blue; font-weight: bold; }
.todo { color: gray; font-weight: bold; font-size: 10pt; padding: 8px 8px; margin: 4px 4px; }
.undef { background-color: #CC0000; color: white; padding: 0 2px; }
.hint { color: darkgreen; }

.nowrap { white-space: nowrap; }

a { outline: expression(hideFocus = 'true'); outline: 0; }

a.nodec { text-decoration: none; }
a.nodec:hover { color: #CC0000; }

a.nodec2 { text-decoration: none; color: royalblue; }
a.nodec2:hover { color: #CC0000; text-decoration: underline; }

a.taglink { text-decoration: none; color: steelblue; }
a.taglink:hover { color: #CC0000; }

.black { color: black; }
.red { color: red; }
.blue { color: blue; }
.green { color: green; }
.darkgreen { color: darkgreen; }
.darkred { color: #CC0000; }
.royalblue { color: royalblue; }

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

.list { padding-top: 1em; }

.loading {
	color: white; background-color: #CC0000;
	padding: 3px; padding-left: .6em; padding-right: .6em;
	position: absolute; top: 0px;
	font-weight: bold;
}

.langsel { border: 1px solid gray; font-size: 9pt; width: auto; }

input, textarea {
	font-family: Arial, Sans-serif;
	font-size: 10pt;
	padding-left: 1px; padding-right: 1px;
	/* border: 1px solid gray; */
}

#user-bar { font-size: 90%; }
#user-bar a { text-decoration: none; color: blue; }
#user-bar a:hover { text-decoration: none; color: #CC0000; }

#login td, #create td, #config_profile td, #config_passwd td {
	white-space: nowrap; vertical-align: middle;
}
#login td { background: #FFFFFF; }

#footer {
	clear: both;
	margin-top: 10px;
	padding: 2px 8px;
	text-align: center;
	font-size: 80%;
	background: #DDFFDD;
}
#footer a { color: black; }
#footer a:hover { color: blue; }

.track_list th, .friend_list th, .fav_list th {
	border-bottom: 1px solid gray;
	padding: 2px 3px;
}
.track_list td, .friend_list td, .fav_list td {
	border-bottom: 1px solid #DDDDDD;
	padding: 2px 3px;
}

.fav_list th { border-bottom: 1px solid #BBBBBB; color: #555555; }

span.username { color: royalblue; }

a.profile { text-decoration: none; color: blue; }
a.profile:hover { color: red; }

#comment_view input, #comment_view textarea { padding-left: 2px; padding-right: 2px; }
#comment_view textarea { padding: 4px; }

.comment_index {
	font-size: 160%;
	font-weight: bold;
	padding-right: .5em;
	color: #88AA88;
	vertical-align: top;
	text-align: right;
}
.comment_time { font-size: 8pt; color: #777777; }
.comment_body { padding: 8px 4px; }
.comment_op { text-align: right; }
.comment_optional { color: darkgreen; }

#taglist { margin-top: 2px; }
#taglist a { text-decoration: underline; color: blue; }
#taglist a:hover { color: white; background-color: blue; }
/* .tag { background-color: #DDDDDD; } */

#map { height: 400px; /* border: 1px solid gray; */ }

.nav { /*padding: .5em 0;*/ font-size: 100%; }
.nav_label { font-weight: bold; }
.nav_curr { font-weight: bold; color: white; background: royalblue; padding: 1px 2px; }
.nav_link { color: royalblue; }
.nav_link:hover { color: red; }

div.tab, div.tab_active {
	display: inline;
	margin: 0 2px;
	border: 1px solid #AAAAFF;
	background: #DDDDFF;
	font-weight: bold;
	padding: 2px 6px 3px 6px;
}
div.tab_active { background: white; border-bottom: 1px solid white; }
div.tab a, div.tab_active a { 
	text-decoration: none; color: blue;
	outline: expression(hideFocus = 'true'); outline: 0;
}
div.tab a:hover, div.tab_active a:hover { color: red; }

.info_subj 		{ color: ##F26422; font-family: Verdana; font-size: 8pt;  /*font-weight: bold;*/ }
.info_subj a		{ text-decoration: none; }
.info_subj a:link	{ color: #F26422; }
.info_subj a:visited	{ color: #F26422; }
.info_subj a:hover	{ color: #FF0000; }
.info_subj a:active	{ color: #F26422; }
.info_subj a:focus	{ color: #F26422; }

.info_user 		{ color: #1D70BE; font-family: Verdana; font-size: 8pt; text-decoration: none; /*font-weight: bold;*/ }
.info_user a		{ text-decoration: none; }
.info_user a:link	{ color: #1D70BE; }
.info_user a:visited	{ color: #1D70BE; }
.info_user a:hover	{ color: #1F88CC; }
.info_user a:focus	{ color: #1D70BE; }

.info_desc 		{ color: #616161; font-family: Verdana; font-size: 8pt; text-decoration: none; /*letter-spacing: 1pt;*/ line-height: 13pt; }
.info_desc a		{ text-decoration: none; }
.info_desc a:link	{ color: #616161; }
.info_desc a:visited	{ color: #616161; }
.info_desc a:hover	{ color: #AAAAAA; }
.info_desc a:active	{ color: #616161; }
.info_desc a:focus	{ color: #616161; }

.desc_container{line-height: 12pt;}

.user_sidebar { overflow-x: hidden;}

.user_sidebar h3 {
	background-color: #EEEEEE;
	border-top: 1px solid gray;
	margin-bottom: 0px; margin-top: 2em;
	padding: 2px 4px;
}

.user_desc { color: #555555; font-size: 90%; padding: .5em; }

.preview_subj { margin-bottom: 4px; }
.preview_subj a { color: steelblue; }
.preview_subj a:hover { color: orange; }
.preview_body { color: #333333; }
.preview_info { margin-bottom: 4px; font-size: 80%; color: gray; 
	/* background-color: #EEEEEE; */ padding: 4px; }

.preview_link, .preview_link_active { font-size: 80%; }
.preview_link { text-decoration: none; cursor: normal; color: #333333; font-weight: bold; }
.preview_link_active { text-decoration: none; cursor: pointer; color: blue; }

.edit { font-size: 8pt; font-weight: normal; white-space: nowrap; }

a.pic { color: blue; text-decoration: none; }
a.pic:visited { color: blue; }

.hardbreak { word-break: break-all; }

.notetext { color: gray; }

.sub_tz { font-size: 80%; }
.sub_uid { font-size: 80%; font-weight: normal; }

#search input { font-size: 9pt; border: 1px solid gray; }

#tagtitle { border: 1px solid #CC1100; background-color: #FFEEEE; margin-top: .5em; margin-bottom: .5em; }

/*-------------------------------------------------------------------------*\
\*-------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------*\
  Tables
\*-------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------*\
  Scaffold show
\*-------------------------------------------------------------------------*/

div.related { clear: both; display: block; }
dl { line-height: 2em; margin: 0em 1em; float: left; width: 400px; }
dt { font-weight: bold; vertical-align: top; }
dd { margin-left: 10em; margin-top: -2em; vertical-align: top; }

/*-------------------------------------------------------------------------*\
  Notices and errors
\*-------------------------------------------------------------------------*/

#flashMessage, .error, .error_message {
	color: #900;
	font-size: 16px;
	background-color: #fff;
	margin: 8px 0px;
	font-weight: bold;
}

.error_message { clear: both; }
.error em { font-size: 18px; color: #003d4c; }

.notice {
	color: #656565;
	font-size: 14px;
	background-color: #f4f4f4;
	padding: 0.5em;
	margin: 1em 0;
	display: block;
}

.tip { color: #656565; background-color: #ddd; }