/* HROA STYLES */
body {margin: 0; padding: 0; background-color: #FFFFFF; font-family: Verdana, Helvetica, sans-serif; font-size: 76%; color: #000000; text-align: left;}

fieldset {border: none; padding: 0; margin: 0;}
legend {font-size: 0.01%; color: #FFFFFF;}
form {margin: 0; padding: 0;}
input {font: x-small Verdana, Helvetica, sans-serif;}

table {}
th {}
td {}
caption {}

img {border: none;}

hr {}

h1 {font-size: 1.3em; font-weight: bold; line-height: 1.3em; color: #48545E; padding: 0 0 20px 0; margin: 0 0 5px 0; border-bottom: 1px dotted #FF0000;}
h2 {font-size: 1em; font-weight: bold; line-height: 1.3em; color: #000000; padding: 0; margin: 0 0 5px 0;}
h3 {display: block; font-size: 0.9em; font-weight: bold; margin: 10px 0 0 0; padding: 0; color: #333333;}

.ataGlance {float: left; width: 310px; background: #FFFFFF url(../images/at_a_glance.gif) no-repeat 0 2px; padding: 0 0 0 72px;margin: 0 0 15px 0; font-size: xx-small; border: none; font-weight: normal; line-height: 1.2em; color: #666666;}

.eventIntro h2 {}

.relatedArticles {display: block; font-weight: bold; font-size: 0.8em; text-transform: uppercase; margin: 5px 0; padding: 0 2px; background-color: #FF0000; color: #FFFFFF;}

a {color: #0D4D9B;}

#container {width: 100%; margin: 0; padding: 0;}

#masthead {float: left; width: 778px; padding: 5px 0 5px 2px; clear: both;}

.topNav {float: left; width: 771px; white-space: nowrap; padding: 0; margin: 0 0 0 4px;}
.topNav ul {float: left; margin: 0; padding: 0; list-style: none;}
.topNav li {display: inline;}
.topNav a {font-size: 0.9em; text-decoration: none;  padding: 0 5px; margin: 0; color: #000000; font-weight: bold;}
.topNav a:hover {text-decoration: none; color: #FF0000;}
.topNav .first {border-left: none;}
.topNav .last {border-right: none;}
.topNav .current {color: #FF0000;}

.logo {margin-left: 8px;}

#topAd {float: left; width: 100%; background-color: #F1F3F5; border-top: 1px solid #999999; padding: 5px 0 5px 9px;}
.tag {float: left; width: 768px; font-size: 0.85em; font-weight: bold; margin-left: 2px;}
* html .tag {margin-left: 0;}
.tag img {float: left;}
.tag ul {float: right; width: auto; padding: 0; margin: 0; list-style: none;}
.tag li {display: inline; padding: 0 3px; border-right: 1px solid #000000;}
.tag a {color: #0D4D9B; text-decoration: none;}
.tag a:hover {text-decoration: underline;}
.tag .last {border: none;}
.tag .current {color: #FF0000;}


.mainNav {float: left; width: 100%; background: #F1F3F5 url(../images/main_nav_bg.jpg) repeat-x top left; white-space: nowrap; border-top: 1px solid #999999; border-bottom: 1px solid #999999; padding: 5px 0 5px 0; margin: 0;}
.mainNav  ul {margin: 0 0 0 -5px; padding: 0; list-style: none;}
.mainNav  li {display: inline; padding: 0 15px; background: url(../images/grey_arrows_main_nav.gif) no-repeat top right;}
.mainNav  a {font-size: 0.8em; text-decoration: none;  padding: 0; margin: 0; color: #464F59; text-transform: uppercase; font-weight: bold;}
.mainNav  a:hover {text-decoration: none; color: #000000;}
.mainNav  .first {padding-left: 0;}
.mainNav  .current {}

#outer {position: relative; width: 594px; margin-left: 186px;}
* html #outer {width: 595px;}
#outerWhiteBg {}
#inner {float: left; width: 380px;}
#center {float: right; width: 380px;}

#mainContent {}

.content {float: left; width: 382px; font-size: 0.9em; line-height: 1.4em; margin: 0 14px; color: #333333;}
* html .content {margin: 0 7px;}
.content a {color: #0D4D9B;}
.content hr {background-color: #FFFFFF; height: 1px; border-top: 1px dotted #FF0000;}
.content ul {list-style-image: url(../images/list_dot.gif); margin: 20px; padding: 0;}
.content ul ul { margin: 0 0 10px 15px;}
* html .content ul {list-style-image: url(../images/list_dot_ie.gif);}
.content li {}

.featuredEventHeading {display: block; font-size: 0.8em; font-weight: bold; margin: 5px 0 10px 0; padding: 0 0 5px 0; color: #333333; line-height: 1em; text-transform: uppercase; border-bottom: 4px solid #FFCC00;}

#registration {float: left; width: 560px; margin: 0 100px;}

#search {float: right; width: 210px; height: 18px; padding: 0; margin-top: 3px;}
#search input {text-align: left;}
.searchInput {padding: 2px; margin: 0; border: 1px solid #666666; float: left;}
#search .button {width: 88px; float: right; margin-top: 0;}

#breadcrumb {float: left; width: 766px; clear: both; font-size: xx-small; background-color: #FFFFFF; margin: 0 0 0 10px; padding: 2px 0 10px 0;}
* html #breadcrumb {margin-left: 5px; margin-right: -3px;}
#breadcrumb a:hover {text-decoration: none;}

#leftNav {position: relative; width: 182px; font-size: 0.8em; text-align: left; margin-left: -182px;}
* html #leftNav {float: left; margin-left: -182px;}
#leftNavContent {padding: 0;}

#leftNav .linkTitle, .leftLinks .linkTitle {padding: 2px 2px 2px 5px; background-color: #464F59; color: #FFFFFF; display: block; font-weight: bold; margin-bottom: 1px; position: relative;}

.leftLinks {margin: 0 0 2px 0; padding: 0 0 2px 0; border-bottom: 2px solid #464F59; font-size: 1.1em;}

.leftLinks a {text-decoration: none;}

.leftLinks .level1 {margin: 0; padding: 0; list-style: none;}
.leftLinks .level1 li {padding: 2px 2px 2px 5px; background-color: #ECEEF0; margin: 0 0 1px 0; width: 177px;}
* html .leftLinks .level1 li {position: relative;}
.leftLinks .level1 li .current {font-weight: bold;}
.leftLinks .level1 a {color: #333333;}
.leftLinks .level1 a:visited {}
.leftLinks .level1 a:hover {color: #FF0000;}

.leftLinks .level2 {margin: 0; padding: 0; list-style: none;}
.leftLinks .level2 li {}
.leftLinks .level2 li .current {}
.leftLinks .level2 a {}
.leftLinks .level2 a:hover {color: #FF0000;}

.leftLinks img {}

.communities {float: left; width: 162px; background: #E6ECF2 url(../images/communities_bg.gif) no-repeat top right; padding: 10px 10px 0 10px;font-size: 1.1em;}
.communities .title, .communities strong {color: #082F61; font-weight: bold;}
.communities ul {margin: 0 0 0 20px; padding: 0; list-style-image:url(../images/red_dot.gif);}
.communities a {color: #000000; text-decoration: none;}
.communities a:hover {text-decoration: underline;}
.communities .link {padding: 3px 0; margin: 0 -10px; background-color: #082F61; border-top: 2px solid #FFFFFF;}
.communities .link a {background: url(../images/red_arrows_dark_bg.gif) no-repeat top right; padding: 0 15px 0 5px; color: #FFFFFF; font-weight: bold; text-decoration: none; font-size: 1.1em;}
.communities .link .yellow {color: #FFCC00; text-transform: uppercase;}

.awards {float: left; width: 162px; padding: 20px 10px 10px 10px; margin: 5px 0; background: #FFFFFF url(../images/hroa_industry_awards_bg.gif) no-repeat 0 0; font-size: 1.1em;}
* html .awards {padding: 30px 5px 10px 5px;}
.awards a {color: #000000;}

.printSaveEmail {float: left; width: 379px; padding: 2px; margin: 10px 0; font-size: 0.9em; color: #666666;}
.printSaveEmail ul{margin: 0; padding: 0; list-style: none;}
.printSaveEmail li{display: inline; margin: 0; background-image: none; padding: 0;}
.printSaveEmail a {color: #0D4D9B;}
.printSaveEmail a:hover {text-decoration: none;}

#rightNav {float: right; width: 184px; margin-bottom: 20px;}
* html #rightNav {width: 183px;}

#rightNav .linkTitleLoggedIn {padding: 2px 10px; margin: 0; background-color: #94A2AD; color: #FFFFFF; display: block; font-weight: bold;}

#rightNavContent {padding-bottom: 10px;}
#rightNav img {}

#rightNav .level1 {margin: 0 0 10px 0; padding: 5px; list-style: none; background-color: #EFEFEF;}
* html #rightNav .level1 {}
#rightNav .level1 li {background: url(/images/red_arrows_logged_in.gif) no-repeat 0 4px; padding-left: 11px; margin-bottom: 3px; font-size: 0.9em;}
#rightNav a {color: #0D4D9B; font-size: 1em; text-decoration: none;}
#rightNav a:hover {text-decoration: underline;}

#rightNav hr {display: none;}

.newsLinks .goToLink {display: block; color: #0D4D9B; font-weight: bold; font-size: 1em; background: url(../images/blue_arrows.gif) no-repeat 0 3px; padding-left: 12px;}

.newsLinks {float: left; width: 100%; font-size: 0.9em; line-height: 1.3em;}
.newsLinks .linkTitle {display: block; width: 100%; color: #333333; font-weight: bold; text-transform: uppercase; padding-bottom: 3px; margin: 6px 0 3px 0; border-bottom: 1px dotted #94A2AD; }
.newsLinks .title {}
.newsLinks .title a {color: #0D4D9B;}
.newsLinks .date {}
.newsLinks .introduction {margin-bottom: 15px;}

.login {float: left; width: 164px; padding: 0 10px 10px 10px; font-size: 0.9em; background-color: #EFEFEF; text-align: left;}
.login a {color: #000000;}

.login .linkTitle {padding: 2px 10px; margin: 0 -10px; background-color: #94A2AD; color: #000000; display: block; font-weight: bold;}

/* LOGIN FORMS */
.login .form {float: left; width: 164px; margin: 5px 0; padding: 0; text-align: left; font-size: 1em;}
.login .form fieldset {border: none; padding: 0; margin: 0;}
.login .form legend {font-size: 0.001%; color: #EFEFEF;}
.login .form a {display: block;}
.login .form label {}
.login .form input {border: 1px solid #666666;}
.login .form textarea {}
.login .form select {}
.login .form .checkbox {border: none;}
.login .form .radio {border: none;}

.login .form .box {}
.login .form .spacer {}
.login .form .required {color: #FF0000;}
.login .form .requiredCell {}
.login .form .requiredCell input {border: 1px solid #FF0000;}
.login .form .message {padding: 2px;}
.login .form .errors {padding: 2px; color: #000000; border: 1px solid #FF0000; background-color: #FFFFFF;}
.login .form .errors ul {padding: 0; margin: 0; list-style: none;}
.login .form .errors li {color: #FF0000; margin: 2px 0;}
.login .form .button {float: left; width: 100%; margin: 3px 0;}
* html .login .form .button {float: none;}
.login .form .button input {border: none;}
.login .form .formCell {float: left; width: 100%; margin: 0; padding: 2px 0;}

/* forms text above */
.login .form .formCell .sideCell {display: none;}
.login .form .formCell .textCell {display: block;}
.login .form .formCell .inputCell {float: left; display: block;}

#footer {float: left; clear: both; width: 760px; padding: 10px 0; margin-top: 20px; font-size: 0.8em; line-height: 0.8em; border-top: 1px solid #CCCCCC;}
* html #footer {}
#footer ul {margin: 7px 0; padding: 0; list-style: none;}
#footer li {display: inline; padding: 0 4px; margin: 0;}
#footer a {text-decoration: underline; color: #000000;}
#footer a:hover {text-decoration: none;}
#footer img {border: 1px solid #CCCCCC; margin-bottom: -10px;}

.eventsNav {float: left; width: 370px; padding: 5px; margin: 10px 0; background: #F4F5F3 url(/images/grey_line.gif) repeat-y 175px 0; border: 1px solid #D3D8CF;}
* html .eventsNav {float: none; margin-bottom: 0;}
.eventsNav ul {padding: 0; margin: 0; list-style: none;}
.eventsNav li {display: inline; float: left; width: 180px;}
.eventsNav a {margin: 1px 0;}
.eventsNav a:hover {text-decoration: none;}
.eventsNav .current {font-weight: bold;}

.clear {clear: both;}

.toLeft {float: left;}
.toRight {float: right;}

.noBorder {border-width: 0 !important; border: none;}
.noMargin {margin: 0;}
.white {color: #FFFFFF;}
.no {border-width: 0; margin: 0; padding: 0;}
.noDisplay {display: none;}
.noborder {border: none;}
.inputHeight {height: 13px;}
.displayBlock {display: block;}
.list {list-style: none; padding: 0; margin: 20px 0;}
.list li{margin: 0;}
.arrowList {list-style: none; padding: 0; margin: 20px 0;}
.arrowList li{background: url(/images/list_arrow.gif) no-repeat 0 2px; padding-left: 12px; margin: 2px 0;}
.width200 {width: 200px;}

.upperCase {text-transform: uppercase;}
.alignCenter {text-align: center;}
.normal {font-weight: normal;}

.works {color: #006699; font-weight: bold;}
.sitebuilder {color: #FF6600; font-weight: bold;}

.backgroundGrey {font-size: 1.1em; line-height: 1.4em; margin-bottom: 10px;}
* html .backgroundGrey {}

.backgroundBlue {width: 184px; margin: 0 0 10px 0; background-color: #FFFFFF; font-size: 1em; line-height: 1.2em;}
.backgroundBlue .date {float: left; width: 100%; height: 23px; font-weight: bold; font-size: 0.9em;}
.backgroundBlue .image {margin: 0 0 3px 0; height: 100px; overflow: hidden; text-align: center; border: 1px solid #CCCCCC;}
.backgroundBlue .location {float: left; width: 100%; height: 23px; line-height: 1em; overflow: hidden;}
.backgroundBlue .title {float: left; width: 100%; font-weight: bold; color: #0D4D9B; margin-bottom: 4px;}
.backgroundBlue .title a {color: #0D4D9B; text-decoration: none;}
.backgroundBlue .title a:hover {text-decoration: underline;}
.backgroundBlue .introduction {float: left; width: 100%; height: 65px; overflow: hidden;}
.backgroundBlue .titleIntroduction {}

.backgroundBlueWide {width: 370px; margin: 20px 0; border: 1px solid #151C5A; padding: 5px 5px 0 5px; background: #FFFFFF url(../images/blue_bg.jpg) repeat-x 0 0; font-size:0.9em; line-height: 1.2em; min-height: 150px;}
* html .backgroundBlueWide {height: 105px;}
.backgroundBlueWide a{font-weight: bold;} 
.backgroundBlueWide img{display: block; margin: 5px 0 0 0;}
.backgroundBlueWide p {}


.smallBox {width: 120px; padding: 7px 7px 0 7px; margin: 0 0 5px 5px; background-color: #F4F5F3; border: 1px solid #D3D8CF; font-size: x-small; line-height: 1.3em;}
* html .smallBox {}
.smallBox img {border: 1px solid #D3D8CF;}

.bgGrey {float: left; margin-bottom: 10px;}
.bgGrey p {font-size: x-small; margin: 10px 0; line-height: 1.2em;}
.bgGrey img{border: 1px solid #D3D8CF;}
.bgGrey .text {padding: 4px; background-color: #E6ECE2;}

.blue {color: #3366CC; font-weight: bold;}
.midGrey {color: #666666; font-weight: bold;}
.black {color: #000000;}

.highlight {background-color: #FFF1B9;}

.box {float: left; width: 371px; border: 1px solid #94A2AD; padding: 5px; margin: 10px 0; text-align: left;}
* html .box {}
.box img {}
.box p {padding: 0 0 0 130px; margin: 0;}
.box .title {font-weight: bold;}

.xxlargefont {font-size: xx-large;  line-height: 1.4em;}
.xlargefont {font-size: x-large; line-height: 1.3em;}
.largefont {font-size: large; line-height: 1.2em;}
.mediumfont {font-size: medium; line-height: 1.1em;}
.smallfont {font-size: small; line-height: 1.1em;}
.xsmallfont {font-size: x-small; line-height: 1.2em;}
.xxsmallfont {font-size: xx-small;}
.smallBold {font-weight: bold; font-size: xx-small; text-transform: uppercase; letter-spacing: 0.05em; color: #666666;}

.articleListing {margin: 0; padding: 0; list-style: none;}
.articleListing li {margin: 0;}
.articleListing {display: block; color: #0D4D9B; text-decoration: none; font-size: 1em; background: url(../images/blue_arrows.gif) no-repeat 0 4px; padding-left: 12px;}
.articleListing a {}
* html .articleListing a {height: 1px;}
.articleListing a:hover {text-decoration: underline;}

.marginRight23 {margin-right: 11px;}
* html .marginRight23 {margin-right: 18px;}
.marginRight8 {margin-right: 8px;}
.imageLeft {float: left; margin: 0 8px 8px 0;}

.width172 {width: 172px; font-size: x-small; min-height: 190px;}
* html .width172 {height: 190px;}
.width112 {width: 120px; font-size: x-small; min-height: 210px;}
* html .width112 {height: 210px;}
.width373 {width: 373px;}

.channelHomeImage {float: right; margin: -15px 0 -7px 0;}
* html .channelHomeImage {margin-bottom: -1px;}
.channelHomeImageLine {float: left; width: 383px; clear: both; background-color: #FFFFFF; height: 1px; border-top: 1px solid #333333 !important;}

.channelHomeImage2 {display: none;}
.channelHomeImage2 img {display: none;}

.eventIntro {float: left; width: 100%; margin: 10px 0; padding-bottom: 5px; font-size: 0.9em; border-bottom: 1px solid #CCCCCC;}
* html .eventIntro {margin-top: 5px;}
.eventIntro img{float: right; margin-left: 3px; border: 1px solid #CCCCCC;}

.leadSponsors {padding: 0; margin: 10px 0; list-style: none;}
.leadSponsors li {display: inline;}
.leadSponsors img {border: 0px solid #CCCCCC;  margin-bottom: 20px;}
.leadSponsors .last {border: 0px solid #CCCCCC;  margin-bottom: 20px;}
.leadSponsors a {margin-right: 35px;}
.leadSponsors .last {margin-right: 0;}

.sponsorsExhibitors {padding: 0; margin: 10px 0; list-style: none;}
.sponsorsExhibitors li {display: inline;}
.sponsorsExhibitors img {border: 0px solid #CCCCCC; margin-bottom: 20px;}
.sponsorsExhibitors .last {border: 0px solid #CCCCCC;  margin-bottom: 20px;}
.sponsorsExhibitors a {margin-right: 35px;}
.sponsorsExhibitors .last {margin-right: 0;}

.subscribeBox {width: 363px; padding: 5px 10px 0 10px; border: 1px dotted #333333; background: url(/images/grey_bar.gif) repeat-x 0 0; text-align: center; margin: 10px 0 0 0;}
* html .subscribeBox {padding-bottom: 5px;}
.subscribeBox a:hover {text-decoration: none;}

.outsourcingTv {float: left; margin: 0 0 10px 0;}

.border {border: 1px solid #CCCCCC;}

.eventsProgramme {float: left; margin: 10px 0; width: 383px;}
.eventsProgramme img {float: right; margin: 0 0 3px 3px; padding-top: 12px; background: #E6E6E6 url(../images/sponsored_by.gif) no-repeat 0 0; border: 1px solid #CCCCCC;}

.popup {width: 400px; margin: 0; padding: 10px; font-size: x-small; text-align: left; background-color: #FFFFFF;}
.popup .eventIntro {width: 400px;}
.popup label {display: block; font-weight: bold; font-size: 1.1em;}
.popup input {margin-bottom: 5px;}
.popup .button{padding: 2px 4px; margin: 3px 0; font-size:x-small; background: #AAAEA0 url(../images/button_bg.jpg) repeat-x 0 0; border: 1px solid #000000; text-transform: lowercase; text-decoration: none !important; color: #000000; font-weight: bold; float: left;}
.popupContent {}
.popupLogo {}
.popupFooter {}

.styleGuideContent {float: left; width: auto; background-color: #FFFFFF; font-size: 0.7em; line-height: 1.3em; padding: 10px; border: 1px solid #CCCCCC;}

.channelBoxHeight {}
* html .channelBoxHeight {}

.articleSponsorBase {float: left; width: auto; clear: both; padding: 0; margin: 20px 0 10px 0; border: 1px solid #CCCCCC; background: #FFFFFF url(../images/this_article_is_sponsored_by.gif) no-repeat bottom left;}
.articleSponsorBase img {float: right;}

.button {}

form .attention {}
form .attention .formText {}

.contentIntro {float: left; width: 382px; clear: both; margin: 10px 0; padding-bottom: 10px; border-bottom: 1px dotted #FF0000; font-size: 1em; line-height: 1.3em;}
* html .contentIntro {padding-bottom: 0;}
.contentIntroLeft {float: left; width: 203px; padding: 0 16px 0 0;}
.contentIntroRight {float: right; width: 150px; margin-left: 1px; padding: 5px; background: url(../images/content_intro_right_bg.gif) repeat-y 0 0;}
.contentIntroRight strong {font-size: 0.9em;}
.contentIntroRight ul {margin: 5px 0 10px 0; padding: 0; list-style: none;}
.contentIntroRight li {margin: 0; padding: 0; background-image: none;}
.contentIntroLeft a, .contentIntroRight a {display: inline; color: #0D4D9B; background-image: none; padding: 0; font-size: 1em;}
.contentIntro .title {display: block; margin-bottom: 5px;}
.contentIntro .date {margin: 5px 0;}
.contentIntro .introduction {display: block;}

.dateAuthorType {display: block; font-size: 0.9em;}

/* debug */
.debugWrapper {width: 770px;}
.debugTitle {background-color: #C1D9E5; color: #333333; font-weight: bold; font-size: 1em; padding: 4px;}
.debugBox {background-color: #E4EDF5; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #C1D9E5;}
.debugLeftCol {padding: 4px; float: left; width: 120px;}
.debugRightCol {padding: 4px; float: left;}
.debugClear {clear: both; height: 1px; overflow: hidden;}
.loudDebug {background-color: #FF6600; padding: 2px; margin: 2px;}
.quietDebug {display: none;}

/* preview */
.previewBar {padding: 4px; background-color: #FF0000; color: #FFFFFF;}

/* search */
.searchHighlight {background-color: #FFFFCC; font-weight: bold;}
.searchResult {float: left; width: 383px; font-weight: bold; margin-top: 8px; padding-left: 10px;}
.searchResult a {}
.searchText {margin-top: 2px; padding-left: 25px;}
.searchExplanation {margin-top: 2px; font-size: 0.9em; padding-left: 25px;}
.searchType {font-weight: normal;}
.searchRelevance {}
.searchNoResult {font-weight: bold; margin-top: 8px;}
.searchPaginate {margin-top: 20px;}


/* messages */
.alert {font-weight: bold; color: #FF0000;}

/* articles */
.article {float: left; width: 100%; clear: both; margin: 5px 0; font-size: 1em;}
.article .title {display: block; font-weight: bold;}
.article .title a {color: #0D4D9B; background-image: none; padding: 0; font-size: 1em;}
.article .type {font-weight: normal; display: inline;}
.article .type a {background-image: none; padding: 0; font-size: 1em;}
.article .date {display: inline}
.article .authorEmail {}
.article .introduction {display: block; margin: 0;}
.article .authorName {}
.article a:hover {text-decoration: none;}


.goToLink {display: block; color: #0D4D9B; font-weight: bold; font-size: 1em; background: url(../images/blue_arrows.gif) no-repeat 0 3px; padding-left: 12px; text-decoration: none; margin: 10px 0 0 0;}
.goToLink a:link {color: #0D4D9B;}
.goToLink:hover {text-decoration: underline !important;}

/*
.eventListing {}
.eventListing li{}
.eventListing img {}
*/

/* events */
.event {float: left; width: 100%; clear: both; margin: 5px 0; font-size: 1em;}
.event .title {display: block; font-weight: bold;}
.event .type {font-weight: normal;}
.event .date {color: #666666;}
.event .authorEmail {}
.event .introduction {display: block; margin: 5px 0;}
.event .authorName {color: #666666;}
.event .location {}
.event a {display: inline; color: #0D4D9B;}

.register {display: block; background: url(../images/register.gif) no-repeat right top; padding-right: 12px;}
.subscribe {display: block; background: url(../images/subscribe.gif) no-repeat right top; padding-right: 12px;}
.member, .title .member {display: block !important; background: url(../images/member.gif) no-repeat top right !important; padding-right: 15px;}
.free {display: block !important; background: url(../images/free.gif) no-repeat right top; padding-right: 15px;}

/* MEMBERS */
.memberSearch {float: left; width: 100%; padding: 0 0 10px 0; margin: 5px 0 20px 0; /*border-top: 2px solid #FFCC00;*/ border-bottom: 1px solid #FFCC00; font-size: 1em;}
.memberSearch label {display: block; margin-bottom: 15px; color: #333333; font-weight: bold; background-color: #FFCC00; padding: 1px 2px;}
.memberSearch .input {font-size: 1em; padding: 2px 1px; border: 1px solid #333333; width: 180px;}
.memberSearch .button {border: 1px solid #666666; background-color: #C8E6FE; padding: 1px 4px; font-weight: bold; text-transform: uppercase; font-size: 0.8em; color: #333333;}

.memberProfile {float: left; width: 100%; padding-top: 15px; margin-top: 10px; border-top: 1px solid #FFCC00;}
.memberProfile h2 { margin-bottom: 10px;}
.memberProfile .text {float: left; width: 273px;}
.memberProfile .jobTitle {display: block; margin-bottom: 5px;}
.memberProfile .company {display: block; margin-bottom: 5px;}
.memberProfile .industry {display: block;}
.memberProfile img {margin: 5px 0;}
.text .button {border: 1px solid #666666; background-color: #C8E6FE; padding: 1px 4px; font-weight: bold; text-transform: uppercase; font-size: 0.8em; color: #333333; text-decoration: none;}

.memberSearchResults {float: left; width: 383px; padding-top: 10px;}
.memberSearchResults .left {float: left; width: 185px; padding-left: 5px; font-weight: bold;}
.memberSearchResults .right {float: right; width: 180px; padding-left: 10px; font-weight: bold;}
.memberSearchResults .memberDetails {float: left; width: 381px; margin: 5px 0; padding: 5px 0; border: 1px solid #CCCCCC; background-color: #ECF5F9;}
.memberSearchResults .memberDetails .left {float: left; width: 175px; padding: 5px; font-weight: normal;}
.memberSearchResults .name {float: left; width: 373px; padding: 5px 5px 10px 5px; font-weight: bold;}
.memberSearchResults .jobTitle {display: block; margin-bottom: 3px;}
.memberSearchResults .company {display: block;}
.memberSearchResults .memberDetails .right {float: right; width: 175px; padding: 5px; font-weight: normal;}
.memberSearchResults .location {display: block;  margin-bottom: 3px;}
.memberSearchResults .industry {display: block;}
.memberSearchResults .keywords {float: left; width: 186px; padding: 5px 5px 0 5px; font-style: italic; border-top: 1px solid #CCCCCC; margin-top: 3px;}
* html .memberSearchResults .keywords {}
.memberSearchResults .memberDetails .contact { padding: 7px 5px 3px 5px; border-top: 1px solid #CCCCCC; margin-top: 3px;}
/** html .memberSearchResults .memberDetails .contact {margin-right: -3px;}*/

.messageField {width: 100%; height: 100px; margin: 5px 0;}


.twoColumn {float: left; width: 100%; margin: 5px 0;}
.twoColumn .left {float: left; width: 47.5%; padding: 1%; text-align: center;}
.twoColumn .right {float: right; width: 47.5%; padding: 1%; text-align: center;}
.twoColumn .title {float: left; width: 100%; margin-bottom: 5px; font-weight: bold;}
.twoColumn .text {float: left; width: 100%;}
.twoColumn .text ul {margin: 0; padding: 0; list-style: none;}

/* forms */
.form {float: left; width: 100%; text-align: left;}
.form .box {float: left; width: 371px; border: 1px solid #C6ECFF; background-color: #F2FBFF;padding: 5px; margin: 10px 0; text-align: left;}
.formText {float: left; width: 100%;}
.form img {margin: 5px 0 10px 0;}
.formText label {font-size: 1em; font-weight: bold;}
.formElement {margin-bottom: 7px;}
.formElement input {font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif;}
.formElement select {font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif;}
.formElement textarea {font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif;}
.formErrors {font-size: 0.9em;}
.formErrors ul{margin: 0; padding: 0; list-style: none;}
.formErrors li{color: #0000FF;}
.formMessage {float: left; width: 100%; margin: 10px 0px; font-weight: bold; color: #333333;}
.formSubmit {}
.formButton {border: 1px solid #666666; background-color: #C8E6FE; padding: 1px 4px; font-weight: bold; text-transform: uppercase; font-size: 0.8em; color: #333333; margin: 10px 0;}
.formLink {}

.required {color: #FF0000; font-weight: bold;}