#page {
  padding:25px 15px;
  min-height:500px;
  background-color:#fff;
}

#footer {
  margin:30px 0px;
  padding:30px 0;
  font-size:11px;
  color:#666;
}

/* sitebar */

#notice {
	position: fixed; top:0px; left:0px;
	z-index:50;
	width:100%;
	background-color:#920;
	color: #fff;
}
#notice a {color:#fff; text-decoration:underline;}
#notice div {padding:7px 15px 6px 15px;}

#sitebar_wrapper {
  padding:7px 15px 6px 15px;
  font-size:11px;
  color:#666;
  background-color:#000;
}
#sitebar_wrapper a {color:#aaa;}
#sitebar_wrapper a.current {color:#fff;}
#sitebar_wrapper a:hover {color:#fff;}

#logo {float:left; width:620px;}
#site_navigation {float:right; width:150px; text-align:right;}

#groups_navigation {
    padding:5px 15px 5px 15px;
    font-size:11px;
    background-color:#eee;
}
#groups_navigation a {color:#777;}
#groups_navigation a.current {color:#000;}
#groups_navigation a:hover {color:#000;}

#groups_navigation input {
    display:inline;
    margin:0;
    font-size:11px;
    width:160px;
    padding:4px;
    border-color:#e6e6e6;
}
#search_tool {display:inline;}
#search_tool div {display:inline;}
#search_tool form {display:inline;}

#fixed_sidebar .sep {color:#ddd; padding:0 0px;}
#sitebar_wrapper .sep,
#groups_navigation .sep {visibility:hidden;}

/* sidebar */

#fixed_sidebar {
	background-color:#fff;
	position:fixed;
	z-index:1;
}

.group_name {
    color:#222;
}

/* sections */

div.leftborder {
  padding-left: 24px;
  margin-left:15px;
  border-left: 1px solid #eee;
}

.right {
  text-align:right;
}

.section {
  margin-bottom:10px;
  border-bottom:1px solid #fff;
}

.section_content {
  padding:5px 0;
}

.tip_section .section_content {
  padding:10px 0px;
  font-style:italic;
  color:#666;
}

h2 {
  margin-top:10px;
}


/* other structure */

.tip {
  margin:5px 0;
  color:#666;
}

.data_container {
	position:relative;
}
#selection_control {
	position:absolute;
	z-index:90;
}
#selection_control a {padding:0px 1px; cursor:pointer;}
.highlighted_word {background-color:#ff9;}
.highlighted {background-color:#eee; padding:2px 4px;}
.type_label {display:none;}
.label {
	font-size:9px;
	padding:1px 3px;
	border:1px solid #eee;
	color:#666;
	display:none;
	margin-right:2px;
	background-color:#eee;
}
.show-audio .label {
    display:inline;
    margin:0 0 0 3px;
}
.search_links .sep {
	visibility:hidden;
}
.search_links .label {
	display:inline;
}
.search_results .label {
	display:block;
	float:right;
}

/*
.memolabel {background-color:#f99; color:#fff;}
.codelabel {background-color:#99f; color:#fff;}
.textlabel {background-color:#999; color:#fff;}
*/

.avatar {vertical-align:text-top; padding-top:2px;}
.avatar-list .avatar {padding:0 3px 3px 0;}
.tinyavatar {padding:0 1px 0 0;}

#text_data  p {
  margin:0;
  padding:0;
}

/* links and controls */

.indicator {color:#666;display:none;}
.controls a, .details a {color:#090;}
a {text-decoration:none;padding:5px 0px;}
#twitter_update_list {
	margin:0;
	padding:0;
	font-size:11px;
}
#twitter_update_list li {
	list-style:none;
	margin:4px 0 6px 0;
	padding:0;
}

.details, .controls {color:#666; font-size:11px; font-weight:normal;}
div.controls,
div.details {margin:2px 0;}

a {color:#009;}
a.active_toggle_link,
a.current {color:#000;}
a:hover {text-decoration:underline;}

.separator {visibility:hidden; font-size:10px;}
.sep {padding:2px; color:#999;}

.or_cancel {font-size:11px; padding-left:3px;}
.or_cancel a {padding-left:2px;}

.vote_0 {opacity:0.0;}
.vote_1 {opacity:0.4;}
.vote_2 {opacity:0.6;}
.vote_3 {opacity:0.8;}
.vote_4 {opacity:1.0;}
h1:hover .vote {opacity:1.0;}
h3:hover .vote {opacity:1.0;}
h4:hover .vote {opacity:1.0;}
.memo_header:hover .vote {opacity:1.0;}
.controls:hover .vote {opacity:1.0;}

.attribution {
  font-size:10px;
  color:#666;
}
.attribution a {
    color:#666;
}
.analysis_for_position .attribution {
    font-size:9px;
}

/* bookmarklet */

#codes_suggest {
  background-color:#fff;
  color:#666;
  list-style: none;
  margin: 0;
  padding:2px;
  border:1px solid #bbb;
  text-align:left;
}
#codes_suggest li.selected {background-color:#ff9; color:#000;}

#bookmarklet {
	background-color:#fff;
	font-size:11px;
	padding:2px 15px 12px 15px;
}
#bookmarklet .section {
	background-color:#f6f6f6;
	margin-bottom:1px;
	padding:4px 8px;
}
#bookmarklet textarea {
  height:150px;
}
#bookmarklet textarea, #bookmarklet #code_name {
	width:193px;
}
.bookmarklet_message {
    text-align:center;
    padding:20px 0;
    font-size:17px;
    color:#666;
    font-weight:bold;
}
/* standard elements ... */

body {
  background-color:#fff;
}

blockquote {
  margin:2px 0px 0px 0px;
  padding:0px 0px 0px 7px;
  border-left:2px solid #eee;
}
blockquote em {font-weight:bold;}
blockquote.span-11 {width:381px; float:left; margin-right:50px;}

img {border:none;}

hr.smallspace {
  margin: 4px 0;
  background: #fff;
  color: #fff;
  visibility: hidden;
}

hr.sectionbreak {
    height:10px;
}

.chart-header-row,
.chart-row {
    margin:5px 0;
    padding:4px 0 7px 0;
    border-bottom:1px solid #eee;
}
.chart-header-row {
    border-top:2px solid #ddd;
}

/* ... form elements */

label {
  display:block;
}

textarea.noterms,
input[type=text].noterms {
  color:#bbb;
}

.span-5 textarea,
.span-5 input[type=text],
.span-5 input[type=password] {
  width:178px;
  font-size:12px;
}

.span-4 textarea,
.span-4 input[type=text],
.span-4 input[type=password] {
  width:138px;
  font-size:12px;
}

.span-7 textarea,
.span-7 input[type=text],
.span-7 input[type=password] {
  width:258px;
  font-size:12px;
}

.span-13 textarea,
.span-13 input[type=text].title, 
.span-13 input[type=password].title {
  width:498px; 
}

.span-14 textarea,
.span-14 input[type=text].title, 
.span-14 input[type=password].title {
  width:538px;
}

.span-15 textarea,
.span-15 input[type=text].title, 
.span-15 input[type=password].title {
  width:578px; /* 15*30 + 14*10 - 12 (padding and border) */
}

/* paginating links */

.pagination {
	text-align:right;
	font-size:11px;
	background-color:#eee;
	padding:1px 2px;
}
.pagination span, .pagination a {
	padding-right:5px;
}
.pagination .current {
	font-weight:bold;
}
.pagination .disabled {
	color:#aaa;
}