body { font-size: 0.8em; }

/*----------------- GENERAL ------------------*/
h1		{ font-size:28px; margin: 0 0 10px 0; padding: 0; margin-left:.7em; }
h2		{ font-size:1.2em; line-height:1.2em; margin:.5em 0 .5em .7em; }
h3 		{ font-size:1.2em; line-height:1.2em; margin-left:.7em; }
h4		{ font-size: 1.2em; line-height: 1.2em; margin-left:.5em;  }
h5		{ font-size:1.2em; margin-left:.7em; }
h6		{ font-size:1.1em; margin:0 0 .5em .7em;}
p		{ font-size:1em; line-height:1.5em; margin-left:.7em; }

/* -------------- CONTAINER ----------------- */
#mainContainer	{ width: 100%; margin: 0 auto; }
#containerHome,
#containerLanding,
.containerfade	{ width: 100%; margin: 0 auto; }

#headerWrap .contact a 			{ line-height:2em; font-size:1.2em; }
#headerWrap .feedback a 			{ line-height:2em; font-size:1.2em; }
#headerWrap .date 				{ line-height:2em; font-size:1.2em; }

.mobile-toolbar 			{ width:100%; margin-bottom:1em; z-index:9995; font-size: .8em;}

/* --------------- HEADER ------------------ */
#headerWrap { width: 100%; margin: 0 auto 0 auto; height: 115px; padding:0;  }

#headerWrap div.toolbar, #headerWrap .contact  { width: auto; height:auto; }
#headerWrap .contact  { width: auto; height:auto; }
#headerWrap .toolbar a.feedback { padding-left: 6em; }

#headerWrap div.toolbar 	{ display:inline-block; float:left; }
#headerWrap .contact 	{ display:inline-block; float:left; margin-left: 2em; }

#headerWrap .date 		{ display:none;  }
#headerWrap .logo 		{ width:auto; height:auto; width: 100%; margin: 1em auto; }
#headerWrap .logo img 	{ width:100%; margin:10px 0; height:auto;  }
.mobile-title 			{ font-size:1.3em; padding-left:0.8em; width: 100%; margin: 0 auto; float: right; text-align: center; }

.icon-user { font-size:2.2em; margin:0 0.1em; padding-top: .5em;}
.icon-bubble{ font-size:2.2em; margin:0 0.3em 0 0.6em; padding-top: .6em;}

div.menushowhide .icon-list { font-size:3em; margin:0 .1em; }
div.searchshowhide .icon-search{ font-size:2.2em; margin:.2em .3em; }

div.searchshowhide,	
div.menushowhide		{ padding: 1.2em; }
div.searchshowhide 		{ float:right;display:inline-block; padding-right:0; }
div.menushowhide		{ position:absolute; position:fixed; top:0; left:0; display:inline-block; float:left; padding-left:0.6em; border-radius: 0 0.6em 0.6em 0; z-index:9996; background-color: rgb(7, 56, 115);
    /* RGBa with 0.7 opacity for browsers that support it*/
    background-color: rgba(7, 56, 115, 0.7); 
}

div.menushowhide .icon-list, 
.icon-bubble, 
.icon-user,
div.searchshowhide .icon-search	{ display:inline-block; cursor:pointer; color:#FFF;  }
div.searchshowhide .icon-holder { display:none; }
#headerWrap 				{ height:auto; }
#headerWrap .toolbar img 	{ margin-bottom: 0; }
.panel .searchWrap { width: 100%; padding: 0; line-height:1em; clear:both; margin: 0 auto ; height:auto; z-index:9996;}

.panel2 { position:absolute; z-index: 9999; }

#headerWrap .panel2.searchWrap {position:absolute;top:55px;}
.panel2.menuWrap {top:55px; width:50%;}

#headerWrap .searchWrap			{ height:50px; width:100%; }

div#searchfieldWrap,
div#searchfieldWrap-copy 		{ width: 100%; top: 0; margin: 0 auto; float:left; background:#FFF; border-radius:0;z-index:9997;}
#headerWrap input#searchfield,
.panel input#searchfield-copy 	{ line-height:2em; font-size:1.5em; height:2.5em; width:83%; z-index:9999; }

div#btngoWrap,
div#btngoWrap-copy 		{ 
	right: 1.3em;   
	bottom: 4.2em; 
  	z-index: 1;
  	width: 10%;
  	padding: 0;
  	cursor: pointer; 
	float:right;
	z-index:9998;
}

div#btngoWrap #btngomobile,
div#btngoWrap-copy #btngomobile-copy { font-size:	1.3em; padding:0.4em;  color:#fff;  }
div#btngoWrap-copy #btngomobile-copy { background-color:#073083; }

/* --------------- MENU ----------------- */
#menu 		{ width: 100%; padding:0; margin:0 auto; height:auto; }
.menuWrap ul { width:100%; padding:0; margin:0 auto; float:left; }

#menu li,
.menuWrap li	{ width: 100%; font-size:1.4em; float:left; }
#menu li a,
.menuWrap ul li a	{ line-height:1.5em; border:1px solid #CCC; border-bottom:none; }

.menuWrap ul a#info-copy 	{ border-bottom: 1px solid #CCC;}

/* 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,
/* MainLevel: selected */
body.homepage #menu a#home,
body.onlineServices #menu a#online,
body.forms #menu a#forms,
body.selfhelp #menu a#selfhelp,
body.divisions #menu a#divisions,
body.info #menu a#info,
.menuWrap ul li a 		{ width: 96.5%; padding:.8em .1em .8em .2em; height:auto; text-indent:0px; }

/* Position flyout panel menu */
div.panel { display:block; }
div.fixedPanel { position:absolute; position:fixed; top:4.4em; width:50%;}
div.absolutePanel { position:absolute; width:100%;}

/*----------------- MAIN CONTENT -----------------*/
#mainContentWrap						{ width: 100%; padding-bottom: 55px; }
#mainContentWrap .contentColumn			{ width: 100%; margin:0 auto; }
#mainContentWrap .contentColumn select 	{ font-size:1.3em; width:98%; }

#mainContentWrap .contentCenterWrap		{ width: 100%; margin:0 auto; }

#mainContentWrap .contentCenter		{ width: 100%; margin:0 auto; }
#mainContentWrap .contentCenterWide	{ width: 100%; margin:0; }

#containerHome	#bannerWrap	{ width: 100%; padding:0; height:auto; }
#bannerWrap .contentLeft	{ width: 100%; margin: 0.6em 0 0 0; }

.txtWrap		{ width:100%;  line-height:1.8em; }
.txtWrap h2 	{ font-size:1.2em;  padding:8px 0; }
h6.important-link { margin-left:0.7em; margin-bottom:0.5em; }
h2.important-link { margin-left:0; }

ul.square { margin-left:.5em; }
ul.square li { padding:  0 1em 0 0.8em; font-size: 1em; margin-left:.5em; line-height:1.5em; }

/**-------------- HERO MODULE ----------**/
.hero .title { font-size: 1.3em; color:#000; padding:.3em .5em .3em .5em;; display:block; border-bottom: .13em solid #E7E7E7; margin-bottom:.7em; }

/*----------------- SIMPLE MODULE2  -----------------*/
.contentColumn .simpleModule2,
.contentCenter .simpleModule2		{ width: 100%; margin: 0; padding: 0; }
.contentCenterWide .simpleModule2	{ width: 680px; margin: 0; padding: 0; }
img.imgborder	 					{ padding: 1px; height:400px; width:auto; margin-bottom: 5px; margin-left: auto; margin-right: auto;}

/*----------------- SIMPLE MODULE3  -----------------*/
.contentColumn .simpleModule3, 
.contentCenter .simpleModule3			{ width: 100%; padding: 0 ; margin: 0 auto; }
.contentCenterWide .simpleModule3		{ width: 100%; padding: 0 ; margin: 0; }

.simpleModule3 table h3 				{ padding-left:0.5em; }
.contentCenterWide .simpleModule3 h3 	{ padding: 0.5em; }
.simpleModule3 h2 						{ font-size:1.5em; margin-left:0.5em; }
.simpleModule3 .simple-table 			{ width:98%; margin:0 auto; }
.simpleModule3 .simple-table p 			{ margin-left:0; }
.simpleModule3 .table-link				{ margin:0.6em; }

/*----------------- SIMPLE MODULE4  -----------------*/
.contentCenterWide .alignModule .threeColumns .simpleModule4  				{ width: 100%; padding: 0 ; margin: 0px;  }
.contentCenterWide .alignModule .threeColumnslast .simpleModule4  				{ width: 100%; padding: 0; margin: 0px;  }
.simpleModule4 h3 { padding-left:0.5em; }

/*----------------- SIMPLE MODULE5  -----------------*/
.contentCenterWide .alignModule .threeColumns .simpleModule5  				{ width: 100%; padding: 0 ; margin: 0px;  }
.contentCenterWide .alignModule .threeColumnslast .simpleModule5  				{ width: 100%; padding: 0 ; margin: 0px;  }
.simpleModule5 h3 { padding-left:0.5em; }

/*----------------- SIMPLE MODULE6 -----------------*/
.contentCenterWide .alignModule .twoColumnsB .simpleModule6 				{ width: 100%; padding: 0 ; margin: 0px;  }
.contentCenterWide .alignModule .twoColumnsBlast .simpleModule6  				{ width: 100%; padding: 0; margin: 0px;  }
.contentCenterWide .twoColumnsB, .contentCenterWide .twoColumnsBlast, .contentCenterWide .simpleModule6		{width: 100%; padding:0;}
.simpleModule6 h3 { padding-left:0.5em; }

/*----------------- SIMPLE MODULE8  -----------------*/
.contentCenterWide .alignModule .threeColumns .simpleModule8  	{ width: 100%; padding: 0 ; margin: 0px;  }
.contentCenterWide .alignModule .threeColumnslast .simpleModule8  { width: 100%; padding: 0 ; margin: 0px;  }
.contentCenterWide .threeColumns, .contentCenterWide .threeColumnslast { width: 100%; padding: 0; margin: 0px;  }
.alignModule {width: inherit;} 
.simpleModule8 h3 { padding-left:0.5em; }

/*----------------- LEFT NAVIGATION -----------------*/
#leftNav	{ width: 100%; margin: 0; padding: 0 0 .5em 0;}
#leftNav ul	{ margin: 0; padding: 0;  }
#leftNav ul li a:hover { text-decoration:none ; cursor:pointer;}
#leftNav ul li	{ margin: 0; padding: 0;  }

/* 1st Level */
#leftNav ul li a		{ display: block; width: inherit; font-size:1.2em; padding: .7em; margin-top:0.7em;  }

/* 2nd Level */
#leftNav ul ul			{ padding-bottom: 0; background: #5d81ac; }
#leftNav ul ul li a		{ line-height: 1em; display: block; width: inherit; margin: 0; padding: 1em; font-size: 1em; font-weight: bold;  color: #FFF; text-decoration: none; background: #5d81ac; text-transform: none; border-bottom: 0.1em dotted #ccc; font-family: Arial, Helvetica, sans-serif;}
#leftNav ul ul li a.last		{ background: none; }
#leftNav ul ul li a.selected	{ font-weight: bold; color: #000; text-decoration: none; background: #becdde; border-bottom: 0.1em dotted #777; }

/* 3rd Level */
#leftNav ul ul ul		{ padding-bottom: 0; background: #becdde; }
#leftNav ul ul ul li a	{ line-height: 1em; display: block; width: inherit; margin: 0 0 0 20px; padding: 1em; font-size: 1em; font-weight: normal;  color: #073873; text-decoration: none; background: #becdde; text-transform: none; border-bottom: 0.1em dotted #777; border-left:0.1em dotted #777777;  font-family: Arial, Helvetica, sans-serif; }
#leftNav ul ul ul li a.selected	{font-weight: bold; color: #000; text-decoration: none; background: #becdde; }



/*----------------- Footer -----------------*/
#footerWrap					{ width: 100%; line-height: 1.5em; font-size: 1.2em; margin: 0 auto; height:auto; }
#footerWrap .footerRight 	{ margin:0 auto; padding:0.3em 0; }
#footerWrap .footerLeft 	{ display:none; }

/*----------------- HOME ------------------*/
/* Court News & Notices */
ol#toc2,
ol.toc2						{ margin: 0; padding: 0; }
*+html body  ol#toc2		{ margin: 0; padding: 0; }
ol#toc2 li,
ol.toc2 li 					{ width: 100%; }
ol#toc2 li a,
ol.toc2 li a 				{ width: 98%; text-indent: 0px; padding:.5em .5em .5em; font-size: 1em; line-height: 1.5em; }
div.content2 				{ width: 95%; }
#mainContentWrap ol	 		{ margin: 0; }
*+html #mainContentWrap ol	{ margin: 0px 0px 12px 23px; }

.verticalTab				{ width: 100%; padding: 0; margin: 0 0 0.2em 0; }
.verticalTabWrap			{ width: 100%; margin: 2px 0;  }
.verticalTab .vtableft		{ width: 100%; margin: 0; padding: 0;  }
.verticalTab .vtabright		{ width: 100%; margin: 0 0 0 12px; }
.verticalTab .title			{ font-size:1.2em; margin-bottom:0.4em; }
.verticalTabWrap .vtabright { width:100%; margin-left:0; }

div.selectedPlaceholder{display:block; padding:0.6em; clear:both; font-weight:bold; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; margin-bottom:0.4em;}

.homepage .simpleModule3 ul li 					{ margin-left: .5em;}
.homepage .simpleModule3 ul li a 				{ line-height: 1.5em;  font-size:1.2em;  line-height: 2em;}

span.expander{
	width: 97%; font-size:1.1em; padding: 0.5em;
	display:inline;
	visibility:visible;
	float:right;
	font-weight:bold;
	text-transform: uppercase;
	background: #dae1ea;
}
span.expander a{
	display:block;
	cursor:pointer;
}
span.expander a:hover{text-decoration:none;}

/* Homepage Buttons */
.btnJuryService,
.btnTraffic,

.btnOnlinePaymentPlan,
.btnMakeNextPayment,
.btnRequestAnExtension,
.btnPayInFull,
.btnOCPayNumber,
.btnFHome,
.btnOnlinePaymentPlan_20px,
.btnOnlineCase	{ width: 95%; height:auto; margin:0.3em auto; padding-bottom: 0;  border-radius:4px; }


.btnJuryService span,
.btnTraffic span,
.btnOnlinePaymentPlan_20px span,
.btnOnlinePaymentPlan span,
.btnMakeNextPayment span,
.btnRequestAnExtension span,
.btnPayInFull span,
.btnOCPayNumber span,
.btnFHome span,

.btnOnlineCase span { font-size:1.2em; padding:0.2em 0 0.6em 0; }
.btnOnlinePaymentPlan_20px span { font-size:1.2em; padding:0.2em 0 0.6em 0; }
/** Homepage Tables containing select dropdowns **/
table.findinformation,
table.howdoI {
	width:100%;
}
.txtWrap  #important-link { color:#444; }
/*----------------- ONLINE SERVICES  -----------------*/
table.simple-table {line-height: 2em; }

.onlineTable				{ width:100%; }
.onlineTable table.simple-table td.color2	{ width:30%; }
.onlineTable table.simple-table td 	{ padding:0.5em; font-size: 1em; }
.onlineTable p { display:none; }

.btnAccessNow { width:auto; height:auto; }
.onlineTable > .simple-table > a {  width: 2em;  height:2em;}
.btnAccessNow span	{font-size: 1em;  padding:0.3em 0.6em ; }

.onlineTable table.simple-table td a 	{ display:block; }


/*----------------- SELF-HELP  -----------------*/
.min_Info { margin-bottom:1em; }
.min_Info h2 { font-size: 1.5em;  padding:0 ; margin-top:0; }
.min_Info h6 { font-size: 1em;  padding:  0 .5em .3em .5em; }
.min_Info > p { font-size:.9em; line-height:1.5em; display:block; }
.alignModule .min_Info > p { font-size:1em; line-height:1.5em; display:block; padding:  0 .5em .3em .5em; }

.min_Info #fscroller { display:block; padding:  0 .5em .3em .5em; }
.min_Info > strong { font-size:1em; line-height:1.5em; display:block; padding:  0 .5em .3em .5em; }

.twoColumnsB p, .twoColumnsB  ul {display:none;}
.twoColumnsBlast p, .twoColumnsBlast ul {display:none;}

/** For Callin Jurors page **/
.twoColumnsB ul.square2-indent20, .twoColumnsBlast ul.square2-indent20 { display:block; }

/*----------------- DIVISIONS  -----------------*/
.alignModule p, 
.alignModule br {display:none;}

/* Family Law Resources -- whatformsdv1,2,3.html */
.whatforms .col,
.whatforms .back,
.whatforms .next			{ max-width:43%; }

/*----------- Jury Services -----------*/
.twoColumnsB.simpleModule3 p { display:inline-block; } 
.twoColumnsBlast.simpleModule3 p { display:inline-block; }

/*----------------- Accordion  -----------------*/
.trigger2Wrap { width: 100%; }
#mainContentWrap .tabWrap { width: 100%; padding:0;  }
.triggerContent2 { margin: 0 1em 1em 1em; }

/*----------------- Misc -----------------*/
img.imgborder	{ height:400px; }
div.content2 	{ height:auto; }
div.subMenu { display:none; }
.controls2 { right:5px; }
.diss .simpleModule3 .noflashmessage { margin-left:0.6em; }
.address { margin-left:0.6em; width:100%; display:block; }

.mobile-hide { display:none; }
ul.square2 { margin: 0 2em 1.5em 2em; }
ul.square2 li { margin-bottom: .5em; }
ul ul.square2 { margin: 0.5em 2em .5em .5em; }

ul.square2-indent20 { margin: 1em 2em 1.5em 1em; }
ul.square2-indent20 li { margin-bottom: .8em; }

#mainContentWrap ol.indent20 { margin: 1em 2em 1.5em 1em; }

/*** media-relations ***/
.pressRelease { font-size: 1em; line-height: 1.5em; margin-left: .7em;  width: 96%; }

#cse-search-results iframe { height: 140em !important; }
table.callin { margin:0 0.6em 0 0.6em; }
.collapsible-icon {display:inline;}