/* =============================================================================================================================== */
/* ========== NOTE:  The PowerUpASP.net TreeView control looks for this StyleSheet by name, (USLO.css)                ============ */
/* ==========        It doesn't matter what Theme is current, as long as the theme has a 'USLO.css' file in it's root ============ */
/* ==========        with styles for the PowerUpASP.net control (.MyNode, etc...)                                     ============ */
/* =============================================================================================================================== */

/* Default Styles */
html { font-size:.625em; }
body { margin:0; padding:0; color:#000000; background:#ffffff; }
body, td, input, textarea, option, select { font-family: Verdana, Arial, Helvetica, sans-serif; }
input, textarea, option, select { font-size:1em; }

/* p, table { padding:0; margin:0 0 1.2em 0; } */
p { padding:0; margin:0 0 1.2em 0; }
ul, ol { margin:0 0 0 3.5em; padding:0; }
li { margin:0 0 .5em 0; padding:0; }
.clear { clear:both; line-height:1px; }
.floatLeft { float:left; }
.floatRight { float:right; }
a img { border:none; }

h1, h2, h3, h4, h5, h6 { margin-top:0; margin-bottom:.5em; padding:0; }

h1 { font-size:1.3em; color:#a01a1a; text-transform:uppercase;  }
h1 em { font-style:normal; color:#e8ae2e; }
h2 { font-size:1.3em; }
h3 { font-size:1.2em; }
h4 { font-size:1.1em; }
h5 { font-size:1em; }
h6 { font-size:.9em; font-weight:normal; }

/* base font size: 1.1em = 11px, 1.2em = 12px */
body { font-size: 1.0em; }

span.sectionHeader { font-family:"Trebuchet MS"; display:block; padding-top:4px; margin-bottom:10px; background:#0076a3 url(images/tabTopRight.gif) right top no-repeat; }
	span.sectionHeader span { color:#ffffff; font-size:1.1em; font-weight:bold; text-transform:uppercase; display:block; padding:0 0 4px 11px; background:url(images/tabBottomLeft.gif) left bottom no-repeat; }


/* Start: 2007-06-13 - JB WebTech Modification. */
.spanInvalidLoginMessage {font-weight: bold; color: #ff0000;}
.sandboxHeader { background-color: Red; color: White; text-align: center; font-weight: bolder; margin-bottom: 5px; }
.sandboxFooter { background-color: Red; color: White; text-align: center; font-weight: bolder; margin-top: 5px; }
/* End: 2007-06-13 - JB WebTech Modification. */


/* Custom Styles */
body { _text-align:center; background:#f7f6f3; }
	#wrap { width:807px; margin:0 auto; text-align:left; background:url(images/bg-wrap.gif) repeat-y; }
		#wrap-inner { position:relative; margin:0 23px 0 22px; padding-bottom:10px; }
		
			/* Header */
			#header { position:relative; display:inline-block; background:url(images/bg-navigationTop.jpg) left 109px no-repeat; }	
				#header img { vertical-align:top; }			
				#header img.stateLogo { margin-top:2px; }
				ul#topNav { float:right; font-family:"Trebuchet MS"; font-size:1.2em; font-weight:bold; }
			        /* 2007-07-16 - JB WebTech Modification.  Changed width from 9.34em to 7.78em to add an "FAQ" tab. */
					ul#topNav li { display:block; width:9.34em; margin-left:2px; padding-bottom:4px; margin-bottom:0; text-align:center; float:left; background:#0076a3 url(images/tabBottomLeft.gif) left bottom no-repeat; }
						ul#topNav li a { color:#ffffff; text-decoration:none; display:block; padding-top:4px; background:url(images/tabTopRight.gif) right top no-repeat; }
						ul#topNav li:hover { background-color:#f26f2f; }
				#toolsNav { position:absolute; top:62px; right:10px; }
			
			/* Top Image */			
			#topImage { margin: 4px 0px 0px 0px; position: relative; width: 567px; float: right; padding-bottom: 4px; }
			/*#topImage img.floatRight { margin: 4px 0px 0px 0px; position: relative; width: 567px; float:right; }*/
						
			/* Main Body */
			#main-body { display:inline-block; position:relative; clear:both; border-top:4px solid #fff; border-bottom:5px solid #fff; }
			#home #main-body { background-image:url(images/bg-mainBody-home.gif); }	

			/* Members Area */
		    /* 2007-07-09 - JB WebTech Modification.  Added "width:169px" to the #membersArea class. */
		    #MemberAreaAndLeftBar {float:left;}
			    #membersArea { float:left; width:169px; margin:4px 0 0 0; padding:0 0 20px 20px; background:#f6f6f3; }
				    #membersArea p { font-size:1.1em; color:#0076a3; font-weight:bold; text-transform:uppercase; padding-top:10px; }
				    #memberLoginForm { float:left; margin:0; padding:0; }
					    #memberLoginForm input { margin-bottom: 5px; }
				    #memberLoggedIn { float:left; margin:0; padding:0; }
					    #memberLoggedIn input { margin-bottom: 5px; }

                    /* ==================================================================================================================
			        /* 2007-07-28 - JB WebTech Modification.  Added "#membersArea a: ...".  This was copied from "#content a:..." and
                                    modified the "visited" style to be the same as the "link" style */
				    #membersArea a:link { color:#0076a3; font-weight:bold; text-decoration:none; }
				    #membersArea a:visited { color:#0076a3; font-weight:bold; text-decoration:none; }
				    #membersArea a:hover, a:focus { color:#f26f2f; }
				    #membersArea a:active { color:#f26f2f; }
                    /* ==================================================================================================================
			
			    /* Left Bar */
			    #leftBar { width:189px; float:left; overflow:hidden; position:relative; clear:left; }
			    /*#home #leftBar {  width:189px; float:left; overflow:hidden; position:relative; clear:left }*/
				    #leftBar .sectionHeader { background-color:#e8ae2e; }	

                /* ==================================================================================================================
			    /* 2007-07-28 - JB WebTech Modification.  Added "#membersArea a: ...".  This was copied from "#content a:..." and
                                modified the "visited" style to be the same as the "link" style */
				#leftBar a:link { color:#0076a3; font-weight:bold; text-decoration:none; }
				#leftBar a:visited { color:#0076a3; font-weight:bold; text-decoration:none; }
				#leftBar a:hover, a:focus { color:#f26f2f; }
				#leftBar a:active { color:#f26f2f; }
                /* ==================================================================================================================
										
				/* Content */
			    /* 2007-07-26 - JB WebTech Modification.  Options for #content using "top" attribute trying to fix content height when adding links to the member's area. */
				#content { width:565px; float:right; color:#414b52; margin:0 0 0 6px; line-height:1.6em; position:relative; }
				#home #content { width:565px; float:right; color:#414b52; margin:0 0 0 6px; line-height:1.6em; position:relative; }
				/*
				#content { width:565px; float:left; color:#414b52; margin:0 0 0 6px; line-height:1.6em; position:relative; }
                */
					#content h1 span span { padding-left:44px; }
					#home #content h1 span span { padding-left:0; text-align:center; display:block; }
					#topBlurb { margin:0 45px 1.2em 45px; }
					#innerContent {  margin:0 31px 0 30px; background:#e7e6ea url(images/bg-innerContent.gif) 0 35px repeat-x; }
						#home #mapTopText { margin:12px 50px; }
						#innerContent #details { position:relative; margin-top:15px; padding-bottom:35px; }
						#innerContent #details label.Step2Note {position:relative; top:5em; left:1em; width:100px; line-height:1.2em; font-size:.9em; text-align:right; font-weight:normal; }
						#innerContent #details p.note { top:10em; left:2em; width:100px; line-height:1.2em; font-size:.9em; text-align:right; }
						#home #innerContent #details p.note { top:0; left:280px; font-size:1.1em; text-align:left; width:200px; line-height:1.3em; }
						#innerContent #details #step3 div.note { width:140px; float:right; padding-right:10px; line-height:1.3em; }
							#innerContent #details #step3 div.note strong { color:#f26f2f; }
						#innerContent #details label { width:110px; float:left; display:block; text-align:right; margin:0 8px; clear:left; font-weight:bold; line-height:1.2em; }
						#innerContent #details textarea { width:28em; height:10.5em; margin-bottom:14px; }
						#innerContent #details input.textInput { width:20em; margin:5px 0 14px 0; }
						#innerContent #details #divUpdateProgress { width:20em; margin:5px 0 0px 40px; color:Red; }
						#innerContent #details select { width:20em; margin:5px 0 10px 40px; }
						#innerContent #details #step3 input.textInput { width:18em; margin:0 0 7px 0; }
						#innerContent #details #step3 select.textInput { width:18.5em; margin:0 0 7px 0; _display:inline; }
						#innerContent #details input.checkbox { margin:5px 5px 0 0; }
						#innerContent #details input.radio { margin:5px 5px 0 0; }
						#innerContent #details span { margin:0 15px 0 0; }
						#innerContent #details label.contact { color:#414b52; width:110px; float:none; display:inline; text-align:right; margin:0 0px; clear:none; font-weight:normal; line-height:1.2em; }
						#innerContent #details input.continue { margin:15px 0 0 230px; }
					#content a:link { color:#0076a3; font-weight:bold; text-decoration:none; }
					#content a:visited { color:#333333; }
					#content a:hover, a:focus { color:#f26f2f; }
					#content a:active { color:#f26f2f; }
					
			        #lawFirmList { margin:0 45px 0 45px; }
				        .firmChoice { background: #f1f1f2; border-top: 1px solid #d6d6d6; height: 100%; margin-top: 8px; padding-right: 15px; padding-left: 15px; padding-bottom: 0px; padding-top: 8px; }
				        /*.firmChoice { background:#f1f1f2; border-top:1px solid #d6d6d6; margin:0; padding:8px 15px 4px; }*/
				        .firmChoice span.bullets { color:#a01a1a; margin-left:15px; }
				        .firmChoice a, .firmChoice a:visited { font-size:1em; color:#a01a1a !important; }
				        .firmChoice a:hover, .firmChoice a:active { color:#0076a3 !important; }
					
					/* Footer */			
					#footer { display:inline-block; color:#636363; margin:13px 0 0 0; padding:7px 18px 10px 18px; text-align:center; background:#e7e7e9; line-height:1.45em; border-top:3px solid #918f8f; }
					#home #footer { padding-top:15px; background-position:top; margin:0; }	
						#footer a { color:#636363; text-decoration:none; }
							#footer a:hover { color:#a01a1a; }
						#footer #sponsors { padding-right:0px; margin-bottom:14px; _margin-bottom:20px; }
							#footer #sponsors div.floatRight {  }
								#footer #sponsors div.floatRight a img { display:block; margin:0 8px 0 0 ; }
							#footer #sponsors a img { margin:0 7px; }
						#footer #feedsAndLinks { float:right; display:inline; margin-right:8px; }
							#footer #feedsAndLinks div.floatLeft { display:inline; margin:0 5px; padding:0 5px; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; }
						#footer #bottomNav { margin:0 0 .5em 8px; }
						#copyright { margin-left:8px; }
						

/* ====================================================================
/* 2007-07-28 - JB WebTech Modification.  Added the following styles */
/* ====================================================================

/* ===================================== */
/* ========== HTML ELEMENTS ============ */
/* ===================================== */

/* ======================================== */
/* =========== PowerUpASP.net ============= */
/* ========== TreeView Control ============ */
/* ======================================== */
.MyNode, .MyNodeOver, .MyNodeSelected, .MyNodeLoading {
    font-family: verdana, sans-serif;
    font-size: 12px; /* cursor: hand; */
}

.MyNode {
    color: #EB5300;
}

.MyNodeOver {
    color: #FFB389;
}

.MyNodeSelected {
    background-color: #EB5300;
    color: white;
}

.MyNodeLoading {
    color: red;
}