/* Global CSS By Element Type */
@import url(//fonts.googleapis.com/css?family=Roboto:400,100,300,500,700);

/*Imported from DTI css*/
body {
	background: #ccc;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
img {
	border:0px;
}

/* Table CSS Attributes */
.td_left {
    text-align:left;
}
.td_right {
    text-align:right;
}
.td_right_label {
    font-weight:bold;
    font-size:12px;
}
.td_center {
    text-align:center;
}
.dt_table {
	padding: 2px;
    border:1px solid #ddd;
    border-bottom:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.dt_table td {
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#H1 {
    text-align:left;
    padding-left:60px;
    height:30px;
    display: inline;
    font-size:18px;
    font-weight:normal;
}


.dt_table_inside {
    padding:0px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.dt_table_inside td {
    padding: 4px;
	border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.dt_table_noborder {
	border:0px;
}
.dt_text_highlight {
    color:#b21a2e;
    font-weight:bold;
}



.dt_text {
    color:#333;
}
.dt_link:link {
    text-decoration: underline;
    color:#333;
}
.dt_link:visited {
    text-decoration: underline;
    color:#333;
}
.dt_link:active {
    text-decoration: underline;
    color:#333;
}
.dt_link:hover {
    text-decoration: underline;
    color:#000;
}

.dt_text_small {
    color:#b21a2e;
    font-size:10px;
}
.dt_link_small:link {
    text-decoration: underline;
    color:#333;
    font-size:10px;
}
.dt_link_small:visited {
    text-decoration: underline;
    color:#333;
    font-size:10px;
}
.dt_link_small:active {
    text-decoration: underline;
    color:#333;
    font-size:10px;
}
.dt_link_small:hover {
    text-decoration: underline;
    color:#b21a2e;
    font-size:10px;
}

/* Form CSS Attributes */
.formSelect {
 	font-family: Roboto;
	font-size:14px;
	line-height:18px;
	height:auto;
	color:#777;
	border:1px solid #15437b;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 8px;
    width: 293px;
}
.formInput {
	font-size:14px;
	line-height:18px;
	height:20px;
	color:#777;
	border:1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding:2px 5px;
}
.formButton {
	font-size:12px;
	line-height:18px;
	height:auto;
	color:#747474;
	background-color:#ddd;
	border:1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration:none;
    padding:3px;
}
.formButton:hover {
    color: #fff;
    text-decoration:none;
    background-color:#747474;
    cursor:pointer;
}
.imgCalendar {
	margin-bottom:-8px;
}
.footer_link {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#333;
}

/* OVERRIDE JQUERY STYLESHEET */
.ui-widget-overlay {
  opacity: .70 !important; /* Make sure to change both of these, as IE only sees the second one */
  filter: Alpha(Opacity=70) !important;
  background-color: rgb(50, 50, 50) !important; /* This will make it darker */
  background: repeat-x scroll 50% 50% #aaa;
}
.ui-widget {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
}
/* OVERRIDE JQUERY STYLESHEET */


/* Layout CSS */
#divDescription {
    text-align:left;
}
#container {
	/*width:90%;*/ 
	margin:0 auto;
	padding-top:18px;
    width:100%;
    background:url(images/sarasota_bg.jpg) 
    center 0 no-repeat; 
    background-color:#E1E1E1;
}
/* this class should be placed on a div or break element and 
   should be the final element before the close of a container 
   that should fully contain a float                        */
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.tableHeader {
	background-color: #777;
	font-weight: bold;
	color: #fff;
	text-align: center;
	/*border: 2px solid #b21a2e;*/
    border-collapse: collapse;
    /*outline:2px solid #b21a2e;*/
}
.mainContentTop #dt-content {
	background-color:#fff;
	/*line-height: 30px;*/
	padding: 18px;
    border:8px solid black;
}
.dt_header {
    height: 42px;
    background-color:#000;
    text-align:left;
    padding-left:10px;
}
.dt_menu_item {
    position:relative;
    float:left;
	background-color: #eee;
	font-family: arial;
    font-size:12px;
	color: #555;
	text-align: left;
    text-indent:10px;
	border: 1px solid #999;
    width:200px;
    line-height:24px;
    padding:1px 3px;
    text-decoration: none;
    margin-bottom:2px;
}
.dt_menu_item:hover {
    color:#b21a2e;
    background-color:#aaa;
    text-decoration:underline;
}
.dt_greylink {
    color:#777;
    text-decoration:none;
}
.dt_redlink a {
    color:#b21a2e;
    text-decoration:underline;
}
.mandatory {
    color:#b21a2e;
}
.cc-image {
    display:inline;
    vertical-align:middle;
    cursor:pointer;
}

/* Added by Paul Maranogni for citizen-search-citation.aspx */
    table.dt_table tr td.td_left > div.padded
    {        
        padding: 12px 0px;
    }

    table.dt_table tr td.td_left > div > h1 
    {
        display: inline;
        margin:0;
        font-size: 12px;
        font-weight: normal;
    }

    table.dt_table tr td.td_left h2 
    {
        display: inline;
        margin:0;
        font-size: 12px;
        font-weight: 700;
    }

    table.dt_table tr td.td_left div.CSU-ATI 
    {
        float: right;
        position: relative;
        bottom: 20px;
        font-size:7pt;
        color: #cdcdcd;
    }

    table.dt_table tr td.td_left div.CSU-ATI a:link,  table.dt_table tr td.td_left div.CSU-ATI a:visited
    {
        /*color: #cdcdcd;*/
        color: #808080;
    }

    table.dt_table tr td.td_left div.CSU-ATI a:hover 
    {
        color: #808080;
    }

    table.dt_table tr td.td_left > div.padded, table.dt_table tr td.td_left div.CSU-ATI 
    {
        margin-bottom: -5px;
    }

/* ---------------------------------------------------------------------------------------- */
/*End Imported from DTI css*/

/*Imported from Sarasota website reset.css*/
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {font-family: Roboto;background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0}

ol, ul {list-style:none}

blockquote, q {quotes:none}

table, table td {padding:0;border:none;border-collapse:collapse}

img {vertical-align:top}

embed {vertical-align:top}
/*End Imported from Sarasota website reset.css*/

/*Imported from Sarasota website istyle.css*/
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video, topic {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Global properties */
html {width:100%}
body {font-family:Arial, Helvetica, sans-serif;font-size:100%;color:#000;min-width:984px;/*background:url(../images/body.jpg) center 0 repeat*/}
a {color:#00a9ff;outline:none}
a:hover {text-decoration:none}
.img {border:0} 
.col-1, .col-2, .col-3, .col-4  {float:left}
.wrapper {width:100%;overflow:hidden}
.extra-wrap {overflow:hidden}
.bg {width:100%;background:url(/templates/sarasota/images/sarasota_bg.jpg) center 0 no-repeat; background-color:#E1E1E1;}
.bg {width:100%; background-color:#E1E1E1;}
.main {width:984px;padding:0;margin:0 auto;font-size:0.875em;line-height:1.285em}
#notice {width:900px;border-width:0 2px 0 0;margin:auto;padding:0}
p {margin-bottom:18px}
.p0 {margin-bottom:0px}
.p1 {margin-bottom:6px}
.p2 {margin-bottom:15px}
.p3 {margin-bottom:30px}
.p4 {margin-bottom:45px}
.p5 {margin-bottom:10px;}
.reg {text-transform:uppercase}
.fleft {float:left}
.fright {float:right}
.alignright {text-align:right}
.aligncenter {text-align:center}
.title {margin-bottom:18px}
.it {font-style:italic}
.letter {letter-spacing:-1px}
.color-1 {color:#00a9ff}
.color-2 {color:#a2c902}
.color-3 {color:#fabb0c}
.color-4 {color:#0f0f0f}
.color-5 {color:#F00}
/* boxes */
.margin-bot {margin-bottom:35px}
.spacing {margin-right:35px}
.indent {padding:0 0 0px 30px}
.indent2 {padding-top:10px}
.indent3 {padding-top:38px}
.indent4 {padding:26px 0 0px 32px}
.indent5 {padding-top:22px}
.indent-bot {margin-bottom:22px}
.indent-bot2 {margin-bottom:19px}
.indent-bot3 {margin-bottom:45px}
.img-indent-bot {margin-bottom:25px}
.img-indent {float:left;margin:0 10px 0px 0}
.img-indent2 {float:left;margin:0 15px 0px 0}
.img-indent3 {float:left;margin:0 20px 0px 0}
.img-indent4 {float:left;margin:0 28px 0px 0}
.img-indent-r {float:right;margin:4px 0px 0px 15px}
.prev-indent-bot {margin-bottom:10px}
.buttons a:hover {cursor:pointer}
.menu li a, .list-1 li a, .button-2, .logo {text-decoration:none}
/* header */
header {width:100%;position:relative;z-index:1}
.row-1 {width:100%;height:90px;overflow:hidden;padding-top:20px}
.row-2 {width:100%;min-height:50px;position:relative;z-index:1}
.row-3 {width:100%;min-height:375px;position:relative;z-index:1}
/*
    Had to comment out - stylesheet conflict Jim Jones 8/30/16
    h1 {
	padding:0px 0 0 20px;
	position:relative;
	float:left;
	}
*/
.slog {display:block;font-size:14px;line-height:1.2em;color:#25587e;text-transform:uppercase;letter-spacing:-1px}
#quicklink {
	width:100%;
	font-size:14px;
	font-weight:bold;
	color:#25587e;
	margin-right:9px;
	float:right
}
/*search-form*/
#search-form {width: 244px;}
/*End Imported from Sarasota website istyle.css*/

/*Imported from Sarasota website layout.css*/
/* home.html */

#page1 header {margin-bottom:0}

#page1 #content .padding {padding:0 12px}

#page1 #content .col-1 {width:292px;margin-right:9px}

#page1 #content .col-2 {width:292px;margin-right:5px}

#page1 #content .col-3 {width:597px;margin-right:40px}

#page1 #content .col-4 {width:425px;margin-right:45px}

#page1 #content {border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}

#page1 footer .col-1 {width:190px;margin-right:55px}

#page1 footer .col-2 {width:110px;margin-right:55px}

#page1 footer .col-3 {width:140px;margin-right:65px}

#page1 footer .col-4 {width:235px}

/* news.html */

#page2 #content .col-1 {width:292px;margin-right:9px}

#page2 #content .col-2 {width:292px}

#page2 #content .col-3 {width:620px;margin-right:45px}

#page2 #content .col-4 {width:290px}

#page2 #content {padding:12px 0}

#page2 footer .col-1 {width:190px;margin-right:55px}

#page2 footer .col-2 {width:110px;margin-right:55px}

#page2 footer .col-3 {width:140px;margin-right:65px}

#page2 footer .col-4 {width:235px}

/* departments.html */

#page3 #content .col-1 {width:292px;margin-right:9px}

#page3 #content .col-2 {width:292px}

#page3 #content .col-3 {width:425px;margin-right:45px}

#page3 #content .col-4 {width:420px}

#page3 #content {padding:12px 0}

#page3 footer .col-1 {width:190px;margin-right:55px}

#page3 footer .col-2 {width:110px;margin-right:55px}

#page3 footer .col-3 {width:140px;margin-right:65px}

#page3 footer .col-4 {width:235px}

/* CityBusiness.html */

#page4 #content .col-1 {width:292px;margin-right:9px}

#page4 #content .col-2 {width:250px;padding:6px;}

#page4 #content .col-3 {width:530px;margin-right:41px}

#page4 #content .col-4 {width:360px}

#page4 #content {padding:12px 0}

#page4 #content .list-2 li {padding-left:26px;background:url(../images/pic-1.gif) 0 4px no-repeat}

#page4 footer .col-1 {width:190px;margin-right:55px}

#page4 footer .col-2 {width:110px;margin-right:55px}

#page4 footer .col-3 {width:140px;margin-right:65px}

#page4 footer .col-4 {width:235px}

/* ThingsToDo.html */

#page5 #content .col-1 {width:250px;margin-right:9px}

#page5 #content .col-2 {width:275px;padding:25px;}

#page5 #content .col-3 {width:655px;margin-right:41px}

#page5 #content .col-4 {width:235px}

#page5 #content {padding:12px 0}

#page5 #content .block-news {padding:27px 33px 36px}

#page5 footer .col-1 {width:190px;margin-right:55px}

#page5 footer .col-2 {width:110px;margin-right:55px}

#page5 footer .col-3 {width:140px;margin-right:65px}

#page5 footer .col-4 {width:235px}
/*End Imported from Sarasota website layout.css*/

/*Imported from Sarasota website global.css*/
/* 
     Jumbotron Slider
*/

img {
border: 0px none;
}

#container {
	width:948px;
	padding:0px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#frame {
	position:absolute;
	z-index:0;
	width:984px;
	height:435px;
	top:-3px;
	left:-19px;
}

#example {
	width:948px;
	height:390px;
	position:relative;
}

/*
	Slideshow style
*/

#slides {
	position:absolute;
	top:15px;
	left:0px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	If height not specified height will be set by the slide content
	Set to display none, prevents content flash
*/

.slides_container {
	width:948px;
	height:372px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*.slides_container div.slide {
	width:570px;
	height:270px;
	display:block;
}*/

/*
	Each slide
	Important:
	Set the width of your slides
	Offeset for the 20px of padding
	If height not specified height will be set by the slide content
	Set to display block
*/

#slides .slide {
	padding:0px;
	width:975px;
	height:350px;
	display:block;
}

/*
	Next/prev buttons

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}*/

/*
	Pagination
*/

.pagination {
	margin:352px 0 0 440px;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}
/*End Imported from Sarasota website global.css*/

/*Imported from Long Beach as a template*/


body
{
  background-color: #fff;
  font-family: Roboto;
  margin: 0px;
  color: #25587e;
}

.dt_table
{
  /*background-color: #FFF;*/
  display: flex;
  justify-content: center;
  /*margin: 3em 2em;*/
  width: 100%;
}

.tableHeader
{
  background-color: #25587e;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
}

#ctl00_contentMain_lblOwingThisCite, #ctl00_contentMain_lblSum {
    font-weight: bold;
    font-size: 2em;
}

.dt_link_small
{
  background-position: bottom;
  background-repeat: no-repeat;
  width: 200px;
  height: 60px;
  display: block;
  padding-bottom: 20px;
  margin-bottom: -40px;
  color: #FFF;
}

.dt_text_small
{
  display: none;
}

.dt_table_inside
{
  background-color: #F4F4F4;
  text-transform: uppercase;
}

#printMe td
{
  padding: 0.8em;
  border-color: #386B85;
  border-style: solid;
  border-width: 0.1em;
}

.clb_tr_hide {
    display: none;
}


#TCN {
    text-align:left;
    padding-left:60px;
    height:30px;
    display: inline;
    font-size:18px;
    font-weight:normal;
}
#clb_tr_TCN {
    height:30px;
}
#clb_td_left_TCN {
    text-align:left;
}






#NN {
    text-align:left;
    padding-left:60px;
    height:30px;
    display: inline;
    font-size:18px;
    font-weight:normal;
}
#clb_tr_NN {
    height:30px;
}
#clb_td_left_NN {
    text-align:left;
}

#LP {
    text-align:left;
    padding-left:60px;
    height:30px;
    display: inline;
    font-size:18px;
    font-weight:normal;
}

#DCN {
    text-align:left;
    padding-left:60px;
    height:30px;
    display: inline;
    font-size:18px;
    font-weight:normal;
}
#clb_tr_DCN {
    height:30px;
}
#clb_td_left_DCN {
    text-align:left;
}

.td_right
{
  height:30px;
  text-align:left;
  width:390px;
  padding:8px;
}
.td_left
{
  height:36px;
  text-align:left;
}
.td_right label {
    margin-left:180px;
}

.td_right_label {
    font-family: Roboto;
    font-size: 14px;
    margin-left:180px;
}


.formButton {
  background: #fefefd; /* Old browsers */
  background: -moz-linear-gradient(top,  #fefefd 0%, #ccc 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefd), color-stop(100%,#ccc)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #fefefd 0%,#ccc 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #fefefd 0%,#ccc 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #fefefd 0%,#ccc 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #fefefd 0%,#ccc 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefd', endColorstr='#ccc',GradientType=0 ); /* IE6-9 */
  border:1px solid #15437b;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding:10px;
  color:#15437b;
  font-family: Roboto;
  font-weight:300;
  font-size:16px;
  text-transform:uppercase;

}
.formInput {
    width:280px;
    height:30px;
    border:#15437b 1px solid;
    font-size:16px;
    padding-left:6px;
}
.td_right_label span {
    text-align: left;
    margin-left: 180px;
}
.footer_link {
    display: none;
}

/*End Imported from Long Beach as a template*/