/*
	replacement for common.css and site.css
*/
body {
	background: url(img/bg_body.png) top left no-repeat
}

/* h definitions */
h1, h2, h3, h4 { 
	font-style:normal;
	color: #333; 
}
h1 { font-size:20px; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4 { font-size:14px; }

a { color: #900; }
a:hover { color: #c63; }
/* used for debugging
div {
	border: 1px solid #ccc;
}
*/
.align-right {
	text-align: right;
}
.clear {
	clear:both;
	height:0;
	visibility:hidden;
	overflow:hidden;
}

/* top header bg */ 
.bg-redimg {
	background:#300 url(img/bg_redimg.png) center top no-repeat;
}
/* panel header bg */
.bg-redimg-left {
	background:#300 url(img/bg_redimg.png) left top no-repeat;
}
.btn-default {
	background-image: linear-gradient(to bottom, #fff, #e6e6e6);
}
/* bootstrap overrides - modifications to bootstrap navbar ------------------ */
.navbar, .navbar-default, .navbar-collapse {
	background:transparent;
	-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
	border: none;
	padding: 0;
	margin: 0;
	min-height:39px; /* override bs3 setting of 50px */
}
#navbar {
	overflow: hidden; /* this fixes the problem of a scroll bar appearing in mobile menu view */
}
.bg-nav {
	background-color:#300;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav .open > li > a {
	/*color: #777;*/
	color: #fff;
	background-color: #300;
	padding: 9px 15px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav .open > li > a:hover,
.navbar-default .navbar-nav .open > li > a:focus {

	/*color: #333;
	background-color: transparent;*/
	color: #fff;
	background-color: #966;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	/*	
	color: #555;
	background-color: #e7e7e7;
	*/
	color: #fff;
  	background-color: #966;
}
/* END bootstrap overrides - modifications to bootstrap navbar -------------- */

.brand {
	color: #c46d04; /* mobile menu view text */
}

/* search panel definitions ------------------------------------------------- */
.sbkb-search-query {
	width: 95%;
}
.sbkb-btn-red {
	border-color: #4c5960;
	background: linear-gradient(to bottom, rgb(151, 49, 49), rgb(102, 0, 0));	
	line-height: 1.0;
}

/* panel definitions -------------------------------------------------------- */
.sbkb-simple-panel {
	margin: 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 10px;
}
.sbkb-panel {
	margin-bottom: 15px;
}
.sbkb-panel-heading {
	border-width: 1px 1px 0;
	border-style: solid;
	border-color: #4c5960;
	border-radius: 4px 4px 0 0;
	background-color: #4c5960;
	background: linear-gradient(to right, rgba(76, 89, 96, 1.0), rgba(76, 89, 96, 0.66));
	padding: 10px;
}
.sbkb-panel-heading-message {
	border-width: 1px 1px 0;
	border-style: solid;
	border-color: #ccc;
	border-radius: 4px 4px 0 0;
	background-color: #4c5960;
	background: linear-gradient(to right, rgba(76, 89, 96, 0.3), rgba(76, 89, 96, 0.1));
	padding: 10px;
}
.sbkb-panel-body-message {
	border: 1px solid #ccc;
	border-top: none;
	border-radius: 0 0 4px 4px;
	padding: 10px;
}
.sbkb-panel-heading-message h3 {
	color: #900;
	margin: 0;
}
.sbkb-panel-heading.bg-redimg-left {
	background:#300 url(img/bg_redimg.png) left top no-repeat;
}
.sbkb-panel-heading h2, .sbkb-panel-heading h3, .sbkb-panel-heading h4, .sbkb-panel-heading h4 {
	color: #fff;
	margin: 0;
}
.sbkb-panel-heading.search h3 {
	color: #000;
	margin: 0;
}
.sbkb-panel-body {
	border: 1px solid #ddd;
	border-top: none;
	border-radius: 0 0 4px 4px;
	padding: 10px;
}
.sbkb-panel-body-only {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 10px;
}
.sbkb-panel-heading.search {
	border-color: #a9afb6;
	background: linear-gradient(to right, rgba(230, 132, 46, 1.0), rgba(239, 171, 74, 0.8));
}
.sbkb-panel-body.search {
	border: 1px solid #a9afb6;
	border-top: none;
	background: linear-gradient(to right, rgba(239, 171, 74, 1.0), rgba(239, 171, 74, 0.25));
}
.bg-about-this-site {
	background: #150202 url(img/bg-about-this-site.jpg) right top no-repeat;
}
.bg-ecollection {
	background: #150202 url(img/bg-e-collection-homepage.jpg) right top no-repeat;
}

.sbkb-content {
	background-color: 	#fff;
	border-left:		1px solid #ddd;
	border-right:		1px solid #ddd;
}
.sbkb-header, .sbkb-footer2 {
	background: #300 url(img/bg_redimg.png) center top no-repeat;
	min-height: 62px;
}
.sbkb-header img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
.sbkb-footer1 {
	margin-top: 20px;
	color: #333;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #c1c7cd;
	background: linear-gradient(to right, #c1c7cd, #dcdfe3);
}
.sbkb-footer1 ul {
    margin: 0;
    padding: 0;
}
.sbkb-footer1 ul li {
    list-style-type: none;
    display: inline;
}
.sbkb-footer1 li:before {
	content: " | ";
}
.sbkb-footer1 li:first-child:before {
	content: none;
}
.sbkb-footer2 {
	font-size: 14px;
	color: #fff;
 	padding-top: 5px;
}

.sbkb-tab-gradient {
	background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}
.sbkb-badge {
	padding:2px 10px;
	background-color: #69c;
}

/* sbkb non-red btn */
.sbkb-btn {
	padding: 5px 10px;
	font-size: 12px;
	border-radius: 4px;
	border-radius: 4px;
	border: none;
	color: #fff;
	margin-top: 15px;
	background: linear-gradient(to top, #9fa7b0, #cacfd4);
}
.sbkb-btn.sbkb-btn-disabled {
	background: linear-gradient(to top, #cacfd4, #dcdfe3);
	border: none;
	color: #e5e7e9;
	cursor: default;
}
.sbkb-round-top {
	border-top-left-radius: 5px;	
	border-top-right-radius: 5px;
}
.sbkb-round-bottom {
	border-bottom-left-radius: 5px;	
	border-bottom-right-radius: 5px;
}

/* from common.css */
.my-icon-check { 
	background:url(img/icon_check.png) no-repeat center center;
	background-size:20px 20px;
	-moz-background-size:20px 20px;
}

/* from site.css */
.postit{background:url(img/postit.png) top left no-repeat;width:200px;height:200px;padding:40px 0 0 20px}
.postit li{line-height:15px}

.glyphicon-new-window {
	font-size: 12px;
}

.txtc{text-align:center!important}
.txtr{text-align:right!important}
.txtl{text-align:left!important}
.w20{width:18%}
.w25{width:23%}
.w30{width:28%}
.w33{width:31.33%}
.w40{width:38%}
.w45{width:43%}
.w50{width:48%}
.w55{width:53%}
.w60{width:60%}
.w70{width:68%}
.w75{width:73%}
.w80{width:78%}
.w90{width:88%}
.w100{width:98%!important}
.wa0{width:0;overflow:hidden}
.wa2{width:2%!important}
.wa16p66{width:16.66%}
.wa20{width:20%}
.wa25{width:25%}
.wa33{width:33.33%}
.wa45{width:45%}
.wa50{width:50%}
.wa55{width:55%}
.wa75{width:75%}
.wa100{width:100%!important}
.w100px{width:100px}
.w300px{width:300px}
.mw100px{min-width:100px}
.h71px{height:71px}
.h100px{height:100px}
.mh50{min-height:50px}
.mh175{min-height:175px}
.mh200{min-height:200px}
.mh275{min-height:275px}
.mh400{min-height:400px}
.mxw50{max-width:50%}

table.annotationView {
	width:100%;
}
table.annotationView tr {
	vertical-align:top;
}
table.annotationView td {
	padding:2px;	
}
table.annotationView td.annotationLabel {
	width:250px;
	white-space: nowrap;
	font-weight: bold;
	text-align:right;
	padding-right: 10px;
}
table.annotationView td.annotationHeading {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	background-color: #f6f7f8;
}
.chainOrOrdinal {
	background-color:#edeff1;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	border: 1px solid #d3d7dc;
	padding: 10px;
	margin-top:10px;
	margin-bottom:5px;
}
.sbkb-label {
	font-weight: bold;
}

/* remove annoying bootstrap outline from focus */
a:focus { outline: none;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
	outline: none;
}		

.sbkb-gray {
	color: #75808b;
}
.popover-content{font-size:12px}
.popover {max-width:1000px;}

.pall,.ptb,.pt,ul.li-pad > li{padding-top:5px}
.pall,.ptb,.pb,ul.li-pad > li{padding-bottom:5px}
.pall,.plr,.pl,ul.li-pad > li{padding-left:1%}
.pall,.plr,.pr,ul.li-pad > li{padding-right:1%}
.pall2,.ptb2,.pt2{padding-top:10px}
.pall2,.ptb2,.pb2{padding-bottom:10px}
.pall2,.plr2,.pl2{padding-left:2%}
.pall2,.plr2,.pr2{padding-right:2%}

.nomp,.nopad{padding:0!important}
.nomp,.nomar{margin:0!important}

.mall,.mtb,.mt,ul.li-mar > li{margin-top:10px}
.mall,.mtb,.mb,ul.li-mar > li{margin-bottom:10px}
.mall,.mlr,.ml,ul.li-mar > li{margin-left:1%}
.mall,.mlr,.mr,ul.li-mar > li{margin-right:1%}
ul.li-brdr > li{border:1px solid #e5e5e5}
ul.li-brdrb > li{border-bottom:1px solid #fff}
ul.li-pad > li{padding:0 5%}
ul.li-ablock > li a{display:block}
ul.li-martb > li{margin-top:3px;margin-bottom:3px}
.bg-green{background:#66cc33}
.my.tab-pane{min-height:300px}
.my.modal{width:60%;left:20%;margin:auto}
.glyphicon-new-window {
	color: #000;
}

@media print {    
    .no-print {
        display: none;
    }
}