/* (c)2003-2008 activeweave, inc. - http://www.activeweave.com */

*
  {
  padding:      0;
  margin:       0;
  }

body
  {
  margin:       0;
  background:   #ffffff;
  color:        #666;
  width:        100%;
  text-align:   left;
  font-size:    12px;
  font-family:  Arial,Verdana, Helvetica, sans-serif;
  }

#browser
  {
  background:   #cccccc;
  text-align:   center;
  }

#shadow
  {
  display:    none;
  visibility: hidden;
  position:   absolute;
  top:        0;
  left:       0;
  width:      100%;
  height:     100%;
  opacity:    0.5;
  filter:     alpha(opacity=50);
  background-color: #000000;
  z-index:    10000;
  }

#popup
  {
  position:   fixed !important;
  position:   absolute;
  top:        100px;
  left:       0;
  margin:     auto;
  width:      500px;
  display:    none;
  visibility: hidden;
  z-index:    10010;
  }

img
  {
  border: none;
  }

.tan
  {
  padding: 15px;
  background-color: #e1e2bc;
  }

a
  {
  text-decoration:none;
  color: #696969;
  cursor:pointer;
  }

a:hover
  {
  text-decoration: underline;
  color:#696969;
  }

a:hover .cropped,a:hover .heading
  {
  text-decoration: underline;
  }

.add_txt, #search_txt, .input_txt, .search_adv
  {
  color:          #666;
  font-family:    'Trebuchet MS', Verdana, sans-serif;
  font-size:      10pt;
  font-weight:    bold;
  }

.thumb_wrap, .thumb_wrap_small, .thumb_wrap_square, .picture
  {
  border:     solid 1px #bbbbbb;
  float:      left;
  margin:     0px 10px 0px 0px;
  overflow:   hidden;
  }

.thumb_hover, /* @see Activeweave#initThumbnails in activeweave.core.js*/
a:hover .thumb_wrap, a:hover .thumb_wrap_small, a:hover .thumb_wrap_square, a:hover .picture
  {
  border-color: #93d24f;
  }

.inreply
  {
  font-size: 10px;
  clear: both;
  }

.thumb_wrap_small
  {
  width:79px;
  height:58px;
  }

.thumb_wrap_square
  {
  width: 85px;
  height:85px;
  }

.picture
  {
  width:  48px;
  height: 48px;
  }

.cropped  { display: block; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; }
.time     { color:  gray; font-weight:bold; }
#channelNotes .time { color: #79be41; }
.about    { padding: 0px 10px 0px 10px; border-right: 1px dotted #999999; }

/*
 Rounded corner styles
*/
.outer_round {
	background: #e1e2bc url(/skin/img/outer_round.png ) no-repeat top left;
}
.outer_round .bl {
	clear: both;
	height: 8px;
	background: #e1e2bc url(/skin/img/outer_round_bl.png ) no-repeat bottom left;
}
.inner_round {
	display: inline-block;
	margin: 7px 7px 0 7px;
	padding: 7px 7px 0 7px;
	background: #FFF url(/skin/img/inner_round.png ) no-repeat top left;
}
.inner_round .bl {
	clear: both;
	height: 8px;
	margin-left: -7px;
	background: #FFF url(/skin/img/inner_round_bl.png ) no-repeat bottom left;
}

/* tag cloud */
#tagCloud { visibility: hidden; }
#tc { clear: both; padding: 0px 5px 0px 4px; text-align: justify; }
#tc .label { font-size: 16px; color: #48483c; text-align: left; }
#tc a {
	color: 		#FFF;
	font-weight: 	normal;
}

.tags a {
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-weight: bold;
	color: #79be41;
}
.tags a:hover,#tc a:hover, .tags a.highlighted
  {
  text-decoration: none; color: #FF9900 !important;
  }

.tags .c1 { font-size: 100%; }
.tags .c2 { font-size: 133%; }
.tags .c3 { font-size: 166%; }
.tags .c4 { font-size: 200%; }

#page_header { clear: both;width: 100%; height: 126px; margin-bottom: 10px; background: transparent url(/skin/img/header_bg.png ) no-repeat; }
#page_header .inner { float: left; padding: 10px 20px; width: 704px;  }
#page_header .inner p { clear: left; color: #FFF;  font-family: 'Trebuchet MS',Verdana, sans-serif; font-size: 14px; padding: 0 10px 5px 0;}
#page_header .inner .profile p { color: #333; }
#page_header .inner div.creator { clear: none; color: #fff; font-family: 'Trebuchet MS',Verdana, sans-serif; padding: 0 10px 5px 0;height: 1em; font-size: 14px; margin-left: 2px; overflow: hidden; width: 600px;white-space: nowrap; text-overflow: ellipsis;}
#page_header .inner a { color:#fff; padding-right:5px; font-weight:normal }
#page_header .inner h1 a { font-size: 24px; font-weight: bold; letter-spacing: -1px; color: #48483c; }
#page_header .inner h1 a:hover { color: #ffffff; text-decoration: none;}

#page_header .inner .iconwrap
  {
  width: 60px;
  float: left;
  font-size: 7pt;
  }
#page_header .inner .icon
  {
  margin-bottom:  1px;
  width:          48px;
  height:         48px;
  border:         1px solid gray;
  overflow:       hidden;
  background:     #ffffff;
  }

.rssSmall
  {
  width:      12px;
  height:     12px;
  padding:    0px;
  }

.rss
  {
  background: transparent url(/skin/img/rss.png ) no-repeat right top;
  padding: 0px 20px 0px 0px;
  }

#page_header #options
  {
	float: right;
	margin-top: 7px;
	background: transparent url(../img/options_bg.png ) no-repeat;
  width: 230px;
	height: 97px;
	color: #000;
	list-style-type: none;
	font-weight: 900;
	font-family: 'Trebuchet MS', Verdana, Sans-serif;
	font-size:  14px;
  }

#page_header #options p {
	margin:0px;
	padding:0px;
	margin-left: -18px;
	margin-top: -2px;
}

#page_header #options .title {
	margin: 5px 4px 0 10px;
	font-weight: bold;
}

#page_header #options ul {
	margin: 5px 0 0 27px;
	padding: 0;
	list-style-type: none;
}

#page_header #options button
  {
  width: 183px;
  height: 25px;
  padding: 0px 0 4px 36px;
  border:none;
  text-align:left;
  display: block;
	font-weight: bold;
	color: #333;
	background: transparent url(/skin/img/subset_btn.png) no-repeat;
  }

#page_header #options button.active,
#page_header #options button.active:hover {
	color: #000;
	background: transparent url(/skin/img/subset_on_btn.png ) no-repeat;
}
#page_header #options button.inactive  {
	color: #333;
	background: transparent url(/skin/img/subset_btn.png ) no-repeat;
}
#page_header #options button:hover {
	text-decoration: none;
	cursor: pointer;
  background: transparent url(/skin/img/subset_on_btn_hover.png ) no-repeat;
}

/* for channel favicons in note entries */
.entry .title {
	margin: 0;
	padding: 5px;
	font-weight: bold;
	background: transparent url(/skin/img/title_bar_drop.png ) no-repeat;
	color: #333;
}

.entry .title img {
	float: left;
	margin: -2px 6px 6px -2px;
}

/* this doesn't work on ie */
#page_header #options a.active[bcolor="green"] {
	background: url('../img/subset_on_btn_green.png') no-repeat;
}
#page_header #options a.active[bcolor="orange"] {
	background: url('../img/subset_on_btn_orange.png') no-repeat;
}

h1 { margin: 0; padding: 0; font-size: 24px; letter-spacing: -1px; color: #48483c; }
h2 { clear: both; background: #d1fba3;  height: 22px; color: #333; font-size: 12px; margin: 5px 0 0 0; padding: 7px 0 0 10px; }
h2 img { float: left; margin-right: 5px; }
h2 .label { float: left; }
h2 .label_right { float: right; }
h2 .sorting { float: right; font-size: 11px;}
h2 a { color: #666; font-weight:100; margin: 0 8px; padding-right: 13px; }
h2 a:hover { color: #000; text-decoration: none; background: url(/skin/img/arrow_dd.png ) no-repeat center right; }
h2 a.on { color: #000; background: url(/skin/img/arrow_dd.png ) no-repeat center right; }
h3 { margin: 0; padding: 0; font-size: 16px; }

.pagination { display:block; float: right; margin-right: 7px; font-size: 9pt;}
.pagination a, .pagination .on { float:left; margin:1px 1px; width:20px; line-height:20px; text-align:center;}
.pagination a:hover { text-decoration: none; background: transparent url(/skin/img/paging_a_hover_bg.png ) no-repeat center center;}
.pagination .on { color: #FFF; background: transparent url(/skin/img/paging_a_bg.png ) no-repeat center center;}
.pagination a.more:hover { background: none; text-decoration: underline; }
.clear { clear: both; font-size: 1px; line-height: 0px; }

/* Layout */

#wrapper            { margin: 0px; width: 997px; text-align: left; background: #FFF; }
#browser #wrapper   { margin: 0 auto; }
#container          { margin: 0px 8px; height: 100%; }
#logo               { float: left; margin-left: 15px;}
#mid_contain        {	clear: both; }
#cols               { clear: both; margin-top: 8px;}
#home_right_col     { float: left; margin-left: 5px; width: 190px; }
.content,#content   { clear: left; float: left; width: 735px; margin-bottom: 7px;}
.content .container { float: left}
#left_col           { width: 235px; float: left; }
#center_col         { float: right; width: 495px; }

#center_col .outer_round .bl {
	background: #e1e2bc url(/skin/img/outer_round_bl.png ) no-repeat bottom left;
}
#center_col .inner_round {
	clear: right;
	padding: 10px 3px 0 3px;
	background: #FFF url(/skin/img/note_inner_round.png ) no-repeat top left;
}
#center_col .inner_round .bl {
	margin-left: -3px;
	background: #FFF url(/skin/img/inner_round_bl.png ) no-repeat bottom left;
}
#center_col .inner_round .post_info {
	padding: 0 8px 5px 8px;
	background: #cbfa99;
}
#center_col .inner_round .title {
	padding: 5px 8px;
	font-weight: bold;
	color: #333;
}
#center_col .inner_round .body {
	padding: 0 8px;
	color: #666;
}
#center_col .controls a {
	margin: 0 8px;
}
#sidebar { clear: right; float: right; width: 235px; padding-bottom: 8px; }
#footer { clear: both;  text-align: center;  }
#footer-about {border-top: 1px dotted #999; padding: 10px;height: 20px;margin-top: 10px;}

/* Top Navigation */
#masthead
  {
  position:   relative;
  height:     85px;
  }
#top_links
  {
  float: right; margin: 8px 0 0 0;
  }
#top_links a
  {
  margin:       0px 10px 0px 5px;
  font-weight:  bold;
  color:        #79be41;
  }
#top_links a:hover
  {
  text-decoration: underline;
  }

#top_links a#greetingsPicture img
  {
  padding: 0px;
  border: 1px solid #bbbbbb;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  }

#topLinksWrapper
  {
  float: left;
  padding-top: 4px;
  }

#nav
  {
  background:       transparent url(/skin/img/nav_bg_c.png) repeat-x;
  float:            right;
  width:            628px;
  clear:            right;
  margin:           6px 0px 0px 0px;
  padding:          0px;
  }
#nav .navLeft
  {
  float:            left;
  position:         relative;
  display:          inline-block;
  padding:          0px;
  margin:           0px;
  width:            3px;
  height:           40px;
  background:       transparent url(/skin/img/nav_bg_l.png ) no-repeat top left;
  }
#nav ul
  {
  list-style-type:  none;
  margin:           0px;
  padding:          0px 1px;
  height:           40px;
  background:       transparent url(/skin/img/nav_bg_tr.png ) no-repeat top right;
  }
#nav ul li
  {
  float:            left;
  text-align:       center;
  margin-top:       3px;
  }
#nav ul li a
  {
  padding:          8px 8px 11px 8px;
  width:            108px;
  display:          block;
  color:            #4f5042;
  text-decoration:  none;
  }
#nav ul li a.active, #nav li a:hover
  {
  background:       transparent url(/skin/img/nav_active_bg.png ) no-repeat top center;
  }
#nav ul li a.active, #nav ul li a:hover
  {
  cursor: pointer;
  }

.content p, #content p { line-height: 150%; }

#wl { float: right; width: 235px; background: #93d24f url(/skin/img/right_dl_bottom.png ) no-repeat bottom; padding-bottom: 7px; }
#wl #add_box { background: #acae9b; padding: 8px; height: 90px;}
#wl form { margin: 0; padding: 5px 0 0 3px; height: 40px; background: #f7f7f7; }
#wl form .text { margin: 0; padding: 0; }
#wl form .add_input,#add-blog .search_input { float: left; background: transparent url(/skin/img/add_input.png ) no-repeat; height: 32px; padding: 6px; }
#wl form .add_txt { border: 0; width: 152px; color: #666; }
#wl form .add_btn,#add-blog .add_btn,#accessHits .add_btn {  cursor: pointer; padding: 0; margin: -2px 0 0 -4px; border: 0; float: left; background: transparent; height: 32px; width: 54px; }

form.search_channel .input_container { float: left; background: transparent url(/skin/img/channel_search_sm_input.png ) no-repeat; height: 32px; padding: 6px; }
form.search_channel .input_txt { border: 0; width: 150px; color: #666; }

#wl #items { height:95%; margin: 8px; padding-bottom: 10px; background: #f7f7f7 url(/skin/img/white_corner_bl.png ) no-repeat bottom left; }
#wl #items h3 { padding: 10px; margin: 0; color: #4b4c3f; background: #FFF url(/skin/img/watchlist_list_top.png ) no-repeat top}
#wl #items .cat { clear: both; padding: 5px 8px; font-weight: bold; font-size: 14px; margin: 3px 2px; background: #f7f7f7 url(/skin/img/list_divider.png ) no-repeat top left; }
#wl #items .cat a { color: #333; }
#wl #items .subcat { font-style: italic;padding-right: 52px; font-size: 90%; text-align: right;}
#wl #items ul { text-align: left; padding: 0; margin: 0 2px; background: #f7f7f7; list-style: none; margin-bottom: 20px;}
#wl #items ul li { margin: 0; padding: 0; clear: both;}

* html #wl #items ul li a { height: 16px; }
#wl #items ul li .subs { background: #f7f7f7;width: 175px;float: left; padding: 3px 10px 4px 10px;}
#wl #items ul li a.subs:hover { text-decoration: none;}
#wl #items ul li a.subsToggler { float: right; padding: 3px 2px 4px 2px; background: #f7f7f7; width: 16px;}


#wl #items ul a.subs:hover,#wl #items ul a.subsToggler:hover { background: #93d24f; }
.croppedItem { overflow: hidden; white-space: nowrap; width: 170px; }
.channelIcon { width:16px; height:16px; border: 1px solid #888888; margin: 0px 2px -3px 0px; }
.subsTogglerActive
  {
  font-weight: bold;
  }
.subsTogglerInactive
  {
  font-weight: normal;
  }
.subsTogglerActive:hover, .subsTogglerInactive:hover
  {
  text-decoration: none;
  color: #ff0000;
  }
.subsTypeHeader
  {
  padding: 2px 2px 2px 2px;
  margin:  10px 2px 0px 10px;
  border-bottom: 1px dotted #93d24f;
  font-weight: bold;
  font-size: 8pt;
  color: #000;
  width: 200px;
  }
.subsTypeLabel
  {
  float: left;
  width: 60px;
  }
.subsTypeAll
  {
  font-weight: normal;
  font-style: italic;
  float: right;
  width: 120px;
  text-align: right;
  }
#watchlist { width: 100%; }
#watchlist .set { margin-bottom: 30px; }
#watchlist .entry { color: #000; width: 99%; float: left; padding: 3px 2px; background: #FFF; border-top: 1px dotted #bbbbbb; border-bottom: none;}
.email #watchlist .entry { width: 580px;}
#watchlist .entry .title { background: none;  margin-left: 85px;}
#watchlist .entry .title .cropped { width: 560px; }
.email #watchlist .entry .cropped { width: 460px; }
#watchlist .entry .title img { border: 1px solid #dddddd; }
#watchlist .entry .text { margin: 2px; margin-left: 85px;}
#watchlist .entry .desc { color: #666; }
#watchlist .entry .info { padding-left: 5px}
#watchlist .entry .message { margin-left: 90px; color: #79be41; padding: 3px 2px 0px 2px; }
#watchlist .entry .message a { padding: 1px; float: left; color: #79be41; }
#watchlist .entry .message a:hover { color: #FF9900; text-decoration: none;}
#watchlist .entry .message a img { vertical-align: top; }

.show_icon { float: left; margin-right: 3px; z-index: 10; }

.inline_note    { display: none; position: absolute; margin-top: -30px; margin-left: -20px; width: 615px; border: none; z-index: 100;}
#latest_notes   { float: left; padding-left: 11px; background: transparent url(/skin/img/mid_bg_left.png ) no-repeat; height: 258px; width: 615px; }
#channelSponsor { width: 330px; float: right; margin-right: 50px; padding: 20px 0px 20px 0px;}

#channelNotes { width: 240px; margin: auto; padding-top: 25px;}
#channelNotes .channelHeader { font-size: 12pt; font-weight: bold; padding: 2px; margin: auto; text-align: right;}
#channelNotes .channelHeader a {color: #79be41; }
.inline_note  .title {  padding: 4px 14px 3px 5px; margin-bottom: 2px; }
#latest_notes .entry,.inline_note .entry, #channelNotes .entry
{ width: 187px; height: 185px; overflow: hidden; color: #000; float: left; margin: 2px 3px 3px 3px; padding: 1px 3px; border: 1px solid #666; background: #FFF; display: inline;}
#channelNotes .entry { height: 135px; border: 1px solid #bbbbbb; float: right; margin: 15px 3px 3px 3px;}
#latest_notes .hover, #channelNotes .hover,
#latest_notes .entry:hover,
.inline_note .hover, #channelNotes .entry:hover { border: 4px solid  #93d24f; margin: -1px 0px 0px 0px; color: #000; }
#channelNotes .entry:hover, #channelNotes .hover
  {
  margin: 12px 0px 0px 0px;
  }
#latest_notes .entry img,.inline_note .entry img, #channelNotes .entry img { border: none; }
.inline_note .entry .title img { float: left; margin-right: 4px; }
.inline_note .entry .heading { margin: 0; padding: 3px 3px 2px 3px; line-height: 13px; font-weight: bold; }
.inline_note .entry .subtext { color: #666; line-height: 12px; font-size: 11px; margin: 0; padding: 0 3px; }

#latest_notes { position:relative; overflow: hidden; }
#latest_notes h1,.email h1  { margin: 10px 0px 0px 5px; padding: 0; font-size: 20px; color: #48483c; }
#latest_notes .container    { height:195px; width: 603px; overflow:hidden; }
#latest_notes .container ul { height:195px; width: 4000px; }
#latest_notes .entry .thumb_wrap,.inline_note .entry .thumb_wrap,#channelNotes .entry .thumb_wrap,
.note_entry .thumb_wrap, .note_entry_wide .thumb_wrap,.splash .thumb_wrap { width:185px;height:84px;overflow:hidden;}
.thumb_wrap .photo-about { width: 200px; }
#latest_notes .entry .title img { float: left; margin-right: 4px; }
#latest_notes .entry .heading,#channelNotes .entry .heading { color: #333;  margin: 0; padding: 3px 3px 2px 3px; line-height: 13px; font-weight: bold; }
#latest_notes .entry .subtext,#channelNotes .entry .subtext { color: #666; line-height: 12px; font-size: 11px; margin: 0; padding: 0 3px; }
#channelNotes .entry .subtext { color: #79be41; }
#latest_notes .controls { float: right; width: 115px; margin-top: 1px; padding-right: 5px;}
#latest_notes .controls a { float: left; margin-left: 9px; width: 43px; height: 22px; background-repeat: no-repeat;}
#latest_notes .controls a.left        { background: url(/skin/img/arrow_left.png) }
#latest_notes .controls a.left:hover  { background: url(/skin/img/arrow_left_on.png) }
#latest_notes .controls a.left_dim    { background: url(/skin/img/arrow_left_dim.png);  cursor:default; }
#latest_notes .controls a.right       { background: url(/skin/img/arrow_right.png) }
#latest_notes .controls a.right:hover { background: url(/skin/img/arrow_right_on.png) }
#latest_notes .controls a.right_dim   { background: url(/skin/img/arrow_right_dim.png); cursor:default; }
#latest_notes .controls a * {display:none}
#latest_notes .entry .title .cropped,#channelNotes .entry .title .cropped {width: 155px;}

#searchUser .search_input, #accessHits .search_input
{ float: left; background: transparent url(/skin/img/search_input.png ) no-repeat; height: 30px; padding: 6px; }
#searchUser .search_input, #accessHits .search_input
{
background: transparent url(/skin/img/search_input_wide.png ) no-repeat;
}

#searchUser #search_txt
{ border: 0; width: 248px; color: #666; }
#accessHits #search_txt
{ border: 0; width: 260px; color: #666; }
#add-blog #search_txt { border: 0; width: 152px; color: #666; }
.innerround .cl { margin: 5px 6px 0 5px; padding: 8px; font-size: 18px; font-weight: 100; color: #333;}

.subscribeProgress,.subscribeProgressSubs
  {
  padding-bottom: 9px;
  font-size: 7pt;
  text-align: right;
  display: none;
  visibility: hidden;
  }
.subscribeProgress
  {
  float: right;
  clear:both;
  }

.section_head {padding:4px 0 4px 15px;background-color:#abd5ff;font-size:18px;margin-top:15px}
.section_head .pages {}
.section_head .notes {}

.result { clear: both; padding:5px 0px 10px 15px; border-top: 1px dotted #bbbbbb;}
.result p {  }
.result_title {font-weight:bold; }
.date {color:#666; font-weight: 100; }
.result em {font-style: normal; color:#79be41}
.result .byline a { color:#222;font-weight:bold;text-decoration:none; }
.results_total { color:#555; float: left; font-size:14px;  margin: 9px; }
.results_count { padding: 10px 0 15px 15px; float: right; font-weight:bold; font-size:14px; }
.result .icon { float: left;}
.result .thumb_wrap_small { margin-bottom: 5px; }
.result .details { margin-left: 90px; }

#channels { width:98%; margin-bottom: 5px; }

#channels .item { width: 325px; float: left; clear: none; height: 90px; border-bottom: 1px solid #ededed; padding: 8px 0px 8px 16px; }
* html #channels .item { height: 65px; }
#channels .item .channel_icon { float: left; border: 1px solid #CCC; padding: 3px; margin-right: 5px;  }
#channels .item .item_info { margin-left: 100px;}
#channels .item .item_info .actions { margin-left: 100px; float:left; text-align: left;}
#channels .item .profile { font-size: 7pt; color: #444444; padding-top: 12px;}
#page_header .profile { position: absolute; }
#channels .item .profile a, #page_header .profile a, #editorBody a {   color:        #79be41; padding: 0px;}
#channels .item .profile .inline_note, .inner .profile .inline_note { width: 450px; }
#channels .item .profile .inline_note { margin-top: -100px; margin-left: -300px; }
#channels .inline_note { margin-left: -90px; }
#channels .item .actions a { font-size: 8pt; }
#channels .item .actions a img { margin-right: 1px; vertical-align: middle;}
#channels .item  a:hover { color:#79be41; text-decoration: none;}
#channels .item .title { font-weight: bold;width: 220px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#channels .item .name { font-weight: 100; color: #999; margin-left: 7px; }
#channels .item .desc { font-size: 7pt;width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#channels .item .forward { background: transparent url(/client/images/icon.forward.png ) no-repeat top right; padding-right: 18px; margin-right: 3px; padding-bottom: 3px;}
#channels .item .unsubscribe { background: transparent url(/skin/img/channel-unsubscribe-icon.png ) no-repeat top left; padding-left: 18px; margin-right: 3px;padding-bottom: 3px; }
#channels .item .subscribe { background: transparent url(/skin/img/channel-subscribe-icon.png ) no-repeat top left; padding-left: 18px; margin-right: 3px;padding-bottom: 3px; }

#search_results { }
#note_search_results { }
#note_search_results .search_input_adv { background: transparent url(/skin/img/adv_search_box.png ) no-repeat; height: 26px; padding:6px; }
#note_search_results .search_input { float: left; background: transparent url(/skin/img/search_input_wide.png ) no-repeat; height: 26px; padding: 6px; }
#note_search_results form { margin: 0; padding: 0; }
#note_search_results form #search_txt { border: 0; width: 370px; color: #666; }
#note_search_results form .search_adv { border: 0; width: 305px; color: #666; }

a.search_order_btn { color:#222;  text-decoration:none; display: block; background: transparent url(/skin/img/search_order_off_btn.png ) no-repeat;height:16px;padding:5px 3px 3px 12px;margin:0}
a.search_order_btn:hover, a.more_options_link:hover { color: #FFF; text-decoration: none; }
a.active { color:#222; background: transparent url(/skin/img/search_order_on_btn.png ) no-repeat; font-weight:bold; }
#date_dd { width: 140px; margin-right: 96px; padding-top: 0; display: none; margin-top: -27px; position: relative; list-style-type:none; }

.settings_form {margin-left:22px;}
.settings_form h3 {font-size:18px;margin-bottom:10px}
.form_row {font-size:13px;clear:both;height:40px;width:692px;margin-bottom:12px;border-top:1px solid #DFFBC1 }
.form_row .row_label {background-color: #DFFBC1;padding:7px 2px 7px 6px;float:left;width:160px;text-align:left;font-size:13px;font-weight:bold;color:#444}
.form_row .field-input {width:520px;float:right}
.form_row .field-input p {float:right;width:200px;padding:4px;font-size:11px;color:#777;}
.form_row .txt{width:300px;padding:3px;margin-top:3px;text-align:left;font-size:13px;float:left}
.form_row p {padding-top:2px}
.form_row .file-input {width:310px;padding:4px;margin-top:3px;text-align:left;font-size:13px;float:left}
.form_row .choices {font-size:13px;float:left;width:300px;padding:5px}
.form_row .choices label {background-color:transparent;padding-right:15px;}
.form_row .select {font-size:13px;width:310px;float:left;margin-top:3px}
.form_row .photo {height:50px;text-align:right;width:168px}
.form_row .tall {height:75px}
.form_row .multibox {height:75px;font-size:13px;width:310px;float:left;margin-top:3px}
.form_row textarea {width:300px;padding:3px;margin-top:3px;text-align:left;font-size:13px;float:left;margin-bottom:10px}
.form_row .submit_btn {margin-left:170px}

form.subscribe .btn {}
form #search_btn,form #search_adv_btn
  {
	cursor:       pointer;
	padding:      0px;
	margin-top:   -1px;
	margin-left:  -4px;
	border:       0px;
	float:        left;
	background:   transparent;
	height:       31px;
	width:        67px;
  }

.highlight /* for search result */
  {
  font-weight: bold;
  color: #990000;
  }

#notespage #sidebar h3 {
	margin-top: 6px;
}
#notespage .tags {
	font-family: 	'Trebuchet MS',Verdana,Arial, sans-serif;
}

#notespage .monthCount {
	padding: 0px 10px 0 10px;
}
#notespage .noteCount {
	text-align: 	right;
	font-style: 	italic;
	font-size:  	80%;
	text-decoration: none;
	left: 		100px;
}

/* FAQ pages */
#faq {
  padding-left: 10px;
  padding-right: 10px;
}
#faq .faqtoggle {
  font-size:      70%;
  font-style:     italic;
  color:          #79be41;
  float:          right;
  padding-top:    .2em;
  padding-right:   2em;
}
/* overrides */
#faq h1, #faq h2, #faq dl {
  height:         auto;
  padding-left:   0px;
  background-color: white;
  color:          #666;
}
#faq h2 a:hover{
  background: none;
}
#faq h1 {
  font-size:        18px;
  padding-bottom:   5px;
  padding-left:     40px;
}
#faq p {
  margin-bottom:  1.1em;
}
/* category section as a whole */
#faq .categories {
  border-top-width:     2px;
  border-top-style:     solid;
  border-top-color:     #79be41;
  /*border-bottom-width:  2px;
  border-bottom-style:  solid;
  border-bottom-color:  #79be41;  */
  padding-left:         65px; /* 40 of h1, +40 inset */
  padding-bottom:       15px;
}
/* category entries */
#faq .cat_hdr {
  /* color: #79be41;    /* green */
  font-size:            14px;
  border-bottom-width:  1px;
  border-bottom-style:  solid;
  border-bottom-color:  #cee7ba;
}
#faq li {
  margin-left: 2em;
}
#faq ul {
  list-style-position: outside;
}
#faq a {
  color:              #79be41;
}
#faq .cat_entries, #faq .cat_hdr {
  padding-left:         15px;
  margin-right:         80px;
}
/* question */
#faq .question {
  line-height:          1.5em;
  padding-left:         12px;
}
/* answer container */
#faq .answer_closed {
  display:              none;
}
#faq .answer_open {
  display:            inline-block;
}
/* inside the answer */
#faq .answer_closed, #faq .answer_open {
  /* around the box */
  margin-top:     0.1em;
  margin-left:    12px;

  /* inside the box */
  padding-left:     15px;
  padding-top:      10px;
  padding-bottom:   10px;
  padding-right:    5px;

  border:           solid 1px #cee7ba;
  color:            black;
  background-color: #f3fbec;
}
/* container for images */
#faq .faqpix {
  float:            right;
  margin-left:      20px;
}
#faq dd img {
  border:           solid 1px #cee7ba;
  margin-bottom:   4px;
}
#faq dd img .nofloat {
  float:            none;
  border:           none;
  margin-bottom:    auto;
}
/* DOWNLOAD page */
#download {
	width: 670px;
	padding: 10px 0px 10px 60px;
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 120%;
}
#download h3, #why_download h3 {
  color: #ff9900;    /* orange */
	font-size: 120%
}
#download .instructions li {
	font-size: 85%;
	padding-top: 0px;
	padding-bottom: 0px;
}

#download ol {
	list-style-position: inside;
}

#download ul {
	list-style: none;
}
#why_download li, #download li {
	padding-top: 8px;
	padding-left: 60px;
}

#download h4
  {
  color: #ff9900;    /* orange */
  font-size: 12px;
  }
/*
 * Help Pages -- also generalization to ds style for other pages, not tested thoroughly
 * 	ds style: ds_inner_round, ds_inner_round_body
 *			green_round, green_round_body, bottom
 *			green_round, green_round_body, bottom
 *		  bottom
 *	superceded by helppg.
 */

#help_page #page_header {  }
#help_page #page_header H1 {color: #cde; }
#help_page #page_header P { font-size: 1.2em; }
#help_page #page_header { overflow: hidden; }
#help_page #page_header img { display: block; margin-right: auto; margin-top: 5px; margin-left: 5px; }

#helppg #page_header { overflow: hidden; }
#helppg #page_header #options.checkbox  { display: block; text-align: center; margin-top: 5px; margin-left: 5px;
}
#helppg #page_header img { margin-top: 5px; }
#helppg table img { float: right; padding: 2px 4px 2px 4px; }
#helppg table img.inl  {float: none; padding: 0px; border: none; margin: 0px; display: inline;}

#helppg .help_section h1 {
	font-size: 20px;
}

#helppg .innerround p {
	padding: 	3px 10px 3px 10px;
  line-height: 22px;
}

/* wl items for the index, exdent the first line so overflow is indented, make up for it in the ul */
#helppg #wl #items ul {

  padding-left: 25px;
}
#helppg #wl #items li {
	text-indent: -15px;
}

#helppg #wl #items ul li a {
	background: #f7f7f7 194px;
}

#helppg #wl #items ul a:hover {
	background: #93d24f 194px;
}


.help_tooltip {}
.help_inner_round, .ds_inner_round {
	display: inline-block;
	margin: 7px 7px 0 7px;
	padding: 7px 7px 0 7px;
	background: white url(/skin/img/inner_round_top_drop.png ) no-repeat top left;
}
.help_inner_drop, .ds_inner_round_body {
	/*margin: 7px 7px 0 7px;*/
	display: inline-block;
	margin-right: -7px;
	padding-right: 7px;
	background: url(/skin/img/inner_round_center_drop.png ) repeat-y right;
}
#help_page .help_inner_round>.bl {
	clear: both;
	margin-left:-7px;
	margin-right: -7px;
	background: url(/skin/img/inner_round_bottom_drop.png ) no-repeat left;
}
/*
 * make images with links stand out, but without moving around.
 */
#helppg {
  font-family: 'Trebuchet MS', sans-serif;
}

#helppg .green {
  color: #79be41;
  font-weight: bold;
}

#help_page a img {
  border: solid white;
}

#help_page a:hover img {
  border: solid orange;
}

#help_page a, #help_page a:link, #help_page a:visited {
  color: #666;
}

#help_page a.help_about:hover .help_section h1 {
  color: green;
  text-decoration: none;
}

/* the text of linked items, but not the labels except for
* item/sub_item
*/
a.help_about :hover p, a.help_about :hover p,
	DIV.help_sub_item a.help_about :hover ,
	DIV.help_item a.help_about :hover
{
	text-decoration: underline;
}

.help_section>.bl {
	background: #cbfa99 url(/skin/img/inner_bottom_green.png ) no-repeat bottom left;
	margin-right: 7px;
	margin-left: 0px; /* override */
	position: relative;
	top: -2px;
}
.help_section>.bottom_round /* , .green_round>.bottom_round */ {
	background: #cbfa99 url(/skin/img/inner_bottom_green.png ) no-repeat bottom left;
	margin-right: 7px;
	margin-left: 0px; /* override */
	position: relative;
	top: -2px;
}
.help_section p, p.help_section {
	padding-left: 20px;
	padding-right: 20px;
	font-size: 16px;
}
.help_section img, .help_item img, .help_sub_item img {
	margin-top: 2px;
	float: right;
	padding-right:7px;
	margin-right: 9px;
}
.help_item {
	margin-right: 30px;
	clear: right;
	padding-left: 20px;
}
.help_item h1 {
	font-size: 	17px;
  color: #79be41;  /* green */
  font-weight: 	bold;
	width: 		550px;
}
.help_item p {
	color: #666;
	font-size: 14px;
	width: 550px;
	padding-left: 20px;
}
.help_item img {
}
.help_sub_item {
    padding: 0px 28px 0px 0px;
}
.help_sub_item h1 {
	color: #777;
  padding-left: 30px;
  font-size: 17px;
	font-weight: bold;
}
.help_sub_item p {
	font-size: 14px;
}
            /* help include is for html files used in the tutorial examples. */
#helppg .help_include {
  padding: 0px 15px 0px 15px;
  font-size: 120%
}
#helppg .help_include li {
  list-style-position: inside;
  padding-left: 30px;
  padding-bottom: 5px;
}

#helppg .help_include img {
  display:      block;
  float:        none;
  margin-left:  auto;
  margin-right: auto;
  margin-top:   15px;
  margin-bottom: 15px;
  padding:       3px;
  border:        solid 2px  #93d24f;
}

#helppg .help_include img.inline {
  display: inline;
  clear: none;
  border: none;
  padding: 0px;
  margin: 0px;
}
#helppg .help_include p {
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0px;
  font-size: 100%; /* to get the enclosing height rather than the css inherited one! */
}
#helppg .help_include p.indent {
  margin-left: 20px;
}
#helppg .help_include ul {
	list-style: none;
}

#helppg h3 {
  color: #79be41;  /* green */
  font-size: 14px;
  margin: 6px 0px 4px 0px;
}
#helppg .help_include a {
  text-decoration: underline;
}

#helppg .help_include .fignum {
  font-weight: bold;
  color:  #88a146;
}


#helppg .help_include .helpblog p img, .helpblog p img {
  margin-left: auto;
  margin-right: auto;
}

#helppg .valign {
  display: table-cell;
  vertical-align: middle;
  }

#helpimg .helpimg_text p {
    padding-top: 4px;
    color:      #666;
    font-size:  11px;
    font-weight: bold;
    line-height: normal;
  }
#download #helpimg .helpimg_text h4{
    color:        #79be41;     /* green */
    font-size:    16px;
  }


.truncatedWider,.truncatedWide,.truncatedMedium,.truncatedNarrow,.truncatedNarrower,.truncatedWidest,.truncatedAdmin
  {
  overflow:         hidden;
  text-overflow:    ellipsis;
  white-space:      nowrap;
  word-wrap:        break-word;
  }

.truncatedWidest
  {
  width:           700px;
  }

.truncatedWider
  {
  width:            450px;
  }

.truncatedAdmin
  {
  width:            300px;
  }
.truncatedWide
  {
  width:            200px;
  }

.truncatedMedium
  {
  width:            144px;
  }

.truncatedNarrow
  {
  width:            110px;
  }

.truncatedNarrower
  {
  width:            90px;
  }

.smallTextEmail
  {
  text-align: justify;
  padding-bottom: 10px;
  font-size: 8pt;
  }

.email .infoText
  {
  font-size: 7pt;
  }

.emailUnsub
  {
  margin-top: 2px;
  margin-right: 15px;
  float: right;
  width: 225px;
  text-align: right;
  border: 1px solid #79be41;
  background-color: #eeffee;
  padding: 10px;
  font-size: 8pt;
  font-family: verdana, arial,sans-serif;
  }

.emailUnsub div
  {
  margin: 2px;
  }

.emailUnsub a
  {
  text-decoration: underline;
  }

.emailUnsub a:hover
  {
  color: #79be41;
  }

.email .quote
  {
  margin:       10px;
  padding:      10px;
  font-size:    12pt;
  text-align:   justify;
  font-family:  "Trebuchet MS",Verdana, sans-serif;
  background:   url(/skin/img/quote.open.png) no-repeat;
  height:       82px;
  }

.email .infoText a
  {
  color: #79be41;
  }

.admin .info
  {
  width: 800px;border-top: 1px dotted gray; padding: 2px;
  }
.admin .info .heading
  {
  width: 130px;float: left;
  }
.admin .info a
  {
  font-weight: bold; padding-left: 10px; color: #79be41;
  }
.admin .info a.trim
  {
  padding-left: 0;
  }
.admin .info input.num
  {
  text-align: right;width: 50px;font-size: 7pt;font-family:verdana,sans-serif;
  }
.admin .info input.submit
  {
  font-size: 7pt;font-family:verdana,sans-serif;font-weight: bold;
  }
.admin .info form
  {
  display:inline; margin: 0; padding:0;
  }
.adminLinks a
  {
  color: #79be41;
  font-style: normal;
  }
.adminHeader
  {
  height:         16px;
  color:          #333;
  font-size:      12px;
  margin:         0 0 0 0;
  padding:        10px 0 0 0;
  width:          800px;
  background:     white;
  border-bottom:  1px solid #333;
  }
.adminMaintainActions
  {
  padding: 10px 5px 10px 5px;
  }
.adminMaintainActions a
  {
  padding:      0 5px 0 5px;
  color:        #79be41;
  border-right: 1px dotted gray;
  }
.adminMaintainType
  {
  margin:       0 10px 0 10px;
  border-top:   1px dotted gray;
  padding:      10px 0 5px 0;
  font-size:    9pt;
  font-weight:  bold;
  color:        black;
  }
.adminMaintainHeader
  {
  border-bottom:  1px dotted gray;
  padding:        5px 0 5px 0;
  margin-bottom:  10px;
  font-weight:    bold;
  }
.adminMaintainInfo
  {
  margin: 5px;
  padding: 5px;
  border:  1px dotted gray;
  background: white;
  }
.adminMaintain
  {
  margin:     10px;
  padding:    10px;
  display:    block;
  clear:      both;
  border:     1px dotted gray;
  width:      870px;
  background: #f3f3f3;
  }
.chart
  {
  margin:         2px;
  padding:        2px;
  border:         1px solid #bbb;
  clear:          both;
  background:     #fff;
  vertical-align: bottom;
  position:       relative;
  }
.chartBar
  {
  float:        left;
  margin-left:  1px;
  padding:      0;
  background:   #fa0;
  font-size:    1px;
  position:     absolute;
  bottom:       1px;
  }
.adminTable
  {
  width: 800px;
  }
.adminTable td
  {
  border-bottom: 1px dotted gray;
  }
.authHidden,.authVisible
  {
  position:             absolute;
  top:                  0;
  left:                 0;
  visibility:           hidden;
  display:              none;
  color:                black;
  border:               none;
  cursor:               default;
  }

.authWrap
  {
  width:                323px;
  margin:               2px;
  padding:              30px 50px 20px 50px;
  }

.authHidden
  {
  z-index:              1;
  }

.authVisible
  {
  z-index:              100;
  }

.authHeader
  {
  text-align:           justify;
  font-size:            20pt;
  font-weight:          bold;
  color:                #5f6749;
  }

.authDetails
  {
  font-size:            8pt;
  font-weight:          normal;
  font-style:           italic;
  color:                #777777;
  }

.authError
  {
  padding-top:          10px;
  font-size:            12pt;
  color:                #bb2222;
  font-weight:          bold;
  }

.authSuccess
  {
  padding-top:          10px;
  font-size:            12pt;
  color:                #5f6749;
  font-weight:          bold;
  }

.subcat, .authMessage,.authMessage a,.authMessage a:hover,.authErrorMessage
  {
  font-size:            8pt;
  color:                #79be41;
  text-align:           left;
  text-decoration:      none;
  }

.authErrorMessage
  {
  color:                #bb2222;
  font-weight:          bold;
  margin-top:           -3px;
  padding-left:         1px;
  }

.authMessage a:hover
  {
  color:                #5f6749;
  }

.authLabel
  {
  font-size:            14pt;
  font-weight:          bold;
  color:                #777777;
  text-align:           left;
  padding-top:          20px;
  }

.authInput
  {
  font-family:          'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
  font-size:            7pt;
  font-weight:          normal;
  color:                black;
  text-align:           left;
  background-color:     #dddddd;
  padding:              1px;
  margin-left:          2px;
  cursor:               text;
  }

.authButtons
  {
  vertical-align:       top;
  text-align:           center;
  padding:              30px 10px 10px 10px;
  }

.authButton
  {
  cursor:               pointer;
  border:               none;
  }

.trackbackBox,.allowInvitesBox
  {
  padding-top:          25px;
  font-size:            8pt;
  color:                #777777;
  }
.allowInvitesBox
  {
  padding-top:          2px;
  }
.rssExport
  {
  padding:              10px 0px 0px 17px;
  }

.importSource
  {
  padding:          20px 17px 0px 60px;
  }

.importPicture
  {
  cursor:               pointer;
  padding-top:          45px;
  float:                right;
  }

.importText, .importText a
  {
  padding-top: 5px;
  font-size:            9pt;
  color:                #777777;
  float:                left;
  }

.importText a:hover
  {
  color:                #79be41;
  text-decoration: none;
  }

.inputWrapWide
  {
  background:     transparent url('/skin/img/adv_search_box.png' ) no-repeat;
  height:         26px;
  padding:        4px 6px 6px 6px;
  text-align:     left;
  vertical-align: top;
  }

.inputWrapTall
  {
  background:     transparent url('/skin/img/input_wrap_6.gif' ) no-repeat;
  height:         190px;
  padding:        4px 6px 6px 6px;
  text-align:     left;
  vertical-align: top;
  }

.inputWrapMedium
  {
  background:     transparent url('/skin/img/input_wrap_3.gif' ) no-repeat;
  height:         100px;
  padding:        4px 6px 6px 6px;
  text-align:     left;
  vertical-align: top;
  }

.inputTextWide
  {
  background:     transparent;
  border:         none;
  width:          300px;
  color:          #666;
  font-family:    'Trebuchet MS', Verdana, sans-serif;
  font-size:      13pt;
  font-weight:    bold;
  vertical-align: top;
  }

.inputTextTall
  {
  background:     transparent;
  border:         none;
  width:          310px;
  height:         170px;
  overflow:       auto;
  color:          #666;
  font-family:    'Trebuchet MS', Verdana, sans-serif;
  font-size:      13pt;
  font-weight:    normal;
  }

.inputTextMedium
  {
  background:     transparent;
  border:         none;
  width:          310px;
  height:         80px;
  overflow:       auto;
  color:          #666;
  font-family:    'Trebuchet MS', Verdana, sans-serif;
  font-size:      8pt;
  font-weight:    normal;
  }

.connectUl
  {
  padding: 10px 30px;
  }

.connectList
  {
  padding: 12px 0px;
  width:   600px;
  }

.connectButton
  {
  padding-bottom:  20px;
  float:           right;
  clear:           both;
  }

.twocolumns
 {
  width:                800px;
  margin:               2px;
  padding:              30px 50px 20px 50px;
 }

.twocolumns .top, .twocolumns .bottom, .twocolumns .left, .twocolumns  .right
  {
  margin:       0px;
  padding:      0px;
  }

.twocolumns .left
  {
  float:        left;
  width:        400px;
  }

.twocolumns .right
  {
  float:        right;
  width:        400px;
  }

.twocolumns .bottom
  {
  clear:      both;
  }

div.fakefile input,div.fakefileshort input
  {
	background: url('/skin/img/search_input.png') no-repeat;
  border: none;
  width: 230px;
  vertical-align: top;
  height: 32px;
  padding-left: 6px;
	padding-top: 6px;
  margin-top: 2px;
  }

div.fakefileshort input
  {
  width: 142px;
  }

div.fakefile input:focus,div.fakefileshort input:focus
  {
	background-color: transparent;
  }

div.fakefile img,div.fakefileshort img
  {
  margin-top: 2px;
  }

div.fileinput,div.fileinputshort
  {
	position: relative;
	height: 30px;
	width: 300px;
  }

div.fileinputshort
  {
  width: 212px;
  }

input.file,input.fileshort
  {
  width: 299px;
  height: 40px;
  margin: 0;
  }

input.fileshort
  {
  width: 211px;
  }

input.file.hidden,input.fileshort.hidden
  {
  position: relative;
	-moz-opacity:0 ;
	filter:alpha(opacity:0);
	opacity: 0;
  text-align: right;
	z-index: 2;
  }

div.fakefile,div.fakefileshort
  {
	position: absolute;
	top: 0px;
	left: 0px;
  width: 350px;
	padding: 0;
	margin: 0;
	z-index: 1;
	line-height: 90%;
  }
div.fakefileshort
  {
  width: 262px;
  }
div.fakefile input,div.fakefileshort input
  {
	margin-bottom: 5px;
	margin-left: 0;
  }

#tagSuggestInput              { position:relative;display:block;}
.tagSuggestContainer,
#tagSuggestContainer          { position:relative;bottom:2px;right:2px;width: 200px; border:1px solid #404040;background:#fff;font-size:10pt;overflow:hidden;display:none;}
.tagSuggestContainer ul,
#tagSuggestContainer ul       { position:relative;width:100%;padding:5px 0;list-style:none;}
.tagSuggestContainer li,
#tagSuggestContainer li       { padding:0 5px;cursor:default;white-space:nowrap;display:list-item;}
.tagSuggestContainer li.high,
#tagSuggestContainer li.high  { background:#558800; color: #ffffff;}
.tagSuggestShadow,
#tagSuggestShadow             { position:absolute;width:204px;margin:.3em;z-index:5;background:#a0a0a0;}
#noteEditorTags               {margin-top: 25px; margin-left:58px;}
#blogSuggestInput              { position:relative;display:block;}
.blogSuggestContainer,
#blogSuggestContainer          { position:relative;bottom:2px;right:2px;width: 375px; border:1px solid #404040;background:#fff;font-size:10pt;overflow:hidden;display:none;}
.blogSuggestContainer ul,
#blogSuggestContainer ul       { position:relative;width:100%;padding:5px 0;list-style:none;}
.blogSuggestContainer li,
#blogSuggestContainer li       { padding:0 5px;cursor:default;white-space:nowrap;display:list-item;}
.blogSuggestContainer li.high,
#blogSuggestContainer li.high  { background:#558800; color: #ffffff;}
.blogSuggestShadow,
#blogSuggestShadow             { position:absolute;width:379px;margin:.3em;z-index:5;background:#a0a0a0;}


.outerround
  {
  background: url('/skin/img/outer_rnd_tl.png' ) no-repeat top left;
  background-color: #e1e2bc;
  float: left;
  }
.outerround .outer_tr
  {
  background: url('/skin/img/outer_rnd_tr.png' ) no-repeat top right;
  float: left;
  width:100%;
  }
.outerround .outer_bl
  {
  background: url('/skin/img/outer_rnd_bl.png' ) no-repeat bottom left;
  float: left; width:100%;
  }

/*
 *	Rounded corner, drop shadowed containers.
 */
table.innerround /* rounded containers */
  {
  border-collapse:  collapse;
  border:           none;
  padding:          0px;
  margin:           0px;
  }
table.innerround td
  {
  margin:           0px;
  }
.innerround .tl /* top left cell */
  {
  width:            20px;
  height:           19px;
  background:       url('/skin/img/inner_round_tl.png' ) no-repeat;
  }
.innerround .tl_l /* top left cell with label */
  {
  width:            20px;
  height:           19px;
  background:       url('/skin/img/inner_label_tl.png' ) no-repeat;
  }
.innerround .t /* top center cell (main cell) */
  {
  width:            100%;
  height:           19px;
  background:       url('/skin/img/inner_round_t.png' ) no-repeat;
  }
.innerround .t_l /* top center cell with label (main cell) */
  {
  width:            100%;
  height:           19px;
  background:       url('/skin/img/inner_label_t.png' ) no-repeat;
  }
.innerround .tr /* top right cell */
  {
  width:            22px;
  height:           19px;
  background:       url('/skin/img/inner_round_tr.png' ) no-repeat;
  }
.innerround .tr_l /* top right cell */
  {
  width:            22px;
  height:           19px;
  background:       url('/skin/img/inner_label_tr.png' ) no-repeat;
  }

.innerround .ll_l
  {
  width:            20px;
  background:       url('/skin/img/inner_label_l.png' ) no-repeat;
  }
.innerround .cl /* middle center cell (main cell) */
  {
  background-color: #d1fba3;
  margin:           0px 0px 0px 0px;
  padding:          0px 0px 8px 0px;
  }
.innerround .rl_l
  {
  width:            22px;
  background:       url('/skin/img/inner_label_r.png' ) no-repeat;
  }

.innerround .l /* middle left cell */
  {
  background:       url('/skin/img/inner_round_l.png' ) repeat-y;
  }
.innerround .c /* middle center cell (main cell) */
  {
  background-color: #ffffff;
  }
.innerround .r /* middle right cell */
  {
  background:       url('/skin/img/inner_round_r.png' ) repeat-y;
  }

.innerround .bl /* bottom left cell */
  {
  width:            20px;
  height:           21px;
  background:       url('/skin/img/inner_round_bl.png' ) no-repeat;
  }
.innerround .b /* bottom center cell */
  {
  width:            100%;
  height:           21px;
  background:       url('/skin/img/inner_round_b.png' ) no-repeat;
  }
.innerround .br /* bottom right cell */
  {
  width:            22px;
  height:           21px;
  background:       url('/skin/img/inner_round_br.png' ) no-repeat;
  }

.innerround .tlf /* top left cell */
  {
  width:            16px;
  height:           16px;
  background:       url('/skin/img/inner_round_tlf.png' ) no-repeat;
  }
.innerround .tf,.innerround .bf /* top center cell (main cell) */
  {
  width:            100%;
  height:           16px;
  font-size:        2px;
  background:       #ffffff;
  }
.innerround .trf /* top right cell */
  {
  width:            16px;
  height:           16px;
  background:       url('/skin/img/inner_round_trf.png' ) no-repeat;
  }
.innerround .lf,
.innerround .cf,
.innerround .rf
  {
  background:       #ffffff;
  }
.innerround .cf
  {
  width: 100%;
  }
.innerround .lf div,.innerround .rf div
  {
  width: 16px;
  }
.innerround .blf /* bottom left cell */
  {
  width:            16px;
  height:           16px;
  background:       url('/skin/img/inner_round_blf.png' ) no-repeat;
  }
.innerround .brf /* bottom right cell */
  {
  width:            16px;
  height:           16px;
  background:       url('/skin/img/inner_round_brf.png' ) no-repeat;
  }

.blank {
	clear: both;
	height: 18px;
}

.entry { float: left;  padding: 8px 0 7px 0; border-bottom: 1px dotted #999; }

.note_entry,.note_entry_wide
  {
  clear:         both;
  padding:       5px;
  position:      relative;
  top:           -10px;        /* bring the note back up into the header section */
  }

.note_entry .title,.note_entry_wide .title
  {
  font-size:    12pt;
  font-weight:  bold;
  width:        350px;
  float:        left;
  text-align:   left;
  }

.note_entry_wide .title
  {
  width: 585px
  }

.note_entry .when,.note_entry_wide .when
  {
  font-size:      8pt;
  width:          100px;
  padding-right:  5px;
  float:          right;
  text-align:     right;
  margin-top:     6px;
  }

.note_entry .body, .note_entry_wide .body
  {
  clear:      both;
  text-align: justify;
  background: #fafafa;
  padding:    2px;
  margin-bottom: 1px;
  border-top: 1px dotted #bbbbbb;
  border-bottom: 1px dotted #bbbbbb;
  width:    455px;
  overflow: hidden;
  }

.note_entry_wide .body
  {
  width: 690px;
  }

.note_entry .body a, .note_entry_wide .body a
  {
  color: #79be41;
  }

.note_entry .meta,.note_entry_wide .meta
  {
  font-size:    8pt;
  width:        350px;
  float:        left;
  text-align:   left;
  padding-bottom: 10px;
  }

.note_entry_wide .meta
  {
  width: 585px;
  }

.note_entry .meta img,.note_entry_wide .meta img
  {
  vertical-align: top;
  }

.note_entry .meta .annotation
  {
  font-family: "Trebuchet MS", verdana,sans-serif;
  font-size:    10pt;
  font-weight:  bold;
  }

.note_entry .controls,.note_entry_wide .controls
  {
  font-size:      8pt;
  width:          100px;
  float:          right;
  text-align:     right;
  padding:        0px;
  }

.private
  {
  padding: 2px 5px 0px 0px;
  }
/* between note dividers. */
 .note_entry .note_divider
  {
  width: 484px;    /* 455 body + (15 margin + 5 white 6 tan on left + 3 pix white on right == 29) */
  }
.note_entry_wide .note_divider
  {
  width:  718px;   /* 690 body + */
  }
.note_divider
  {
  overflow:   hidden;
  }
.note_entry_pre
  {
    padding-top: 7px;
  }

.noteArchives
  {
  padding-top:      5px;
  list-style-type:  none;
  }

.noteArchives a:hover
  {
  text-decoration: none;
  color: #79be41;
  }

.noteArchives .current a
  {
  font-weight: bold;
  }
.noteCtl, a:hover.noteCtl
  {
  color:          #79be41;
  font-weight:    bold;
  }

.note_entry .label,.note_entry_wide .label
  {
  width:          35px;
  float:          left;
  font-size:      8pt;
  font-family:    Arial,sans-serif;
  font-weight:    normal;
  padding-top:    3px;
  color:          #000000;
  }

.note_entry .L,.note_entry_wide .L
  {
  width:          5px;
  height:         22px;
  background:     url(/client/images/bg.input.l.png) no-repeat;
  float:          left;
  }

.note_entry .R, .note_entry_wide .R
  {
  width:          5px;
  height:         22px;
  background:     url(/client/images/bg.input.r.png) no-repeat;
  float:          left;
  }

.note_entry .sizedInput,.note_entry_wide .sizedInput
  {
	width:          275px;
  height:         22px;
  float:          left;
  margin:         0px;
  padding:        3px 0px 4px 0px;
  border:         none;
  background:     url(/client/images/bg.input.png) repeat-x;
  color:          #555555;
  font-family:    'Trebuchet MS', Verdana, sans-serif;
  font-size:      8pt;
  font-weight:    normal;
  }

.note_entry .inputDesc,.note_entry_wide .inputDesc
  {
  float:        right;
  padding:      2px 2px 0px 2px;
  margin:       0px;
  }

#center_col .note_entry .controls a,#center_col .note_entry_wide .controls a
  {
  padding:  0px 5px 0px 5px;
  margin:   0px 0px;
  }

table.labeltab
  {
  display:inline; /* Everywhere, IE's float with margin bug :(( */
  float:right;
  margin:           -14px 0px 0px 0px;
  border-collapse:  collapse;
  border:           none;
  padding-top:      2px;
  z-index:          10;
  }
table.labeltab td
  {
  margin: 0px;
  }
.labeltab_tl /* top left cell */
  {
  width:            11px;
  height:           3px;
  background:       url('/skin/img/labeltab_tl.png' ) no-repeat;
  }
.labeltab_t /* top center cell (main cell) */
  {
  height:           3px;
  background:       url('/skin/img/labeltab_t.png' ) repeat-x;
  }
.labeltab_tr /* top right cell */
  {
  width:            11px;
  height:           3px;
  background:       url('/skin/img/labeltab_tr.png' ) no-repeat;
  }
.labeltab_l /* middle left cell */
  {
  background:       url('/skin/img/labeltab_l.png' ) repeat-y;
  }
.labeltab_c /* middle center cell (main cell) */
  {
  background:           url('/skin/img/labeltab_c.png' ) repeat-x;
  }
.labeltab_r /* middle right cell */
  {
  width: 	          11px;
  height:	          17px;
  background:       url('/skin/img/labeltab_r.png' ) repeat-y;
  }

.labeltab_bl /* bottom left cell */
  {
  width:            11px;
  height:           16px;
  background:       url('/skin/img/labeltab_bl.png' ) no-repeat;
  }
.labeltab_b /* bottom center cell */
  {
  background:       url('/skin/img/labeltab_b.png' ) repeat-x;
  }
.labeltab_br /* bottom right cell */
  {
  width:            11px;
  height:           16px;
  background:       url('/skin/img/labeltab_br.png' ) no-repeat;
  }

.inputTextWide
  {
  color:          #666;
  font-family:    'Trebuchet MS', Verdana, sans-serif;
  font-size:      13pt;
  font-weight:    bold;
  vertical-align: top;
  }

.aboutpage a
  {
  color: #79be41; text-decoration: none;
  }
.aboutpage a:hover
  {
  text-decoration: underline;
  }
.aboutpage .news,.about .jobs,.about .team
  {
  padding: 15px;background-color: #e1e2bc;
  }
.aboutpage .news .item
  {
  font-size: 8pt; padding: 10px; margin-bottom: 10px; text-align: justify;
  }
.aboutpage .news .item .header,.aboutpage .news .item p
  {
  padding-bottom: 10px;
  }
.aboutpage .news .item .title
  {
  font-size: 16pt; font-weight: bold; display: block;
  }
.aboutpage .news .item .photo
  {
  border: 1px solid gray; float: left; margin-left: 20px; margin-right: 20px;
  }
.aboutpage .news .item .member
  {
  font-size: 10pt;
  text-align: justify;
  width: 700px;
  padding: 20px 0px 30px 100px;
  }
.aboutpage .news .item .job
  {
  padding-left: 100px;
  font-size: 11pt;
  font-weight: bold;
  }

.aboutpage .news .item .post
  {
  padding-left: 100px;
  font-size: 10pt;
  padding-top: 15px;
  margin-right: 100px;
  }

.aboutpage .job-element
  {
  vertical-align: top;
  font-weight: bold;
  width: 150px;
  padding-top: 10px;
  }

.aboutpage .job-desc
  {
  padding-top: 10px;
  text-align: justify;
  }


#about {
   font-family: 'Trebuchet MS', Verdana, sans-serif;
   padding: 	20px 60px 60px 60px;
  font-size: 	14px;
}

#about h3 {
  padding-top:	12px;
  color:        #79be41;
  font-size:	120%;
  }

#about p {
  padding: 	6px 0px 6px 0px;
}

#about p.subentry {
  font-style: 	italic;
  font-weight: 	normal;
  font-size:	85%;
  padding:	0px 0px 5px 10px;
  }

#about .entries a
  {
  font-weight: 		bold;
  }

#about .about-section {
	padding: 0px 10px 0px 20px;
}

#about .about-emphasis {
	font-weight: bold;
}

.component
  {
  padding-left: 10px;
  font-size: 12pt;
  }

.component  .title
  {
  font-size: 18px;
  color: #79be41;
  font-family: "Trebuchet MS",verdana,arial, sans-serif;
  font-weight: normal;
  padding-left: 0px;
  }
.component p
  {
  font-size: 14px;
  color: #737573;   /* gray */
  font-family: "Trebuchet MS",verdana,arial, sans-serif;
  font-weight: normal;
  }
#why_download li, #download li {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

/* from old styles */
.splash-tag
  {
  display:        block;
  font-weight:    bold;
  text-align:     justify;
  padding-bottom: 15px;
  }

.splash-container
  {
	margin:         0 auto;
  width:          780px;
  height:         100%;
  text-align:     center;
  background-color: #ffffff;
  }

.splash-active,.stud-sticki,.stud-aw
  {
  color:        #79be41;	/* sticki text green */
  font-weight:  bold;
  }

.urlList
  {
  margin-left: 25px;
  width: 300px;
  min-height: 18px;
  list-style-type:none;
  border: 1px solid gray;
  background: #ffffff;
  }
.editUrl
  {
  padding: 0px;
  margin: 0px;
  border-bottom: 1px dotted #cccccc;
  }
.editUrl .cropped
  {
  width: 250px;
  padding-right: 16px;
  height: 18px;
  margin: 0px;
  background: url(/skin/img/cancel.png) top right no-repeat;
  }
.urlList .disabled
  {
  text-decoration: line-through;
  color: #BBB;
  }

.successSave
  {
  padding:3px 5px;
  font-weight:bold;
  background: #f1eaeb;
  border: solid 1px #444;
  display: inline-block;
  }

.credits
  {
  display: none;
  }

img.sponsor
  {
  float: left;
  border: 1px solid #bbbbbb;
  margin: 2px 20px 2px 10px;
  vertical-align: top;
  width: 48px;
  height: 48px;
  }

img.thumbLarge
  {
  float: left;
  border: 1px solid #bbbbbb;
  margin: 2px 20px 2px 10px;
  vertical-align: top;
  width: 85px;
  height: 85px;
  }

table.services
  {
  margin: 20px;
  }

table.services tr td
  {
  border-top:       1px dotted gray;
  padding:          2px;
  vertical-align:   top;
  background-color: #f3f3f3;
  }

table.services tr.header td
  {
  border-top:   none;
  color:        #000000;
  font-style:   normal;
  font-weight:  bold;
  }

.verticalCell
  {
  padding:        2px;
  border-bottom:  1px dotted gray;
  }

.buttonSmall
  {
  color:        #333333;
  font-size:    8pt;
  font-weight:  bold;
  font-family:  verdana,arial,sans-serif;
  }
.inputSmall
  {
  color:        #333333;
  font-size:    7pt;
  font-family:  verdana,arial,sans-serif;
  }

h1#header
  {
  width: 900px;
  margin-top: 8px;
  margin-bottom: 2px;
  }
#header_bg_left
  {
  z-index:    -1;
  position:   absolute;
  left:       0px;
  top:        0px;
  background: url(/skin/img/mid_bg_left_l.png) no-repeat;
  height:     258px;
  width:      44px;
  }
#header_bg_right
  {
  z-index:    -1;
  position:   absolute;
  right:      0px;
  top:        0px;
  background: url(/skin/img/mid_bg_left_rs.png) no-repeat;
  height:     258px;
  width:      144px;
  }
#header-left-notes
  {
  padding: 8px 0px 4px 0px;
  margin-left: -11px;
  background: url(/skin/img/mid_bg_tab_left.off.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  }
#header-notes
  {
  font-size: 12pt;
  padding: 12px 20px 7px 0px;
  background: url(/skin/img/mid_bg_tab_right.png);
  background-repeat: no-repeat;
  background-position: right top;
  margin-left: -5px;
  cursor: pointer;
  }
#header-left-usernotes
  {
  padding: 8px 0px 4px 0px;
  margin-left: -11px;
  background: url(/skin/img/mid_bg_tab_left.off.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  }
#header-usernotes
  {
  font-size: 12pt;
  padding: 12px 20px 7px 0px;
  background: url(/skin/img/mid_bg_tab_right.png);
  background-repeat: no-repeat;
  background-position: right top;
  margin-left: -5px;
  cursor: pointer;
  }
#header-left-watchhits,#header-left-allnotes
  {
  padding: 8px 0px 4px 0px;
  width: 12px;
  margin-left: -12px;
  background: url(/skin/img/mid_bg_tab_left.off.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  }
#header-watchhits,#header-allnotes
  {
  font-size: 12pt;
  padding: 12px 20px 7px 0px;
  background: url(/skin/img/mid_bg_tab_right.off.png);
  background-repeat: no-repeat;
  background-position: right top;
  cursor: pointer;
  }
h1#header a.activeHeader
  {
  color:#48483c;
  background-image: url(/skin/img/mid_bg_tab_right.png);
  }
h1#header a.inactiveHeader
  {
  color:#888888;
  background-image: url(/skin/img/mid_bg_tab_right.off.png);
  }
h1#header a.activeHeader:hover,h1#header a.inactiveHeader:hover
  {
  color: #000;
  text-decoration: none;
  }
h1#header #scrollerInfo
  {
  color: #fff; font-weight: normal; font-size: 11pt;
  }
#tooltips
  {
  width:        620px;
  float:        right;
  height:       30px;
  padding:      0px 3px 3px 3px;
  font-family:  verdana,sans-serif;
  color:        #888;
  }
#blurb
  {
  position:       relative;
  height:         130px;
  width:          840px;
  clear:          both;
	margin-left:    auto;
	margin-right:   auto;
  padding:        0px 0px 10px 0px;
  }
#blurb .component
  {
  float:    left;
  padding:  10px;
  height:   90px;
  width:    240px;
  }
#footer #message
  {
  z-index: 3000;
  width: 100%;
  font-size: 7pt;
  }
#footer #message .centered
  {
  width: 840px;
  margin: auto;
  text-align: center;
  }
#footer #message img
  {
  vertical-align: bottom;
  border: 1px solid #cccccc;
  padding: 0px;
  margin: 0px 3px 1px 3px;
  width: 8px;
  height: 8px;
  }
#footer #message a:hover
  {
  text-decoration: none;
  color: #79be41;
  }

#blurb #overviewTrigger
  {
  margin-left: 72px;clear: both; font-size: 8pt; color: #79be41; font-style: italic;
  }

.signin_overview .signin_entry
  {
  clear:     both;
  height:    85px;
  }


.signin_img
  {
  width:    65px;
  float:    left;
}

.signin_overview .entry_text
  {
  float:    left;
  padding:  20px;
  }
.signin_overview h3 {
  display:      inline;
  margin-top:   -15px;
  font-size:    18px;
  font-weight:  bold;
  color:        #737573;
}
.signin_overview p {
  color:        #79be41;
  font-style:   italic;
  font-size:    12px;
}

#accessHits,#lookupHits
  {
  padding-top: 4px;
  text-align: left;
  }
#confirmHits
  {
  z-index: 100; width: 360px;padding: 5px;position: absolute;margin-left: -15px;margin-top: 25px; display: none;
  }
#noHits
  {
  z-index: 110; width: 360px;padding: 5px;position: absolute;margin-left: -15px;margin-top: 25px; display: none;
  }
#accessHits #tagMatches,#lookupHits #matches,#lookupConfirmHits
  {
  clear:      both;
  width:      320px;
  height:     62px;
  overflow:   auto;
  overflow-x: hidden;
  border:     1px gray solid;
  border-top: 1px solid #eeeeee;
  text-align: left;
  }
#accessHits #tagMatches
  {
  height: 120px;
  }
#accessHits #tagMatches img,#lookupHits #matches img,#lookupConfirmHits img
  {
  width:  16px;
  height: 16px;
  border: 1px solid #cccccc;
  float:  left;
  }
#accessHits .hit,#lookupHits .hit
  {
  clear:    both;
  width:    318px;
  height:   18px;
  padding:  1px;
  }
#accessHits .hit div,#lookupHits .hit div
  {
  font-size:    8pt;
  font-family:  'Trebuchet MS',verdana,arial,sans-serif;
  padding:      2px;
  float:        left;
  }
#accessHits .hit input,#lookupHits .hit input
  {
  float: left;
  margin: 2px 2px 0px 2px;
  }
#accessHits .hit div.truncatedNarrower,#lookupHits .hit div.truncatedNarrower
  {
  width: 81px;
  vertical-align: middle;
  border-left: 1px dotted #ddd;
  height:17px;
  padding: 0px 3px 0px 3px;
  }
#accessHits .hit div.nick,#lookupHits .hit div.nick
  {
  width: 71px;
  }
#accessHits .hit div.full,#lookupHits .hit div.full
  {
  width: 91px;
  }
#accessHits #lookupHitsHeader,#lookupHits #lookupHitsHeader,#confirmLookupHitsHeader
  {
  font-weight: bold;
  background-color: #f3f3f3;
  border-top: 1px solid gray;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  }
#accessHits #lookupHitsHeader div.hit,#lookupHits #lookupHitsHeader div.hit,#confirmLookupHitsHeader div.hit
  {
  height: 16px;
  }
#accessHits #lookupHitsHeader .nick,#lookupHitsHeader .nick,#confirmLookupHitsHeader .nick
  {
  margin-left: 35px;
  }
#accessHits .self,#lookupHits .self
  {
  font-style: italic;
  }
#termsofuse
  {
  text-align: justify;
  padding: 20px;
  }