/* House Research Department - HRD CSS styles (csshrd.css)
 *
 * Author        Matt Burress
 * Copyright     (c) 2010 Minnesota House of Representatives
 * Updates       11/2008 - replace hrd.css to handle new legislature-wide css
 *               10/2009 - <h2> mods: add to house css override for spacing, create subtitle id to replace the class
 *
 * Colors        House greeen - #669933 ; white - #FFFFFF ;
 *               HRD silver - #A9A9A9 (borders, lines) ; HRD light gray - #E0E0E0 (table header, tab folders)  
 */


/* -------- cascading css override / modifications -------- */

body {
    WIDTH: auto;
    MIN-WIDTH: 800px;
}

#nav_left .HRDNavL {
    MARGIN-BOTTOM: 0.8em;
}

#nav_left ul ul {
    MARGIN-LEFT: 1.2em; 
    MARGIN-BOTTOM: 0.8em;
}

#content {
    PADDING: 0em 4em 0em 4em;
}

#content h1 {
    MARGIN-TOP: 2em;
    MARGIN-LEFT: 0em;
}

#content h1.highlight {
    MARGIN-TOP: 0em;
}

#content h2 {
    MARGIN: 1.5em 0em 0.5em 0em;
}

#content h2.highlight {
    BORDER-BOTTOM: 1px solid #A9A9A9;
}

#content h3 {
    MARGIN-TOP: 1.25em;
    MARGIN-BOTTOM: 0.5em;
}

#content h4 {
    FONT-SIZE: 1.25em;
}

#content p {
    FONT-SIZE: 1.25em;
    MARGIN-BOTTOM: 1em;
}

#content ul {
    FONT-SIZE: 1.25em;
    LIST-STYLE: disc;
    MARGIN-LEFT: 3em;    
}

#content ul ul {			/* nested ul tag */
    FONT-SIZE: 1em;			/* match parent ul size */
    MARGIN-BOTTOM: 1em;
    LIST-STYLE: circle;   
}

#content ul p {				/* nested p tag */
    FONT-SIZE: 1em;
    MARGIN-BOTTOM: 0.5em;
}

#content dl {
    FONT-SIZE: 1.25em;
    MARGIN-LEFT: -1em;
}

#content dl ul {			/* nested ul tag */
    FONT-SIZE: 1em;			/* match parent dd size */
    MARGIN-LEFT: 3em;
}

#content dd {
    MARGIN-BOTTOM: 1em;
}

#footer {
    PADDING-RIGHT: 4em;
    PADDING-LEFT: 4em;
} 

/* --- HACKS --- */

.HRDSpacer {				
    PADDING: 3em 0em 0em 0em;        /* IE adds unexpected padding to nested tags */
}

/* create minimum height of content in case it is shorter than nav links */
#content {	                         /* general min height */
    min-height: 580px;
    height: auto !important;
    height: 580px;
}
#HRDMinHeight_MGIB {                 /* extend min height for MN Gov't in Brief pages */	
    min-height: 810px;
    height: auto !important;
    height: 810px;
}


/* -------- build-in tag updates -------- */

small {
    FONT-SIZE: 0.8em;
}

strong {
    FONT-WEIGHT: bold;
}

em {
    FONT-STYLE: italic;
}


/* -------- headings, titles, key links, & highlighting -------- */ 

H2#HRDSubtitle {
    FONT-SIZE: 1.6em;
    FONT-WEIGHT: normal;
    MARGIN: -0.5em 0em 1em 0em;

}

H3.HRDSubgroup {
    FONT-SIZE: 1em;
    FONT-WEIGHT: bold;
    MARGIN: 1em 0em 0em 0em;
}

small.HRDCrumbs a, small.HRDCrumbs a:link, small.HRDCrumbs a:visited {
    COLOR: blue;
    TEXT-DECORATION: none;
}

small.HRDCrumbs a:hover {
    TEXT-DECORATION: underline;
}

.HRDHeaderA {
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center;
}

.HRDHeaderB {
    FONT-WEIGHT: bold;
    TEXT-ALIGN: left;
}

.HRDAux1 {                       /* auxiliary functions: above title line */
    FLOAT: right;
    FONT-SIZE: 1.4em;
    MARGIN-TOP: 0.35em;
    MARGIN-LEFT: 1.4em;
}

.HRDAux2 {                       /* auxiliary functions: below title line */
    CLEAR: right;
    FLOAT: right;
    FONT-SIZE: 1.25em;
    TEXT-ALIGN: right;
    MARGIN-TOP: 0.5em;
    MAX-WIDTH: 60%;
}

.HRDNorm {
    TEXT-ALIGN: left;
}

.HRDNum {
    TEXT-ALIGN: right;
}

.HRDOverview {
    MARGIN-LEFT: 5%;
    WIDTH: 90%;
}

.HRDBox {					
    PADDING: 0.5em;
    BORDER: #A9A9A9 1px solid;
    OVERFLOW: auto;
    WIDTH: 100%;
}

.HRDLine {
    PADDING-TOP: 1.5em;
    BORDER-BOTTOM: #FFFFCC 1px solid;
}

.HRDLineB {
    PADDING-TOP: 0em;
    PADDING-BOTTOM: 0em;
    MARGIN-TOP: 0.5em;
    MARGIN-BOTTOM: 2em;
    MARGIN-LEFT: 5%;
    BORDER-BOTTOM: #A9A9A9 1px solid;
    WIDTH: 90%;
}

.HRDBreak {
    FONT-SIZE: 1.25em;
    FONT-WEIGHT: bold;
    PADDING-TOP: 1.25em;
    PADDING-BOTTOM: 0.2em;
    BORDER-BOTTOM: #A9A9A9 2px solid;
}

.HRDImg {
    VERTICAL-ALIGN: top;
}


/* -------- floats -------- */

DIV.HRDCol {					
    FLOAT: left;
    VERTICAL-ALIGN: top;
    BACKGROUND-COLOR: #FFFFFF;
}

DIV.HRDColEq {
    FLOAT: left;
    WIDTH: 46%;
    MARGIN-LEFT: 0.5em;
    MARGIN-RIGHT: 0.5em;
    VERTICAL-ALIGN: top;
    FONT-SIZE: 1em;
}

DIV.HRDColR {
    FLOAT: right;
    TEXT-ALIGN: right;
    VERTICAL-ALIGN: top;
}

#content DIV.HRDColEq ul {			/* nested ul tag */
    FONT-SIZE: 1em;
}

DIV.HRDClearR {
    CLEAR: right;
}

DIV.HRDClearL {
    CLEAR: left;
}

DIV.HRDNoFloat {
    FLOAT: none;
    CLEAR: both;
}


/* -------- pages: previous/next cycling -------- */

.HRDPrevNext {
    FLOAT: right;
    FONT-WEIGHT: normal;
    FONT-SIZE: 1.4em;
    MARGIN-TOP: 0.6em;
}

#HRDPrevNextBtm {
    MARGIN-TOP: 0em;
}

A.HRDPrev {
    BACKGROUND: url("../images/arrow_prev.jpg") no-repeat scroll left center transparent; 
    PADDING-LEFT: 15px;
}

A.HRDNext {
    BACKGROUND: url("../images/arrow_next.jpg") no-repeat scroll right center transparent; 
    PADDING-RIGHT: 15px;
}

.HRDPrevNext a, .HRDPrevNext a:link, .HRDPrevNext a:visited {
    COLOR: blue;
    TEXT-DECORATION: none;
}

.HRDPrevNext a:hover {
    TEXT-DECORATION: underline;
}


/* -------- multi-column layouts: 'pane' formatting for two columns & boxes -------- */

.HRDPaneMajor {	                     /* main content container */
    FLOAT: left;
    WIDTH: 66%;
}

.HRDPaneMinor {	                     /* secondary container */
    FLOAT: right;
    WIDTH: 30%;
    MARGIN-LEFT: 1.5em;
    MARGIN-BOTTOM: 1.5em;
}

.HRDPaneHdr {                        /* boxes header */
    TEXT-ALIGN: center;
    FONT-SIZE: 1.5em;
    FONT-WEIGHT: bold;
    COLOR: white;
    PADDING: 0.5em;
    BORDER-TOP: #669933 1px solid;
    BORDER-LEFT: #669933 1px solid;
    BORDER-RIGHT: #669933 1px solid;
    BACKGROUND-COLOR: #669933;
}

.HRDPaneContent {	                /* boxes content */   
    PADDING: 1em;
    BORDER: #669933 1px solid;
    BACKGROUND-COLOR: #FFFFFF;
}

.HRDPaneContent LI {
    PADDING-TOP: 0.25em;    
    PADDING-BOTTOM: 0.25em;
    MARGIN-LEFT: -0.75em;
}

.HRDPaneContent .Text {
    FONT-SIZE: 1.25em;
    FONT-WEIGHT: normal;
    PADDING-BOTTOM: 0.25em;
}


/* -------- user forms: layout for data lookup forms and other structured information -------- */

.HRDLULabel, .HRDMiscLabel, .HRDLUContent {			/* shared formatting */
    FONT-SIZE: 1.25em;
    FLOAT: left;    
    MARGIN-RIGHT: 0.5em;
    PADDING-TOP: 0em;
    PADDING-BOTTOM: 0.5em;
}

.HRDLULabel, .HRDMiscLabel {
    WIDTH: 25%;
    TEXT-ALIGN: right;
}

.HRDLULabel {
    FONT-WEIGHT: bold;
}

.HRDLUContent {
    WIDTH: 70%;  
    MARGIN-LEFT: 0.5em; 
}

.HRDLUContent TH, .HRDLUContent TD {
    FONT-SIZE: 1em;
}


/* -------- 'tabs': for tabbing between 'folders' & hiding content via javascript -------- */

.HRDTabFront, .HRDTabBack {   			/* shared formatting */
    TEXT-ALIGN: center;
    PADDING: 0.5em;
    WHITE-SPACE: nowrap;
    -moz-border-radius-topleft: 5px;		/* semi-temporary until next CSS spec */
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

.HRDTabFront {   				/* current open 'folder' */
    FONT-WEIGHT: bold;
    BORDER-TOP: #A9A9A9 1px solid;
    BORDER-LEFT: #A9A9A9 1px solid;
    BORDER-RIGHT: #A9A9A9 1px solid; 
}

.HRDTabBack {					/* closed 'folder' */
    BACKGROUND: #E0E0E0;
    BORDER: #A9A9A9 1px solid;
}

.HRDTabGap {					/* spacer */
    PADDING: 0.3em;
    BORDER-BOTTOM: #A9A9A9 1px solid;
}

.HRDTabBlank {					/* line */
    WIDTH: 65%;
    BORDER-BOTTOM: #A9A9A9 1px solid;
}


/* -------- data & output table formatting -------- */
/*  set up 4 types of standard tables, for (1) default left and (2) default
    right align, as well as (3) solid line borders and (4) borderless w/ grayed
    heading */
    
TABLE.HRDMain, TABLE.HRDData {
    WIDTH: 100%;
    BORDER-STYLE: none;
    BORDER-SPACING: 0px 0px;
    BORDER-COLLAPSE: collapse;
    MARGIN-TOP: 0.2em;
    MARGIN-BOTTOM: 0.8em;
}

TABLE.HRDMainBox, TABLE.HRDDataBox {
    WIDTH: 100%;
    BORDER-STYLE: solid;
    BORDER-SPACING: 0px 0px;
    BORDER-COLLAPSE: collapse;
    MARGIN-TOP: 0.2em;
    MARGIN-BOTTOM: 0.8em;
}

THEAD {
    BACKGROUND-COLOR: #E0E0E0;
}

.HRDData TH, .HRDDataBox TH {
    TEXT-ALIGN: right;
}

.HRDMainBox TH, .HRDDataBox TH {
    BORDER: 1px solid;
}

TH {
    FONT-SIZE: 1.25em;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: left;
    PADDING: 0.3em 0.3em 0.3em 0.3em;
    VERTICAL-ALIGN: bottom;
}

TH.Top {
    BORDER-TOP: #A9A9A9 1px solid;
}

TH.Bottom {
    BORDER-BOTTOM: #A9A9A9 1px solid;
}

TH.Both {
    BORDER-TOP: #A9A9A9 1px solid;
    BORDER-BOTTOM: #A9A9A9 1px solid; 
}

TH.Blank, TD.Blank {
    BACKGROUND-COLOR: #FFFFFF;
    BORDER-STYLE: none;
}

TH.HRDTableTitle {
    TEXT-ALIGN: center;
    BORDER-LEFT-STYLE: none;
    BORDER-TOP-STYLE: none;
    BORDER-RIGHT-STYLE: none;
    PADDING-BOTTOM: 0.6em;    
    BACKGROUND-COLOR: #FFFFFF;
}

TH.HRDDataTitle {
    FONT-STYLE: italic;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: center;
    BORDER-TOP: #A9A9A9 1px solid;
    BORDER-BOTTOM: #A9A9A9 1px dotted;
    PADDING-TOP: 0.2em;
}

TH.HRDDataTitleBox {
    FONT-STYLE: italic;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: center;
    PADDING-TOP: 0.2em;
}

TD {
    FONT-SIZE: 1.25em;
    PADDING: 0.1em 0.1em 0.1em 0.1em;
}

.HRDData TD, .HRDDataBox TD {
    TEXT-ALIGN: right;
}

.HRDMainBox TD, .HRDDataBox TD {
    BORDER: 1px solid;
    PADDING: 0.3em 0.3em 0.3em 0.3em;    
}

.HRDSpacing TD {
    PADDING-TOP: 0.4em;
    PADDING-BOTTOM: 0.4em;
}

TD.HRDClose {
    BORDER-BOTTOM: #A9A9A9 1px solid;
}

.HRDData TD.HRDNote, .HRDDataBox TD.HRDNote {
    FONT-SIZE: 1.1em;
    TEXT-ALIGN: left;
}

.HRDMain TD.HRDNote, .HRDMainBox TD.HRDNote {
    FONT-SIZE: 1.1em;
}


/* -------- HRD 'white'/content material pages: general defaults -------- */

#HRDMaterial {
    FONT-SIZE: 0.65em;
    MARGIN: 2px 12px 12px 12px;
    BACKGROUND-COLOR: #FFFFFF;
}

#HRDMaterial h1 {
    FONT-SIZE: 1.8em;
    MARGIN-TOP: 1em;
    MARGIN-BOTTOM: 0.8em;
}

#HRDMaterial h1.Title {
    FONT-FAMILY: Arial;
    MARGIN-BOTTOM: 0em;
}

#HRDMaterial h2 {
    FONT-SIZE: 1.6em;
    MARGIN-TOP: 1.25em;
    MARGIN-BOTTOM: 0.5em;
}

#HRDMaterial h2.Title {
    FONT-WEIGHT: normal;
    MARGIN-TOP: 0em;
    MARGIN-BOTTOM: 0.8em;
}

#HRDMaterial h2.TitleB {
    FONT-SIZE: 1.6em;
    FONT-WEIGHT: bold;
}

#HRDMaterial h3 {
    FONT-SIZE: 1.3em;
    MARGIN-TOP: 1em;
    MARGIN-BOTTOM: 0.5em;
}

#HRDMaterial h4 {
    FONT-SIZE: 1.25em;
    MARGIN-TOP: 1em;
    MARGIN-BOTTOM: 0.5em;
}

#HRDMaterial p, #HRDMaterial ul, #HRDMaterial li, #HRDMaterial strong {
    FONT-SIZE: 1.25em;
}

#HRDMaterial p {
    PADDING-BOTTOM: 1em;
}

#HRDMaterial p a.small {
    FONT-SIZE: 0.8em;
}

#HRDMaterial p small {
    FONT-SIZE: 0.85em;
}

#HRDMaterial p small a {
    FONT-SIZE: 1em;
}

#HRDMaterial p.HRDDateStamp {
    MARGIN-TOP: 1.25em;
    FONT-SIZE: 1.1em;
    FONT-STYLE: italic;
}

#HRDMaterial td p {
    FONT-SIZE: 1em;
    padding-top: 1em;
    PADDING-BOTTOM: 0em;
}

#HRDMaterial ul {
    PADDING-TOP: 0.5em; 
    PADDING-BOTTOM: 1em;
}

#HRDMaterial ul li {
    FONT-SIZE: 1em;
    LIST-STYLE: disc;
    MARGIN-LEFT: 3em;
}

#HRDMaterial ul li strong {
    FONT-SIZE: 1em;
}

#HRDMaterial ul ul {
    FONT-SIZE: 1em;
    LIST-STYLE: circle;
}

#HRDMaterial ul ul li {
    FONT-SIZE: 1em;
    MARGIN-LEFT: 6em;
}

#HRDMaterial small {
    FONT-SIZE: 1.1em;
}

#HRDMaterial strong {
    font-size: 1em;
}

#HRDMaterial img {
    border:none;
}

#HRDMaterial .HRDHeaderB {
    TEXT-ALIGN: left;
}

#HRDMaterial .Title, #HRDMaterial .TitleB {
    TEXT-ALIGN: center;
}

#HRDMaterial .HRDNorm {
    TEXT-ALIGN: left;
}

#HRDMaterial .HRDLULabel, #HRDMaterial .HRDMiscLabel {
    FONT-SIZE: 1.3em;
    WIDTH: 15%;
}

#HRDMaterial .HRDLUContent {	
    FONT-SIZE: 1.3em;
    WIDTH: 82%;
}


/* -------- HRD 'white'/content material pages: banner -------- */

#HRDBanner {
    VERTICAL-ALIGN: top;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Arial, Verdana;
    COLOR: white;
    MARGIN-LEFT: -10px;
    MARGIN-RIGHT: -10px;
    MARGIN-BOTTOM: 4px;
}

#HRDBanner a, #HRDBanner a:link, #HRDBanner a:visited {
    COLOR: white;
    TEXT-DECORATION: none;
}

#HRDBanner a:hover {
    COLOR: silver;
    TEXT-DECORATION: underline;
}

.HRDBannerTitle {
    FLOAT: left;
}

.HRDBannerNav1 {
    FLOAT: right;
    WIDTH: 60%;
    FONT-SIZE: 1.1em;
    TEXT-INDENT: 25px;
    PADDING-TOP: 2px;
    PADDING-BOTTOM: 2px;
    BACKGROUND-COLOR: black;
    BACKGROUND-IMAGE: url(http://www.house.leg.state.mn.us/icons/curve1black.jpg);
    BACKGROUND-REPEAT: no-repeat;
}

.HRDBannerNav2 {
    CLEAR: both;
    WIDTH: 100%;
    FONT-SIZE: 1.2em;
    TEXT-INDENT: 12px;
    PADDING-TOP: 2px;
    PADDING-BOTTOM: 2px;
    BACKGROUND-COLOR: black;
}


/* -------- legacy classes -------- */

P.second {
    font-size: 8pt; 
    font-style: italic;
}

P.third {
    FONT-SIZE: 8pt; 
    FONT-WEIGHT: normal;
    TEXT-ALIGN: left;
    MARGIN-TOP: 0.2em;
}