@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-weight:400;
    color:#444;
    margin:0px; 
    padding: 0px;
}

h1 {
    font-weight:300;
    font-size:2.4em;
}

p.intro { 
    margin:0px 0px 30px 2px;
    
}

.rulemaking-page {
    padding:0px 20px;
    font-family: 'Open Sans', Helvetica, sans-serif;
}

.intro {
    max-width:840px;
}

.js-only {
    display:none;
}

.js .js-only {
    display:inline;
}




/* Filters */

#filters {
    width:380px;
    margin-left:520px;
}

.filter {
    margin-left: 20px;
    margin-bottom: 1em;
    display: inline-block;
}





/* Rulemaking list */

ul#rulemaking-index {
    padding:0px;
    margin:0px;
}

#rulemaking-index {
    width:900px;
    display: table;
}

#rulemaking-index li {
    display: table-row;
}

#rulemaking-index li:hover {
}

#rulemaking-index li > div {
    display: table-cell;
    padding: 1.2em 0 1.2em .8em;
    margin:0;
    border-bottom: 1px solid #E5E5E5;
}

.rulemaking > span {
    display: block;
}



/* headers */

#rulemaking-index #list-header-script > div {
    padding:0px;
    margin:0px;
    border-bottom: none;
}

#rulemaking-index #list-header-script a {
    padding: 5px 0px 5px 10px;
    width:90%;
    display:inline-block;
}

#rulemaking-index #list-header-script .rulemaking a {
    width:95%;
}

#list-header-script {
    background-color:#eee;
    font-size:.9em;
}

#list-header-script a {
    color: #000;
}

#list-header-script a:hover {
    text-decoration:none;
    background-color:#E5E5E5;
}

#list-header-script a.active:hover {
    background-color:#AEAEAE;
}

#list-header-script .actions {
  padding-left:20px !important;
}

.last-action {
    width:90px;
}

.file-number {
    width:70px;
}

.rulemaking {
    width:280px;
}

.arrow {
    float:right;
    display:none;
    margin-top:7px;
    margin-right:10px;
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
}

.asc .arrow {
    display:inline-block;
	border-top: none;
	border-bottom: 4px solid #FFF;
    margin-top:6px;
}

.desc .arrow {
    display:inline-block;
	border-bottom: none;
	border-top: 4px solid #FFF;
}


  


/* active header */

.active {
    background-color: #BCBCBC;
}

#list-header-script a.active {
    color:#fff;
}




/* List content */

.name {
    font-size:1.1em;
}

.division {
    font-size:0.9em;
    font-style:italic;
    color:#9E9E9E;
}

.type {
    display:block;
    font-size:1em;
    text-transform: uppercase;
    color:#93AFCB;
}

.title {
    display:block;
}

.date, .release {
    font-size:0.9em;
    color:#9E9E9E;
}

.date {
    margin-right:5px;
}

.label {
    font-weight:700;
}

.actions > a  {
    display:block;
    margin-bottom:15px;
    padding: 10px 10px 10px 40px;
    color:#000;
}

.actions > a:hover  {
    background-color:#F0FAFF;
    text-decoration:none;
}

.actions > a.final-rule:hover  {
    background-color:#F7FFED;
}


.final-rule {
    background-image:url(/rules/final-icon.png);
    background-repeat: no-repeat;
    background-size:20px 21px;
    background-position:15px 12px;
}

.final-rule .type {
    color:#A5B88E;
}

.proposed-rule, .interim-final-rule, .concept-release, .interpretive-release {
    background-image:url(/rules/proposed-icon.png);
    background-repeat: no-repeat;
    background-size:15px 18px;
    background-position:15px 12px;
}






/* No Script Styles */
.hide-item {
    display: none !important;
}

.script {
    display: none;
}

.javascript-enabled .script {
    display: block;
}

#list-header-script.javascript-disabled > div {
    display: none;
}

#list-header-noscript.javascript-enabled > div {
    display: none;
}

#list-header.javascript-enabled > div {
    display: table-cell;
}


/* No data found */

.no-data-found {
    display: none;
    margin-left: 20px;
}