/*Practice Center CSS Document*/

/* Begin HTML tags */

body { margin: 0;}

a { text-decoration: none; }
a:hover { text-decoration: underline; }

* { font-family: Arial, Helvetica, sans-serif; }

img { border: 0; margin: 0px;}

.left{ float: left;}
ul.right_list{ float: right; margin-right:80px;}

.clear{ clear: both; margin: 0; padding: 0;}

select{ font-size: 12px;}
/* End HTML Tags */




/* Begin Global Nav, Masthead and Top Search box styles */

#container { width: 768px; margin: 0px;padding:0; float: left; background-color: #e7e7e7;}

/*global navigation -- i wonder if this can happen w/o the div*/
#globalnav { width:768px; background: #DEDEDE; font: 10px Verdana,Arial,sans-serif !important; height:25px; } 
#globalnav ul { padding:2px 0; margin:0; border-top: 3px solid #454343; list-style: none; width:768px; } 
#globalnav ul li { background: url(http://www.law.com/img/universal/bullet_global.gif) no-repeat 0% 80%; float:left; margin: 0 15px; padding: 0 0 0 7px; } 
#globalnav ul li a {text-decoration: none; color: #000; font-size:11px;} 
#globalnav #loginbar { text-align: right; float: left; margin: 0; width:100px; border-top: 5px solid #EF0B08; padding: 2px 0; } 
#globalnav #loginbar a { color: #000; font-weight: bold; text-decoration: none; margin-right: 5px; }
/*end global nav*/

#leaderboard { height: 100px; width: 768px; background-color: #858585; text-align: center; border: 0; padding-top: 5px; }

#masthead { padding: 0; margin: 0;width:768px;height:85px;background-color:#2b9bc3;}


/* left nav styles */

#leftnav_blue { width: 159px; float: left; position: relative; margin: 0;}
#leftnav_blue h2{ background: #fff url(/img/centers/redesign07/blue_down_arrow.jpg) no-repeat right; text-transform: uppercase; padding: 2px 3px; line-height: 16px; margin: 0px; font-family: arial, sans-serif; font-size: 10px; font-weight: bold; }
#leftnav_blue h2, #leftnav_blue h2 a, #leftnav h2, #leftnav h2 a { color: #000;  }

#leftnav_blue ul { margin: 0; padding: 0; list-style: none; border-bottom: 6px solid #08719c; }
#leftnav_blue ul li{ position: relative; border-bottom: 1px solid #fff; background: #004d84  url(/img/centers/redesign07/grey_right_arrow.jpg) no-repeat 3px 3px; font-size: 10px; line-height: 23px; margin: 0px; width: 100%; font-weight: bold;}
#leftnav_blue ul li a { color: #fff; }
#leftnav_blue ul li a:hover { color: #fff; }

#leftnav #pcbox h2{ background: #fff; text-transform: uppercase; padding: 2px 3px; line-height: 16px; margin: 0px; font-family: arial, sans-serif; font-size: 10px; font-weight: bold; text-align: center; }
#leftnav h2 { color: #000;}

#leftnav { width:160px; float:left;position:relative;margin:0; }
#leftnav #hubnav ul { margin: 0; padding: 0; list-style: none; border-top: 8px solid #de9618; border-bottom: 1px solid #fff; background-color: #FFD984;}
#leftnav #hubnav ul.last { border-bottom: 2px solid #bdc7e7;}
#leftnav #hubnav ul li{ padding: 0px; margin: 0px; font: bold 10px arial; line-height: 13px; border-top: 1px solid #fff; border-bottom: 1px solid #FFD984;}
#leftnav #hubnav ul li a{ margin: 0px; padding: 2px 0px 2px 12px; color: #000; background:#FFD984 url(/img/centers/redesign07/drkorg_arrow.gif) no-repeat 3px 4px; text-decoration: none; display: block;}
#leftnav #hubnav ul li a:hover{ background-color: #F9C44C;}


#leftnav #searchbox { background: #fff url(/img/centers/redesign07/gray_fade.gif) repeat-y; }
#leftnav #searchbox p {font-family: Arial; font-size: 11px; font-weight: bold; color: #000; margin: 6px  -3px; }
#leftnav #searchbox .tf{width: 130px;  border: 1px solid #d6d3d6; border-top: 2px solid #949294; font-weight:normal;}
#leftnav #searchbox .go{margin-bottom: 0px;}
#leftnav #searchbox p.searchTitle { font: bold 11px arial;color:#074E7A;margin: 3px;padding:0; }
#leftnav #searchbox form { margin:0;padding:4px;}

#leftnav #pcbox{ background: #fff url(/img/centers/redesign07/orange_fade.gif) repeat-x;}
#leftnav #pcbox form { padding:5px;margin:0px 7px; }

/*services bar*/
#leftnav #services {border:1px solid #ddd;padding:6px; margin:0; text-align:center;}

#leftnav #services h2 { font-size:10px;line-height:28px; font-family: verdana; margin:0; padding:0; font-weight: bold; background: url(http://www.law.com/img/universal/srvbar_header.gif) no-repeat left top;height:28px;text-align:center; }
#leftnav #services a {color:#000;margin:0;}

#leftnav #services ul {padding:0 0 0 0; margin: 0 0 0 0px; list-style:none; background: #B3C0DC url(http://www.law.com/img/universal/srvBar_btm.gif) no-repeat bottom center;width:146px; }


#leftnav #services ul li a {display:block; background: url(http://www.law.com/img/universal/yllwLink_graphic.gif) no-repeat;margin:0;padding:0 0 4px 0;font: bold 10px verdana;width:146px;height:14px;}

#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 ul li.sites { background:  url(http://www.law.com/img/universal/sites_graphic.gif); height:18px; text-indent:-4000px;}
#leftnav #services ul li.resources {background: url(http://www.law.com/img/universal/resources_graphic.gif) no-repeat bottom center; height:24px; text-indent:-4000px;}

/*end services*/


/* end left nav styles */

/*NEW Article Page Styles*/

#articlePageContainer { background-color:#FFFFFF; float:right; width:607px; overflow:hidden; word-wrap: break-word; }
#articlePageContent { margin-left:30px; }

#sectionHeaders h2 { font-family: Arial; font-size: 11px; font-weight: bold; color: #074E7A; border-bottom: 5px solid #B6C7D9; }


/*end new styles*/


/* index page styles */



#hubCenter { float: left; overflow: hidden; width: 409px; margin: 20px 0 20px 10px; padding: 0;background-color:#fff;}

#pchubcenter { float: left; overflow: hidden; width: 448px; margin: 0;background-color:#fff;display:inline;padding: 10px 0px; } 
#pchubcenter #paselect { margin: 0px 30px;}
#pchubcenter h2.sectionhead { margin: 0px 30px 8px 30px; font: bold 11px arial; color: #074E7A; border-bottom: 5px solid #B7C7E0; padding: 3px 0px; text-transform: uppercase; }
#pchubcenter h2.choosepahead { font: bold 14px arial;color: #000; }

#recentStories {padding-left: 2px;}
#recentStories h2 a, h1.headline { font-family: Arial; font-size: 12px; line-height: 17px; font-weight: bold; color: #000; }
#recentStories p { margin: 10px 0 15px 0;  font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 12px; color: #000; line-height: 15px;}
#recentStories img { position: relative; margin: 4px 8px 3px 0px; float: left;}
#recentStories p.source, #articleLeft .sourcesection { font-family: Verdana; font-size: 10px; line-height: 15px; font-weight: normal; color: #000;}


/* advertorial styles */
#advertorial { border-bottom: 2px dotted #999; background: #fff url(/img/ltn/iht/sponsor_spotlight_bg.gif) repeat-x; position: relative; width:409px; margin-top: -4px; margin-bottom: 30px;}
#advertorial h3 { font-weight: bold; font-size:14px; font-family: arial,sans-serif; margin: 4px 10px 5px 10px; padding-top: 2px;}
#advertorial a h3{ color: #000; text-decoration: none;}
#advertorial a:hover h3 { text-decoration: underline; }
#advertorial p { font-family: verdana;  font-size: 10px; color: #000; margin: 8px; }
#advertorial a { text-decoration: underline; }
#advertorial img { position: relative; float: right; margin: 3px 0px 3px 5px; }

/* End index page styles */



.headline{ font-family: Arial; font-size: 12px; line-height: 17px; font-weight: bold; color: #000; }
a.headline:hover { color: #31659C; text-decoration: underline; }

/* end advertorial styles */


/* Right column styles */

#rightColumn { float: right; width: 160px; margin: 0; padding: 0; text-align: left; }
#rightColumn .tilead { text-align:center;margin: 8px 0px;}

#skyscraper { text-align: center; }

/* End Right column styles */

/* End Main Page Styles */

/* Pub Article Styles */
#articleContent {background: #fff; position: relative;border: 1px solid #000;}

#articleRight { float: right; width: 300px; position: relative; margin: 20px 0 5px 17px; vertical-align: text-top; padding:0;}
#articleRight table td{ margin: 0;}
#articlePageContainer #articlePageContent #articleRight #related_items ul { margin: 5px 0 0 0; padding: 0 0 0 0; list-style: none; display: block; font:10px verdana;}
#articlePageContainer #articlePageContent #articleRight #related_items ul li a{background: url(/img/front_page/orange_triangle.gif) no-repeat 0px 4px; padding-left: 8px; text-decoration: none; color: #083994;}
#articlePageContainer #articlePageContent #articleRight #related_items ul li a:hover {background: url(/img/front_page/orange_triangle.gif) no-repeat 0px 4px; text-decoration: underline;}

#articleLeft{ font-family: Verdana;font-size: 11px;line-height: 16px;font-weight:normal;color: #000;}
#articleLeft h1 { font: bold 12px/17px arial;color: #000;margin: 30px 0 3px 0; }
#articleLeft h2 { border-bottom: 5px solid #B7C7E0;font: bold 11px arial;color: #074E7A;text-transform:uppercase;}
#articleLeft a {color: #000;text-decoration:underline;}
#articleLeft ul {list-style-position: inside;}
#articleLeft .sourcesection {font-weight: normal; }
#articleLeft .sourcesection a {text-decoration: underline; color: #333;}
#articleLeft .sourcesection i{ font-size: 12px;}

#articlesignin { padding: 10px 0px; } 
#articlesignin a { color: #003063; }
#articlesignin h2 { font: bold 24px arial;}
#articlesignin p { font: 11px verdana;}
#articlesignin ul li { font: 11px verdana;list-style-position: outside;}
#articlesignin ul li a { color: #003063;font-weight: bold;}
#articlesignin #signinform {  border-top: 1px solid #0E719A;  border-left: 1px solid #0E719A;  border-bottom: 1px solid #084057;  border-right: 1px solid #084057;  background-color: #B8D1E5;  width: 430px; }

#articlesignin #signinform form { margin:0;padding:0; }
#articlesignin #signinform h2 { font: bold 14px arial; text-transform: uppercase;margin: 6px; }
#articlesignin #signinform dl { margin: 6px;clear: both;}
#articlesignin #signinform dl dt { font: 12px arial;color: #000;float:left;width:75px;margin:0;padding-bottom:6px; } 
#articlesignin #signinform dl dd { font: 12px arial;color: #000;float:left; width:200px;margin:0;padding-bottom:6px;} 

table td p.subtext { font: 10px verdana;color: #333;}



/*Decision Styles*/
#decisioncontainer { float: left; overflow: hidden; width: 448px; margin: 0;background-color:#fff;display:inline;padding: 10px 0px; }
#decisioncontainer h2 { border-bottom: 5px solid #B7C7E0;font: bold 11px arial;color: #074E7A;text-transform:uppercase;margin: 0 30px 8px 30px;}

#decisionbody {margin: 0 30px; font: 12px verdana;}
#decisionbody h1 { font: bold 12px/17px arial;color: #000;margin: 0 0 3px 0; }

#decisiontools{margin: 0 30px;}

#decisioncontainer #signinform form { margin:0;padding:0; }
#decisioncontainer #signinform input { position: relative;left:0; }
#decisioncontainer #signinform h2 { font: bold 14px arial; text-transform: uppercase;margin: 6px; }
#decisioncontainer #signinform dl { margin: 6px;width: 360px;clear: both;}
#decisioncontainer #signinform dl dt { font: 12px arial;color: #000;float:left;width:75px;margin:0;padding-bottom:6px; } 
#decisioncontainer #signinform dl dd { font: 12px arial;color: #000;float:left;margin:0;padding-bottom:6px}

#decisionsignin { padding: 10px 0px; } 
#decisionsignin a { color: #003063; }
#decisionsignin h2 { font: bold 24px arial;color: #000;border-bottom:0}
#decisionsignin p { font: 11px verdana;margin:8px 30px;color: #333;}
#decisionsignin ul li { font: 11px verdana;list-style-position: outside;}
#decisionsignin ul li a { color: #003063;font-weight: bold;}
#decisionsignin #signinform {  border-top: 1px solid #0E719A;  border-left: 1px solid #0E719A;  border-bottom: 1px solid #084057;  border-right: 1px solid #084057;  background-color: #B8D1E5;  margin: 0px 30px;  padding:0; }


/*Hub Styles*/
#articleHub{ font-family: Verdana; font-size: 11px; line-height: 16px; font-weight:normal; color: #000; padding-bottom:10px; margin:0px 30px 10px;}
#articleHub img {  float: left; margin: 4px 4px 2px 0px }
#articleHub h1 { font: bold 12px/17px arial; color: #000; margin: 0 0 3px 0; }
#articleHub p { margin: 0; }
#articleHub p.sourcesection { font:10px/15px verdana; color:#000; margin: 0 0 4px 0; }
#articleHub p.sourcesection a{color:#003063; font-family:arial; font-size:11px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:normal;}
#articleHub p.link{ margin-top: 5px;}
#articleHub p.link a{ margin: 0;}
#articleHub p.link img{ float: none; margin: 0;}
#pchubcenter #rss p { margin-bottom:10px; font-family: Verdana; font-size: 11px; text-align:right; font-weight:normal; color: #000; border-bottom: 1px solid #B7C7E0; padding-bottom:3px; margin: 0px 30px; }

#pchubcenter #rss img { position: relative; top: 2px; }
#pchubcenter h2.patitle {  margin:0px 30px;  font: bold 24px arial;  color: #004C70;  text-transform: uppercase; }
#pchubcenter .sponsorspot {  background-color: #E7E7E7;  margin: 0px 30px 10px 30px;  padding: 0 0 4px 0;  color: #000;  width:378px; }
#pchubcenter .sponsorspot h2 {  font: bold 12px arial;  color: #fff;  margin: 0;  padding: 1px 8px 1px 1px; text-align:right; }
#pchubcenter .sponsorspot img.heading {  margin: 0; }
#pchubcenter .sponsorspot a {  color: #000; } 
#pchubcenter .sponsorspot h3 {  margin:6px 0 6px 8px; }
#pchubcenter .sponsorspot h3 a {  color: #000; font: bold 12px arial;  text-decoration: none; }
#pchubcenter .sponsorspot img.adimage {  float: left;  margin: 4px 4px 2px 8px; }
#pchubcenter .sponsorspot img.readfull {  position: relative;  top:4px;  padding:0;  margin:0;  border: 1px; }
#pchubcenter .sponsorspot p {  font: 11px/16px arial;  margin: 0px 8px 8px 8px; }
#pchubcenter .sponsorspot img.readfull { float:none;position: relative; top:2px; }

/*registration dropdown*/
div.premium {display:inline;}
div.premium ul#nav { list-style:none; padding: 0; margin:0 0 0 2px; width:15px; display:inline; background:url(http://www.law.com/img/universal/key_icon.gif) no-repeat left top; font-size: 10px; line-height:.9em; height:9px; clear:none;}

div.premium ul#nav li{ position: relative; padding:0; margin:0;display:inline; border:0;}
div.premium ul#nav li ul {
	position: absolute;
	left: 0px; /* Set less than menu width */
	top: 11px;
	display: none;
	z-index: 10;
}

div.premium ul#nav li:hover ul, 
div.premium ul#nav li.over ul
{
	display: block;
	background-color: #DAE9F6;
	border: 1px solid #B0BDC6;
	width: 125px;
	list-style:none;
	padding:3px;
	color: #003063;
	margin:0;
} /* The magic */

div.premium ul#nav li:hover ul li, 
div.premium ul#nav li.over ul li
{font: bold 9px Verdana;
line-height:1em; margin:0; padding:0;
}
/*end registration dropdown*/

#articleHubSponsor { font-family: Verdana; font-size: 11px; line-height: 16px; font-weight:normal; color: #000; background-color: #E7E7E7; width:378px; }

#articleHubSponsorInt { padding:8px; }

a.readFull { font: bold 11px arial; color: #003063; margin:0px 30px; }

#articleInline { display:block; float:left; margin: 4px 2px 0 0; position: relative;}
#articleInline300 { border:1px solid #007700; }
#articleInline300 p { padding: 0px 4px 4px 4px; margin: 0px; }

#imagesDisplay { float: left; margin: 0 5px 1px 0; width: 128px; border: 1px solid #007700; padding: 8px 8px 0px 8px; } 
#imagesDisplay p { margin: 0px; padding: 3px 0 10px 0;}

p.photocaption { font-size: 10px; font-weight: normal; color: #000; line-height: 12px; width: 128px;}

p.photocaption300{ font-size: 10px;  font-weight: normal; color: #000; line-height: 12px; width: 300px; margin: 1px 2px; }
p.photocredit300 { font-size: 10px; line-height: 12px; font-weight: normal; color: #CCC; margin: 1px 2px; width: 300px; }

.photocredit { font-size: 10px; line-height: 12px;  font-weight: normal; color: #CCC; margin-top: 1px; width: 128px;}


.adsBox { width: 300px; margin-top: 13px; margin-bottom: 10px; }

/* End Pub Article Styles */

/* START UNIVERSAL STYLES */

/*  Chart Styles */

#chart table { border:0; }
#chart table td { font: 10px verdana; background-color: #E5E3C4; padding: 1px; margin: 1px; }
#chart table th { font: bold 10px verdana; color: #fff; background-color: #4A4946; text-align:center; padding: 1px; margin: 1px; }
#chart td.white { background-color: #fff; }
#chart h1 { margin: 10px 0; font: bold 16px verdana; }
#chart p { font: 11px verdana; width: 650px; }
#chart td.subhead1 { background-color: #B68E39; color: #fff; font-weight: bold; }
#chart td.subhead2 { background-color: #73706E; color: #fff; font-weight: bold; }

/* START Cool Hues chart color*/

#chartblue table td, table #chartblue td { font: 10px verdana; background-color: #ECF0F0; padding: 1px; margin: 1px; }
#chartblue table th, table #chartblue th { font: bold 10px verdana; color: #fff; background-color: #4265A5; text-align:center; padding: 1px; margin: 1px; }

#chartblue td.white { background-color: #fff; }
#chartblue h1, h1.chartblue { margin: 10px 0; font: bold 16px verdana; }
#chartblue p { font: 11px verdana; width: 650px; }
#chartblue td.subhead1, .chartblue td.subhead1  { background-color: #859CC5; color: #fff; font-weight: bold; }
#chartblue td.subhead2, .chartblue td.subhead2  { background-color: #BBD4F3; color: #fff; font-weight: bold; }
#chartblue a, chartblue a:hover{ font: normal 10px Verdana, Arial, sans-serif; color: #205872; line-height: 12px; text-decoration: underline; }

/* END blue 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, table #chartgray td { font: 10px verdana; background-color: #EEEEEE; padding: 1px; margin: 1px; }
#chartgray table th, table #chartgray th { font: bold 10px verdana; color: #fff; background-color: #000000; text-align:center; padding: 1px; margin: 1px; }
#chartgray td.white { background-color: #fff; }
#chartgray h1, h1.chartgray { margin: 10px 0; font: bold 16px verdana; }
#chartgray p { font: 11px verdana; width: 650px; }
#chartgray td.subhead1, .chartgray td.subhead1  { background-color: #464B60; color: #fff; font-weight: bold; }
#chartgray td.subhead2, .chartgray td.subhead2  { background-color: #999999; color: #fff; font-weight: bold; }
#chartgray a, chartgray a:hover{ font: normal 10px Verdana, Arial, sans-serif; color: #205872; line-height: 12px; text-decoration: underline; }

/* END gray chart color*/

/* new login piece for the persistent cookie project */
#loginbar { position: relative; background:url(http://www.law.com/img/ca/loginbar_backgd.jpg) repeat-x; width:812px; }
#loginbar p { padding:4px; margin:0px; text-align:right; }
#loginbar a { font: bold 11px verdana; color: #333; text-decoration:none; }
#loginbar a:hover { font: bold 11px/14px verdana; color: #CD3529; text-decoration:underline; }
/* new login piece for the persistent cookie project */


/* END UNIVERSAL STYLES */