/*** Reset ***/
p, form, fieldset, img, table, tr, td, th {
  margin: 0;
  padding: 0;
  border: none;
}
table {
  border-collapse: collapse;
}

* { zoom: 1; }


/*** Sticky footer ***/
/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;}

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%; width: 100%;}

#main {
  /*overflow:auto;*/
	padding-bottom: 75px; /* must be same height as the footer */
} 

#footer {
  position: relative;
	margin-top: -75px; /* negative value of footer height */
	height: 75px;
	clear:both;
} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
  content:"";
  height:100%;
  float:left;
  width:0;
  margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}




/*** Application margins ***/
body {
    margin: 0;
    padding: 0;
}

/*** Header ***/
#header {
  color: white;
  background: black;
  width: auto;
}
#header .beta_sticker {
  float: right;
}
body.white-label #header {
  background: white;
  border-bottom: none;
  color: black;
}
#header .quicklinks {
  padding: 0.5em;
  float: left
}
#header .quicklinks a {
  font-style: italic;
  font-weight: bold;
  text-decoration: none;
}
#header .quicklinks a:hover {
  text-decoration: underline;
}
#header h1 {
  float: right;
  font-size: 400%;
}
#header h1 .beta {
  font-size: 25%;
  position: relative;
  bottom: 20px;
}
#header .subtitle {
  font-size: 125%;
}
#header h1 a {
  color: #6ebe46;
  text-decoration: none;
}
#header a {
  color: white;
  text-decoration: underline;
}
body.white-label #header a {
  color: blue;
}
.white-label-logo {
  float: left;
}
.white-label-content {
/*  margin-top: 5em; */
  margin-left: 5em;
  clear: both;
}
/* .white-label .footer {
  margin-top: 20em;
  margin-left: 5em;
}*/
/*** Help pages ***/
.help {
  margin-left: 2em;
  max-width: 50em; /* This is of course ignored in msie */
}
* html .help {
  width: 50em;
}
.help p, .help blockquote, .help div {
  margin-top: 0.7em;
  margin-bottom: 0.7em;
}
.help ul {
  margin-left: 2em;
}
.help h2 {
  margin-top: 1em;
}
.help h1, .help h3, .help h2 {
  clear: both;
  color: #4A802F;
}
.help img {
  float: left;
  width: 200px;
  padding: 0.5em;
}



/*** Footer ***/
#footer {
/* background: #211b0a; */
  color: white;
  background-repeat: repeat-x;
  background-position: top;
  background-image: url(http://s3.amazonaws.com/zanran_static/images/footer_gradient_green_white.png);
}
.blank_query_page #footer {
  background-image: url(http://s3.amazonaws.com/zanran_static/images/footer_gradient_green_black.png);
}
body.white-label #footer  {
  background: none;
  color: black;
}
#footer-content {
  padding-top: 2.5em;
  padding-left: 1em;
}
body.white-label #footer-content {
  border-top: none;
}
#footer a {
  color: white;
  text-decoration: underline;
}
.separator {
  border-left: 1px dotted white;
  margin-left: 0.5em;
  margin-right: 0.5em;
}

/*** Main part ***/
.search_results {
 padding: 1em 1em 1em 1em;
}
.search_box {
 padding: 1em 1em 1em 1em;
}

/*** Smart input box ***/
div#input_search_smart {
    font-size: 14px;
    font-weight: normal;
    border: 1px #59990e solid;
    background: white;
    width: 650px;
    min-height: 20px;
    margin: 0 5px 0 0;
    padding: 5px 10px 0 10px;
    overflow: hidden;
}
div#input_search_smart span.mandatory {
    font-weight: bold;
}
div#input_search_smart span.prohibited {
    background: #FCC;
    font-weight: bold;
}
div#input_search_smart span.special {
    background: #CCF;
    font-weight: bold;
}
div#input_search_smart span.stopword {
    color: #888;
}
.search_box {
  text-align: center;
  background: black;
  color: white;
}
.white-label-content .search_box {
  background: white;
  color: black;
}

/*** Advanced search toggles ***/
#content #search_form a {
  color: white;
  text-decoration: none;
}
#content #search_form a:hover {
  color: white;
  text-decoration: underline;
}

/*** Caps lock ***/
.capslock {
  left: 1em;
  font-weight: bold;
  background: #F88;
}

/*** Search hint ***/
p.search_hint {
  margin-bottom: 0.5em;
  color: #CCC;
}
.white-label-content p.search_hint {
  color: #666;
}

/*** Search options ***/
fieldset#filters_options {
  margin: auto;
}
fieldset#solr_control_options {
  text-align: left;
}
.white-label-content .filters_fields {
  background-color: #BBB;
}

/*** Activity list ***/
.activity-list table td {
  padding: 0 1em;
}
.activity-list table th {
  padding: 0 1em;
  text-align: left;
}


/*** Organizations table ***/
table.organizations {
  margin-bottom: 1em;
}
table.organizations td, table.organizations th {
  padding: 2px;
}
table.organizations tr.even {
  background: #DDF;
}
table.organizations tr.odd {
  background: #CCF;
}
table.organizations input {
  width: 50em;
}



/*** Search form ***/
fieldset {
  margin-top: 1em;
}


/*** Search examples ***/
.search_examples {
  margin: 3em;
}
.search_examples ul {
  margin: 1em;
}
#content div.center_search_examples {
  margin-top: 4em;
  color: white;
  font-size: 120%;
  width: 40em;
  margin-left: auto;
  margin-right: auto;
}
#content .center_search_examples li {
  margin: 0.5em;
}
#content .center_search_examples a {
  text-decoration: none;
  color: white;
}
#content .center_search_examples a:hover {
  text-decoration: underline;
}

/*** Advanced search links ***/
form.show_filters a#filters_on {
  display: none;
}
form.hide_filters a#filters_off {
  display: none;
}
form.hide_filters fieldset#filters_options {
  display: none;
}

form.show_solr_control a#solr_control_on {
  display: none;
}
form.hide_solr_control a#solr_control_off {
  display: none;
}
form.hide_solr_control fieldset#solr_control_options {
  display: none;
}

/*** Rounded buttons, single image ***/
button.simple_rounded {
  border: 0 none;
  cursor: pointer;
  padding: 0 15px 0 0;
  margin: 0 15px 0 0;
  text-align: center;
  height: 30px;
  line-height: 30px;
  color: transparent;
}
* html button.simple_rounded {
  padding: 0;
}
button.simple_rounded:hover {
  background-position: 0% -30px;
}
button.button_search {
  background: transparent url(http://s3.amazonaws.com/zanran_static/images/button_search.gif) no-repeat scroll right top;
  width: 62px;
}
button.button_zanran_search {
  background: transparent url(http://s3.amazonaws.com/zanran_static/images/button_zanran_search.gif) no-repeat scroll right top;
  width: 110px;
}
button.button_back {
  background: transparent url(http://s3.amazonaws.com/zanran_static/images/button_back.gif) no-repeat scroll right top;
  width: 49px;
}
button:simple_rounded:-moz-focus-inner {
  border: none;
}

/*** New-style affiliate links to reports ***/
table.content-two-columns td {
  vertical-align: top;
}
.affiliate_reports {
  margin-left: 2em;
  width: 25em;
  padding-left: 1em;
  border-left: 1px solid #d5d1a1;
}
.affiliate_reports_good {
  border: 1px solid black;
  background: #FFA;
}
.affiliate_reports h4 {
  margin: 0;
}
.affiliate_reports {
  font-size: small;
}
.affiliate_reports {
  position: relative;
}
.affiliate_reports .full_preview_box {
  width: 400px;
  padding: 15px;
  margin-left: -430px;
  background: #FFA;
}
.affiliate_summary {
  padding: 0.5em;
}
.affiliate_zoom_icon {
  padding: 0.5em;
}

/*** Hints box ***/

.hints_box.hints_main {
  position: absolute;
  top: 5em;
  right: 5em;
  width: 27em;
  display: none;
  border:1px solid #888888;
}
.hints_box div {
  margin: 0.3em;
}
.hints_box ul {
  margin-left: 1em;
}
.hints_box.hints_main {
  background-color: #feffb5;
  padding: 1em;
  margin: 0;
}  
.hints_box.hints_main em {
  color: #4A802F;
  font-style: normal;
  font-weight: bold;
}
.hints_box.hints_filters {
  clear: both;
  margin: 2em 0 0 0;
  top: 5em;
  right: 5em;
  width: 27em;
  border:1px solid #888888;
  background-color: #e6ffff;
  padding: 1em;
  padding-bottom: 2em;
}
.hints_box.hints_filters em {
  color: #4A802F;
  font-style: normal;
  font-weight: bold;
}
.hints_box .hints_off {
  float: right;
}
.hints_off img {
}
.hints_box .filter_hints_off {
  float: right;
}
.filter_hints_off img {
}

.show_hints_filters .filter_hints_show {
  display: none;
}
.hide_hints_filters .hints_filters {
  display: none;
}

/*** *** Old-ish *** CSS ***/

/*** Search form ***/

.search_top {
  padding-left: 180px;
  padding-bottom: 4px;
  border-bottom: solid 1px #d6e3e7;
  visibility: hidden;
}

.search_box .search_top {
  visibility: visible;
}

.search_top strong {
  font-size: 14px;
  color: #549c00;
  padding: 2px 10px 4px 10px;
  border: solid 1px #d6e3e7;
  border-color: #fff #d6e3e7;
  text-decoration: none;
  font-weight: normal;
}

.search_top a:hover {
  text-decoration: underline;
}

.search_table {
  width: 100%;
  border: solid 1px #d6e3e7;
  background: #e6edf0 url(http://s3.amazonaws.com/zanran_static/images/search_bg.png) repeat-x top left;
  margin: 0 5px 20px 4px;
}

.search_box .search_table {
    border-top: none;
    margin: 0;
}

.search_table td, .search_table th {
    text-align: left;
}

.search_brand {
    padding: 15px 10px;
    font-family: Lucida Bright;
    font-size: 16px;
    font-weight: bold;
    width: 100px;
}

.search_text {
    width: 650px;
    height: 20px;
    font-size: 14px;
    font-weight: normal;
    border: 1px #59990e solid;
    margin: 0 5px 0 0;
    padding: 5px 10px 0 10px;
    background: white;
}
.search_text.search_text_short {
  width: 400px;
}  


.search_button {
    height: 27px;
    padding: 4px 6px 5px 6px;
    border: 1px solid #59990e;
    background: #6eab26 url(http://s3.amazonaws.com/zanran_static/images/bt_off.gif) repeat-x center center;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
}

* html .search_button {
    padding: 4px 0;
}

.search_button:hover {
    border-color: #3f8e00;
    background-image: url(http://s3.amazonaws.com/zanran_static/images/images/bt_on.gif);
}

fieldset {
  padding: 0.2em;
}


/*** Typography ***/
#content a {
  color: #63c;
/*  text-decoration: none;*/
}
#content a:visited {
  color: #960;
}
#content a:hover {
  text-decoration: underline;
}
/*** Fonts ***/
body, td, th {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 12px;
}

/*** Rails flash messages ***/
.messages {
  width: 40em;
  border: 1px solid #888;
  margin-left: 5em;
}
.messages .notice {
  background: #AFA;
  padding: 1px;
}
.messages .warning {
  background: #FFA;
  padding: 1px;
}
.messages .error {
  background: #FAA;
  padding: 1px;
}


/*** Search results main cell ***/
.result_main h4 {
  margin-top: 1em;
  margin-bottom: 0em;
}
.result_main p {
  margin-top: 0;
  margin-bottom: 0;
}
.search_results p.highlighting em {
	/*background-color: #FF8;*/
	font-style: normal;
	font-weight: bold;
}
.result_main .date_created {
  color: #999;
}
.result_main {
  padding-left: 10px;
}

/*** Search results layout and extras ***/
table.results {
  margin: 1em 0;
  width: 100%;
  min-width: 500px;
  max-width: 1000px;
}
*:first-child+html table.results { /* ie7 workaround */
  width: 800px;
}
* html table.results { /* ie6 workaround */
  width: 800px;
}
table.results td {
  vertical-align: top;
}
.search_results_summary .query {
	font-weight: bold;
	color: #F08;
}
table.results .thumbnail_cell {
  width: 80px;
  text-align: center;
  vertical-align: middle;
  padding-left: 1em;
}
table.results .thumbnail_cell .full_preview_box {
  text-align: left;
}
.full_preview_box hr {
  margin: 1em;
  color: #d5d1a1;
}
table.results .feedback_link {
  vertical-align: middle;
  text-align: right;
  padding-right: 1em;
}

tr.result_sec td.thumbnail_cell > *,
tr.result_sec td.result_main > * {
  position: relative;
  left: 2em;
}

/*** Pagination ***/
.pagination {
  margin-top: 1em;
}
.pagination a {
	background: #FFF;
	border: 1px solid #DDD;
	color: #63C;
	padding: 2px 6px;
	text-decoration: none;
}
.pagination a:visited {
	color: #63C;
}
.pagination a:hover {
	background: #DDD;
	border: 1px solid #FFF;
}
.pagination .next {
	margin-left: 20px;
}
.pagination .prev {
	margin-right: 20px;
}
.pagination .current-page {
	font-weight: bold;
	color: #F08;
	padding: 2px 6px;
	border: 1px solid #DDD;
}
img.bubble {
  position: absolute;
  width: 258px;
  top: -50px;
  left: 64px;
}

/*** Image previews ***/
.zoom_icon {
  height: 16px;
  width: 16px;
  position: absolute;
  top: -4px;
  right: 4px;
}
.zoomable_thumbnail {
  position: relative;
}
.thumbnail {
  width: 100px;
  height: 70px;
  cursor: pointer;
  margin-top: 5px;
  margin-right: 5px;
  border: 1px solid #888;
}
.in_focus .thumbnail {
  border: 1px solid #888;
}
.full_preview_box {
  border: 1px solid #888;
  margin-left: 90px;
  position: absolute;
  visibility: hidden;
  z-index: 10;
  background: white;
  /* overflow: hidden; */
}
.in_focus .full_preview_box {
  visibility: visible;
}
.in_focus {
  z-index: 5;
}
.hints_main .preview_off {
  padding: 0.5em;
  background: white;
}
.preview_off {
  text-align: right;
}
.preview_off img {
  position: relative;
  top: 4px;
}
.preview_controls {
  width: 200px;
  border: 1px solid #d5d1a1;
  margin: 0.5em;
  background-image: url(http://s3.amazonaws.com/zanran_static/images/mouseover_gradient.png);
  background-repeat: repeat-x;
  background-position: bottom;
  padding: 5px;
}
.more_results_arrow {
  color: #888;
}

/*** Various user forms (login, registration, feedback) ***/
form h4 {
  color: #080;
  text-transform: uppercase;
}
form fieldset {
}
form p.help {
  margin-bottom: 0.5em;
}
fieldset.user_form .form_row, fieldset .button_row {
  clear: both;
}
fieldset.user_form .form_row label {
  text-align: right;
  float: left;
  width: 9em;
  margin-right: 0.5em;
}
fieldset.user_form .form_row.required label {
  font-weight: bold;
}
fieldset.user_form .form_row label .hint {
  font-style: italic;
  font-weight: normal;
}
fieldset.user_form .form_row.required label .hint {
  visibility: hidden;
}
fieldset.user_form .form_row:hover label .hint {
  visibility: visible;
}
fieldset.user_form .form_row input {
  width: 20em;
  margin-bottom: 0.5em;
}
fieldset.user_form .form_row textarea {
  width: 40em;
  height: 20em;
  margin-bottom: 0.5em;
}
fieldset.user_form .button_row {
  margin-left: 9.5em;
}
form {
  margin-top: 1em;
}
form h4 {
  font-size: 150%;
  border-bottom: 1px solid #AAAAAA;
  font-weight: normal;
  margin-bottom: 0.33em;
  padding-bottom: 0.17em;
}
.feedback-list li {
  margin-bottom: 1em;
}
.account-application-filter {
  float: right;
  width: 300px;
  border: 1px solid #888;
  padding: 5px;
}
.account-application-filter h4 {
  margin: 0;
  margin-bottom: 0.5em;
}
.account-application-list li {
  clear: both;
  margin-bottom: 1em;
}
.account-application .buttons div {
  float: left;
  margin-left: 1em;
}

/* Display something if no results */
#content_for_blank_results {
  margin-top: 2em;
}
#introVideoBox {
  margin-left: 5em;
  position: relative;
  cursor: pointer;
  width: 853px;
  height: 505px;
  overflow: hidden;
}
#introVideo {
  display: none;
}
#introVideoStatic {
  margin-left: 90px;
}

/*** Search box indentation etc. ***/

h3.search_form_header {
  margin-top: 2em;
  font-size: 200%;
}

/*** iPhone warning ***/
.mobile_warning {
  text-align: center;
  font-size: 300%;
  border: 1px solid black;
  background: #FF8888;
}

/*** Filter hints ***/
.filter_hints {
  clear: both;
}

.filter_hint {
  float: left;
  border: 1px solid black;
  background: #FF8;
  padding: 0.25em;
  margin: 0.5em;
}

#content #search_form .filter_hint a {
  color: black;
  text-decoration: none;
}


.query_explanation {
 margin: 1em;
}
.query_explanation h5 {
  
}

#solr_control_options h6 {
  width: 280px;
  text-align: right;
}
#solr_control_options .label_div {
  width: 280px;
  text-align: right;
  float: left;
  margin-right: 1em;
}
.solr_help {
  font-size: 75%;
}
.debug_info li {
  margin-left: 2em;
}

.query_explanation {
  border: 1px dashed #666;
}
.score_debug_info {
  border: 1px dashed #666;
}
#solr_control_options input {
  width: 30em;
}

#english_version_label {
  color: #00aa00;
  margin: 0;
  font-style: italic;
  text-align: left;
  margin-left: 1em;
}

.news {
  color: #C00;
  font-style: italic;
  float: right;
  font-size: 150%;
}
#footer {
  color: white;
  font-weight: bold;
  font-style: italic;
}
.footer_controls {
  position: absolute;
  left: 1em;
  bottom: 2em;
  text-align: left;
}
.footer_controls_admin {
  text-align: left;
  position: absolute;
  left: 1em;
  bottom: 0.5em;
}
.footer_address {
  position: absolute;
  bottom: 0.5em;
  right: 1em;
  text-align: right;
}
.footer_social {
  position: absolute;
  right: 1em;
  bottom: 2em;
}
.footer_social img {
  margin-left: 8px;
}
#footer a {
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
.filters_fields label {
  font-weight: bold;
  font-style: italic;
}
.filters_switch {
  font-style: italic;
  font-size: 125%;
  font-weight: bold;
}
.filters_switch em {
  font-size: 140%;
}
body.blank_query_page {
  background: black;
}

.filters_control {
  position: relative;
}
.filters_control .filters_help_tooltip {
  position: absolute;
  top: 3em;
  display: none;
  padding: 0.5em;
  background: #080;
  border: 1px solid black;
}
.filters_control:hover .filters_help_tooltip {
  display: block;
}
.example_above_footer {
  position: absolute;
  top: 0;
  right: 1em;
  text-align: right;
}
.search_form_header_subtitle {
  font-size: 120%;
  font-style: italic;
}
#filters_off_button {
  padding-top: 0.25em;
}
.one_line_logo {
  margin-right: 0.5em;
}
.filters_fields {
  background-color: #555;
  padding: 0.5em;
  display: inline-block;
  zoom:1;
  *display:inline;
}
#filters_off_button {
  display: inline-block;
  zoom:1;
  *display:inline;
}
.filters_control {
  margin-right: 0.5em;
  display: inline-block;
  zoom:1;
  *display:inline;
}
.preview_controls.preview_controls_small {
  width: 200px;
}
/*** Examples ***/
.examples {
  margin-top: 1em;
  margin-left: 4em;
}
.examples h3 {
  margin-top: 1em;
}
.examples ul {
  margin-left: 1em;
}
.examples p {
  width: 40em;
  max-width: 40em;
}
.hover_to_preview {
  width: 115px;
  height: 110px;
  border: 1px solid #888;
  background-color: yellow;
}
.one_keyword_only {
}
.one_keyword_only img {
  width: 300px;
  margin-left: 50px;
}
.help_bubble {
  position: absolute;
  font-weight: bold;
  text-align: center;
  top: -33px;
  display: none;
  left: -6px;
  *left: -11px;
}
.help_bubble_enabled {
  display: block;
}
.thumbnail_actual {
  position: relative;
}
.search_results_summary_social_buttons {
  float: right;
}

p.related_searches, p.interesting_terms {
  margin-left: 2em;
  margin-top: 1em;
  font-size: 100%;
  width: 800px;
  max-width: 800px;
}

.result_main .metadata {
  color: #390;
}
#content .result_main .metadata a {
  color: #390;
  text-decoration: none;
}
#content .result_main .metadata a:hover {
  color: #390;
  text-decoration: underline;
}
.original_url_box {
  display: none;
}
img.show_original_url_button {
  cursor: pointer;
}
.metadata.show_original_url .original_url_box {
  display: block;
}
#content .result_main a.results_more {
  color: #C44;
  font-size: small;
  text-decoration: none;
}
#content .result_main a.results_more:hover {
  text-decoration: underline;
}
#content .center_search_examples ul {
  list-style-type: none;
  margin-left: 1em;
}
.search_box_main {
  position: relative;
}
.home_button {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.order_tos {
  margin-left: 1em;
  margin-top: 1em;
  max-width: 60em;
  width: 60em;
}
.order_tos blockquote {
  margin-left: 1em;
}
.order_tos p {
  margin-top: 0.5em;
}
.order_tos h3 {
  margin-top: 1em;
}
.order_tos h5 {
  margin-top: 0.5em;
}
.order_tos ul {
  margin-top: 0.5em;
  margin-left: 1.5em;
}

.order_summary {
  margin-left: 1em;
  margin-top: 1em;
  max-width: 60em;
  width: 60em;
}
.order_summary .terms_of_sale {
  margin-top: 1em;
}
.order_summary table.order_details {
  margin: 1em;
}
.order_summary .terms_of_sale li {
  margin-top: 0.5em;
  margin-left: 1em;
}
.new_client {
  margin: 1em; 
  text-align: center;
  max-width: 60em;
  width: 60em;
}
.new_client th i {
  font-weight: normal;
}
.new_client h4 {
  margin-top: 1em;
}
.new_client table input {
  width: 30em;
}
.new_client table textarea {
  width: 30em;
}
.new_client .register_button_line {
  margin-top: 1em;
}
.paid_article_preview {
  margin: 1em; 
}
.paid_article_preview_side {
  float: right;
  width: 20em;
}
.paid_article_preview_side table {
  margin-top: 5em;
  margin-bottom: 5em; 
}
.paid_article_preview_main {
  max-width: 50em;
  width: 50em; 
}
.paid_article_preview_main h2 {
  text-align: center;
}
.paid_article_preview_main_preview {
  margin: 1em;
}
.cannot_sell {
  margin: 1em;
}
.cannot_sell p {
  margin: 1em; 
}
.login_required {
  margin: 1em; 
}
.login_required h4 {
  margin: 1em;
} 
.login_required a {
  margin: 1em; 
}
.order_details td {
  padding: 0.5em;
}
.order_details th {
  padding: 0.5em;
}
.client_login {
  margin: 1em;
}
.accepted_tos {
  margin: 0.5em; 
}
.paid_article_preview_side div {
  margin-top: 2em; 
}
.login_required table {
  margin-bottom: 1em;
}
.login_required table td {
  margin: 1em;
}
.login_required table {
  text-align: center;
}
.login_required table td {
  vertical-align: top;
}
.has_tos_hoverbox {
  position: relative;
}
.tos_hoverbox {
  position: absolute;
  display: none;
  border: 1px solid black;
  background: #CCC;
  width: 40em;
  z-index: 1;
}
.has_tos_hoverbox:hover .tos_hoverbox {
  display: block;
}