/* =============================================================================
   Site Styles
   ========================================================================== */
body {
	background: #1A95C9;
	font-family: 'Arial', sans-serif;
}

a {
	color: #1A95C9;
}

h1, h2, h3, h4, footer b {
	font-family: 'Rokkitt', serif;
	font-weight: bold;
}

h1 {
	background: url('resource:/images/icon-book.png') 0 0 no-repeat transparent;
	font-size: 22px;
	font-weight: bold;
	margin-left: 30px;
	margin-top: 45px;
	padding-left: 24px;
}

h2 {
	color: #002f55;
	font-size: 24px;
	margin-bottom: 25px;
	margin-top: 0;
}

h3 {
	color: #2e3137;
	font-size: 18px;
	margin-top: 0;
}

/* =============================================================================
   Wrapper
   ========================================================================== */
header a, header a:hover, header a:focus, footer a, footer a:hover,
	footer a:focus {
	color: #FFF;
}

#masthead {
	margin-bottom: 20px;
	margin-top: 20px;
}

#masthead h1, #masthead a {
	float: left;
}

{
float


















:









 









left


















;
}
.navbar-collapse {
	max-height: none;
}

.navbar-toggle {
	background-color: #FFF;
	border-bottom: none;
	border-radius: 4px 4px 0 0;
	float: left;
	font-family: 'Rokkitt', serif;
	margin-top: 0;
	margin-bottom: 0;
	text-transform: uppercase;
}

#nav-site {
	background-color: transparent;
	border: none;
	margin-bottom: 0;
	min-height: inherit;
}

#nav-site a {
	font-family: 'Rokkitt', serif;
	text-transform: uppercase;
}

#nav-site a:hover, #nav-site a:focus {
	background-color: #FFF;
	border-bottom: none;
	color: #555;
}

#nav-site .badge {
	background-color: #FFA200;
	color: #000;
}

#nav-site form {
	margin: 0;
	padding-right: 0;
}

#nav-site .nav-tabs {
	border-bottom: none;
}

#nav-siteMenu {
	padding-left: 0;
	padding-right: 0;
}

#nav-siteMenu .active>a, #nav-siteMenu li:hover>a {
	background-color: #FFF;
	border: none;
	border-radius: 4px 4px 0 0;
	color: #555;
}

#nav-siteMenu a {
	color: #FFF;
	margin-right: 2px;
	padding: 10px 12px;
}

#nav-siteMenu .dropdown a:focus {
	border-radius: 4px 4px 0 0;
}

#nav-siteMenu .dropdown-menu a {
	color: #555;
	padding: 5px 12px;
}

#nav-siteMenu .dropdown-menu a:hover {
	background-color: #F5F5F5;
	border-radius: 0;
	margin-right: 0;
}

#nav-siteMenu .caret {
	border-bottom-color: #FFF;
	border-top-color: #FFF;
}

#nav-siteMenu li:hover .caret, #nav-siteMenu .open>a .caret,
	#nav-siteMenu .dropdown.active .caret, #nav-siteMenu .dropdown a:focus .caret
	{
	border-bottom-color: #555;
	border-top-color: #555;
}

#nav-siteMenu .open>a, #nav-siteMenu .open>a:focus {
	background-color: #FFF;
	border-radius: 4px 4px 0 0;
	color: #555;
}

#nav-utility {
	font-size: 13px;
	margin-top: 63px;
}

#nav-utility .caret {
	background: url('resource:/images/icon-caret-wh.png') 0 1px no-repeat
		transparent;
	border: none;
	height: 16px;
	width: 16px;
}

#nav-utility .divider {
	border: 1px solid #000;
	height: 10px;
	width: 1px;
}

.login-name {
	display: inline-block;
	font-weight: bold;
	overflow: hidden;
	position: relative;
	text-overflow: ellipsis;
	top: 5px;
	white-space: nowrap;
}

#form-siteSearch button {
	background-color: #002f55;
	border: none;
	border-radius: 0;
	padding: 7px 12px;
}

#form-siteSearch .glyphicon-search {
	color: #00bfca;
}

#txt-search {
	border-radius: 0;
	box-shadow: none;
	left: 5px;
	position: relative;
}

main {
	background-color: #FFF;
	padding-bottom: 40px;
	padding-top: 20px;
}

footer {
	padding-top: 30px;
	padding-bottom: 30px;
}

footer ul a {
	font-size: 13px;
}

footer b {
	font-size: 16px;
}

footer .vcard {
	color: #FFF;
	font-size: 14px;
}

footer .org {
	font-weight: bold;
}

/* =============================================================================
   Links
   ========================================================================== */
#skip {
	position: absolute;
	left: 35%;
	top: 0;
	z-index: 900;
	width: 50%;
}

#skip a {
	display: block;
	width: 50%;
	padding: 5px;
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: #8cdb78;
	background: #000;
	color: #bfe9ff;
	text-align: center;
}

#skip a:hover, #skip a:focus, #skip a:active {
	color: #9cf285;
	text-decoration: none;
}

/* =============================================================================
   Tables
   ========================================================================== */
.table, .table>thead>tr>th {
	border-bottom: 3px solid #B6B6B6;
}

.table>thead>tr>th {
	font-family: 'Rokkitt', serif;
	font-size: 15px;
	padding: 8px 8px 6px;
	text-transform: uppercase;
}

/* =============================================================================
   Form Elements
   ========================================================================== */
label {
	font-weight: normal;
}

.input-group-addon {
	background-color: #CCC;
}

/* =============================================================================
   Forms
   ========================================================================== */
.fields-inlineGroup {
	padding-top: 5px;
}

.fields-inlineGroup label {
	font-weight: normal;
}

/* =============================================================================
   Icons
   ========================================================================== */
[class^="icon-"] {
	background: 0 0 no-repeat transparent;
	display: inline-block;
}

.icon-logout {
	background-image: url('resource:/images/icon-logout.png');
	background-position: 0 4px;
	height: 16px;
	margin-left: 5px;
	width: 16px;
}

.icon-phone {
	background-image: url('resource:/images/icon-phone.png');
	height: 16px;
	position: relative;
	top: 3px;
	width: 16px;
}

.icon-phone-tdd {
	background-image: url('resource:/images/icon-phone-tdd.png');
	height: 16px;
	position: relative;
	top: 3px;
	width: 16px;
}

.sorting, .sorting_asc, .sorting_desc {
	cursor: pointer;
}
/*.sorting .icon-sort { background: url('resource:/images/icon-sort.png') transparent 3px 3px no-repeat; display: inline-block; height: 16px; position: relative; top: 3px; width: 16px; }*/
.sorting_asc .icon-sort {
	background: url('resource:/images/icon-sort-asc.png') 0 5px no-repeat
		transparent;
	display: inline-block;
	height: 12px;
	margin-left: 5px;
	width: 13px;
}

.sorting_desc .icon-sort {
	background: url('resource:/images/icon-sort-desc.png') 0 5px no-repeat
		transparent;
	display: inline-block;
	height: 12px;
	margin-left: 5px;
	width: 13px;
}

/* =============================================================================
   Buttons
   ========================================================================== */
button+button {
	margin-left: 3px;
}

.btn-default {
	background-color: #DDD;
}

.btn-default.active {
	background-color: #00BFCA;
	border-color: #00BFCA;
	color: #FFF;
}

.btn-primary {
	background-color: #002f55;
}

.btn-secondary {
	background-color: #428BCA;
	color: #FFF;
}

.btn-secondary:hover {
	background-color: #3276B1;
	border-color: #285E8E;
	color: #FFF;
}

.btn-group .btn-default {
	padding: 4px 12px;
}

input[type="file"] {
	display: block;
}

.fileupload-buttonbar .btn, .fileupload-buttonbar .toggle {
	margin-bottom: 5px;
}

.fileinput-button {
	overflow: hidden;
	position: relative;
}

.fileinput-button input {
	cursor: pointer;
	direction: ltr;
	font-size: 200px;
	margin: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
}

#filename {
	display: none;
	margin-top: 10px;
	width: 245px;
}

/* =============================================================================
   Alerts
   ========================================================================== */
.alert {
	padding: 10px;
}

.alert-conflict {
	color: #B01717;
}

.alert-error {
	background-color: #F2DEDE;
	border-color: #EBCCD1;
	color: #B01717;
}

.has-error .help-block, .has-error .control-label, .has-error .radio,
	.has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline
	{
	color: #B01717;
}

.has-error .form-control, .has-error .btn-default {
	border-color: #B01717;
}

/* =============================================================================
   Modals
   ========================================================================== */
.modal-backdrop.in {
	opacity: .3;
}

.modal-content {
	border: 3px solid #DFDFDF;
	box-shadow: none;
}

.modal-header {
	border-bottom: none;
	padding-bottom: 0;
}

.modal-header .close {
	background: url('resource:/images/icon-close.png') 0 0 no-repeat transparent;
	height: 16px;
	opacity: 1;
	text-shadow: none;
	width: 16px;
}

.modal-title {
	color: #002F55;
	font-size: 24px;
}

.modal-footer {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
	text-align: center;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.sr-only.focusable:active, .sr-only.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
	visibility: hidden;
}

@media ( min-width : 768px) {
	.login-name {
		max-width: 128px;
	}
}

@media ( min-width : 1200px) {
	.login-name {
		max-width: 370px;
	}
}
/*************Search*****************/
.srbtn {
	height: 32px;
	background: #fff;
	border: 1px solid #ccc;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 30px;
	display: inline-block;
	margin-left: 10px;
	color: #000;
}

.srbtn:hover {
	background: #eee;
	cursor: pointer;
	color: #000;
}

.srbtn:visited, .srbtn:hover, .srbtn:focus {
	text-decoration: none;
	color: #000;
}

.srbtn:focus {
	border: 1px solid #1A95C9;
}

.searchwrap {
	position: absolute;
	top: 90px;
	right: 0;
	left: 0;
	bottom: 120px;
	background: #fff;
}

.searchwrap.ft-min {
	bottom: 10px
}

#searchwrap-container {
	position: relative;
	width: 100%;
	height: 100%;
}

#searchbar {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	width: 500px;
	height: 65px;
	text-align: center;
	padding: 15px 10px;
}

#searchbar-welcom {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 65px;
	margin: auto;
	width: 500px;
	height: 130px;
	text-align: center;
	padding: 15px 10px;
	font-size: 45px;
}

@media ( max-width : 800px) {
	#searchbar, #searchbar-welcom {
		width: 300px;
	}
}

@media ( max-width : 1000px) {
	#search-btn-wrap .srbtn {
		width: 50px;
		overflow: hidden;
	}
}

@media ( max-height : 400px) {
	#searchbar-welcom {
		display: none
	}
}

#searchbar-wrap {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	right: 0;
	background: #fff;
	z-index: 1000;
}

#query {
	border-radius: 0;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 5px center;
}

#searchbar-cont {
	position: relative;
	width: 100%;
	height: 100%;
}

#search-btn-wrap {
	padding: 15px 10px;
	position: absolute;
	top: 0;
	width: 300px;
	right: 0;
	height: 60px;
	text-align: right;
	overflow: hidden;
}

#respanel {
	position: absolute;
	top: 65px;
	right: 0;
	left: 0;
	bottom: 0;
}

#respanelwrp {
	position: relative;
	height: 100%;
	width: 100%
}

@media ( max-width : 600px) {
	#sresdiv-wrap {
		width: 300px;
	}
}

#sresdiv-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 400px;
	bottom: 0;
}

.res-vw {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 35px;
	display: none;
	background: #fff;
}

.res-vw.res-vwactiv {
	display: block;
}

.res-tb {
	background: #ccc;
}

.res-tb:hover {
	cursor: pointer;
	background: #ccc;
}

.res-tb.res-tbactiv {
	background: #fff;
}

#stabdiv {
	position: absolute;
	height: 35px;
	left: 0;
	right: 0;
	bottom: 0;
}

@media ( max-width : 600px) {
	#chapdiv {
		left: 300px;
	}
}

#chapdiv {
	position: absolute;
	overflow: auto;
	top: 0;
	left: 400px;
	right: 0;
	bottom: 0;
}

#chapdivwrp {
	position: relative;
	width: 100%;
	height: 100%
}

#actdiv {
	position: absolute;
	overflow: auto;
	top: 0;
	left: 0;
	right: 0;
	height: 35px;
}

#acttb {
	table-layout: fixed;
	width: 100%;
	height: 100%;
	text-align: center
}

.acttd>img {
	margin-right: 3px;
}

.acttd { /* 
	border-bottom: 1px solid #ccc; */
	cursor: pointer;
	overflow: hidden;
	white-space: nowrap;
}

#acttb td:hover {
	background: lightgray;
	cursor: pointer
}

#acttb .activ, #acttb .activ:hover {
	background: white;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc; /* 
	border-bottom: 1px solid #ccc; */
}

#docdiv {
	position: absolute;
	top: 35px;
	left: 0;
	right: 0;
	bottom: 0; /* 
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc; */
	padding: 10px 5px 10px 10px;
	-moz-box-shadow: inset 0 0 8px #000000;
	-webkit-box-shadow: inset 0 0 8px #000000;
	box-shadow: inset 0 0 8px #000000;
}

.vw {
	display: none;
	width: 100%;
	height: 100%;
	overflow: auto;
}

.vwactiv {
	display: block !important;
	background: #fff
}

#ratesvw {
	overflow: auto;
}

#sectnotesvw {
	padding: 0.5in
}

#chapnotesvw {
	padding: 0.5in
}

#indexvw {
	
}

#noresultab {
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 20px;
	color: gray;
	display: block;
	padding: 20px 10px;
}

#noresultab span {
	margin: 0 auto;
}

.sin-res {
	margin-top: 5px;
	width: 100%;
	font-size: 14px;
	vertical-align: top;
	border: 1px solid #eee;
}

.sin-res:focus {
	
}

.curr-res-row td:first-child {
	border-left: 10px solid #1A95C9 !important;
}

.sin-res:hover {
	background: #eee;
	cursor: pointer
}

.sin-res span {
	color: #1A95C9;
}

.sin-res-ind {
	border-left: 5px solid #fff;
	padding: 5px;
}

.sin-res-ind:hover {
	border-left: 5px solid #eee;
}

.curr-res .sin-res-ind {
	border-left: 5px solid #1A95C9;
}

.restable {
	background: #fff;
}

.restable tbody tr:nth-child(even) {
	background: #eee
}

.restable tbody tr td {
	padding: 5px;
	vertical-align: top;
	border-right: 1px solid #ccc;
}

.restable tbody tr td:first-child {
	border-left: 10px solid #fff;
}

.restable tbody tr td:last-child {
	border-right: 0;
}

#footer {
	color: black;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 120px;
	z-index: 1000;
	overflow: hidden;
	font-size: 14px;
	line-height: 16px;
	white-space: nowrap;
}

#footer.ft-min {
	height: 10px;
}

#footer a {
	color: #000;
}

#ft-resize {
	position: absolute;
	top: 0;
	height: 10px;
	left: 0;
	right: 0;
	z-index: 2000;
	text-align: center;
	background-image: url('../images/hts-down-white-16.png');
	background-repeat: no-repeat;
	background-position: center center;
}

#ft-resize.ft-min {
	background-image: url('../images/hts-up-white-16.png');
}

#ft-table-wrap {
	position: absolute;
	left: 0;
	width: 100%;
	top: 10px;
	bottom: 0;
}

#ft-table {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#ft-table td {
	padding: 2px 5px 5px 5px;
	background: #1A95C9;
	vertical-align: top
}

#ft-table  span {
	font-weight: bold;
}

#ft-table li {
	margin: 0;
}

.readers-viewers li {
	display: inline-block;
}
/*************** Notes *****************/
.no_liststyle {
	list-style-type: none;
}

.misc_table {
	margin-left: auto;
	margin-right: auto;
}

.misc_paragraph {
	margin-top: 8px;
	padding-left: 0px;
	text-indent: 0pt;
}

.misc_listitem {
	padding-left: 10pt;
	text-indent: -10pt;
	text-decoration: none;
}

ul {
	margin-left: -15px;
}

li {
	margin-top: 8px;
	margin-left: 0px;
}

.misc_numbering {
	visibility: hidden;
}

.misc_title {
	text-align: center;
	font-weight: bold;
}

.misc_title_desc {
	text-align: center;
}

.styles_center {
	text-align: center;
}

.styles_right {
	text-align: right;
}

.styles_tableheader {
	text-align: center;
	text-decoration: underline;
}

.styles_tableborder {
	border: 1px solid black;
}

.styles_abbrev_prefix {
	margin-top: -20px;
}

.styles_indent {
	margin-left: 10px;
}

.styles_doubleindent {
	margin-left: 20px;
}

ol, ul, dl {
	/* IE7: reset rtl list margin. (#7334) */
	*margin-right: 0px;
	/* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/
	padding: 0 40px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	line-height: 1.2em;
}

tr, td {
	border: 0;
}

#loadr {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: gray;
	display: none;
	z-index: 10000;
	opacity: 0.2;
}

#loadrmsg {
	position: fixed;
	width: 120px;
	height: 50px;
	text-align: center;
	background: white;
	display: none;
	z-index: 20000;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -60px;
	line-height: 50px;
}

.article-footnote {
	display: inline-block;
	padding: 0 2px;
	text-decoration: underline
}

.article-footnote:hover{
	background: orange;
	cursor: pointer;
}