/*New Nav*/

/* home */
html {height:100%}
body {min-height:101%}

body {margin: 0; background: #fff url(../img/nav-bg.gif) 0 0 repeat-x; color: #000; font-family: arial, sans-serif; font-size: 75%;}
#bodyhome {background: #fff url(../img/nav-bg.gif) 0 8px repeat-x;}
#popup {background: none;} /*No Background Image on Send to Colleague pop up*/

#in-house-counsel-bullet{
	margin-left:6px; 
	font-size: 11px;
}

#in-house-counsel-bullet img{
	margin-left:6px; 
	text-decoration: none;
	padding-right: 3px;
}

a {color: #000D92}
a:visited {color: #63368C}
a:hover {color: #940909}
img {border: 0;}
form, fieldset {margin: 0; padding: 0; border: 0}
table {border-spacing: 0; border-collapse: collapse}
td {padding: 0; vertical-align: top;}

#wrapper {width: 760px; margin: auto; position: relative;}
#logo {display: none;} /*Hide Main BASF LOGO - Need to remove when apply section template update*/

.logoheader img {margin: 11px 8px 0 0; width:262px; height:64px; display:block;}
#bodyhome .logoheader img {margin: 11px 8px 8px 0; width:262px; height:64px; display:block;}

#membership {font-size: 90%; position: absolute; top: 8px; /*Switch to top: 8px; when preview site is over*/ right: 3px; list-style: none; padding: 0; margin: 0}
#membership li {float: left; padding: 0 6px; border-right: 1px solid #aaa; margin: 0; line-height: 1}
#membership .noborder {border-width: 0}
#membership .specialborder {border-right: 1px solid #CA7E15;}
#searchform {position: absolute; top: 26px; /*Switch to top: 26px; when preview site is over*/ right: 8px; width: 240px; text-align: right;}
#searchform .button {vertical-align: bottom; margin-left: 2px}

#navwrapper {background-color: #002569; width: 100%; height: 42px; margin-bottom: 3px;}
/*#bodymember #navwrapper, #bodylexisnexis #navwrapper {border-bottom-color: #EBEEF3;}*/

/*Top Level*/
#nav {margin: 0; padding: 0; width: 100%; list-style: none;}
#nav li {float: left; position: relative; z-index: 500;}
#nav li a {float: left; color: #fff; height: 20px; text-decoration: none; text-indent: -4000px;}

/*Home*/
#bodyhome #nav .navhome a {background-position: 0px -20px;}
#nav .navhome a {width: 64px; background: transparent url(../img/nav-top.gif) 0 0 no-repeat;}
#nav .navhome a:hover {background-position: 0 -20px;}

/*Barristers Club*/
#bodybarristers #nav .navbarristers a {background-position: -64px -20px;}
#nav .navbarristers a {width: 116px; background: transparent url(../img/nav-top.gif) -64px 0 no-repeat;}
#nav .navbarristers a:hover {background-position: -64px -20px}

/*Membership & Benefits*/
#bodymembership #nav .navmem a, #bodymembershipapp #nav .navmem a {background-position: -180px -20px;}
#nav .navmem a {width: 164px; background: transparent url(../img/nav-top.gif) -180px 0 no-repeat;}
#nav .navmem a:hover {background-position: -180px -20px;}


/*Professional Resources*/
#bodyresources #nav .navresources a {background-position: -344px -20px;}
#nav .navresources a {width: 160px; background: transparent url(../img/nav-top.gif) -344px 0px no-repeat;}
#nav .navresources a:hover {background-position: -344px -20px;}

/*Sections & Committees*/
#bodysectionscommittees #nav .navsectcomm a {background-position: -504px -20px;}
#nav .navsectcomm a {width: 160px; background: transparent url(../img/nav-top.gif) -504px 0px no-repeat;}
#nav .navsectcomm a:hover {background-position: -504px -20px;}

/*My Account*/
#bodybasfaccount #nav .navmyaccount a {background-position: -664px -20px;}
#nav .navmyaccount a {width: 96px; background: transparent url(../img/nav-top.gif) -664px 0px no-repeat;}
#nav .navmyaccount a:hover {background-position: -664px -20px;}

	/*Top Sub Nav*/
	#nav li ul {display: block; position: absolute; border: 1px solid #002569; margin: 0; padding: 0; width: 178px; top: 20px; left: 0; z-index: 500;}
	#nav li ul li {display: inline; margin: 0; padding: 0;}
	#nav li ul li a {background-image: none !important; background-color: #F4F4F4 !important;  color: #002569; display: block; float: none; border-bottom: 1px solid #d7d7d7; width: 160px !important; text-indent: 0; margin: 0; padding: 5px 9px; -moz-opacity: .95; filter:alpha(opacity=90); height: 14px}
	head:first-child+body #nav li ul li a {height: auto;}
	#nav li ul li a:hover {background-color: #fff !important; filter:alpha(opacity=100);}
	
	#nav li ul .navsub a {background: #f4f4f4 url(../img/li.gif) 164px 10px no-repeat !important}
	#nav li ul ul {left: 178px; top: 0;}
	#nav li ul .navsub li a {background-image: none !important; background-color: #fafafa !important}
	#nav li ul .navsub li a:hover {background-color: #fff !important;}
	
	#nav li ul {display: none;}
	head:first-child+body #nav li:hover ul {display: block;}
	head:first-child+body #nav li ul ul {display: none !important;}
	head:first-child+body #nav li li:hover ul {display: block !important}
	
	#nav li ul .navnosub ul {display: none !important;}
	head:first-child+body #nav .navnosub:hover ul {display: none !important}

/*Bottom Level*/
#navbottom {margin: 0; padding: 0; width: 100%; list-style: none;}
#navbottom li {float: left; position: relative; z-index: 400;}
#navbottom li a {float: left; color: #fff; height: 22px; text-decoration: none; text-indent: -4000px;}

/*Calendar of Events*/
#bodycalendar #navbottom .navcalendar a {background-position: 0px -22px;}
#navbottom .navcalendar a {width: 137px; background: transparent url(../img/nav-bottom.gif) 0 0 no-repeat;}
#navbottom .navcalendar a:hover {background-position: 0px -22px;}

/*CLE*/
#bodycle #navbottom .navcle a {background-position: -137px -22px;}
#navbottom .navcle a {width: 51px; background: transparent url(../img/nav-bottom.gif) -137px 0 no-repeat;}
#navbottom .navcle a:hover {background-position: -137px -22px;}

/*Dispute Resolution*/
#bodyadr #navbottom .navadr a {background-position: -188px -22px;}
#navbottom .navadr a {width: 132px; background: transparent url(../img/nav-bottom.gif) -188px 0 no-repeat;}
#navbottom .navadr a:hover {background-position: -188px -22px;}
#bodyadr .adrcontent table {margin: 0 0 8px; border: 6px solid #e7e7e7; width: 60%;}
#bodyadr .bparagraph h2, p {display: block; float: clear;}

/*Diversity*/
#bodydiversity #nav .navdiversity a {background-position: -320px -22px;}
#navbottom .navdiversity a {width: 136px; background: transparent url(../img/nav-bottom.gif) -320px 0 no-repeat;}
#navbottom .navdiversity a:hover {background-position: -320px -22px;}

/*Lawyer Referral*/
#bodylris #nav .navlris a, #bodylrisesp #nav .navlris a {background-position: -456px -22px;}
#navbottom .navlris a {width: 122px; background: transparent url(../img/nav-bottom.gif) -456px 0 no-repeat;}
#navbottom .navlris a:hover {background-position: -456px -22px}

/*VLSP*/
#bodyvlspov #navbottom .navvlsp a, #bodyvlsp #navbottom .navvlsp a {background-position: -578px -22px;}
#navbottom .navvlsp a {width: 56px; background: transparent url(../img/nav-bottom.gif) -578px 0 no-repeat;}
#navbottom .navvlsp a:hover {background-position: -578px -22px;}
#navbottom .navvlsp ul {left: -124px;}
#navbottom .navvlsp ul .navsub a {background-image: none !important;}
#navbottom .navvlsp ul ul  {display: none !important;}
head:first-child+body #navbottom .navvlsp li:hover ul {display: none !important;}

/*BASF Foundation*/
#bodyfoundation #navbottom .navfoundation a {background-position: -634px -22px;}
#navbottom .navfoundation a {width: 126px; background: transparent url(../img/nav-bottom.gif) -634px 0 no-repeat;}
#navbottom .navfoundation a:hover {background-position: -634px -22px}
#navbottom .navfoundation ul {left: -53px;}
#navbottom .navfoundation ul ul {left: -180px;}
/*new Donate Form styles */
#bodyfoundation #maincontent form {width: 640px; margin: 0 auto;}
#bodyfoundation .program { padding:15px 20px 15px 15px; border:1px solid #ccc; margin-bottom:20px; }
#bodyfoundation .program .photo { width:200px; border:1px solid #333; _float:left; }
#bodyfoundation .program .description { float:right; margin-top:-15px; }
#bodyfoundation .program .description p {width:475px;}
#bodyfoundation .program .btnMakeGift {cursor:pointer; float:left; margin-top:33px; _margin-top:35px;}
#bodyfoundation .program .donation-types {float:left; margin-right:30px;}
#bodyfoundation .program.all { margin-right:0; width:65%; float:left; height:170px; }
#bodyfoundation .program.all .description p {width:250px;}
#bodyfoundation .program.all .btnMakeGift {margin-top:33px;}
#bodyfoundation .program.existing { margin-right:0; width:25%; float:left; height:170px;_height:183px }
#bodyfoundation .program.existing .description p {width:180px;}
#bodyfoundation .choose {margin:0;}
#bodyfoundation .btnMakePayment {margin:15px auto 0; display:block;}
#bodyfoundation .mini-program { padding:15px 20px 15px 15px; border:1px solid #ccc; margin-bottom:20px; margin-right:25px; float:left; width:26%; height:250px; }
#bodyfoundation .mini-program.last { margin-right:0px;}
#bodyfoundation .mini-program h3 { margin:0 auto 5px; text-align:center; }
#bodyfoundation .mini-program .btnMakeGift { cursor:pointer; display:block; margin:15px auto 0; }
#bodyfoundation .donation-types div {vertical-align:middle;}
/*Donate Form Part Two styles */
#bodyfoundation .program-info {border:0; margin:0 auto 10px; width:640px;}
#bodyfoundation .program-info td {border:0;vertical-align:top; padding:0; margin:0;}
#bodyfoundation .program-info td.details {padding-left:20px;}
#bodyfoundation .program-info h2 {margin-top:0;}
#bodyfoundation .program-info .photo {width:200px; border:1px solid #333;}
#bodyfoundation p.questions {text-align:right; margin: -20px 0 -4px; _margin:0 0 -4px;_padding:0;}
#bodyfoundation .btnDonate {padding:0 5px;}
/*Donate Form Thank You styles */
#bodyfoundation .thankyou-photo { float:left; margin-bottom:10px;}
#bodyfoundation .thankyou-photo img {border:1px solid #333; margin-right:20px; }
#bodyfoundation .thankyou-message { float:left; margin:0 0 10px 0; width:350px}
#bodyfoundation .thankyou-message h2 {margin-top:0;}


	/*Botton Sub Nav*/
	#navbottom li ul {display: block; position: absolute; border: 1px solid #002569; margin: 0; padding: 0; width: 178px; top: 21px; left: 0; }
	#navbottom li ul li {display: inline; margin: 0; padding: 0;}
	#navbottom li ul li a {background-image: none !important; background-color: #F4F4F4 !important; color: #002569; display: block; float: none; border-bottom: 1px solid #d7d7d7; width: 160px !important; text-indent: 0; margin: 0; padding: 5px 9px; -moz-opacity: .95; filter:alpha(opacity=90); height: 14px; }
	head:first-child+body #navbottom li ul li a {height: auto;}
	#navbottom li ul li a:hover {background-color: #fff !important; filter:alpha(opacity=100);}
	
	#navbottom li ul .navsub a {background: #f4f4f4 url(../img/li.gif) 164px 10px no-repeat !important}
	#navbottom li ul ul {left: 178px; top: 0;}
	#navbottom li ul .navsub li a {background-image: none !important; background-color: #fafafa !important}
	#navbottom li ul .navsub li a:hover {background-color: #fff !important;}
	
	#navbottom li ul {display: none;}
	head:first-child+body #navbottom li:hover ul {display: block;}
	head:first-child+body #navbottom li ul ul {display: none !important;}
	head:first-child+body #navbottom li li:hover ul {display: block !important}
	
	#navbottom li ul .navnosub ul {display: none !important;}
	head:first-child+body #navbottom .navnosub:hover ul {display: none !important}


#bodyhome #randphoto {width: 406px; height: 250px;}
#bodyhome h2 {margin: 0; font-size: 130%}
#bodyhome h2 a {text-decoration: none; display: block; width: 100%; height: 100%;}
#bodyhome .calltoaction {font-weight: bold; display: block; margin: 4px 8px 4px 0;}
#bodyhome .calendar {margin-left: 8px; margin-bottom: 0;}
#bodyhome .rsssubscribe {margin: 5px 0 10px 0;}

#bodyhome #announcements {padding: 6px 0 2px 0; vertical-align: top; background: url(../img/h-hd-basf-watermark.gif) bottom right no-repeat; width: 370px;}
#bodyhome #announcements h2 {margin-bottom: 3px;}
#bodyhome #announcements p {margin: 0 0 5px; line-height: 1.4em;}
#bodyhome #announcements a {display: block;}
#bodyhome #announcements .calltoactionright  {background: transparent url(../img/li-hm.gif) 0 4px no-repeat; padding-left: 9px; font-weight: bold; float: right;}

#bodyhome #buckets {margin-top: 3px; position: relative;}
#bodyhome #buckets .spacer {width: 2px; border-width: 0;}
#bodyhome #buckets td h2 {height: 24px; padding: 0 6px 0;}
#bodyhome #buckets h3 {font-size: 120%; margin: 4px 9px 0px 15px;}
#bodyhome #buckets p {margin: 8px 9px;}
#bodyhome #buckets ul {margin: 3px 7px 14px 16px; padding: 0; list-style: none;}
#bodyhome #buckets ul li {margin-bottom: 4px; background: transparent url(../img/li-hm.gif) 0 4px no-repeat; text-align: left; padding-left: 9px; position: relative;}

#bodyhome #buckets td#courses {padding-bottom: 6px;}
#bodyhome #buckets td#courses p a {display: block; text-align: left;}
#bodyhome #buckets #courses .highlight {background: transparent url(../img/icon-star.gif) top left no-repeat; padding-left: 26px;}

#bodyhome #buckets div.borderpod {border: 2px solid #e7e7e7; height: 308px; width: 248px; margin-bottom: 0; padding-bottom: 0; } /*Community and Attorneys Pod*/
#bodyhome #buckets .buttoncall {margin-top: 3px;}

.facebookicon {margin: 2px 0 -2px 2px;}

/*Members Area Only - New Styles*/
/*BASF Watermark*/
#bodybasfaccount #maincontent {background: #fff url(../img/s-bg-about.gif) top right no-repeat;} 
#bodybasfaccount #midsection  {display: inline; float: left; margin-top: 0; width: 364px;}
#bodybasfaccount .midheading {margin-top: 0; margin-bottom: -3px; background: #E7E7E7; width: 364px;}
#bodybasfaccount .midcolumn {border: 2px solid #e7e7e7; border-top: none; margin: 0 0 15px 0; padding-top: 12px; padding-bottom: 8px; width: 360px; overflow:hidden;}
#bodybasfaccount .midcolumn h1, #bodybasfaccount .midcolumn h2, #bodybasfaccount .midcolumn h3 {padding: 0 12px;}
#bodybasfaccount .midcolumn p {padding: 0 12px;}
#bodybasfaccount .midcolumn img {padding: 0 12px;}

/*Calendar Events*/
#bodybasfaccount .events div{margin: 0 13px 6px 13px;}
#bodybasfaccount .events a {display: block;}
#bodybasfaccount #maincontent .sidebar .events .calendar {background: url(../img/icon-calendar.gif) no-repeat; padding: 6px 0 6px 30px; font-weight: bold;} /*Calendar icon*/
#bodybasfaccount #maincontent .sidebar .events hr {margin:20px auto;}

/*Right Narrow Column*/
#bodybasfaccount #sidecolumn {display: inline; float: right; margin: -5px 0 0 16px; width: 199px; } 
#bodybasfaccount #sidecolumn ul {margin: 0 5px 0 0px;}

	/*Announcements*/
	#bodybasfaccount .announcementsarea a {display: block;}

	/*My Member Info Pod*/
	#bodybasfaccount #sidecolumn h4.meminfoheader  {margin: 0px; margin-bottom: -3px; width: 199px; height: 33px;}	
	#bodybasfaccount #sidecolumn div.membinfosection {border: 2px solid #e7e7e7; border-top: none; padding: 1px 10px 15px 10px; font-size: 90%;} /*div with gray border wrapping*/
	#bodybasfaccount #sidecolumn .membinfosection .name {font-weight: bold; font-size: 120%; margin-top: 7px;}
	#bodybasfaccount #sidecolumn .membinfosection .alertnote {border: 1px solid #ececec; background: #F8F3DC; font-weight: normal; width: 150px; padding: 2px 10px 5px 10px;}
	#bodybasfaccount #sidecolumn .membinfosection .notbmargin {margin-top: 0; margin-bottom: 0;}
	#bodybasfaccount form#frmSectionsAndCommittees {width: 172px;} /*fix the width of Sections & Committees form so it does not My Member Info box on IE6*/
	#bodybasfaccount #sidecolumn .align {margin-top: -3px;}
	
	/*Poll*/
	#bodybasfaccount #sidecolumn h4.pollheader  {margin-top: 12px; margin-bottom: -3px;}
	#bodybasfaccount #sidecolumn .pollsection {border: 2px solid #d5e6f3; border-top: none; padding: 12px 10px 10px 10px;} /*div with gray border wrapping*/
	#bodybasfaccount #sidecolumn .pollsection form {width: 100%; margin: 0; padding: 0;}
	#bodybasfaccount #sidecolumn .pollsection form p {margin: 0; padding: 0;}
	#bodybasfaccount #sidecolumn .pollsection form fieldset {margin: 0; padding: 0;}
	#bodybasfaccount #sidecolumn .pollsection form input {margin: 0;}
	
	#bodybasfaccount #sidecolumn .pollsection table {border: none; width: 100%; border-collapse: 0;}
	#bodybasfaccount #sidecolumn .pollsection table tr {border: none;}
	#bodybasfaccount #sidecolumn .pollsection table td {border: none; padding: 0; text-align: left;}
	


	/*Registered Users Version*/
	/*Why Join Heading*/
	#bodybasfaccount #midsection .hdiconstickout {background: url(../img/s-hd-whyjoin-bg.gif) 0 0 repeat-x; margin-top: 0; margin-bottom: -3px;}
	#bodybasfaccount #sidecolumn h4.visitorheader {margin-top: 5px; margin-bottom: -3px; width: 199px; height: 33px;}
	#bodybasfaccount #sidecolumn h4.forattorneys  {margin-bottom: -3px; margin-top: 15px;}
	#bodybasfaccount #sidecolumn #forattorneyssection {border: 2px solid #e7e7e7; border-top: none; padding: 10px 10px 10px 10px;} /*div with gray border wrapping*/
    #bodybasfaccount #sidecolumn #forattorneyssection ul li {background: transparent url(../img/li.gif) 0pt 4px no-repeat; padding-left: 9px;}
    /*gray down links to non members*/
	#bodybasfaccount #subnav ul li.graylinks {background: url(../img/li.gif) no-repeat scroll 0pt 4px; color: #666; padding-left: 9px; text-decoration: none; display: block;}
	#bodybasfaccount #subnav ul ul li.graylinks {background: url(../img/s-li0.gif) no-repeat scroll 0pt 5px; }
	#bodybasfaccount #subnav li.graylinks ul {margin: 0;} /*remove indent from grayed heading*/
	#bodybasfaccount #subnav .navmsg {color: #666; margin: 10px;}

/*Access Info and other general styles*/
#bodybasfaccount ul#arrowlist {margin: 0 0 20px 0; font-weight: bold;}
#bodybasfaccount ul#arrowlist li {background: url(../img/li.gif) 0 4px no-repeat; padding-left: 9px;}
#bodybasfaccount .return {margin-top: 20px;}

/*NEW NAV HEADER TRANSFER TO NAV SECTION LATER*/
.navheader {background-image: none; color:#002569;  font-weight: bold; padding-left: 0;}

/*Login Area*/
#bodymember #maincontent .msgBox {float: right; width: 285px; margin: 15px 0 0 0; padding: 0; border: 2px solid #e7e7e7;}
#bodymember #maincontent .msgBox li {font-weight: bold;}
#bodymember #maincontent .msgBox h4 {margin: 0; padding:0; height: 24px; }
#bodymember #maincontent .msgBox .basfmember {background: #CA7E15 url(../img/s-hd-basfmember.gif) top left no-repeat; text-indent: -4000px;}
#bodymember #maincontent .msgBox .notamember {background: #415D90 url(../img/s-hd-notamember.gif) top left no-repeat; text-indent: -4000px;}			
#bodymember #maincontent .msgBox .msgBoxContent {margin: 10px;}
#bodymember #maincontent #pagefunc #send, #bodybasfaccount #maincontent #pagefunc #send, #bodymemberdirectory #maincontent #pagefunc #send, #bodycart #maincontent #pagefunc #send  {display: none;} /*Disabled Send To Colleague Function*/

/*Form Alignments*/
#bodymember .forgotLogin {text-align: right;}
#bodymember .loginSubmit {text-align: right;} /* Submit Button on Account Login Page */
.wireframeHighlight {background: yellow; display: block;}

/*Yellow Top Confirmation Message Box*/
#maincontent .confMsg {padding: 6px 15px; border: 1px solid #ffcc35; background-color: #FBF8ED;}
#bodycart #maincontent .confMsg {margin: 10px 0 15px 0; width: 95%; }
#bodymember #maincontent .confMsg {margin: 10px 0 15px 0; width: 94%; }
#bodybasfaccount #maincontent .confMsg {margin: 10px 0 15px 0; width: 80%;}
#bodybasfaccount .accessinfo {border: 1px solid #ffcc35; background-color: #FBF8ED; font-size: 110%; font-weight: bold; margin: 15px 0; padding: 13px 15px; width:535px;}

/*Event Sign Up Login Styles */
#bodycart h2#cartItem {margin: 20px 0 0 10px;} /*Add to Cart Item Description*/
#bodycart form#eventSignUpLogin {float: left; width:700px; margin: 10px 0 0 5px; border-top: 1px solid #ddd; border-bottom: 1px solid #ccc; }/*Form Wrapper*/
#bodycart form#eventSignUpLogin label {float: left; width: 80px;}

#bodycart #loginArea {float: left; width: 290px; margin: 0; padding: 13px 20px 20px 38px; border: none; border-right: 1px solid #ddd;}
	#bodycart #loginArea h2 {margin-top: 0; font-size: 125%; border: none;}
	#bodycart #loginArea p {margin: 3px 0 8px 0;}
	
	#bodycart #loginArea .rememberMe {margin-top: 0;  margin-left: 76px;}
	#bodycart #loginArea .rememberMe label {float: none;}
	#bodycart .whylogin {color:#CA7E15; font-weight:bold; font-size:13px}

	#bodycart #buttonSection {margin: 5px 16px 0 0; padding-top: 0px; text-align: right;}
	#bodycart #buttonSection #btnSubmit {width: 150px;}
	#buttonVisitor {margin-top: 38px; text-align: right;}
	#btnSubmitVisitor {width: 170px;}

	#bodycart #whyLogin {float: left; width: 260px; margin: 0 0 0 15px; padding: 0 0 0 25px;}
	#whyLogin h2 {margin-top: 0; padding-top: 0; font-size: 125%;}
	#bodycart #subnav {display: none;}

/*Step 1 and Step 2 Form*/
#bodycart .introtext {margin: 10px 0 10px 10px;}
#bodycart .sectionfeenote{font-size: 85%; color: #666; display: block; margin: 0 0 0 5px}

/*Added 1-22-2009: Align Fee Table Radio buttons */
#maincontent table .feesTable {margin-bottom: 0px; width: 100%;}	
#maincontent table .feesTable td {border-bottom: none; margin: 0; padding: 0 4px 0 0;}
#maincontent table .feesTable input {margin-right: 0;}
#maincontent table .feesTable label {margin-top: 1px;}

/*Added 11-19-2008: Checkout form Only*/
#bodycart #maincontent fieldset .entryset div {margin-right: 4px;}
#bodycart #maincontent fieldset .first {margin-top:0;}  

/*Added 1-27-2009: Pending Member Disclaimer*/
#bodycart #maincontent .penMemDisclaimer {float: left; width: 265px; text-align: left;} /*Pending Member Disclaimer*/

/*Help Tip Bubble*/
a.tt{ position: relative; z-index:24;}
a.tt span{display: none; text-decoration: none;} 
a.tt:hover{ z-index: 25; background:;} /*background:; is for IE6 because something must be changed in a for IE to execute it*/
a.tt:hover span.helptip{ display: block; position: absolute; top: 14px; left: -225px; width: 235px;  background: url(../img/bubble.gif) no-repeat top; padding: 26px 0 0 0; color: #000; line-height: 1.4em; text-align: left;}
a.tt:hover span.top{display: block; padding: 0 15px 5px 15px; color: #fff; font-weight: bold;}
a.tt:hover span.description{ display: block; padding: 5px 15px; background: url(../img/bubble_filler.gif) repeat bottom; /* added a different middle bg for text to stretch vertically*/ }
a.tt:hover span.bottom{display: block; padding: 3px 8px 4px 8px; background: url(../img/bubble.gif) no-repeat bottom;}

/*Lexisnexus Pages - Later Phase*/
#bodylexisnexis #maincontent {background: #fff url(../img/s-bg-member.gif) top right no-repeat;}
#bodymember #maincontent {background: #fff url(../img/s-bg-member.gif) top right no-repeat;} 

/*Payment History*/
#bodybasfaccount .history_table {margin: 10px 0 20px 0; width:100%;}

/*BASF ACCOUNT: MY PROFILE*/
#bodybasfaccount  .profilesection {margin: 15px 0 15px 0;}
#bodybasfaccount  .profileheading {margin: 10px 0 5px 0;}

/*BASF ACCOUNT: Change My Username/Password*/
#bodybasfaccount  #maincontent fieldset p {margin: 0 0 10px 0;}

/*BASF ACCOUNT: Publications */
#maincontent h1 {background: url(../img/s-t-basf-acct-publications.gif) no-repeat;}
#maincontent h2.heading {border-bottom: 1px solid #D9D9D9; color: #5B86DA;  text-transform: uppercase;}
#maincontent h3.subheading {color: #575757; font-size: 115%;}
#maincontent div.cover-img {float:left; width:auto; margin-right: 10px;}
#maincontent div.cover-summary {float:left; width:65%; padding-top: 10px;}


/* section styles */
#content {width: 100%;}
#content #randphoto2 {width: 160px; height: 88px;}
#content #subnav {width: 160px; background-color: #f4f4f4; padding-bottom: 20px;}
#bodylexisnexis #content #subnav {background-color: #EBEEF3;}
#content #subnav ul {margin: 10px 4px 0 5px; padding: 0; list-style: none;}
#content #subnav ul li {margin-bottom: 3px}
#content #subnav ul li a {background: transparent url(../img/li.gif) 0 4px no-repeat; padding-left: 9px; text-decoration: none; display: block;}
#content #subnav ul li a:hover {background-image: url(../img/li1.gif);}
#content #subnav ul ul {margin: 0 4px 0 10px; font-size: 90%}
#content #subnav ul ul li a {background: transparent url(../img/s-li0.gif) 0 5px no-repeat}
#content #subnav ul ul li a:hover {background: transparent url(../img/s-li.gif) 0 5px no-repeat}
#content #subnav .special {margin-bottom: 3px;}
/*html>body #content #subnav .special {margin-bottom: 3px;}*/

#bodylris #content #subnav ul {margin-top: 0;}
#bodylris #content #subnav ul ul {font-size: 100%; margin-left: 0;}
#bodylris #content #subnav .navsub {margin-top: 10px;}
#bodylris #content #subnav .navsub a {font-weight: bold; padding-left: 0; background-image: none; color: #002569;}
#bodylris #content #subnav .navsub a:hover {background-image: none;}
#bodylris #content #subnav .navsub a:visited, #content #subnav .navsub a:hover {color: #002569}
#bodylris #content #subnav .navsub li a {font-weight: normal; background: transparent url(../img/li.gif) 0 4px no-repeat; padding-left: 9px; text-decoration: none; color: #009}
#bodylris #content #subnav .navsub li a:visited {color: #63368C}
#bodylris #content #subnav .navsub li a:hover  {background-image: url(../img/li1.gif); color: #940909;}

#bodyvlspov #content #subnav ul ul {display: none;}
#bodyvlsp #content #subnav ul ul {display: none;}
#bodyvlsp #content #subnav ul #navsubvlsp ul {display: block;}

#bodycharitable #content #subnav ul ul {display: none;}
#bodycharitable #content #subnav ul #navsubcharitable ul {display: block;}

#content #subnav .subnavon {font-weight: bold !important; color: #002569 !important; background-image: url(../img/li1.gif);}
#content #subnav .navsub li .subnavon {background-image: url(../img/li1.gif) !important;}

/* right side bar treatments */
#maincontent .sidebar {width: 198px; float: right; margin: -10px 0 0 16px; }
#maincontent .sidebar div {border: 2px solid #e7e7e7; margin-bottom: 10px; background-color: #fff;}
#maincontent .sidebar .relatedhi {border-color: #415D90;}
#maincontent .sidebar .relatedhi h4 {background: #415D90;}
#maincontent .sidebar div h4 {margin: 0; font-size: 100%; color: #002569; height: 25px; background: #e7e7e7; text-indent: -4000px;}
#maincontent .sidebar div ul {margin: 8px 11px; padding: 0; list-style: none;}
#maincontent .sidebar div ul li {background: transparent url(../img/li.gif) 0 4px no-repeat; margin-bottom: 4px; padding: 0 0 0 9px;}
#maincontent .sidebar div h3 {margin: 6px 11px -4px; font-size: 110%;}
#maincontent .sidebar div p {margin: 6px 11px}
#maincontent .sidebar dl {margin: 8px 11px}
#maincontent .sidebar .calltoaction {border: 0; margin: 6px 11px; font-weight: bold; background: none;}
#maincontent .sidebar .related h4 {background: #e7e7e7 url(../img/s-hd-related.gif) no-repeat;}
#maincontent .sidebar .mediation h4 {background: #415D90 url(../img/s-hd-related-mediator.gif) no-repeat;}
#maincontent .sidebar .questions h4 {background: #e7e7e7 url(../img/s-hd-questions.gif) no-repeat;}
#maincontent .sidebar .advertise h4 {background: #e7e7e7 url(../img/s-hd-advertise.gif) no-repeat;}
#maincontent .sidebar .announcements h4 {background: #e7e7e7 url(../img/s-hd-announcements.gif) no-repeat;}
#maincontent .sidebar .beforeyoucontact h4 {background: #e7e7e7 url(../img/s-hd-beforeyoucontact.gif) no-repeat;}
#maincontent .sidebar .beforeyoucontactesp h4 {background: #e7e7e7 url(../img/s-hd-beforeyoucontactesp.gif) no-repeat; height: 41px;}
#maincontent .sidebar .probono h4 {background: #e7e7e7 url(../img/s-hd-probono.gif) no-repeat; height: 41px;}
#maincontent .sidebar .onlineesp h4 {background: #e7e7e7 url(../img/s-hd-onlineesp.gif) no-repeat; height: 45px;}
#maincontent .sidebar .sponsors h4 {background: #e7e7e7 url(../img/s-hd-sponsors.gif) no-repeat;}
#maincontent .sidebar .forcommunity h4 {background: #e7e7e7 url(../img/s-hd-forcommunity.gif) no-repeat;}
#maincontent .sidebar .foundation h4 {background: #e7e7e7 url(../img/s-hd-foundation.gif) no-repeat;}
#maincontent .sidebar .diversityres h4 {background: #e7e7e7 url(../img/s-hd-diversityres.gif) no-repeat;}
#maincontent .sidebar .keyconsiderations h4 {background: #e7e7e7 url(../img/s-hd-keyconsiderations.gif) no-repeat;}
#maincontent .sidebar .contact h4 {background: #e7e7e7 url(../img/s-hd-contact.gif) no-repeat;}
#maincontent .sidebar .promotions h4 {background: #e7e7e7 url(../img/s-hd-promotions.gif) no-repeat;}
#maincontent .sidebar .businesshours h4 {background: #e7e7e7 url(../img/s-hd-businesshours.gif) no-repeat;}
#maincontent .sidebar .mediator h4 {background: #e7e7e7 url(../img/s-hd-mediator.gif) no-repeat;}
#maincontent .sidebar .forattorneys h4 {background: #415D90 url(../img/s-hd-forattorneys-blue.gif) no-repeat;}
#maincontent .sidebar .needlawyer h4 {background: #415D90 url(../img/s-hd-needlawyer.gif) no-repeat;}
#maincontent .sidebar .othercontact h4 {background: #415D90 url(../img/s-hd-othercontact.gif) no-repeat;}
#maincontent .sidebar .events h4 {background: #415D90 url(../img/s-hd-events.gif) no-repeat;}
#maincontent .sidebar .member h4 {background: #415D90 url(../img/s-hd-member.gif) no-repeat; }
#maincontent .sidebar .events a {display: block;}
#maincontent .sidebar .events h5 {font-size: 100%; margin: 8px 11px -6px;}
#maincontent .sidebar .events hr {margin: 12px auto 0;}
#maincontent .sidebar .events .highlight {background: transparent url(../img/icon-star.gif) top left no-repeat; padding-left: 26px;}
#maincontent .sidebar .calendar, #bodyhome .calendar, #bodymember .calendar {background: url(../img/icon-calendar.gif) no-repeat; padding: 6px 0 6px 30px;}
#maincontent .sidebar .gala {background-color: #efefef;}
#maincontent .sidebar .gala h4 {background: #415D90 url(../img/s-hd-gala.gif) no-repeat;}
#maincontent .sidebar .gala img {display: block; margin: 8px auto 4px; border: 1px solid #000;}
#maincontent .sidebar .gala .calltoaction {margin-top: 0; text-align: left;}
#maincontent .sidebar .event {background-color: #efefef;}
#maincontent .sidebar .event h4 {background: #415D90 url(../img/s-hd-event.gif) no-repeat;}
#maincontent .sidebar .event img {display: block; margin: 8px auto 4px; border: 1px solid #000;}
#maincontent .sidebar .event .calltoaction {margin-top: 0; text-align: left;}

#maincontent .sidebar .whyvolunteer h4 {background: #415D90 url(../img/s-hd-whyvolunteer.gif) no-repeat;}
#bodyadr #maincontent .sidebar .whyvolunteer h4 {background: #415D90 url(../img/s-hd-testimonials.gif) no-repeat;}
#maincontent .sidebar .whyvolunteer {background: #FAFCFE url(../img/icon-quotebgbot.gif) 100% 100% no-repeat; text-align: center;}
#maincontent .sidebar .whyvolunteer p.quote {background: transparent url(../img/icon-quotebgtop.gif) no-repeat; font-weight: bold; font-size: 120%; color: #1F3764; margin: 0; padding: 8px 11px 0; margin-top: 8px; height: 57px;}
head:first-child+body #maincontent .sidebar .whyvolunteer p.quote {height: auto; min-height: 57px;}
#maincontent .sidebar .whyvolunteer cite {font-style: normal;}

#maincontent .formIntro {float: left; width: 258px; margin: 0 10px 15px 0;}
#maincontent .formSidebar {float: left; width: 220px; margin: 2px 0 15px 0px; padding: 6px 8px; border: 2px solid #e7e7e7;}  

#maincontent .partner {float: right; width: auto; margin: -4px 0 0 16px;}
/* END right side bar treatments */

#maincontent {background-color: #fff; padding: 0 0 18px 18px;}
*html #maincontent {height: 280px}
#bodylris #maincontent, #bodylrisesp #maincontent {background: #fff url(../img/s-bg-lris.gif) top right no-repeat;}
#bodyadr #maincontent {background: #fff url(../img/s-bg-adr.gif) top right no-repeat;}
#bodyvlspov #maincontent, #bodyvlsp #maincontent {background: #fff url(../img/s-bg-vlsp.gif) top right no-repeat;}
#bodydiversity #maincontent {background: #fff url(../img/s-bg-diversity.gif) top right no-repeat;}
#bodycharitable #maincontent {background: #fff url(../img/s-bg-charitable.gif) top right no-repeat;}
#bodybarristers #maincontent {background: #fff url(../img/s-bg-barristers.gif) top right no-repeat;}
#bodymembership #maincontent {background: #fff url(../img/s-bg-membership.gif) top right no-repeat;}
#bodymembership .btnJoinNow{/*width: 130px; float:right; padding-right: 0px;*/ padding:10px 0px;}
#bodymembershipapp #maincontent {background: #fff url(../img/s-bg-membershipapp.gif) top right no-repeat;}
#bodycle #maincontent {background: #fff url(../img/s-bg-cle.gif) top right no-repeat;}
#bodycalendar #maincontent {background: #fff url(../img/s-bg-calendar.gif) top right no-repeat;}
#bodycart #maincontent {background: #fff url(../img/s-bg-cart.gif) top right no-repeat;}
#bodyabout #maincontent, #bodyplain #maincontent {background: #fff url(../img/s-bg-about.gif) top right no-repeat;}
#bodyadvertise #maincontent {background: #fff url(../img/s-bg-partner.gif) top right no-repeat;}
#bodyfoundation #maincontent {background: #fff url(../img/s-bg-foundation.gif) top right no-repeat;}
#bodyethics #maincontent {background: #fff url(../img/s-bg-ethics.gif) top right no-repeat;}

#maincontent h1 {margin: 0 0 4px; width: 402px; height: 96px; text-indent: -4000px;}
#maincontent h2 {font-size: 120%; margin: 16px 0 4px}
#maincontent h2 .subtitle {font-size: 90%; color: #555}
#bodycalendar #maincontent h2 .subtitle {font-size: 85%;}
#maincontent h3 {font-size: 100%; margin: 12px 0 4px}
#maincontent h4 {font-size: 100%; margin: 12px 0 4px}
#maincontent p {margin: 0 0 8px; line-height: 1.4}
#maincontent ul {list-style: none; margin: 0 20px 12px; padding: 0;}
#maincontent ul li {background: transparent url(../img/s-li.gif) 0 5px no-repeat; padding-left: 10px; }
#maincontent li {line-height: 1.4; margin-bottom: 3px;}
#maincontent ul.column {}
#maincontent ul.column li {width: 40%; float: left;}

#maincontent ul.column li li {width: 100%; display: block;}
#maincontent .phone {white-space: nowrap; font-weight: bold;}
#maincontent hr {border: 1px solid #e8e8e8; border-width: 1px 0 0; width: 30%; margin: 0px auto; height: 1px;}
head:first-child+body #maincontent hr {margin-top: 20px;}

#maincontent .tricolumn p {width: 30%; float: left; margin: 0 10px 10px 0;}

#maincontent .contentnote {font-size: 90%; color: #777}

#maincontent .indent {margin-left: 16px; margin-bottom: 6px;}
#maincontent .indent h3 {margin: 0}
#maincontent .indent p {margin: 0 0 6px;}

#maincontent .anchor {list-style-position: inside;}
#maincontent .anchor li {padding-left: 18px; text-indent: -18px; background: transparent url(../img/icon-anchor.gif) no-repeat;}
head:first-child+body #maincontent .anchor li {padding-left: 32px;}
#maincontent ol.anchor li {padding-left: 32px;}

#maincontent div:target, #content div.sftarget {border: 2px solid #e7e7e7; margin-top: 20px}
#maincontent div:target p, #content div.sftarget p {padding: 0 6px}
#maincontent div:target h2, #content div.sftarget h2 {color: #002569; background: #e7e7e7; padding: 0 6px 3px; margin-top: 0; margin-bottom: 4px;}
#maincontent div:target h3, #content div.sftarget h3, 
#maincontent div:target h3, #content div.sftarget ul, 
#maincontent div:target table, #content div.sftarget table, 
#maincontent div:target pre, #content div.sftarget pre {margin-left: 6px;}
#maincontent li:target, #content li.sftarget {font-weight: bold; border: 2px solid #e7e7e7; padding: 0 6px;}

#maincontent .backtotop {text-align: right; border-top: 1px solid #e7e7e7; padding-top: 4px; clear: both;}
#maincontent .backtotop a { padding-right: 10px; background: transparent url(../img/icon-backtotop.gif) right 0 no-repeat;}

#maincontent .historybackbot {border-top: 1px solid #e7e7e7; padding-top: 4px; clear: both; font-weight: bold;}
#maincontent .historybackbot a {display: block;}

#maincontent #disclaimer {border: 1px solid #e7e7e7; font-size: 90%; color: #555; padding: 8px 20px 4px;}

#maincontent #footnote {font-size: 95%; margin: 0 40px 10px; border-top: 3px double #ccc; border-width: 3px 0; padding: 0 8px}
#maincontent #footnote ol {margin-top: 0 !important}

#maincontent div.column {float: left; width: 45%;}
#maincontent div.column h2 {margin-top: 0;}
#maincontent div.column h3 {margin-top: 0;}
#maincontent div.third {width: 30%;}
#maincontent .clear {clear: both;}
#maincontent pre {margin: 0 0 8px;}
head:first-child+body #maincontent pre {font-size: 120%;}
#maincontent .borderwrap, 
#maincontent table {margin: 0 0 8px; border: 6px solid #e7e7e7; width: 80%;}
#maincontent table th {padding: 2px 10px; vertical-align: bottom; text-align: left; border-bottom: 3px double #ccc}
#maincontent table td {padding: 4px 10px; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #eee;}
#maincontent .chicklet td {padding-left:0px;} /*left align rss links*/
#maincontent .borderless {border-width: 0; width: auto;}
#maincontent .borderless td {border-width: 0;}

#maincontent dl {margin-top: 0; padding-bottom: 5px;}
#maincontent dt {width: 60px; float: left; clear: left; margin: 0 0 3px;}
#maincontent dd {margin: 0 0 3px 60px; padding: 0;}

#maincontent .sidebar dt {font-weight: bold; width: 50px; float: left;}
#maincontent .sidebar dd {margin-left: 55px; //height: 1%;}

#maincontent .headshot {float: left; margin: 18px 12px 0 0; border: 1px solid #555}

#maincontent .photo {width: 80px; padding-left: 0; padding-right: 0;}
#maincontent .photo img {border: 1px solid #555}

#maincontent .eventcost {width: auto;}
#maincontent .eventdate {margin: 0 0 8px; font-weight: bold;}
#maincontent .eventnote {font-size: 90%; color: #555}
#maincontent .eventphoto {border-left: 1px solid #e7e7e7; float: right; margin: 0 40px 0 10px; font-size: 90%; width: 120px; padding: 8px 12px; }
#maincontent .eventphoto img {display: block; margin: 0 auto 4px}
#maincontent .register {margin: 12px 0} 
#maincontent .register48 {margin: 12px 0; width: 270px; border: 3px solid #e7e7e7; color: #900; padding: 4px 6px 6px; font-size: 120%; font-weight: bold;} 
#maincontent .pastevent {margin: 12px 0; width: 270px; border: 3px solid #e7e7e7; color: #900; padding: 4px 6px 6px; font-size: 120%;} /*New 11-19-2008 for Past Event*/
#maincontent .register48 b {display: block;} 
#maincontent #pagefunc {text-align: right; font-size: 90%; margin: -26px 0 12px;}
#maincontent #pagefunc #printfriendly {background: #fff url(../img/icon-print.gif) no-repeat; padding-left: 17px; margin-left: 8px;}
#maincontent #pagefunc #send,
#maincontent #pagefunc #sendesp {display:none;} /* Hiding old version of Send to Colleague in all pages */
#maincontent #pagefunc #send, #maincontent #pagefunc #sendesp {background: #fff url(../img/icon-email.gif) 0 2px no-repeat; padding-left: 18px;}
#bodylexisnexis #maincontent #pagefunc #send {display: none;}
#maincontent .borderwrap {padding-top: 8px;}
#maincontent .borderwrap h3 {margin-left: 8px;}
#maincontent .borderwrap div.column {width: 50%;}

#maincontent .pressfooter {color: #444; width: 90%; margin: 12px auto 0}

#maincontent .doclib {width: 500px; margin-top: 10px;}
#maincontent .doclib th {white-space: nowrap; border-bottom: 3px double #aaa; vertical-align: bottom;}
#maincontent .doclib td {text-align: center; white-space: nowrap; border-bottom: 1px solid #ddd; padding: 2px 16px}
#maincontent .doclib .dochead {text-align: left; padding: 18px 4px 0; }
#maincontent .doclib .docname {text-align: left; white-space: normal; padding: 2px 4px;}

#maincontent .alc {text-align: center;}

#maincontent .glossary {position:relative; color:#000; text-decoration:none; border-bottom: 1px dashed #002569; cursor: help; _position:static;}
#maincontent .glossary:hover {background-color:#fff}
#maincontent .glossary span {display: none}
#maincontent .glossary:hover span {display:block; position:absolute; top:1.4em; left:-240px; width:240px; border:1px solid #999; background-color:#f9f9f9; color:#000; padding: 10px}

#maincontent .popup {white-space: nowrap;}
#maincontent .popup2 {white-space: nowrap;}

#maincontent .callout {float: right; width: 200px; padding: 8px; border: 10px solid #e7e7e7; font-size: 95%; margin: 0 10px 8px}
#maincontent .callout h3 {margin-top: 0; text-align: center; font-size: 120%;}
#maincontent .callout ul {margin: 8px 8px 4px;}
#maincontent .callout p {margin: 8px 0 4px;}

.alr {text-align: right;}

#maincontent form {width: 500px; margin: 0;}
#maincontent fieldset {border: 1px solid #bbb; padding: 10px; margin-bottom: 10px; overflow: auto; height: 100%;}
#maincontent fieldset h2 {font-size: 110%; margin: 10px 0 0; border-bottom: 1px solid #ccc; clear: both;}
#maincontent fieldset h3 {font-size: 100%; margin: 10px 0 0}
#maincontent fieldset p {margin: 16px 0 0;}
#maincontent fieldset ul {margin: 0}
#maincontent fieldset .column {width: 50%; float: left; margin-top: 0; margin-bottom: 10px}
#maincontent fieldset legend {border: 1px solid #bbb; font-weight: bold; padding: 2px 6px; font-size: 120%; margin: 0 0 3px;}
#maincontent fieldset label {display: block;}
#maincontent fieldset div {margin-top: 6px;}
#maincontent fieldset .example {font-size: 85%; color: #666; display: block;}
#maincontent fieldset .graynote {font-size: 90%; color: #666;} /*Same style as the example note but displayed inline*/
#maincontent fieldset .required {font-weight: bold;}
#maincontent fieldset .indent {margin-left: 16px}
#maincontent fieldset .entryset {overflow: auto; height: 100%;}
#maincontent fieldset .entryset div {width: auto; float: left; margin-right: 8px;}
#maincontent fieldset .radio input {margin-bottom: 0px;} /*Align Radio Buttons with Labels*/ 
#maincontent fieldset .radio label {display: inline; text-indent: 20px;}
#maincontent fieldset .radio div {margin-top: 0}
#maincontent fieldset .radio .indent {text-indent: 0; margin-left: 30px}


#maincontent .pubthumb {float: right; margin-left: 10px;}
#maincontent .pubthumb img {border: 1px solid #666}

#maincontent #eventlist {clear: both; border-width: 0; width: 100%; margin-top: -8px;}
#maincontent #eventlist .month {font-size: 120%; padding-top: 0px; background-color: transparent}
#maincontent #eventlist th {border-width: 0; background-color: #f0f0f0;}
#maincontent .date {white-space: nowrap; width: 10%;}
#maincontent #eventlist .cle {width: 5%;}
#maincontent #eventlist .event {width: 55%}
head:first-child+body #maincontent #eventlist .event {width: 45%}
#maincontent #eventlist .highlight {background-color: #fffbe9;}
#maincontent #eventlist .highlight .event {background: #FFFBE9 url(../img/icon-star.gif) top left no-repeat; padding-left: 26px;}
#maincontent #eventlist .event .highlight {background: #FFFBE9 url(../img/icon-star.gif) top left no-repeat;}
#maincontent #eventlist td {border-width: 1px 0; border-bottom: 1px solid #e7e7e7;}

#maincontent #cart {width: 100%;}
#maincontent #cart fieldset {border-width: 0;}
#maincontent #cart table {border-width: 0; width: 100%;}
#maincontent #cart th {font-size: 120%; border-bottom: 1px solid #ececec;}
#maincontent #cart td {border-width: 1px 0;}

/*New 3/4/09: Align Cart Table Cells*/
#maincontent #cart .item {width: 52%;}
#maincontent #cart .fees {width: 32%;}
#maincontent #cart .cartaction {width: 13%; text-align: left;}
#maincontent #cart .removeEvent {display: block; margin-top: -3px;}
#maincontent #cart .update {display: block; font-size: 85%; font-weight: normal; margin-bottom: 13px;} 

#maincontent #cart div {margin: 0 0 3px;}
#maincontent #cart .subtotal td {text-align: right; font-size: 120%; font-weight: bold; border-top: 3px double #ececec;}
#maincontent #cart .subtotal .value {text-align: left;}

#maincontent #cart2 {width: 100%;}
#maincontent #cart2 fieldset {width: 60%}
#maincontent #cart2 table {margin-top: 16px; width: 35%; float: right;}
#maincontent #cart2 th {font-size: 130%;}
#maincontent #cart2 th .edit {text-align: right; margin-left: 90px; font-size: 100%; font-weight: normal; margin-top: 0;} /*Adjusted for IE8*/
#maincontent #cart2 .subtotal td {text-align: right; font-size: 120%; font-weight: bold;  vertical-align: middle; border-top: 3px double #ececec;}
#maincontent #cart2 .subtotal .value {text-align: left;}

#maincontent #cart2 table#pnlPayment {border-width: 0; width: 100%; float: none;}
#maincontent #cart2 table#pnlPayment td {border-width: 0; padding: 0;}
#maincontent #cart2 table#pnlPayment fieldset {width: 60%; height: auto;}

#maincontent #cart2 table#pnlError {border-width: 0; width: 40%; float: none;}
#maincontent #cart2 table#pnlError td {border: 1px solid #ececec; padding: 6px 8px 0;}

#maincontent .dues .regprice {text-decoration: line-through; color: #777}
#maincontent .dues .promo, #maincontent .promo {font-weight: bold; color: #CA7E15}
#maincontent .dues td.promo {font-size: 120%;}

/*Register of Experts. New styles added 2.4.2009*/
#maincontent #directory {float: left; margin: 0px; padding-top: 0;}

#maincontent #directory ul.anchor {list-style: none; margin-left: 0;}
#maincontent #directory ul.anchor li {float: left; margin: 0 2px 16px 0; background-image: none; padding: 0; text-indent: 0}
#maincontent #directory ul.anchor li.first {padding-left: 12px; background: transparent url(../img/icon-anchor.gif) no-repeat;}
#maincontent #directory ul.anchor li a {display: block; padding: 1px 4px; font-weight: bold; text-decoration: none; border: 1px solid #ccc; background-color: #eaeaea; margin: 0;  color: #000D92}
#maincontent #directory ul.anchor li.nolink {display: block; padding: 1px 4px; font-weight: bold; text-decoration: none; border: 1px solid #ddd; background-color: #eaeaea; color: #aaa}
#maincontent #directory ul.anchor li a:hover {background-color: #ccc;}
#maincontent #directory #anchor01 {clear: both;}
#maincontent #directory .column {margin-bottom: 6px;}
#maincontent #directory h2 {clear: both; border-bottom: 1px solid #e7e7e7;}
#maincontent #directory h3 {clear: both; margin: 8px 0 0;}
#maincontent #directory h3 a {margin: 0 0 2px 0; font-size: 100%}
#maincontent #directory div.column ul {margin: 0 0 6px 0; padding: 0; list-style: none; font-size: 90%; width: 184px;}
#maincontent #directory div.column li {margin-bottom: 2px; background-image: none; line-height: 1.3; text-indent: -8px; padding-left: 12px;}
#maincontent #directory div.column {margin: 0 50px 0 0; width: 184px;}
#maincontent #directory .backtotop {margin-top: 6px;}

#maincontent #directory .show {float: left;}
#maincontent #directory .paginate {color: #666; font-size: 98%; text-align: right;}
#maincontent #directory ul#regresults {border-top: 1px solid #e7e7e7; float: left; margin-top: 5px; margin-left: 0; width: 70%; }
#maincontent #directory ul#regresults li {background: none; padding: 0 0 8px 10px;}
#maincontent #directory h3 {font-size: 100%; font-weight: bold;}
#maincontent #directory dl {font-size: 75%; font-weight: normal; padding: 0; margin: 0; clear: both;}
#maincontent #directory dt {font-weight: bold; width: 160px; float: none; margin: 0;}
#maincontent #directory dd {float: none; margin: 0 0 6px; }
#maincontent #directory p {font-weight: normal;}
#maincontent #directory p.contact1 {width: 43%; float: left; font-size: 85%; margin-right: 10px;}
#maincontent #directory p.contact2 {width: 45%; float: left; font-size: 85%;}

/*Highlight Lister Styles*/
#maincontent #directory ul#regresults li.highlightlister {border: 1px solid #D5E6F3; background: #D5E6F3; padding-left: 0; padding-bottom: 0;} 
#maincontent #directory ul#regresults .featuredmsg {float: right; margin: 2px 1px; font-size: 75%; background: #FFD33A; display: block; font-weight: normal; padding: 0 2px 1px 4px;}
#maincontent #directory .highlightlister span.nameTitleCompany {display: block; margin: 0 15px; font-size: 100%; font-weight: normal;}
#maincontent #directory .highlightlister p.contact1 {padding-left: 15px;}
#maincontent #directory .highlightlister dl{background: #f6f6f6; padding: 10px 15px 10px 15px;}

#maincontent #directory table {border: 0; width: 100%;}
#maincontent #directory table td {border: 0;}

#maincontent ol#directory li {margin-bottom: 16px;}

#maincontent #directory div:target ul, #content #directory div.sftarget ul,
#maincontent #directory div:target h3, #content #directory div.sftarget h3 {padding: 0 6px}
#content #directory div.sftarget {position: relative;}

/*Register of Experts Ads. New styles added 2.4.2009*/
#ad_column {float: right; width: 160px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;}
.ad_block {margin-bottom: 25px;}
.ad_block p {line-height: 1.2em; font-size: 90%;}
#maincontent .ad_block ul, /* main register & search results pg */
#maincontent #directory .ad_block ul {
	margin:-5px 0 3px;
	line-height: 1.2em; 
	font-size: 90%; 
	}
#maincontent #directory .ad_block ul { font-size: 75%;}
#maincontent .ad_block ul li,
#maincontent #directory .ad_block ul li {
	background-image:none;
	padding:0;
	margin:0; 
	list-style:square inside;
	font-weight:normal;
	}
.smrightnote {margin-bottom: 15px; font-size: 85%; text-align: right; color: #666666;}
.landing {margin-top: 16px;}
.resultspg {margin-top: 5px;}

#footernav {margin: 4px 0 10px; padding: 4px 0 6px; border-top: 2px solid #002569; text-align: center; font-weight: bold;}
#footernav ul {list-style: none; padding: 0; margin: 1px auto;}
#footernav ul li {display: inline; padding: 0 4px 0 7px; border-right: 1px solid #000; margin: 0;}
head:first-child+body #footernav ul li {padding-left: 4px;}
#footernav .noborder {border-width: 0}
#bodyhome #footernav {margin: 2px 0 5px 0;}

/* AddThis styles for Share and Send to Colleague */
.share-standard {background-color:#f4f4f4; width:160px; height:30px; float:left; border-right:15px solid white; }
.share-links {border-top:1px solid #E7E7E7;padding-top:5px;}
.share-links p {float:left;margin:0;font-weight:bold;}
	p.share-pg {padding:2px 4px 2px 2px;}
	p.share-email {padding:2px 3px 2px 10px;}
.addthis_default_style .at300b, 
.addthis_default_style .at300m {padding:0 4px;}
#at16meo {display:none;}
#at16p {background:url(../img/bg-send-to-colleague.png) repeat scroll 0 0 transparent;}
#at_email {background:url(../img/logo-send-to-colleague.gif) no-repeat 10px 5px;}
#at16pc #at_email form {margin-top:45px;}
.at-promo-content {display:none;}
label[for="at_to"] span:after {content:" For multiple addresses, use a comma, semi-colon or line break to separate them.";}
#at_email form label {width:250px;}
/*Show non-standard version of Share/Send on these BASFPublic pages */
.bodymaincalendar .share-standard, 
.bodydonate1 .share-standard,
.bodyregister-list .share-standard,
.bodyregister-results .share-standard,
.bodyadr-results .share-standard { 
	display:none;
	}
/*Hide Share/Send on these BASFPublic pages */
#bodyhome .share-container,
.bodydonate2 .share-container,
.body500 .share-container,
.body404 .share-container,
.bodypico .share-container {
	display:none;
	}
/*Hide Share/Send on BASFLogin pages */
#bodymember .share-container, 
#bodybasfaccount .share-container,
#bodycart .share-container,
#bodymemberdirectory .share-container,
#bodymembershipapp .share-standard {
	display:none;
	}
/*Hide Share/Send in IE6 - conflicts with nav.js */
.share-container {
	_display:none;
	}
	
#sponsors {width: auto; margin: 0 0 4px; padding: 0; text-align: center; display: none;}
#sponsors img {margin: 0 6px; vertical-align: middle; border:0;}

#footer {font-size: 90%; text-align: center;}
#footer ul {list-style: none; padding: 0 40px 0 0; margin: 1px auto;}
#footer ul li {display: inline; padding: 0 4px 0 7px; border-right: 1px solid #000; margin: 0;}
#footer .copy{border-right: 0px}
head:first-child+body #footer ul li {padding-left: 4px;}
#footer .noborder {border-width: 0}
#footer .credit {display: none;}
#bodyhome #footer .noborder {border-right-width: 1px;}
#bodyhome #footer .credit {display: inline; border-width: 0}

#glossary {font-family: arial, sans-serif; font-size: 75%; background-image:none; background-color:#f9f9f9; color:#000; padding: 5px 10px}
#glossary h1 {font-size: 110%; margin: 0 0 4px;}
#glossary h2 {font-size: 100%; margin: 0;}
#glossary p {margin: 0 0 6px;}

#webfriendly {display: none;}

/* popups */
#popup {margin: 10px;}
#popup h2 {font-size: 120%; margin: 10px 0 0; border-top: 1px dotted #ddd; clear: both; padding-top: 6px;}
#popup h3 {margin: 0 0 12px; font-size: 120%;}
#popup .req {font-weight: bold;}
#popup .close {text-align: right;}
#popup form {width: 360px;}
#popup fieldset {border: 1px solid #ddd; margin: 0 0 10px; padding: 8px 6px 6px 6px}
#popup fieldset legend {padding: 4px; font-weight: bold; color: #000; font-size: 140%;}
#popup fieldset div {margin: 0 4px 6px;}
#popup fieldset .entryset {clear: both;}
#popup fieldset .entryset div {float: left;}
#popup fieldset label {display: block;}
#popup .button {display: block; margin: 6px 0 0 5px;}

.hilight {background-color: #FFFCDE}
.note {font-weight: bold; color: #900;}

.bencode {color: #900;}

#pnlError {font-weight: bold; color: #900; background: #FDFBF4 url(../img/icon-warning.gif) 16px 10px no-repeat; border: 1px solid #ececec; padding: 6px 8px 0 60px; width: 50%; margin: 0 0 16px;}
#pnlSuccess {font-weight: bold; color: #02540F; background: #FDFBF4; border: 1px solid #ececec; padding: 6px 8px 6px 16px; width: 56%; margin: 0 0 16px;} /*Added 11/24/2008 for Usernames Available*/

#pnlNoRecords {font-weight: bold; font-size: 120%; color: #000; padding: 10px 8px; width: 80%; margin: 0 0 16px;}
head:first-child+body #pnlNoRecords td {padding: 10px 8px}

head:first-child+body #pnlForm, head:first-child+body #pnlResults {border-width: 0;}
head:first-child+body #pnlForm td, head:first-child+body #pnlResults td {border-width: 0;}

h3.flyerlink {font-weight: normal;}
h3.flyerlink a {font-weight: bold;}

/*LRIS Form - styles added 1/2011 */
#maincontent ul.lris-steps li {background-image: none; text-indent: -47px; padding-left: 47px;}
form.lris h3 {display:inline-block; cursor:pointer;}
form.lris input {vertical-align:middle; margin-right:5px; }
form.lris .subcat {margin-left:20px;}
form.lris .subcat label {text-indent: -23px; padding-left: 23px;}
form.lris .btnSubmit {padding:0 20px; display:block;margin:15px auto 0;}
form.lris p.questions {text-align:right; margin: -20px 0 -4px; _margin:0 0 -4px;_padding:0;}
form.lris p.questions span {font-size:120%; font-weight:bold;}

/*RSS Feed Icons Placement*/
.calendarFeed {float: right; position: relative; left: 111px; margin-top: -17px;  padding: 0 0 2px 18px; background: url("../img/feed-icon-14x14.gif") 0 0px no-repeat; font-size: 60%;}
.listFeed {display: block; width: 125px; height: 48px; margin: 4px 0 0 7px; padding: 0 0 0 48px; background: url("../img/feed-icon-38x38.gif") 0 0 no-repeat; font-size: 90%; text-decoration: none; line-height: 1.2em;}
.listFeedHeader {display: block; background: url("../img/feed-header.gif") no-repeat; text-indent: -4000px; }
.listFeedLink {text-decoration: underline;}

.feed {padding: 0 0 4px 18px; background: url("../img/feed-icon-14x14.gif") 0 1px no-repeat;}
.feedhm {margin-left: 15px; padding: 0 0 4px 22px; background: url("../img/feed-icon-14x14.gif") 0 1px no-repeat; font-weight: bold;}
.feedmember {margin-left: 10px; padding: 0 0 4px 20px; background: url("../img/feed-icon-14x14.gif") 0 1px no-repeat; font-weight: bold;}


/*Accessibility */
.skip {display: none;} 

/*Misc Styles*/
.block {display: block !important}
.none {display: none;}
.right {text-align:right;}
.center {text-align:center;}
.smtxt {font-size: 90%; margin: 0; font-weight: normal;}
.seal {float: left;}
.red {color: #900;}
.graysmtxt {color: #777; font-size: 95%;}
.nobold {font-weight: normal;}
	

/*This class is used to fool evil automatons bent on subverting our forms.
Try not to use the S word.  They are listening.*/
.evilAutomatonFooler {display:none;}


/* Member Directory - added 4/1/09 */
/*BASF Watermark*/
#bodymemberdirectory #maincontent {background: #fff url(../img/s-bg-about.gif) top right no-repeat;} 

/*Orange Headings*/
#bodymemberdirectory #maincontent h2.sectionheading {color: #CA7E15; font-size: 160%; margin-bottom: 8px;}
#bodymemberdirectory #maincontent h2.sectionheading img {margin-bottom: -4px;}

/*Search/Browse Landing Page*/
#bodymemberdirectory #maincontent #memberSearchForm {margin: 0px;}
#bodymemberdirectory .narrowSearch {margin-top: 2px;}
#bodymemberdirectory .narrowSearch input {vertical-align: middle;}
#bodymemberdirectory .narrowSearch label {vertical-align: middle;}
#bodymemberdirectory input#s {width: 350px;}

#bodymemberdirectory .browselinks {font-weight: normal; margin-left: 11px;}
#bodymemberdirectory .browselinks a {padding: 0 5px;}
#bodymemberdirectory .active {font-weight: bold; padding: 0 5px 0 0;}
	
#bodymemberdirectory h2.linkoption {margin-top: 10px; padding-top: 0; margin-bottom: 20px;}
#bodymemberdirectory h2.linkoption a {padding: 0 5px;}
	#bodymemberdirectory #maincontent span.smalltxt {font-size: 85%; font-weight: normal;}

#bodymemberdirectory #maincontent div.space {margin: 10px 0 0 200px;}

#bodymemberdirectory #maincontent hr {margin: 0 0 0 160px; text-align: left;}

/*Results Page*/
#bodymemberdirectory .borderbottom {border-bottom: 1px solid #eee; margin-top: 15px; clear: both;}
#bodymemberdirectory #headerNoResults.borderbottom {border-bottom: none;}
#bodymemberdirectory .paginate {color: #aaa; margin-bottom: 25px;}
#bodymemberdirectory .paginate a {margin: 0 3px;}
#bodymemberdirectory #spanMembers {margin-top: 15px; display: block;}
#bodymemberdirectory  #directory {margin-top: 4px;}
#bodymemberdirectory #directory ul.anchor li {margin-bottom: 10px;}
#bodymemberdirectory p.browseinstruction {margin-bottom: 25px;}

#bodymemberdirectory #directory ul.anchor li.browsenavon a {background: #ccc;}

#bodymemberdirectory .column {margin-top: 15px;}

#bodymemberdirectory .memberinfo {float: left; margin-bottom: 30px; width: 100%;}
	#bodymemberdirectory .memberinfo h2 {margin-top: 0;}
	#bodymemberdirectory .memberinfo ul {margin: 0;}
	#bodymemberdirectory .memberinfo ul li {margin: 0;}
	#bodymemberdirectory .memberinfo ul.seccom {font-size: 90%;}
	#bodymemberdirectory .memberinfo ul.seccom li a { text-decoration: none;}
	#bodymemberdirectory .memberinfo p {margin-bottom: 1px;}
		#bodymemberdirectory .memberinfo .datacol1 {float: left; padding-right: 10px; width: 39%;}
		#bodymemberdirectory .memberinfo .datacol2 {float: left; padding-right: 8px; width: 31%;}
		#bodymemberdirectory .memberinfo .datacol2 img {margin-bottom: -2px; margin-right: 1px;}
		#bodymemberdirectory .memberinfo .datacol3 {float: left; width: 25%;}
		#bodymemberdirectory .memberinfo .datacol3 div {margin: 0; padding: 0;}
			/*Icons*/
			#bodymemberdirectory .memberinfo .recbarristers {color: #9F6514; font-family: Georgia, "Times New Roman", Times, serif; font-size: 80%;}
			.recpastpres {color: #8E7F30; display: block; font-family: Georgia, "Times New Roman", Times, serif;  font-size: 80%; line-height: 1.2em;}
			#bodybasfaccount .recpastpres  {font-size: 90%; margin-bottom: 6px;}
			.recpastpres img {margin: 6px 5px 0 0; float: left;}
			.recbasfboard {color: #002569; display: block; font-family: Georgia, "Times New Roman", Times, serif;  font-size: 80%; margin: 3px 0;}
			.recbasfboard img {margin-bottom: -2px; margin-right: 2px;}
			#bodybasfaccount .recbasfboard  {font-size: 90%; margin-bottom: 6px;}

			#bodymemberdirectory .memberinfo .subheading {color: #555; font-weight: bold;}
			#bodymemberdirectory .memberinfo .subheading img {margin-bottom: -1px;}

	#bodymemberdirectory h2.showing {font-size: 100%; padding-bottom: 3px;}
	#bodymemberdirectory #maincontent .historybackbot {margin-top: -15px; margin-bottom: 20px;}
	#bodymemberdirectory #maincontent .historybacktop {font-weight: bold; margin-top: 15px;}

	.pag-top {border-bottom: 1px solid #eee; padding-bottom: 3px; text-align: right;}
	.pag-bottom {border-top: 1px solid #eee; padding-top: 3px; text-align: right;}
	
/*Contact Update Form*/
.formattoggle {margin-top: 0; margin-bottom: 10px;}

#bodybasfaccount form#Form1 #allowThreeDaysContainer {margin: 5px 0 14px 4px;}
#bodybasfaccount form#Form1 #promptLoginContainer {margin: 5px 0 14px 4px;}
#bodybasfaccount form#Form1 #licenseAdmitDate {width: 67px;}
#bodybasfaccount form#Form1 #licenseAdmitDate2 {width: 67px;}
#bodybasfaccount form#Form1 .entryset div.entryset {margin-top: 0; padding-top: 0;}

/*Guest Reception Ticket - Event Check Out*/
.radio label {vertical-align: middle;}
.radio input {vertical-align: middle;}

#contactDataNote {margin-left: 20px;}

/*Guest Reception Ticket - Confirmation Page*/
#bodycart .attendeedata-col {float: left; margin-top: 15px; width: 370px;}

#bodycart .payment-col {float: left; width: 225px; margin-top: 15px; margin-left: 15px;}
#bodycart .payment-col .labelformat {width: 90px;}

#bodycart .contactinfo-col {margin: 15px 0 0 0;}

#bodycart .datablock {display: block; clear: both; float: left; margin-bottom: 1px;}
#bodycart .labelformat {float: left; width: 143px;}
#bodycart .data {float: left;}

/*General Counsel Pages*/
#maincontent #tableGenCounsel {width: 580px;}
#bodybasfaccount .browselinks {font-weight: normal; margin-left: 11px; margin-bottom: 8px;}
#bodybasfaccount .browselinks a {padding: 0 5px;}
#bodybasfaccount .active {font-weight: bold; padding: 0 5px 0 0;}
#bodybasfaccount #directory ul.anchor li {margin-bottom: 5px;}
#bodybasfaccount #maincontent hr {margin: 20px 0 0 160px; text-align: left;}
#bodybasfaccount #directory ul.anchor li.browsenavon a {background: #ccc;}
#bodybasfaccount table#gentable {margin-top: 10px; width: 100%;}

/*Meet New Members/Donors Promo*/
#promo {background: #002569; color: #fff; padding: 7px 0 9px 12px; margin-top: 2px;}
#promo a {color: #fff; font-weight: bold;}
#promo img {margin: 0 3px 0 0;}

#newmempromo {background: #002569; color: #fff; padding: 7px 0 9px 12px; margin-top: 2px;}
#newmempromo a {color: #fff; font-weight: bold;}
#newmempromo img {margin: 0 3px 0 0;}
#new-donors-button {margin:7px 0 -7px 0;}

.discountcode {background: #d5e6f3; margin-left: 0px; padding: 1px 4px; border-top: 1px solid #B8D6ED; border-bottom: 1px solid #B8D6ED;}

/*Preview Site - to be removed when over*/
#preview {background: #F8F8F8; border: 1px solid #B2B1B1; border-top: none; color: #4C4C4C; font-size: 90%; margin-bottom: 5px; padding: 2px 3px 2px 10px;}
#preview a {color: #4C4C4C; text-decoration: none;}

/*Homepage Mini Calendar Style*/
#bodyhome .datemini {font-weight: bold;}
#bodyhome .mclecredit {font-weight: normal;}
.mclecredit {font-weight: bold;}

/*Professional Resources*/
#bodyresources #maincontent {background: #fff url(../img/s-bg-about.gif) top right no-repeat;}
#bodysectionscommittees #maincontent {background: #fff url(../img/s-bg-about.gif) top right no-repeat;}

/*Solo and Small Firm*/
#bodysmallfirm  #maincontent {background: #fff url(../img/s-bg-about.gif) top right no-repeat;}


/*Board Area*/
#bodyboardmember #maincontent #pagefunc #send {display: none;} /*Disabled Send To Colleague Function*/
#bodyboardmember #maincontent {background: #fff url(../img/s-bg-about.gif) top right no-repeat;} /*BASF Watermark*/ 


/*Clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix { display: inline-block; }
 html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%;}
