﻿body {
}
.breadcrumbs{float:left;clear:both!important;width:100%;}
.bread-crumb{padding-bottom:0;margin-bottom:0;}
h1.page-title{margin-bottom:0;padding-bottom:0;}
#contentArea,#app-content{padding-top:0!important;}

div.survey-selector {border:none!important;  background-color:rgba(218, 213, 235, 1); border-radius: 6px!important; padding-left:15px;padding-right:15px;
}
fieldset.survey-selector
{ min-height:30px;/*width:99%;*/ width:inherit!important;
  padding:0; /*padding-left:15px;*/ margin-left:auto!important; margin-right:auto!important;  }
legend.survey-selector{border:none!important; width:150px; 
                       vertical-align:middle!important; margin-top:auto; margin-bottom:auto;}

fieldset.survey-selector ul
{  display:inline-block; margin-left:auto!important; margin-right:auto!important;
   vertical-align:middle!important;  margin-top:5px; }

fieldset.survey-selector ul li {display:inline-block; float:left; position:relative;  min-width:150px; 
    vertical-align:middle; margin-top:auto; margin-bottom:auto; 
}

fieldset.survey-selector ul label, 
fieldset.survey-selector ul input
{ display:inline;  vertical-align:middle; margin-top:auto; margin-bottom:auto;  }

strong{font-size:1em!important;}
fieldset, legend { border: solid 0px transparent!important;  font-size:1em !important; /*min-width:150px;*/
padding:0; margin:0;}

input.btn{min-height:30px;}
.btn{text-transform:uppercase;}

.legend_hoz { float:left!important; clear:left !important; left:1em;}
.radio_list,  .radio_list > input, .radio_list > label, .legend_hoz, .div_left 
{display:inline-block!important;position:relative!important; 
 outline:none!important; border:none!important;}

    .radio_list > input, .radio_list > label 
    { float:left!important;  margin-left:0.5em!important; margin-right:0.25em!important;}

.radio_list > label{margin-right:0.5em!important;  }


/*filter options*/
.radio_list_ul                                 
{margin:0;padding:0; line-height:12px!important; height:auto;}
.radio_list_ul li
{marker:none!important; display:list-item; list-style-type:none!important;
margin-top:0!important;padding-top:0!important; 
                  margin-bottom:0!important;padding-bottom:0!important;}

ul.radio_list_ul.table-option, ul.radio_list_ul.table-option li{min-width:125px;}

.radio_list_ul li span, .radio_list_ul li label     
{margin-top:0;padding-top:0;display:inline; 
  margin-bottom:0;padding-bottom:0; /*background-color:azure;*/}

.table-option input[type=radio], .survey-selector input[type=radio]{vertical-align:text-bottom; /*margin-bottom:7px!important;*/
                                                                     margin-right:5px!important; }
/*filter options*/

.resultsWrapper{    
    
}

.clear_left{clear:left;}
.blocky,.blocky-right,.blocky-clear{display:inline-block;float:left; position:relative; }
.blocky-right{float:right; }
.blocky-clear{clear:both; }

div.divtable, .divtable{ display: table; position:relative; clear:both; float:left; /*padding-top:1em!important; padding-bottom:1em!important;*/}
div.divrow, .divrow { display: table-row; position:relative; clear:both; float:left;width:100%;}
div.divcell, fieldset.divcell { display: table-cell;  position:relative; float:left; }
div.divcolumn{display:table-column; position:relative; float:left;}
.divtable, .divrow, .divcell, .divcaption { position: relative; white-space: normal; padding:0; margin:0; }

select{min-height:35px;}


.divcell {position:relative !important;float:left!important;height:100%;line-height:20px!important; }
.divcell.left{ }
.divcell.right { clear:right;text-wrap:normal !important; float:right;}
.divrow { padding:0;padding-top:0.25em;}
.divrow div { max-height:none !important; height:auto;}

fieldset.divrow {/*padding-left:2em!important;*/}
fieldset.divrow.leftone {padding-left:1em!important;}
    fieldset.divrow input, fieldset.divrow label {margin-top:1em;}
    
.questions-direction{display:inline-block; margin-bottom: 5px; max-width:375px; min-width:150px; }
.questions-direction legend{ min-width:150px; width:150px; max-width:150px; margin-right:0;}
.questions-direction span.radio_list{margin-left:0;margin-top:10px;}
.questions-direction span.radio_list label{margin-right:0;padding-right:0;}

.questions-direction *{padding-bottom:0; margin-bottom:0;}
    
div.sub-category{margin-left: 25px;}
ul.sub-category{margin-top: 10px; margin-bottom: 10px}
a.sub-category{color:#000;}

/*button images*/
div.drug
{
    background: url(../images/drug.jpg) no-repeat center left;
}
div.tobacco
{
    background: url(../images/YouthOnline_TobaccoUse_icon_grey.png) no-repeat center left;
}
div.sexual
{
    background: url(../images/YouthOnline_SexualBehavior_icon_grey.png) no-repeat center left;
}
div.injury
{
    background: url(../images/injury.jpg) no-repeat center left;
}
div.brain
{
    background: url(../images/brain.jpg) no-repeat center left;
}
div.asthma
{
    background: url(../images/asthma.jpg) no-repeat center left;
}
div.run
{
    background: url(../images/run.jpg) no-repeat center left;
}
div.otherhealthtopics
{
    background: url(../images/youthOnline_sun_icon.png) no-repeat center left;
}
div.UnIntInjuryAndViolence
{
    background:url(../images/injury.jpg) no-repeat center left;    
}
div.dietarybehavior
{
    background: url(../images/apple_30x30.gif) no-repeat center left;
}
div.physicalactivity
{
    background: url(../images/run.gif) no-repeat center left;
}
div.weightcontrol
{
    background: url(../images/youthOnline_scale_icon.png) no-repeat center left;
}


div.image-link-btn
{padding:0;margin:0;
 
 float:left;clear:left;display:inline-block;

 width:42px;
 
 min-height:44px; 
 max-height:120px; 

 margin-right:5px;
 
 /*margin:auto!important;*/ 
 
 /*background-color:yellow;*/


}

a.topic-links:hover{text-decoration: none !important;}
a.topic-links { text-decoration: underline !important;
    
    /*font-size: 9pt; font-weight:bold;*/ 
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;     
    
    line-height:20px!important;
    
}

.group-box-local{

    background-color:#FEFEFE;
    border-color:#DFDFDF #999999 #999999 #DFDFDF;
    border-style:solid;
    border-width:1px;
    border-radius: 4px 4px;

    margin:6px 0 6px 0;
    /*padding:5px;padding-left:15px; padding-top:11px; padding-bottom:11px;*/
    padding:15px; padding-right:5px;
   
    /*width:auto;*/   
    /*max-width:320px;*/      
    /*min-height:40px;*/ 
    /*min-height:100px;*/
    
    margin:5px;
    display:inline-block;
    max-width:300px; 
    /*width:250px;*/
    /*min-width:180px;*/
    float:left!important;
    position:relative!important;
    min-height:80px; 
    vertical-align:top!important;

}

.group-box-local:hover{
	background-color:#fdf8da;
	border-top: 1px solid #cecfb5;
	border-left: 1px solid #cecfb5;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	cursor: pointer;
    box-shadow: 3px 3px #dedede;
}


a.btn.btn-primary{color:#ffffff!important;}
a.btn.btn-primary:hover{color:#000000!important;}


ul.nomarker {position:relative; display:block; list-style-type: none !important;  list-style-image:none !important; /*list-style-position:inside;*/ /*list-style-position:hanging;*/ }
ul.nomarker li {marker:none !important; left:0px !important; top:0px !important;  }
ul.horizontal li { display: inline-block !important; position: relative !important; float: left !important; padding-right:0.5em; }

ul.no-list li{display:block;marker:none !important; left:0px !important; top:0px !important; }
ul.no-list li *{vertical-align:top!important;  }
ul.no-list label, ul.no-list input{display:inline; text-align:left; vertical-align:baseline;}

ul.horizontal.topic-columns li{max-width:100%; min-width:48%; width:48%;}

.nobox { border:solid 0px transparent; line-height:20px!important;
         border-collapse:collapse; 
         padding:0 !important; margin:0 !important;}

/*Default selected color to theme purple*/
.RadTreeView_Bootstrap .rtSelected span.rtIn[role] {
    border-color: rgba(61, 49, 105, 1)!important;
    color: #fff;
    background-color: rgba(61, 49, 105, 1)!important;
}

#app-content{padding:0;margin:0;}
.survey_selector{margin-top:8px;}
.health-topics label, .health-topics select{display:inline;}
.health-topics-right{display: inline-block; float: right; margin:0;padding:0;}
.health-topics-left{display: inline-block; float: left; border-radius:6px; padding-right:15px; background-color:#f0f0f0; margin-left:15px; padding:0;}

ul.topics-list {min-height:100px; max-width: 600px;}
ul.topics-list li{min-width:60px; display:inline-block; float:left; width:50%;}

.categories-heading{text-decoration: none!Important; padding-left: 10px; color: #3d316a}

div.table-content-wrapper *{padding:0;margin:0}
div.table-content-wrapper{clear:both!important;}

div.table-content-update {padding:0; margin:0; display:block;float:left; /*max-width:750px!important;*/ max-width:760px!important; min-width:200px; 
                          
                          /*background-color:yellow;border:solid 1px #000;*/
}
div#tablecontent{margin-right:10px; padding:5px; padding-right:25px; }

div#tablecontent strong *{min-width:50px; font-weight:bold!important;}
div#tablecontent select.years-menu{padding: 0 0 0 0 !important; margin:0; /*display:inline-block!important;float:left;clear:right;*/
                                   display:inline-block;float:left; width:90px!important;height:30px!important; font-size:14px!important; }
    div#tablecontent select.years-menu option {padding-top:10px!important; padding-bottom:10px!important;
                                               /*margin-top:10px!important; margin-bottom:10px!important;*/
    }

div.question-cell {margin-right:1px;max-width:285px;min-width:250px;
}
div.location-cell {margin-right:1px;width:235px;
}
div.year-cell {/*width:95px;*/width:105px;
}
div.button-cell {width:55px;
}
div.button-top {
    padding-top: 20px;
}

div.year-cell * {/*width:95px;*//*margin:0!important; padding:0!important;*/
}

#AllLocationsYears{width:100%;}
#AllLocationsYears div.toggler{margin-right:25px;}

.whiteOnPurple{color: #ffffff;background-color:#3d316a;}
.questions-tool-bar{padding-top:0.5em;padding-bottom:0;margin-top:0.5em; border-radius: 6px;}
.questions-tool-bar *{padding-bottom:0;margin-bottom:0;}

.sortdiv{cursor: pointer; }
.go-button{min-width:40px; max-width:40px; width:40px;}

div.a-blocky{display:block;clear:both;position:relative;float:left;}

div.options_wrapper
{
    font-size: 10pt;       
    margin:0;padding:0;    
    margin-top:15px;
    margin-bottom:15px;
    position:relative;        
    padding-top:15px!important;
}

legend.all-options, legend.all-options > strong.upper-heading, div.display-options  strong.upper-heading, .filter-group legend {
    line-height:20px!important;
    padding:0!important;margin:0!important;
    width:auto!important;
    font-size:13.3333px!important;
    min-width:120px!important;
    white-space:normal!important;
}
    legend.all-options.demographics-options, legend.all-options.demographics-options > strong {
        white-space:normal!important;max-width:250px!important; display:inline!important;
    }

.demographics-wrap .all-options {padding-left:5px!important;padding-right:5px!important;white-space:normal!important;clear:both!important;
}

.pad-left{padding-left:15px!important;}
.pad-right{padding-right:15px!important;}
.app-rounded{border-radius:6px;}

.demo-variable select {width:120px!important;height:30px!important; font-size:14px!important;
}
    .demo-variable select > option {padding-top:10px!important; padding-bottom:10px!important;
    }

.yellow{background-color:yellow;}
.lime{background-color:lime;}
.aqua{background-color:aqua;}
.azure{background-color:azure;}
.pink{background-color:pink;}

.include-only{padding:0!important;margin:0!important;line-height:15px;}

fieldset.demographics-wrap{min-height:135px;max-width:250px!important;
}
div.demo-variable {min-width:170px; margin-left:5px; min-width:120px;
}

.display-options {min-height:135px;
}

div.display-options{width:auto!important;margin:0px!important;padding:0px!important; float:left;}
div.table-options{float:left;}
.table-option { margin:5px!important;}
fieldset.table-option legend, fieldset.table-option ul{margin-right:5px!important;}

strong.option-heading,
strong.option-heading label{font-size:1em; font-weight:bold; margin:0!important;padding:0!important;
                            line-height:20px!important; }

.filter-group{clear:both;}
.filter-group .slider{margin-bottom:10px;}
/* start filter data */
div#filterdata hr
 {/*border:solid 1px gray!important;*/ border:solid 1px #dadada!important;
  visibility:visible; width:170px!important; display:inline-block!important; 
  position:relative !important; float:left!important; margin-top:5px; margin-bottom:5px;margin-right:5px;
}
/*#displayoptions hr {
    border:solid 1px gray!important; visibility:visible; float:left!important; width:95%;
}*/

.round-gray-outer, table.table-bordered, #xmltable table {border:solid 1px gray!important;border-radius: 6px!important;
}
.round-gray-inner {/*border: solid 1px gray;*/ border-radius: 6px; margin: 5px!important; border:solid 1px gray;
}
.round-none {border: solid 1px transparent; border-radius: 6px; margin: 5px!important;
}

.hover-box:hover {/*opacity:0.6;*/ background-color: #efedf5;
}

div#filterdata
{
    font-size: 10pt;
    width: 180px;
    background-color: #f6f6f6;
    float: left;
    margin-right: 10px;margin-bottom:10px;
    position:relative;
    /*border:solid 1px #000000;*/
    /*border:solid 1px #dadada;
    border-radius:6px;*/
    padding:5px;
    display:inline-block;
    float:left;clear:left;
    position:relative;
}
div#filterdata .toggler { width: 180px;}
div#filterdata input[type="checkbox"], div#filterdata input[type="radio"] {
    float: left;
    margin-right:5px;   
}
#filterdata label
{
    display: inline-block;
    float:left!important;
    width:150px;
}

span.compare-help{line-height:18px;padding:0;margin:0; display:inline-block; text-align:left!important;width:100%; min-width:50%;}

#xmltable th.cellHeaderButton {min-width:350px!important; 
}
    #xmltable th.cellHeaderButton .divButton {
        
    }
.divInstruction
{
    font-size: 8pt;    
    font-style: italic;

     display:inline-block; float:left;    
     position:relative; 
     clear:left;    
     
     width:auto;
     margin:auto;
}
.divButton
{
    display:inline-block; float:right; 
    position:relative; clear:right; 
    width:160px; min-width:160px; 
}
    
/* end display options */
.btn-toggler{display:inline-block;float:right;margin-top:10px;margin-right:10px; display:block; width:100%; text-align:right;
}

/*#allresponses{float:left; clear:left; position:relative;}*/
div.topic-links{float: left; clear: right; position: relative;}

.local-icon-info *{color:#346799;text-decoration: none !important; cursor:help;  }
.larger-icon-size{font-size:24px; }
.same-icon-size{font-size:24px;}

.icon-info-sign.larger-icon-size:before {margin:0;padding:0; position:relative; top:3px;
}
.icon-info-sign.same-icon-size:before {margin:0;padding:0; position:relative; top:3px;
}

.btn-link{border:none;background-color:transparent;text-decoration:underline; color: #075290; margin-left:0!important; padding-left:0!important;}
.btn-link:hover{text-decoration:none;}
    .btn-link.disabled {text-decoration:none;color:black;cursor:text;
    }
.listed-link {display:list-item; list-style:none; min-width:100px; 
}
    .listed-link:before {margin-left:5px; 
    }

    .listed-link.icon-file-text-alt:before { margin-left:7px; margin-right:2px;
    }

    .listed-link > input, .listed-link > a {
        font-family: Lato,​Helvetica Neue,​Helvetica,​Arial,​sans-serif;
    }
.icon-file-text-alt:before, .icon-print:before, .icon-link:before {font-size:20px;}
.icon-file-text-alt:before {color:green;}
.icon-link:before {color:orange;}
.icon-reply:before {color: #000; text-decoration:none; font-size:1em;}

a.get-link[role] {cursor:pointer!important;
                                      font-family: Lato,​Helvetica Neue,​Helvetica,​Arial,​sans-serif!important;
}

.return-link span.icon-reply {margin-left:7px!important;
}
.return-link span.return-link-text {
    margin-left: 6px!important; font-size:14px!important;
}

.home-sections {}
    .home-sections.hsleft, .home-sections.hsright {position:relative!important;display:inline-block!important;
        /*background-color:yellow!important;*/ /*overflow:hidden; max-height:695px!important;*/
                                                  
    }
.home-sections.hsleft {max-width:650px; margin-right:5px;max-width:600px;  min-width:150px;float:left!important;clear:left!important;}
.home-sections.hsright {min-width:250px; float:left!important;clear:right!important;}
div.socrata-link {overflow: hidden;text-align:right;padding-bottom:12px!important;}
    .home-sections.hsright.view-question {clear:right!important;
    }
div.module-typeA.socrata-data {position:relative; /*bottom:-15px;*/
}
.view-question-links {overflow: hidden;margin:0; margin-left:auto!important; margin-right:auto!important;
                      padding:0!important;padding-left:20px!important;
}

.mar-left{margin-left:0.5em;}
.mar-top{margin-top:0.5em;}
.mar-left-2{margin-left:1em;}

.locations-map {
    margin: auto !important;
    width: 600px;
    display: block;
    clear: both;
    float: left;
}

div#cdcmap-container-yrbss{position:relative; top:0px; left:-40px; }
div#cdcmap-container-yrbss *{margin-left:0;margin-right:0;}


div.cdc-map div.cdcmap-legend{margin:auto!important; min-width:150px; max-width:350px;}
.cdc-map.yrbsspurple .cdcmap-legendItem {padding-left:70px; cursor:default!important;}

.inline-map{max-width: 675px; max-height: 414px; min-width: 600px; min-height: 368px; overflow: no-display; /*width: 675px; height: 414px;*/ }

.block-clear{display:block;clear:both;position:relative;}

.to-top-wrap{width: 100%; clear: both; padding-top: 20px; padding-bottom:5px;}
.to-top-wrap span.toTop{width: 100px;}


#wrapper [class*="module"] > .btn {
    padding-left: 10px;
}

#locations-menu {/*background-color:lime;*/
}

#locations-menu .cell1 , #locations-menu .cell2 , #locations-menu .cell3, #locations-menu .cell4  {position:relative; /*background-color:yellow;*/
}

#locations-menu .cell1,#locations-menu .cell4 { /*position:relative; top:9px;*/padding-top:9px!important;
}
#locations-menu .cell2 *{
}
#locations-menu .cell3 *{/*position:relative; top:4px;*/margin-left: 5px;margin-top:4px!important;
}

    #locations-menu .cell4 a{ text-decoration:underline; margin-left:10px;
    }
        #locations-menu .cell4 a:hover {text-decoration:none;
        }

.theme-purple .btn.btn-primary:hover {

   color:#fff!important;

}

table.map-footnotes {
 
    clear:both;
    /*float:left;*/
    position:relative;
    border:solid 1px gray; 
    margin:1em;margin-bottom:0;
    
}

table.map-footnotes caption {
    text-align:left;
    font-size:20px;
    line-height:30px;
    color: #000;
    font-family: Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;
    padding-bottom:0.5em;

}



table.map-footnotes td {
    padding:5px;
    width:auto; 
    text-align:left;
    vertical-align:top;
    border: 1px solid gray ;
}


div[class*=fa-] {
    color:#5A5A5A;
    font-size:40px;
}


