 
/* ------------------------------------------------------
 * UB Libraries Style Sheet
 * Kristopher Miller (kjmiller@buffalo.edu)
 
 * Last Revision: Sept. 30, 2009
 * ------------------------------------------------------
 */
 

 
 
 /* LAYOUT */
 

body  {font: 100% Arial, Helvetica, sans-serif; margin: 0 0 50px; 0; padding: 0; text-align: center; color: #000000; background-color:#272727; height:100%; font-size:12px;}

img {border: 0}

.inner  {font: 100% Arial, Helvetica, sans-serif; margin: 0 0 50px; 0; padding: 0; text-align: center; color: #000000;	background-color:#fefcf0; height:100%; font-size:12px;}

#container {width: 100%; margin: 0px; border: 0px solid #000000; text-align:center; background-color: #fefcf0; height:auto;}

#content {width: 960px; margin: 0px auto; border: 0px solid #000000; text-align:center; background-color: #fefcf0; height:auto;  padding-top:60px;} 

#content_admin {width: 960px; margin: 0px auto; border: 0px solid #000000; text-align:center; background-color: #fefcf0; height:auto;  padding-top:20px;} 

#headlogo {background-image:url('../img/head_logo.gif'); background-repeat:no-repeat; width:960px; height:103px; background-position:top center;}

#search {width:500px; height:53px; padding-left:230px; float:left;}

#searchc {background-image:url('../img/search_bg.gif'); background-repeat:no-repeat; width:960px; height:53px; background-position:top center; margin-top:22px; padding-right:0px;}

#advancedsearch {float:left; margin-top:20px;}

#bottom_pagenav {width:955px; background-color:#fefcf0; height:50px; float:left; margin-top:25px; bottom:0px; margin-bottom:0px;}

#footer {width:100%; background-color:#fefcf0; height:100px; float:left; margin-top:45px; bottom:0px; margin-bottom:0px;}

.searchform {padding:10px 0px 0px 0px;}

.admin_results {float:left; padding:10px; height:300px;}

#footer_nav {float:left; padding:10px; height:300px;}

#admin_container {border: 1px solid #8e8774; width:100%; height:auto; float:left; padding:15px;}

input.searchform {width:377px; height:24px; font-size:1.2em; color:#939393; padding:5px 0px 0px 10px; font-family:Helvetica, Arial, sans-serif; }

.content_results {width:865px; background-color:#FFF;  border: 1px solid #636363; text-align:left; margin:20px 0px 0px 0px; padding:45px 45px 5px 45px; float:left;}

#content_results {width:865px; background-color:#FFF;  border: 1px solid #636363; text-align:left; margin:20px 0px 0px 0px; padding:45px 45px 30px 45px; float:left;}

#content_page {width:750px; background-color:#FFF;  border: 1px solid #636363; text-align:left; margin:40px 0px 0px 70px; padding:40px 45px 30px 45px; float:left;}

.db_image {float:left; width:101px; margin-right:29px; height:200px;}

#db_image {float:left; width:101px; margin-right:29px; height:200px;}

#db_image_lrg {float:left; width:101px; margin-right:29px; height:220px;}

.db_content {float:inherit; height:auto; width:860px; border-bottom:0px solid #ccc;}

#db_content {float:inherit; height:auto; width:860px; border-bottom:0px solid #ccc;}

#db_compare {float:left; height:auto; width:420px; border-bottom:0px solid #ccc;}

#db_compare2 {float:left; height:auto; width:400px; border-bottom:0px solid #ccc; margin-left:40px;}

.comparative {float:inherit; background-color:#f4f8c5; border:0px solid #d2dd4f; height:30px; width:auto; margin:30px 0px 20px 0px; font-family:'Helvetica',Arial, sans-serif; font-size:14px; color:#000; font-weight:bold; padding:15px 0px 0px 15px;}

#comparative {float:inherit; background-color:#f4f8c5; border:0px solid #d2dd4f; height:30px; width:auto; margin:30px 0px 20px 0px; font-family:'Helvetica',Arial, sans-serif; font-size:14px; color:#000; font-weight:bold; padding:15px 0px 0px 15px;}

.comparative_review {background-color:#e9edf4; padding:25px;}

#comparative_review {background-color:#e9edf4; padding:25px;}

#results_bar {width:955px; text-align:left; margin-top:25px;}

#result_pages {float:right; width:200px; text-align:right;}

.result_pages {float:right; width:200px; text-align:right;}

.arrow {margin-top:5px;}

#stats {float:right; width:275px; margin:0px 0px 30px 30px; border:0px solid #ccc; padding:0px 10px 10px 10px;}

#totalreviews {width:960px; margin-top:30px; top:-50%;}

ul {list-style-type: circle; }

#noresults {background-color:#ffebe8;  border: 1px solid #dd3c10; padding:10px; width:600px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:14px; font-weight:bold; margin-top:50px;}

#added {background-color:#eaf7ba;  border: 1px solid #dd3c10; padding:10px; width:600px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:14px; font-weight:bold; margin-top:50px; margin-left:175px;}

div.exhibit-text-facet input {
width: 50%;}



.exhibit-tabularView-body {
	border: 1px solid #ccc;
	border-spacing:0}

.exhibit-tabularView-body td {
	padding: 5px;
	border: 1px solid #ccc;}


.exhibit-tabularView-body tr {
	padding: 5px;
	border: 1px solid #ccc;}


table.lib {border-width: 1px;border-spacing:0 ; border-style: solid; border-color: #ccc; border-collapse: collapse; background-color: white;}

table.lib th {border-width: 1px; padding: 5px; border-style: solid; border-color: #ccc; background-color: white; background: #e6d7bf url('../img/bg_table.jpg') repeat-x;}

table.lib td {border-width: 1px; padding: 15px 15px 15px 15px; border-style: solid; border-color: #ccc; background-color: white;}

.ad {margin-top: 30px; padding: 3px; border: 1px solid #ccc}

table.admin {border-width: 1px;border-spacing:0 ; border-style: solid; border-color: #dbd3bc; border-collapse: collapse;}

table.admin th {border-width: 1px; padding: 5px; border-style: solid; border-color: #dbd3bc; background-color: white; background: #e6d7bf url('../img/bg_table.jpg') repeat-x;}

table.admin td {border-width: 1px; padding: 8px; border-style: solid; border-color: #dbd3bc;}

#social {margin-top:15px;}
 img{border:0px}



.video {margin-bottom: 20px}



/* --------------------- GLOBAL NAVIGATION  --------------------- */


#topcontainer {width:auto; background-color:#272727; height:47px; margin: 0px auto;}
#globalnav_container_inner    {padding: 0px 0px 0px 0px; width: 960px; margin: 0px auto; padding-top:15px;}
#globalnav_container    {padding: 0px 0px 0px 0px; width: 960px; margin: 0px auto; padding-top:34px;}
#nav_globalnav 			{margin:0px 0px 0px 0px; padding:0px; float:left;}
#nav_globalnav LI		{display:inline;}
#nav_globalnav A		{display:block;height:23px;margin-left:0px;background-repeat:no-repeat;float:left;}
#nav_globalnav SPAN		{display:none;}




/* BASIC STATE */

#nav_globalnav #home	  {width:66px; background-image:url(../img/nav_home_r.gif);}
#nav_globalnav #about	  {width:75px; background-image:url(../img/nav_about_r.gif);}
#nav_globalnav #materials {width:157px; background-image:url(../img/nav_submitmaterials_r.gif);}
#nav_globalnav #reviews   {width:135px; background-image:url(../img/nav_reviews_r.gif);}




/* ON STATE */

#_home	 #nav_globalnav #home          {width:66px; background-image:url(../img/nav_home.gif);}
#_about  #nav_globalnav #about         {width:75px; background-image:url(../img/nav_about.gif);}
#_materials #nav_globalnav #materials  {width:157px; background-image:url(../img/nav_submitmaterials.gif);}
#_reviews #nav_globalnav #reviews	   {width:135; background-image:url(../img/nav_reviews.gif);}
#nav_globalnav #rss                    {width:190px; background-image:url(../img/icon_rss.gif);}
#nav_globalnav #supported	           {width:330px; background-image:url(../img/ublibraries_supported.gif);}


/* ROLLOVER STATE */

#nav_globalnav #home:hover	     {width:66px; background-image:url(../img/nav_home.gif);}
#nav_globalnav #about:hover	     {width:75px; background-image:url(../img/nav_about.gif);}
#nav_globalnav #materials:hover  {width:157px; background-image:url(../img/nav_submitmaterials.gif);}
#nav_globalnav #reviews:hover	 {width:135px; background-image:url(../img/nav_reviews.gif);}




/** Carousel */

#scroll {width: 960px;  border: 0px solid #000000; text-align:center; height:174px; margin-top:40px; padding-bottom:0px; background-image:url('../img/scroll_bg.jpg'); background-repeat:no-repeat; background-position:top center;}

#scroll_admin {width: 960px;  border: 0px solid #000000; text-align:center; height:244px; margin-top:40px; padding-bottom:0px; background-image:url('../img/scroll_admin_bg.jpg'); background-repeat:no-repeat; background-position:top center;}

.jcarousel-skin-tango .jcarousel-container-horizontal {width: 960px; padding-top:21px; }

.jcarousel-skin-tango .jcarousel-clip-horizontal {width:750px; height: 133px;  margin: 0px auto;}

.jcarousel-skin-tango .jcarousel-item {width: 101px; height: 133px;}

.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 27px;}

.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff; color: #000;}





/** Horizontal Buttons*/

.jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute; top: 65px; right: 38px; width: 32px;  height: 32px; cursor: pointer; background: transparent url('../img/next-horizontal.png') no-repeat 0 0;}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position: -32px 0;}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {background-position: -64px 0;}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {cursor: default; background-position: -96px 0;}

.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute; top: 65px; left: 40px; width: 32px; height: 32px; cursor: pointer; background: transparent url('../img/prev-horizontal.png') no-repeat 0 0;}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position: -32px 0;}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {background-position: -64px 0;}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {cursor: default; background-position: -96px 0;}

form {margin: 0px; padding: 0px;}

.print {display: none;}


/* TEXT STYLES */

a {font-family:'Helvetica',Arial, sans-serif; font-size: 12px; font-weight: normal; color: #000;}

.advancedsearch { font-family:'Helvetica',Arial, sans-serif; font-size:12px; color:#626161; text-decoration:underline;}

.subject {font-family:'Helvetica',Arial, sans-serif; font-size:12px; color:#747373;}

.admin_nav {font-family:'Helvetica',Arial, sans-serif; font-size:12px; color:#fff;}

.out {font-family:'Helvetica',Arial, sans-serif; font-size:12px; color:#a3a2a2;}

.title {font-family:'Helvetica',Arial, sans-serif; font-size:18px; color:#3e459d; font-weight:bold;}

.numbers {color:#005ca4; font-family:'Helvetica',Arial, sans-serif; font-size:12px; font-weight:bold; text-decoration:underline;}

.reviews {color:#747373; font-family:'Helvetica',Arial, sans-serif; font-size:18px; font-weight:bold;}

.green {font-family:'Helvetica',Arial, sans-serif; font-size: 12px; font-weight: normal; color: #098d02; font-weight:bold;}

.red {font-family:'Helvetica',Arial, sans-serif; font-size: 12px; font-weight: normal; color: #ff0000; font-weight:bold;}


