/* House Research Department - HRD CSS styles (csshrd.css)
 *
 * Author    	Matt Burress
 * Copyright 	(c) 2009 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 ; HRD silver - #A9A9A9 (tabs, lines) ; HRD 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 6em 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;		/* ***test: possible implementation */
}

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

#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;
}


/* HACK: IE adds unexpected padding to nested tags */

.HRDSpacer {				
    PADDING: 3em 0em 0em 0em;
}

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



/* -------- misc formatting -------- */

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

.HRDHeaderB {
    FONT-SIZE: 1.25em;
    FONT-WEIGHT: bold;
}

.HRDNum {
    TEXT-ALIGN: right;
}

SMALL {
    FONT-SIZE: 0.8em;
}

STRONG {
    FONT-WEIGHT: bold;
}

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


/* -------- special headings, header links, titles, & 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;
}

.HRDAux1 {
    FLOAT: right;
    FONT-SIZE: 1.4em;
    MARGIN-TOP: 0.35em;
    MARGIN-LEFT: 1.4em;
}

.HRDAux2 {
    CLEAR: right;
    FLOAT: right;
    FONT-SIZE: 1.25em;
    TEXT-ALIGN: right;
    MARGIN-TOP: 0.5em;
    MAX-WIDTH: 60%;
}

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

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


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

DIV.HRDCol {					
    FLOAT: left;
    VERTICAL-ALIGN: top;
}

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

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

DIV.HRDClearR {
    CLEAR: right;
}

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


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

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

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

DIV.HRDPaneHdr {				/* boxes header */
    FONT-SIZE: 1.25em;
    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;
}

DIV.HRDPaneContent {				/* boxes content */
    PADDING: 1em;
    BORDER: #669933 1px solid;
}

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


/* -------- forms layout: for look-up/interactive data & search tools -------- */

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

.HRDLULabel {
    WIDTH: 25%;
    TEXT-ALIGN: right;
    FONT-WEIGHT: bold;
}

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

}



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

.HRDTabFront, .HRDTabBack, .HRDTabOpen {   	/* shared formatting */
    TEXT-ALIGN: center;
    PADDING: 0.5em;
    WHITE-SPACE: nowrap;
}

.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;
}

.HRDTabOpen {					/* spacer & line */
    BORDER-BOTTOM: #A9A9A9 1px solid;
}



/* -------- data output tables: general title & column formatting -------- */

THEAD {
    BACKGROUND-COLOR: #E0E0E0;
}

TH {
    FONT-SIZE: 1.25em;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: left;
}

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.Title {
    FONT-STYLE: italic;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: center;
    BORDER-TOP: #A9A9A9 1px solid;
    BORDER-BOTTOM: #A9A9A9 1px dotted;
}

TD {
    FONT-SIZE: 1.25em;
}



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

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