@charset "utf-8";

/*
Title: Default CSS
Date: Feb 2010
Author: Atikom Juntakoiol (ajuntakool@extractable.com)
*/

/*----------------- CSS NORMALIZER -----------------*/
/*
- cancels default styles applied to page elements
- adjusts default elements between browsers to same baseline
*/

div, dl, dt, dd, ul, ol, li, pre, hr, form, fieldset, input, th, td {margin:0; padding:0;}
address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}
table {border-collapse:collapse; border-spacing:0; font-size:inherit; font-size:100%;}
select, input, textarea {font:99% verdana,geneva,sans-serif;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:100%; font-weight:normal;}
fieldset, img {border:0;}
img {vertical-align:middle;}
select, .inputStyle {border:1px solid #7F9DB9; background:#FFF; padding:.1em; margin:.1em 0 .1em .2em;}
legend {display:none;}
.skipNavigation {position:absolute; left:0px; top:-500px; overflow:hidden;}
select {background:#FFF;}
.floatLeft	{ float: left; }
.floatRight { float: right; }
.png		{ _behavior: url(/common/css/iepngfix.htc); }
.cleaner	{ clear: both; _font-size: 1%; }
.clear5		{ clear: both; height: 5px; _font-size: 1%; }
.clear10	{ clear: both; height: 10px; _font-size: 1%; }
.tabClear	{ clear: both; height: 5px; _font-size: 1%; }
a			{ outline: none; }
label 		{ cursor: pointer; }
noscript div 	{ background-color:#073873; color:#FFF; width:960px; margin:0 auto; padding:0; text-align:center; font-size:1.4em; line-height:1.6em; }

/*----------------- DEFAULT -----------------*/
body	{ margin: 0; font-size: 0.75em; font-family: Arial, Helvetica, sans-serif; color: #555555; background: url(img/bg-body.gif) center repeat-y; }
h1		{ margin: 0 0 10px 0; padding: 0; color: #031a36; font-size: 28px; font-family:"Times New Roman", Times, serif; /*text-transform: uppercase;*/ }
h2		{ margin: 0 0 6px 0; padding: 0; color: #031a36; font-size: 17px; font-family:"Times New Roman", Times, serif; }
h3		{ margin: 0; padding: 0; color: #444444; font-size: 14px; font-family:"Times New Roman", Times, serif; font-weight: bold; text-transform: uppercase; }
h4		{ margin: 0; padding: 8px 0 10px 0; color: #444444; font-size: 14px; line-height: 14px; font-family:"Times New Roman", Times, serif; font-weight: bold; }
h5		{ margin: 0 0 6px 0; padding: 0; color: #073873; font-size: 12px; font-weight: bold; }
h6		{ margin: 0; padding: 0; color: #555555; font-size: 12px; font-weight: bold; }
p		{ margin: 0; padding: 0 0 8px 0px; line-height: 18px; }
u1 {text-decoration: underline;}

/*----------------- LINKS -----------------*/
a		{ color: #073873; text-decoration: none; }
a:hover	{ text-decoration: underline; }

/*----------------- HEADER -----------------*/
#headerWrap			{ width: 960px; height: 115px; margin: 0 auto; position: relative; }
#headerWrap .logo	{ position: absolute; top: 49px; left: 0px; }
#headerWrap .contact	{ width: 85px; height: 45px; background: url(img/bg-ContactUs.gif) no-repeat; position: absolute; top: 0px; right: 0px; text-align: center; line-height: 35px; }

/*----------------- width updated for date code-----------------*/
#headerWrap .date	{ width: 150px; font-size:9px; text-align: right; position: absolute; top: 49px; right: 0px; }

#headerWrap .contact a			{ font-size: 12px; font-weight: bold; text-decoration: none; color: #FFF; }
#headerWrap .contact a:hover 	{ text-decoration: none; }

#headerWrap .toolbar			{ width: 875px; height: 26px; top: 0px; left: 0px; text-align: right; font-size: 11px; line-height: 25px; background: #073873; position: absolute; color: #FFF; }
#headerWrap .toolbar img		{ margin-bottom: 4px; _margin-top: 4px; margin-left: 5px; }
/*#headerWrap .toolbar a		{ text-decoration: none; }
#headerWrap .toolbar a:hover	{ text-decoration: underline; }*/
#headerWrap .toolbar a.on		{ font-weight: bold; }
#headerWrap .toolbar a.feedback	{ background: url(img/icon-feedback.gif) no-repeat left center; padding-left: 20px; margin: 0 7px 0 0; /*text-decoration: none;*/ color: #FFF; }
#headerWrap .toolbar a.txttoolbar	{ margin: 0 13px; /*text-decoration: none;*/ color: #FFF; border-right: 1px solid #fff; padding-right:26px;}

#headerWrap .searchWrap			{ background: url(img/bg-search.gif) no-repeat; width: 261px; height: 33px; position: absolute; top: 65px; right: 0px; }

form#search 		{ position:relative; }
div#searchfieldWrap	{ position:relative; float:left; margin: 10px 3px 0px 10px; _margin: 7px 3px 0px 5px;}
*+html div#searchfieldWrap	{ position:relative; float:left; margin: 7px 3px 0px 10px; }

input#searchfield 	{ width:205px ; border: 0; margin: 0 0 0 5px; background: none; font-size: 11px; color: #999; }

div#btngoWrap		{ position: relative; float: left; margin: 7px 0 0 2px; }
input#btngo			{ width: 28px; height: 19px; }

label.overlabel 	{ position:absolute; top:0px; left:0px; color: #000; font-size: 11px; text-indent: -1000; display: none; }

/* Safari Adjust */
@media screen and (-webkit-min-device-pixel-ratio:0){
#headerWrap .searchWrap input.search	{ border: 0; width: 205px; margin-left: 10px; padding:20px 5px 0px 5px; font-size: 11px; color: #999999; background: none; float: left; }
}

/* text resizer controls */
a.normal	{ font-size: 8px; background: #FFF; border: 1px solid #bec0c2; padding: 5px 6px 1px 6px; margin-left: 5px; text-decoration: underline; }
a.medium	{ font-size: 10px; background: #FFF; border: 1px solid #bec0c2; padding: 3px 5px 0px 5px; margin-left: 5px; }
a.large		{ font-size: 12px; font-weight: bold; background: #FFF; border: 1px solid #bec0c2; padding: 1px 5px 0px 5px; margin-left: 5px; }
a.extralarge		{ font-size: 14px; font-weight: bold; background: #FFF; border: 1px solid #bec0c2; padding: 1px 5px 0px 5px; margin-left: 5px; }

/*----------------- CONTAINER -----------------*/
#mainContainer			{ width: 990px; margin: 0 auto; clear: both; background: url(img/bg-body.gif) repeat-y center; }
#containerHome			{ width: 960px; clear: both; position: relative; background: url(img/bg-heroHome.jpg) no-repeat top left; margin: 0 auto; }
#containerLanding		{ width: 960px; clear: both; position: relative; background: url(img/bg-hero.gif) no-repeat top left; margin: 0 auto; }
.containerfade			{ width: 990; margin: 0 auto; background: url(img/bg-bodyfade.gif) no-repeat center top; clear: both; }

/*----------------- SUB MENU -----------------*/
.subMenu		{ width: 960px; clear: both; position: relative; margin: 0 auto; }
.subMenu p		{ color: #000; line-height:12px; padding: 15px 0px 18px 8px; }
.subMenu a, .subMenu a:visited	{ color: #FFF; text-decoration: none; padding: 0px 7px; }
.subMenu a:hover				{ color: #FFF; text-decoration: underline; }
.subMenu .selected				{ font-weight: bold; padding: 0px 7px; }

/*----------------- LEFT NAVIGATION -----------------*/
#leftNav	{ width: 212px; margin: 0; padding: 0 0 12px 0; float: left; }
#leftNav ul	{ margin: 0; padding: 0; list-style-type: none; }

#leftNav ul li	{ margin: 0; padding: 0; display: inline; }

/* 1st Level */
#leftNav ul li a		{ display: block; width: 190px; margin: 0; padding: 10px 11px; font-size: 15px; font-weight: bold; line-height: 18px; color: #FFF; text-decoration: none; background: #073873; text-transform: uppercase; font-family:"Times New Roman", Times, serif; }
#leftNav ul li a:hover	{ text-decoration: underline; }

/* 2nd Level */
#leftNav ul ul			{ padding-bottom: 6px; background: #5d81ac; }
#leftNav ul ul li a		{ display: block; width: 190px; margin: 0; padding: 8px 11px; font-size: 12px; font-weight: bold; line-height: 16px; color: #FFF; text-decoration: none; background: #5d81ac; text-transform: none; background: url(img/bg-leftNav.gif) center bottom no-repeat; 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; }

/* 3rd Level */
#leftNav ul ul ul		{ padding-bottom: 11px; background: #becdde; }
#leftNav ul ul ul li a	{ display: block; width: 167px; margin: 0; padding: 4px 11px 4px 34px; font-size: 12px; line-height: 14px; font-weight: normal; color: #073873; text-decoration: none;
background: #becdde url(img/icon-leftnav.gif) 22px 7px no-repeat; font-family: Arial, Helvetica, sans-serif; }
#leftNav ul ul ul li a.selected	{font-weight: bold; color: #000; text-decoration: none; background: #becdde; background: url(img/icon-leftnav.gif) 22px 7px no-repeat; }

/* 4th Level */
#leftNav ul ul ul ul	{ padding-bottom: 0; }
#leftNav ul ul ul ul li { display: block; margin-left: 20px; }
#leftNav ul ul ul ul li a { width: 135px; }

/*----------------- MAIN BANNER -----------------*/
#bannerWrap			{ float: left; width: 960px; background: url(img/bg-cleanerbold.gif) no-repeat 15px bottom; padding-bottom: 50px; clear: both; position: relative; }

#bannerWrap .contentLeft	{ float: left; width: 230px; margin: 18px 0 0 15px; _margin: 18px 0 0 9px; }
.contentLeft img 			{ margin-bottom: 6px;}
.contentLeft img.btline		{ padding-bottom: 6px; border-bottom: #dde2ea 1px solid; }
.contentLeft ul				{ margin: 0; padding: 0; list-style: none; font-weight: bold; }
.contentLeft ul li			{ line-height: 18px; }

.txtWrap	{ float: left; width: 450px; position: absolute; top: 10px; left: 470px; line-height: 14px; }
.txtWrap p	{ font-size: 14px; line-height: 20px; color: #666666; }

.txtWrap2	{ float: left; width: 454px; margin: 17px 0 0 240px; background: url(img/bg-bannerHome2.gif) no-repeat; _background: url(img/bg-bannerHome2_ie6.gif) no-repeat; }
.txtWrap2 .title	{ font-size: 14px; font-weight: bold; color: #FFF; text-transform: uppercase; font-family:"Times New Roman", Times, serif; line-height: 33px; padding-left: 14px; }
.txtWrap2 .left			{ float: left; width: 125px; }
.txtWrap2 .right	{ float: left; width: 300px; margin: 10px 0px 0px 10px; }
.txtWrap2 .right p	{ font-size: 13px; line-height: 20px; }

.txtWrap  #important-link { color:#031a36; }

/*----------------- ONLINE SERVICES PAGE - DOWNTIME MESSAGE PAGE ----------------*/

.appsdown	{ width: 225px; height: 165px; display: block; background: url(img/apps-down.jpg) no-repeat; margin-bottom: 6px; }

/*----------------- MAIN CONTENT -----------------*/
#mainContentWrap	{ width: 960px; position: relative; clear: both; padding-bottom: 55px; margin: 0 auto; }
.bgThreeColumn		{ background: url(img/bg-3Col.gif) center repeat-y; position: relative; }
.bgTwoColumn		{ background: url(img/bg-2Col.png) center repeat-y; position: relative; _behavior: url(/common/css/iepngfix.htc); margin-top: 10px; }
#headerWrap .toolbar			{ width: 875px; height: 26px; top: 0px; left: 0px; text-align: right; font-size: 11px; line-height: 25px; background: #073873; position: absolute; color: #FFF; }

/*#mainContentWrap h3			{ margin: 0 0 8px 0; padding: 0 0 8px 0; display: block; border-bottom: solid 1px #cccccc; }*/
#mainContentWrap h3 a:hover		{ color: #5d81ac; text-decoration: none; }


#mainContentWrap h3.externalLink	{ margin: 0 0 12px 0; padding: 0 20px 12px 0; display: block; border-bottom: solid 1px #cccccc; background: url(../img/icon-externalLinks.gif) no-repeat center right; }
#mainContentWrap ol	 	{ margin: 0px 0px 12px 15px; _margin: 0px 0px 12px 23px; }
*+html #mainContentWrap ol		{ margin: 0px 0px 12px 23px; }
#mainContentWrap ol li	{ line-height: 18px; }
#mainContentWrap form	{ margin: 0px 0px 12px 0px; }

#mainContentWrap .txtsmall			{ margin: 0; padding: 0; font-size: 9px; line-height: 14px; }
#mainContentWrap .contentColumn,
#mainContentWrap .contentColumnWide 		{ float: left; width: 225px; margin: 4px 0 0 15px; _margin: 4px 0 0 10px; }

#mainContentWrap .contentCenter		{ float: left; width: 455px; margin: 4px 0 0 0; }
#mainContentWrap .contentCenterWrap	{ float: left; width: 695px; margin: 4px 0 0 20px; _margin: 4px 0 0 18px; }
#mainContentWrap .contentCenterWide	{ float: left; width: 695px; margin: 4px 0 0 20px; _margin: 4px 0 0 18px; }
.contentCenterWide .subContent		{ float: left; width: 660px; margin: 0 0 0 15px; }
#mainContentWrap .tabWrap			{ float: left; width: 676px; margin: 10px 0 0 0; padding: 20px 0px 12px 0px; background: #f2f2f2; }

.contentColumnWide select,
.contentColumn select	{ margin-bottom: 8px; border-bottom: 1px solid #c3c3c3; width: 212px; color: #555555; font-size: 12px; background: url(img/bg-select.gif) top left no-repeat; }

.contentCenter select	{ margin-bottom: 8px; border-bottom: 1px solid #c3c3c3; width: 300px; color: #555555; font-size: 12px; background: url(img/bg-select.gif) top left no-repeat; }



/*----------------- HERO MODULE  -----------------*/
.hero	{ float: left; width: 680px; padding: 0 0 23px 0; margin: 8px 0 4px 0; background: url(img/bg-cleanerbold.gif) no-repeat left bottom; }

.hero .title	{ font-size: 20px; font-family:"Times New Roman", Times, serif; color:#000; line-height:20px; text-transform: uppercase; padding: 0; }
.hero .descTxt	{ font-size: 14px; line-height: 20px; margin-top: 10px; }
.hero .min_Info	{ font-size: 14px; line-height: 20px; margin-top: 10px; }
.hero .title_noshow	{ font-size: 20px; font-family:"Times New Roman", Times, serif; color:#000; line-height:20px; text-transform: uppercase; padding: 0; }


.hero .banner	{ float: left; width: 679px; height: 127px; margin: 12px 0 0 0; position: relative; background: url(img/bg-heroBanner.jpg) no-repeat; }

.banner img		{ padding: 2px; }
.bgDivision		{ background: url(img/bg-heroDivisions.jpg) top left no-repeat; }
.bgOnline		{ background: url(img/bg-heroOnline.jpg) top left no-repeat; }
.bgJury			{ background: url(img/bg-heroJury.jpg) top left no-repeat; }

.hero .banner2	{ float: left; width: 679px; height: 217px; margin: 12px 0 0 0; position: relative; background: url(img/bg-hero2.jpg) no-repeat; }
.banner2 img		{ padding: 2px; }
.banner2 .wrap1	{ float: left; width: 390px; position: absolute; top: 140px; left: 20px; font-family:"Times New Roman", Times, serif; font-size: 16px; color: #FFF; line-height: 20px; }
.banner2 .wrap2 { float: left; width: 215px; position: absolute; top: 15px; right: 15px; font-size: 14px; line-height: 22px; color: #666666; padding-bottom: 30px; border-bottom: 1px solid #CCCCCC; }

.banner2 .iconHero	{ float: left; width: 70px; font-size:12px; line-height: 12px; background: url(img/icon-pdf3.gif) top left no-repeat; padding-left: 30px; position: absolute; top: 170px; right: 15px; }
/*Do Mai*/
.banner2 .iconHero1	{ float: left; width: 70px; font-size:12px; line-height: 12px; background: url(img/local-rules.gif) top left no-repeat; padding-left: 30px; position: absolute; top: 170px; right: 15px; }
/**/
.banner2 .iconHero2	{ float: left; width: 70px; font-size:12px; line-height: 12px; background:
 url(img/icon-maps.gif) top left no-repeat; padding-left: 30px; position: absolute; top: 170px; right: 130px; }

.banner .wrap		{
	float: left;
	width: 450px;
	position: absolute;
	top: 20px;
	right: 30px;
	font-family:"Times New Roman", Times, serif;
	height: 83px;
}
.banner .wrap_big		{
	float: left;
	width: 450px;
	position: absolute;
	top: 34px;
	right: 30px;
	font-family:"Times New Roman", Times, serif;
	height: 101px;
}
.banner .wrap h1	{ font-size: 21px; line-height: 21px; margin: 0; padding: 0; }
.banner .wrap p		{ font-size: 16px; line-height: 20px; color: #e5e5e5; margin: 0; padding: 0; }

/*----------------- SPECIAL MESSAGE  -----------------*/
.special		{ float: left; width: 919px; padding: 2px; border: 1px solid #999; background: #FFF; margin: 12px 0 0 15px; _margin: 12px 0 0 9px; position: relative; }
.special .title	{ position: absolute; top: 10px; left: 15px; font-family:"Times New Roman", Times, serif; font-size: 14px; font-weight: bold; color: #000; text-transform: uppercase; }
.special .date	{ position: absolute; top: 33px; left: 15px; font-size: 9px; font-weight: bold; color: #FFF; text-transform: uppercase; }
.specialInner	{ background: #999; }
.specialInner p	{ font-size: 14px; line-height: 20px; color: #FFF; padding: 7px 25px 7px 250px; }


/*----------------- SPECIAL MESSAGE  2 Column Content Page -----------------*/
.special2		{ float: left; width: 640px; padding: 2px; border: 1px solid #999; background: #FFF; margin: 12px 0 0 15px; _margin: 12px 0 0 9px; position: relative; }
.special2 .title	{ position: absolute; top: 10px; left: 15px; font-family:"Times New Roman", Times, serif; font-size: 14px; font-weight: bold; color: #000; text-transform: uppercase; }
.special2 .date	{ position: absolute; top: 33px; left: 15px; font-size: 9px; font-weight: bold; color: #FFF; text-transform: uppercase; }
.specialInner2	{ background: #999; }
.specialInner2 p	{ font-size: 14px; line-height: 20px; color: #FFF; padding: 7px 25px 7px 140px; }


/*----------------- HERO2 MODULE  -----------------*/
.hero2			{ float: left; width: 444px; padding: 0 0 23px 0; margin: 0 20px 0 0;  }
.hero2 .divline	{ clear: both; height: 8px; background: url(img/bg-cleanerbold.gif) no-repeat left center; padding: 15px 0; }
.hero2 .title	{ font-size: 20px; font-family:"Times New Roman", Times, serif; color:#000; line-height:20px; text-transform: uppercase; padding: 0; margin-bottom: 10px; }
.hero2 .descTxt	{ font-size: 14px; line-height: 20px; }
/*.descTxt a			{ text-decoration: underline; }
.descTxt a:hover	{ color: #5d81ac; text-decoration: none; }*/
.hero2 select	{ margin-bottom: 8px; border-bottom: 1px solid #c3c3c3; width: 300px; color: #555555; font-size: 12px; background: url(img/bg-select.gif) top left no-repeat; }


/*----------------- HERO4 MODULE  -----------------*/
.hero4			{ float: left; width: 444px; padding: 0 0 23px 0; margin: 8px 0 4px 0; no-repeat left bottom; }
.hero4 .divline	{ clear: both; height: 8px; background: url(img/bg-cleanerbold.gif) no-repeat left center; padding: 15px 0; }
.hero4 .title	{ font-size: 20px; font-family:"Times New Roman", Times, serif; color:#000; line-height:20px; text-transform: uppercase; padding: 0; margin-bottom: 10px; }
.hero4 .descTxt	{ font-size: 14px; line-height: 20px; }
/*.descTxt a			{ text-decoration: underline; }
.descTxt a:hover	{ color: #5d81ac; text-decoration: none; }*/
.hero4 select	{ margin-bottom: 8px; border-bottom: 1px solid #c3c3c3; width: 300px; color: #555555; font-size: 12px; background: url(img/bg-select.gif) top left no-repeat; }


/*----------------- FUNCTION  -----------------*/
.function			{ float: left; width: 680px; padding: 4px 0; margin: 0; text-align: right; }
.function a.print	{ background: url(img/icon-print.gif) no-repeat left center; padding-left: 20px; margin: 0 7px 0 0; }
.function a.email	{ background: url(img/icon-email.gif) no-repeat left center; padding-left: 20px; margin: 0 0 0 7px; }

/*----------------- SIMPLE MODULE  -----------------*/
.contentColumn .simpleModule	{ float: left; width: 212px; margin: 0; padding: 0 0 8px 0; float: left;  }
.contentCenter .simpleModule	{ float: left; width: 435px; margin: 0; padding: 0 0 8px 0; float: left;  }
.contentCenterWide .simpleModule	{ float: left; width: 680px; margin: 0; padding: 0 0 8px 0; float: left; }

.simpleModule h3		{ margin: 0 0 8px 0; padding: 8px 0px; display: block; border-bottom: solid 1px #cccccc; border-top: solid 1px #cccccc;}
.simpleModule ul	{ margin: 0px 0px 8px 0px; list-style-type: none; }
.simpleModule ul li	{ line-height: 22px; }

.simpleModule .innerContentLeft		{ float: left; width: 205px; margin: 0 20px 0 0; }
.simpleModule .innerContentRight	{ float: left; width: 200px; margin: 0; }

.simpleModule .innerContent2Left	{ float: left; width: 189px; margin: 5px 20px 0 16px; _margin: 5px 20px 0 8px;}
.simpleModule .innerContent2Right	{ float: left; width: 200px; margin: 5px 0 0 0; }

/*----------------- SIMPLE MODULE2  -----------------*/
.contentColumn .simpleModule2		{ float: left; width: 212px; margin: 0; padding: 0 0 12px 0; float: left; background: url(img/bg-cleanerbold.gif) no-repeat left bottom; }
.contentCenter .simpleModule2		{ float: left; width: 435px; margin: 0; padding: 0 0 12px 0; float: left; background: url(img/bg-cleanerbold.gif) no-repeat left bottom; }
.contentCenterWide .simpleModule2		{ float: left; width: 680px; margin: 0; padding: 0 0 12px 0; float: left; background: url(img/bg-cleanerbold.gif) no-repeat left bottom; }

.simpleModule2 h3		{ margin: 0 0 8px 0; padding: 8px 0px; display: block; border-bottom: solid 1px #cccccc; }
.simpleModule2 ul		{ margin: 0px 0px 8px 0px; list-style-type: none; }
.simpleModule2 ul li	{ line-height: 22px; }

/*----------------- SIMPLE MODULE3  -----------------*/
.contentColumnWide .simpleModule3,
.contentColumn .simpleModule3	{ float: left; width: 212px; padding: 0 0 8px 0; margin: 0px; float: left; }
.contentCenter .simpleModule3	{ float: left; width: 435px; padding: 0 0 8px 0; margin: 0px; float: left; }
.contentCenterWide .simpleModule3	{ float: left; width: 676px; padding: 0 0 8px 0; margin: 0px; float: left; }

.simpleModule3 h3		{ margin: 0 0 8px 0; padding: 8px 0px; display: block; border-bottom: solid 1px #cccccc; }
.simpleModule3 ul		{ margin: 0px 0px 8px 0px; list-style-type: none; }
.simpleModule3 ul li	{ line-height: 22px; }
#mainContentWrap .simpleModule3 ol		{ margin:0 0 12px 20px; }
.simpleModule3 .innerContentLeft		{ float: left; width: 205px; margin: 0 20px 0 0; }
.simpleModule3 .innerContentRight	{ float: left; width: 200px; margin: 0; }

.simpleModule3 .innerContent2Left	{ float: left; width: 189px; margin: 5px 20px 0 16px; _margin: 5px 20px 0 8px;}
.simpleModule3 .innerContent2Right	{ float: left; width: 200px; margin: 5px 0 0 0; }
.simpleModule3 h6 { margin-bottom: 6px ; }


/*----------------- SIMPLE MODULE BLUE  -----------------*/
.simpleModuleBlue			{ float: left; width: 212px; background: url(img/bg-simpleModuleBlue.gif) no-repeat left top; }
.simpleModuleBlue .title	{ font-size: 12px; line-height: 12px; font-weight: bold; font-family:"Times New Roman", Times, serif; text-transform: uppercase; padding: 20px 14px 7px 14px; color: #444444; }
.simpleModuleBlue .desc		{ font-size: 12px; line-height: 19px; padding: 0px 14px 7px 10px; color: #555555; }
.desc a, .desc a:visited	{ text-decoration: underline; }

.simpleModuleBlue p			{ margin: 0 14px 0px 14px; font-size: 11px; line-height: 16px; color: #777777; }
.simpleModuleBlue .bottom	{ clear: both; height: 8px; _font-size: 1%; background: url(img/bg-simpleModuleBlueBottom.gif) no-repeat left top; }

.simpleModuleBlue .searchWrap			{ width: 180px; margin: 0 0 15px 13px; background: url(img/bg-form.gif) no-repeat; height: 21px; border: solid 1px #FFF; }
.simpleModuleBlue .searchWrap input.search	{ border: 0; width: 105px; padding:5px 5px 0px 5px; font-size: 11px; color: #999999; background: none; float: left; }
.simpleModuleBlue .searchWrap input.btn	{ width: 64px; height: 21px; float: right; margin-top: 1px; }

/*----------------- SIMPLE MODULE BLUE2  -----------------*/
.simpleModuleBlue2			{ float: left; width: 212px; margin-top: 20px; background: #edeff1; }
.simpleModuleBlue2 .title	{ font-size: 12px; line-height: 12px; font-weight: bold; font-family:"Times New Roman", Times, serif; text-transform: uppercase; padding: 20px 14px 7px 14px; color: #444444; }
.simpleModuleBlue2 .desc2	{ padding: 0px 14px 0px 10px; color: #555555; }
.desc2 p.pdf				{ font-size: 12px; line-height: 28px; background: url(img/icon-pdf3.gif) left center no-repeat; padding-left: 35px; }
.simpleModuleBlue2 a, .simpleModuleBlue2 a:visited { text-decoration: none; }
.simpleModuleBlue2 a:hover	{ text-decoration: underline; }
.simpleModuleBlue2 p			{ margin: 0 14px 12px 14px; font-size: 11px; line-height: 14px; color: #777777; }

/*----------------- SIMPLE MODULE BLUE3  -----------------*/
.contentCenter .simpleModuleBlue3	{ float: left; width: 435px; padding: 0 0 8px 0; margin: 0 0 20px 0; float: left;  }
.BlueInner					{ background: #edeff1; clear: both; padding: 0 0 8px 0; float: left; width: 435px; }
.simpleModuleBlue3 h3		{ margin: 0 0 1px 0; padding: 8px 0px; display: block; border-bottom: solid 1px #cccccc; }
.simpleModuleBlue3 ul		{ margin: 0px 0px 8px 0px; list-style-type: none; }
.simpleModuleBlue3 ul li	{ line-height: 22px; }
.simpleModuleBlue3 .innerContentLeft	{ float: left; width: 189px; margin: 5px 20px 0 16px; _margin: 5px 20px 0 8px;}
.simpleModuleBlue3 .innerContentRight	{ float: left; width: 200px; margin: 5px 0 0 0; }

/*----------------- SIMPLE MODULE BLUE4  -----------------*/
.simpleModuleBlue4			{ float: right; width: 212px; margin-top: 20px; }

/*----------------- VERTICAL TAB  -----------------*/
.verticalTab			{ float: left; width: 435px; margin: 0px; padding: 0px; margin: 0; clear: both; border-bottom: 1px solid #CCCCCC; clear: both; }
.verticalTab .title		{  margin: 0; padding: 8px 0px; color: #444444; font-size: 14px; font-family:"Times New Roman", Times, serif; font-weight: bold; text-transform: uppercase; padding-bottom: 8px; border-bottom: solid 1px #cccccc; background: #FFF; }

.verticalTabWrap		{ float: left; width: 435px; background: url(img/bg-verTab2Wrap.gif) left repeat-y #eaeaea; margin: 2px 0; clear: both; }
.verticalTab .vtableft	{ float: left; width: 132px; margin: 0; padding: 0; background: #FFF; }
.verticalTab .vtabright	{ float: left; width: 285px; margin: 6px 0px 0px 12px; }





/*----------------- ACCORDION -----------------*/
.controls		{ float: right; padding-bottom: 7px; clear: both;  }

.trigger 		{ clear: both; cursor: pointer; cursor: pointer; font-size: 11px; font-weight: bold; height: 23px; padding: 8px 0 0 0px; border: 1px solid #ccc; border-width: 1px 0; background: #FFF;}

a.expandall		{ background: url("img/icon-plus.gif") no-repeat 0px 4px; padding-left: 15px; font-weight: bold; font-size: 11px; margin-right: 15px; }

a.collapseall	{ background: url("img/icon-minus.gif") no-repeat 0 4px; padding-left: 15px; padding-right: 0px; font-weight: bold; font-size: 11px; }

.triggerContent	{ padding: 10px; margin-bottom: 20px; background: #f6f6f6; border-bottom: solid 1px #CCC; }

.openlanguage 	{ color: #073873; background: url("img/icon-minus2.gif") no-repeat right center #f6f6f6; margin-top: -1px; padding-left: 10px; padding-right: 10px; }

.closedlanguage { color: #073873; background: url("img/icon-plus2.gif") no-repeat right center #FFF; margin-top: -1px; padding-left: 10px; padding-right: 10px; }

.triggerContent td	{ padding: 5px; }

.controls2		{ float: right; clear: both; position: absolute; top: 15px; right: 0px; }

.trigger2Wrap	{ float: left; width: 679px; clear: both; padding: 15px 0; border: solid #eaeaea; border-width: 0px 0 1px 0; position: relative; }

/*----------------- variation on wrap for narrower accordion for 3 column page -----------------*/
.trigger5Wrap	{ float: left; width: 434px; clear: both; padding: 15px 0; border: solid #eaeaea; border-width: 0px 0 1px 0; position: relative; }

.trigger2 		{ clear: both; cursor: pointer; cursor: pointer; font-size: 11px; font-weight: bold; height: 42px; padding: 8px 0 0 0px; border: 1px solid #eaeaea; border-width: 1px 0; background: #FFF;}
/* --- Added for multi-line accordion items --- */
div.multiline	{ height: 30px;	padding: 5px 0 0 0px; }

.triggerContent2	{ margin-bottom: 20px; background: #FFF; }


.openlanguage2 	{ color: #073873; background: url("img/icon-minus2.gif") no-repeat right center #FFF; margin-top: -1px; color: #555; padding-right: 10px; margin: 0; text-align: left; font-family: "Times New Roman", Times, serif; font-weight: bold; text-transform: uppercase; }

.closedlanguage2 { color: #073873; background: url("img/icon-plus2.gif") no-repeat right center #FFF; margin-top: -1px; color: #555; padding-right: 10px; margin: 0; text-align: left; font-family: "Times New Roman", Times, serif; font-weight: bold; text-transform: uppercase; }




/* HOMEPAGE A; HERO AREA */
ol#toc				{ margin: 0px 0px 0px 2px; _margin: 2px 0px 0px 2px; padding: 0; list-style: none; }
ol#toc li 			{ float: left; }
ol#toc li a 		{ width: 115px; display: block; line-height: 25px; text-indent: 22px; background: url(img/bg-ulSquare.gif) 11px center no-repeat; }
ol#toc li a:hover	{ text-decoration: underline; }
ol#toc li.current 	{ background: url(img/bg-tabVerHero.png) no-repeat; _behavior: url(/common/css/iepngfix.htc); _background: #d1d7de; }
ol#toc li.current a { font-weight: bold; color: #000; background: url(img/bg-li_hero2Selected.gif) no-repeat 11px center; }
div.content 			{ width: 295px; height: 170px; float: left; position: relative; clear: both; }
div.content .more		{ position: absolute; /*top: 145px;*/ bottom: 10px; right: 0px; }

/* HOMEPAGE B; CONTENT AREA */
ol#toc2				{ margin: 0; padding: 0; list-style: none; }
*+html ol#toc2		{ width: 132px; margin: 0; padding: 0; list-style: none; }
ol#toc2 li 			{ float: left; padding-bottom: 5px;}
ol#toc2 li a 		{ width: 132px; display: block; <!--line-height: 24px;--> text-indent: 0px; background: url(img/bg-liVerTab2.gif) left bottom no-repeat; }
ol#toc2 li a.last	{ background: none; }
ol#toc2 li a:hover	{ text-decoration: underline; }
ol#toc2 li.current 	{ background: #eaeaea; }
ol#toc2 li.current a { font-weight: bold; color: #000; }
div.content2 			{ width: 284px; float: left; clear: both; position: relative; }
div.content2 .more		{ position: absolute; bottom: 10px; right: 5px; }


/*----------------- DIVISIONS PAGE  -----------------*/
.contentCenterWide .threeColumns		{ float: left; width: 222px; margin: 0 10px 0 0; padding: 0; }
.contentCenterWide .threeColumnslast	{ float: left; width: 222px; margin: 0; padding: 0; }

.contentCenterWide .simpleModule4	{ float: left; width: 212px; margin: 0; padding: 0 0 8px 0; float: left; }

.simpleModule4 h3			{ margin: 0 0 8px 0; padding: 8px 0; display: block; border-bottom: solid 1px #cccccc; border-top: solid 1px #cccccc;}
.simpleModule4 ul	{ margin: 0px 0px 8px 0px; list-style-type: none; }
.simpleModule4 ul li	{ line-height: 22px; }

/*----------------- CIVIL PAGE  -----------------*/
.contentCenterWide .simpleModule5	{ float: left; width: 212px; padding: 0 0 8px 0; margin: 0px; float: left; }

.simpleModule5 h3			{ margin: 0 0 8px 0; padding: 8px 0; display: block; border-bottom: solid 1px #cccccc; }
.simpleModule5 ul		{ margin: 0px 0px 8px 0px; list-style-type: none; }
.simpleModule5 ul li	{ line-height: 22px; }

/*----------------- FORM AND FILING PAGE  -----------------*/
.formTable					{ float: left; width: 676px; padding-bottom: 1px; border-bottom: solid 1px #cccccc; }
.formTable caption			{ margin: 0; padding: 8px 0; border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc; text-align: left; color: #444444; font-size: 14px; font-family:"Times New Roman", Times, serif; font-weight: bold; text-transform: uppercase; margin-bottom: 1px; }
.formTable table			{ background: #fbfcfd; }
.formTable tr td			{ padding: 10px; vertical-align: top; }
.formTable tr.odd			{ background: #f5f6f8; }
.formTable tr.head			{ background: #cfd7e1; font-size: 13px; font-weight: bold; }
.formTable td				{ border-right: solid 2px #FFF; border-bottom: solid 2px #FFF; }
.formTable td.one			{ width: 165px; }
.formTable td.two			{ width: 285px; }
.formTable td.three			{ width: 60px; }
.formTable td.odd2			{ background: #eef0f2; }
.formTable td.head2			{ background: #93a7c0; color: #FFF; }

/*----------------- GENERAL INFO PAGE  -----------------*/
.contentCenterWide .twoColumns		{ float: left; width: 337px; margin: 8px 20px 0 0; padding: 0; border-top: solid 1px #cccccc; }
.contentCenterWide .twoColumns2		{ float: left; width: 335px; margin: 8px 0px 0 0; padding: 0; border-top: solid 1px #cccccc; }

/*.contentCenterWide .twoColumnslast	{ float: left; width: 213px; margin: 8px 0 0 0; padding: 0; padding: 20px 15px 20px 100px; background: #f8f9fb; border-top: 1px solid #dae1ea; border-bottom: 1px solid #dae1ea;}*/

.contentCenterWide .twoColumnslast	{ float: left; width: 335px; margin: 8px 0 0 0; background: #f8f9fb; border-top: 1px solid #dae1ea; border-bottom: 1px solid #dae1ea; }
.twoColumnslast table	{ width: 315px; margin: 20px 0 20px 0px; }
.twoColumnslast tr td	{ vertical-align: top;  }
.twoColumnslast a, .twoColumnslast a:visited	{ text-decoration: underline; }

.twoColumns ul		{ margin: 0px 0px 8px 0px; list-style-type: none; }
.twoColumns ul li	{ line-height: 22px; }

/*----------------- SELF-HELP PAGE  -----------------*/
.contentCenterWide .twoColumnsB		{ float: left; width: 335px; margin: 0px 16px 0 0; padding: 0; }
.contentCenterWide .twoColumnsBlast	{ float: left; width: 335px; margin: 0px 0px 0 0; padding: 0; }

.contentCenterWide .simpleModule6	{ float: left; width: 328px; margin: 0; padding: 0 0 8px 0; float: left; }

.simpleModule6 h3		{ margin: 0 0 8px 0; padding: 8px 0px; display: block; border-bottom: solid 1px #cccccc; border-top: solid 1px #cccccc;}
.simpleModule6 ul		{ margin: 0px 0px 8px 0px; list-style-type: none; }
.simpleModule6 ul li	{ line-height: 22px; }

.contentCenterWide .simpleModule7	{ float: left; width: 328px; margin: 0; padding: 0 0 8px 0; float: left; }
.simpleModule7 h3		{ margin: 0 0 8px 0; padding: 8px 0px; display: block; border-bottom: solid 1px #cccccc; }
.simpleModule7 ul		{ margin: 0px 0px 8px 0px; list-style-type: none; }
.simpleModule7 ul li	{ line-height: 22px; }


span.self-help-img{
	display:block;
	text-indent:-9999px;
	background:url(img/self-help.gif) no-repeat center center;
	padding-bottom:133px;
}


span.self-help-img2{
	display:block;
	/**text-indent:-9999px;**/
	background:url(img/self-help2.gif) no-repeat center center;
	padding-bottom:333px;
}

span.self-how-img{
	display:block;
	/*text-indent:-9999px;*/
	background:url(img/how-do-i.gif) no-repeat center center;
	padding-bottom:133px;
}



/*----------------- SELF-HELP PAGE HOVER TEXT -----------------*/
#hoverpopup_ask	 { display:none; padding:1em 1em 0.6em 1em; background-color:#FFF; border:1px solid #000; border-radius:4px; position:absolute; }
#hoverpopup_intvw { display:none; padding:1em 1em 0.6em 1em; background-color:#FFF; border:1px solid #000; border-radius:4px; position:absolute; }


/*----------------- ONLINE SERVICES PAGE  -----------------*/
.onlineTable				{ float: left; width: 676px; padding-bottom: 13px; margin-top: 8px; margin-bottom: 1px; border-bottom: 1px solid #CCCCCC; }
.onlineTable table			{ background: #f7f9fc; line-height: 18px; }
.onlineTable caption			{ margin: 0; padding: 8px 0; border-top: solid 1px #cccccc;border-bottom: solid 1px #cccccc; text-align: left; color: #444444; font-size: 14px; font-family:"Times New Roman", Times, serif; font-weight: bold; text-transform: uppercase; }
.onlineTable tr td			{ padding: 10px; vertical-align: center; }
.onlineTable tr.odd			{ background: #e8eef6; }
.onlineTable td				{ border-bottom: solid 2px #FFF; }
.onlineTable td.one			{ width: 500px; }
.onlineTable td.color1		{ background: #e8eef6; }
.onlineTable td.color2		{ background: #dae4f1; }

.onlineTable2				{ float: left; width: 676px; padding: 13px 0 30px 0; border-top: 1px solid #CCCCCC; margin-bottom: 8px; }
.onlineTable2 table			{ background: #ebebeb; line-height: 18px; }
.onlineTable2 tr td			{ padding: 10px; vertical-align: center; }
.onlineTable2 tr.odd		{ background: #fafafa; }
.onlineTable2 td			{ border-bottom: solid 2px #FFF; }
.onlineTable2 td.one		{ width: 500px; }
.onlineTable2 td.color1		{ background: #e3e3e3; }
.onlineTable2 td.color2		{ background: #f0f0f0; }

.contentCenterWide .simpleModule8	{ float: left; width: 212px; padding: 0 0 8px 0; margin: 0px; float: left; }
.simpleModule8 h3		{ margin: 0 0 8px 0; padding: 8px 0px; display: block; border-bottom: solid 1px #cccccc; }
.simpleModule8 ul		{ margin: 0px 0px 8px 0px; list-style-type: none; }
.simpleModule8 ul li	{ line-height: 22px; }

.wrapThreeColumns	{ float: left; width: 690px; background: url(img/bg-contentCenter3Wide.gif) left repeat-y; clear: both; }

/*----------------- FOOTER -----------------*/
#footerWrap					{ width: 960px; height: 25px; background: #073873; line-height: 24px; clear: both; font-size: 9px; margin: 0 auto; }
#footerWrap a				{ color:#eeeeee; text-decoration: none; margin-left: 11px; margin-right: 11px; }
#footerWrap a:hover			{ text-decoration: underline; }
#footerWrap .footerLeft		{ float: left; color: #9d9d9d;}
#footerWrap .footerRight	{ float: right; color:#eeeeee; padding-right: 17px; }

/*----------------- DYNAMIC TAB  -----------------*/
.tabWrap h4							{ margin: 0px 30px 5px 30px; }
.tabWrap h6							{ margin: 0px 30px 5px 30px; }
.tabWrap p							{ margin: 0px 30px 8px 30px; }
.tabWrap ol, ol.indent40			{ padding-left:40px }
ol.indent20							{ padding-left:20px; padding-top:5px; }
.tabWrap table.answer 				{ border-collapse:collapse; background-color:#FFFFCC; width:90%; margin: 0px 30px 8px 30px;}
.tabWrap table.answer td 			{ padding:15px 0 0 0; border:1px solid #666666; }
.tabWrap table.dui-location-table 	{ width:90%; margin-left:35px; }
<!--.tabWrap ul			{ margin: 0px 30px 8px 60px; }-->

.tabWrapper { margin-top: 12px; clear: both; padding-top: 10px; width: 676px;  float: left; }

h2.tab		{ font-weight: bold; font-size: 100%; margin-bottom: 0px; padding: 2px 0 0 0; font-weight:bold; font-family:"Times New Roman", Times, serif; text-transform: uppercase; }

h2.tab span { margin-left: 9px; margin-right: 0px; padding: 10px 10px 10px 0px; cursor: pointer;  }

h2.tab span.not-selected        { background: url(img/bg-tabRoundrLeft.gif) no-repeat left; padding-right: 0; padding-left: 0; margin-left: 0; color: #444; }
h2.tab span.not-selected .inner { background: url(img/bg-tabRoundRight.gif) no-repeat right;  }

h2.tab span.selected        { background: url(img/bg-tabRoundOverLeft.gif) no-repeat left; padding-right: 0; padding-left: 0; margin-left: 0; color: #444; }
h2.tab span.selected .inner { background: url(img/bg-tabRoundOverRight.gif) no-repeat right; }

/*----------------- DROPDOWN MENU  -----------------*/
#menu 		{ width: 960px; padding:0; margin:0 auto; list-style:none; height:45px; position:relative; z-index:500; clear: both; background: #dae1ea; }
#menu li 	{ float:left; }
#menu li a 	{ display:block; float:left; background:#333; display:block; overflow: hidden; _overflow: visible; }

/* MainLevel */
#menu a#home		{ background: url(img/bg-tabHome.gif) 0 0 no-repeat; width: 110px; height: 45px; color:#dae1ea; text-decoration: none; text-indent: -1000px; }
#menu a#online		{ background: url(img/bg-tabOnline.gif) 0 0 no-repeat; width: 170px; height: 45px; color:#dae1ea; text-decoration: none; text-indent: -1000px; }
#menu a#forms		{ background: url(img/bg-tabForms-local.gif) 0 0 no-repeat; width: 170px; height: 45px; color:#dae1ea; text-decoration: none; text-indent: -1000px; }
#menu a#selfhelp	{ background: url(img/bg-tabSelfHelp.gif) 0 0 no-repeat; width: 170px; height: 45px; color:#dae1ea; text-decoration: none; text-indent: -1000px; }
#menu a#divisions	{ background: url(img/bg-tabDivisions.gif) 0 0 no-repeat; width: 170px; height: 45px; color:#dae1ea; text-decoration: none; text-indent: -1000px; }
#menu a#info		{ background: url(img/bg-tabGeneral-no-local.gif) 0 0 no-repeat; width: 170px; height: 45px; color:#dae1ea; text-decoration: none; text-indent: -1000px; }

/* MainLevel: hover */
#menu a#home:hover, body.homepage #menu a#home	{ background: url(img/bg-tabHome.gif) 0 -90px no-repeat; width: 110px; height: 45px; color: #7f95af; text-decoration: none; text-indent: -1000px; }
#menu a#online:hover, body.onlineServices #menu a#online { background: url(img/bg-tabOnline.gif) 0 -90px no-repeat; width: 170px; height: 45px; color: #7f95af; text-decoration: none; text-indent: -1000px; }
#menu a#forms:hover, body.forms #menu a#forms { background: url(img/bg-tabForms-local.gif) 0 -90px no-repeat; width: 170px; height: 45px; color: #7f95af; text-decoration: none; text-indent: -1000px; }
#menu a#selfhelp:hover, body.selfhelp #menu a#selfhelp	{ background: url(img/bg-tabSelfHelp.gif) 0 -90px no-repeat; width: 170px; height: 45px; color: #7f95af; text-decoration: none; text-indent: -1000px; }
#menu a#divisions:hover, body.divisions #menu a#divisions	{ background: url(img/bg-tabDivisions.gif) 0 -90px no-repeat; width: 170px; height: 45px; color: #7f95af; text-decoration: none; text-indent: -1000px; }
#menu a#info:hover, body.info #menu a#info { background: url(img/bg-tabGeneral-no-local.gif) 0 -90px no-repeat; width: 169px; height: 45px; color: #7f95af; text-decoration: none; text-indent: -1000px; }

/* MainLevel: StayHover */
#menu li:hover > a#online	{ background: url(img/bg-tabOnline.gif) 0 -90px no-repeat; width: 170px; height: 45px; color: #7f95af; text-decoration: none; text-indent: -1000px; }
#menu li:hover > a#forms { background: url(img/bg-tabForms-local.gif) 0 -90px no-repeat; width: 170px; height: 45px; color: #7f95af; text-decoration: none; text-indent: -1000px; }
#menu li:hover > a#selfhelp	{ background: url(img/bg-tabSelfHelp.gif) 0 -90px no-repeat; width: 170px; height: 45px; color: #7f95af; text-decoration: none; text-indent: -1000px; }
#menu li:hover > a#divisions	{ background: url(img/bg-tabDivisions.gif) 0 -90px no-repeat; width: 170px; height: 45px; color: #7f95af; text-decoration: none; text-indent: -1000px; }
#menu li:hover > a#info { background: url(img/bg-tabGeneral-no-local.gif) 0 -90px no-repeat; width: 169px; height: 45px; color: #7f95af; text-decoration: none; text-indent: -1000px; }

/* MainLevel: selected */
body.homepage #menu a#home	{ background: url(img/bg-tabHome.gif) 0 -45px no-repeat; width: 110px; height: 45px; color: #7f95af; text-decoration: none; text-indent: -1000px; }
body.onlineServices #menu a#online { background: url(img/bg-tabOnline.gif) 0 -45px no-repeat; width: 170px; height: 45px; color: #7f95af; text-decoration: none; text-indent: -1000px; }
body.forms #menu a#forms { background: url(img/bg-tabForms-local.gif) 0 -45px no-repeat; width: 170px; height: 45px; color: #7f95af; text-decoration: none; text-indent: -1000px; }
body.selfhelp #menu a#selfhelp	{ background: url(img/bg-tabSelfHelp.gif) 0 -45px no-repeat; width: 170px; height: 45px; color: #7f95af; text-decoration: none; text-indent: -1000px; }
body.divisions #menu a#divisions	{ background: url(img/bg-tabDivisions.gif) 0 -45px no-repeat; width: 170px; height: 45px; color: #7f95af; text-decoration: none; text-indent: -1000px; }
body.info #menu a#info { background: url(img/bg-tabGeneral-no-local.gif) 0 -45px no-repeat; width: 169px; height: 45px; color: #7f95af; text-decoration: none; text-indent: -1000px; }

#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0; }

#menu li a:hover	{ z-index:200; position:relative; color:#7f95af; text-decoration: none; }
#menu li:hover 		{ position:relative; z-index:200; }

#menu :hover ul { left:0; top:45px; width:170px; background:#5d81ac; }

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, #menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; }

#menu :hover ul :hover ul { left:120px; top:-1px; background:#5d81ac; white-space:nowrap; width:169px; z-index:200; height:auto; }
#menu :hover ul li { margin:0; background: #638ec1; }
#menu :hover ul li a { width:147px; font-size: 11px; font-weight: bold; /*line-height: 29px;*/ color: #FFF; text-decoration: none;  /*text-indent: 11px;*/ text-transform: none;
background: url(img/bg-dropdown.gif) center bottom no-repeat; padding: 9px 11px; }
#menu :hover ul li a.last	{ padding-bottom: 6px; background: none; }
#menu :hover ul :hover { background-color:#073873; color:#fff;}

/*----------------- MISC -----------------*/
.alignModule		{ width: 690px; clear: both; float: left; _padding-bottom: 8px; }
*+html .alignModule	{ width: 690px; clear: both; float: left; padding-bottom: 8px; } /* IE7 */

.imgtxtWrap		{ float: left; clear: both; margin: 0 5px 0 0; }
.imgtxtRight	{ float: right; clear: both; margin: 0 0 10px 15px; }
.imgborder	 	{ padding: 1px; border: #d8d8d8 solid 1px; margin-bottom: 5px; }

.image			{ margin-bottom: 10px; }
.image img		{ padding: 1px; border: #d8d8d8 solid 1px; }
.image .imgcaption	{ width: 205px; font-size: 11px; line-height: 15px; margin-top: 7px; color: #888888; }

.iconLeft		{ margin: 0px 5px 0px 0px; }
.iconRight		{ margin: 0px 0px 0px 5px; }
ul.square		{ margin: 0px 0px 12px 5px; list-style-type: none; }
ul.square li	{ line-height: 18px; background: url(img/bg-ulSquare.gif) no-repeat left center; padding: 0 0 0 11px; }

ul.square-top		{ margin: 0px 5px 15px 5px; list-style-type: none; }
ul.square-top li	{ line-height: 18px; background: url(img/bg-ulSquare2.gif) no-repeat left top; padding: 0 0 0 11px; }

/*----------------- new bullet added for content - uses new square background image -----------------*/
ul.square2		{ margin: 0px 5px 15px 40px; list-style-type: none; }
ul.square2 li	{ line-height: 18px; background: url(img/bg-ulSquare2.gif) no-repeat left top; padding: 0 0 0 11px; }

/*-----------------

	new bullet added for content - uses new square background image (with less indent)
	**this is necessary for nested lists
		- when using ul.square, the bullet for the first list is centered over the li elements of the second list
		- when using ul.square2, the indent is too much on the second level.
																					-----------------*/
ul.square2-indent20		{ margin: 5px 5px 15px 20px; list-style-type: none; }
ul.square2-indent20 li	{ line-height: 18px; background: url(img/bg-ulSquare2.gif) no-repeat left top; padding: 0 0 0 11px; }


.iconArrowLeft		{ background: url(img/icon-externalLinks.gif) left center no-repeat; padding-left: 15px; }
.iconArrow2Left		{ background: url(img/icon-externallinks2.gif) left center no-repeat; padding-left: 15px; }

.iconArrowRight		{ background: url(img/icon-externalLinks.gif) right center no-repeat; padding-right: 15px; }
.iconArrow2Right	{ background: url(img/icon-externallinks2.gif) right center no-repeat; padding-right: 15px; }

.iconPDFLeft		{ background: url(img/icon-pdf.gif) left center no-repeat; padding-left: 20px; _background: url(img/icon-pdf.gif) left top no-repeat; padding-left: 20px;}
*+html .iconPDFLeft		{ background: url(img/icon-pdf.gif) left top no-repeat; padding-left: 20px;}


.iconPDFRight		{ background: url(img/icon-pdf.gif) right center no-repeat; padding-right: 20px; }

.iconPDF3Left		{ background: url(img/icon-pdf3.gif) left center no-repeat; padding-left: 35px; }
.iconPDF3Right		{ background: url(img/icon-pdf3.gif) right center no-repeat; padding-right: 35px; }

.iconArrowDownRight		{ background: url(img/icon-arrowDown1.gif) right center no-repeat; padding-right: 13px; }
.iconArrowDown2Right	{ background: url(img/icon-arrowDown2.gif) right center no-repeat; padding-right: 13px; }

.iconPhoneLeft		{ background: url(img/icon-phone.gif) left center no-repeat; padding-left: 23px; }
.iconPhoneRight		{ background: url(img/icon-phone.gif) right center no-repeat; padding-right: 23px; }

.iconADALeft		{ background: url(img/icon-ada.gif) left center no-repeat; padding-left: 18px; }
/*.iconADARight_bckup		{ background: url(img/icon-ada.gif) right center no-repeat; padding-right: 18px; } */


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


.languageAccessSm{
	width:55px;
	height:41px;
	margin:0px 5px 0px 0px;
	background:url(img/language_access_sm.png) no-repeat top right;
	display:inline-block;
	vertical-align:sub;
	float:left;
	}


.languageAccess{
	width:83px;
	height:64px;
	margin:0px 0px 0px 15px;
	background:url(img/language_access.gif) no-repeat top right;
	display:inline-block;
	}


/** OC courts **/


.immigrationResources{
	width:205px;
	height:64px;
	margin:10px 10px 0 0;
	background:url(img/immigration_resources.jpg) no-repeat top right;
	display:inline-block;
	
}

.immigrationResourcesSp{
	width:205px;
	height:64px;
	margin:10px 10px 0 0;
	background:url(img/immigration_resources_sp.jpg) no-repeat top right;
	display:inline-block;
	
}






.bgBlue		{ background: #eaeaea; }
.bgWhite	{ background: #FFF; }

.top10		{ margin-top: 10px; }
.bottom7	{ margin-bottom: 7px; }

.txtNormal	{ text-transform:none; font-weight: normal; }

/* Buttons - HomePage */


.btnOnlineCase	{ width: 212px; height: 45px; display: block; background: url(img/btn-onlinecaseaccess_50.jpg) no-repeat; margin-bottom: 6px; }
.btnOnlineCase:hover	{ background:url(img/btn-onlinecaseaccess_hover_50.png) no-repeat; }
.btnOnlineCase span 	{ display: none; }


.btnJuryService	{ width: 212px; height: 45px; display: block; background: url(img/btn-juryservice_50.png) no-repeat; margin-bottom: 6px; }
.btnJuryService:hover	{ background:url(img/btn-juryservice_hover_50.jpg) no-repeat; }
.btnJuryService span 	{ display: none; }


.btnTraffic	{ width: 212px; height: 45px; display: block; background: url(img/btn-traffictickets_50.png) no-repeat; margin-bottom: 6px;  }
.btnTraffic:hover	{ background:url(img/btn-traffictickets_hover_50.png) no-repeat; }
.btnTraffic span 	{ display: none; }



.btnOnlinePaymentPlan_20px	{ width: 212px; height: 45px; display: block; background: url(img/btn-onlinePaymentPlan_20px.png) no-repeat; margin-bottom: 6px;  }
.btnOnlinePaymentPlan_20px:hover	{ background:url(img/btn-onlinePaymentPlanOver_20px.png) no-repeat; }
.btnOnlinePaymentPlan_20px span 	{ display: none; } 




.btnFHome	{ width: 212px; height: 45px; display: block; background: url(img/btn-fileathome_50.jpg) no-repeat; margin-bottom: 6px;  }
.btnFHome:hover	{ background:url(img/btn-file_at_home_hover_50.png) no-repeat; }
.btnFHome span 	{ display: none; }


/*New buttons for OCPay # - Tan 03-10-2016 */
.btnOCPayNumber	{ width: 212px; height: 45px; display: block; background: url(img/btn-getocpaynumber_50.png) no-repeat; margin-bottom: 6px; }
.btnOCPayNumber:hover	{ background:url(img/btn-getocpaynumber_hover_50.jpg) no-repeat; }
.btnOCPayNumber span 	{ display: none; }


 
 



 
.btnOnlinePaymentPlan	{ width: 212px; height: 45px; display: block; background: url(img/btn-onlinePaymentPlan.png) no-repeat; margin-bottom: 6px; }
.btnOnlinePaymentPlan:hover	{ background:url(img/btn-onlinePaymentPlanOver.png) no-repeat; }
.btnOnlinePaymentPlan span 	{ display: none; }

.btnOnlineCase	{ width: 212px; height: 45px; display: block; background: url(img/btn-onlinecaseaccess_50.jpg) no-repeat; margin-bottom: 6px; }
.btnOnlineCase:hover	{ background:url(img/btn-onlinecaseaccess_hover_50.png) no-repeat; }
.btnOnlineCase span 	{ display: none; }


.btnMakeNextPayment	{ width: 212px; height: 45px; display: block; background: url(img/btn-makeNextPayment.png) no-repeat; margin-bottom: 6px; }
.btnMakeNextPayment:hover	{ background:url(img/btn-makeNextPaymentOver.png) no-repeat; }
.btnMakeNextPayment span 	{ display: none; }


.btnRequestAnExtension	{ width: 212px; height: 45px; display: block; background: url(img/btn-requestAnExtension.png) no-repeat; margin-bottom: 6px; }
.btnRequestAnExtension:hover	{ background:url(img/btn-requestAnExtensionOver.png) no-repeat; }
.btnRequestAnExtension span 	{ display: none; }


.btnPayInFull	{ width: 212px; height: 45px; display: block; background: url(img/btn-payInFull.png) no-repeat; margin-bottom: 6px; }
.btnPayInFull:hover	{ background:url(img/btn-payInFullOver.png) no-repeat; }
.btnPayInFull span 	{ display: none; }


/* end new button online payment */








/* Buttons - Online Services Page */
.btnAccessNow		{ width: 121px; height: 25px; display: block; background: url(img/btn-accessNow.gif) no-repeat; }
.btnAccessNow:hover	{ background:url(img/btn-accessNowOver.gif) no-repeat; }
.btnAccessNow span { display: none; }

.btnRequestNow		{ width: 121px; height: 25px; display: block; background: url(img/btn-requestNow.gif) no-repeat; }
.btnRequestNow:hover	{ background: url(img/btn-requestNowOver.gif) no-repeat; }
.btnRequestNow span { display: none; }

.btnCheckStatus		{ width: 121px; height: 25px; display: block; background: url(img/btn-checkStatus.gif) no-repeat; }
.btnCheckStatus:hover	{ background: url(img/btn-checkStatusOver.gif) no-repeat; }
.btnCheckStatus span { display: none; }

.btnPayNow		{ width: 121px; height: 25px; display: block; background: url(img/btn-payNow.gif) no-repeat; }
.btnPayNow:hover	{ background: url(img/btn-payNowOver.gif) no-repeat; }
.btnPayNow span { display: none; }

.btnFileExt		{ width: 121px; height: 25px; display: block; background: url(img/btn-fileExtension.gif) no-repeat; }
.btnFileExt:hover	{ background: url(img/btn-fileExtensionOver.gif) no-repeat; }
.btnFileExt span { display: none; }

.btnOnlineStatus		{ width: 121px; height: 25px; display: block; background: url(img/btn-onlineStatus.gif) no-repeat; }
.btnOnlineStatus:hover	{ background: url(img/btn-onlineStatusOver.gif) no-repeat; }
.btnOnlineStatus span { display: none; }









.btnInPerson		{ width: 121px; height: 25px; display: block; background: url(img/btn-inPerson.gif) no-repeat; }

.btnInPerson:hover	{ background: url(img/btn-inPersonOver.gif) no-repeat; }
.btnInPerson span { display: none; }

.btnViewNow		{ width: 121px; height: 25px; display: block; background: url(img/btn-viewNow.gif) no-repeat; }
.btnViewNow:hover	{ background: url(img/btn-viewNowOver.gif) no-repeat; }
.btnViewNow span { display: none; }

.btnOnlineInterview {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f5f5f5), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #f5f5f5 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#dfdfdf');
	background-color:#f5f5f5;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	/*color:#777777;*/
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	height:100px;
	line-height:45px;
	width:300px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
.btnOnlineInterview:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #f5f5f5) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #f5f5f5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#f5f5f5');
	background-color:#dfdfdf;
	}

.btnOnlineInterview:active {
	position:relative;
	top:1px;
}
.marginbt6	{ margin-bottom: 6px; }
.hide		{ color: #FFF; }



/*----------------- SEARCH RESULT PAGE -----------------*/
.result		{ float: left; width: 245px; }
.result h2 	{ color: #444; text-transform: uppercase; font-family: "Times New Roman", Times, serif; font-weight: bold; font-size: 1.167em; line-height: 19px; padding-bottom: 10px; border-width: 0; }

.searchinfo	{ display: block; width: 100%; border: 1px solid #CCC; border-width: 1px 0; line-height: 26px; margin-bottom: 15px; }

.searchforWrap			{ float: left; width: 100%; height: 30px; background: url(img/bg-searchresult_input.gif) top left no-repeat; }
form#searchfor	 		{ }
div#searchforfieldWrap	{ width: 360px; height: 20px; float: left;  }
input#searchforfield	{ border: 0; background: none; color: #555; font-size: 11px; width: 350px; padding: 4px 0 0 4px; }
div#btnsearchforWrap	{ width: 64px; float: left;}
input#btnsearhfor		{ width: 64px; height: 21px; }
.advtxtWrap				{ padding:2px 0 0 10px; float: left; width: 200px; }
.sortsearch				{ display: block; width: 670px; margin-bottom: 23px; text-align: right; }
.sortsearch label		{ font-weight: bold; padding: 0 2px 0 15px; }

/*--------------DoMai added for Location page*/
div.locations-printing {
	float: right;
	width: 30%;
}

.mapdetail
{
	background-color: #0B77B3;
	border: 1px solid #032233;
	padding: 5px;
	width: 200px;
	position: absolute;
	color: white;
}
.mapdetail a
{
	color: white;
}

/* --- Added for /directory/family/fl_resources/ccsu-schedule.html & /directory/family/fl_resources/courtroom-schedule.html
	Also used by:
		-/directory/probate/forms-fees-files-information.html
		-/forms/formslocal.html
--- */
table.simple-table{
	border-collapse:collapse;
	width:98%;
}
table.simple-table th{
	padding:5px 1px 5px 5px;
	background-color:#e3e3e3;
	border:1px solid #666666;
}
table.simple-table td {
	padding:5px 2px 5px 5px;
	border:1px solid #666666;
}

table.simple-table td table {
	width:100%;
}

table.simple-table tr.highlight > td{
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	border-bottom:none;
	border-top:none;
}

table.simple-table td table td {
	border:none;
}

table.simple-table th.header_spacer {
	border-right:none;
}

table.simple-table th.first {
	border-left:none;
	text-align:left;
}

/* --- Added for Show/Hide Functionality in Forms Tables --- */
a.toggler{
	cursor:pointer;
}

.desktop-hide,
.no-display{
	display:none;
}

.highlight{
	background-color:#E3E3E3;
}

/*
*
* For table sorting on the forms page
*
*/
#allforms table.simple-table{
	width:100%;
}

table.simple-table th.header {
	cursor:pointer;

}

table th.header span{
	cursor:pointer;
	color:#073873;
	text-decoration:underline;
	padding-right:18px;
	background:url(img/headerSort.gif) center right no-repeat;
}

table th.headerSortUp span{
	background:url(img/headerSortUp.gif) center right no-repeat;
}

table th.headerSortDown span{
	background:url(img/headerSortDown.gif) center right no-repeat;
}

table th.header span.form-title{
	margin-right:20px;
}


/* --- Added for Media Relations -- /media-relations/current-news-releases/index.html and /media-relations/archived-news-releases/index.html --- */
.pressRelease{
	margin-bottom:20px;
}

.pressRelease .title,
.pressRelease .date,
.pressRelease .pr-content,
.pressRelease .readmore{
	margin-bottom:5px;
}

.pressRelease,
.pressRelease .title,
.pressRelease .date,
.pressRelease .pr-content,
.pressRelease .readmore {
	width:100%;
}

.pressRelease .title{
	font-weight:bold;
}

.pressRelease .date{
	font-size: 9px;
	font-style: italic;
}

.tabWrap .pressRelease{
	margin-left:30px;
	width:90%;
}

/* --- Added to indent divs (See self-help/resources/shresources.html#service for example) --- */
div.indent20 {

	margin-left:20px;
}
div.indent20 h6{margin-top:10px;}yu
div.indent20 p {
	margin-top:5px;
	margin-bottom:5px;
}

div.infoWindowWrap{
	line-height:1.35;
	overflow:hidden;
	white-space:nowrap;
}

.toolbar a:hover {
	text-decoration:none;
}

.bold { font-weight: bold; }
.red  { color:#9d0a0e; }
.vtop { vertical-align:top; }
.half { width:49%; }
.ml06em { margin-left:0.6em; }
.ml06em.half { width:48%; }
.noflashmessage { display:none; }
.center { text-align: center; }

/**************************** FOR MOBILE READY **************************/
/** Header Image Replacement **/
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{
	display:inline-block;
	background:url(img/logo.gif) no-repeat top right;
	width:335px;
	height:41px;
}

/** Language Image Replacement **/
span.korean{
	cursor:pointer;
	width:38px;
	height:12px;
	position:relative;
	top:1px;
	display:inline-block;
	background:url(img/korean.jpg) no-repeat center center;
}

span.chinese{
	cursor:pointer;
	width:38px;
	height:14px;
	position:relative;
	top:4px;
	display:inline-block;
	background:url(img/chinese.jpg) no-repeat bottom right;
	border-right: 1px solid #fff;
}

span.farsi{
	cursor:pointer;
	width:60px;
	height:14px;
	padding-left:5px;
	position:relative;
	top:4px;
	display:inline-block;
	background:url(img/farsi.jpg) no-repeat bottom center;
	border-right: 1px solid #fff;
	margin-right: 10px;
}

/** Social Network Image Replacement **/
a.inline-block,
div.inline-block  {
	display:inline-block;
}
span.facebook{
	width:48px;
	height:48px;
	margin:10px 10px 0 0;
	background:url(img/facebook.jpg) no-repeat top left;
	display:inline-block;
}

span.linkedin{
	width:48px;
	height:48px;
	margin:10px 10px 0 0;
	background:url(img/linkedin.jpg) no-repeat top left;
	display:inline-block;
}

span.twitter{
	width:48px;
	height:48px;
	margin:10px 10px 0 0;
	background:url(img/twitter.jpg) no-repeat top left;
	display:inline-block;
}
span.dgaa{
	width:220px;
	height:100px;
	background:url(img/dgaa.jpg) no-repeat bottom center;
	display:block;
}
span.fact{
	width:200px;
	height:165px;
	background:url(img/fact.jpg) no-repeat bottom center;
	display:block;
}

span.everify{
	width:120px;
	height:158px;
	margin :0px 50px;
	background:url(img/everify.jpg) no-repeat bottom center;
	display:block;
}
span.right2work{
	width:156px;
	height:123px;
	margin :0px 50px;
	background:url(img/right2work.jpg) no-repeat bottom center;
	display:block;
}




 /** OC COURTS Image Replacement **/
span.oc-courts{
	background:url(img/oc-courts.jpg) no-repeat center center;
	padding:53px 98px;
	display:block;
}


/** Our Mission Image Replacement **/
span.our-mission{
	background:url(img/our-mission.jpg) no-repeat center center;
	padding:53px 98px;
	display:block;
}

/** Old Courthouse History Image Replacement **/
span.old-courthousehistory{
	background:url(img/OldCourthouse04.jpg) no-repeat center center;
	padding:59px 98px;
	display:block;
}


/** Hero Image Replacement **/
span.online-services-img{
	display:block;
	text-indent:-9999px;
	background:url(img/online-access.jpg) no-repeat top left;
	margin:2px 0 0 2px;
	width:179px;
	height:123px;
}

span.survey-img{
	display:inline-block;
	text-indent:-9999px;
	background:url(/images/SurveyIcon_default_1.gif) no-repeat bottom center;
	margin:0 1em 0 0;
	width:107px;
	height:43px;
}


span.forms-filing-img{
	display:block;
	text-indent:-9999px;
	background:url(img/forms-filing.jpg) no-repeat top left;
	margin:2px 0 0 2px;
	width:179px;
	height:123px;
}

span.self-help-img{
	display:block;
	text-indent:-9999px;
	background:url(img/self-help.gif) no-repeat center center;
	padding-bottom:133px;
}

span.divisions-img{
	display:block;
	text-indent:-9999px;
	background:url(img/familylawgavel.jpg) no-repeat top left;
	margin:2px 0 0 2px;
	width:179px;
	height:123px;
}

span.general-info-img{
	display:block;
	text-indent:-9999px;
	background:url(img/general-info.jpg) no-repeat top left;
	margin:2px 0 0 2px;
	width:432px;
	height:123px;
}

span.oldCourthouse-img{
	display:block;
	background:url(img/oldcourthouse.gif) no-repeat top left;
	width:229px;
	height:175px;
}


/** PDF Image Replacement **/
span.icon-pdf{
	height:18px;
	width:14px;
	margin-left:2px;
	text-indent:-9999px;
	background:url(img/icon-pdf.gif) top right no-repeat;
	display:inline-block;
	vertical-align:middle;
	clear:none;
}

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

/** Button Image Replacement **/
/* need to hit all button states with this background. We can just hide this in mobile versions.*/
input#btngo,
input#btngo:hover,
input#btngo:active:focus,
input#btngo:active,
input#btngo:focus{
	background:url(img/btn-go.gif) no-repeat center center;
	border:none;
	padding:none;
	cursor:pointer;
}

/** Remove table borders **/
.onlineTable table.simple-table td 	{ border:none; }

/** Only show this at mobile resolutions **/
input#btngomobile {
	display:none;
	background-color:#073873;
}

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

.menushowhide,
.searchshowhide
.location-link{
	display:none;
}

.mobile-title{
	display:none;
	visisbility:hidden;
}
.panel{
	display:none;
}

/* Search Results need to be 100%*/
#cse-search-results iframe { width:100%; }

/** Style id = "map-cnavas" for locations page **/
#map-canvas{ width: auto;  height: 380px;  margin:	.7em 2.5em .7em .7em; }

/* index page image */
.oldCourthouse { display: none; }

/* feedback and contact us font-icons */
.icon-bubble, .icon-user { display: none; }

/* Toolbox class -- just add an extra span with this class for alternate text (after your standalone icon fonts, standalone images, etc.) */
.alt-text 	{ display: block; text-align:left; text-indent: -9999px; width: 0; height: 0; clear:none; float:left; }

.whatforms table { width:590px; }
.address { display:inline-block; width:48%; vertical-align:top; }

.callinimg { width: 95%; padding:0 0 25px 0; }
.textcenter { text-align:center; }

 /* When tables that are too big on a mobile phone in the content area, we create a link to an html page which contains only the table (so as not to break the mobile template).  These styles are for those pages. */
body.contentOnly { background:none; }
body.contentOnly .legend 		{ width:98%; }
body.contentOnly .legend,
body.contentOnly .simple-table 	{ max-width:900px; min-width:600px; margin:0 auto; }
body.contentOnly .icon-pdf		{ display:none; height:0; width:0; }


input.simple-button {
    padding:5px;
    overflow: visible;
}

input.blue-button {
    background-color:#073873;
    color:#FFFFFF;
    margin-bottom:10px;
}

div#busySearchPerson {
    display:inline;
    padding-left:25px;
}
div#busySearchDate{
    margin-left:35px;
    float:right;
    display:inline;
    margin-right:25px;
}

div#busySearchEntity {
    float:right;
    display:inline;
    margin-right:25px;
}

#payment-entry table td,
#payment-confirmation table td{
    padding:5px 2px 5px 0;
}
#payment-entry table input{
    padding:2px 0 2px 0;
}

#payment-entry select{
    height:20px;
}
.calendarbox{
  background-image: url(img/icon_calendar.gif);
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 3px;
  cursor: pointer;
  font-size: 11px;
}

.collapsible-icon,
.selectedPlaceholder{display:none;}