/* CUSTOM DOR STYLES
 * -------------------------- */

.ClassName {
	color: transparent;
}
#IDname {
	color: transparent;
}
/* DOR custom panel styles */
.sub-pages-heading-grey {
	background-color: #B8C2D0 !important;
	color: #000 !important;
	padding: 10px;
	border-radius: 1px;
}
.sub-pages-heading-lt-blue {
	background-color: #074078 !important;
	color: #ffffff !important;
	padding: 10px;
	border-radius: 1px;
}
.sub-pages-heading-lt-blue h3 {
	color: white !important;
}
/* copied from WIN style.css to make sure we weren't duplicating efforts and to move items that were best handled in our stylesheet */
/*
.panel-default {
    box-shadow:-7px 5px 12px #8F8F8F;
}
.panel-default .list-group-item {
    padding:10px;
}
.panel-primary li a {
    width:100%;
}
*/

/* styles to address the accessibility issues with links */
p a {
	text-decoration: underline;
}
.listLinks li a {
	text-decoration: underline;
}
a:visited {
	color: #b0874d;
}
/* WIN version
a:visited {
    color: #114c86;
}
*/
p a:visited {
	text-decoration: underline;
}
a.btn:visited {
	color: #ccc;
}
a.no_icon::before {
	content: none;
	padding-left: 0;
}
#DeltaPlaceHolderMain #table-respond td a {
	text-decoration: underline !important;
	background-color: transparent !important;
	color: #114c86 !important
}
#DeltaPlaceHolderMain #table-respond td a:visited {
	text-decoration: underline;
	color: #b0874d;
}
 
/* reducing the padding and margin for a paragraph before a ul using the reportYearList class */
p.beforeList {
	font-weight: bold;
	padding-bottom: .2em;
	margin-bottom: .2em;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: .5em 0;
	padding: 0;
}
/* styles for displaying the year list horizontally with a vertical separator on the reports and publications pages */
ul.reportYearList {
	list-style: none;
	list-style-image: none;
	list-style-type: none;
}
ul.reportYearList li {
	background-image: none;
	display: inline;
	line-height: 1.7em;
	border-right: solid 1px black;
	padding-right: .5em;
	padding-left: 0;
	margin: 0;
}
ul.reportYearList li:last-child {
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}
/* styles for displaying the year list horizontally with a vertical separator on the reports landing page */
ul.reportList {
	list-style: none;
	list-style-image: none;
	list-style-type: none;
}
ul.reportList li {
	background-image: none;
	display: inline;
	line-height: 1.7em;
	border-right: solid 1px black;
	padding-right: .5em;
	padding-left: .5em;
	margin: 0;
}
ul.reportList li:first-child {
	padding-left: 0;
}
ul.reportList li:last-child {
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}
ol.alphaUpper {
	list-style-type: upper-alpha;
}
ol.alphaLower {
	list-style-type: lower-alpha;
}
ol.romanUpper {
	list-style-type: upper-roman;
}
ol.romanLower {
	list-style-type: lower-roman;
}
/* styles use for section counters for statutes, etc. */
ol.dorSections {
	counter-reset: section;                /* Creates a new instance of the
                                            section counter with each ol
                                            element */
	list-style-type: none;
}
ol.dorSections li::before {
	counter-increment: section;            /* Increments only this instance
                                            of the section counter */
	content: counters(section, ".") " ";    /* Adds the value of all instances
                                            of the section counter separated
                                            by a ".". *//* if you need to support < IE8 then
                                            make sure there is no space after 
                                            the ',' */
}
dl.glossary dt {
	margin-top: 1.1em;
	
}
dl.glossary dd {
	margin-left: 2em;
}
/* removing the margin and padding for the first paragraph after a heading */
h1 + p {
	margin-top: .2em;
	padding-top: .2em;
}
h2 + p {
	margin-top: .2em;
	padding-top: .2em;
}
h3 + p {
	margin-top: .2em;
	padding-top: .2em;
}
h4 + p {
	margin-top: .2em;
	padding-top: .2em;
}
h5 + p {
	margin-top: .2em;
	padding-top: .2em;
}
/* adjusting the padding of the heading when it follows a paragraph */
p + h1 {
	padding-top: .7em;
}
p + h2 {
	padding-top: .7em;
}
p + h3 {
	padding-top: .7em;
}
p + h4 {
	padding-top: .7em;
}
p + h5 {
	padding-top: .7em;
}
/* adjusting the padding of the heading when it follows an unordered list */
ul + h1 {
	padding-top: .7em;
}
ul + h2 {
	padding-top: .7em;
}
ul + h3 {
	padding-top: .7em;
}
ul + h4 {
	padding-top: .7em;
}
ul + h5 {
	padding-top: .7em;
}
/* adjusting the font weight of headings within the content area only */
#DeltaPlaceHolderMain h3 {
	font-weight: bold;
}
#DeltaPlaceHolderMain h4 {
	font-weight: bold;
}
#DeltaPlaceHolderMain h5 {
	font-weight: bold;
}
.red {
	color: #900;
	font-weight: bold;
}
/* version for ISE that removes the bold */
.redNoBold {
	color: #900;
}
.callout, .callout a {
	color: #952302;
	font-weight: bold;
	font-style: italic;
}
.eretr, a.eretr {
	color: #000;
	font-style: italic;
	font-weight: bold;
	display: inline-block;
}
.eretr:first-letter, a:link.eretr:first-letter {
	color: #900;
}
.largeCopyText {
	font-size: 1.3em;
}
.xLargeCopyText {
	font-size: 1.6em;
}
.smallCopyText {
	font-size: .9em;
}
.whiteLink {
	color: #ffffff !important;
	font-weight: bold;
}
.borderwide {
	border: 1em solid #fff;
}
.borderleft {
	border-left: .1em solid #ccc;
}
.borderbottom {
	border-bottom: 1px solid #000;
}
.bordertop {
	border-top: 1px solid #000;
}
.borderbottom-double {
	border-bottom: medium double #000;
}
.whiteback {
	background-color: #fff;
}
.ltblueback {
	background-color: #B8C2D0;
	color: #000;
}
/* additional style to address contrast issue in forms with light blue back */
.ltblueback label.control-label {
	color: #292929;
}
.ltblueback a:visited {
	color: #634806;
}
.ltgoldback {
	background-color: #E8E2BF;
}
.ltgrayback {
	background-color: #e9e9e9;
}
.medgrayback {
	background-color: #ccc;
}
.ludate {
	position: relative;
	bottom: .1em;
	left: 1em;
	color: #854200;
	font-size: .8em;
	margin: 1em 0;
}
.indent {
	margin-left: 3em;
}
.dorBlueBox {
	text-align: center;
	border: 1px solid #cccccc;
	padding: 0.75em 0.75em 1em;
	margin: 0px 0.5em 1em 0px;
	background-color: #0e4167;
}
.dorContentPadding {
	padding: 0.75em 1em 0.75em 0.5em;
}
.dorNestLevel1 {
	padding-left: 25px;
}
.dorNestLevel2 {
	padding-left: 20px;
}
.dorMaintenance {
	visibility: hidden;
	display: none;
}
/* =============================================================================
   Articles and Footnotes
   ========================================================================== */
/**
 * Initialiazing a `footnotes` counter on the wrapper
 */
article {
    counter-reset: footnotes;
}
/**
 * Inline footnotes references
 * 1. Increment the counter at each new reference
 * 2. Reset link styles to make it appear like regular text
 */
a[aria-describedby="footnote-label"] {
    counter-increment: footnotes; /* 1 */
    text-decoration: none; /* 2 */
    color: inherit; /* 2 */
    cursor: default; /* 2 */
    outline: none; /* 2 */
}
/**
 * Actual numbered references
 * 1. Display the current state of the counter (e.g. `[1]`)
 * 2. Align text as superscript
 * 3. Make the number smaller (since it's superscript)
 * 4. Slightly offset the number from the text
 * 5. Reset link styles on the number to show it's usable
 */
a[aria-describedby="footnote-label"]::after {
    content: '[' counter(footnotes) ']'; /* 1 */
    vertical-align: super; /* 2 */
    font-size: 0.5em; /* 3 */
    margin-left: 2px; /* 4 */
    color: inherit; /* 5 */
    text-decoration: underline; /* 5 */
    cursor: pointer; /* 5 */
}
/**
 * Resetting the default focused styles on the number
 */
a[aria-describedby="footnote-label"]:focus::after {
    outline: thin dotted;
    outline-offset: 2px;
}
footer :target {
	font-weight: bold;
}	
[aria-label="Back to content"] {
  font-size: 0.8em;
}
/**
 * Visually hidden yet accessible content
 */
.visually-hidden {
  position: absolute;
  clip: rect(0 0 0 0);
  visibility: hidden;
  opacity: 0;
}
/* =============================================================================
   Tables
   ========================================================================== */
table {
	font-size: 1em;
	color: #000;
}
th {
	font-weight: bold;
	background-color: #E6E7E8;
	border-top: 1px solid #999 !important;
	border-right: 1px solid #999 !important;
	border-bottom: 1px solid #999 !important;
	border-left: 1px solid #999 !important;
	font-size: 1em;
	text-align: center;
	color: #000;
}
/* tables other than class="grid"*/
table.dor, table.dor th {
	border-collapse: collapse;
	border-spacing: 0;
}
table.dor td.rowLabel {
	font-weight: bold;
	background-color: #E6E7E8;
	padding-top: 1em;
	font-size: 1em;
	text-align: left;
}
td.currency {
	text-align: right;
	font-family: monospace;
	font-size: 1.1em;
	font-weight: bold;
}
/* tables with class="grid"*/
table.grid, table.grid th {
	border-collapse: separate;
}
table.grid td {
	border-collapse: separate;
	border: 1px solid #999;
}
table.grid .row {
	background-color: #EEEEEE;
	border: 1px solid #999;
}
td.first-column {
	width: 20%;
}
td.second-column {
	width: 80%;
}
.tb-center {
	text-align: center;
}
.tb-right {
	text-align: right;
}

@media screen and (max-width: 480px) {
.first-column {
}
.second-column {
}
.tb-center {
	text-align: left;
}
.tb-right {
	text-align: left;
}
caption {
	display: block;
	padding: 0;
	text-align: left;
	white-space: normal;
}
}
/* used when you need a header-like label within a cell */
div.headercell {
	background-color: #E6E7E8;
	border: 1px solid #999;
	padding-top: 1em;
	vertical-align: bottom /*baseline*/;
	font-weight: bold;
	font-size: 1em;
}
/***************** DOR Application Styles *******************************/
.appStartHidden {
	display: none;
}
.appStatusMsg-error {
	font-weight: bold;
	font-size: larger;
}
#appBlocker {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 0px;
	margin: 0px;
	z-index: 1000;
	background-color: white;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: alpha(opacity=50);
}
#appBlocker div {
	width: 100px;
	height: 100px;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
	position: absolute;
}
.appIndicator {
	background-image: url('/DORImages/exclamation.png');
	background-position: right center;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	position: absolute;
}
/* --- Twirlies Accordion -- */
[id^="twirlAccordion"] .accordion-toggle {
	cursor: pointer;
	text-decoration: none;
	background: #fff !important; /* setting the background color to the default body color from style.css */
	color: #114c86 !important; /* setting the font color to the default link color from style.css */
}
[id^="twirlAccordion"] .accordion-toggle:before {
	/* symbol for "opening" panels */
	font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
	content: "\e114";    /* adjust as needed, taken from bootstrap.css */
	position: relative;
	right: 5px;
	font-size: .75em;/*float: right;         adjust as needed *//*color: grey;          adjust as needed */
}
[id^="twirlAccordion"] .accordion-toggle.collapsed:before {
	/* symbol for "collapsed" panels */
	content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}
/***************** DOR Application Progress Bar (as table) Styles *******/
.tableBar {
	border-spacing: 6px;
	border-collapse: separate;
}
.tdleftBorder {
	border-radius: 10px 0px 0px 10px;
	background-color: #FFA54F;
}
.tdFilled {
	background-color: #FFA54F;
	text-align: center;
}
.tdrightBorder {
	border-radius: 0px 10px 10px 0px;
	background-color: #FFA54F;
}
.tdrightGrey {
	border-radius: 0px 10px 10px 0px;
	background-color: #cccccc;
}
/***************** Video Center Styles **********************************/

/***************** Video player styles **********************************/
.vpcontain {
	clear: both;
	margin: 0 auto;
}
/***************** Left side of page ************************************/
#vcleftside {
	margin: 0 0 1em .5em;
}
#vcleftside > div {
	margin: 1.5em 0em .5em 0em !important;
	border: none;
}
.viddescrip {
	padding: .7em 0em .7em 1em !important;
	overflow-y: scroll;
	max-height: 175px;
}
.viddescrip h3 {
	padding: .5em !important;
	color: black;
}
.viddescrip p {
	margin: 0;
	padding: 0em 0em .7em .8em;
	font-size: .9em;
}
/***************** Right side of page ***********************************/
#vcrightside {
	position: relative;
	top: 0;
	float: left;
	margin: 0 0em 1em 1em;
	background-color: #fff;
}
#vcrightside > div {
	min-height: 44em;
	max-height: 44em;
	margin-bottom: 0em;
	margin-top: 0em;
	padding: 0em;
	border: none;
}
.vidPlaylistPanel {
	display: inline-block;
	padding: 0;
	margin: 0;
	vertical-align: top;
	overflow-y: scroll;
	max-height: 495px;
}
div.vidPlaylistPlayContainer {
	color: #c0c0c0;
	background: #222222;
	display: block;
}
.vidPlaylistPlay {
	margin: 0;
	padding: 10px;
	display: block;
	overflow: hidden;
	cursor: pointer
}
div.vidPlaylistPlay:hover {
	background: #525252;
}
.thumbsCon {
	float: left;
	margin-right: 10px;
	position: relative;
}
.thumbsCon img {
	width: 120px;
	min-width: 120px;
	min-height: 70px;
}
.thumbsCon span {
	position: absolute;
	right: 1px;
	bottom: 10px;
	padding: 0 5px 0 5px;
	background: #000;
}
.nowPlaying {
	background: #3a3a3a;
}
.nowPlaying img {
	border : 2px solid #e42b28;
}