/***** General ********************/
.hidden{display:none;}
div.clearFloat, .clear{clear: both; width:0px; height: 0px; overflow: hidden; }


/***** Site Header ********************/
#wrap{ width: 1040px; margin: 0 auto; position: relative; border-top: solid 1px #ffcc33; background: #fff; }
/*#wrap .modal { width: 800px; margin-left: -400px; } */
/*#wrap .modal-body { max-height: inherit; }*/
#wrap .date { margin-left: 0; }
#wrap .form-group { padding: 0; }
#wrap .form-group input, 
#wrap .form-group select, 
#wrap .form-group textarea { width: 92%; }
#wrap .form-group .input-append input { width: 75%; }

#header { width: 100%; height: 155px; margin: 0; padding: 0; position: relative; background:  url(../img/assessor-berrios.jpg) no-repeat -18px 42px; }
#header.admin { background-color: #48d3f2; }
#header-logo { position: absolute; left: 90px; top: 46px; }
#header-logo a img { border: none; }
#header-logo img { margin: 0; padding: 0; }


/***** Search Container ********************/
.search-container { float: right; }
.search-container input.s4-searchbox-QueryPrompt { margin-bottom: 0px; }


/***** Body ********************/
body { background: #003366 url(../img/bg.gif) repeat left top; color: #000; font-size: 84%; line-height: 1.3em;
	font-family: Arial, Helvetica, sans-serif; margin: 0 auto; padding: 0; }
	
	
/***** Footer ********************/
#footer { width: 1040px; margin: 15px auto 0 auto; position: relative; color: #fff; font-size: 1em; line-height: 1.4em; }
#footer-inner { padding: 0 0 30px 0; }
#footer-left { float: left; background: transparent url(../img/seal-trans.png) no-repeat left top; padding: 5px 0 0 110px; min-height: 99px; }
#footer-right { float: right; line-height: 1.0em; padding: 7px 0 0 0; }

#footer a { color: #73b4d8; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer li { line-height: inherit !important; }

#footer-left ul { list-style-type: none; margin: 5px 0; padding: 0; line-height: 1.0em; }
#footer-left ul li { list-style-type: none; float: left; margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 1px solid #8490a6; }
#footer-left ul li.last { margin-right: 0; padding-right: 0; border-right: none; }

#footer-left p.copyright { margin-bottom: 0; }
#footer-left p.address { float: left; margin: 15px 30px 0 0; }
#footer-left p.contact { float: left; margin: 15px 0 0 0; }

#footer-right .item-row { margin: 0 0 7px 0; }

#footer-right span { float: left; width: 120px; text-align: right; margin: 0 10px 0 0; }
#footer-right ul { float: left; list-style-type: none; margin: 0; padding: 0; }
#footer-right ul li { float: left; list-style-type: none; margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 1px solid #8490a6; }
#footer-right ul li.last { margin-right: 0; padding-right: 0; border-right: none; }


/***** Icons ********************/
#iconContainer { margin: 13px 0 0 0; padding: 0; }
#iconContainer ul { list-style-type: none; margin: 0; padding: 0; font-size: 0.9em; }
#iconContainer ul li { list-style-type: none; float: left; margin: 0 7px 0 0; padding: 0; line-height: 20px; height: 20px; border: none; }
#iconContainer ul li a { color: #555555; padding: 0; margin: 0; text-indent: -5000px; width: 20px; height: 20px; }
#iconContainer ul li a:hover { color: #ee3d42; }

#iconContainer ul li.facebook a { display: block; background: url('../img/social-icons.png') no-repeat left 0px; }
#iconContainer ul li.twitter a { display: block; background: url('../img/social-icons.png') no-repeat left -20px; }
#iconContainer ul li.youtube a { display: block; background: url('../img/social-icons.png') no-repeat left -40px; }

#iconContainer ul li.facebook a:hover { background:url('../img/social-icons.png') no-repeat left -120px; }
#iconContainer ul li.twitter a:hover { background:url('../img/social-icons.png') no-repeat left -140px; }
#iconContainer ul li.youtube a:hover { background:url('../img/social-icons.png') no-repeat left -160px; }

/***** General ****************/
.row { margin-left: -10px !important; }
.row.odd, .row-fluid.odd { background: #E8EDFF; padding: 5px 0; }
.row.even, .row-fluid.even { background: #FFFFFF; padding: 5px 0; }
#content { position: relative; overflow: hidden; background: #CCC; padding:5px; }
#content .article { margin: 0; padding: 20px 5px; float: left; width: 844px; min-height: 600px; background: #FFF; }
#content .sidebar { margin: 0; padding: 0px; float: right; width: 160px; height: 600px; }
#content .home-article { margin: 0; padding: 10px; background: #FFF; }
.topad, .bottomad { margin: 0 auto; padding: 5px; height: 90px; background: #185C81; }
#content [class*="span"] { margin-left: 10px; }
#content .row-fluid [class*="span"] { margin-left: 1%; }
.characteristics { float: left; width: 380px; }
.search-decision { position: relative; overflow: hidden; background-color: white; padding-left:120px; }
.search-decision a { text-decoration: none; display: block; float: left; width: 325px; height: 100px; margin: 0 30px;border:2px solid black; }
/* 2015.12.02 DS replaced
a.huge-home-btn { background: url(../img/blue-home.png) no-repeat left top; }
a.huge-pro-btn { background: url(../img/blue-pro.png) no-repeat left top; }
a.huge-home-btn:hover { background: url(../img/gold-home.png) no-repeat left top; }
a.huge-pro-btn:hover { background: url(../img/gold-pro.png) no-repeat left top; }
*/
a.huge-home-btn { background: url(../img/blue-home.jpg) no-repeat left top; }
a.huge-pro-btn {  background: url(../img/blue-pro.jpg) no-repeat left top; }
a.huge-home-btn:hover { background: url(../img/gold-home.jpg) no-repeat left top; }
a.huge-pro-btn:hover {  background: url(../img/gold-pro.jpg) no-repeat left top; }

/*.smlogo{ background-repeat: no-repeat; background-image:url("../img/cookcountylogo100gs.png");margin:0 auto;text-align:center;} */ /*2015.12.02 DS addition*/
.smlogo{ background: url(../img/cookcountylogo100gs.png) no-repeat left top;margin:0 auto;} /*2015.12.02 DS addition*/

.sidepanel img { width: 90%; }
.sidepanel h3 { margin: 0; line-height: 1.5em; text-align: center; }
.dot-leader { background: transparent url(../img/dot-leader.png) repeat-x left center; margin: 1em 0; font-size: 0.85em; text-align: center; }
.accordion.valuation > div { background: #FFFFFF; }
.accordion.valuation h3 { margin: 5px 10px; line-height: normal; }
.pin { background: #fffeac; padding: 5px; border: 1px solid #dedc3f; font-weight: bold; }
ul.decision { list-style-type: none; margin: 1em 0 2em 0; padding: 0; }
ul.decision li { list-style-type: none; margin: 0 0 0 55px; padding: 0; display: inline-block; width: 285px; height: 240px; position: relative; border: solid 1px #ccc; text-align: center; }
ul.decision li a { display: block; color: #000; text-decoration: none; position: absolute; width: 255px; left: 0px; bottom: 0px; background: #CCC; font-size: 150%; padding: 15px; }
ul.decision li img { width: inherit; height: inherit; vertical-align: top; }
.pdfpreview { width: 750px; height: 1000px; }

/***** Headings ****************/
#content h1 { color: #0e406f; font-size: 2.0em; font-weight: normal; }
#content h2, #details h2, #exemptions h2, #appeals h2, #cofe h2 { color: #990000; font-size: 1.4em; font-weight: normal; }


/***** Tabs ********************/
.tabContainer { padding-top: 10px; }
.tabs-left > .nav-tabs { border-color: #EEE; border-style: solid; border-width: 1px 0 1px 1px; float: none; position: absolute; width: 185px; }
.tabs-left > .nav-tabs > li { background: #11487e url(../img/vert-tab.png) repeat-x left top; height: 48px; border: none; }
.tabs-left > .nav-tabs > li > a:hover, 
.tabs-left > .nav-tabs > li > a:visited, 
.tabs-left > .nav-tabs > li > a:link { background: transparent; color: #FFFFFF; border: none; line-height: 30px; font-size: 1.2em; }
.tabs-left > .nav-tabs > li:hover { background: #145A9E; }
.tabbable { background: #EEE; position: relative; }
.tabs-left .tab-content { padding: 0 10px 10px 10px; margin-left: 185px; }
.tab-content, .tab-content > .tab-pane { background: #FFFFFF; }
.tabs-left > .nav-tabs > li.active { background: #FFFFFF; }
.tabs-left > .nav-tabs > li.active > a { color:  #11487E; }
.tab-content h2 { margin-top: 0; font-size: 20px; }
.nav.nav-tabs { margin-bottom: 0; }

/***** Checkbox list ***********/
input[type=checkbox]+label, input[type=radio]+label { display: inline; margin: 0 5px; vertical-align: middle; }

/***** Tables **********/
.thead { background: #DDECFE; font-weight: bold; }
.gold { background: #FC3; font-weight: bold; }
.tablix { border-bottom: 1px solid #CCC; }
.col-head { font-weight: bold; text-align: center; }
.row-head { font-weight: bold; text-align: right; padding-right: 20px; }
.tablix > span { padding: 3px 0; }  /* line-height: 2; */
.tablix .col-center { text-align: center; }
#content .gold > span, #content .tablix > span { margin-left: 5px; }
table.resdescriptions tbody th { padding: 5px 8px; vertical-align: middle; font-weight: bold; font-size: 1.4em; }
table.manage { width: 100%; }
table.manage th { background: #11487E; color: #FFFFFF; font-weight: bold; padding: 3px 1px; }
table.manage td { padding: 3px 1px; }

.deadline { background: #E3F2FB; border: 1px solid #BDBDBD; padding: 0 3px; }
a.deadline { background: #E3F2FB url(../img/dates.png) no-repeat 10px center; height: 50px; line-height: 50px; display: block; font-size: 24px; font-weight: bold; padding-left: 75px; }
.deadline .tablix a:visited { color: #000; }
a.red, span.red { color: #F00 !important; } 
.tablix .odd { background: #E3F2FB; }
.results td, .results th { padding: 5px 8px; }
.results th { background: #DDECFE; font-weight: bold; }
.deadline .tablix, .deadline .tablix td, .deadline .tablix th { border: 0; }
.deadline .tablix tr { border-bottom: 1px solid #CCC; }
.half-box-highlight td { width: 50%; margin: 0; border: solid 1px #ccc; vertical-align: top; }
.half-box-header { display: block; border: 0; margin: 0; padding: 0 15px; color: #fff; background: #11487e url('../img/accordion-bg.png') repeat-x left top; line-height: 45px; height: 45px; }
.half-box-content { padding: 5px 15px; }
.half-box-highlight td .half-box-header a { color: #FFFFFF; text-decoration: none; }
table.horizontal-data { width: 100%; margin: 1em 0 2em 0; border-collapse: collapse; }
table.horizontal-data tr { border-bottom: solid 1px #ccc; }
table.horizontal-data tbody td { padding: 5px 8px; vertical-align: middle; }


/***** Images **********/
.property-image { float: right; }
.property-image img { height: auto; max-width: 380px; }
a.pdficon { padding-left: 25px; background: transparent url(../img/pdficon.png) no-repeat left top; min-height: 20px; }
a.printicon { padding-left: 25px; background: transparent url(../img/printicon.png) no-repeat left top; min-height: 20px; }
.blinds { margin: 5px 20px; padding: 0; overflow: auto; zoom: 1; /*background-color: #f0f0f0;*/ }
.blinds > .heading  { display: block; cursor: pointer; margin: 0; border: 0; padding: 0 15px; width: 100%; text-align: left; color: #fff; background: #11487e url('../img/accordion-bg.png') repeat-x left top; line-height: 45px; height: 45px; }
.blinds .blinds > .heading { background: transparent url('../img/angle-down.png') no-repeat left top; color: #333; padding-left: 20px; line-height: 15px; height: 15px; margin: 5px 0; }
.blinds .blinds > .heading :hover { background: #EEF6FF; padding: 5px; height: auto !important; }
.blinds .blinds > .heading.collapsed { background: transparent url('../img/angle-right.png') no-repeat left top; }
.blinds .blinds .content { background-color: #C9E4FF; border: solid 1px #11487F; padding: 10px; }
.blinds .blinds .content .blinds .content { background: #EFF7FF; border: none; }
.blinds .faqQuestion { cursor: pointer; padding-left: 25px; background: transparent url('../img/question-icon.png') no-repeat left center; }
.blinds .faqAnswer { background-color: #FFEDB5; border: 1px solid #FFCC33; height: auto; margin: 10px 0 0 20px; padding: 10px; }
.blinds .content a { display: block; }
.blinds .content { padding: 10px; }

.blinds .accordion-heading  { display: block; cursor: pointer; margin: 0; border: 0; padding: 0 15px; text-align: left; color: #fff; background: #11487e url('../img/accordion-bg.png') repeat-x left top; }
.blinds .accordion-heading a  { color: #fff; line-height: 45px; height: 45px; padding: 0; }

/***** Fix Bootstrap issues ******/
.pull-left { float: left !important; }

/* Site Alert control */
#header .alert { position: absolute; right: 30px; top: 50px; width: 45%; padding: 5px; }
.sitealert { position: relative; height: 80px; overflow: hidden; } 
.sitealert a.more { position: absolute; top: 3px; right: 3px; color: #700; cursor: pointer; }
.modal .modal-body a.more { display: none; }
.modal-header { min-height: 20px; }
.article .modal { width: auto; max-width: 800px; }
.article .modal-body { max-height: 600px; }
#noticeModal, #taxbillModal { width: 800px; margin-left: -400px; top: 0; }

/* Mega menu */
.nav-menu { display: block; position: relative; list-style: none; margin: 0; padding: 0; z-index: 15; }
.nav-item { list-style: none; display: inline-block; padding: 0; margin: 0; border: none; }
.nav-item > a { display: inline-block; padding: 9px 12px; margin: 0; border: none; }
.nav-item > a.open { background-color: #EEE; color: #000 !important; border: 2px solid #11467C; border-top: 0px; z-index: 1; }
/*
.nav-panel { position: absolute; display: none; top: 42px; left: 0; padding: 0; background-color: #EEE; width: 100%; border-bottom: 2px solid #CCC; }
*/
.nav-panel { position: absolute; display: none; top: 42px; padding: 0; background-color: #EEE; border-bottom: 2px solid #CCC; }
.nav-panel.open { display: block; border: 2px solid #11467C; border-top: 0px; }
.nav-panel ul { display: block; vertical-align: top; margin: 0; }
.nav-panel li { display: block; list-style-type: none; margin: 0; padding: 0; }
.nav-group { padding: 5px; min-width: 200px; }
.col-3 .nav-group { max-width: 290px; float: left; }
.nav-group a.yt img { width: 280px; }

.topmenu { background: #11487e url(../img/main-nav-bg.png) repeat-x left top; height: 42px; line-height: 24px; }
.topmenu .nav-menu > li > a { color: #FFF; font-size: 1.3em; text-shadow: none; text-decoration: none; } 
.topmenu .nav-menu > li.active { background: #FFCC33 url(../img/main-nav-bg-active.png) repeat-x left top; } 
.topmenu .nav-menu > li.active > a { color: #000; }
.topmenu .nav-menu > li.home > a { background: url(../img/home-icon.png) no-repeat center center; width: 32px; }
.topmenu i.submenu { display: inline-block; width: 24px; height: 12px; background: url(../img/arrow-white-down.png) no-repeat center center; }
.topmenu li.active > a > i.submenu, .topmenu a.open > i.submenu { background: url(../img/arrow-black-down.png) no-repeat center center; }
.topmenu .nav-panel a { display: block; color: #000; padding: 6px 3px; font-size: 1.3em; border-bottom: 1px dotted #CCC; text-decoration: none; }
.topmenu .nav-panel a:hover { background-color: #CCC; }
.modal .modal-header h3 { font-size: 20px; }
.modal.video { width: 560px; height: 348px; }
.modal.video .modal-header { padding: 3px 6px; }
.modal.video .modal-body { padding: 0; }
.modal.image { width: auto; height: auto; }

/***** Public Outreach Events *****/
.calendar-controls { margin-bottom: 15px; }
.calendar-controls h3 { display: inline; margin-right: 200px; }
.calendar-title {
        margin: 0;
        padding: 0;
        color: #ffffff;
        background: #11487e url('../img/accordion-bg.png') repeat-x left top;
        line-height: 45px;
        height: 45px;
        font-weight: bold;
}
.calendar-title a { color: #ffffff; text-decoration: none; }
.calendar-title a.nav { color: #ffffff; text-decoration: none; margin: 0 20px; }
.calendar-title td, .calendar-title th { text-align: center; font-weight: bold; }
.calendar-day-head {
        margin: 0;
        padding: 0;
        color: #303030;
        background: #c0c0c0;
        line-height: 24px;
        height: 24px;
        text-align: center;
}
.calendar-day { text-align: right; vertical-align: top; border: 1px solid #cccccc; padding: 2px; background: #eeeeee; }
.calendar-day a { text-decoration: none; }
.calendar-event { display: block; margin: 3px 0; font-size: 7pt; font-weight: bold; text-align: left; background: #ffd65a; border: 1px solid #bf910a; }
.list-event { border-bottom: 1px solid #cccccc; }
.date-event { float: left; width: 57px; height: 75px; border: 1px solid #cccccc; text-align: center; margin: 10px 0; }
.body-event { float: left; width: 620px; margin: 10px; }
.body-event p { margin: .3em 0; padding: 0; }
.body-event h3 { margin: .3em 0; color: #000000; }
.dow-event { color: #ffffff; background: #11487e; padding: 4px; }
.day-event { background: #f9f9f9; font-size: 1.4em; padding: 4px; line-height: 1.3em; }
.ui-tooltip { background: #f9f9f9; font-size: 9pt; }

/*----------- Buttons ----------------*/
.btn-clear{
    margin-left:10px;
    margin-bottom:10px;
}
.btn-gold {
  color: #000000;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ffd34e;
  *background-color: #ffd34e;
  background-repeat: repeat-x;
  border-color: #bf9004 #bf9004 #bf9004;
  border-color: #bf9004;
    background-image: linear-gradient(to bottom, #ffdb6e, #ffcc33);
}

.btn-gold:hover,
.btn-gold:focus,
.btn-gold:active,
.btn-gold.active,
.btn-gold.disabled,
.btn-gold[disabled] {
  color: #000000;
  background-color: #ffd34e;
  *background-color: #ffd34e;
}

.btn-gold:active,
.btn-gold.active {
  background-color: #cfb33e;
}

/* tooltips */
.tooltip-inner { background-color: #EEE; color: #000; max-width: 200px; padding: 5px 8px 4px 8px; font-size: 13px; border: 1px solid #000;text-align: justify; }

/* Finer grid */
.sp24 { width : 950px; float: left; min-height: 1px; margin-left: 10px; padding: 4px 6px; }
.sp23 { width : 910px; float: left; min-height: 1px; margin-left: 10px; padding: 4px 6px; }
.sp22 { width : 870px; float: left; min-height: 1px; margin-left: 10px; padding: 4px 6px; }
.sp21 { width : 830px; float: left; min-height: 1px; margin-left: 10px; padding: 4px 6px; }
.sp20 { width : 790px; float: left; min-height: 1px; margin-left: 10px; padding: 4px 6px; }
.sp19 { width : 750px; float: left; min-height: 1px; margin-left: 10px; padding: 4px 6px; }
.sp18 { width : 710px; float: left; min-height: 1px; margin-left: 10px; padding: 4px 6px; }
.sp17 { width : 670px; float: left; min-height: 1px; margin-left: 10px; padding: 4px 6px; }
.sp16 { width : 630px; float: left; min-height: 1px; margin-left: 10px; padding: 4px 6px; }
.sp15 { width : 590px; float: left; min-height: 1px; margin-left: 10px; padding: 4px 6px; }
.sp14 { width : 550px; float: left; min-height: 1px; margin-left: 10px; padding: 4px 6px; }
.sp13 { width : 510px; float: left; min-height: 1px; margin-left: 10px; padding: 4px 6px; }
.sp12 { width : 470px; float: left; min-height: 1px; margin-left: 10px; padding: 4px 6px; }
.sp11 { width : 430px; float: left; min-height: 1px; margin-left: 10px; padding: 4px 6px; }
.sp10 { width : 390px; float: left; min-height: 1px; margin-left: 10px; padding: 4px 6px; }
.sp9 { width : 350px; float: left; min-height: 1px; margin-left: 10px; padding: 4px 6px; }
.sp8 { width : 310px; float: left; min-height: 1px; margin-left: 10px; padding: 4px 6px; }
.sp7 { width : 270px; float: left; min-height: 1px; margin-left: 10px; padding: 4px 6px; }
.sp6 { width : 230px; float: left; min-height: 1px; margin-left: 10px; padding: 4px 6px; }
.sp5 { width : 190px; float: left; min-height: 1px; margin-left: 10px; padding: 4px 6px; }
.sp4 { width : 150px; float: left; min-height: 1px; margin-left: 10px; padding: 4px 6px; }
.sp3 { width : 110px; float: left; min-height: 1px; margin-left: 10px; padding: 4px 6px; }
.sp2 { width : 70px; float: left; min-height: 1px; margin-left: 10px; padding: 4px 6px; }
.sp1 { width : 30px; float: left; min-height: 1px; margin-left: 10px; padding: 4px 6px; }

.row-fluid .sp24 { width : 100%; }
.row-fluid .sp23 { width : 95.83%; }
.row-fluid .sp22 { width : 91.67%; }
.row-fluid .sp21 { width : 87.5%; }
.row-fluid .sp20 { width : 83.33%; }
.row-fluid .sp19 { width : 79.17%; }
.row-fluid .sp18 { width : 75%; }
.row-fluid .sp17 { width : 70.83%; }
.row-fluid .sp16 { width : 66.67%; }
.row-fluid .sp15 { width : 62.5%; }
.row-fluid .sp14 { width : 58.33%; }
.row-fluid .sp13 { width : 54.17%; }
.row-fluid .sp12 { width : 50%; }
.row-fluid .sp11 { width : 45.83%; }
.row-fluid .sp10 { width : 41.67%; }
.row-fluid .sp9 { width : 37.5%; }
.row-fluid .sp8 { width : 33.33%; }
.row-fluid .sp7 { width : 29.17%; }
.row-fluid .sp6 { width : 25%; }
.row-fluid .sp5 { width : 20.83%; }
.row-fluid .sp4 { width : 16.67%; }
.row-fluid .sp3 { width : 12.5%; }
.row-fluid .sp2 { width : 8.33%; }
.row-fluid .sp1 { width : 4.17%; }

.pager-current, .pager-link { font-weight: bold; margin: 3px 10px; }

.horzad { padding: 0px; border: none; width: 728px; height: 90px; overflow: hidden; margin-left:130px;  }
.vertad { padding: 0px; border: none; width: 160px; height: 600px; overflow: hidden; }

.row-fluid .pinInput8, 
.row-fluid .pinInput10, 
.row-fluid .pinInput14 { float: left; margin-left: 1%; }

@media print {
    #header, #footer, .topmenu, .topad, .bottomad, .sidebar, .decision { display: none; }
}
/*-------------- ADDITIONAL STYLES 12/4/15 -------------- */

/* ------------- HEADERS -------------------------- */
.ccaHEAD {
  font-size: 1.3em;
    background: #12497F;
    padding: 4px;
    color: #fff;
}

.important-notices h4 {
    font-size: 1.3em;
    background: #12497F;
    padding: 4px;
    color: #fff;
    margin-bottom: 0 !important;
}