/*
Copyright 2002-2012 MarkLogic Corporation.  All Rights Reserved.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

     http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/

/*  Result Widget Styling - covers styling for widget gnerated HTML */

.stat {
    color: red;
}

#results .resultNumber {
    width: 60px;
    text-align: right;
     color: rgb(75,75,75) !important;
    float: right;
    font-size: 20px;
      opacity: 0.8;
    filter: alpha(opacity=80); /* for mozilla */
}

.stats {
    display: inline-block;
    color: rgb(75,75,75) !important;
    padding-bottom: 10px;
    width: 750px;
}

#results .title {
  font-size: 26px;
  width: 700px;
  line-height: 120% !important;
  color: rgb(75,75,75);
  
  display: inline-block;
	/*margin-top: 10px !important;*/
	padding-bottom: 10px !important;

	font-family:"chaparral-pro" !important;
	text-decoration: none !important;

  
}

#results .title  p {
  color: rgb(0, 140, 255);
  font-size: 16px;
}

#results .snippet {
  font-size: 16px;
  color: rgb(75,75,75) !important;
  width: 750px;
/*  float: right;
*/}

#results .snippet .highlight {
opacity: 0.7;
    filter: alpha(opacity=70); /* for mozilla */
      background-color:red;
      display: inline-block;
             	-webkit-border-radius: 3px;
               -moz-border-radius: 3px;
               border-radius: 3px;
			   color: white;
}

#results .score {
  font-size: 12px;
  color: #999999;
  display: none;
}

#results .metadata {
	margin-top: 4px;
	margin-bottom: 4px;
    color: rgb(75,75,75);
    font-size: 16px;
}

#results .metadata:hover {
	    text-decoration: none;

}

#results .item  {
background:#f5f3e5 url(https://code.jquery.com/ui/1.8.23/themes/south-street/images/ui-bg_highlight-hard_100_f5f3e5_1x100.png) repeat-x scroll 50% top;
	border-left: 3px solid #FF0000;
	border-right: 3px solid #FF0000;
	margin-top: 10px;
	margin-right: 30px;
	margin-left: 0px;
	padding: 10px;
	margin-bottom: 5px;
	-webkit-border-radius: 8px;
               -moz-border-radius: 8px;
               border-radius: 8px;
               width: 780px;
               color: black;
}

#results .item  ul {
	padding-top:20px;
}

#results .item:hover  {
	/*-moz-box-shadow:   inset 0 0 5px black;
        -webkit-box-shadow: inset 0 0 5px black;
        box-shadow:   inset 0 0 5px black;*/
               /*cursor: pointer;*/
}

#results .metadata ul li:after {
    content: ", ";
}
#results .metadata ul li:last-child:after {
    content: "";
}

/* Legacy styles from 5.0 */
.result-navigation {
  color: rgb(150,150,150);
}
.result-navigation b {
  color: rgb(235,75,0);
}

.result-navigation a {
  color: rgb(150,150,150);
}

.result-navigation a:hover {
  color: rgb(50,50,50);
  text-decoration: none;
}
.result-navigation a:hover.step {
  background-position: left -22px;
}

.result-navigation a:hover.next-step {
  background-position: right -22px;
}

.result-navigation .pagination {
  font-weight: bold;
}
.result-navigation .step {
  background-image: url('/images/pager_arrows.png'); 
  background-position: left 4px;
  background-repeat: no-repeat;
}
.result-navigation .step.next-step {
    background-position: right 4px;
}
.result-navigation .pagination span {
  color: rgb(240,50,0);
}
/* End legacy styles */


#results-header {
    height: 30px;
    position: relative;
    font-size: 12px;
    background-color: black;
   /* text-transform: uppercase;*/
    /* prevent highlighting of text */
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}
#results-header #snippet-nav {
  position: relative;
  float: left;
  padding-left: 25px;
}
#results-header #sort-nav {
  position: relative;
  float: left;
  padding-top: 0px;
  padding-right: 0px;
  cursor:pointer;
}
#results-header .snippet-button {
  border-left: solid 1px #cccccc;
  position: relative;
  float: left;
  height: 30px;
}
#results-header .snippet-button:last-child {
  border-right: solid 1px #cccccc;
}
#results-header .snippet-button:hover,
#results-header .snippet-button.selected:hover {
  background-color: #dddddd;
}
#results-header .snippet-button.selected {
  background-color: #f0f0f0;
}
#results-header #snippet-short {
  display: inline-block;
  width: 32px;
  height: 28px;
  background: url(snippet-short.png) no-repeat;
  background-position: 0 0;
}
#results-header #snippet-long {
  display: inline-block;
  width: 32px;
  height: 28px;
  background: url(snippet-long.png) no-repeat;
  background-position: 0 0;
}

ul#sort-list {
    width: 210px;
    top: 5px;
    left: 5px;
    position: relative;
    z-index: 999;
    background-color: black;
    display: none;
      opacity: 0.8;
    filter: alpha(opacity=80); /* for mozilla */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
-webkit-padding-start: 0px !important;
}
ul#sort-list li {
    /* border: 1px solid #CCCCCC; */
    text-transform: none;
    color: white;
    -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
	text-align: left !important;
}
ul#sort-list li.selected {
  background-color: red;
   opacity: 0.95;
    filter: alpha(opacity=95); /* for mozilla */
}
ul#sort-list li.default {
  font-style: italic;
}
ul#sort-list li:hover {
  background-color: #fdb812;
  color: black !important;
}
ul#sort-list li a {
font-family: "chaparral-pro" !important;
    font-size: 20px !important;
	text-align: left !important;
  color: white;
  text-decoration: none;
  padding: 5px 5px;
  display: block;
}

/* Accordion arrow styles */
/*#results-header .tipdown {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(tipdown3-btn.png) no-repeat;
  background-position: 0 -10px;
}*/
#results-header .tipdown.open {
  background-position: 0 -20px;
}