/*Global CSS file for structure only*/
 
body {font-size: 62.5%; margin:0 10px; padding:0;}
a img {border:none;}

/*definitions*/
.clear {clear:both;}
/*end definitions*/

#wrapper {width:980px;}

/*header*/

/*global navigation -- i wonder if this can happen w/o the div*/
#globalnav {width:980px; background: #DEDEDE; font: 1.1em Verdana,Arial,sans-serif !important; height:25px;}
#globalnav ul {padding:3px 0; margin:0; border-top: 3px solid #454343;list-style: none; width:645px; float:left;}
#globalnav ul li {background: url(http://www.law.com/img/universal/bullet_global.gif) no-repeat 0% 80%; padding-left: 7px; margin: 0 10px 0 10px; float:left;}
#globalnav ul li a {text-decoration: none; color: #000;}
#globalnav #loginbar {
	text-align: right;
	float: left;
	margin: 0;
	width:335px;          	/*customizes nav bar width for wider sites, eg calLaw and other regional*/
	border-top: 3px solid #454343;
	padding: 3px 0;
}
#globalnav #loginbar a{
	color: #000;
	font-weight: bold;
	text-decoration: none;
	margin-right:5px;
}

/*end global nav*/

#leaderboard {height:90px; text-align:center; padding:4px 126px;}

#mast {width:980px; height:70px; text-align:left;}
#icmast {width:980px; height:70px; text-align:left;}
#logo {float:left; width:500px;}

/* Quest search box */ 
#searchBox {float: right; height:70px; width: 238px; } 
#icsearchBox {float: right; height:84px; padding-top: 8px; width: 202px; } 
#optTab { margin: 0; padding: 4px 0 0 0; list-style: none; width:200px; } 
#optTab li { float: left; padding: 2px 5px 1px 5px; margin: 0; line-height: 10px; } 
#optTab li span a { color: #000; font-style: normal; text-decoration: none; font-family: Arial; font-size: 9px; } 
#optTab li span a:hover { text-decoration: none; } 
#optTab .norm { background-color: #EEEFFB; } 
#optTab .sel { background-color: #C3CCD5; } 
.searchtxt { border: 1px solid #c7cddb; margin:0; background-color:#fff; float:left;;height:18px; margin-right:2px;} 
.searchtxt input {margin:0; padding: 0; border:0;width:183px;height:18px;}
.gobtn {width:26px; height:23px;float:left;margin:0;}
/*.sfrow { margin: -1px 0 0 0; padding:0; float: left; } 
.textbox{ border: 1px solid #c7cddb; width:185px; height: 20px; vertical-align: top; margin:0; padding: 0; }
/* Quest search box */

#horiznav {width:980px; height: 20px; margin:0 0 10px 0; clear:both;}
/*end header*/

#content {width:980px; clear:both; padding-bottom:10px;}


/*left nav styles - no flyout functionality - for homepage and hubpage*/
#leftnav {width:160px; float:left;}
#leftnav #services {border:1px solid #ddd; background-color:#fff; padding:5px; margin:0; text-align:center;}
#leftnav #services h2 {font-size:1.15em; line-height:28px; margin:0; padding:0; font-weight: bold; background:#B3C0DC url(http://www.law.com/img/universal/srvbar_header.gif) no-repeat left top;height:28px;}
#leftnav #services a {color:#000;}
#leftnav #services ul {padding:0 0 6px 0; margin: 0; list-style:none; font: bold 1.0em verdana; background:#B3C0DC url(http://www.law.com/img/universal/srvBar_btm.gif) no-repeat bottom left;}
#leftnav #services ul li a {display:block; background-image:url(http://www.law.com/img/universal/yllwLink_graphic.gif); height:14px;margin-bottom:4px;}
#leftnav #services ul li a:hover {color:#4A2500; background-image:url(http://www.law.com/img/universal/whtLink_graphic.gif); text-decoration:none;}
#leftnav #services li.sites {background-image:url(http://www.law.com/img/universal/sites_graphic.gif); height:18px; text-indent:-4000px;}
#leftnav #services li.resources {background:url(http://www.law.com/img/universal/resources_graphic.gif) no-repeat bottom left; height:24px; text-indent:-4000px;}
/*end left nav*/

/*index styles*/
#homecenter {width:644px; margin: 0 8px; float: left;}
#lawjobsSearch {margin: 10px auto; width:125px; text-align:left;}




/*lawJobs section*/

#lawJobs { background-color:#F1F1F1; padding:8px; overflow: hidden;text-align:left; }
#skyscraper #lawJobs {margin:0 0 16px 0; }
#lawJobs img { padding:0; }
#lawJobs h2 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#A5453B; }
#skyscraper #lawJobs h2 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#A5453B; background: none;padding: 0;margin-bottom: 6px;}
#lawJobs h3 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#000000;  }
#lawJobs p { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:10px; color:#A5453B; margin: 0 0 8px 0; }

#lawJobsLinks { text-align:left;font: bold 10px arial; color:#A5453B; background-color:#F1F1F1; margin-bottom:0px;}
#lawJobsLinks a { color: #aa1000; }
#lawJobsLinks p { margin: 0; color: #aa1000; }

/* Styles used by the lawjob include */
#lawJobs .Featured { font-size: 11px; background-color: #f1f1f1; font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; margin:0; }
#lawJobs .Featured a { color: #aa1000;}
#lawJobs .Featured .title { color:#3E625A; font-weight:bold; padding-top: 0pt; padding-right: 0pt; background-repeat: no-repeat; background-attachment: scroll; background-x-position: 0pt; background-y-position: 3px; }
#lawJobs .Featured .careersSearchPodTitle2 { text-align:center; color: #177e7f; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; letter-spacing: -1px; font-weight: bold; padding-top: 7px; padding-bottom: 5px; }




/*end lawJobs section*/



/*end index*/

/*hubpage styles*/
#content #hubpage {float:left; width:628px; margin: 0 16px;}
#hubpage h2 {font: bold 1.8em arial; color: #000; margin:0 0 15px 0; text-transform:uppercase; border-width: 0 0 1px 0; border-style:solid;}
.one-column h1, .two-columns h1 {margin-bottom:0;margin-top:16px;}
.one-column p, .two-columns p {margin-top:10px;}
#hubpage .digest img {float:right; margin:8px 0 0 8px;}
.digest {clear:both;}

/*hubpage 1 only*/
#content #hubpage .one-column {width:590px;}
/*end hubpage 1 only*/

/*hubpage 2 only*/
#content #hubpage .two-columns {width:378px; float:left;}
#content #hubpage .spotlight ul {margin:0px 0 20px 0; padding:0; list-style:none;}
/*#content #hubpage .two-columns .spotlight div {float:left; width:136px; margin:2px 0 8px; font-size:.9em;}*/
#content #hubpage .two-columns .spotlight img {width:128px; height: 128px; margin:2px 8px 4px 0;}
#content #hubpage .two-columns .spotlight p.clear {clear:both; line-height:1px; margin:0; display:block;}

/*featured section content boxes*/
#featured {float:right; width:234px; margin:0 0 0 16px;}
#featured .contentbox {margin-bottom:12px;}
#featured .contentbox p {font-size:1.1em; margin:16px 8px;}
/*end featured section content boxes*/
/*end hubpage 2 only*/


/*advertisment*/
#skyscraper { float: left; width: 160px; text-align: center; overflow: hidden; }
#skyscraper h3 {font-size: 1em; font-weight:normal; text-transform: uppercase; margin:0 0 10px 0;}
#skyscraper table {margin:0 auto;}
/*end ad*/
/*end hubpage*/

/*advertisment*/
#advert125x125 { float: left; width: 160px; text-align: center; overflow: hidden; margin:0 0 7px 0;}
#advert125x125 h3 {font-size: 1em; font-weight:normal; text-transform: uppercase; margin:0 0 10px 0;}
#advert125x125 table {margin:0 auto;}
/*end ad*/

/*article styles*/
/*section / article tools */
#articletools {margin:8px 0 0 16px; width: 964px;}
#articletools ul {margin:0; padding: 0; list-style:none; text-align: right;}
#articletools ul li {display:inline;}
#articletools ul li img {vertical-align: middle;}
#articletools h2 {font: bold 1.8em arial; text-transform:uppercase; color:#000; margin-top:0;width:400px; margin:0; float:left; padding-left:0;}
/*end section / tools*/

#article {float:left; width:662px; padding:0; margin-top:15px;}
#article h1, #article h2, #article h4, #article p.byline, #article p.source, #article p.date, #article #articlebody, #article p.court, #article p.judge, #article p.caseno, #article p.practiceArea, #article .caselink{padding-left: 16px;} /*work around for IE margin bug*/

/*image blocks*/
#imageblock1 {width:300px;float: right; margin: 0 0 15px 16px;}
#imageblock1 img {width:300px;}
#imagebox {margin:0 0 10px 16px; float:right; clear:right; text-align:center;}
#imagebox .img {float:left; text-align:left;}
#imagebox-vertical {float:right;}
.img img {margin-bottom:4px;}
#article .no-image {display:none;}
/*end image blocks*/

/*right column / advertisement*/
#rightcol {float:left; width:300px; margin-left: 16px; text-align:center;}
/*related links box*/
.links { margin:15px 0; text-align: left;}
.links ul {margin:0; padding: 0; }
.links ul li {margin-bottom:12px;}
/*end related links box*/
/*advertisement*/
#rightcol h3 {font-size: 1em; font-weight:normal; text-transform: uppercase; margin:15px auto 10px auto;}
/*end advertisement*/
/*end right column*/
/*end article styles*/

/*  Chart Styles */
#chartpage {padding-left:16px;}
#chartbody {margin: 0 16px 0 0; float:left; width: 788px;}
#chartbody h2 {font:bold 1.8em arial; color: #000; margin:0 0 15px 0; border-bottom: 1px solid #D4D8D4; text-transform:uppercase;}
#chartbody p {font-size:1.2em; padding-right:48px;}
#chartbody h1 {font-size:1.6em; margin:0; line-height: 1.25em}
#chartbody table {border:0; font-size: 1.1em;  padding-right:48px;}
#chartbody table td {padding: 1px;margin: 1px;}
#chartbody table th {font-weight: bold;color: #fff;text-align:center;padding: 1px;margin: 1px;}
#chartbody td.white {background-color: #fff;} /*for older charts*/
#chartbody td.subhead1, #chartbody td.subhead2 {color: #fff; font-weight: bold;}

/* START beige and brown chart color*/
#chart table td {background-color: #E5E3C4;}
#chart table th {background-color: #4A4946;}
#chart p {font-size: 1.1em;}
#chart td.subhead1, .chart td.subhead1  {background-color: #B68E39;}
#chart td.subhead2, .chart td.subhead2  {background-color: #73706E;}
/* END beige and brown chart color*/

/* START Cool Hues chart color*/
#chartblue table td {background-color: #ECF0F0;}
#chartblue table th {background-color: #4265A5;}
#chartblue p {font-size: 1.1em;}
#chartblue td.subhead1, .chartblue td.subhead1  {background-color: #859CC5;}
#chartblue td.subhead2, .chartblue td.subhead2  {background-color: #BBD4F3; color:#000;}
#chartblue a, #chartblue a:hover{color: #205872; text-decoration: underline;}
/* END blue chart color*/

/* START red hues chart color
#chartred table td {background-color: #EBE9D1;}
#chartred table th {background-color: #9C1A1F;}
#chartred p {font-size: 1.1em;}
#chartred td.subhead1, .chartred td.subhead1  {background-color: #6D2D2D;}
#chartred td.subhead2, .chartred td.subhead2  {background-color: #A7A680;}
#chartred a, #chartred a:hover{color: #205872; text-decoration: underline;}
/* END red hues chart color*/

/* START red hues chart color*/

#chartred table td, table #chartred td {
	font: 10px verdana;
	background-color: #EBE9D1;
	padding: 1px;
	margin: 1px;
}
#chartred table th, table #chartred th {
	font: bold 10px verdana;
	color: #fff;
	background-color: #9C1A1F;
	text-align:center;
	padding: 1px;
	margin: 1px;
}
#chartred td.white {
	background-color: #fff;
}

#chartred h1, h1.chartred {
	margin: 10px 0;
	font: bold 16px verdana;
}

#chartred p {
	font: 11px verdana;
	width: 650px;
}

#chartred td.subhead1, .chartred td.subhead1  {
	background-color: #6D2D2D;
	color: #fff;
	font-weight: bold;
}

#chartred td.subhead2, .chartred td.subhead2  {
	background-color: #A7A680;
	color: #fff;
	font-weight: bold;
}

#chartred a, chartred a:hover{
	font: normal 10px Verdana, Arial, sans-serif; 
	color: #205872; 
	line-height: 12px; 
	text-decoration: underline;
}

/* END red hues chart color*/

/* START gray chart color*/
#chartgray table td {background-color: #EEEEEE;}
#chartgray table th {background-color: #000000;}
#chartgray p {font-size: 1.1em;}
#chartgray td.subhead1, .chartgray td.subhead1  {background-color: #464B60;}
#chartgray td.subhead2, .chartgray td.subhead2  {background-color: #999999;}
#chartgray a, #chartgray a:hover{color: #205872; text-decoration: underline;}
/* END gray chart color*/
/*END Chart styles*/

/*form styles*/
/*sign in page*/
dl#signinform {font-size:1.1em; width:580px; line-height:20px;}
dl#signinform dt {font-weight:bold; float:left; margin:0; width:75px; padding-bottom:8px;}
dl#signinform dd {float:left; margin:0; width:505px; padding-bottom:8px;}
/*end signin page*/

/*contact page*/
dl#contactform {font-size:1.1em; width:580px; line-height:20px;}
dl#contactform dt {font-weight:bold; float:left; margin:0; width:150px; padding-bottom:8px;}
dl#contactform dd {float:left; margin:0; width:430px; padding-bottom:8px;}
/*end contact page*/

/*sendEmail page*/
dl#emailform {font-size:1.1em; width:580px; line-height:20px;}
dl#emailform dt {font-weight:bold; float:left; margin:0; width:150px; padding-bottom:8px;}
dl#emailform dd {float:left; margin:0; width:430px; padding-bottom:8px;}
/*end sendEmail page*/
/*end form styles*/

#bottomclear {clear:both;height:10px;line-height:10px;}
#footer {clear:both; width:980px; font-size:1.1em; text-align: center; padding-bottom:10px;}