/*
 * After modifying this style sheet, refresh the page being designed to see the effect of the modification.
 * Click the Refresh button in the Visual Designer toolbar to refresh the page.
 */

/* Style rules to make Java Server faces Standarad data tables look better */

.list-header {
  background-color: #eeeeee;
  font-size: larger;
  font-weight: bold;
}

.list-paging-header {
  background-color: white;
}

.list-paging-footer {
  background-color: white;
}

.list-row-even {
}

.list-row-odd {
  background-color: #eeeeee;
}

/* Style rules for message severity levels */

.infoMessage {
  color: black;
}

.warnMessage {
  color: orange;
  font-weight: bold;
}

.errorMessage {
  color: red;
  font-weight: bold;
}

.fatalMessage {
  color: red;
  font-style: italic;
  font-weight: bold;
}
.rollup1NoPadding{
    padding-top:1px;
    padding-bottom:1px;
    font-weight: bold;

    font-family: Tahoma;
    color: white;
    text-align: left;
}


.rollup1 {
    padding-top:6px;
    padding-bottom:6px;
    font-weight: bold;
    font-family: Tahoma;
    color: #FEFEFE;
    text-align: left;
}

.rollup1Adt {
    background: #5f7ea9;
}

.rollup1Ped {
    background: #026605;
}

.rollup2NoPadding{
    padding-top:1px;
    padding-bottom:1px;
    font-weight: bold;

    font-family: Tahoma;
    color: black;
    text-align: left;
}

.rollup2 {
    padding-top:4px;
    padding-bottom:4px;
    font-weight: bold;
    font-family: Tahoma;
    color: black;
    text-align: left;
}

.rollup2Adt {
    background: #C9DCF0;
}

.rollup2Ped {
    background: #CBF0C9;
}

.rollup3NoPadding{
    padding-top:1px;
    padding-bottom:1px;
    font-weight: bold;

    font-family: Tahoma;
    color: black;
    text-align: left;
}

.rollup3 {
    padding-top:2px;
    padding-bottom:2px;
    font-weight: bold;
    font-family: Tahoma;
    color: black;
    text-align: left;
}

.rollup3Adt {
    background: #DEDEDE /* #def2dd; */
}

.rollup3Ped {
    background: #DEDEDE;
}

.rollup4 {
    padding-top:1px;
    padding-bottom:1px;
    color: black;
    font-family: Tahoma;
    font-weight: bold;
    text-align: left;

}

.rollup4Adt {
    background: #FFFFFF;
}

.rollup4Ped {
    background: #FFFFFF;
}


.catHeader {
    text-align:center;
    vertical-align:middle;
    text-align:center;
    color: white;
    font-size: x-large;
    font-weight: bold;
}

.adultStats {
    background: #1B4E85;
}

.pedStats {
    background: #023501;
}

.headerText {
    color: white;
    font-weight: bold;
}

.surSpecHeader1 {
    text-align: center;
}

.surSpecHeader2 {
    text-align: left;
}

.adtImgBox {
    border-color: #FF9912;
}

.pedImgBox {
    border-color: #A901DB;
}

.bodySearchBox {
    border-style: inset;
    border-width: 7px;
    display: none;
    padding: 10px;
    padding-left: 2px;
    padding-right: 2px
}

.mapTitle{
    background-image: url('/resources/images/mapTitleGradient.gif');
    height: 74px;
    vertical-align:bottom;
}

.fastFact{
    background-image: url('/resources/images/didyouknow_bg.png');
    background-repeat: repeat-x;
    color: #6d5e00;
}

.tabNotSelectedLeft{
    background-image: url('/resources/images/tabNotSelectedLeft.gif');
    width:100px;
    height:31px;
    text-align:center;
    vertical-align:bottom;
}
.tabSelectedLeft{
    background-image: url('/resources/images/tabSelectedLeft.gif');
    width:100px;
    height:34px;
    text-align:center;
    vertical-align:bottom;
}
.tabNotSelectedCenter{
    background-image: url('/resources/images/tabNotSelectedCenter.gif');
    width:100px;
    height:31px;
    text-align:center;
    vertical-align:bottom;
}
.tabSelectedCenter{
    background-image: url('/resources/images/tabSelectedCenter.gif');
    width:100px;
    height:34px;
    text-align:center;
    vertical-align:bottom;
}
.tabNotSelectedRight{
    background-image: url('/resources/images/tabNotSelectedRight.gif');
    width:100px;
    height:31px;
    text-align:center;
    vertical-align:bottom;
}
.tabSelectedRight{
    background-image: url('/resources/images/tabSelectedRight.gif');
    width:100px;
    height:34px;
    text-align:center;
    vertical-align:bottom;
}
.tabLink{

    font-weight:bold;
    font-family: Tahoma;
    color: black;
    text-decoration:none;
    vertical-align:bottom;
}
.tabText{

    font-weight:bold;
    font-family: Tahoma;
    color: black;
    vertical-align:bottom;
    text-align:center;
}
.tabTitle{
    font-size: 16px;
    font-weight:bold;
    font-family: Tahoma;
    color: white;
    padding:5px;
}
.dataSource {
    border-bottom: 1px solid black;
    padding-top: 10px;
}
.scrollingBox{
    height: 400px;
    overflow: scroll;
}
.rich-panel-body{
    font-size: 1.05em;
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
}
.rich-panel-header{
    font-size: 1.05em;
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
}

.tooltip {
    border-width:3px;
    padding:10px;
    text-align:left;
}

.tooltip-text {
    width:350px;
    height:80px;
    cursor:arrow;
    border-width:2px;
    text-align:center;
    display: table-cell;
    vertical-align: middle;
}

.tooltipData {
    font-weight: bold;
}

.rich-table-cell{
    font-size: 1em;
}
.rich-table-headercell{
    font-size: 1em;
}
.rich-table-subheadercell{
    font-size: 1em;
}
.rich-subtable-cell{
    font-size: 1em;
}

#msg p {
    font-size: 1.05em;
    font-family: Arial, Helvetica, sans-serif;
}

/*================From Old template===================*/

table.static {
   border-collapse: collapse;
   width: 100%
}

table.static td {
   border: 1px solid black;
   padding-left: 5px
}

/* Background colors */
.leftBg {background-color: #6699CC;}
.darkGreyBg {background-color: #999999;}
.lightGreyBg {background-color: #CCCCCC;}


div.maincontent {
    padding-top: 40px
}

div.maincontent ol ul { margin-left: 1.5em; padding-left: 0.5em; }
div.maincontent ul li {
    list-style: disc;
    margin-left: 2.0em;
}

div.maincontent li {
    margin: 5px 0 0 0;
}

div.maincontent h1,div.maincontent h2,div.maincontent h3,div.maincontent h4 {color: #003399; text-decoration: none; font-weight: bold;}
div.maincontent h1 {font-size: 1.3em; margin-bottom: 5px;}
div.maincontent h2 {font-size: 1.2em;}
div.maincontent h4 {font-size: 1.0em;}


table.static {
   border-collapse: collapse;
   width: 100%;
   margin-top: 40px
}

table.static td {
   border: 1px solid black;
   padding: 10px 5px;
}

.bigButton {
    min-width:230px;
    min-height:50px;
    font-size:16px !important;
}

.resultsHeader th {
    text-align: left !important;
}

.detailPopup {
    top:20px !important;
}
.detailPopup a{
    color: #1a5a96 !important;

}

.serviceLink,
.serviceLink:hover {
    color: #ffffff;
    text-decoration: none;
}
.page-title {
    display: inline-block;
    font-size: 35px;
    padding-left: 20px;
    position: absolute;
}

.primary-button {
    background-color: #003366;
    border: none;
    border-radius: 4px;
    color: white;
    padding: 8px 24px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    cursor: pointer;
}

.primary-button:hover {
  text-decoration: underline;
  opacity: 0.80;
}

.button-group {
    margin: 25px 0px;
}

input[type="submit"].button-spacer {
    margin-right: 20px;
}
.secondary-button {
    background: none;
    border-radius: 4px;
    border: 2px solid #003366;
    padding: 6px 22px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    cursor: pointer;
    color: #003366;  
}
.secondary-button:hover {
    opacity: 0.80;
    text-decoration: underline;
    background-color: #003366;
    color: #FFFFFF;
}