body {
background:#eee url(../gfx/body-bg.png) 0px 6px repeat-x;
border-top:6px solid #f2cf79;
padding-bottom:60px;
}
hr {
display:none;
}
#container {
margin:0 auto;
position:relative;
width:970px;
}
#pattern {
background:transparent url(../gfx/pattern-bg.png) 0px 0px no-repeat;
height:420px;
left:-135px;
position:absolute;
top:20px;
width:119px;
overflow:visible;
}
#header {
font-family:"Trebuchet MS", Arial, sans-serif;
height:102px;
margin:0 auto 13px;
overflow:hidden;
position:relative;
width:946px;
}
#header-links {
color:#fff;
font-size:14px;
line-height:14px;
overflow:hidden;
padding:13px 0 1px;
width:946px;
}
#login-links {
float:left;
margin-top:4px;
}
#login-links a {
color:#fff;
font-weight:bold;
}
#login-links li {
border-left:1px solid #999;
display:inline;
float:left;
position: relative;
padding:0 7px;
}
#login-links li.first {
border-left:none;
padding-left:0;
}
#login-links li span {
background:transparent url(../gfx/message-flag-home.gif) 0 0 no-repeat; 
color:#fff;
font:normal 11px Arial, sans-serif;
padding-left:19px;
padding-top:2px;
position:absolute;
right:-23px;
top:0px;
}
/*#login-links li.message_notification { display: none; }*/

#language-container {
float:right;
}
#language-container legend {
display:none;
}
#language-container fieldset {
display:inline;
}
#language-container label {
color:#ccc; 
}
#language-container input{
margin-right:3px;
}
#main-nav {
bottom:0px;
left:0px;
position:absolute;
}
#main-nav ul {
overflow:hidden;
width:946px;
}
#main-nav li {
border-left:1px solid #6796b9;
display:inline;
float:left;
font-size:17px;
margin-top:10px;
text-align:center;
}

#main-nav ul.maori li{
font-size:17px!important;

}

#main-nav li.home {
border:none;
height:51px;
margin-top:0;
width:262px;
}
#main-nav .maori li.home  { padding-top: 12px; height:39px;}

#main-nav li.home span {
background:transparent url(../gfx/bro-online-logo.png) 0px 0px no-repeat;
display:block;
cursor:pointer;
height:51px;
left:0;
position:absolute;
top:0;
width:269px;
}
#main-nav li.find-a-bro {
width:152px;
}
#main-nav ul.maori li.find-a-bro {
width:120px; 
}
#main-nav li.video-chat {
width:114px;
}
#main-nav li.playing-safe {
width:126px;
}
#main-nav ul.maori li.playing-safe {
width:170px;
}

#main-nav li.bros-blog {
width:98px; 
}

#main-nav ul.maori li.bros-blog {
width:120px; 
}

#main-nav li.safe-sex-survey {
width:142px;
}
#main-nav ul.maori li.safe-sex-survey {
width:105px;
}


#main-nav li.ask-an-expert {
border-right:1px solid #69c;
width:148px;
}
#main-nav ul.maori li.ask-an-expert {
border-right:1px solid #69c;
width:50px; height:40px;
}

#main-nav a {
color:#fff;
display:block;
height:100%;
padding:7px 0 6px;
width:100%;
}
#main-nav .home a {
background:none !important;
padding:0;
position:relative;
}
#main-nav a:hover, #main-nav .selected a {
background-color:#76ace8;
text-decoration:none;
}
#main-nav .home a:hover {
background:none;
}
#footer {
font:11px Verdana, Arial, sans-serif;
margin:0 auto;
overflow:hidden;
width:946px;
}
#footer .heading {
color:#333;
font:10px Verdana, Arial, Helvetica, sans-serif;
margin:0 0 14px 20px;
text-transform:uppercase;
}
#footer .heading strong {
font-weight:normal;
}
#footer-logo {
display:inline;
float:right;
padding:0 25px 0 0;
width:344px;
}
#footer-logo a {
display:block;
height:71px;
position:relative;
width:344px;
}
#footer-logo span {
background:#eee url(../gfx/new-zealand-aids-foundation-logo.png) 0px 0px no-repeat;
cursor:pointer;
display:block;
height:100%;
left:0;
position:absolute;
top:-10px;
width:100%;
}
#footer-links {
display:inline;
float:left;
width:555px;
}
#footer-links {

}
#footer-links ul {
overflow:hidden;
width:555px;
}
#footer-links li {
color:#666;
display:inline;
float:left;
font-size:11px;
line-height:12px;
margin-bottom:14px;
margin-left:20px;
width:165px;
}
#footer-links a {
display:block;
margin-bottom:4px;
}
#footer-nav {
clear:left;
}
#footer-nav ul {
margin-left:20px;
overflow:hidden;
width:555px;
}
#footer-nav li {
border-left:1px solid #999;
display:inline;
float:left;
padding:0 4px;
}
#footer-nav li.home {
border-left:none;
padding-left:0;
}
#footer-nav li a {
font-size:11px;
font-weight:bold;
}
#content-container {
margin:0 auto 20px;
overflow:hidden;
padding-top:12px;
position:relative;
width:970px;
}
#content-container .transparency {
height:3000px;
left:0;
position:absolute;
top:0;
width:100%;
z-index:-1;
background-color:#fff;  		/* the background          */
filter:alpha(opacity=30);   /* Internet Explorer       */
-moz-opacity:0.3;           /* Mozilla 1.6 and below   */
opacity:0.3;                /* newer Mozilla and CSS-3 */
}
#content-page {
background-color:#fff;
margin:0 12px 14px;
position:relative;
overflow:hidden;
padding:12px 21px 20px 20px;
width:905px;
}
#content-title {
overflow:hidden;
padding:20px 10px 20px 26px;
width:877px;
}
#content-main {
display:inline;
float:left;
margin-right:20px;
padding-top:5px;
width:535px;
}
#content-sub {
display:inline;
float:left;
margin-right:18px;
width:165px;

}
#sub-nav {
margin-bottom:20px;
}
#sub-nav ul {
background-color:#76ace8;
font:bold 14px/16px "Trebuchet MS", Arial, sans-serif;
padding:16px 11px 13px 10px;
}
#sub-nav li {
border-top:1px solid #84b4ea;
padding:9px 0 8px;
position:relative;
width:100%;
}
#sub-nav li.first {
border-top:none;
padding-top:0;
}
#sub-nav li a {
display:block;
height:100%;
width:100%;
}
#sub-nav a {
color:#fff;
}
#sub-nav a:hover, #sub-nav li.selected a {
color:#F2dF99;
text-decoration:none;
}
#sub-nav li span {
background:transparent url(../gfx/message-flag.png) 0px 0px no-repeat; 
color:#fff;
font:normal 11px Arial, sans-serif;
padding-top:2px;
padding-left:19px;
position:absolute;
right:0;
top:9px;
}
#related-links {
border:1px solid #ccc;
margin-bottom:20px;
padding:15px 11px 5px 10px;
}
#related-links .heading {
font:14px "Trebuchet MS", Arial, sans-serif;
border-bottom:1px solid #ccc;
margin:0;
padding-bottom:5px;
}
#related-links li {
font-size:11px;
line-height:12px;
margin-top:8px;
margin-bottom:14px;
}
#related-links li a {
font:bold 12px/13px "Trebuchet MS", Arial, sans-serif;
display:block;
margin-bottom:1px;
width:100%;
}
#sidebar {
display:inline;
float:left;
width:165px;
}
#sidebar p {
margin-top:0;
}
#sidebar .shadow {
background:transparent url(../gfx/shadow-165.jpg) 0px bottom no-repeat;
display:block;
margin-bottom:-17px;
padding-bottom:17px;
}

/* TYPOGRAPHY */
body {
color:#666;
font:15px/20px Arial, sans-serif;
}
h5 {
font:bold 12px/12px "Trebuchet MS", Arial, sans-serif;
margin:0;
}
#content-title h5 {
padding-left:2px;
}
h1 {
font:normal 30px/30px "Trebuchet MS", Arial, sans-serif;
margin:0;
}
h2 {
font:bold 22px/25px "Trebuchet MS", Arial, sans-serif;
margin:0 0 20px;
}
h3 {
font:bold 15px/18px "Trebuchet MS", Arial, sans-serif;
margin:20px 0;
}
a {
color:#069;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
p {
font:15px/20px Arial, sans-serif;
margin:20px 0;
}

.small{
	font-size:11px;
}

span.acronym{
	font-weight:bold;
	border-bottom:1px dotted #069;
}


blockquote{
	background-color: #F4F1E8;
	padding:10px;
	border-top:1px solid #DADADA;
	
}

/* CONTENT */
#content-main ol {
list-style:decimal;
margin:20px 0;
padding-left:55px;
}
#content-main ul {
list-style:disc;
margin:20px 0;
padding-left:55px;
}
#content-main li {
margin-bottom:8px;
}
#content-forum {
background-color:#Fff;
display:inline;
float:left;
margin-top:30px;
width:720px;
}
#content-wide {
display:inline;
float:left;
margin-top:30px;
width:720px;
}

#content-main p img{
	float:left; display:inline; margin:15px 15px 15px 0;
}
/* SECTION */
.section-listing {
margin:-5px 0 20px;
overflow:hidden;
width:535px;
}
.section-listing img {
border:1px solid #ccc;
float:left;
margin:5px 10px 0 0;
}
.section-listing h2 {
font-size:16px;
line-height:20px;
margin:0 0 10px;
}
.section-listing h2:hover {
text-decoration:underline;
}
.section-listing p {
margin:10px 0;
}
/* HOTLIST */
.note h1, #content-title h1 {
float:left;
margin-top:5px;
}
.note p, #content-title p {
color:#999;
font-size:11px;
line-height:12px;
margin:0 0 0 10px;
padding-top:15px;
float:left; display:inline;
}
.note p span {
background:transparent url(../gfx/icons.png) -34px 0px no-repeat;
display:block;
float:left;
height:16px;
margin-right:4px;
width:16px;
}
.results-header {
background-color:#F2F2F2; /*#f3cf79; */
color:#816041;
font-size:12px;
line-height:12px;
overflow:hidden;
padding:9px 0;
text-align:center;
width:535px;
}




#content-wide .results-header {
width:720px;
}


.results-nav {
color:#999;
font-size:14px;
line-height:14px;
padding:9px 0 17px;
text-align:center;
}
#content-wide .results-nav, #content-wide #hotlist-listing {
overflow:hidden;
width:720px;
}
.results-nav a {
font-size:12px;
}
.results-nav .previous {
display:inline;
float:left;
margin-left:2px;
}
.results-nav .next {
display:inline;
float:right;
margin-right:2px;
}




.hotlist-item {
border:1px solid #ccc;
display:inline;
float:left;
/*height:200px;*/
height:260px;
margin:0 20px 20px 0;
overflow:hidden;
position:relative;
text-align:center;
width:163px;
}

.hotlist-item h2{
	height:22px;
}
.short {
height:150px!important;
}
.hotlist-item .thumb {
height:75px;
left:44px;
overflow:hidden;
position:absolute;
top:10px;
width:75px;
}
.hotlist-item .thumb img {
border:1px solid #ccc;
}
.hotlist-item .thumb .status {
display:block;
height:13px;
position:absolute;
right:2px;
top:3px;
width:12px;
}
.hotlist-item .thumb .status span {
display:block;
height:13px;
overflow:hidden;
width:12px;
text-indent:-3000px;
}
.offline .thumb .status {
background:transparent url(../gfx/icons.png) 0px 0px no-repeat;
}
.online .thumb .status {
background:transparent url(../gfx/icons.png) -12px 0px no-repeat;
}
.hotlist-item h2 {
font:normal 12px/13px Arial, Helvetica, sans-serif;
margin:87px 0 3px;
}
.hotlist-item .details {
height:70px;
margin:0 auto;
overflow:hidden;
width:151px;

}



.hotlist-item p {
font-size:11px;
line-height:12px;
margin:0;
}
.hotlist-item form {
display:block;
margin-bottom:4px;
}
.hotlist-item input {
font:10px Arial, Helvetica, sans-serif;
}
.hotlist-item .add {
color:#c60;
}

.hotlist-item input.remove {
color:#990000; font-weight:bold;
}


.hotlist-item a.remove {
background:#fff url(../gfx/icons.png) -24px 0px no-repeat;
display:block;
height:11px;
position:absolute;
right:5px;
top:5px;
width:10px;
}
.hotlist-item a.remove span {
display:block;
height:11px;
overflow:hidden;
text-indent:-3000px;
width:10px;
}


/*.logged-in .remove*/
/*a.remove {
background:none;
display:inline;
font-size:10px;
height:auto;
position:relative;
right:auto;
text-decoration:underline;
top:auto;
width:auto;
}

a.remove:hover {
text-decoration:none;
}

a.remove span {
display:inline;
height:auto;
text-indent:0px;
width:auto; 
}*/
.hotlist-item .report {
bottom:7px;
color:#999;
display:block;
font-size:10px;
font-style:italic;
left:0;
line-height:11px;
position:absolute;
text-align:center;
width:100%;
}
.online p {
font-style:italic;
}
.last-item, div.last-item {
margin-right:0 !important;
}
.results-nav .showing {
color:#666;
font-size:12px;
}
.results-nav .showing strong {
color:#333;
font-weight:normal;
}
div.sort-by {
padding:6px 0 5px;
}



div.border-top{

	border-top:1px solid #e4bd5f;
	padding-top:10px;margin-top:10px!important;
}

.results-header .border-top{
border-top:1px solid #ccc;
}

div.sort-by div.row{
	margin:5px 0;
}

div.sort-by .sort-by {
font-weight:bold;
margin:3px 20px 0 8px;
width:90px; display:inline; float:left;
}
div.sort-by form {
display:block;
text-align:left;
}
div.sort-by legend {
display:none;
}
div.sort-by select {
font-size:12px;
width:145px;
}
div.sort-by .submit {
font-family: 'Trebuchet MS',Arial,sans-serif; font-size: 20px; width: 160px; margin: 10px auto;
}
.logged-in .hotlist-item {
height:250px;
}
#hotlist-listing h2.heading {
margin-bottom:10px;
}


#complete-profile {
margin:0 0 40px;
padding:0 20px;

}
#complete-profile p {
line-height:18px;
margin:10px 0;
}
#upload-profile-picture {
margin-bottom:20px;
overflow:hidden;
text-align:center;
width:495px;
}
#upload-profile-picture img {
border:1px solid #ccc;
float:left;
margin-right:20px;
}
#upload-profile-picture h2 {
margin:10px 0;
text-align:left;
}
#upload-profile-picture input {
font-family: "Trebuchet MS", Arial, sans-serif;
font-size:20px;
width:260px;
margin-top:5px;
}

#upload-profile-picture input.checkbox {
	width:auto;
}
#upload-profile-picture label{
color:#996633;
margin-bottom:5px;
}

#upload-profile-picture p {
font-size:11px;
font-style:italic;
line-height:12px;
}



#login-promo {
background-color:#f9d682;
color:#816041;
font-family: "Trebuchet MS", Arial, sans-serif;
margin-bottom:40px;
padding:10px 6px;
text-align:center;
}
#login-promo p, #login-promo li {
line-height:18px;
}
#login-promo ol {
list-style-type:decimal;
margin-left:20px;
}
#login-promo .login {
font:11px/12px Arial, Helvetica, sans-serif;
margin-bottom:10px;
}
#login-promo input {
font-size:22px;
width:108px;
}

#content-sub input.send, #content-sub input.add,#content-sub input.send, #content-sub input.remove {
font:14px "Trebuchet MS", Arial, sans-serif;
margin-bottom:20px;
width:165px;
}
#content-sub input.add {
color:#c60;
}
#content-sub input.remove {
color:#990000;
font-weight:bold;
}


#content-page .profile {
margin-top:0;
}
#profile-main {
float:left;
margin-right:20px;
overflow:hidden;
padding-top:20px;
position:relative;
width:350px;
}
#profile-main .status {
color:#999;
font-size:13px;
margin:0;
padding-left:15px;
position:absolute;
right:0;
top:0;
}
#profile-main .status span {
display:block;
height:13px;
left:0;
position:absolute;
top:3px;
width:12px;
}
#profile-main .offline span {
background:transparent url(../gfx/icons.png) 0px 0px no-repeat;
}
#profile-main .online span {
background:transparent url(../gfx/icons.png) -12px 0px no-repeat;
}

#profile-picture-large {
margin-bottom:25px;
padding-bottom:20px;
position:relative;
width:350px;
}
#profile-main img {
border:1px solid #ccc;
display:block;
}

#profile-main input.submit,#save-slogan input.submit,{
font-family:"Trebuchet MS",Arial,sans-serif;
font-size:20px;
width:260px;
margin:auto;
}

#profile-picture-large div {
bottom:0;
position:absolute;
left:0;
}

#profile-sub {
float:left;
padding-top:170px;
position:relative;
width:350px;
}

#profile-sub #slogan {
background:transparent url(../gfx/profile-slogan-bg.png) 0px 0px no-repeat;
height:146px;
left:0;
overflow:hidden;
padding-bottom:13px;
position:absolute;
top:0;
width:356px;
}
#profile-sub #slogan p {
color:#999;
font:italic 22px/28px "Trebuchet MS", Arial, sans-serif;
margin:13px 30px 0 53px;
}
#profile-sub #slogan div.info {
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
}
#profile-sub #slogan div.info .edit {
bottom:0;
position:absolute;
right:10px;
}
#profile-sub #slogan div.editfield {
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
}
#profile-sub #slogan div.editfield textarea {
color:#999;
font:italic 22px/28px "Trebuchet MS", Arial, sans-serif;
height:110px;
margin:11px 0 0 50px;
overflow:hidden;
width:276px;
}

#profile-main textarea.large{
	height:200px!important;
}

#profile-main textarea.wide{
	width:345px!important;
}




#profile-sub #profile-thumbs {
overflow:hidden;
padding-bottom:60px;
position:relative;
width:350px;
}
#profile-sub #profile-thumbs .thumbs {
background:transparent url(../gfx/profile-picture-thumbs-bg.png) 0px 0px no-repeat;
}
#profile-sub .thumbs {
overflow:hidden;
width:350px;
}
#profile-sub #profile-thumbs p.edit {
bottom:60px;
float:none;
left:0;
margin:0;
padding:0;
position:absolute;
width:100%;
}

#profile-sub .thumbs div {
float:left;
padding-bottom:18px;
width:92px;
}
#profile-sub #profile-thumbs img {
border:1px solid #76ace8;
}

#profile-sub #profile-thumbs .last {
width:74px;
}



#profile-sub #profile-thumbs .report{
position:absolute;
bottom:40px;
color:#999;
font-size:10px;
font-style:italic;
left:0;
line-height:11px;
margin:0;
text-align:center;
width:100%;
}

#profile-sub .hotlist-report {
color:#999;
font-size:10px;
font-style:italic;
line-height:11px;
margin-top:15px;
text-align:center;
width:100%;
}

#profile-sub #profile-hotlist {
border-top:6px solid #f9d682;
border-bottom:6px solid #f9d682;
overflow:hidden;
width:350px;
}

#profile-sub #profile-hotlist h3 {
color:#d6ab43;
color:#816041;
margin:5px 10px;
}


#profile-sub #profile-hotlist .thumbs div {
font:11px/13px Arial, Helvetica, sans-serif;
float:left;
padding-bottom:12px;
overflow:hidden;
width:60px;
height:80px;
}
#profile-sub #profile-hotlist .thumbs .last {
width:50px;
}
#profile-sub #profile-hotlist img {
border:1px solid #ccc;
display:block;
margin-bottom:2px;
}

#profile-hotlist .edit-hotlist {
bottom:-20px;
position:absolute;
left:0;
}
#profile-hotlist .edit-settings {
bottom:-33px;
color:#999;
font:11px/13px Arial, Helvetica, sans-serif;
position:absolute;
right:0;
text-align:right;
}


a.edit {
background:transparent url(../gfx/icons.png) -50px 1px no-repeat;
font:11px Arial, Helvetica, sans-serif;
margin-left:2px;
padding-left:13px;
}



#profile-main table {
margin:0 0 20px;
}
#profile-main th {
text-align:left;
}
#profile-main th h2 {
font-size:18px;
font-weight:normal;
margin-bottom:7px;
}
#profile-main th h3 {
font:bold italic 13px/16px Arial, Helvetica, sans-serif;
margin:0 0 10px;
}
#profile-main td {
font:13px/16px Arial, Helvetica, sans-serif; padding-bottom:5px; vertical-align:top;
}
#profile-main td input, #profile-main td select {
color:#666;
font:13px/16px Arial, Helvetica, sans-serif;
width:210px;
}

#profile-main td select {
width:100%;
}
#profile-main td.column-one {
width:140px;
}
#profile-main td label {
display:block;
padding-bottom:10px;
}
#profile-main td label.radio {
display:inline;
}
#profile-main td label.radio input {
width:auto;
}




/*
#add-edit-photos {
display:block;
}
#show-it-to, #add-edit-photos .submit {
margin-left:185px;
width:350px;
}
#add-edit-photos .photo {
display:block;
overflow:hidden;
width:535px;
}
#add-edit-photos .photo ul {
list-style:none;
}
#add-edit-photos .photo ul span {
display:block;
}
#add-edit-photos .photo label span {
font-weight:bold;
}
*/

.add-edit-photos ol {
list-style:decimal;
margin:20px 0;
padding-left:55px;
}
.add-edit-photos h2 {
font-weight:normal;
margin:40px 0 20px;
}


#show-it-to label {
font-size:12px;
position:relative;
}
#show-it-to span {
margin-right:20px;
}
#show-it-to label span {
position:absolute;
top:14px;
left:0;
}


.add-edit-photos {
padding-top:0px !important;
}
.add-edit-photos .photo {
display:inline;
float:left;
margin:0 21px 20px 0;
width:257px;
}
.profile-photo {
background:transparent url(../gfx/shadow-165.jpg) 0px bottom no-repeat;
height:200px;
margin:0 auto 3px;
padding-bottom:17px;
position:relative;
width:165px;
}
.profile-photo .hotlist-item {
background:transparent url(../gfx/add-edit-profile-photo-bg.png) 0px 0px no-repeat;
display:block;
float:none;
height:182px;
left:0;
margin:0;
padding-top:17px;
position:absolute;
top:0;
}
.profile-photo .photo-1 {
background-position:64px 55px;
}
.profile-photo .photo-2 {
background-position:-120px 55px;
}
.profile-photo .photo-3 {
background-position:-305px 55px;
}
.profile-photo .photo-4 {
background-position:-490px 55px;
}

.profile-photo p {
font-size:12px;
margin:1px 19px 0;
}
.profile-photo a:hover p {
text-decoration:underline;
}
#content-main .photo ol {
width:257px;
margin:0 auto;
padding:0;
list-style:none;
}
.photo-upload {
margin:0 auto;
}
.photo-upload input {
width:220px;
}
.photo-upload-help {
display:block;
font-size:11px;
font-style:italic;
line-height:12px;
margin:5px 0 0;
text-align:center;
}
.photo label {
display:block;
font-size:12px;
}
.photo li {
display:block;
margin:0 auto 10px;
width:220px;
}
li.title label {
font-weight:bold;
}
li.title input {
width:220px;
}
li.delete {
text-align:right;
}
.add-edit-photos div.submit {
clear:both;
padding-top:20px;
}
.add-edit-photos div.submit h2 {
float:left;
margin:0;
}
.add-edit-photos div.submit input {
font:20px "Trebuchet MS",Arial,sans-serif;
width:86px;
margin:0 0 0 10px;
}






.add-edit-profile-picture .intro {
margin-top:-20px;
}
.add-edit-profile-picture #upload-profile-picture {
background-color:#f9d682;
overflow:hidden;
padding:15px 0;
width:535px;
}
.add-edit-profile-picture #upload-profile-picture .thumb {
display:inline;
float:left;
margin-top:17px;
margin-left:20px;
width:145px;
height:140px;
}
.add-edit-profile-picture #upload-profile-picture img {
float:none;
margin:0;
}
.add-edit-profile-picture #upload-profile-picture form {
display:inline;
float:left;
margin-left:20px;
text-align:left;
width:330px;
}
.add-edit-profile-picture #upload-profile-picture .file {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:auto;
}
.add-edit-profile-picture #upload-profile-picture .submit {
margin:5px auto;
width:auto;
}
.add-edit-profile-picture #upload-profile-picture h2 {
color:#816041;
margin:5px 0;
}
.add-edit-profile-picture #upload-profile-picture p {
color:#963;
margin:5px 0 9px;
}
.add-edit-profile-picture #upload-profile-picture .caption {
font-weight:bold;
font-style:normal;
margin:5px auto;
width:80px;
}
.add-edit-profile-picture #upload-profile-picture span {
display:block;
text-align:center;
}

.edit-profile-wrapper {
}

.edit-profile-wrapper .editfield input,
.edit-profile-wrapper .editfield textarea,
.edit-profile-wrapper .editfield select {
padding: 3px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
opacity: 0.6;
}

.edit-profile-wrapper .editfield input:focus,
.edit-profile-wrapper .editfield textarea:focus,
.edit-profile-wrapper .editfield select:focus {
opacity: 1;
outline: none;
}

.edit-profile-wrapper table th h2 {margin-top: 15px;}

.edit-profile-wrapper .editfield textarea {width: 95%;}

.edit-profile-wrapper #profile-main  .editfield textarea.wide {
	width:337px!important;
	border: 1px solid #bababa;
}

.edit-profile-wrapper .column-one label {margin-top: 4px;}



span.light {
color:#ccc;
font-style:italic;
}




.episode-listing {
display:inline;
float:left;
height:280px;
margin:0 20px 20px 0;
overflow:hidden;
width:165px;
}
.episode-listing img {
border:1px solid #ccc;
}
.episode-listing h2 {
font-size:15px;
line-height:20px;
margin:5px 0 10px;
}
.episode-listing h2:hover {
text-decoration:underline;
}
.episode-listing p {
margin:10px 0;
}
.episode-listing .icon {
margin-left:5px;
}
.episode-listing .icon img {
border:none;
}



#hotlist-notifications {
margin-bottom:10px;
overflow:hidden;
width:720px;
}
#hotlist-notifications .intro {
overflow:hidden;
width:720px;
}
#hotlist-notifications .intro form {
float:right;
}
#hotlist-notifications .intro input {
font:bold 14px "Trebuchet MS", Arial, sans-serif;
width:150px;
}
#hotlist-notifications .intro h2 {
margin-bottom:15px;
}
#hotlist-notifications .intro p {
margin:5px 0;
}
#hotlist-notifications .hotlist-item {
background-color:#fee2a3;
border-color:#f2d079;
}
#hotlist-notifications .hotlist-item .thumb img {
border-color:#f2d079;
}

.already-added {
color:#999;
font-size:10px;
line-height:11px;
}
.note p.warning span {
background:transparent url(../gfx/icons.png) 0px -16px no-repeat;
display:block;
float:left;
height:18px;
margin-top:-4px;
margin-right:4px;
width:19px;
}



#gallery-image {
display:inline;
float:left;
margin:0 20px 20px 0;
overflow:hidden;
width:350px;
}
#gallery-thumbs {
display:inline;
float:left;
margin:0 0 20px 0;
overflow:hidden;
width:350px;
}
#gallery-thumbs .thumb {
display:inline;
float:left;
margin:0 18px 18px 0;
width:74px
}
#gallery-thumbs .last {
margin-right:0;
}
#gallery-thumbs .thumb img {
border:1px solid #069;
}



.post {
clear:both;
}
.post .date {
border-bottom:1px solid #f2cf79;
color:#dab55a;
font:bold 10px/11px "Trebuchet MS", Arial, sans-serif;
margin-bottom:25px;
padding-bottom:1px;
text-transform:uppercase;
}



div.comment-form{
background-color:#f9d682;
overflow:hidden;
padding:15px;
width:535px;
}

.comment-form textarea{
width:525px;
}

.comment-form h2{
color:#816041;
margin:5px 0;
}

.comment h5{
	margin:20px 0 0 0;
	padding-left:20px;
	background:transparent url(../gfx/icons.png) 0 -50px no-repeat;
	
}

.comment h5 span{
	font-weight:normal;
}

.comment p{
	font-size:12px;
	color:#999999;
	margin:3px 0 0 0;
}

.post .comments-link {
clear:both;
color:#999;
font-size:14px;
line-height:14px;
margin:20px 0 40px;
text-align:right;
}
.post .comments-link a {
color:#57acd3;
font-size:12px;
}
.post object, .post embed {
display:block;
margin:20px auto;
}
.post .caption {
font:italic 16px/22px "Trebuchet MS", Arial, sans-serif;
overflow:hidden;
width:535px;
}
.post img {
border:1px solid #ccc;
}
.post img.left {
float:left;
margin:5px 20px 0 0;
}
.post img.right {
float:right;
margin:5px 0 0 20px;
}
#posts .results-nav {
border-top:6px solid #f3cf79;
}


div.form-element{
	float:left; display:inline;
	width:200px;
}

input.login-btn{
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:20px; margin:2px auto;
	width:220px;
}

.join label{
	width:200px; display:inline;float:left;margin-top:10px;
	color:#999999;
}

.join label.long{
	color:#333333; width:400px;
}

.join input.checkbox{
	display:inline;float:left; margin:13px 10px 0 0;
}

.join input,.join select,.join textarea{
	margin-top:10px;
}

.join select{
	width:176px;
}

.clear{
	clear:both; font-size:1px;
}

.join label.error{
	color:#990000;
	font-size:12px; 
	width:420px;
}


/* site feedback */
.feedback td label { float: none; width: auto; }
.feedback th { text-align: left; padding: 2px 40px 2px 0; border-right: 1px dashed #d0d0d0; }
.feedback th label { width: 140px; font-size: 14px; }
.feedback td { width: 50px; padding: 2px 5px; text-align: center; border-right: 1px dashed #d0d0d0; }
.feedback .first th, .feedback .first td { border: 0; }
.feedback select { width: auto; margin-top: 15px; }
.feedback label { width: 180px; margin-right: 20px; font-size: 13px }



/* homepage */
.homepage #content-title {
padding:5px 0 15px;
}
.homepage #content-title h1 {
float:left;display:inline;
}
.homepage #content-main {
margin-right:0;
padding-top:0;
width:720px;
}
#homepage-feature .slideshow {
background:transparent url(../gfx/homepage-slideshow-shadow.jpg) 0px bottom no-repeat;
float:left;
height:360px;
overflow:hidden;
padding-bottom:20px;
width:535px;
}
#homepage-slideshow {
height:360px;
width:535px;
}
#homepage-feature #login {
background-color:#f3cf79;
float:right;
margin-bottom:10px;
overflow:hidden;
padding:6px 5px;
width:155px;
}
#login h3 {
color:#816041;
margin:0 3px 10px 0;
}
#login ol {
font:normal 11px/12px Verdana, Arial, Helvetica, sans-serif;
list-style:none;
margin:0;
padding:0;
}
#login li {
margin-bottom:5px;
}
#login label {
color:#816041;
}
#homepage-feature #login .email input, #homepage-feature #login .password input {
width:150px;
}
#login .email label, #login .password label {
display:block;
margin-bottom:3px;
}
#login .remember-me {
margin-bottom:8px;
}
#login .remember-me input {
float:left;
}
#login .submit {
clear:both;
margin-bottom:8px;
text-align:center;
}
#login .submit input {
color:#000;
font:bold 12px "Trebuchet MS", Arial, sans-serif;
width:110px;
}
#homepage-feature {
margin-bottom:10px;
overflow:hidden;
width:720px;
}
#homepage-feature .featured-section {
border-bottom:1px solid #b2b2b2;
float:right;
overflow:hidden;
width:165px;
}
#homepage-feature .featured-section h2 {
font-size:20px;
font-weight:normal;
line-height:20px;
margin:0 0 10px;
}
#homepage-feature .featured-section p {
font:normal 14px/18px "Trebuchet MS", Arial, sans-serif;
margin:10px 0;
}
#homepage-feature .featured-section .more {
font:normal 12px/14px Arial, Helvetica, sans-serif;
margin-top:15px;
}
.homepage #posts {
margin-bottom:20px;
border-bottom:6px solid #f3cf79;


}
.homepage #posts .post {
margin-bottom:20px;
}
.homepage #posts h2 {
font-size:20px;
font-weight:normal;
line-height:20px;
}
.homepage #posts h3, .homepage #posts p {
font-size:12px;
line-height:16px;
margin:10px 0;
}
.homepage #posts .date {
margin-bottom:10px;
}
#homepage-hotlist {
overflow:hidden;
width:720px;
}
#homepage-hotlist h2 {
font-size:18px;
font-weight:normal;
margin-bottom:10px;
}
#homepage-hotlist h2 span {
font-style:italic;
}
#homepage-hotlist .hotlist-item h3 {
font:normal 12px/13px Arial, Helvetica, sans-serif;
margin:87px 0 3px; height:28px;
}

#quiz {
	background: #F2F4F3;
	padding: 20px 25px;
}
#quiz .number			{ margin: 0; color: #585858; font-size: 10px; }
#quiz .title 			{ margin: 10px 0 20px 0; color: #585858; font-size: 18px; }
#quiz .answers 			{ text-align: center; }
#quiz .answers input 	{ margin: 0 8px; }
#quiz .solution 		{ overflow: hidden; width: 100%; border-top: 1px solid #D6D5D0; padding-top: 20px; }
#quiz .solution img 	{ float: left; }
#quiz .solution div		{ margin-left: 100px; }
#quiz p 		{ margin: 0; color: #585858; font-size: 12px; }
#quiz p.msg 	{ color: #000; }
#quiz p.score 	{ color: #000; margin: 20px 0; }

#flashchat { width: 850px; height: 600px; }


/* -- ADVANCED SEARCH  -- */
.results-header table label{
float:left; display:inline;
color:#333333;
	font-weight:bold;
	margin:10px;
	
}

.results-header table label.radio{
font-weight:normal;
margin-top:0;
}

.results-header table h3{
	margin-left:10px;
	color:#000;
}

.results-header table select,.results-header table input.textinput,.results-header table textarea{
	margin-left:10px;
	width:200px;
}

/* -- ASK A SEXPERT  -- */

div.question p.question{
font-size:14px; padding-bottom:3px; border-bottom:1px solid #999999;
}

div.question p.question strong{
font-size:14px;
}

div.question p.question span.more{
	 font-size:11px; color:#006699; cursor:pointer;
}

.nurse-form {
background-color:#F2F2F2; 
padding:9px ;
width:520px;
}

.nurse-form label{
	color:#333333;
}

div.comments{
border-bottom:1px solid #999; padding-bottom:20px;
}

div.comments div.comment p{
	margin-top:0;
	font-size:14px;
	color:#666666;
}

p.name2{
	
	color:#999999;
	margin-bottom:0;
}

p.name2 span{
font-style:italic;
	font-size:11px;
}

div.pagination{
	text-align:center;
}
div.pagination p{
	font-size:10px;
}

div.expert-nzaf{
	padding:10px; background-color:#F9D682;
}

#beta {
	display: none;
	}
	
.report-reason-box {
	display: none;
	}
	
.report-reason-box-inner {
	background: #FFF;
	height: 160px;
	width: 400px;
	}

.report-reason-box-inner textarea {
	border: 1px solid #666;
	margin: 6px 0px 6px;
	padding: 1px 0px;
	width: 396px;
	}
	
.report-reason-box-inner .submit-btn {
	background: #fff;
	border: 1px solid #666;
	color: #666;
	float: right;
	margin: 0px 2px 0px 0px;
	padding: 3px 4px;
	}
	
.report-reason-box-inner .submit-btn:hover {
	background: #ddd;
	border-color: #000;
	color: #000;
	cursor: pointer;
	}
	
	
	
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/static/gfx/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('/static/gfx/fancybox/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('/static/gfx/fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('/static/gfx/fancybox/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('/static/gfx/fancybox/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-main p {
	margin: 4px 0px 0px;
	padding: 0px;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('/static/gfx/fancybox/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('/static/gfx/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('/static/gfx/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('/static/gfx/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/static/gfx/fancybox/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/static/gfx/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/static/gfx/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('/static/gfx/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/static/gfx/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/static/gfx/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/static/gfx/fancybox/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/static/gfx/fancybox/fancybox.png');
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
