.page-banner {
    margin-bottom: 10px;
}

.black-bar {
    background-color: #000;
    padding: 5px;
}

.gradient-black {
    background: #000;
    background: linear-gradient(#444343, #4C4B4B, #282727);
}

.panel-heading[data-toggle="collapse"] {
    cursor: pointer;
    position: relative;
    padding-right: 2em;
}

.panel-heading[data-toggle="collapse"] .fa.pull-right {
    position: absolute;
    top: 50%;
    right: .3em;
    margin-top: -.5em;
    margin-left: 0;
    font-size: 1.8em;
}

.login-options-list,
.institution-list {
    list-style: none;
    padding-left: 0;
}

.login-options-list li,
.institution-list li {
    padding: 10px 0;
}

.login-options-list li {
    border-top: 1px solid #CCC;
}

.login-options-list li:first-child {
    border-top: none;
}


.page-banner .img-responsive {
    max-height: 100%;
}

.page-banner {
    height: 40px;
    padding: 10px 0;
}

/* small screen */
@media (min-width: 768px) {
    .page-banner {
        height: 60px;
        padding: 15px 0;
    }
}

/* medium screen */
@media (min-width: 992px) {
    .page-banner {
        height: 80px;
        padding: 20px 0;
    }
}

/* legacy styles */

.body {
	margin: 0 auto 0 auto;
	width: 1050px;
	border: 1px solid;
}

#bottom {
	padding: 0 48px 0 57px;
}

.footer_link {
	cursor: pointer;
	margin-left: 9px;
	margin-right: 9px;
}

.footer {
	background-image: url(/images/app/login/footer_background.238b0f4b.png);
	color: #808080;
	font-size: 12px;
	font-weight: bold;
	height: 42px;
	padding-top: 25px;
}

.footer a {
	color: #808080;
}

#language_select {
	float: left;
	width: 95px;
}

/*Top area*/
.top_bar_black
{
    background-color: #000000;
    height: 42px;
}
.top_black_text
{
    padding: 9px 10px 0 24px;
}
.top_black_left
{
    width: 50%;
    float: left;
    padding-top: 3px;
}
.top_black_right
{
    float: left;
}
#profile_top
{
    font-size: 14px;
    font-family: Arial;
    color: #fefefe;
    cursor: pointer;
}

#skip_to_content
{
    font-size: 12px;
    color: #fefefe;
}
#type_size
{
    font-size: 12px;
    color: #fefefe;
    margin-left: 10px;
}
.search_options
{
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    padding-top: 10px;
    padding-left: 5px;
}
.top_vertical_blue
{
    font-size: 14px;
    color: #70718F;
    font-weight: bold;
    margin: 0 7px 0 7px;
}
.top_vertical_blue2
{
    font-size: 14px;
    color: #70718F;
    font-weight: bold;
    margin: 0 7px 0 7px;
}
.top_left
{
    width: 48px;
    height: 168px;
    background: url(/images/app/shared/top_left.730bf1cb.png);
    float: left;
}
.top_center
{
    float: left;
    width: 950px;
    height: 168px;
    background: url(/images/app/shared/top_background.62881304.png);
}
.top_right
{
    width: 52px;
    height: 168px;
    background: url(/images/app/shared/top_right.1075e56c.png);
    float: left;
}

.credo_logo {
    float: left;
    margin: 20px 0;
}

.literati_logo {
    float: right;
    margin: 20px 0;
}

.center
{
    width: 410px;
    height: 91px;
    float: left;
    /*margin: 16px 19px 19px 17px;*/
	margin:17px 0;
	border-left:1px dotted #ffffff;
	border-right:1px dotted #ffffff;
}
.left
{
    width: 208px;
    height: 91px;
    background: url(/images/app/shared/logo_box.062d7a9b.png);
    background-repeat: no-repeat;
    float: left;
    margin-top: 15px;
}

#left_content
{
    min-height:600px;
}

h3.orange.tools
{
    font-family: Georgia;
    font-size: 20px;
    font-weight: normal;
    margin: 10px auto; 
    color:#D66711;
}
.orange
{
    color:#D66711;
}

.block_heading
{
    color:#595e7c;
    font-size:15px;
    font-weight:bold;
    margin-bottom:20px;
}
.block_heading.right
{
    margin-left:32px;
}

/* from old site*/
.bodyi
{
    font-style:italic;
}
.eHead {
	color:#505050;
	margin-bottom: 8px;
	display: inline;
}
.sHead {
	font-weight:bold;
	color:#505050;
}
.sHead2 {
	font-weight:bold;
	font-style:italic;
	color:#505050;
}
.sHead3 {
	font-style:italic;
	color:#505050;
}
.sHead4 {
	font-weight:bold;
	color:#505050;
}
.sHead5 {
	font-weight:bold;
	font-style:italic;
	color:#505050;
}
.sHead6, .sHead7, .sHead8, .sHead9, .sHead10 {
	font-style:italic;
	color:#505050;
}
.sHeadCitation {
	display:block;
	margin-left:18px;
	margin-right:18px;
	text-indent:-18px;
	list-style: none outside none;
}
.sHeadSense {
    display:block;
    margin-top:18px;
	font-weight:bold;
}
.sHeadQuote {
	color:#777777;
}
.bodyac {
	text-transform:uppercase;
}
.bodyb {
	font-weight:bold;
}
.bodybi {
	font-weight:bold;
	font-style:italic;
}
.bodybsb {
	font-weight:bold;
	vertical-align:sub;
}
.bodybsp {
	font-weight:bold;
	vertical-align:super;
}
.bodybu {
	font-weight:bold;
	text-decoration:underline;
}
.bodyi {
	font-style:italic;
}
.bodyisb {
	font-style:italic;
	vertical-align:sub;
}
.bodyisp {
	font-style:italic;
	vertical-align:super;
}
.bodysb {
	vertical-align:sub;
}
.bodysc {
	font-variant:small-caps;
}
.bodysp {
	vertical-align:super;
}
.bodyu {
	text-decoration:underline;
}
.bodyltt {
	font-weight:bold;
}
.bodysansserif {
	font-family:Helvetica,sans-serif;
}
.bodymonospace {
	font-family:Courier, monospace;
}
.fm {
	line-height:32px;
}
.dq {
	text-transform:uppercase;
}

.authorCapsRight {
    display:block;
    text-align:right;
    font-variant:small-caps;
}
img.frontCover, img.frontcover { /* both case styles have been used */
    float:left;
    margin: 0 20px 5px 0;
}
p.eCopyright {
    margin-top: 20px;
    color:#888888;
    font-style:italic;
}

#tweet_query
{
   /* min-height:700px;*/
    width:245px;
}

a
{
    text-decoration:none;
    color:#D97426;
}

.entrytable
{
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    margin: 0 auto;
}


.entrytable thead
{
    background: #E6E6E6;
}

.entrytable tbody
{
    background: #F5F5F5;
}

caption .entrytable
{
    background-color:#ffffff;
}
a img
{
    border:none;
}
.info_icon_blue
{
    width:6px;
    height:10px;
    position:relative;
    top:1px;
    left:3px;
    background-image:url('/images/app/shared/InfoIcon_Blue.png');
    background-repeat:no-repeat;
}
.info_icon_white
{
    width:6px;
    height:10px;
    position:relative;
    top:1px;
    left:3px;
    background-image:url('/images/app/shared/InfoIcon_White.dc62a92d.png');
    background-repeat:no-repeat;
}

#library_results_bottom
{
    height:17px;  
    background: url("/images/app/shared/results/library_res_bk_bot.36a2ca8a.png") no-repeat 0 0; 
}

.library_results_text 
{
    margin: 16px 0 0;
    padding: 15px 0 10px 25px;
    width:100%;
    background: url("/images/app/shared/results/library_res_bk_cen.ca644ec2.png") repeat-y 0 0; 
}

.library_results_title 
{
    padding: 16px 0 0 20px;
}

#crossword-solver-instructions
{
    color:red;
    padding: 20px 0 10px 15px;
    display:none;
    font-size: 13px;
}
.search_fieldset
{
    display: inline; border: medium none; padding: 0; margin: 0;
}
#user_login
{
	float:left;
}


/* debug info */
.debug-info-box {
    border: 1px solid #747492;
    margin: 10px auto;
    font: normal 11px Arial;
    background: #F5F5F5;
    color: #505050;
}

.debug-info-box header {
    font-weight: bold;
    font-size: 13px;
}

.debug-info-box > header {
    background: #747492;
    padding: 10px;
    font-size: 15px;
    color: #FFF;
}

.debug-info-box section,
.debug-info-box > p {
    padding: 5px 10px;
}

.go_button {
	background-color: #6C6F8D;
	border-radius: 5px 5px 5px 5px;
	color: #FFFFFF;
	text-transform: uppercase;
	height: 31px;
	margin: 0;
	padding: 0 1em;
	border: none;
	position: relative;
	top: -5px;
	display: inline;
}

.widget-language {
    float: right;
    font-size: 0.8em;
}

.widget-language label {
	margin-right: 0.2em;
	color: #fff;
}

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('/images/app/shared/indicator.52a797de.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}
ul.ui-autocomplete.ui-widget-content a
{
    background-color: #F5F5F5;
    color: #505050;
    font-size: 12px;
}
ul.ui-autocomplete.ui-widget-content
{
    width:193px;
    border-top:1px solid #646464;
	margin-top:-2px;
    border-color:#646464;
	max-height: 360px;
    overflow-x: hidden;
    overflow-y: scroll;
	border-radius:3px;
}

/*Top area*/
.top_bar_black
{
    background-color: #000000;
    height: 42px;
}
.top_black_text
{
    padding: 9px 10px 0px 24px;
}
.top_black_left
{
    width: 50%;
    float: left;
    padding-top: 3px;
}
.top_black_right
{
    float: left;
}
#profile_top
{
    font-size: 14px;
    font-family: Arial;
    color: #fefefe;
    cursor: pointer;
}
#lang
{
    font-size: 12px;
    color: #fefefe;
    margin: 0px 7px 0px 0px;
}

.language
{
    font-size: 12px;
    color: #fefefe;
    margin: 0px 7px 0px 425px;
}

#type_size
{
    font-size: 12px;
    color: #fefefe;
    margin-left: 10px;
}
.search_options
{
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    padding-top: 10px;
    padding-left: 5px;
}
.top_vertical_blue
{
    font-size: 14px;
    color: #70718F;
    font-weight: bold;
    margin: 0px 7px 0px 7px;
}
.top_vertical_blue2
{
    font-size: 14px;
    color: #70718F;
    font-weight: bold;
    margin: 0px 7px 0px 7px;
}
.top_left
{
    width: 48px;
    height: 168px;
    background: url(/images/app/shared/top_left.730bf1cb.png);
    float: left;
}
.top_center
{
    float: left;
    width: 950px;
    height: 168px;
    background: url(/images/app/shared/top_background.62881304.png);
}
.top_right
{
    width: 52px;
    height: 168px;
    background: url(/images/app/shared/top_right.1075e56c.png);
    float: left;
}
.center
{
    width: 410px;
    height: 91px;
    float: left;
    /*margin: 16px 19px 19px 17px;*/
	margin:17px 0;
	border-left:1px dotted #ffffff;
	border-right:1px dotted #ffffff;
}
.left
{
    width: 208px;
    height: 91px;
    background: url(/images/app/shared/logo_box.062d7a9b.png);
    background-repeat: no-repeat;
    float: left;
    margin-top: 15px;
}

#left_content
{
    min-height:600px;
}

h3.orange.tools
{
    font-family: Georgia;
    font-size: 20px;
    font-weight: normal;
    margin: 10px auto; 
    color:#D66711;
}
.orange
{
    color:#D66711;
}

.block_heading
{
    color:#595e7c;
    font-size:15px;
    font-weight:bold;
    margin-bottom:20px;
}
.block_heading.right
{
    margin-left:32px;
}

/* from old site*/
.bodyi
{
    font-style:italic;
}
.eHead {
	color:#505050;
	margin-bottom: 8px;
	display: inline;
}
.sHead {
	font-weight:bold;
	color:#505050;
}
.sHead2 {
	font-weight:bold;
	font-style:italic;
	color:#505050;
}
.sHead3 {
	font-style:italic;
	color:#505050;
}
.sHead4 {
	font-weight:bold;
	color:#505050;
}
.sHead5 {
	font-weight:bold;
	font-style:italic;
	color:#505050;
}
.sHead6, .sHead7, .sHead8, .sHead9, .sHead10 {
	font-style:italic;
	color:#505050;
}
.sHeadCitation {
	display:block;
	margin-left:18px;
	margin-right:18px;
	text-indent:-18px;
	list-style: none outside none;
}
.sHeadSense {
    display:block;
    margin-top:18px;
	font-weight:bold;
}
.sHeadQuote {
	color:#777777;
}
.bodyac {
	text-transform:uppercase;
}
.bodyb {
	font-weight:bold;
}
.bodybi {
	font-weight:bold;
	font-style:italic;
}
.bodybsb {
	font-weight:bold;
	vertical-align:sub;
}
.bodybsp {
	font-weight:bold;
	vertical-align:super;
}
.bodybu {
	font-weight:bold;
	text-decoration:underline;
}
.bodyi {
	font-style:italic;
}
.bodyisb {
	font-style:italic;
	vertical-align:sub;
}
.bodyisp {
	font-style:italic;
	vertical-align:super;
}
.bodysb {
	vertical-align:sub;
}
.bodysc {
	font-variant:small-caps;
}
.bodysp {
	vertical-align:super;
}
.bodyu {
	text-decoration:underline;
}
.bodyltt {
	font-weight:bold;
}
.bodysansserif {
	font-family:Helvetica,sans-serif;
}
.bodymonospace {
	font-family:Courier, monospace;
}
.fm {
	line-height:32px;
}
.dq {
	text-transform:uppercase;
}

.authorCapsRight {
    display:block;
    text-align:right;
    font-variant:small-caps;
}
img.frontCover, img.frontcover { /* both case styles have been used */
    float:left;
    margin: 0 20px 5px 0;
}
p.eCopyright {
    margin-top: 20px;
    color:#888888;
    font-style:italic;
}

#tweet_query
{
   /* min-height:700px;*/
    width:245px;
}

a
{
    text-decoration:none;
    color:#D97426;
}

.entrytable
{
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    margin: 0 auto;
}


.entrytable thead
{
    background: #E6E6E6;
}

.entrytable tbody
{
    background: #F5F5F5;
}

caption .entrytable
{
    background-color:#ffffff;
}
a img
{
    border:none;
}
.info_icon_blue
{
    width:6px;
    height:10px;
    position:relative;
    top:1px;
    left:3px;
    background-image:url('/images/app/shared/InfoIcon_Blue.png');
    background-repeat:no-repeat;
}
.info_icon_white
{
    width:6px;
    height:10px;
    position:relative;
    top:1px;
    left:3px;
    background-image:url('/images/app/shared/InfoIcon_White.dc62a92d.png');
    background-repeat:no-repeat;
}

#library_results_bottom
{
    height:17px;  
    background: url("/images/app/shared/results/library_res_bk_bot.36a2ca8a.png") no-repeat 0 0; 
}

.library_results_text 
{
    margin: 16px 0 0;
    padding: 15px 0 10px 25px;
    width:100%;
    background: url("/images/app/shared/results/library_res_bk_cen.ca644ec2.png") repeat-y 0 0; 
}

.library_results_title 
{
    padding: 16px 0 0 20px;
}

#crossword-solver-instructions
{
    color:red;
    padding: 20px 0 10px 15px;
    display:none;
    font-size: 13px;
}
.search_fieldset
{
    display: inline; border: medium none; padding: 0px; margin: 0px;
}
#user_login
{
	float:left;
}