/*----------------- GENERAL ------------------*/
html { -webkit-text-size-adjust: none;} /* Safari on iOS likes to readjust text size on rotation, this cancels that behavior. */
noscript div { width:100%; }

h1	{ color: #031a36; font-family:"Times New Roman", Times, serif; }
pre		{ width:96%; overflow-x:auto; -webkit-overflow-scrolling: touch; margin:0 .7em; border:1px dotted #ccc; }

/*----------------- CONTAINER -----------------*/
html body,
#mainContainer,
#containerHome,
#containerLanding,
.containerfade,
.bgThreeColumn,
.bgTwoColumn				{ background: none; }

#containerHome,
#containerLanding		{ position: relative; }

#mainContainer,
#containerHome,
#containerLanding,
.containerfade			{ clear: both; }

/*----------------- HEADER -----------------*/
#headerWrap 		{ position: relative; display:block; padding-bottom:1.4em;}
#headerWrap .logo	{ float:left; display:block; }

.mobile-toolbar 	{ display:block; background: #073873; float:left; clear:both; }

#headerWrap .toolbar { position:relative; float:left; width: 52%; }
#headerWrap .toolbar a		{ display: none; }

#headerWrap .contact 		{ background:none; background: #073873; position:relative; top:0; right:0; float:left; text-align: left; display:block; padding-left:10px; width: 44%}

#headerWrap .contact a 		{ display:block; font-weight:normal; }

#headerWrap .toolbar .feedback 		{ background:none; background: #073873; position:relative; top:0; right:0; float:right; text-align: left; display:block; padding-left:10px; }

#headerWrap .toolbar a.feedback		{display: inline-block; background: none; color:#FFFFFF; font-weight:normal; width:inherit; }

#headerWrap .date 			{ position:relative; top:0; right:0; float:right; color:#FFF; clear:right;background: #073873; text-align:right; }
#headerWrap .logo 			{ position:relative; top:0; right:0; clear:none; float:left; display:inline-block; text-align:left; }
#headerWrap .searchWrap,
.panel .searchWrap  	{ display:inline-block; position:relative; top:0; right:0; background:none; float:center;  }

/* Fix search button for safari ios browsers */
@media screen and (-webkit-min-device-pixel-ratio:0){
	input#btngomobile,
	input#btngomobile-copy	{ padding: 0.3em; border-radius: .3em; }
}

span.mobile-title {
	display:inline-block;
	visibility:visible;
	font-family:"Times New Roman", Times, serif;
	color:#555555;
	font-weight: bold;	
}

input#searchfield,
input#searchfield-copy 	{ color: #073873; font-family:Arial, Helvetica, sans-serif;}
input#searchfield-copy 	{ border: 0; margin: 0 0 0 5px; background: none; }
div#searchfieldWrap,
div#searchfieldWrap-copy { float:left; position:relative; display:block; border:1px solid #073873; border-radius: .3em; }
div#btngoWrap,
div#btngoWrap-copy 		{ float: none; display:block; position: relative; margin: 7px 0 0 2px;}

/*----------------- MENU  -----------------*/
#menu,
.menuWrap ul		{ list-style:none; position:relative; z-index:500; clear: both;  background: none; }
.menuWrap ul li a 	{ display: block; float: left; overflow: hidden;}
.menuWrap ul ul 	{ display:none; }
#leftNav ul ul ul li a.selected	{font-weight: bold; color: #000; text-decoration: none; background: #becdde; }
#leftNav ul ul ul ul li a { width:inherit; border-left:0.1em dotted #777777; }
#leftNav .btop {border-top: 0.1em dotted #777;}
#leftNav .bbottom, #leftNav .bbottom.selected {border-bottom: none;}

/* MainLevel */
#menu a#home,
#menu a#online,
#menu a#forms,		
#menu a#selfhelp,	
#menu a#divisions,	
#menu a#info,
/* MainLevel: hover */
#menu a#home:hover, body.homepage #menu a#home,
#menu a#online:hover, body.onlineServices #menu a#online,
#menu a#forms:hover, body.forms #menu a#forms,
#menu a#selfhelp:hover, body.selfhelp #menu a#selfhelp,	
#menu a#divisions:hover, body.divisions #menu a#divisions,	
#menu a#info:hover, body.info #menu a#info,
/* MainLevel: StayHover */
#menu li:hover > a#online,
#menu li:hover > a#forms, 
#menu li:hover > a#selfhelp,	
#menu li:hover > a#divisions,	
#menu li:hover > a#info,
.menuWrap ul li a {  color:#073873; background: #dae1ea; text-decoration: none; font-family:"Times New Roman", Times, serif; }
/* MainLevel: selected */
body.homepage #menu a#home, 
body.homepage a#home-copy,
body.onlineServices #menu a#online,  
body.onlineServices a#online-copy,
body.forms #menu a#forms,  
body.forms a#forms-copy,
body.selfhelp #menu a#selfhelp,  
body.selfhelp a#selfhelp-copy,
body.divisions #menu a#divisions,  
body.divisions a#divisions-copy,
body.info #menu a#info, 
body.info a#info-copy  { background-color: #7F95Af; color:#FFF; text-decoration: none; font-family:"Times New Roman", Times, serif; background-image:none; }
/* Hide Second Level Flyout Menu */
#menu li ul { display: none; }

/*----------------- MAIN CONTENT -----------------*/
#mainContentWrap						{ clear: both; position: relative;}
#mainContentWrap .contentColumn select 	{ background-image:none; }
#mainContentWrap .contentCenterWrap		{ clear:both; }
#mainContentWrap h3 a:hover			{ color: #5d81ac; text-decoration: none; }
#mainContentWrap .contentCenterWide	{ float: left; }
#containerHome	#bannerWrap	{ float: left; background: none; clear: both; position: relative;}
#bannerWrap .contentLeft	{ float: left; display:block;}
.txtWrap		{ position:relative; top:0; left:0; float:left; text-align:left; margin-left:0;}
.txtWrap h2 	{ border-top:1px solid #CCC; border-bottom:1px solid #CCC; text-transform:uppercase; color:#444444; }

/*----------------- HERO MODULE  -----------------*/
.hero { display:block; background:none; width:inherit; margin:0; padding:0; }

.hero div.title_noshow,
.hero div.banner,
.hero div.hero2,
.hero div.banner2,
.hero div.descTxt,
.hero div.simpleModuleBlue2 { display:none; }

/*----------------- SIMPLE MODULE  -----------------*/
.simpleModule { display:none;}

/*----------------- SIMPLE MODULE2  -----------------*/
.contentColumn .simpleModule2,
.contentCenter .simpleModule2,
.contentCenterWide .simpleModule2	{ float: left; background: none; border-bottom:1px solid #CCC;  border-top:1px solid #CCC; }
img.imgborder	 { border: #d8d8d8 solid 1px; display: block; }

/*----------------- SIMPLE MODULE3  -----------------*/
.contentCenter .simpleModule3,
.contentCenterWide .simpleModule3	{ float: left; }
.simpleModule3 h3				 	{ border-top: 1px solid #CCC; }
.contentCenterWrap .simpleModule3 h3 { margin-top:.5em; }
.contentCenterWrap .simpleModule3 h3#quick-link { margin-top:0em; }
.contentCenterWrap .simpleModule3 h3#public-notice { margin-top: 0em !important; }
#mainContentWrap .simpleModule3 ol { margin-left:0.2em; }
.simpleModule3 ol li { margin-left: 2em;}
.simpleModule3 h4					{ margin:0 0 0.4em 0.4em; padding:0; }
.simpleModule3 .simpleModule2 { display:none; }

/*----------------- SIMPLE MODULE4  -----------------*/
.contentCenter .simpleModule4, 
.contentCenterWide  .alignModule .threeColumns .simpleModule4,
.contentCenterWide .alignModule .threeColumnslast .simpleModule4  { float: left;  clear:both;}
.simpleModule4 h3				 	{ border-top: 1px solid #CCC; }

/*----------------- SIMPLE MODULE5  -----------------*/
.contentCenter .simpleModule5, 
.contentCenterWide  .alignModule .threeColumns .simpleModule5,
.contentCenterWide .alignModule .threeColumnslast .simpleModule5  { float: left;  clear:both;}
.simpleModule5 h3				 	{ border-top: 1px solid #CCC; }

/*----------------- SIMPLE MODULE6  -----------------*/
.contentCenter .simpleModule6, 
.contentCenterWide .alignModule .twoColumnsB .simpleModule6,
.contentCenterWide .alignModule .twoColumnsBlast .simpleModule6  	{ float: left; clear:both ;}

.simpleModule6 h3				 	{ border-top: 1px solid #CCC; }

/*----------------- SIMPLE MODULE8  -----------------*/
.contentCenter .simpleModule8, 
.contentCenterWide .alignModule .threeColumns .simpleModule8,
.contentCenterWide .alignModule .threeColumnslast .simpleModule8  	{ float: left; clear:both ;}
.simpleModule8 h3				 	{ border-top: 1px solid #CCC; }

/*----------------- subContent  -----------------*/
.contentCenterWide .subContent { width: 96%; margin-left: .7em; }

/*----------------- FOOTER -----------------*/
#footerWrap					{ background: #073873; clear: both; display:block; }
#footerWrap .footerRight,
#footerWrap .footerLeft 	{ clear:both; float:none; text-align:center; }

/*----------------- HOME -----------------*/
/* Locations & Contact Info*/
.location-link { display:block; }
.icon-location { padding-left:5px; color: #9D0A0E; text-decoration:none; }
.locations a:hover { text-decoration:none; }


/* Court News & Notices -- Vertical Tab */
ol#toc2,
ol.toc2						{ list-style: none; }
*+html body  ol#toc2		{ list-style: none; }
ol#toc2 li a,
ol.toc2 li a 				{ display: block; background: none; border-bottom:1px solid #CCC; }
ol#toc2 li a.last,
ol.toc2 li a.last			{ background: none; }
ol#toc2 li a:hover,
ol.toc2 li a:hover			{ text-decoration: underline; }
ol#toc2 li.current,
ol.toc2 li.current 			{ background: #eaeaea; }
ol#toc2 li.current a,
ol.toc2 li.current a 		{ font-weight: bold; color: #000; }
div.content2 				{ float: left; clear: both; position: relative; }
div.content2 .more			{ position: absolute; bottom: 10px; right: 5px; }

.verticalTab				{ float: left; clear: both; border-bottom: none; border-top: 1px solid #CCCCCC; }
.verticalTabWrap			{ float: left; clear: both; background-image:none; background: #eaeaea;  }
.verticalTab .vtableft		{ float: left; background: #FFF; }
.verticalTab .vtabright		{ float: left; }

/** Homepage Buttons **/
.btnJuryService,
.btnTraffic,
.btnOnlinePaymentPlan_20px,
.btnOnlinePaymentPlan,
.btnMakeNextPayment,
.btnRequestAnExtension,
.btnPayInFull,
.btnOCPayNumber, 
.btnFHome,

.btnOnlineCase 	{ display: block; color:#FFF; text-decoration:none; text-align:center; font-size:1.3em; padding:0.7em 0 0 0;}

.btnOnlinePaymentPlan_20px 	{ display: block; color:#FFF; text-decoration:none; text-align:center; font-size:1.3em; padding:0.7em 0 0 0;}

.btnOnlineCase,
.btnJuryService,
.btnTraffic,
.btnOnlinePaymentPlan_20px,
.btnFHome,
.btnOCPayNumber{ background:#2c62a2; background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(44 ,98 ,162,1)), color-stop(1, rgba(18,67,126,1))); background: linear-gradient(to bottom, #2c62a2, #12437e);  }


.btnOnlinePaymentPlan,
.btnMakeNextPayment,
.btnRequestAnExtension,
.btnPayInFull  { background:#2c62a2; background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(44 ,98 ,162,1)), color-stop(1, rgba(18,67,126,1))); background: linear-gradient(to bottom, #2c62a2, #12437e);  }


/*
.btnTraffic			{ background:#616060; background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(97 ,96 ,96,1)), color-stop(1, rgba(74,74,74,1))); background: linear-gradient(to bottom, #616060, #4a4a4a); }
*/
.btnOnlineCase:hover,
.btnJuryService:hover,
.btnTraffic:hover,
.btnOnlinePaymentPlan_20px:hover,
.btnFHome:hover,
.btnOCPayNumber:hover
{ background:#2c62a2; background:-webkit-gradient(linear, left top, left bottom, color-stop(1, rgba(18,67,126,1)), color-stop(0, rgba(44 ,98 ,162,1))); background: linear-gradient(to bottom, #12437e, #2c62a2); text-decoration:none; }

.btnOnlinePaymentPlan:hover,
.btnMakeNextPayment:hover,
.btnRequestAnExtension:hover,
.btnPayInFull:hover
{ background:#2c62a2; background:-webkit-gradient(linear, left top, left bottom, color-stop(1, rgba(18,67,126,1)), color-stop(0, rgba(44 ,98 ,162,1))); background: linear-gradient(to bottom, #12437e, #2c62a2); text-decoration:none; }


/*.btnTraffic:hover		{ background:#616060; background:-webkit-gradient(linear, left top, left bottom, color-stop(1, rgba(74,74,74,1)), color-stop(0, rgba(97 ,96 ,96,1))); background: linear-gradient(to bottom, #4a4a4a, #616060); text-decoration:none; }
*/

.btnOnlineCase span,
.btnJuryService span,
.btnTraffic span,
.btnOnlinePaymentPlan_20px span,
.btnOnlinePaymentPlan span,
.btnMakeNextPayment span,
.btnRequestAnExtension span,
.btnPayInFull span,
.btnFHome span,
.btnOCPayNumber span
	{ 
		display: block; 
	}

.simpleModule3 ul li span.dgaa 	{ display:none; width:0px; height:0px; }

/*----------------- ONLINE SERVICES -----------------*/
/** Access Now Button) **/
.btnAccessNow	{ display: block; text-decoration:none; text-align:center; background:#2c62a2; background: linear-gradient(to bottom, #2c62a2, #12437e); }
.btnAccessNow:hover  { background:#2c62a2; background: linear-gradient(to bottom, #12437e, #2c62a2); text-decoration:none; }
.btnAccessNow span	{ display: block; color:#FFF;  }

.onlineTable table.simple-table { width:100%; }
.onlineTable table.simple-table td 	{ border:none; align:center; }
.onlineTable table.simple-table br { display:none; }

/**-------------- Forms --------------**/
table.simple-table.forms-table { line-height:1.8em; }
table.simple-table.forms-table th { font-size:0.95em; }
.localrules table h3 { margin:0.4em 0; }

/**-------------- Divisions --------------**/
/*Family Law Resources -- whatformsdv1,2,3.html */
.whatforms .simpleModule3 br 	{ display:none; }
.whatforms .simpleModule3 table { width:auto; margin:1em 1em 0 1em; }

.whatforms .step				{ margin:0 1em 1em 1em; }
.whatforms .step p 			{ padding:0; margin:0; }
.whatforms .step a 			{ display:block; padding:0.6em; color:#FFF; }
.whatforms .step a:hover 		{ text-decoration:none; }
.whatforms .step .next a,
.whatforms .step .back a 		{ color:#073873; padding-left:0; padding-right:0; }

.whatforms #step1 .next a,
.whatforms #step2 .next a		{ text-align:right; }

.whatforms .a,
.whatforms .b,
.whatforms .c,
.whatforms .d,
.whatforms .back,
.whatforms .next			{ vertical-align:middle; }

.whatforms .a,
.whatforms .b,
.whatforms .c,
.whatforms .d 		{ width:100%; border:1px solid #073873; border-radius:0.4em; margin-bottom:0.8em; background:#2c62a2; background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(44 ,98 ,162,1)), color-stop(1, rgba(18,67,126,1))); background: linear-gradient(to bottom, #2C62A2, #12437E) repeat scroll 0 0 rgba(0, 0, 0, 0); }

.whatforms .a:hover,
.whatforms .b:hover,
.whatforms .c:hover,
.whatforms .d:hover 		{ background:#12437E; background:-webkit-gradient(linear, left top, left bottom, color-stop(1, rgba(18,67,126,1)), color-stop(0, rgba(44 ,98 ,162,1))); background: linear-gradient(to bottom, #12437E, #2C62A2) repeat scroll 0 0 rgba(0, 0, 0, 0); }

.whatforms .a,
.whatforms .b,
.whatforms .c 				{ width:100%; display:inline-block; }

.whatforms .b 				{ border-left:1px solid #073873; border-right:1px solid #073873; }
.whatforms .step .b ol#stepol 	{ padding:0.6em 0 0 0.6em; margin-bottom:0.2em; }

.whatforms .d 				{ border-top:1px solid #073873; border-bottom:1px solid #073873; }

.whatforms .col 			{ display:inline-block; max-width:47%; vertical-align:top; margin-right:1em; }
.whatforms .row 			{ width:100%; float:left; clear:both; }
.whatforms .col .header		{ background:none; border:none; vertical-align:top;padding-bottom:0.4em;}

.whatforms .back,
.whatforms .next			{ max-width:47%; }

.whatforms .col.left,
.whatforms .back			{ float:left; clear:left; }
.whatforms .col.right,
.whatforms .next 			{ float:right; clear:right; }

/**-------------- SELF-HELP ----------**/
span.self-help-hero { display:none; }

/*------------------ LOCATIONS --------------------*/
#map-canvas{ width: auto; height: 320px; }

/*------------------ Sitemap --------------------*/
.sitemap h3	{ margin-bottom:0; }
.sitemap .contentCenterWide .empty h3 { border-top:0; padding:0; }
.sitemap .twoColumnsB h3{ border-top:none; padding-top:0; }
.sitemap h4	{ padding-left:0.5em; }
.sitemap .square { margin-left:0.7em; }
.sitemap .simpleModule3 br { display:none; }

/*------------------ Jury Services --------------------*/
.jury-services .alignModule p { display:block; }
.jury-services .min_Info h6 { padding-left:0; }

/*--------------- HOW DO I ----------------*/
table.howdoI select { width:97%; }

/*----------------- MISC -----------------*/
* h3 a { display: block; }
.desc {display:none ;}
.desktop-hide { display:inline-block; }
table.simple-table{ width:100%; }

ul.square li { margin-left: 1.5em;  }
ul.square-top  { padding: .5em;}
ul.square-top li {
	padding: 0 0 0 1em;
	margin: 0.5em;
}

/*** media-relations ***/
.tabWrap .pressRelease { margin: 1.5em 0 0 2em ;}

/** DUI Locations Table **/
.tabWrap table.dui-location-table { margin: 1em 1.5em ; }

/** DUI applicants Table **/
.tabWrap table.answer { margin: 1em 1.5em 1em 1em; }

/* Accordian */
.tabWrap h4,
.tabWrap h6  { margin: 1em 0 0 1em; } 
.tabWrap p { margin: 1em; }
.tabWrap ul.square2 { margin: 1em; }
.tabWrap ul { margin: 0 2em; } 
.simpleModule3 .tabWrap ol { padding: 0 2em;}
.simpleModule3 .tabWrap ol li { margin-left: 0.6em;}


.trigger2,
div.multiline,
div.mmultiline { font-size: 1em; height: auto; line-height: 1.6em; padding: 0.6em 1.4em 0.6em 0.8em; }

.trigger2 br { display:none; }

.trigger2Wrap { margin-bottom:1em; border:none; }

/* To make Lists with Anchors more clickable, add class 'anchors'.*/
ul.anchors li { font-size:1.1em; margin-bottom:0.8em; }
ol.anchors li { font-size:1.1em; margin-bottom:0.8em; }

p.anchors a{ display:block; }

ul.square { margin:0.6em; }

.divisions table.civil-panel-schedule,
.divisions table.ccsu-schedule,
.divisions table.fl-courtroom-schedule,
.info table.judicial-officers,
.divisions table.probate-calendar-req,
.info table.holiday-schedule,
.divisions table.sc-schedule,
.divisions table.lim-unlim-civil	{ line-height:1.5em; }

/* Use icon fonts instead of images because these browsers understand them */
span.facebook,
span.linkedin,
span.twitter{
	background:none;
	font-size:32px;
	width:auto;
	height:auto;
	margin:0;
	
	/*Copied from fonts.css, if name changed, update here too.*/
	font-family: 'occourts';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	speak:none;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

span.facebook:before { content: "\e608"; }
span.linkedin:before { content: "\e60b"; }
span.twitter:before { content: "\e609"; }

span.facebook{ float:left; display:block; font-size:32px; color: #2F64C2; }
span.linkedin{ float:left;  display:block; font-size:32px; color: #2F87C2; }
span.twitter{ float:left; display:block; font-size:32px; color: #2F9FC2; }

a.sm-link { margin:1em 1.2em 0.4em 0; }

/** Hide Images since we are at mobile resolution **/
#headerWrap .header-link { display:none; }
span#header-logo,
span.oc-courts,
span.our-mission,
span.old-courthousehistory,
input#btngo,
input#btngo-copy 	{ background:none; display:none; height:0px; width:0px; }
input#btngomobile,
input#btngomobile-copy  { display:inline; -webkit-border-radius:0px; -webkit-appearance: none;
    border-radius: 0; } /* remove rounded buttons in safari on ios*/

 
span.icon-pdf, 
span.survey-img, 
span.iconArrow2Right, 
span.iconArrowRight {  background:none; padding:0; margin:0; }
span.icon-pdf,
span.survey-img { width:0; height:0; }

.callinimg { width: 60%; padding:0 0 25px 0; }

.important-link {
	margin-left:5px;
}

#bannerWrap {
	height:400px;
}

.location-contact-a {
	display:inline;
}

.ocpayBox{
	left:0px !important;
	margin-bottom:15px;
}