@charset "UTF-8";
/* Default Stylesheet 


/** BODY ELEMENTS **/
body {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	background-image: url(../images/bluedot.gif);
	background-repeat: repeat-x;
	background-size: auto 150px
}
a.myunderline {text-decoration:underline}
#mycopy a{font-family: inherit}
label {margin-bottom:0}
	#tiprowbookpart {margin-top:-10px}
#loader{padding-top:100px;height:500px}
#am{margin-top: -6px}
#myHeadingImage {width:36px}
.btn-success {font-weight:bold}
.mydropdown:hover .dropdown-menu {display: block;}
.mydropdown {position:relative;}
.dropdown-menu {top:30px}
.dropdown-menu > li > a {padding:3px 10px}
#ddMenu {font-size:14px}
.form-control {padding: 4px 6px}
#TextBoxesGroup button {min-width:74px}
/*placeholder {  font-size: .85em; }*/
label, .smallFont, #wikirow, #italicize, #italicizeCh,#pwmediumLabel {color:#15317e}
.input-sm {font-size:13.5px;height:28px;padding:3px 6px}
.form-control,  #pwmedium label, #worktype label,#wikirow label,#bookpartdiv label,  #italicize label, #italicizeCh label, #mycitation2 label, .intRadio label, #etaldiv label {color:#000}
.xs-clear{clear:both}
.inline-block {display:inline-block}
.text-xs-left { text-align: left; }
.position-xs-static { position: static; }
#myModal .modal-dialog{top:40% !important;}
 .modal-header{background-color:#F7F7ED;border-radius:6px}
#cas {border:1px solid #aaa;background:#eee;padding:4px}
#myAlert a {color: #31708f}
/*#myAlert {display:inline-block}*/
.styleTab {float:left}
.styleTab a{ padding:4px 2px 5px 2px;width:100px;display:block;text-align:center;background:#ECE9D8;
	font-weight:bold;
	border: 2px solid #aaa;
	border-bottom:0;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
font-size:1.0em;
text-decoration:none;
margin: 5px 0 0 5px;
line-height:30px;}

.styleTab a:hover{background-color:#D8D2B0;}
#wc  {max-height: 500px; overflow: auto;margin-left:-15px; margin-right:-15px}
.activeTab a:hover {background-color:#FFF}
/*.btn, .form-control{margin-bottom:0} */

a.btn {text-decoration:none}

#sect1 .row {margin-bottom:6px}
a.mc:hover {text-decoration:none}

a.ei:hover, a.intextlink:hover {background-color: lightgray !important;
   border-radius:5px;
   padding-top:10px;
}
a.intextlink:hover{padding-top:0}
#rightcolumn a.ei, #rightcolumn a.intextlink{text-decoration:underline}
.ei {padding:4px 2px;opacity:.5}
.ei span {font-size:20px;opacity:.5}

.ei img {margin-bottom:10px}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
#rowsource {margin:20px 0 20px 0}
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

#dropdownMenu1{font-size:20px;}
.sourcetext {
	margin-right: 10px;
float: right;
font-size: .85em;
color: gray;
}

#leftcolumn .col-sm-9,  #leftcolumn .col-sm-2{
	margin-bottom: 5px;
}

#leftcolumn #authorsection .col-sm-9/*,  #leftcolumn .col-sm-2*/{
	margin-bottom: 5px;
}

.fc-sm {padding:6px 4px !important}
.col-sm-pad {padding-right:5px !important;padding-left:5px !important;}
.mrgn-tp-0 {margin-top:0px}
    .mrgn-tp-sm {margin-top:5px !important}
    .mrgn-tp-md {margin-top:15px !important}
    .mrgn-tp-lg {margin-top:30px !important}
    .mrgn-tp-xl {margin-top:50px !important}
 .mrgn-tp-xxl {margin-top:200px !important}
    .mrgn-bttm-0 {margin-bottom:0 !important}
   .mrgn-bttm-sm {margin-bottom:5px !important}
      .mrgn-bttm-xs {margin-bottom:2px !important}

    .mrgn-bttm-md {margin-bottom:15px !important}
    .mrgn-bttm-lg {margin-bottom:30px !important}
    .mrgn-bttm-xl {margin-bottom:50px !important}
    .mrgn-lft-0 {margin-left:0px !important}
    .mrgn-lft-sm {margin-left:5px !important}
    .mrgn-lft-md {margin-left:15px !important}
    .mrgn-lft-lg {margin-left:30px !important}
    .mrgn-lft-xl {margin-left:50px !important}
    .mrgn-rght-0{margin-right:0px !important}
    .mrgn-rght-sm {margin-right:5px !important}
    .mrgn-rght-md {margin-right:15px !important}
    .mrgn-rght-lg {margin-right:30px !important}
    .mrgn-rght-xl {margin-right:50px !important}
.form-control.inline{display:inline; width:auto; margin-right:5px}
#Day, #Month {max-width:140px!important}
 #Year {max-width:50px!important}
#statebtn {margin-bottom:0 !important}
.list-inline > li{margin-bottom:5px; }
ul.list-inline > li{ padding:0}
#leftcolumn, #rightcolumn {
border-radius: 5px;
padding: 20px 14px;
margin: 20px 0;
}
.xl-nocol,.col-xl-6,.col-xl-4,.col-xl-3,.col-xl-9,.col-xl-2,.col-xl-2-pl5,.col-xl-2-pl5,.row .col-xl-2, .row .col-xl-3{padding:0 5px !important}

#greyedOut{
position: absolute;
top: 9px;
right: 60px;
z-index: 26;
	}
#autofill, #manual{
text-decoration: underline;
}
#sect1{
	background-color:#fcfcf8;
border-radius: 5px;
	padding:10px 5px 0 5px;
	border:1px solid #ccc;
   }
#leftcolumn {
	padding-bottom:0;
	padding-top:0;
	margin: 15px 0 0 0;
}
#rightcolumn{
		border:2px solid #DFF0D8;
	margin-top:50px;
	padding: 20px 16px 0 16px;
	}
	
#rightcolumn a {text-decoration:none}
#wholebanner {
	height: 150px;
	margin-bottom: 10px
}
#editheading {font-size:20px;color:gray}
.foursteps {
	float: left;
	font-weight: normal;
	font-size: .9em;
	font-style: italic;
	color: white;
	clear: none;
	margin-top: -20px;
}
.bookitem {
	border-top: 1px solid #ccc;
	padding: 6px;
	padding-right: 0;
	min-height: 40px
}

.labelbar {
	background-color: #abbecc;
	color: white;
	width: 220px;
	padding: 2px;
	font-weight: bold;
	clear: both;
}
select#leftlistselect, select#rightlistselect {
	border: 1px solid #8D8D8D;
	padding: 0.3rem;
}
.outofdate {
	background: yellow;
	font-weight: bold;
	padding: 10px;
	margin: 40px
}

#liReport {
	display: inline;
	border-top: 0
}
a:focus, a:hover {
	color: black
}
#banner2 {
	display: none
}
:-ms-input-placeholder { /* IE10–11 */
 color: #A0A0A0 !important;
 font-weight: 400 !important;
}

::-ms-input-placeholder { /* Edge */
 color: #A0A0A0;
 font-weight: 400;
}
#renameIndex {
	margin-left: 5px;
	margin-top:-2px;
}
a#renamebib, a#deletebib {
	text-decoration:underline;
}
#lookup2 {
	text-align: left;
	height:34px;
}

#myleftad {
	width: 160px;
	height: 600px;border:1px solid gray;
	margin-right:4px;
}
#myleftad.skinnier {
	width: 85px
}
#div-gpt-ad-1406309989029-0 {
	width: 160px;
	height: 600px;
}
div-gpt-ad-1406208648757-2 {
	width: 728px;
	height: 90px;
}
.btn-info {
	background-color: #4170f2;
	border-color: #1653F7
}
a.btn-info:hover, .btn-info.active, .btn-info:focus,.btn-info:hover {
	background-color: #1653F7;
	border-color: #1653F7
}
.alert {padding:10px 0}
.lookupbg {
	margin-bottom: 20px
}
td {
	padding: 5px
}

#reset2 {margin-top:4px}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
input:focus:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
#nobib {
	color: black;
	background: white;
	padding: 3px;
	margin-top: 6px
}
#youraccount {
	cursor: pointer;
}
a#createAcountButton, a#signupButton {
	text-decoration: none
}
#loginModal .modal-dialog {
	max-width: 450px
}
#hi {
	width: 170px
}
.statecode {
	color: #767474;
	display: block;
	margin-bottom: 2px
}
#myline {
	float: left;
	background-color: #aaa;
	height: 1px;
	margin-top: 29px
}

a {
	color: black
}
a#facebookshare {
	background-image: url(../images/share.png);
	height: 32px;
	width: 120px;
	display: block
}
a#facebookshare:hover {
	background-image: url(../images/sharehover.png)
}
.hiddensubmit {
	border: 0 none;
	height: 0;
	width: 0;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.italic {
	font-style: italic
}
.bannerLeft {
	margin: auto;
	position: relative;
	float: left
}
h3.red {
	margin-bottom: 5px
}
#arrow {
	position: absolute;
	top: 45px;
	left: 355px;
	z-index: 5
}
#arrow1 {
	display:none;
    background: url(../ximages/arrow1new.png) no-repeat left top;
}
#arrow2 {
	top: 20px;
    height: 264px;
    width: 90px;
    position: absolute;
    z-index: 100;
    left: -85px;
    background: url(../images/arrow2-13.png) no-repeat left top;
}
.tooltip > .tooltip-inner {
	background-color: #D9F1FB;
	color: black;
	border: 1px solid #31B0D5;
	padding: 5px;
	text-align: left;
	max-width: 350px;
}
.tooltip.top .tooltip-arrow {
	border-top-color: #31B0D5;
}
.tooltip.right .tooltip-arrow {
	border-right-color: #31B0D5;
}
.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #31B0D5;
}
.tooltip.left .tooltip-arrow {
	border-left-color: #31B0D5;
}
#headListdiv {
	text-align: center;
	padding-bottom: 10px;
	font-size:20px;
}
#webtip {
	display: none;
	font-size:.95em;
	color:gray;
}
.editicons {
	clear: both;
	float: left;
	width: 58px;
	min-height: 50px;
	margin-top:10px;
}
a.intextlink {
	font-size: .9em;
	padding:3px;
}
.intextlink.small {font-size:.75em}
#VolumeError, #StateError {
	display: block;
	color: #C03616;
	padding-right: 30px
}
legend {
	font-size: .9em;
	padding: 4px;
	color: #15317e;
	font-weight: bold;
	width: auto;
	border: none;
	margin-bottom: 0
}
div.right {
	float: left;
	width: 166px;
	background: white;
}
.plainpage {
	float: left;
}
#wrapper {
	position: relative;
	margin: auto;
	margin-top: 0;
}
#dp {
	float: right;
	margin-right: 40px
}
.firstinitial {
	display: none
}
#addnew {
	background-color: #ECE9D8;
}


#leftcol {
	padding-top: 0;
	min-height: 100px
}
#rightcol {
	padding: 5px;
	padding-right: 0;
	padding-top: 0
}
#mb, #noCit {
	background-color: white;
	margin-top: 10px;
	min-height: 100px;
	width: 100%
}
#noCit {
	padding: 50px;
	min-height: 200px;
}
#mb a {
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
}

a.banner {
	width: 180px;
	background: url(../images/banner5-sm.jpg) no-repeat;
	display: block;
	height: 70px
}
.pageWrap, .pageWrap2, .pageWrapM {
	background-color: #ECE9d8;
	background-color: #CCD5D3;
	background-color: white;
	margin: auto;
	clear: both;
}
.rightmanageh3 {
	margin-top: 35px;
	margin-bottom: 25px;
	color: green;
	font-size: 1.2em
}
body, p, blockquote, table, td, th, li, a, ul, ol, dd, dl, dt, form, button, fieldset, label, select, option, input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.glyphicon-question-sign {
	color: #5BC0DE;
	font-size: 1.1em;
	cursor: pointer
}

#yourbibs {
	min-width: 50px;
	}
	
.greyFont {
	color: #736F6E
}
.underline {
	border-top: 1px solid #ccc;
	padding-bottom: 5px;
	clear: both
}
a.underlinelink {
	text-decoration: underline
}
h1, .title {
	font-size: 1.8em;
	color: #565051;
	padding-top: 10px;
	margin-top: 0;
}
a.mylink2 {
	color: blue;
	font-weight: normal;
	font-size: .9em;
	clear: right
}
#leftlistcit a.mylink2 {
	float: right;
	width: 20px
}
#rightlistcit a.mylink2 {
	float: left;
	width: 55px
}
#improvecitefast {
	display: none
}
.circle, .circle2 {
	border-radius: 50px;
	font-size: 20px;
	color: #fff;
	line-height: 20px;
	padding: 2px 10px;
	text-align: center;
	background: #B00;
	background: #C03616;
	background: #D05800
}
.circle2 {
	font-size: 1.0em;
	padding: 5px 4px
}
.circlesm {
	border-radius: 25px;
	font-size: 11px;
	color: #fff;
	line-height: 12px;
	padding: 1px 5px;
	text-align: center;
	background: #B00;
	background: #C03616;
	margin-right: 5px
}

#newbibbutton {
	border: 1px solid #aaa;
	padding: 2px;
	border-radius: 3px
}
.add {
	border-radius: 25px;
	padding: 0 3px 2px;
	text-align: center;
	background: gray;
	color: white;
	font-weight: bold;
}

h3 {
	font-size: 1.1em;
	text-align: left;
	margin-bottom: 0;
	margin-top: 0;
	padding-top: 0;
}
.nav {
	padding-left: 30px;
}
a.mylink:link, a.mylink:visited {
	text-decoration: none;
	color: #565051;
}
a:hover, a#notbiblist {
	text-decoration: underline;
}
.border {
	border-top: 0;
	border-left: 130px solid #0001d8;
	border-right: 158px solid #0001d8;
	border-bottom: 5px solid #0001d8;
	margin-top: 0;
	padding: 5px 10px;
}
option {
	color: black
}
.hide {
	display: none
}
.show {
	display: block;
}
.blueExample {
	color: blue;
	line-height: 2;
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	padding-left: 20px;
	display: block
}
ul.blueExample li {
	list-style-type: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
}
ul.blueExample li .regfont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 9.0pt;
}
#wc.show {
	display: block
}
ul.inline {
	list-style: none;
	margin: 0;
	padding: 0;
}

img {
	margin: 0;
	border: 0;
	padding: 0;
}
img.block {
	display: block;
}

.smallFont {
	font-size: .95em
}
.small {
	font-size: 8.5pt
}

.relative {
	position: relative
}
a.info:link {
	text-decoration: none;
	color: black;
}
#tiprowFormat, #tiprowExtra, .myTip {
	color: #767474
}
.myTip {
	font-size: .85em;
	clear: left;
	margin-top:-2px;
}
.myTip a, #confirm a {
	cursor: pointer;
	text-decoration: underline
}

#tiprow {
	margin-top: 5px
}
#tiprowATitle.myTip, #tiprowMedTitle.myTip {
	margin-bottom: 3px
}
a.under2:link, a.under2:visited {
	color: #15317e;
	text-decoration: underline;
}
a.under:link, a.under:visited {
	text-decoration: underline;
	color: #767474;
}
a.info:visited {
	text-decoration: none;
	color: black;
}
a.info:hover {
	text-decoration: none;
	color: black;
	z-index: 5;
}

a.under:hover {
	cursor: pointer;
	color: #767474;
}

a.noline:hover, a.noline:link, a.info, a.noline:visited {
	border-bottom: none;
	position: relative;
	z-index: 1; /*this is so pencil behind biographies */
}
a.info {
	text-align: left;
	position: relative; /*this is the key*/
	z-index: 2;
}
a.info span, a.info div {
	display: none
}
a.ofni span {
	display: none;
}
a.info:hover span, a.info:hover div { /*the span will display just on :hover state*/
	display: block;
	position: absolute;
	top: 2em;
	left: 2em;
	width: 20em;
	border: 1px solid #31B0D5;
	background-color: #eee;
	background-color: #D9F1FB;
	color: #000;
	font-weight: normal;
	padding: 5px;
	padding-right: 1px;
	text-decoration: none;
	font-size: .85em;
	border-radius: 5px;
}
#changebib {
	font-weight: bold;
	color: #008000
}
#changebib option {
	font-weight: normal
}
.intext {
	padding: 0 16px 10px 75px;
	margin-top:  -10px;
	
}
a.info:hover span p {
	font-size: 1.0em;
	padding-top: 0;
	margin-top: 0;
}
a.narrow:hover span {
	width: 8em;
}
a.states:hover div {
	width: 30em;
	top: -200px;
	left: 135px;
	cursor: auto;
}
a.narrower:hover span {
	width: 2.5em;
}
a.reporttip:hover span {
	margin-left: -20px;
	margin-top: -18px;
}
a.widest:hover span {
	width: 56em;
}
a.left:hover span {
	left: -30em;
}


a#what:hover span {
	left: -10em;
	width: 25em;
}
/* TABLES */

table.border {
	border-collapse: collapse;
	border: 1px #ccc solid;
	vertical-align: top;
}
table.border td {
	border: 0px #ccc solid;
	vertical-align: top;
	padding: 0;
}
.padleft {
	padding-left: 10px;
}
div.footerline {
	background-color: #0001D8;
	height: 5px;
	min-height: 0.74em;
	margin-bottom: 17px;
}
td {
	vertical-align: top;
}
.nohand {
	cursor: default;
}
.shortMonth {
	width: 95px;
	text-align: left;
	padding-left: 20px;
}
.longMonth {
	width: 100px;
	text-align: left;
	padding-left: 20px;
}
.shorterMonth {
	width: 60px;
	text-align: left;
	padding-left: 20px;
}
.longerMonth {
	width: 160px;
	text-align: left;
	padding-left: 20px;
}
.floatLeft {
	float: left
}
.padLeft20 {
	padding-left: 20px
}
.clear {
	clear: both;
}
.clearLeft {
	clear: left
}
.clearRight {
	clear: right
}
#selectsource {font-weight: bold;
color:#012178}
.list-group-item {border-left:none;border-right:none}
.container2, .innerpage {
	margin: auto;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 15px;
	min-width: 300px;
	width: 300px
}
.innerpage {
	margin-top: 0;
	padding-right: 5px;
	margin-left: 3px;
	margin-right: 3px
}
.container2 a {
	text-decoration: underline
}
.container2 a.btn {
	text-decoration: none
}

#confirm {
	font-weight: bold;
	color: #15317e;
	 margin: 0 0 10px 0px;
}
#myform {
	clear: both
}
.alignLeft, h3.alignLeft {
	text-align: left !important;
}
.alignRight {
	text-align: right;
}
.alignCenter {
	text-align: center;
}

.btn-info.floatLeft {
	margin-right: 3px
}
#jsddm {
	padding-left: 0;
	padding-bottom: 0;
	margin: auto;
}

#jsddm li, div#youraccount {
	float: left;
	list-style: none;
}
div#youraccount {
	float: right;
	margin-right:10px;
}
#pwmedium label {
	margin-right:20px
}

.intRadio {
	width: 310px;
	padding-bottom: 20px;
}
.intRadio label {
	width: 150px;
	display: inline-block
}
li.active {
	padding-left: 0;
}	
a.whitebg:hover {
	background-color: #e6e6e6;
	border: 1px solid #808080
}
#optional {
	clear: both
}

a.active, .active {
	background-color: white;
	font-weight: bold;
	color: #15317e;
}

#youraccount div#accountmenu a.manage {
	display: block;
	font-weight: bold;
	padding-right: 5px;
}

#youraccount div#accountmenu a.newbib {
	background: #ffd978;
	padding: 0;
	margin: 5px;
	font-weight: bold
}
#mb .abc a, #abcd a, #abcde a {
	text-decoration: underline
}
#menubar {
	height: 43px;
	position: relative;
	color: #57646d;
	float: left;
	width: 100%
}
.pageWrap2 #menubar {
	float: none
}
#jsddm #youraccount div#accountmenu a#signup {
	display: inline;
	padding: 0;
	background-image: none
}
ul#navstyleid li {
	display: inline
}

#thelist {
	color: black
}
#youraccount a#hi {
	text-align: right;
	display: block;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: url(../images/expand.png) no-repeat 100% 50%;
	padding-left: 12px;
	padding-right:12px;
}
#youraccount a#hi:hover {
	text-decoration: none
}
li#yourbibs #activebib {
	border-right: none;
	margin-top: -5px;
	border-radius: 3px;
	margin-right: 10px
}
#youraccount div#accountmenu a {
	display: block;
	padding: 0 0 0 5px;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	background-image: none;
	background: white;
	border: none;
	height: 25px;
	line-height: 25px;
}
.contributor {
	max-width: 160px;
	margin: 0
}
.authorspacer {
	float: left;
	width: 70px;
	clear: both
}
#accountmenu {
	position: absolute;
	z-index: 290;
	right:8px;
}
#jsddm li a {

	text-align: center;
	font-size: 12px;
	text-decoration: none;
	white-space: nowrap;
	margin: 0;
	vertical-align: middle;
	line-height: 23px;
	height: 23px;
	padding: 0px 4px;
	color: white;
	font-weight: bold
}
#jsddm li#cc a.menuactive {
	border-left: none;
	padding-left: 5px
}
#jsddm li a.menuactive, #jsddm li a.menuactive:hover {
	border-bottom: 4px solid #d05800;
	font-weight: bold;
	color: white;
	background-color: #0241EE
}
#jsddm li a:hover {
	color: #B8B8B8;
}
#emailicon {
	width: 17px;
}
#bibname-m {
	color: green;
	width: 222px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	vertical-align: top;
	white-space: nowrap
}
#jsddm li.about a {
	width: 7em;
}
.errorMsg {
	color: #C00;
	font-weight: bold;
	border: 2px red solid;
	padding: 5px
}

.floatRight {
	float: right
}
.nowrap {
	white-space: nowrap;
}

.btn-sm {
	padding: 5px
}
.popup {
	border: solid 1px #0001D8;
	display: none;
	left: 40px;
	position: absolute;
	width: 450px;
	z-index: 160;
}
.popuptitle {
	color: white;
	font-weight: bold;
	/* height: 18px;*/

	padding: 5px 0;
	text-align: center;
	margin: 0;
	font-size: 1.2em;
	background-color: #0241EE;
}
.popupbody {
	padding: 0 15px;
	background: #EEE;
}
.popupbody li {
	margin-top: 3px;
	margin-bottom: 3px
}


div.nomarg ul, div.noleftmarg ul {
	padding-left: 20px;
}


ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #565051;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #ddd;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
	font-weight: bold;
}
ul.tabs li a {
	color: gray;
	display: block;
	font-size: 1.0em;
	padding: 0 5px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
	text-decoration: none;
}

ul.tabs li.active a {
	text-decoration: none;
	color: green;
}
ul.tabs li a:hover {
	background: #ccc;
	background: #F8EBC0;
}
html ul.tabs li.active, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its 

		

		content--*/
}
tab_container {
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
}
.tab_content {
	padding: 5px 0 0;
	margin-left: 0;
	/*font-size: 1.2em; */

	margin-bottom: 0;
}

#leftlistselect, #rightlistselect {
	min-width: 150px;
}
.sprite {
	right: -23px;
	width: 46px;
	height: 36px;
	display: block;
	position: absolute;
	top: -20px;
	cursor: pointer
}
.sprite {
	background: url('fancybox_sprite.png') 0 0;
}

#mycitation2 {
	color: #15317e;
	padding: 4px 10px;
	font-size: .9em
}
#mycitation2 ul li {
	font-size: .9em

}

.bold {
	font-weight: bold
}
.legend {
	margin-bottom: 20px
}
.blue {
	color: blue
}
.red {
	color: #B00;
	color: #C03616;
}
.gray, .grey {
	color: #808080
}
.dateError {
	color: #c00;
	float: right
}
.green {
	color: green
}

fieldset {
	border: none;
	border-top: 2px solid #aaa;
	padding: 0;
	clear: both;
	margin: 3px;
}
#etaldiv {
	font-size: .8em;
	clear:both;
}
#ellipsisdiv {
	clear: both
}
textarea {
	margin: 0;
	padding: 0;
	outline: 0;
	height: 25px;/*max-height:100px;*/
}
textarea.form-control {height:30px}
textarea {
	overflow-y: hidden!important
} /* for autosize ie11 stops scroll bars showing*/
select#changebib {
	padding: 1px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* IE10+ specific styles go here */

input, select {
	padding-bottom: 6px;
}
}
input, textarea {
	width: 100%
}
input#Volume, input#Issue, input#State2, input#yourname, input#youremail, input#Page, input#Edition, input#City, input#bibname {
	width: auto
}
select#Month {
	padding: 3px
}
.radio, input[type=radio ], #ellipsis, input[type=checkbox ] {
	background-color: #FFF;
	border: none;
	box-shadow: none;
	width: auto;
	display: inline
}
option.choice {
	color: red;
}
input[type=radio ] {
	margin-right:4px;
	/*margin-left: 10px*/
}
#ino, #iyes, #no {
	margin-left: 0
}
.whitebg, #tabTwo input {
	background-color: #FFF
}
.load {
	background: url('images/ajax-loader.gif') no-repeat center;
}
.indent {
	text-indent: -30px;
	margin: 0;
	margin-left: 30px;
}
.noformat {
	text-indent: 0;
	margin: 0;
}
#accountArea {
	display: none;
	width: 280px;
	border: 2px solid blue;
	padding: 5px;
}
#emailerror, #passworderror, #passworderror2, #login_response, #fnameerror, #lnameerror, #epswLogin, #epswLogin2 {
	color: #C03616
}
#copypastetextarea, #copypastetextareaM, #copypastetitlepage {
	display: none;/*width:703px;*/
	color: #000
}

.grayedOut {
	background-color: #e0e0e0;
	color: gray
}
.styleChoice a {
	padding: 0 30px;
	text-decoration: none;
	padding-bottom: 0;
	border-right: 1px solid #ccc
}

#myButton {
	margin: 5px auto;
}
#stickybutton, #myline2 {
	position: sticky;
bottom: 0;
background:#F7F7ED;
	min-height:20px;
	margin: 0 -10px 0 -10px;
	
}
#stickybutton {
	padding-bottom:4px;
	background:#FFF;
}
#myline2 {
	border-top: 1px solid #4086B6;
	margin:1px -16px 0 -16px;
}
.newarea, .newareatype, .newareaedit, .newareasaved {
	padding: 4px 0 4px 8px;
}
#divnewarea {
	word-wrap: break-word;
	padding: 4px 18px 4px 18px;
	border-left: none;
	border-right: none;
	margin:0 -10px 12px -10px;
	background-color: #F7F7ED;
}

#divnewarea.alert p{margin-bottom:10px}

#newarea.newareatype {
	color: #000;
}
#newarea {
	padding: 0 10px;
	overflow:hidden;
}
#progress/*, #svc*/ {
	color: #4086b6;
	font-weight: bold;
	font-size: 1.0em;
	padding-top:10px;
	padding-left: 10px;
	margin-bottom:15px;
	border-top: 1px solid #bbb;
}
#divnewarea.actioned {
	background-color: #e5efcc;
}
#divnewarea.editing {
	background-color: #DFE8F2;
}
.styleChoice a.activeTab {
	color: green;

	font-weight: bold;
	background-color: #e5efcc;
	border: 1px solid #ccc
}
#Online {
	position: relative
}

/* for style  and print/online tab */
 /* for style tab */

#medium {
	position: relative;
}

#wrap {
	width: 100%
}
.smfnamebox, .mibox {
	width: 29px !important;
}
.smfname {
	float: left;
}
.lgfname {
	float: left;
}
ul.statecodes {
	float: left;
	margin: 0;
	margin-right: 10px;
	padding: 0;
}
ul.statecodes li {
	list-style-type: none;
}

a.nounderline {
	text-decoration: none
}

.intxttype {
	color: gray;
	background-color: #F8EBC0;
	padding: 4px 0 4px 8px
}
a.pointer:hover span {
	font-size: .7em;
	left: 5em;
	top: 2.5em;
}
a.pointer:hover {
	cursor: pointer;
	color: #565051
}
/* measurements that change */
#authorsection {
	clear: both;
}

/* Left side */

.moreSourceWide {
	width: 210px
}
#leftSide {
	width: 522px;
	margin-right: 2px;
	float: left;
	clear: left;
}

.searchInput {
	margin-bottom: 3px;
}
.wideInput {
	width: 100%
}
/* end Left Side */
/* Right side */

.cwidth {
	word-wrap: break-word;margin-right:10px;
}
.cwidthall {padding:5px 10px 0 72px; border-top:1px solid #ECEFF1;
}
.mouse {margin:0 -16px 2px -16px;}
.editicons {margin-left:16px}
#blurb {
	margin: 42px 5px 15px 2px;
	border: 2px solid #ccc;
	padding: 5px 2px 5px 15px;
	border-radius: 5px;
	
}
/* end Right Side */


.authorLast {
	float: left;
	margin-left: 2px;
	margin-right: 4px;
	margin-bottom: 3px
}
.inline {
	display: inline
}
#copypastetextarea a.button-facebook, #copypastetextarea a.twitter-share-button, #copypastetextareaM a.button-facebook, #copypastetextareaM a.twitter-share-button {
	text-decoration: none;
	border-radius: 3px;

	box-shadow: 0 1px 1px #999;
	color: #fff;
	display: inline-block;
	margin: 5px 10px 20px 0;
	padding-top: 8px;
	float: left;
	text-align: center;
	width: 160px;
	background-color: #2b4170; /* fallback color */
	background: -moz-linear-gradient(top, #3b5998, #2b4170);
	background: -ms-linear-gradient(top, #3b5998, #2b4170);
	background: -webkit-linear-gradient(top, #3b5998, #2b4170);
	border: 1px solid #2b4170;
	text-shadow: 0 -1px -1px #1f2f52;
}
.twitter-share-button {
	height: 43px;
}
#copypastetextareaM a.button-facebook:hover {
	background-color: #3b5998; /* fallback color */
	background: -moz-linear-gradient(top, #2b4170, #3b5998);
	background: -ms-linear-gradient(top, #2b4170, #3b5998);
	background: -webkit-linear-gradient(top, #2b4170, #3b5998);
}
#copypastetextareaM a.twitter-share-button {
	color: #217799;
	font-weight: bold;
	font-size: 1.5em;
	width: 120px;
	border: 1px solid #6fb1c7;
	background-image: -moz-linear-gradient(#aae5f7, #73d0f1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73d0f1), to(#aae5f7));
	background-image: -webkit-linear-gradient(#aae5f7, #73d0f1);
	background-image: -o-linear-gradient(#aae5f7, #73d0f1);
	text-shadow: 1px 1px 1px #bfeafb;
	background-color: #73d0f1;
}
#copypastetextareaM a.twitter-share-button:hover {
	border: 1px solid #4690ad;
	background-image: -moz-linear-gradient(#73d0f1, #aae5f7);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aae5f7), to(#73d0f1));
	background-image: -webkit-linear-gradient(#73d0f1, #aae5f7);
	background-image: -o-linear-gradient(#73d0f1, #aae5f7);
	background-color: #aae5f7;
}
#copypastetextareaM a.twitter-share-button:active {
	border: 1px solid #3b778b;
}

.noBold, .nobold {
	font-weight: normal
}
ol {
	padding-left: 20px
}

#divca {
	float: right;
	margin-bottom: 5px;
	margin-right: 10px
}

label {
	font-weight: 400;
	font-size:.95em;
}

.inuse {
	width: 85%;
	float: left
}
.inline, a.inline {
	display: inline
}
#thesis, #ms {

	margin-left: 10px;
}
#leftcol.col-sm-6 {
	position: inherit
}

#changebib option {
	padding: 2px;
	font-size: 1.0em
}

hr {
	margin-top: 10px;
	margin-bottom: 10px
}

.leftnav-link:hover,  .leftnav-link:focus {
	text-decoration: none;
}

a#citefastfeatures.info:hover span {
	left: -15em
}
a#accountfeatures.info:hover span {
	left: -8em
}

#myleftad, #footerad {
	display: none
}

.lgfnamebox {
	width: 100px !important;
}

#cc img {
	display: none
}

#TextBoxesGroup .btn-group {margin-right:-5px}
#TextBoxesGroup .dropdown {width:calc(100% - 80px)}
#TextBoxesGroup .nodropdown {width:100%}
.lastNameBox2APA {width:calc(100% - 115px) !important;}
	.lastNameBox2DAPA { width:calc(100% - 115px)!important;}
	.lastNameBox2 {	width:calc(100% - 185px) !important;}
	.lastNameBox2D { width:calc(100% - 185px)!important;}

@media (min-width: 340px) {

#orgshow {
	display: none
}
}

@media (min-width: 480px) {  /* for tablets */

#webtip {
	display: block;
	margin-bottom:-10px;
}
/*#youraccount{ width:167px;} problems when decrease size of font*/

#lookupFieldset {
	border: 2px solid #aaa;
	padding: 5px;
	border-radius: 5px
}

.fi {
	display: none
}
.firstinitial {
	display: inline
}

.smfname {
	width: 56px
}
.container2, .innerpage {
	width: 480px
}

#improvecitefast {
	display: block;
	float: right
}
.innerpage {
	margin-left: 5px;
	margin-right: 5px
}
.lgfname, .smfname {
	clear: none
}

.flabelMLA {
	width: 122px
}
#stylenavbar {
	float: none
}
}

@media (min-width: 768px) {  /* for tablets - no ads */
.col-sm-6 {padding:0 5px}

#grammarcheck {width:180px}	
#sect1, #rightcolumn {margin-top:0; border:1px solid #aaa !important; box-shadow:none !important;min-height:250px}

.xs-clear{clear:none}
ul#d1 li{
    float: left;
    width: 50%;
	}
	ul#d1{min-width:400px}	

	.position-sm-absolute { position: absolute; }
.text-sm-center { text-align: center; }
	.pull-right-sm {
  float: right;
}

.foursteps {
    clear: none;
    float: left;
    margin-top: 0;
}
#myform .col-sm-1 {
	width: 10.5%;
}
.issuelabelcol {
	text-align:right;
}
.row .col-sm-3 {
	text-align: right
}

#jsddm {
	float: left;
}

#copypasteModal .modal-dialog {
	width: 768px
}

body {
	background-image: url(../images/bluedot.gif);
	background-size: auto 113px;
	background-repeat: repeat-x;
}
#wholebanner {
	height: 113px
}
#rightlistselect {
	margin-left: 100px
}
#leftcol {
	border-right: 1px solid gray;
}

a.wide:hover span {
	width: 35em;
}
#logbuttons {
	float: right;
	margin-top: -50px
}
#content-main {
	float: left;
	width: 520px
}
#menubar {
	width: auto
}

.bannerLeft {
	height: auto
}
#mycopy {
	min-width: 725px
}
.container2, .innerpage {
	width: 730px
}
a.banner {
	float: left
}

.flabelMLA {
	width: 72px
}

textarea#yourcomments, textarea#comments {
	width: auto;
	height: auto
}

#copyarrow {
	position: absolute;
	left: 275px;
	top: 30px;
	background: url(../images/arrowTxt.png) no-repeat;
	padding: 15px;
	padding-left: 20px;
	padding-bottom: 30px;
	width: 170px
}

#jsddm li a {
	text-align: center;
	display: block;
	text-decoration: none;
	white-space: nowrap;
	margin: 0;
	vertical-align: middle;
	line-height: 43px;
	height: 43px;
	border-top: none;
	padding: 0 13px;
	color: white;
}
#cc img {
	display: inline
}
#footerad {
	display: block
}
}

@media (min-width: 992px) {
	.container {
	width: 988px;
	padding:0;
}

	#centerContent{
padding:0;
		 width: -webkit-calc(100% - 165px);
    width:    -moz-calc(100% - 165px);
    width:         calc(100% - 165px);
	float:left;
}

#youraccount a#hi {
	color: white;
	background: url(../images/expand-white.gif) no-repeat 100% 50%;
}
#youraccount div#accountmenu a.manage {
	font-size: .95em
}
div#youraccount {
	margin-top: -40px
}
.plainpage {
	width: 820px
}

#youraccount a#hi.white {
	color: white;
	background-image: url("../images/expand-white2.gif")
}  /*for manage page*/
body {
	background-size: auto 133px;
}
#wholebanner {
	height: 133px
}
#leftsideguide {
	float: left;
	padding-right: 20px;
	width: 450px;
	word-wrap: break-word
}
#popupChicago, #popupAPA, #popupMLA, #popupAPA7 {
	float: left;
	width: 400px
}

.flabelAPA {
	width: 62px
}

.flabelMLA {
	width: 100px
}

#bibname-m {
	width: 126px
}

#copyarrow {
	left: 320px;
}
.container2 {
	width: 820px;
}
.innerpage {
	width: 795px
}

.bannerLeft {
	width: 250px;
	margin-bottom: -15px
}
#jsddm li a {
	padding: 0 6px;
}
#happy {
	background: url('../images/ArrowsWText.png') no-repeat bottom right;
	margin-top: 10px;
	height: 77px;
	width: 395px;
	padding: 0 0 0 20px;
}
#intextModal .modal-dialog {
	width: 930px
}
a.banner {
	height: 54px
}
#banner2 {
	display: block;
}
#banner2 {
	float: right;
	position: relative;
	width: 728px;
	height: 90px;
	margin-right: 10px
}

#myleftad {
	display: inline;
	float: left;
}

#editioninfo {
	display: none
}
}
@media (min-width: 1200px) {
	
.container {
	width: 1180px;
}

.bannerLeft {
	margin-top: 10px;
	margin-bottom: 0
}
.foursteps {
    margin-bottom: -8px;
}
.bannerLeft {
	width: auto
}

#youraccount div#accountmenu a.manage {
	font-size: 1em
}
.container2 {
	width: 1070px;
}
#content-main {
	width: 700px;
	padding-left: 5px;
}

.innerpage {
	width: 1000px
}
a.wide:hover span {
	width: 40em;
}
#VolumeError, #StateError {
	display: inline
}
#copyarrow {
	left: 400px;
}
.flabelMLA {
	width: 123px
}

#jsddm li a {
	padding: 0 10px;
}
#editioninfo {
	display: inline
}
}

@media (min-width: 1260px) {
	.xl-nocol {float:none;margin-left:0;width:100%;padding:0 5px;text-align:left !important}
	.xl-nocol.floatLeft{float:left;width: auto;display:inline;padding-right:0;padding:0 5px;}
	.col-xl-6 {float:left;width:50%;padding:0 5px}
	.col-xl-4 {float:left;width:33.3333%;padding:0 5px}
	.col-xl-3 {width:25%;padding:0 5px;}
	.col-xl-9{width:75%;padding:0 5px;}
	.col-xl-2,col-xl-2-pl5{width:16.666%;padding:0 5px;}
	.col-xl-2-pl5{padding:0 5px;}
	.row .col-xl-2, .row .col-xl-3 {text-align:left;padding:0 5px;}
	#activeBibName {display:none !important}
	.container {
	width: 1256px;
}
	#stickybutton {
	margin: -1px -6px -1px -6px;
}
	#yourbibs {margin-top:0}
	#add {margin-left:-10px}
	#youraccount a#hi {text-align:right;padding-right:20px;
	background: url(../images/expand.png) no-repeat 100% 50%;
	color:black;
}
	div#youraccount {margin-top:0;margin-right:8px}
	.hidden-xl {display: none !important;}
	#logbuttons{margin-top:0}
	#stylesDiv {text-align:center}
	#sortedcitations {max-height:800px;overflow:auto;margin-left:-15px;margin-right:-15px;overflow-x: hidden;}

#bibname-m {
	width: 190px
}

.container2, .innerpage {
	width: 1044px;
}
}
@media (min-width: 1346px) {
	#sourcelist {margin-left: 70px !important;}
	.xl-nocolban {float:none;margin-left:0;width:100%;padding:0 5px;text-align:left !important}
	#menubar {margin-top:-36px}
	a.banner {
	width: 230px
}
	body {background-size:auto 97px}
	#wholebanner{height:99px}
	.container {
	width: 1342px;
}
	.foursteps {margin-top:20px;}
.container2, .innerpage {
	width: 1130px;
}
}
@media (min-width: 1438px) {
#sourcelist {margin-left: 110px !important;}

.container {
	width: 1425px;
}
}