/* @override https://www.health2con.com/wp-content/themes/h20press/styles-network.css */

body {background: url(/img/bg.gif); padding: 0; margin: 0; font: 75% verdana, sans-serif; color: #333;}
* html #wrapper {overflow: visible;}
#wrapper {width: 958px; border: 1px solid #80a9c8; background: #fff; margin: 12px auto; padding: 118px 0 0; position: relative; overflow: auto; height: 100%;}

a {color: #0b5d92; text-decoration: none; outline: none;}
a:visited {color: #796995;}
a:hover {color: #dd8b2a;}

* html #content {height: 410px}
#content {padding: 0 22px 36px; width: 616px; min-height: 410px; float: left; line-height: 1.5;}
#login #content, #attendees #content, #profile #content, #inbox #content, #register #content {width: 914px; float: none;}
#broadcasts #content {float: none; width: 70%; margin: 0 auto;}

/* general styles */
h1 {margin: 0 0 10px; font-weight: normal; font-size: 180%; line-height: 1.2;}
h1 a {color: #0b5d92 !important; float: right; font-size: 55%; margin: 0 0 0 8px; line-height: normal; padding: 5px; color: #0b5d92; position: relative; background: #d8e5ee url(/img/supernav-tab-l.gif) no-repeat;}
h1 a:hover {background-color: #0b5d92; color: #fff !important;}
* html h1 a span {right: -1px;}
h1 a span {position: absolute; top: 0; right: 0; width: 5px; height: 25px; background: url(/img/supernav-tab-r.gif) no-repeat;}
h1 span {color: #999;}
h1 span.sub {font-size: 55%; display: block;}
h2 {margin: 24px 0 8px; font-weight: normal; font-size: 140%; line-height: 1.2;}
h3 {margin: 16px 0 4px; font-weight: normal; font-size: 120%; line-height: 1.2;}
h4 {margin: 12px 0 4px; font-weight: normal; font-size: 110%; line-height: 1.2; color: #666;}
table h3 {margin-top: 0;}
hr {border: 1px solid #d1d1d1; border-width: 1px 0 0; width: 80%; margin: 16px auto; height: 1px;}
ul {margin: 0 20px 20px; padding: 0;}
p {margin: 0 0 12px;}
table {border: 0; border-collapse: collapse; border-spacing: 0;}
td {vertical-align: top; padding: 4px 8px 4px 0;}
th {padding: 4px 8px 4px 0; text-align: left; color: #5997c4; background: url(/img/bg-nav.gif) bottom repeat-x;}
th a {text-decoration: underline; color: #5997c4 !important;}
th a:hover {color: #dd8b2a !important;}
.r {text-align: right;}
.c {text-align: center;}
.icon {width: 16px; text-align: right;}
.icon img {float: right !important;}
.thumb {width: 50px;}
img {border: 0;}
form {margin: 0; padding: 0;}
fieldset {border: 0; margin: 0; padding: 0;}
* html legend {position: relative; margin-left: -8px;}
legend {margin: 0; padding: 0; width: 100%;}
input, select, textarea {font-size: 100%; font-family: verdana, sans-serif; border: 1px solid #d1d1d1;}
textarea {width: 95%;}
form .required {font-weight: bold; color: #555;}
form .required:before {content: "*";}
input.disabled {background: none; border: none; color: #333; margin-top: 3px;}
input.file {border: none;}
fieldset p {font-size: 95%; color: #777;}
fieldset li {font-size: 95%; color: #777; margin-bottom: 8px;}
fieldset li:first-line {font-weight: bold;}
fieldset div {overflow: auto; height: 100%; margin-bottom: 6px;}
fieldset div input, fieldset div select {float: right; width: 67%;}
fieldset div select {width: 68%;}
fieldset div label, fieldset div.checkbox label.float {float: left; width: 30%; padding: 4px 0 0; text-align: right; color: #777;}
fieldset div.checkbox label {color: #333; float: left; width: 83%; padding: 3px 0 0 4px !important; text-align: left;}
fieldset div.lighter label {color: #777;}
fieldset div.nofloat label {color: #777; float: none; width: auto; padding: 3px 8px 0 0 !important; text-align: left;}
fieldset div span.note {clear: both; display: block; font-size: 90%; margin-left: 33%;}
fieldset div.checkbox input {border: 0; float: left; width: auto; clear: both;}
fieldset div.nofloat input,
fieldset div.checkbox select {float: none; width: auto;}
input.button {float: right; margin-top: 10px; width: auto;}
input.button2 {float: right; margin-top: 10px; margin-right: 240px; width: auto;}
div.button, div.button-onecolumn, div.button-twocolumn  {margin: 10px auto; text-align: right;}
* html div.button input, * html div.button-twocolumn input {margin-top: -4px; position: relative;}
div.button input, div.button-twocolumn input {float: none; vertical-align: bottom;}
div.button-twocolumn {width: 70%;}
#content div:target, #content div.sftarget {background: #fbf9e8; padding: 8px 12px 8px; width: 95%;}
legend .button {float: right;}

.pricing {width: 50%;}
.pricing td {border-bottom: 1px solid #d6e4ef;}
p.note {font-size: 90%; color: #777; margin: 0;}

.intro {font-size: 110%;}
.intro li {list-style: none; margin-left: 0; padding-left: 0;}
.intro li {padding-left: 16px; background: url(/img/li-intro.gif) 0 5px no-repeat;}
.intro li a {font-weight: bold;}

.imgwrap {width: 580px; margin: 0 0 12px; padding: 4px; border: 1px solid #ddd; color: #808080; font-size: 95%;}
.imgwrap img {display: block; margin: 0 0 6px;}

.updates {padding: 8px 8px 0 8px; font-size: 110%; margin: 24px 0 16px; border: 1px solid #cbc37f; background: #f8f5db; clear: both; text-align: left;}
.updates h3 {margin-top: 0; color: #0b5d92;}
.updates ul.intro {margin-left: 0; font-size: 100%;}
.updates .intro li a {font-weight: normal;}

.profilenote {padding: 8px 8px 0 8px; margin: 24px 0 16px; border: 1px solid #74ab76; background: #eaf8eb; clear: both; text-align: left;}
.profilenote h3 {margin-top: 0; color: #1c8b21;}
.profilenote p {margin: 0 0 6px;}
.profilenote ul, .profilenote li {list-style: none; margin-left: 0; padding-left: 0;}
.profilenote li {padding-left: 12px; background: url(/img/li-profilenote.gif) 0 3px no-repeat;}

#rightcolumn {float: right; width: 250px; padding: 0 22px 36px 0; font-size: 95%;}
#rightcolumn .button {display: block; margin: 30px auto;}
#sponsors {text-align: center; font-size: 85%;}
#sponsors h3 {font-weight: bold; margin: 24px 0 4px;}
#sponsors img {display: block; margin: 0 auto 16px;}
#sponsors p {margin: 12px 0 6px;}

.sponsor {text-align: left; font-size: 85%; color: #999; margin: -12px 0 24px;}
.sponsor h3 {font-weight: bold; margin: 24px 0 4px;}
.sponsor img {display: block; margin: 0;}
.sponsor p {margin: 0 0 6px;}

#affiliates-list {background: url(/img/bg-ltsep.gif) repeat-x;}
#affiliates-list, #affiliates-list li {list-style: none; margin: 0; padding: 0; }
#affiliates-list li {clear: both; background: url(/img/bg-ltsep.gif) bottom repeat-x; padding: 6px 0 5px;}
#affiliates-list span {float: right; width: 40%;}
* html #affiliates-list a {margin-left: 4px;}
#affiliates-list a {float: right; margin: 0 0 0 8px;}

#photobox {overflow: visible; float: left;}
#photobox img {display: block; margin: 0 0 6px;}
#photobox div {width: 200px; height: 200px; background: #fff; border: 1px solid #d1d1d1;}
#photobox div p {margin: 110px 0; text-align: center;}
#photobox p {margin: 12px 0 0;}
#photobox input {float: none; width: auto;}
#photobox .button {margin: 0;}

.onecolumn {background-color: #f0f0f0; border: 1px solid #d1d1d1; width: 50%; margin: 10px auto; clear: both;}
* html .twocolumn-uneven, * html .twocolumn {width: 930px; position: relative;}
.twocolumn-uneven, .twocolumn {border-collapse: separate; border-spacing: 8px; width: 930px !important; margin: 10px -8px; clear: both;}
.onecolumn h2, .twocolumn h2, .twocolumn-uneven h2 {font-size: 120%; margin: 0; padding: 0 0 20px; background: url(/img/bg-sep.gif) 0% 70% repeat-x;}
.onecolumn td {padding: 12px;}
.twocolumn td {padding: 12px; width: 50%; background-color: #f0f0f0; border: 1px solid #d1d1d1;}
.twocolumn-uneven td {padding: 12px; background-color: #f0f0f0; border: 1px solid #d1d1d1;}
.twocolumn-uneven .uneven-left {width: 616px;}

#upcoming td {padding: 8px 8px 20px 4px;}
#upcoming h2 {margin-top: 0;}
#upcoming .links {}
#upcoming .links ul {border-left: 1px solid #eee; padding: 0 0 0 8px; list-style: none; margin: 28px 0 0;}
#upcoming .links ul li a {white-space: nowrap;}
#upcoming .emph {font-weight: bold;}

#attendees table {width: 100%;}
.attendee-nav {margin: 8px 0 0; font-size: 90%; background-color: #f0f0f0; border: 1px solid #d1d1d1;}
.attendee-nav td {vertical-align: middle; padding: 4px 0 4px 4px}
.attendee-nav .button {float: none; vertical-align: bottom; margin: 0;}
.attendees th {padding: 4px 8px 4px 4px;}
.attendees td {padding: 8px 8px 8px 4px; font-size: 90%; border-bottom: 1px solid #d6e4ef;}
.attendees a {white-space: nowrap;}
.attendees td img {display: block;}
.attendees th img {vertical-align: top;}

#note {font-size: 90%; border: 1px solid red; width: 390px; margin: -60px auto 0; position: relative; border: 1px solid #d6e4ef; color: #0b5d92; background: #f3f8fb; padding: 8px;}
#note img {vertical-align: middle;}

.broadcasts {width: 100%;}
.broadcasts td {padding: 8px 8px 8px 4px; border-bottom: 1px solid #d6e4ef;}
.broadcasts h2 {margin: 0 0 8px; font-weight: bold; font-size: 100%;}
.broadcasts h2 span {font-weight: normal; font-size: 80%; color: #777;}
.broadcasts img {display: block;}
.broadcasts .postwrapper {background-color: #f0f0f0; border: 1px solid #d1d1d1;}
.broadcasts .postwrapper p {margin: 0;}
.broadcasts .more td {background: #f4f8fb; font-size: 90%;}

#inbox-tabs, #inbox-tabs li, #inbox-tabs ul {margin: 0; padding: 0; list-style: none;}
#inbox-tabs {height: 21px;}
#inbox-tabs li {float: left; position: relative;}
#inbox-tabs li a {color: #0b5d92; float: left; padding: 3px 6px 0; margin: 0 0 0 4px; position: relative; background: #d8e5ee url(/img/inbox-tab-l.gif) no-repeat;}
#inbox-tabs li a:hover {color: #dd8b2a;}
#inbox-tabs li.current a, #inbox-tabs li.current a:hover {background-color: #0b5d92; color: #fff;}
* html #inbox-tabs li a span {right: -1px;}
#inbox-tabs li a span {position: absolute; top: 0; right: 0; width: 5px; height: 25px; background: url(/img/inbox-tab-r.gif) no-repeat;}
#inbox-options {margin: 0; padding: 4px 8px; font-size: 90%; background-color: #f0f0f0; border: 1px solid #d1d1d1;}
#inbox-options a {padding: 0 6px; color: #0b5d92;}
#inbox-options a:hover {color: #dd8b2a;}
#inbox-list {width: 100%; font-size: 90%; color: #999;}
#inbox-list td {padding: 8px 8px 8px 4px; vertical-align: middle; border-bottom: 1px solid #d6e4ef;}
#inbox-list img {display: block;}
#inbox-list a span {color: #73a9cc;}
#inbox-list a:hover span {color: #ddb27f;}
#inbox-list tr.unread td {background-color: #f4f8fb; font-weight: bold;}
#inbox-list td.unread {background: url(/img/ic-updated.gif) center right no-repeat; padding: 8px;}
#inbox-list td.replied {background: url(/img/ic-replied.gif) center right no-repeat; padding: 8px;}
#inbox-list input {border: 0;}


#inbox-view {width: 100%; font-size: 90%; color: #999;}
#inbox-view td {padding: 8px 8px 8px 4px; border-bottom: 1px solid #d6e4ef;}
#inbox-view img {display: block;}
#inbox-view .heading td {vertical-align: middle; background-color: #f0f0f0; border: 1px solid #d1d1d1; border-width: 1px 0;}
#inbox-view .heading h2, #inbox-view .heading p {margin: 0;}
#inbox-view .heading a {white-space: nowrap;}
#inbox-view .body {color: #333; font-size: 110%; width: 65%;}
#inbox-view label {float: none;}

#compose {margin: 0; padding: 16px 140px; background-color: #f0f0f0; border: 1px solid #d1d1d1;}
#compose div label {width: 20%;}
#compose div input {width: 77%;}
#compose div textarea {width: 77%; float: right;}

/* info / error messages */
.info_message {padding: 8px 8px 8px 40px; margin: 8px 0 16px; border: 1px solid #0b5d92; color: #0b5d92; background: #f3f8fb url(/img/ic-info.gif) 8px 8px no-repeat; clear: both; text-align: left;}
.info_message h3 {margin-top: 3px;}
.info_message ul {margin: 0 20px 0;}
.error_message {padding: 8px 8px 8px 40px; margin: 8px 0 16px; border: 1px solid #ca5c15; color: #ca5c15; background: #fbf4f0 url(/img/ic-error.gif) 8px 8px no-repeat; clear: both; text-align: left;}

#header {position: absolute; top: 0; left: 0; width: 958px;}
#logo {margin: 16px 22px 16px; font-weight: bold; font-size: 240%;}
#logo a {color: #0b5d92;}
#logo a span {color: #1c8b21;}

#supernav, #supernav li, #supernav ul {margin: 0; padding: 0; list-style: none;}
#supernav {position: absolute; top: 7px; right: 22px; font-size: 95%; color: #888;}
#supernav li {float: left; position: relative;}
#supernav li a {color: #0b5d92; float: left; padding: 6px 6px; margin: 0 0 0 4px; position: relative;}
#supernav li a:hover, #supernav li:hover a, #supernav li.hover a {background: #d8e5ee url(/img/supernav-tab-l.gif) no-repeat;}
* html #supernav li a span {right: -1px;}
#supernav li a span {position: absolute; top: 0; right: 0; width: 5px; height: 25px;}
#supernav li a:hover span, #supernav li.hover a span {background: url(/img/supernav-tab-r.gif) no-repeat;}

#supernav li ul {display: none; position: absolute; top: 21px; left: 4px; z-index: 4000; border: 1px solid #d8e5ee;}
#supernav li ul li {display: block; float: none;}
#supernav li ul li a {float: none; display: block; width: 128px; margin: 0; background: #eff4f8 !important; border-bottom: 1px solid #d8e5ee;}
#supernav li ul li a:hover {background-color: #d8e5ee !important}

#supernav #welcome {color: #888; font-size: 95%; margin: 6px 4px 0 0; padding-right: 16px; border-right: 1px solid #bbb;}
#supernav #welcome a {float: none; padding: 0;}
#supernav #welcome a:hover, #supernav #welcome:hover a, #supernav #welcome.hover a {background: none;}
#supernav #welcome a:hover {text-decoration: underline;}

#supernav #sn-login a {width: 160px; height: 30px; text-indent: -3000px; background: url(/img/bt-login.gif) no-repeat; padding: 0;}
#supernav #sn-login a:hover {background-image: url(/img/bt-login1.gif);}

/* #nav {height: 31px; background: url(/img/bg-nav.gif) repeat-x; padding: 5px 22px 0 14px;}
#nav ul, #nav ul li {margin: 0; padding: 0; list-style: none; font-weight: bold; position: relative;}
#nav ul li {float: left;}
#nav li a {color: #0b5d92; float: left; padding: 6px 8px; margin: 0 4px 0 0; position: relative;}
#nav li a:hover, #nav li:hover a, #nav li.hover a {background: #eff4f8 url(/img/nav-tab-l-hover.gif) no-repeat;}
#about #nav #n-about a, #conf #nav #n-conf a, #press #nav #n-press a, #blog #nav #n-blog a, #past #nav #n-past a, #chapters #nav #n-chapters a {background: #fff url(/img/nav-tab-l.gif) no-repeat;}
#network #nav #n-network a, #profile #nav #n-profile a, #inbox #nav #n-inbox a, #attendees #nav #n-attendees a, #broadcasts #nav #n-broadcasts a {background: #fff url(/img/nav-tab-l.gif) no-repeat;}
* html #nav li a span {right: -1px;}
#nav li a span {position: absolute; top: 0; right: 0; width: 9px; height: 9px;}
#nav li a:hover span, #nav li.hover a span {background: url(/img/nav-tab-r.gif) no-repeat;}
#about #nav #n-about a span, #conf #nav #n-conf a span, #press #nav #n-press a span, #blog #nav #n-blog a span, #past #nav #n-past a span, #chapters #nav #n-chapters a span {background: url(/img/nav-tab-r.gif) no-repeat;}
#network #nav #n-network a span, #profile #nav #n-profile a span, #inbox #nav #n-inbox a span, #attendees #nav #n-attendees a span, #broadcasts #nav #n-broadcasts a span {background: url(/img/nav-tab-r.gif) no-repeat;}

#nav em, #supernav em {font-style: normal; font-size: 80%; background-color: #5997c4; color: #fff; padding: 2px 4px;}

#nav #welcome {float: right; color: #888; font-size: 95%; margin: 6px 0 0;}

#nav li ul {display: none; position: absolute; top: 26px; left: 0; z-index: 3000; border: 1px solid #d8e5ee;}
#nav li ul li {display: block; float: none; font-weight: normal;}
#nav li ul li a {float: none; display: block; width: 140px; margin: 0; background: #eff4f8 !important; border-bottom: 1px solid #d8e5ee;}
#nav li ul li a:hover, #nav li ul li:hover a {background-color: #d8e5ee !important}

#nav li li ul {display: none; position: absolute; top: -1px; left: 156px; z-index: 3000; font-size: 90%;}
#nav li li ul li a, #nav li li:hover ul li a {background: #eff4f8 !important}
#nav li li ul li a:hover {background-color: #d8e5ee !important} */

div#nav {
	margin: 0 0 20px 20px;
}

.show {display: block !important;}

#footer {font-size: 85%; color: #888; text-align: center; background: #bfd4e3 url(/img/bg-footer.gif) repeat-x; padding: 10px 0 8px; clear: both;}