/*----------------- GENERAL ------------------*/
body { font-size: 0.85em; }

h1		{ font-size:2em; margin: 0 0 0.4em 0; padding: 0; margin-left:0.8em; }
h2		{ font-size:1.2em; margin:0.6em 0 0.6em 0; }
h3 		{ font-size:1.2em; margin-left:0.4em; }
h4		{ font-size:1.2em; line-height: 1.2em; }
h5		{ font-size:1.1em; margin:0 0 0 0.4em; }
h6		{ font-size:1.1em; margin:0 0 0.4em 0;}
p		{ font-size:1em; padding: 0.4em 0.6em 0.4em 0; margin: 0 0 0.4em 0.4em; }

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

#headerWrap .contact a 			{ float: right; line-height:1.8em; font-size:1.4em; }
#headerWrap .feedback a 			{float: right; line-height:2em; font-size:1.2em; }
#headerWrap .feedback a:hover { text-decoration: none; }
#headerWrap .date 				{ line-height:2em; font-size:1.2em; }
#headerWrap input#searchfield 	{ line-height:2em; font-size:1.7em; height:2em; width:95%; }

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

#headerWrap .contact 	{  height:auto; float:left; margin-right: 1em;}
#headerWrap .date 		{ display: none; /*width:50%; height:1.5em; margin-bottom:0.6em; padding-right:.3em;*/ }
#headerWrap div.toolbar .feedback 	{ height:auto; float:left;line-height: 2em; font-size: 1.6em; }
#headerWrap .logo 		{ width:auto; height:auto; margin-top:0.4em; }
#headerWrap .logo img 	{ width:100%; margin:10px 0; height:auto;  }
#headerWrap .searchWrap { height:auto; min-height:auto; margin:0; padding:0; clear:none; float:right;}

span.mobile-title 			{ font-size:1.5em; padding-left:0.8em; position:absolute; top:-9999px; left:-9999px; /* offscreeen, not hidden, at tablet res.*/ }
.mobile-toolbar 	{ width:100%; margin-bottom:0.8em;}

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

div.menushowhide,
div.searchshowhide { display: none; }

div#searchfieldWrap { width:70%; margin-top: 0; float:left; clear:both; }
div#btngoWrap 		{  margin:0; line-height:2em; font-size:1.8em; float:left; }

div#btngoWrap #btngomobile { padding:0.2em; width:100%; color:#fff;  }

@media screen and (-webkit-min-device-pixel-ratio:0){
	div#btngoWrap #btngomobile { padding:0.3em; } /* add a bit of padding for webkit browsers */
}

#headerWrap 				{ height:auto; }
#headerWrap .toolbar img 	{ margin-bottom: 0; }

div.logo { display:block; height:41px; }
a#header-link{ display:block; clear:both; text-decoration:none;}
a#header-link:hover{ text-decoration:none; }
span#header-logo{ background:url(img/logo.gif) no-repeat top right; display:block; padding-left:335px; padding-bottom:41px; text-indent:-9999px; }

/* --------------- MENU ----------------- */
#menu,
.split1wrapper ul,
.split2wrapper ul  		{ width: 100%; padding:0; margin:0 auto; height: 3.5em; overflow:hidden; font-size: .85em; }
#menu li,
.split1wrapper ul li,
.split2wrapper ul li  	{ width: 16.6%; font-size:1.4em; }
#menu li a,
.split1wrapper ul li a ,
.split2wrapper ul li a 	{ line-height:1.5em; border-radius:4px 4px 0 0;}

/* 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,
.split1wrapper ul li a,
.split2wrapper ul li a 		{ width: 86%; padding: .6em .6em .6em .4em; height:auto; text-indent:0px; }

div.split1wrapper,
div.split2wrapper { width:100%; }

#menu li a,
.split1wrapper ul li a,
.split2wrapper ul li a 	{ border-bottom:none; }

#menuWrap-copy { display:none; }

/*----------------- 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;  }

/* 2nd Level */
#leftNav ul ul			{ padding-bottom: 0; background: #5d81ac; }
#leftNav ul ul li a		{ line-height: 1.5em; display: block; width: inherit; margin: 0; padding: 1em; font-size: .9em; font-weight: bold;  color: #FFF; text-decoration: none; background: #5d81ac; text-transform: none; border-bottom: 0.1em dotted #E7E7E7; 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: 1.2em; display: block; width: inherit; margin: 0; padding: 1em; font-size: .9em; font-weight: normal;  color: #073873; text-decoration: none; background: #becdde; text-transform: none; border-bottom: 0.1em dotted #777; font-family: Arial, Helvetica, sans-serif;
}
#leftNav ul ul ul li a.selected	{font-weight: bold; color: #000; text-decoration: none; background: #becdde; }

/*----------------- MAIN CONTENT -----------------*/
#mainContentWrap						{ width: 98%; padding-bottom:1em; }
#mainContentWrap .contentColumn			{ width: 100%; margin:0 auto; }
#mainContentWrap .contentColumnWide 	{ width: 100%; display:block; float:left; }
#containerLanding .bgTwoColumn .contentColumn 			{ width: 20%; margin-right:1em;}
#containerLanding .bgTwoColumn .contentCenterWide 			{ width: 76%; border-left: 0.1em solid #E7E7E7; padding-left: 0.6em; }
#mainContentWrap .contentColumn select 	{ font-size:1em; width:99%; margin-left:0px; padding-left:0px;}

#mainContentWrap .contentCenterWrap		{ width: 100%; margin:0 auto; clear: none; }
#mainContentWrap .contentCenterWrap .contentColumn			{ width: 23%; margin:0 0 0 0; padding-left: .9em; }

#mainContentWrap div.contentCenter		{ width: 73%; margin:0 auto; border-right: 0.1em solid #E7E7E7;
padding-right: .9em; }
#mainContentWrap .contentCenterWide	{ width: 70%; margin:0; }

#containerHome	#bannerWrap	{ width: 100%; padding: 0; background:#7F95AF;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(127 ,149 ,175,1)), color-stop(1, rgba(255,255,255,1)));
	background:linear-gradient(to bottom, #7F95AF, #FFFFFF); }
#bannerWrap .contentLeft	{ width: 25%; margin:0.8em 0 0 0; }

div.subMenu {
	width:100%;
	background:#7F95AF;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(127 ,149 ,175,1)), color-stop(1, rgba(255,255,255,1)));
	background:linear-gradient(to bottom, #7F95AF, #FFFFFF);
}

div.subMenu p { width:99%; margin:0 auto; line-height:2em;  padding-left:0.8em; }
.subMenu a:nth-child(1) { padding-left:0; }

/**-------------- HERO MODULE ----------**/
.hero .title { font-size: 1.5em; color:#000; padding:0 .5em .3em 0;; display:block;  }
.hero .banner { width:100%; }
.banner .wrap { width:60%;  }
.hero .min_Info { margin: 0; }

.hero { width: 100% ; border-bottom: 1px solid #E7E7E7; padding-bottom: 1em; margin-bottom: 1em; }
.hero div.simpleModuleBlue2 { display: inline-block ; width:30%; }
.hero .descTxt h6 { margin-bottom:0.8em; }

.hero div.title_noshow, .hero div.banner, .hero div.hero2, .hero div.banner2, .hero div.descTxt  { display: inline-block; }

.hero2   { width:63%;}


.hero .banner2 {width: 100%; background:#526f8f;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(158, 167, 182,1)), color-stop(1, rgba(82,111,143,1)));
	background:linear-gradient(to bottom, #9ea7b6, #526f8f); height:auto;} 
.banner2 .wrap1{color: #e5e5e5; width: 65%; left:0;  position: relative; right: 0; top: 0; margin: 1em 0 0 .5em; }
.banner2 .wrap2{ display:none;color: #FFFFFF; border:none; position: relative; right: 0; top: 0; margin: 1em 0 0 1em;  padding-bottom: 1.2em;}
.banner2 .iconHero1, .banner2 .iconHero2 {width: 20%; position: static; margin-top: 1.3em; margin-left: 1em; margin-bottom: 1em;}

.hero .banner { background:#526f8f;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(158, 167, 182,1)), color-stop(1, rgba(82,111,143,1)));
	background:linear-gradient(to bottom, #9ea7b6, #526f8f);}
	
.banner .wrap { position:relative; right:0; top:0; margin:1.5em 0 0 1em; }

.hero2 br { display:none; }

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

/*----------------- SIMPLE MODULE3  -----------------*/
.contentColumn .simpleModule3		{ width: 100%; padding: 0 ; margin: 0 0 0.4em 0; } 
.contentCenter .simpleModule3		{ width: 100%; padding: 0 ; margin: 0; } 
.contentCenterWide .simpleModule3	{ width: 100%; padding: 0 ; margin: 0; }
.contentCenterWrap .contentCenter .simpleModule3	{ width: 100%; padding: 0 ; margin: 0; }
.contentCenterWrap .contentColumn .simpleModule3	{ width: 100%; padding: 0 ; margin: 0; }
.contentCenterWrap .contentCenter .simpleModule3 h3	{  margin-top: 0; }

.simpleModule3 h3 { margin-bottom:0; }
.simpleModule3 h4 { margin: 0.7em 0 0.4em 0.4em; padding: 0; }
.simpleModule3 h5 { margin-top:0.4em; }
.simpleModule3 h6 { margin: 0.6em 0 0 0.4em;}

.simpleModule3 ol li { margin-left: 2.4em; }
.simpleModule3 ol li li { margin-left: 0em; }
.simpleModule3 table h3 { padding-left:0.5em; margin-bottom:0.4em; }
.contentCenterWide .simpleModule3 h3 { padding: 0.5em; }
.simpleModule3 .quick-links h3 { margin-bottom:0; border-bottom:0; border-top:0; height:0; }
.emergency-notice { padding-bottom:0; }

/*.simpleModule3 h4 { margin:.7em 0; }*/
/*----------------- SIMPLE MODULE4  -----------------*/
.contentCenterWide .alignModule .threeColumns .simpleModule4  		{ width: 100%; padding: 0 ; margin: 0;  }
.contentCenterWide .alignModule .threeColumnslast .simpleModule4  	{ width: 100%; padding: 0; margin: 0;  }
.simpleModule4 h3 { margin-bottom:0; }

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

/*----------------- SIMPLE MODULE6 -----------------*/
.contentCenterWide .alignModule .twoColumnsB .simpleModule6 	{ width: 100%; padding: 0 ; margin: 0;  }
.contentCenterWide .alignModule .twoColumnsBlast .simpleModule6 { width: 100%; padding: 0; margin: 0;  }

.contentCenterWide .twoColumnsB, 
.contentCenterWide .twoColumnsBlast, 
.contentCenterWide .simpleModule6		{width: 100%; padding:0;}

/*----------------- SIMPLE MODULE8  -----------------*/
.contentCenterWide .alignModule .threeColumns .simpleModule8  		{ width: 100%; padding: 0 ; margin: 0;  }
.contentCenterWide .alignModule .threeColumnslast .simpleModule8  	{ width: 100%; padding: 0 ; margin: 0;  }
.contentCenterWide .threeColumns, .contentCenterWide .threeColumnslast { width: 100%; padding: 0; margin: 0;  }
.alignModule {width: 100%;} 
.simpleModule8 h3 { margin-bottom:0; }

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

/*----------------- HOME ------------------*/
.oldCourthouse {display: block; position:relative; float:left; }
/* Important Links */
.txtWrap		{ width:37%; margin: 0.8em 0 0 2em; position:relative; float:left; }
.txtWrap h2 	{ font-size:1.2em; margin:0; border: none; text-transform:none; color: #000000; padding:0;}
.txtWrap h6 { font-size:1em;}
.important-links { max-height:14em;  line-height:1.8em; font-size: 0.9em;}
h6.important-link { margin-left:0; margin-bottom:0.2em; }
h2.important-link { margin-left:0; margin-bottom:0.4em; }

.il_1,
.il_2,
.loc_1,
.loc_2 { float:left; width:48%; }

.il_2,
.loc_2 { margin-left:0.5em; }

/* Locations & Contact Info */
div.locations{ width:100%; display:block; float:left;}
div.locations p{ margin-bottom:0.4em; }

.loc_1,
.loc_2 { margin-top:0.8em; }

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

.verticalTab				{ width: 100%; padding: 0px; margin: 0 0 0.5em 0; }
.verticalTabWrap			{ width: 100%; margin: 2px 0;  }
.verticalTab .vtableft		{ width: 30%; margin: 0; padding: 0;  }
.verticalTab .vtabright		{ width: 70%; margin: 6px 0 0 0; }
.verticalTab .vtabright p		{ margin-left:1em; }
.verticalTab .title			{ font-size:1.2em; }

div.verticalTabWrap span.expander {
	display:none;
	visibility: hidden;
}

.homepage .simpleModule3 ul li a 				{ line-height:1.8em; font-size:1.1em; }

/* Homepage Buttons */
.btnJuryService,
.btnTraffic,
.btnOnlinePaymentPlan_20px,
.btnFHome,
.btnOCPayNumber,
.btnOnlineCase	{ width: 90%; margin:0em auto 0.4em auto; padding-bottom: 0; padding-left: 0.5em;  border-radius:4px; height:2em; display: block; text-decoration:none; text-align:left;}

.btnOCPayNumber { margin-bottom: 0; }


/** Homepage Tables containing select dropdowns **/
table.findinformation,
table.howdoI {
	width:100%;
}
/** Our Mission **/
.our-mission-container{ margin-bottom:0.8em; }


/** OC courts **/
.oc-courts-container{ margin-bottom:0.8em; }




/** OC courts  icons language access ADA**/
.languageAccessSm {
    width: 58px;
    height: 53px;
    margin: 0px 5px 0px 0px;
    background: url(img/language_access_sm.png) no-repeat top right;
    display: inline-block;
    vertical-align: sub;
    float: left;
}


.iconADARight{
	width:45px;
	height:43px;
	margin:0px 0px 0px 6px;
	background:url(img/icon-ada.gif) no-repeat top right;
	display:inline-block;
	
}











/*----------------- ONLINE SERVICES  -----------------*/
table.simple-table {line-height: 3em; }
.onlineTable				{ width:100%; }
.onlineTable table.simple-table td.color2	{ width:30%; }
.onlineTable table.simple-table td 	{ padding:0.5em; font-size: 1em; width: 75%; }

.onlineTable p { display: inline-block; }
.onlineTable table.simple-table td a 	{ display:block; }
.alignModule br {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 ; }

/*----------------- 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 .6em .4em 0; }
.min_Info > p { font-size:.9em; line-height:1.5em; display:block; }
.min_Info ul.square2-indent20 li {padding:  0 0.6em 0.4em 0.6em; margin-left:.5em; line-height:1.5em; }
.alignModule .min_Info > p { font-size:1em; line-height:1.5em; display:block; padding:  0 .5em .3em 0; }

.min_Info #fscroller { display:block; padding:  0 .5em .3em .5em; }

.selfhelp .simpleModule3 h2 { font-size: 1.5em; }

/*---------------- GENERAL INFO -------------------*/
span.general-info-img { float: left;
clear: none; width: 179px; background: url(img/general-info-original.png) no-repeat top left;}

/*----------------- MISCELLANEOUS -----------------*/
ul.square li { padding:  0 0.8em 0 1.2em; font-size: 1em; margin-left:0.3em; line-height:1.5em; }

ul.square2 { margin: 0 2em 1.5em 2em; }
ul.square2 li { margin-bottom: .5em; }

/*** media-relations ***/
.pressRelease { margin: 0 0 1.2em 0.4em; line-height: 1.4em;}

img.imgborder	{ height:400px; }

span.online-services-img,
span.forms-filing-img,
span.divisions-img  { float:left; clear:none; }

.trigger2Wrap { width: 100%; }
#mainContentWrap .tabWrap { width: 100%; padding:0;  }
#mainContentWrap .tabWrap h4 { margin: 1em 0 0 1em ; }
.simpleModule3 .tabWrap h6 { margin: 0.6em 0 0 1em;}

.triggerContent2 {margin: 0 1em 1em 1em; }

.collapsible-icon,
.tablet-hide{ display:none; }

.emergency-notice-title .collapsible-icon,
#location-contact .collapsible-icon { display:inline; }