/*** css/all.css ***/

html, body {
  background-color: #fff;
  height: inherit;
}

.pika {
    font-family: "SSPika" !important;
    text-rendering: optimizeLegibility !important;
}

a,
.browseSection .browseFacets .facetSection li a,
#siteHeader .siteUserNav li a,
.nominationsContainer .facets li a {
  color: #060;
}

.browseSection a,
.nominationsContainer .facets li a,
#siteHeader .siteUserNav li a {
  font-size: 1.2em !important;
}

a:hover,
a:active,
.browseSection .browseFacets .facetSection li a:hover,
.browseSection .browseFacets .facetSection li a:active,
#siteHeader .siteUserNav li a:hover,
#siteHeader .siteUserNav li a:active {
  color: #000;
  text-decoration: underline;
}

a:visited{
  color: #090;
}

input.button, a.button,
ul.navigationList adminNav li a {
  color: #333 !important;
}

input.button.default, a.button.default
{
  color: #fff !important;
}

#cob_header {
  background-image: url('/stylesheets/images/domains/baltimore.socrata.com/headerBackground.jpg');
  background-position: top;
  background-repeat: no-repeat;
  height: 320px;
  position: relative;
  float: left;
  width: 896px;
}

.siteInnerWrapper {
  background-color: #fff;
}

.featuredView {
  height: 155px !important;
}

/*
.featuredView {
height: 175px !important;
padding: 1.3em !important;
}

  .featuredViews .featuredViewContainer .featuredView img {
  display:none;
}
 */
  .featuredViews .featuredViewContainer .featuredView img {
    background-color: #fff;
    padding: 10px 47px;
    border-bottom-left-radius: 0.3em 0.3em;
    border-bottom-right-radius: 0.3em 0.3em;
    border-top-left-radius: 0.3em 0.3em;
    border-top-right-radius: 0.3em 0.3em;
}

/*
.featuredView a:first-child {
background-color: #fff;
border: 1px solid #EAEAEA;
display: block;
height: 82px;
width: 240px;
background-repeat: no-repeat;
}

  ul.featuredViews li:first-child div.featuredView a:first-child {
  background-image: url('/stylesheets/images/domains/baltimore.socrata.com/Socrata_Feature_Box_1.png');
}

  ul.featuredViews li:first-child + li div.featuredView a:first-child {
  background-image: url('/stylesheets/images/domains/baltimore.socrata.com/Socrata_Feature_Box_2.png');
}

  ul.featuredViews li:first-child + li + li div.featuredView a:first-child {
  background-image: url('/stylesheets/images/domains/baltimore.socrata.com/Socrata_Feature_Box_3.png');
}
 */

  .featuredViews .featuredViewContainer .featuredView .statContainer {
    background-color: #fff;
    border: 1px solid #E9E9E9;
    height: 80px;
    padding: 10px;
    text-align: center;
}

.statContainer a {
  color: #000;
  text-decoration: none;
}

.featuredViews .featuredViewContainer .featuredView .statContainer .statTitle {
  font-size: 1.8em;
  font-weight: bold;
  padding-top: 1.5em;
}

#siteHeader {
  margin-bottom: 0;
}

#siteHeader .fixedWidthHeader .siteUserNav {
  position: absolute;
  bottom: 30px;
  left: 5px;
  float: none;
  margin: 0;
}

.featuredViews .featuredViewContainer .featuredView .viewDescription {
  color: #666;
  font-size: 1.1em;
  height: 50px;
  overflow: hidden;
}

.featuredViews .featuredViewContainer .featuredView .viewTitle {
  margin: 0.4em 0px;
}

#siteFooter {
  padding: 0px 10px;
  margin: 0px auto;
}

.fixedWidthFooter {
  margin: 0px auto;
  width: 880px;
  border-top: solid 1px #ccc;
}

#datasetBar {
  border-top: none;
  padding: 0 10px 10px 10px;
}

#datasetBar .sidebarOptionsContainer {
  padding: 10px;
}

#sidebarOptions {
  padding: 0;
}

#datasetBar .fullscreenButton {
  padding: 3px;
  right: 0.5em;
}

#datasetBar #actionBox {
  right: 10px;
  top: 0;
}

#datasetIcon {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 0.3em;
}

#datasetBar #infoBox #datasetName, 
#datasetBar #infoBox .unsavedLine h2 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 1.5em;
  font-weight: bold;
}

#siteFooter .footerLogo {
  background-image: url('/stylesheets/images/domains/baltimore.socrata.com/datasite_footer_logo.png');
  width: 280px;
}

.featuredView {
  background: #FEFEFE -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#F2F2F2));
}

.profileContent .profileSideBar {
  width: 15em;
}

.profileImage img {
  width: 150px;
}

.profileContent .profileMainContent {
  padding-right: 20.2em;
}

.profileContent .content .secondary .titleAndOrg {
  display:block;
}

.profileContent .profileMainContent .textDisplay {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  line-height: 1.3em;
}

.profileContent .profileMainContent .basicInfo .subHeader {
  width: 7em;
}

.profileContent .profileMainContent .basicInfo .innerContent {
  margin-left: 12em;
}

.browseSection .browseList {
  margin-left: 23em;
}

.profileMainContent .browseSection.inContainer .browseList {
  margin-left: 0;
}

.profileMainContent .browseSection .browseFacets {
  display:none;
}

.editProfile .editArea .editSection .line label {
  display: block;
  text-align: left;
}

.profileContent .content.datasetsList h2 {
  display: block;
  float: none;
}

.editProfile .editArea .editSection .line {
  padding: 0;
}

.profileContent .content h2 {
  font-weight: bold;
}

.browseSection.inContainer .browseList .sortOptions {
  border-bottom: none;
  left: auto;
  padding-bottom: 0px;
  right: 180px;
  top: -63px;
  width: auto;
}

div.storiesContainer {
  height: 200px;
  width: 854px;
}

.storiesContainer .storyTextbox {
  height: 12.2em;
  opacity: 0.6;
  background: #000;
}

.storiesContainer .storyPagerBackground {
  background-color: #000;
  opacity: 0.5;
}

.contentBox {
  border: none;
}

.storiesContainer .storyTexts li h2 {
  color: #fff;
  margin-top: 0;
  line-height: 1.2em;
}

.storiesContainer .storyTexts li p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  color: #fff;
}

.storiesContainer .storyTexts li {
  margin: 0;
  padding: 20px;
}

.storiesContainer .storyImages li {
  background-color: #fff !important;
}

a#homeLink {
  background: transparent;
  height: 120px;
  left: 30px;
  position: absolute;
  top: 20px;
  width: 300px;
}

a#homeLink span {
  position:absolute;
  left:-10000px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}

input.button, a.button.default, ul.navigationList adminnav li a { 
  color: #fff; 
}

/*
@import url('http://apps.baltimorecity.gov/sandbox/socrata/styles/current_site.css');
 */

.ie8 .metricsList .description .primary {
    width: 220px;
}
.metricsList .description .primary {
    max-width: 220px;
}
.metricsList .description .primary a {
    white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;      /* IE 5+ */
}


/*
********************************************************************
********************************************************************
        REDESIGN        REDESIGN            REDESIGN        REDESIGN
********************************************************************
********************************************************************
*/



html.redesign, body.redesign {
    background: #ffffff !important;
}

.siteOuterWrapper {
    min-width: 0 !important;
    width: 100% !important;
}

.siteInnerWrapper {
    max-width: 1200px;
    width: 100%;
    border: none;
}

.redesign .siteContentWrapper {
    max-width: 1200px;
    margin: 0 auto;
    border-bottom: 1px solid #EEEEEE !important;
}

.redesign body .siteContentWrapper {
    padding: 0em 2em !important;
}

.redesign * {
    color: #666666;
    font-family: 'myriad-pro', Arial, sans-serif;
}

.redesign .fullFooter, .redesign .hiddenfromredesign {
  display: none;
}

.redesign .socrata-component {
    min-height: 0 !important;
}
.redesign .component-Text {
    padding: 0 !important;
}

.redesign #title h2 {
    font-size: 22pt;
    font-weight: normal;
    padding: 0.5em;
}

.redesign .rd-small {
    display: none;
}


#cob_topNav {
  display: none !important;
}

#redesign_footer {
  display: block !important;
  color: #666666;
  font-family: 'myriad-pro', Arial, sans-serif;
}



/*****
HEADER
*****/
#siteHeader {
    max-width: 1200px;
}

#siteHeader #header-img {
    padding: 1em 1em 0 0;
}

#siteHeader #header-text {
    font-size: 24pt;
    position: relative;
    top: -0.5em;
    color: #057EC4 !important;
}

#siteHeader .siteUserNav {
    font-family: "myriad-pro", "Open Sans", Arial;
    margin: 3em 1em .5em 0em !important;
}

#siteHeader .siteUserNav li a {
    color: #666666 !important;
}

#siteHeader .socialNav {
    width: 10em;
    float: right;
    margin-top: 2.2em;
}

#siteHeader .socialNav li {
    display: inline;
    padding-left: 1em;
}

#siteHeader .socialNav li img{
    height: 16px;
}


body #siteHeader > div.clearfix {
    max-width: 1200px;
    margin: 0 auto;
}


#cob_header {
  background: url("/api/assets/EF3CB934-C2F3-4BB0-8184-AD69B6539DD5") !important;
  background-repeat: no-repeat !important;
  height: 108px !important;
  width: 100% !important;
  float: none !important;
}

#siteHeader .fixedWidthHeader .siteUserNav {
  position: relative !important;
  float: right !important;
  bottom: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin: 1.3em !important;
  padding: 0 !important;
}

a#homeLink {
  height: 100px !important;
  top: 0 !important;
  width: 150px !important;
}


/*****
SEARCH BAR
*****/

.redesign #searchbar {
    height: 30px;
}

.redesign #searchbar-container {
    width: 100%;
    padding: 0em 0em 2em 0em;
    margin: 0em 0em 2em 0em;
    overflow: hidden;
    text-align: center;
    border-bottom: 1px solid #cccccc;
}

.redesign #searchbar input {
    font-size: 18pt;
    color: #aaaaaa;
    margin-left: 1em;
    padding: 0 0 0 40px !important;
    border: none;
    width: 100%;
    max-width: 300px;
    vertical-align: middle;
    background-image: url("/api/assets/0950B97B-5AC0-4619-A128-C6EB40CF2B69");
    background-repeat: no-repeat;
    background-size: 24px;
}


/*****
MAIN
*****/

.redesign #main {
    overflow: hidden;
    height: 100%;
    padding: 0em 1.5em;
}

.redesign #main #stories {
    width: 73%;
    float: left;
    clear: both;
    overflow: hidden;
}

/*****
FEATURED STORY
*****/

.redesign #main #stories .featured {
    height: 500px;
    margin-bottom: 2em;
    position: relative;
    overflow: hidden;
}

.redesign #main #stories .featured .image {
    height: 100%;
    width: 100%;
}

.redesign #main #stories .featured .text {
    position: absolute;
    bottom: 0em;
    width: 95%;
    padding: 2em;
    padding-top: 6em;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42OSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.89) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.89)));
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.89) 100%);
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.89) 100%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.89) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.89) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b0000000',GradientType=0 );
    
}

.redesign #main #stories .featured .text .title {
    font-size: 22pt;    
    color: white !important;
}

.redesign #banner {
    position: absolute;
    height: 3em;
    z-index: 5;
    top: 36px;
    left: 10px;
}

.redesign #main #stories .featured .text #action-icons {
    font-size: 14pt;    
    margin-top: 1em;
    color: white !important;
}

.redesign #main #stories .featured .text #action-icons #download-data {
    margin-left: 1em !important;
}


.redesign #main #stories .featured .text a, .redesign #main #stories .featured .text  a:visited {
    color: white !important;
    text-decoration: none !important;
}

.redesign #main #stories .featured .data-type {
    display: none;
}


.redesign #main #stories .featured .description {
    display: none;
}


/*****
TILE STORIES
*****/


.redesign #tiles {
    margin: 0 auto;
    overflow: hidden;
    margin-left: -14px;
}

.redesign #tiles #tile-padding {
   overflow: hidden;
   margin: 0 auto;
}

.redesign #tiles * {
    color: #ffffff !important;
    text-decoration: none !important;
}

.redesign #tiles .home-icon {
    width: 33.33333333333% !important;
    height: 250px;
    overflow: hidden !important;
    margin-bottom: 1.2em;
    float: left;
}


.redesign #tiles .icon-content {
    height: 100%;
    font-family: "myriad-pro", "Open Sans", Arial;
    background-repeat: no-repeat;
    background-color: #999999;
    background-size: cover;
    position: relative;
    margin-left: 14px;
}

.redesign #tiles .icon-content a > div {
    position: relative;
}


.redesign #tiles .featured-stories .icon-content img.icon {
    height: 12px;
    width: 12px;
    float: left;
    padding-right: 0.5em;
}


.redesign #tiles .featured-stories .icon-content div {
    padding: 1.5em;
    padding-top: 5.5em;
    position: absolute;
    bottom: 0;
    width: 90%;
}

.redesign #tiles .featured-stories .icon-content .title {
    margin-top: 0.5em;
    font-size: 12pt;
    overflow: hidden;
    line-height: 1.4em !important;
}


.redesign #tiles .featured-stories .icon-content > a > div {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM2JSIgc3RvcC1jb2xvcj0iIzE2MTYxNiIgc3RvcC1vcGFjaXR5PSIwLjQxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg4JSIgc3RvcC1jb2xvcj0iIzE2MTYxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.89) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.89)));
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.89) 100%);
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.89) 100%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.89) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.89) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b0000000',GradientType=0 );
}



.redesign #tiles .featured-pages .icon-content img.icon {
    height: 36px;
    width: 36px;
    float: left;
    padding-right: 0.5em;
    box-shadow: none !important;
}

.redesign #tiles .featured-pages .icon-content h3  {
    font-size: 16pt;
    font-weight: normal !important;
    position: relative;
    left: 0.5em;
}

.redesign #tiles .featured-pages .icon-content p.description  {
    height: 12.3em;
    overflow: hidden;
    margin: 1em 0 0 2em;
    line-height: 1.25em !important;
}

.redesign #tiles .featured-pages .icon-content .info span.number  {
    font-size: 18pt;
}



.redesign #tiles .featured-pages .icon-content {
    padding: 1.5em;
}


/*****
SIDEBAR
*****/
.redesign #main #sidebar {
    width: 25%;
    float: right;
    position: relative;
}

.redesign #main #sidebar .section {
    border-bottom: 1px solid #cccccc;
    padding: 1em 0.5em 1em 1em;
    font-size: 12pt;
    font-weight: bold;
}

.redesign #main #sidebar #categories a :hover {
    background-color: #f5f5f5;
}

.redesign #main #sidebar #categories .section img {
    margin-right: 10px;
    width: 24px;
    vertical-align: middle;
    border: none !important;
    text-decoration: none;
}

.redesign #main #sidebar #categories .section .pika {
  font-size: 18pt;
  vertical-align: middle;
  margin-right: 10px;
  text-decoration: none;
}

.redesign #main #sidebar #categories .section .pika:hover {
  text-decoration: none;
}

.redesign #main #sidebar #developer {
    background-color: #444444;
    padding: 2em;
    height: 8em;
}

.redesign #main #sidebar #developer h3 {
    color: #ffffff;
    margin-bottom: 0.3em;
}

.redesign #main #sidebar #developer #description {
    color: #bbbbbb;
    margin-bottom: 1em;
}

.redesign #main #sidebar #developer #apis {
    color: #ffffff !important;
    font-size: 16pt;
    float: left;
}

.redesign #main #sidebar #developer #apis small {
    color: #ffffff !important;
    font-size: 10pt;
}

.redesign #main #sidebar #developer #join {
    color: #cccccc;
    font-size: 10pt;
    float: right;
}

.redesign #main #sidebar .label {
    color: darkgreen !important;
    position: relative;
}

.redesign #main #sidebar #explorer-apps div {
    clear: both;
    overflow: hidden;
    margin-top: .75em;
}

.redesign #main #sidebar #explorer-apps h3 {
    margin-bottom: 0.3em;
    font-size: 14pt;
    font-weight: normal;
    width: 75%;
    float: right;
}

.redesign #main #sidebar #explorer-apps p {
    font-weight: normal;
    font-size: 11pt;
    width: 75%;
    float: right;
    color: #999999;
}

.redesign #main #sidebar #explorer-apps img {
   width: 15%;
}

.redesign #main #sidebar .no-border {
    border: none !important;
    margin-bottom: -1em;
}


/*****
APP PAGE MAIN STORIES
*****/
.redesign .apps #opening-statement {
    font-family: Georgia, sans-serif;
    margin: 1em auto 0.5em auto;
    width: 96%;
    font-size: 16pt;
    line-height: 1.4em;
    padding: 0em 2em;    
}

.redesign .apps #tiles {
    padding: 2.5em 1em;
    margin: 0 auto;
    overflow: hidden;
    border-bottom: 1px solid #eeeeee;
}

.redesign .apps #tiles #tile-padding {
   overflow: hidden;
   margin: 0 auto;
}

.redesign .apps #tiles * {
    color: #ffffff !important;
    text-decoration: none !important;
}

.redesign .apps #tiles .app-stories .icon-content > a > div {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM2JSIgc3RvcC1jb2xvcj0iIzE2MTYxNiIgc3RvcC1vcGFjaXR5PSIwLjQxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg4JSIgc3RvcC1jb2xvcj0iIzE2MTYxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(22,22,22,0.11) 20%, rgba(22,22,22,.6) 58%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(20%,rgba(22,22,22,0.11)), color-stop(58%,rgba(22,22,22,.6)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(22,22,22,0.11) 20%,rgba(22,22,22,.6) 58%);
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(22,22,22,0.11) 20%,rgba(22,22,22,.6) 58%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(22,22,22,0.11) 20%,rgba(22,22,22,.6) 58%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(22,22,22,0.11) 20%,rgba(22,22,22,.6) 58%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#161616',GradientType=0 );
}

.redesign .apps #tiles .app-stories .icon-content p.name {
    font-size: 20pt;
    position: relative;
    top: 30%;
    left: 8%;
    overflow: hidden;
    max-height: 2em;
    width: 90%;
    text-shadow: 1px 1px #000000;
}

.redesign .apps #tiles .app-stories .icon-content p.description {
    font-size: 14pt;
    position: relative;
    top: 42%;
    left: 8%;
    overflow: hidden;
    height: 40%;
    width: 90%;
}

.redesign .apps #tiles .home-icon {
    width: 30% !important;
    height: 300px;
    overflow: hidden !important;
    margin: 1em;
    float: left;
}


.redesign .apps #tiles .icon-content {
    height: 100%;
    font-family: "myriad-pro", "Open Sans", Arial;
}

.redesign .apps #tiles .icon-content a > div {
    height: 100%;
    position: relative;
}


.redesign .apps #tiles .featured-stories .icon-content img.icon {
    height: 12px;
    width: 12px;
    float: left;
    padding-right: 0.5em;
}


.redesign .apps #tiles .featured-stories .icon-content div {
    padding: 1em;
    padding-top: 180px;
}

.redesign .apps #tiles .featured-stories .icon-content .title {
    margin-top: 0.5em;
    font-size: 12pt;
    height: 5.5em;
    overflow: hidden;
    line-height: 1.4em !important;
}


.redesign .apps #tiles .featured-stories .icon-content > a > div {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM2JSIgc3RvcC1jb2xvcj0iIzE2MTYxNiIgc3RvcC1vcGFjaXR5PSIwLjQxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg4JSIgc3RvcC1jb2xvcj0iIzE2MTYxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(22,22,22,0.61) 44%, rgba(22,22,22,1) 88%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(44%,rgba(22,22,22,0.61)), color-stop(88%,rgba(22,22,22,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(22,22,22,0.61) 44%,rgba(22,22,22,1) 88%);
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(22,22,22,0.61) 44%,rgba(22,22,22,1) 88%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(22,22,22,0.61) 44%,rgba(22,22,22,1) 88%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(22,22,22,0.61) 44%,rgba(22,22,22,1) 88%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#161616',GradientType=0 );
}



.redesign .apps #tiles .featured-pages .icon-content img.icon {
    height: 36px;
    width: 36px;
    float: left;
    padding-right: 0.5em;
    box-shadow: none !important;
}

.redesign .apps #tiles .featured-pages .icon-content h3  {
    font-size: 20pt;
    font-weight: normal !important;
    position: relative;
    left: 1em;
}

.redesign .apps #tiles .featured-pages .icon-content p.description  {
    width: 75%;
    height: 15em;
    overflow: hidden;
    margin: 1em 0 0 5em;
    line-height: 1.4em !important;
}

.redesign .apps #tiles .featured-pages .icon-content .info span.number  {
    font-size: 20pt;
}

.redesign .apps #tiles .featured-pages .icon-content {
    padding: 2em;
}

.action_datasets_show .siteInnerWrapper {
  max-width: 100%;
}


/*****
FOOTER
*****/
#siteFooter {
    width: 85% !important;
    height: 16em !important;
    margin: 0 auto !important;
    text-align: center;
    font-size: 9pt;
}

#siteFooter .siteFooterNav {
    width: 40em !important;
}

#siteFooter .footer-logo {
    height: 50px;
    margin: 0 auto;
    padding: 0 1em;
}

#siteFooter a, #siteFooter a:visited {
    color: #3366cc !important;
}

ul.siteFooterNav {
    margin: 3em auto 2em auto !important;
    float: none !important;
    overflow: hidden;
}

ul.siteFooterNav li {
    display: inline;
    margin-left: 1em !important;
}

ul.siteFooterNavBottom {
    margin: 0 auto !important;
    clear: both;
}
ul.siteFooterNavBottom span.powered-by {
    margin-left: 2em;
}

ul.siteFooterNavBottom span.powered-by img {
    margin: -0.2em 0.2em 0em 0.4em;
}

ul.siteFooterNavBottom span.powered-by a {
    font-size: 10pt;
}

/* Smaller footer on dataset pages */
body.action_datasets_show #siteFooter {
    height: 6em !important;
}

body.action_datasets_show #siteFooter .siteFooterNav {
    margin: 2px auto !important;
    padding: 2px 0 8px 0!important;
}

body.action_datasets_show #siteFooter .footer-logo {
    height: 2em !important;
}


/*****
RESPONSIVE DESIGN
*****/
@media only screen and (min-width: 0px) and (max-width: 1150px) {
  /* Tiles */
  .redesign #tiles .home-icon {
    width: 50% !important;
    height: 275px !important;
  }

  .redesign #tiles .featured-pages .icon-content p.description {
    height: 13em !important;
    padding-top: 1em;
  }
}

@media only screen and (min-width: 0px) and (max-width: 950px) {
    
    .redesign .siteContentWrapper {
        padding: 0em !important;
    }
    
    .redesign .rd-big {
        display: none !important;
    }
    
    .redesign .rd-small {
        display: block !important;
    }
    
    .redesign #main #stories {
        width: 88% !important;
    }
    
    .redesign #main #stories .featured {
        height: 400px !important;
        width: 100% !important;
    }
    
    /* sidebar */
    .redesign #main #sidebar {
        width: 12% !important;
        max-width: 6em !important;
        position: absolute;
        right: 0;
        
    }
    
    .redesign #main #sidebar .label {
        display: none;
    }

    
    .redesign #main #sidebar img {
        width: 100% !important;
    }
    
    .redesign #main #sidebar .section {
        padding: 0.75em !important;
        overflow: hidden;
    }

    .redesign #main #sidebar #categories .section .pika {
      font-size: 20pt;
      padding: 4px;
    }
    
    .redesign #main #sidebar #developer {
        height: 100% !important;
        padding: 1em !important;
    }
    
    .redesign #main #sidebar #explorer-apps h3 {
        display: none;
    }
    
    .redesign #main #sidebar #explorer-apps p {
        display: none;
    }
    
    .redesign #main #sidebar #explorer-apps div {
        margin: 0 !important;
    }
    
    .redesign #siteFooter {
        width: 85% !important;
        height: 20em !important;
        margin: 0 !important;
    }
    
    .redesign #siteFooter .siteFooterNav li {
        line-height: 3em;
        margin-left: 2.5em !important;
    }
    
    
    .redesign body.action_datasets_show #siteFooter .footer-logo {
        height: 3em !important;
    }
    
    .redesign body.action_datasets_show #siteFooter .siteFooterNav {
        display: none !important;
    }
    
    
    /* APPS */
    .redesign .apps #tiles .home-icon {
        width: 45% !important;
    }

}

@media only screen and (min-width: 0px) and (max-width: 723px) {

    .redesign #siteHeader .siteUserNav {
        clear: both;
        margin: 0em 5em .5em 0em;
    }

    .redesign #siteHeader .siteUserNav li {
        line-height: 3em;
        margin-left: 2.5em !important;
    }

}

@media only screen and (min-width: 0px) and (max-width: 700px) {

  .redesign .siteContentWrapper {
    border: none !important;
  }

  /* Tiles */
      .redesign #tiles {
          padding: 0 !important;
      }
      
      .redesign #tiles .home-icon {
          margin: 0 !important;
          width: 100% !important;
          height: 300px !important;
      }

      .redesign #siteFooter .siteFooterNav {
          width: 30em !important;
      }


    .redesign .siteContentWrapper {
        padding: 0 !important;
    }

    .redesign #tiles .featured-stories .icon-content div {
      width: 94%;
    }
    
    .redesign #banner {
        left: -5px !important;
        opacity: 0.7 !important;
    }
    
    .redesign #main {
        padding: 0 !important;
    }

    .redesign #main #stories .featured {
      margin-bottom: 0 !important;
    }
    
    .redesign #main #stories .left, .redesign #main #stories .right {
        width: 100% !important;
    }
    
    .redesign #main #stories .story .description {
        float: none !important;
        width: 100% !important;
    }

    .redesign #tiles .featured-pages .icon-content p.description {
      height: 14.75em !important;
    }

    
    .redesign #siteFooter {
        height: 26em !important;
    }

    
    
    /* APPS */
    .redesign .apps #tiles {
        padding: 0 !important;
    }
    
    .redesign .apps #tiles .home-icon {
        margin: 0 !important;
        width: 100% !important;
        height: 350px !important;
    }
    
}

@media only screen and (min-width: 0px) and (max-width: 550px) {

    .redesign #main #sidebar .section {
        padding: 0.5em !important;
    }
    
    .redesign #main #sidebar #developer {
        padding: 0.75em !important;
    }

    .redesign #main #sidebar #categories .section .pika {
      padding: 2px;
      font-size: 18pt;
    }
}

@media only screen and (min-width: 0px) and (max-width: 450px) {
    
    .redesign #siteHeader .socialNav {
        position: absolute;
        top: -1.5em;
        right: 1em;
    }
    
    .redesign #siteHeader .socialNav li {
        text-align: right;
        padding-bottom: 1.5em;
        padding-left: 1.5em;
    }

    .redesign #tiles .featured-stories .icon-content div {
      width: 91%;
    }
    
    .redesign #main #stories .featured .text .title {
        font-size: 18pt !important;
        width: 92% !important;
    }
    
    .redesign #main #stories .featured .text #action-icons {
        font-size: 12pt !important;
    }
    
    .redesign #main #stories .story .description {
        font-size: 11pt !important;
    }
    
    .redesign #main #stories .story .data-type {
        font-size: 8.5pt !important;
    }

    .redesign #siteFooter .siteFooterNav {
        width: 25em !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 330px) {
  .redesign #tiles .featured-stories .icon-content div {
    width: 87%;
  }
}



/*** CHECKBOOK EXPLORER ***/
.checkbook body {
    font-weight:medium;
  }
.checkbook p {
    color:#6c6c6c;
    font: 12px "faricy-new-web",sans-serif;
    line-height: 18px;
}

.checkbook #topbar {
    width: 966px;
    height: 25px;
    padding: 1em !important;
}

.checkbook #checkbook-root, .checkbook #checkbook-detail, .checkbook #expenditure-summary, .checkbook #vendor-summary, .checkbook #agency-summary, .checkbook #agency-search, .checkbook #vendor-search, .checkbook #expenditure-search {
    background:url('/api/assets/2F906966-82E4-4B0B-9A05-4FA75FAAA7A5') 0 0 no-repeat;
    padding:0 1em 0 0;
}
.checkbook #main-content {
    background:#ffffff;
    margin:18px 0 0 0;
}
.checkbook #main-content.about p {
    font-size: 1.2em;
}
.checkbook #main-content.about {
    padding: 4em;
}
.checkbook .buttonPager {
    display:inline-block;
}
/* Top Navigation */
.checkbook #nav {
    width: 288px;
    height: 33px;
    overflow: hidden;
    clear: both;
    position:relative;
    top:-1px;
    left:634px;
    z-index:1000;
}
.checkbook #nav ul {width: 288px; margin: 0; padding: 0; list-style: none;}
.checkbook #nav li {margin: 0; height: 33px; padding: 0; list-style: none; display: inline; float: left;}
.checkbook #nav li a {height: 33px; display: block; text-decoration: none; text-indent:-9999px; overflow: hidden;}
.checkbook #nav li {height: 33px; display: block; text-decoration: none; text-indent:-9999px; overflow: hidden;}
.checkbook #home, .checkbook #search, .checkbook #summary, .checkbook #detail {
    background:url('/api/assets/9EAB05DC-A3CE-44C4-AEF7-716608CDAEFF');
}
.checkbook #home {background-position:0 -35px; width: 51px;}
.checkbook #search {background-position:-51px -35px; width: 76px;}
.checkbook #summary {background-position:-127px -35px; width: 89px;}
.checkbook #detail {background-position:-216px -35px; width: 72px;}
.checkbook #nav li.active#home {background-position:0 0; width: 51px;}
.checkbook #nav li.active#search {background-position:-51px 0; width: 76px;}
.checkbook #nav li.active#summary {background-position:-127px 0; width: 89px;}
.checkbook #nav li.active#detail {background-position:-216px 0; width: 72px;}
.checkbook #nav li:hover#home {background-position:0 -69px; width: 51px;}
.checkbook .siteContentWrapper {
    padding:0;
    margin:0;
    background: url("/api/assets/DA7A27EB-A502-4404-A61A-B89010945959") repeat scroll 0 0 transparent;
}
.checkbook #checkbookHeader #year-filter {
  padding-top: 2em !important;
}
.checkbook #sidebar {
    padding:40px 20px;
}
.checkbook #main-content {
    padding:14px;

}
.checkbook #searchIconContainer {
    margin:0 0 30px 0;
    text-align: center;
}
.checkbook .statValue {
    float:right;
    width:180px !important;
    text-align:right;
    font: bold 22px 'Arial Narrow', sans-serif;
    color:#6d6d6d;
}
.checkbook .statDescription {
    float:left;
    width:500px !important;
    font: bold 20px 'Arial Narrow', sans-serif;
    color:#6d6d6d;
    text-transform:uppercase;
}
.checkbook .statContainer {
    border-bottom: 1px solid #6c6c6c;
    margin:20px 0;
    padding: 0 0 20px 0;
}
.checkbook .capitalize {
    text-transform:capitalize;
}
.checkbook .lowercase {
    text-transform:lowercase;
}
.checkbook #checkbook-search .controlPane, .checkbook #checkbook-summary .controlPane {
    background:#ffffff;
}
.checkbook .controlPane {
  background: transparent; }
.checkbook .controlPane .sectionContent {
    border: none; }
.checkbook .controlPane .filterLink {
    color: #666666;
    margin-right: 0; }
.checkbook .controlPane .filterValues .line {
    display: block;
    font-size:8px;
}
.checkbook .component-Pager {
  padding-top: 2em; }
.checkbook .component-Pager .prevLink, .component-Pager .nextLink {
    display: none; }
.checkbook .component-Pager .navigatePaging {
    font-family: "atrament-web";
    font-size: 1.6em; }
.checkbook .component-Pager .navigatePaging .pageLink {
      color: #666666; }
.checkbook #searchTitleBar {
    color:#ffffff !important;
    background:#8D907C;
    padding:5px;
    margin:10px 0 0 0;
}
.checkbook #searchTitleBar > .component-wrapper > .component-Text > .content-wrapper {
  color:#ffffff !important;
}
.checkbook .agencyRecord {
    width:230px;
}
.checkbook .categoryRecord {
    width:400px;
}
.checkbook .amountRecord {
    text-align:right;
    float: right;
    margin-right: 2em;
}
.checkbook .searchRecord {
    padding:10px 0 10px 0 !important;
    border-bottom:1px solid #8D907C;
}
.checkbook .columnName {
    padding:10px 0 10px 0 !important;
    line-height:18px;
}
.checkbook .chartTitle, .transactionTitle {
    font: bold 16px 'Arial Narrow', sans-serif;
    color:#6d6d6d;
}
.checkbook .transactionTitle {
    margin:20px 0 10px 8px;
}
.checkbook .summaryTitle {
    font: bold 22px 'Arial Narrow', sans-serif;
    color:#6d6d6d;
    text-transform:uppercase;
}
.checkbook #checkDetails {
    background: url('/api/assets/9CC21017-DE96-408F-BF04-161B6ABBD4E4');
    width:686px;
    height:287px;
    margin:0 0 0 10px;
}
.checkbook .detailAgency, .checkbook .detailVendor, .checkbook .detailExpenditureType, .checkbook .detailDate, .checkbook .detailAmount, .checkbook .detailRecord {
    position:absolute;
    color:#587491;
}
.checkbook .detailAgency {
    top:62px;
    left:93px;
    font-size:18px;
    font-weight:medium;
}
.checkbook .detailVendor {
    top:104px;
    left:93px;
    font-size:18px;
    font-weight:medium;
}
.checkbook .detailExpenditureType {
    top:194px;
    left:73px;
    font-size:12px;
    font-weight:medium;
}
.checkbook .detailDate {
    top:65px;
    left:532px;
    width:120px;
    text-align:right;
    color:#850000;
    font-weight:medium;
}
.checkbook .detailAgency a, .checkbook .detailVendor a, .checkbook .detailExpenditureType a {
    color: #850000;
    text-decoration:underline;
}
.checkbook .detailAgency a:hover, .checkbook .detailVendor a:hover, .checkbook .detailExpenditureType a:hover {
    color: #1a1ae4;
    text-decoration:underline;
}
.checkbook .detailAmount {
    top:113px;
    left:542px;
    width:110px;
    text-align:left;
    font-size:14px;
    color:#850000;
    font-weight:medium;
}
.checkbook .detailRecord {
    top:25px;
    left:542px;
    width:110px;
    text-align:right;
    font-size:12px;
    color:#999999;
    font-weight:medium;
}
.checkbook #filterContainer {
    background:#ffffff;
    margin:20px 0 0 0;
}
.checkbook #agency-summary #filterContainer {
    margin-top: 304px;
}
.checkbook .controlPane {
    background:#ffffff !important;
}
.checkbook .searchCriteria {
    margin:10px 0 0 8px;
}
.checkbook .line {
    line-height: 13px !important;
    min-height: 13px !important;
    display:block !important;
}
.checkbook .checker {
    margin: -5px 3px 0 0 !important;
}
.checkbook #transactionDetails {
    background:#fafbf2;
    margin: 0 0 0 8px;
    padding: 20px 20px 40px 20px;
    line-height: 18px;
    border:1px solid #555555;
    width: 440px;
}
.checkbook .transactionHead {
    display:block;
    float:left;
    width:150px;
    font-weight:bold;
}
.checkbook .transactionData {
    display:block;
    float:left;
    width:280px;
    font-weight:normal;
}
.checkbook .linkCount {
    font-family:'Arial Narrow';
    font-size:9px;
    display:block;
    color:#ffffff !important;
    width:170px;
    height:21px;
    background:#5B748F;
    text-align:right;
    position:absolute;
    top:180px;
    left:55px;
    padding:8px 5px 0 0;
}
.checkbook .linkCount > .component-Text > .content-wrapper {
  color:#ffffff !important;
}

/*******************
Developers' Page CSS
*******************/
#soc-dev {
  font-family: "Myriad Pro", arial, helvetica, sans-serif;
}

/* Fixes for Responsive */
.soc-dev .siteOuterWrapper {
  min-width: 0 !important;
}
.soc-dev .siteContentWrapper {
  max-width: 1200px;
  margin: 0 auto;
  border-bottom: 1px solid #EEEEEE !important;
}
.soc-dev h2 {
  font-size: 175%;
}
.soc-dev #head {
  margin-bottom:1%;
}
.soc-dev #head h1 {
  text-align: center;
}
.soc-dev #head #head-desc {
  text-align: center;
}
.soc-dev #resources {
  width: 100%;
  text-align: center;
  margin-bottom: 5%;
}
.soc-dev #resources .res-col {
  vertical-align: top;
  display: inline-block;
  width: 33%;
}
.soc-dev #resources .res-col .res-img {
  margin: 5%;
}
.soc-dev #resources .res-col p {
  margin-bottom: 3%;
  padding-left: 10%;
  padding-right: 10%;
}
.soc-dev #resources .res-col .res-link {
  display:inline-block;
  vertical-align: middle;
}

/* Change these urls after moving css to Socrata */
.soc-dev #resources .res-col .download-guide-icon::before {
  content: '';
  height:25px;
  width: 25px;
  background: url(/api/assets/3F89631E-AF18-4B1E-989C-C71BB70F25B8);
  display:inline-block;
  vertical-align: middle;
}
.soc-dev #resources .res-col .socrata-logo-icon::before {
  content: '';
  height:22px;
  width: 23px;
  background: url(/api/assets/5868BC56-90E9-463A-8C1E-8D37079795EF);
  display:inline-block;
  vertical-align: middle;
}
.soc-dev #resources .res-col .submit-logo-icon::before {
  content: '';
  height:22px;
  width: 23px;
  background: url(/api/assets/B4AF742E-5072-4B16-9696-3A0B51EA61E7);
  display:inline-block;
  vertical-align: middle;
}
.soc-dev #discover {
  width:97%;
  padding: 1.5%;
  margin-bottom:5%;
  background-color: darkgreen;
  color: #FFFFFF;
}
.soc-dev #discover #disc-title {
  display:inline-block;
  vertical-align: top;
  padding-right: 2%;
}
.soc-dev #discover #disc-title h2{
  margin-bottom: 5%;
  color: #fff;
}
.soc-dev #discover #disc-title p {
  color: #fff;
}
.soc-dev #discover #disc-el-container {
  display: inline-block;
  vertical-align: top;
}
.soc-dev #discover .disc-el {
  width: auto;
  padding: 5%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #004000;
}
.soc-dev #discover .disc-el a h3, .soc-dev #discover .disc-el a p {
  color: #FFFFFF;
}
.soc-dev #discover .disc-el h3 {
  margin-bottom: 2%;
}
.soc-dev #discover .disc-el img {
  float: left;
  padding-right: 10px;
}

/* A whole bunch of selectors to specify width depending
on the amount of rows in the discover dataset */
/*One row in the dataset*/
.soc-dev .disc-count-1 #disc-title {
  width: 48%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.soc-dev .disc-count-1 #disc-el-container {
  width: 50%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

/*Two rows in the dataset*/
.soc-dev .disc-count-2 #disc-title {
  width: 31%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.soc-dev .disc-count-2 #disc-el-container {
  width: 66%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

/*Three rows in the dataset*/
.soc-dev .disc-count-3 #disc-title {
  width: 23%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.soc-dev .disc-count-3 #disc-el-container {
  width: 75%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.soc-dev #access {
  margin-bottom: 5%;
}
.soc-dev #access h2 {
  text-align: center;
}
.soc-dev #access .access-text {
  display:inline-block;
  width: -moz-calc((99% - 667px) / 2);
  width: -webkit-calc((99% - 667px) / 2);
  width: -o-calc((99% - 667px) / 2);
  width: calc((99% - 667px) / 2);
  vertical-align: top;
  padding-top:125px;
}
.soc-dev #access #access-text-left {
  padding-left: 20%;
}
.soc-dev #access #access-text-right {
  padding-right: 20%;
}
.soc-dev #access .access-text-header {
  font-weight: bold;
  margin-bottom: 5%;
}
.soc-dev #access img {
  display:inline-block;
}
.soc-dev #try {
  background-color: rgb(200,200,200);
  margin-bottom: 5%;
  padding: 10px;
}
.soc-dev #try p {
  margin-bottom: 10px;
}
.soc-dev .try-center {
  text-align: center;
}
.soc-dev #try .trycode .cog-icon::before {
  content: '';
  height:22px;
  width: 23px;
  background: url(/api/assets/CCF2CB0F-3E07-4892-B3FD-51D692CA1FA5);
  display:inline-block;
  vertical-align: middle;
}
.soc-dev #try .trycode .trylink {
  font-size: 2em;
  color: #1b1b1b;
}
.soc-dev #try .trycode .trylink :hover :focus {
  text-decoration: underline;
}
.soc-dev #try .results {
  text-align: left;
  font-size: 1.5em;
  position: relative;
  background: rgb(224, 224, 224);
  height: auto;
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  border: 1px solid #cecece;
}
.soc-dev #try .results .request {
  padding-top: 3px;
  padding-left: 3px;
}
.soc-dev #try .results .request .verb {
  font-weight: bold;
  color: teal;
}
.soc-dev #try .results .response {
  padding-top: 10px;
}
.soc-dev #try .results .response .key {
  color: black;
}
.soc-dev #try .results .response .string {
  color: green;
}
.soc-dev #try .results .response .number {
  color: blue;
}
.soc-dev #try .results .remove {
  position: absolute;
  top: 10px;
  right: 10px;
  text-decoration: none;
  color: black;
  font-size: 0.9em;
}
.soc-dev #apps #apps-title {
  margin-bottom: 1%;
  margin-left: 15px;
}
.soc-dev #apps #apps-title p {
  display: none;
}
.soc-dev #apps #apps-el-container .id-clone {
  display:inline-block;
}
.soc-dev #apps #apps-el-container .id-clone .component-Text {
  margin: 15px;
}
.soc-dev #apps #apps-el-container .apps-el {
  position:relative;
  display: inline-block;
  width: 222px;
  height: 256px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 3px solid darkgreen;
  overflow: hidden;
}
.soc-dev #apps #apps-el-container .apps-el .apps-el-inactive {
  padding: 12px;
  position:absolute;
  background:white;
  width:100%;
  height: 226px;
}
.soc-dev #apps #apps-el-container .official-false .apps-el-inactive .official-tag {
  display: none;
}
.soc-dev #apps #apps-el-container .official-true .apps-el-inactive .official-tag {
  z-index:1;
  position: absolute;
  top:0px;
  right:24px;
  color: darkgreen;
  background-color: #55B4DE;
  font-size: 1.25em;
  padding: 6px;
}
.soc-dev #apps #apps-el-container .apps-el .apps-el-active {
  z-index:2;
  padding: 0px;
  position: absolute;
  width:100%;
  background:white;
  height: 100%;
}
.soc-dev #apps #apps-el-container .apps-el .apps-el-active .apps-el-active-head {
  padding: 12px;
  background-color: rgb(224, 224, 224);
}
.soc-dev #apps #apps-el-container .apps-el .apps-el-active .apps-el-active-body {
  padding: 12px;
  height: 115px;
  overflow: hidden;
}
.soc-dev #apps #apps-el-container .apps-el .apps-el-active .apps-el-active-body a {
  font-size: 1.15em;
}

/*Hide the app link if it doesn't exist*/
.soc-dev #apps #apps-el-container .app-link-none .apps-el-active .apps-el-active-body .app-link {
  display: none !important;
}
.soc-dev #apps #apps-el-container .apps-el .apps-el-active .apps-el-active-body .app-link {
  position: absolute;
  bottom: 12px;
  left: 12px;
}

/*Hide the app code link if it doesn't exist*/
.soc-dev #apps #apps-el-container .app-code-none .apps-el-active .apps-el-active-body .app-code-div {
  display:none !important;
}
.soc-dev #apps #apps-el-container .apps-el .apps-el-active .apps-el-active-body .app-code-div {
  position: absolute;
  bottom: 6px;
  right: 6px;
  background-color: #007199;
  height: 26px;
  width: 92px;
}
.soc-dev #apps #apps-el-container .apps-el .apps-el-active .apps-el-active-body .app-code {
  position: absolute;
  bottom: 6px;
  right: 6px;
  color: #FFFFFF;
}
.soc-dev .remove::after {
  content: '';
  height:22px;
  width: 23px;
  background: url(/api/assets/8B883250-B03C-4107-85DB-13CD8B17990B);
  display:inline-block;
  vertical-align: middle;
}
.soc-dev .noResults {
    font-size: 1.4em;
    text-align: center;
    padding: 6em 0;
}

/* Responsive Design */
@media only screen and (min-width: 0px) and (max-width: 1000px) {
  .soc-dev #discover #disc-title {
    width: 100%;
    display: block;
    margin-bottom: 1%;
  }
  .soc-dev #discover #disc-title h2{
    text-align: center;
    margin-bottom: 1%;
  }
  .soc-dev #discover #disc-el-container {
    display: block;
    width: 100%;
  }
}

@media only screen and (min-width: 0px) and (max-width: 900px) {
  .soc-dev #access  {
    text-align: center;
  }
  .soc-dev #access .access-text {
    display: none;
  }
  .soc-dev #access #arrows {
    display:none !important;
  }
  .soc-dev #access #sans-arrows {
    display: inline-block !important;
  }
}

@media only screen and (min-width: 0px) and (max-width: 684px) {
  .soc-dev #access {
    display: none;
  }
}

@media only screen and (min-width: 0px) and (max-width: 640px) {
  .soc-dev #resources .res-col{
    display: block;
    width: 100%;
  }
  .soc-dev #discover #disc-title {
    width: 100%;
    display: block;
    padding: 5%;
  }
  .soc-dev #discover #disc-el-container {
    width: 100%;
    display: block;
  }
  .soc-dev #discover #disc-el-container .component-wrapper {
    position: static;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 2%;
    padding: 0 ;
  }
  .soc-dev #discover #disc-el-container .component-wrapper .component-Container {
    margin: 0;
  }
  .soc-dev #access {
    display:none;
  }
  .soc-dev #try {
    display:none;
  }
  .soc-dev #apps {
    text-align: center;
  }
  .soc-dev #apps #apps-title {
    margin-left: 0;
  }
  .soc-dev #apps #apps-title p {
    margin-top: 3%;
    display: block;
  }
  .soc-dev #apps .apps-el {
    text-align:left;
  }
  .soc-dev #apps .remove {
    display: block !important;
    position: absolute;
    top:0px;
    right:0px;
    padding: 6px;
  }
}

/******************
App Submission Form
******************/
#submit-app {
  background-color: white;
  border: 2px solid grey;
  width: 500px;
  margin: auto;
  padding:15px;
}
.submit-app {
  max-width: 100%;
  width:106.4em;
  margin:auto;
}
.submit-app #head {
  text-align: center;
  font-family: "Myriad Pro", arial, helvetica, sans-serif;
}
.submit-app #form label {
  margin-top: 3px;
}
.submit-app #form input {
  float: right;
  display: inline-block;
  width: 300px;
  vertical-align: middle;
}
.submit-app #form textarea {
  display: inline-block;
  float: right;
  width: 300px;
  max-width: 300px;
}
.submit-app #form label .suggestion {
  font-size: 0.8em;
}
.submit-app #form .submitLine {
  padding-left: 10px;
}
.submit-app #form .submitLine input {
  margin-top: 5px;
  float: none;
  width: auto;
  font-size: 1.2em;
}
/*****************************
DATASLATE PAGES
*****************************/
#dataslatePage {
  padding: 20px 40px;
  max-width: 1200px;
  margin: 0 auto;
}

#dataslatePage p {
  font-size: 1.3em;
  line-height: 1.6em;
  margin: 7px 0;
}
#dataslatePage li {
  font-size: 1.3em;
  line-height: 1.6em;
  margin: 7px 0 0 20px;
}
#dataslatePage li:first-child {
  margin: 0 0 0 20px;
}
#dataslatePage ul {
  list-style-type: disc;
}
#dataslatePage ol {
  list-style-type: decimal;
}
.title-section {
  font-size: 1.6em;
  line-height: 1.8em;
  font-weight: bold;
  text-align: center;
  margin: 10px;
}