@import url("transmenu.css");

/* general styles
------------------------------------------------------------------------------------- */
html, body {height: 100%}
body {margin: 0; padding: 0; background: #FFFFFF url(../res/bg-main-tile.jpg) repeat-x left top; font-family: Georgia, Serif; font-size: 12px; color: #414137}
ul {list-style-type: none}
img {display: block}
a img {border: none}
a{color:#003366}
a:hover{text-decoration:none}
p, h1, h2, h3, img, form {margin: 0; padding: 0}
.text-drop {padding: 0 0 10px 0}
.clear {clear: both} /* for clearing floats */

/* general structure
------------------------------------------------------------------------------------- */
#warp-fix-height {width: 100%; margin: 0; padding: 0}
#wrap-fix-height {position: relative; height: auto !important; height: 100%; min-height: 100%}
#wrap-outside {width: 900px; margin: 0 auto}
#masthead {height: 164px; width: 900px}
#nav-main {height: 28px; width: 900px; background: url(../res/bg-nav-main.jpg) no-repeat; clear: both}
#body {width: 900px; margin: 0; padding: 0 0 181px 0; background: url(../res/bg-body.jpg) no-repeat left top; clear: both; overflow: hidden}
#body-sub {width: 900px; margin: 0; padding: 0 0 181px 0; background: url(../res/bg-body-sub.jpg) no-repeat left top; clear: both; overflow: hidden}

/* masthead
------------------------------------------------------------------------------------- */
#logo {width: 332px; margin: 0 0 0 36px; float: left; display: inline}
#logo-nav {height: 63px; margin: 0; padding: 0}
#logo-nav ul {margin: 26px 0 0 0; padding: 0; position: absolute}
#logo-nav li {margin: 0; padding: 0 8px; background: url(../res/masthead-logo-nav-divider.gif) no-repeat 0px 3px; float: left}
#logo-nav li.nodiv {padding: 0 8px 0 0; background: none}
#search-login {height: 124px; width: 439px; margin: 20px 36px 0 0; background: url(../res/bg-masthead-search-login.jpg) no-repeat left bottom; float: right; display: inline}
#masthead a {font-family: Arial, Sans-Serif; font-size: 11px; color: #003366}
.search-login-content p {margin: 0; padding: 0; font-family: Arial, Sans-Serif; font-size: 11px; color: #666629}
.search-login-content ul.forms input {width: 194px; margin: 0 10px 0 0}

/* find an attorney & member login
------------------------------------------------------------------------------------- */
#search-login-tabs {height: 28px; margin: 0; padding: 0}
#search-login-tabs ul {margin: 0; padding: 0}
#search-login-tabs li#search, #search-login-tabs li#login {height: 22px; width: 122px; margin: 0; padding: 6px 0 0 0; text-align: center; float: left; display: inline}
#search-login-tabs li#error {height: 22px; width: 180px; margin: 0; padding: 6px 0 0 10px; text-align: left; float: left; display: inline; font-family:Arial, Helvetica, sans-serif; color:#CC0000; font-size:11px}
#search-login-tabs li.on {background: url(../res/masthead-search-login-tab-on.jpg) no-repeat; font-weight: bold}
#search-login-tabs li.off {background: url(../res/masthead-search-login-tab-off.jpg) no-repeat}
.search-login-content {height: 96px; width: 439px; margin: 0; padding: 0}
.search-login-content ul.forms {width: 424px; margin: 13px 0 8px 15px; padding: 0}
.search-login-content li {margin: 0 0 10px 0; padding: 0; float: left}
.search-login-content dl {margin: 0 0 0 13px; padding: 0; clear: both}
.search-login-content dt {margin: 0 18px 0 0; padding: 0; float: left}
.search-login-content dd {margin: 0; padding: 3px 0 0 0}
.search-login-content ul.links {margin: 0; padding: 0}
.search-login-content ul.links li {margin: 0; padding: 0 8px; background: url(../res/masthead-logo-nav-divider.gif) no-repeat 0px 3px; float: left}
.search-login-content ul.links li.nodiv {padding: 0 8px 0 0; background: none}

/* navigation main
------------------------------------------------------------------------------------- */
#nav-main ul {margin: 0; padding: 0}
#nav-main li a {height: 21px; width: 166px; margin: 0; padding: 7px 0 0 0; text-align: center; float: left; display: inline; display: block}
#nav-main li a:hover {background: url(../res/bg-nav-main-hover.jpg) no-repeat}
#nav-main li#navAbout {width: 166px; margin: 0 0 0 25px; padding: 0; float: left; display: inline}
	#nav-main li#navChapter, 
	#nav-main li#navLaw, 
	#nav-main li#navResources, 
	#nav-main li#navFind {width: 166px; margin: 0 0 0 5px; padding: 0; float: left}
	
#nav-main a {font-weight: bold; color: #FFFFFF; text-decoration: none}
#nav-main a:hover {color: #003366}

/* once a member logs in
------------------------------------------------------------------------------------- */
#member-home-header-nav{margin:10px}
#member-home-header-nav ul{list-style-type:none; overflow:hidden; padding:25px 0 0 0}
#member-home-header-nav ul li{margin:0 0 0 15px; float:left}
#member-home-header-nav #memNavContainer{clear:both; padding:10px 0 0 0; margin:0; overflow:hidden}
#member-home-header-nav #memNavHome{float:left}
#member-home-header-nav #memNavProfile{float:left; margin:0 0 0 10px}
#member-home-header-nav #memNavResources{float:left; margin:0 0 0 10px}

#memPollContainer {background-color:#fff; border:1px solid #E4E3C9; padding:10px}
#memPollContainer h3{margin:0 0 5px 0; padding:0 0 5px 0; line-height:16px; font-size:16px; background:url(../res/dots-left-content.gif) left bottom repeat-x}

table.itemTitle{margin: 10px 0 0 0; width:100%; padding: 8px 6px; color: #809936; background-color: #FFFFCC; border: 1px solid #BBBB99}
table.itemTitle a{color: #809936; font-weight:bold}
table.itemContents{margin: 0; width:100%; padding: 8px 6px; color: #333; background-color: #fff; border-left: 1px solid #BBBB99; border-right: 1px solid #BBBB99; border-bottom: 1px solid #BBBB99 }

/* body left column
------------------------------------------------------------------------------------- */
#left-content {width: 581px; float: left}
#left-content-wrap {margin: 18px 35px 0 45px; padding: 0}
#left-content-wrap dl {height: 60px; margin: 20px 0 0 0}
#left-content-wrap dt {margin: 0 10px 0 0; float: left}
#left-content-wrap dd {margin: 2px 0 0 0}
#left-content-wrap h1 {margin: 0 0 20px 0; font-size: 20px; line-height: 22px}
#left-content-wrap h2 {margin: 5px 0 5px 0; font-size: 16px}
#left-content-wrap p {margin: 0 0 20px 0; line-height: 16px}
#left-content-wrap dd a {font-weight: bold; color: #003366}
#left-content-wrap span.red {color: #FF0000}
#left-content-wrap p.error{color: #FF0000}
#left-content-wrap p.success{color: #009900; font-weight: bold}
#left-content-wrap p.results {font-family: Arial, Sans-Serif; margin: 0 0 15px 0}
#left-content-wrap ul {margin: 0 0 20px 20px; padding: 0}
#left-content-wrap li {background: url(../res/bullet_cross_blue.gif) 0 4px no-repeat; padding: 0 0 5px 13px}

/* body right column
------------------------------------------------------------------------------------- */
#right-content {width: 319px; background: url(../res/bg-right-content.jpg) no-repeat 0px 186px; float: right}
#right-content-sub {width: 319px; background: url(../res/bg-right-content-sub.jpg) no-repeat 0px 79px; float: right}
#right-content-wrap {width: 254px; margin: 0 0 0 29px; padding: 0}
#right-content-wrap h2 {margin: 10px 0 0 0; font-size: 14px}
#right-content-wrap .announcements {padding: 0 0 0 21px; background: url(../res/icon-announcements.jpg) no-repeat 0px 1px}
#right-content-wrap .membership {padding: 0 0 0 21px; background: url(../res/icon-learn-membership.jpg) no-repeat 0px 1px}
#right-content-wrap p {margin: 0 0 12px 0; font-size: 11px; line-height: 15px}
#right-content-wrap p.title {margin: 0 0 2px 0}
#right-content-wrap a {color: #003366}
#right-content-wrap a.read-more {font-family: Arial, Sans-Serif; font-size: 11px}
#right-content-wrap img.drop {margin: 8px 0 10px 0}

/* featured profile right column
------------------------------------------------------------------------------------- */
#featured-profile-top {height: 32px; width: 254px; margin: 25px 0 0 0; background: url(../res/bg-featured-profile.jpg) no-repeat left top}
#featured-profile-bottom {width: 254px; margin: 0; padding: 15px 0; background: url(../res/bg-featured-profile.jpg) no-repeat left bottom}
#featured-profile-photo-wrap {width: 62px; margin:0 10px 0 15px; float:left}
#featured-profile-photo-top {width: 62px; margin: 0; padding: 4px 0 0 4px; background: url(../res/bg-profile-photo-small.gif) no-repeat left top; overflow:hidden}
#featured-profile-top h2 {margin: 7px 0 0 15px; position: absolute}
#featured-profile-bottom p {padding: 0 15px 0 0; font-size: 11px; line-height: 14px}
#featured-profile-bottom p.link {margin: 0; padding: 0 15px; font-family: Arial, Sans-Serif; font-size: 11px; clear: both}
#featured-profile-bottom img {margin: 0; float: left; display: inline}

/* attorney profile page
------------------------------------------------------------------------------------- */
#profile-left {width: 194px; float: left}
#photo-wrap {width: 194px}
#photo-top {width: 187px; margin: 0; padding: 7px 0 0 7px; background: url(../res/bg-profile-photo-large.jpg) no-repeat left top}
#profile-left-content {width: 190px; margin: 0 0 0 2px}
#profile-left-content ul {margin: 4px 0 0 0; padding: 0}
#profile-left-content li {margin: 0 0 5px 0; padding: 0 0 0 8px; background: url(../res/icon-square.gif) no-repeat 0px 6px}
#profile-phone-email {width: 160px; margin: 13px 0 15px 0; padding: 15px; background: #E4E4AA; overflow-x:hidden; text-overflow:ellipsis;}
#profile-addess-practice {margin: 0 15px}
#profile-right {width: 290px; float: right}
#profile-right ul {margin: 5px 0 0 0; padding: 0}
#profile-right li {margin: 0 0 7px 0; padding: 0 0 0 8px; background: url(../res/icon-square.gif) no-repeat 0px 6px}
#profile-left p {margin: 0 0 1px 0; padding: 0; font-size: 11px}
#profile-phone-email a {color: #003366}
#profile-left-content li {font-size: 11px}
#profile-right h1 {margin: 5px 0 15px 0}
#profile-right h2 {margin: 0 0 1px 0; font-size: 13px}
#profile-right h3 {margin: 0 0 15px 0; font-size: 13px}
#profile-right p.nobottom {margin: 0; padding: 0}

/* find an attorney & update my profile tab containers
------------------------------------------------------------------------------------- */
#search-box {width: 496px; margin: 0 0 15px 0}
#search-nav {height: 27px; width: 185px; margin: 0; padding: 0; background: url(../res/nav-search-box-tabs.gif) no-repeat 0px 0px}
#search-nav-update {height: 27px; width: 496px; margin: 0; padding: 0; background: url(../res/nav-search-box-update-tabs.gif) no-repeat 0px 0px; border-bottom: 1px solid #A5AEB8}

/* shared styles for find an attorney & update my profile tabs
------------------------------------------------------------------------------------- */
#search-nav ul.nav-search,
 #search-nav-update ul.nav-search
 {margin: 0; padding: 0} /* sets margins for overall list page position */
#search-nav ul.nav-search li.tab-a,
 #search-nav ul.nav-search li.tab-b,
 #search-nav-update ul.nav-search li.tab-a,
 #search-nav-update ul.nav-search li.tab-b,
 #search-nav-update ul.nav-search li.tab-c,
 #search-nav-update ul.nav-search li.tab-d
 {font-family: Arial, Sans-Serif; font-size: 11px; color: #003366; margin: 0; padding: 0; background: none} /* sets font styles & takes out any list icons */
#search-nav ul.nav-search li.tab-a a,
 #search-nav ul.nav-search li.tab-b a,
 #search-nav-update ul.nav-search li.tab-a a,
 #search-nav-update ul.nav-search li.tab-b a,
 #search-nav-update ul.nav-search li.tab-c a,
 #search-nav-update ul.nav-search li.tab-d a
 {height: 21px; display: block; float: left; display: inline} /* sets the mouseover height & lines up the links horizontally (note the "a") */

/* find an attorney tabs (note the difference between tab1 & tab2 hover graphics)
------------------------------------------------------------------------------------- */
/* sets the width for each link, pushes the text down vertically, centers the text in the boxes */
#search-nav ul.nav-search li.tab-a a {width: 93px; padding: 6px 0 0 0; text-align: center}
#search-nav ul.nav-search li.tab-b a {width: 92px; padding: 6px 0 0 0; text-align: center}
/* creates the mouseover for the each box background */
#search-nav ul.nav-search li.tab-a a:hover {background: url(../res/nav-search-box-tab1-hover.gif) no-repeat 0px 0px}
#search-nav ul.nav-search li.tab-b a:hover {background: url(../res/nav-search-box-tab2-hover.gif) no-repeat 0px 0px}
/* sets the active link state for each box */
body#list-view #search-nav ul.nav-search li.tab-a a {width: 93px; padding: 6px 0 0 0; background: url(../res/nav-search-box-tab1-hover.gif) no-repeat 0px 0px; text-align: center}
body#map-view #search-nav ul.nav-search li.tab-b a {width: 92px; padding: 6px 0 0 0; background: url(../res/nav-search-box-tab2-hover.gif) no-repeat 0px 0px; text-align: center}

/* update my profile tabs (note the difference between tab1 & tab2 hover graphics)
------------------------------------------------------------------------------------- */
/* sets the width for each link, pushes the text down vertically, centers the text in the boxes */
#search-nav-update ul.nav-search li.tab-a a {width: 93px; padding: 6px 0 0 0; text-align: center}
#search-nav-update ul.nav-search li.tab-b a,
#search-nav-update ul.nav-search li.tab-c a,
#search-nav-update ul.nav-search li.tab-d a
{width: 92px; padding: 6px 0 0 0; text-align: center}
/* creates the mouseover for the each box background */
#search-nav-update ul.nav-search li.tab-a a:hover {background: url(../res/nav-search-box-tab1-hover.gif) no-repeat 0px 0px}
#search-nav-update ul.nav-search li.tab-b a:hover,
#search-nav-update ul.nav-search li.tab-c a:hover,
#search-nav-update ul.nav-search li.tab-d a:hover
{background: url(../res/nav-search-box-tab2-hover.gif) no-repeat 0px 0px}
/* sets the active link state for each box */
body#profile-personal #search-nav-update li.tab-a a {width: 93px; padding: 6px 0 0 0; background: url(../res/nav-search-box-tab1-hover.gif) no-repeat 0px 0px; text-align: center}
body#profile-education #search-nav-update li.tab-b a,
body#profile-professional #search-nav-update li.tab-c a,
body#profile-account #search-nav-update li.tab-d a
{width: 92px; padding: 6px 0 0 0; background: url(../res/nav-search-box-tab2-hover.gif) no-repeat 0px 0px; text-align: center}

/* find an attorney
------------------------------------------------------------------------------------- */
#search-forms {height: 105px; width: 501px; margin: 0; padding: 15px 0; background: url(../res/bg-search-forms.gif) no-repeat 0px 0px}
#search-forms p {margin: 0 0 10px 15px; padding: 0; font-size: 11px}
#search-forms ul.forms {width: 471px; margin: 0 0 0 15px; padding: 0}
#search-forms ul.forms li {margin: 0; padding: 0; float: left; background:none}
#search-forms ul.forms p {margin: 0; padding: 0}
#search-forms input.search-field {margin: 0 10px 0 0}
#clear-button {width: 246px; margin: 10px 0 0 13px; float: left; display: inline}
table.results-list tr.dark {background: #EEEEC1}
table.results-list {font-family: Arial, Sans-Serif; font-size: 11px}
table.results-list span {color: #FFFFFF}
table.results-list a {color: #003366}

/* update my profile
------------------------------------------------------------------------------------- */
#profile-name-firm {margin: 0 0 20px 0; padding: 0; overflow: hidden}
#profile-name-firm ul.profile-first-name {width: 496px; margin: 0 0 5px 0; padding: 0}
#profile-name-firm ul.profile-middle-in {width: 496px; margin: 0 0 5px 0; padding: 0; clear: both}
#profile-name-firm ul.profile-last-name {width: 496px; margin: 0 0 5px 0; padding: 0; clear: both}
#profile-name-firm ul.profile-firm-name {width: 496px; margin: 0; padding: 0; clear: both}
#profile-name-firm li.text {width: 110px; margin: 0 0 8px 0; padding: 4px 0 0 0; background: none; float: left}
#profile-name-firm li.form {width: 241px; margin: 0 0 8px 0; padding: 0 15px 0 0; background: none; float: left}
#photo-upload-wrap {margin: 0 0 20px 0; overflow: hidden}
#photo-upload {width: 290px; margin: 0 0 0 15px; float: left}
#photo-browse {margin: 0 0 5px 0; padding: 0}
#photo-upload ul {height: 20px; margin: 0; padding: 0}
#photo-upload li {height: 20px; margin: 0; padding: 0 0 0 2px; background: none; float: left}
#profile-contact {margin: 5px 0 20px 0; padding: 0; overflow: hidden}
#profile-contact ul.profile-phone {width: 496px; margin: 0 0 3px 0; padding: 0}
#profile-contact ul.profile-check {width: 100px; margin: 0 0 3px 0; padding: 0}
#profile-contact ul.profile-fax {width: 496px; margin: 0 0 6px 0; padding: 0; clear: both}
#profile-contact ul.profile-mobile {width: 496px; margin: 0 0 6px 0; padding: 0; clear: both}
#profile-contact ul.profile-email {width: 496px; margin: 0 0 3px 0; padding: 0; clear: both}
#profile-contact ul.profile-site {width: 496px; margin: 0 0 6px 0; padding: 0; clear: both}
#profile-contact li.text-small-check {width: 80px; margin: 0; padding: 4px 0 0 0; background: none; float: left}
#profile-contact li.text-site {width: 27px; margin: 0; padding: 4px 0 0 0; background: none; float: left}
#profile-contact li.text {width: 110px; margin: 0 0 8px 0; padding: 4px 0 0 0; background: none; float: left}
#profile-contact li.form-phone {width: 256px; margin: 0 0 8px 0; padding: 0; background: none; float: left}
#profile-contact li.ext {width: 30px; margin: 0 0 8px 0; padding: 4px 0 0 0; background: none; float: left}
#profile-contact li.form {width: 241px; margin: 0 0 8px 0; padding: 0; background: none; float: left}
#profile-contact li.display {width: 78px; margin: 0 0 8px 0; padding: 0; background: none; float: left; cursor: default}
#profile-location {margin: 5px 0 40px 0; padding: 0; overflow: hidden}
#profile-location ul.profile-address-a {width: 496px; margin: 0 0 3px 0; padding: 0}
#profile-location ul.profile-address-b {width: 496px; margin: 0 0 3px 0; padding: 0; clear: both}
#profile-location ul.city {width: 496px; margin: 0 0 3px 0; padding: 0; clear: both}
#profile-location ul.state {width: 496px; margin: 0 0 3px 0; padding: 0; clear: both}
#profile-location li.form-address {width: 256px; margin: 0 0 8px 0; padding: 0; background: none; float: left}
#profile-location ul.zip {width: 496px; margin: 0 0 3px 0; padding: 0; clear: both}
#profile-location li.text {width: 110px; margin: 0 0 8px 0; padding: 4px 0 0 0; background: none; float: left}
#profile-location li.form {width: 241px; margin: 0 0 8px 0; padding: 0; background: none; float: left}
#profile-location li.suite {width: 30px; margin: 0 0 8px 0; padding: 4px 0 0 0; background: none; float: left}
#alert-big {height: 42px; width: 450px; margin: 25px 0 5px 0; padding: 14px 0 0 50px; background: url(../res/alert-profile-update-big.gif) no-repeat 0px 0px}
#alert-big p {margin: 0; padding: 0; font-family: Arial, Sans-Serif}
#alert-small {height: 88px; width: 265px; margin: 10px 0; padding: 12px; background: url(../res/alert-profile-update-small.jpg) no-repeat 0px 0px}
#alert-small p {margin: 0; padding: 0; font-family: Arial, Sans-Serif; line-height: 15px}
#alert-big-pro {height: 50px; width: 450px; margin: 10px 0 5px 0; padding: 6px 0 0 50px; background: url(../res/alert-profile-update-big.gif) no-repeat 0px 0px;}
#alert-big-pro p {font-size: 11px}
#left-content-wrap p.profile-instruct {margin: 0; padding: 0; font-size: 11px}
#left-content-wrap p.profile-instruct-drop {margin: 0 0 5px 0; padding: 0; font-size: 11px}
#left-content-wrap textarea.profile-update {height: 75px; width: 495px; margin: 10px 0 20px 0}
#photo-upload li.text {margin: 0; padding: 3px 0 0 0; font-family: Arial, Sans-Serif; font-size: 11px; background: none}
#profile-name-firm li, #profile-contact li, #profile-location li {font-size: 11px; background: none}
#profile-name-firm input.pro-field-a, #profile-contact input.pro-field-a, #profile-location input.pro-field-a {width: 241px}
#profile-name-firm input.pro-field-b, #profile-contact input.pro-field-b, #profile-location input.pro-field-b {width: 40px}
#profile-contact input.pro-field-c {width: 196px; margin: 0 0 0 5px}
#profile-contact li.display {padding: 3px 0 0 0; font-family: Arial, Sans-Serif; font-size: 11px; background: none}

/* map list
------------------------------------------------------------------------------------- */
#divMapNameListContainer {z-index:1000; position:relative; top:-396px; left:345px; width:150px; height: 200px;text-align:left}
#divMapNameListTitle {font-family:Arial, Helvetica, sans-serif; font-size:11px; height:15px; margin:0; padding: 2px 3px 0 3px; background-color: #000000; color: #FFFFFF; border: 1px solid #000000}
#divMapNameListContent {height: 200px;margin: 0;padding: 5px;background-color: #FFFFFF;border: 1px solid black}
#divMapNameListScrollable {position:relative; top:-210px; left:5px; height: 100%;width: 123px;float: left;overflow:hidden}
#divMapNameListScrollable ul {list-style-type: none; padding: 0px; margin: 0px; height:auto; text-align:left; position:relative; top:0px; left:0px}
#divMapNameListScrollable ul li {font-family:Arial, Helvetica, sans-serif; font-size:11px; padding: 3px 10px 3px 10px; background: url(../res/bullet_arrows_dark.gif) no-repeat 0px 7px; cursor:pointer; text-decoration:underline}
#divMapNameListScrollable ul li:hover {text-decoration: none}
#divMapNameListScrollBar {height: 100%; width: 11px; margin: 0; padding: 0; background: url(../res/bg_scrollbar.gif) 0 0 repeat-y; float: right; position:relative; top:-207px; left:-5px}
#divMapNameListContainer #dragHandle{cursor: pointer; position: relative; top: 0px}
img.user-thumb {margin: 0 8px 0 0; padding: 3px; background: #FFF; border: 1px solid #D2D2C0; float: left}

/* results map view
------------------------------------------------------------------------------------- */
#map {height: 400px; width: 499px; border: 1px solid #A5AEB8}
#map #map-profile {font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0; padding: 0; width: 225px}
#map #map-profile p {margin: 0}
#map #map-profile a {color: #003366}
#results-map-wrap {height: 402px; overflow: hidden; position: relative}

/* contact us page
------------------------------------------------------------------------------------- */
#left-content-wrap p.form-txt {margin: 20px 0 0 0}
#left-content-wrap p.form-txt-fail {margin: 20px 0 0 0; color: #FF0000}
#left-content-wrap input.contact {width: 305px}
#left-content-wrap input.contact-fail {width: 305px; background: #FFFFBF}
#left-content-wrap textarea.contact-message {height: 155px; width: 405px; margin: 0 0 20px 0}
#left-content-wrap textarea.contact-message-fail {height: 155px; width: 405px; margin: 0 0 20px 0; background: #FFFFBF}
#success img, #fail img {margin: 0; padding: 0; position: absolute}
#success p {margin: 0 0 0 23px; font-family: Arial, Sans-Serf; color: #408000}
#fail p {margin: 0 0 0 23px; font-family: Arial, Sans-Serf; color: #FF0000}
#privacy p {margin:0; padding: 0; font-family: Arial, Sans-Serif; font-size: 11px; line-height: 15px}
#privacy a {color: #003366}
#success, #fail, #privacy {margin: 20px 0 0 0; padding: 0}

/* footer
------------------------------------------------------------------------------------- */
#footer {height: 101px; width: 100%; margin: 0; padding: 0; background: url(../res/bg-footer.jpg) repeat-x left top; clear: both}
#footer {position: absolute; bottom: 0}
#footer-wrap {width: 900px; margin: 0 auto; padding: 0}
#footer-left {margin: 20px 0 0 20px; float: left; display: inline}
#footer-left ul {margin: 2px 0 0 0; padding: 0}
#footer-left li {margin: 0; padding: 0 8px; background: url(../res/footer-nav-divider.gif) no-repeat 0px 3px; float: left}
#footer-left li.nodiv {padding: 0 8px 0 0; background: none}
#footer-right {margin: 20px 20px 0 0; float: right; display: inline}
#footer, #footer a {font-family: Arial, Sans-Serif; font-size: 11px; color: #FFFFCB}

/* grouped hovers
------------------------------------------------------------------------------------- */
#masthead a:hover,
#left-content-wrap dd a:hover,
#right-content-wrap a:hover,
#profile-phone-email a:hover,
#search-box li.tab-a a:hover,
#search-box li.tab-b a:hover,
table.results-list a:hover,
#footer a:hover
{text-decoration: none}

table.pro_activities {margin: 2px 0; padding: 2px 2px; color: #809936; line-height: 1.5em; background-color: #FFFFD4; border: 1px solid #BBBB99}
table.selected_counties {margin: 2px 0; padding: 2px 6px; color: #809936; line-height: 1.5em; background-color: #FFFFD4; border: 1px solid #BBBB99}
.prof_profile_table {margin-bottom:17px}
.prof_profile_table td {font-size: 11px}
.div_position_item{margin: 1px 5px 1px 2px; width:135px; white-space:nowrap; overflow:hidden}
.div_remove_edit_btn_container{ text-align:left; width:75px; margin:0; padding:0}
.form_position_edit{color:#000; border:none; border-bottom:1px solid #C5C5A6; font-size:11px; margin:1px 0px 1px 2px; padding:1px 0 2px 0; background-color:#FFFFD4; height:13px; width:140px}
span.red-link {text-decoration: none; color: #FF0000; cursor:pointer; font-size:10px}
span.red-link:hover {text-decoration: underline}