@charset "utf-8";
/* CSS Document */
/* ------------------------------------- */
/* CSS Reset from Eric Meyer's version v1.0 | 20080212 */
/* http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, /*q*/, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
/*blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none; 
}*/
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ------------------------------------- */
/* --- Default style ------------------- */
/* ------------------------------------- */
html { background: #edeeef url(../img/bg-body.png) repeat 50% 0; }
/* add html for Chrome background body bug */
body { 
background: transparent;
color: #666666;
font-family:  Arial, Helvetica, sans-serif; 
font-size: 12px;
margin: 0px; padding: 8px;
}
img {border:none;}
p , ul, li { line-height:140%;}
p, li, input, textarea { color: #666666; } 
a { color: #008693; text-decoration: none; }
a:visited { color: #008693; }
a:hover { color: #647b5e; text-decoration: none;}
a.selected {color: #7a6691;}



/* ------------------------------------- */
/* --- Columns -------------------------- */
/* ------------------------------------- */
#header-bar {background:url(../img/container-top.png) top no-repeat; height: 18px; margin:20px auto 0; width: 942px;}
#wrapper {background:url(../img/container-bg.png) repeat-y ; margin: 0 auto; width: 942px; position:relative;}
	.container {padding: 0 50px;}
		.container .col-1 {width:640px; float:left; padding:0; margin-right:37px; margin-bottom:28px; position:relative;}
			.container .col-1 ol, .container .col-1 ul { margin: 0 0 10px;}
			.container .col-1 ol li, .container .col-1 ul li {margin: 0 0 5px;}
		.container .col-2 {width:165px; float:left; padding:0;clear:right; margin-bottom:28px; position:relative;}
#footer-bar {background:url(../img/container-btm.png) top no-repeat; height: 18px; margin:0 auto 20px; width: 942px;}

/* ------------------------------------- */
/* --- Fonts style ------------------- */
/* ------------------------------------- */

h1,h2,h3,h4 {text-transform:uppercase;margin:0; color:#008693; line-height:140%; }
h1 {font-size:29px;}
h2 {font-size:22px;}
h3 {font-size:20px;}
q {padding:10px 100px 10px 20px; font-size:14px; line-height:150%; font-weight:bold; display:block;}
div.moari {color:#4a8490; font-size:13px;line-height:100%; font-weight:normal}
h2.adventure-stories { background:url(../img/title-adventure-stories-side.png) no-repeat; height:45px;text-indent:-9999px; }
.bubble-c h3 {font-size:14px; color:#565c56; text-transform:uppercase;}
h3.what-you-think { background:url(../img/title-what-do-you-think.png) no-repeat; height:39px; text-indent:-9999px;}
h1.how-we-get-it-on {background:url(../img/title-how-we-get-it-on2.png) no-repeat; height:72px; text-indent:-9999px;}
h3.grey { font-size:16px;color:#606760; text-transform:uppercase;}
h4.support-title {font-size:11px; line-height:120%; font-weight:normal;margin:0;padding:0; padding-bottom:10px; border-bottom:1px solid #dfdfdf}
h4.support-title span { text-transform:none}
.indent {margin-left:-26px;margin-bottom:8px;}
p.story {font-size:14px;}
p.name span{text-transform:uppercase;}
p.name { margin:7px 0; padding:2px 0; position:relative}
p.name2 {padding:2px 0 0 40px;margin-bottom:-3px; height:25px; background:transparent url(../img/speech_bubble.gif) no-repeat 0 0 }
p.name2 span{text-transform:uppercase; font-weight:bold;}
span.tags{text-transform:none!important; color:#999999; position:absolute; right:0}
	

/* ------------------------------------- */
/* --- Header -------------------------- */
/* ------------------------------------- */
.header { padding:0 49px; z-index: 9999;}
.supporting {float: right; margin: 0 0 30px;}
	.supporting a {display:block;width:100px; text-indent: -9999px;overflow:hidden;}
	.supporting ul { display:inline; width:382px;  padding:0; right:0; top:-5px; margin:0;}
	.supporting ul li {display:inline;  height:10px; float:left; overflow:hidden; }
	.supporting .latestnews a { background:url(../img/btns-support-nav.png) no-repeat; text-indent: -9999px;  width:131px;}
	.supporting .latestnews a:hover { background-position: 0px -10px }
	.supporting .sexpert a { background:url(../img/btns-support-nav.png) -131px 0px no-repeat; text-indent: -9999px;  width:121px;}
	.supporting .sexpert a:hover { background-position: -131px -10px }
	.supporting .textalert a { background:url(../img/btns-support-nav.png) -252px 0px no-repeat; text-indent: -9999px; width:130px; }
	.supporting .textalert a:hover { background-position: -252px -10px }
	.supporting .search-box { margin-top:12px;}
	.supporting #cse-search-box .search-field {border: 1px solid #dadada; width:210px;}
	.supporting #cse-search-box .search-btn { margin-top:2px; margin-left:2px; margin-bottom:-2px;}
	#nav-sub ul{display:none;}
	#nav-sub .parent-here a {color:#606760;} 
	.logo {height: 120px; width: 177px; float: left; margin: 14px 0 20px;}
		.logo a {background: url(../img/logo.png) no-repeat 0 0; height: 120px; width: 177px; text-indent: -9999px; display: block;}

	.mainnav {float: right; clear: right;}
	.mainnav ul#navigation { width: 592px; margin: 0 0 10px; padding-left: 0; overflow: hidden;} 
	.mainnav #navigation li {margin-left: 0;list-style: none; float: left;}
	.mainnav #navigation img {float:left;}
	.mainnav #navigation a {width:145px; display:block; height:48px; color: #4c8592; font-size: 19px; text-transform: uppercase; background: url(../img/bg-nav-tile.png); text-indent: -9999px;}
	
	.mainnav #navigation li.nav-1 {}
	.mainnav #navigation li.nav-1 a {background-position: 0 0; width: 146px;}
	.mainnav #navigation li.nav-1 a:hover {background-position: 0 -70px;}
	.mainnav #navigation li.nav-1 a.selected {background-position: 0 -138px;}
	.mainnav #navigation li.nav-2 {}
	.mainnav #navigation li.nav-2 a {background-position: -147px 0; width: 157px;}
	.mainnav #navigation li.nav-2 a:hover {background-position: -147px -70px;}
	.mainnav #navigation li.nav-2 a.selected {background-position: -147px -138px;}
	.mainnav #navigation li.nav-3 {}
	.mainnav #navigation li.nav-3 a {background-position: -304px 0; width: 154px;}
	.mainnav #navigation li.nav-3 a:hover {background-position: -304px -70px;}
	.mainnav #navigation li.nav-3 a.selected {background-position: -304px -138px;}
	.mainnav #navigation li.nav-4 {}
	.mainnav #navigation li.nav-4 a {background-position: -457px 0; width: 135px;}
	.mainnav #navigation li.nav-4 a:hover {background-position: -457px -70px;}
	.mainnav #navigation li.nav-4 a.selected {background-position: -457px -138px;}
		
	#subnav {margin: 0px 0px 20px; padding: 0px;}
	#subnav li {color: #e7e7e7; display: inline; list-style: none;}
	#subnav a {display: inline;}
	#subnav a:hover {color: #4fadcd;}
	#subnav a.selected {color: #606760;}
	#subnav strong {color: #696969; text-transform: uppercase;}
		
.sub {padding-bottom:0px; position:absolute; right:50px; top:150px; z-index:99; width:650px; }
	.sub ul {margin: 0;padding-left: 0;padding-top:14px;padding-bottom:13px;  } 
	.sub ul li {margin: 0;list-style: none;display: inline;padding:0;padding-right:25px; }	
	.sub a {display:inline; font-size:14px; }
	.sub li.here a {color:#606760; }
	
	#infonav {margin: 10px 49px 20px;}
	#infonav.with-sub {background: url(../img/bg-subnav-tile.png) no-repeat 0 -108px;}
	#infonav ul#infonav-top {height: 54px; width: 664px; margin: 0px; padding: 0px;}
		#infonav ul#infonav-top li {float: left; list-style: none; margin: 0px; padding: 0px;}
		#infonav ul#infonav-top li a {background: url(../img/bg-subnav-tile.png) no-repeat 0 0; display: block; height: 54px; text-indent: -9999px;}
		#infonav ul#infonav-top li.nav-1 {width: 144px;}
		#infonav ul#infonav-top li.nav-1 a {background-position: 0 0;}
		#infonav ul#infonav-top li.nav-1 a:hover {background-position: 0 -54px;}
		#infonav ul#infonav-top li.nav-1 a.selected {background-position: 0 -108px;}
		#infonav ul#infonav-top li.nav-2 {width: 74px;}
		#infonav ul#infonav-top li.nav-2 a {background-position: -144px 0;}
		#infonav ul#infonav-top li.nav-2 a:hover {background-position: -144px -54px;}
		#infonav ul#infonav-top li.nav-2 a.selected {background-position: -144px -108px;}
		#infonav ul#infonav-top li.nav-3 {width: 129px;}
		#infonav ul#infonav-top li.nav-3 a {background-position: -218px 0;}
		#infonav ul#infonav-top li.nav-3 a:hover {background-position: -218px -54px;}
		#infonav ul#infonav-top li.nav-3 a.selected {background-position: -218px -108px;}
		#infonav ul#infonav-top li.nav-4 {width: 161px;}
		#infonav ul#infonav-top li.nav-4 a {background-position: -347px 0;}
		#infonav ul#infonav-top li.nav-4 a:hover {background-position: -347px -54px;}
		#infonav ul#infonav-top li.nav-4 a.selected {background-position: -347px -108px;}
		#infonav ul#infonav-top li.nav-5 {width: 156px}
		#infonav ul#infonav-top li.nav-5 a {background-position: -508px 0;}
		#infonav ul#infonav-top li.nav-5 a:hover {background-position: -508px -54px;}
		#infonav ul#infonav-top li.nav-5 a.selected {background-position: -508px -108px;}
	#infonav #infonav-btm {height: 24px; margin: 0px; padding: 6px 24px 0px;}
		#infonav #infonav-btm ul {margin: 0px; padding: 0px; overflow: hidden;}
			#infonav #infonav-btm ul li {list-style: none; margin: 0 20px 0 0; padding: 0px; display: block; color: #727272; width: auto; float: left;}

/* ------------------------------------- */
/* --- Home -------------------------- */
/* ------------------------------------- */
a.more, span.more  {background:url(../img/btns-global.png) 0px -678px no-repeat; padding-left:11px; color:#118e9b;cursor:pointer;}
a.home-more {position:absolute;left:533px;margin-top:0px; width:107px; height:28px; background:url(../img/btns-global.png) 0px 0px no-repeat; text-indent: -9999px;}
a:hover.home-more {background:url(../img/btns-global.png) 0px -40px no-repeat;}
	.ad-story {border:2px solid #ebebec;padding:10px; background:#fff; -moz-border-radius: 7px; -webkit-border-radius: 7px; margin-right:18px; margin-top:25px; margin-bottom:8px; width:167px; float:left; font-weight:bold; display:inline}
	.ad-story p {margin:0;}
	a.more {background:url(../img/btns-global.png) 0px -678px no-repeat; padding-left:11px; }
	a:hover.more {background:url(../img/btns-global.png) 0px -758px no-repeat; padding-left:11px;}
	.ad-stories-title {position:absolute; z-index:94; left:0px; top:-5px; }
	.bubble-lrg a.btn-plus {position:absolute; right:18px; background:url(../img/btns-global.png) 0px -75px no-repeat; top:7px; width:162px; height:28px; font-weight:bold;text-indent: -9999px;} 
		.bubble-lrg a:hover.btn-plus {background:url(../img/btns-global.png) 0px -115px no-repeat;} 
		.feature p, .bubble-lrg p { margin-bottom:7px;}

.placeholder-banner {margin: 0 0 15px;} /* remove me once flash is implemented */

#tweet-row {clear: both;}
	#tweet-row .col-2 {padding-top: 10px;}
.tweetie { background:url(../img/ticker-twitter-bkgd.png) no-repeat; height:40px; position:relative; padding-left:180px; padding-top:4px; padding-right:10px; margin-top:10px; font-size:12px;}
	.tweetie p {margin:0;}
	.tweetie a:hover {color:#4eadcd;}
	.tweetie .bird {position:absolute; z-index:96; top:-18px;left:-15px;}
	.tweetie .joinus {position:absolute; z-index:93; top:5px;right:0px;}
	.tweetie.expanded {padding-right:140px; margin-top:30px; margin-bottom:10px; clear: both;}
.feature {margin-bottom:50px;}
	.feature {width:258px; float:left; margin-right:34px;}
	.feature h2 {width:256px; height:50px; text-indent: -9999px;}
	.feature.get-involved {clear: both;}
	.feature.get-involved h2 {background: url(../img/title-get-involved.png) 0px 12px no-repeat;}
	.feature.get-involved h3 {font-size:12px; text-transform:uppercase; margin-top:12px; line-height:110%; color: #637a5e;}
	.feature h2.title-free-condoms {background: url(../img/title-free-condoms-large.png) 0px 12px no-repeat;}
	.feature h2.title-quiz {background: url(../img/title-sex-quiz-large.png) 0px 12px no-repeat;}
	.feature .sp-full { background-position: right; width:256px; height:105px; border:1px solid #dfdfdf;}
.logos {background-color:#f6f6f6;  padding:10px;}
	.logos .image {display:table-cell; padding: 0px 0px 0px 0px; float:left; position:relative }
	.logos .col-at {display:table-cell; float:left; position:relative; width:300px;padding-right:12px;padding-top:18px; }
	.logos .col-with {display:table-cell; float:left; position:relative; width:495px;padding-left:12px;padding-top:18px; border-left:1px solid #d7d7d7 }
	.logos div, .logos img { vertical-align:middle;}
	.logos img {margin-left: 12px; }
	.logos .logo-titles {position:absolute; z-index:99; top: 0px;}
	
#home-content-container {overflow: hidden; background: url(../img/bg-home-content-box2.png) 50% 100%; margin: 0 0 20px;}

.latest-news {width: 406px; float: left; margin: 0;}
	.latest-news .header-row {background: url(../img/bg-home-content-box.png) no-repeat 0 0; height: 61px; width: 406px;}
		.latest-news .header-row h2 {display: block; float: left; width: 229px; height: 61px; text-indent: -9999px;}
		.latest-news .header-row a {display: block; float: right; width: 118px; height: 18px; margin: 20px 38px 0 0; text-indent: -9999px; background: url(../img/bg-home-content-box.png) no-repeat -1624px 0px;}
	.latest-news .body-row {background: url(../img/bg-home-content-box.png) repeat-y -812px 0; padding: 5px 40px;}
	    .latest-news .body-row h3 {color: #008998; text-transform: none; font-size: 16px; margin: 0}
			.latest-news .body-row h3 a {color: inherit;}
	    .latest-news .body-row p {margin: 0 0 10px;}
		.latest-news .body-row a.responses {color: #008998; display: inline-block; background: url(../img/bg-home-content-box.png) no-repeat -1746px 1px; font-weight: bold; padding: 0 0 0 13px;}
			.latest-news .body-row a.responses span {color: #7b7b7b;}
	.latest-news .footer-row { height: 29px; width: 406px;}
	
.spill-your-beans {width: 406px; float: right; margin: 0;}
	.spill-your-beans .header-row {background: url(../img/bg-home-content-box.png) no-repeat -406px 0; height: 61px; width: 406px;}
		.spill-your-beans .header-row h2 {display: block; float: left; width: 229px; height: 61px; text-indent: -9999px;}
		.spill-your-beans .header-row a {display: block; float: right; width: 112px; height: 18px; margin: 20px 43px 0 0; text-indent: -9999px; background: url(../img/bg-home-content-box.png) no-repeat -1624px -18px;}
	.spill-your-beans .body-row {background: url(../img/bg-home-content-box.png) repeat-y -812px 0; padding: 5px 40px;}
	    .spill-your-beans .body-row h3 {color: #7a6691; text-transform: none; font-size: 16px; margin: 0}
			.spill-your-beans .body-row h3 a {color: inherit;}
	    .spill-your-beans .body-row p {margin: 0 0 10px;}
		.spill-your-beans .body-row a.responses {color: #7a6691; display: inline-block; background: url(../img/bg-home-content-box.png) no-repeat -1746px -31px; font-weight: bold; padding: 0 0 0 13px;}
			.spill-your-beans .body-row a.responses span {color: #7b7b7b;}
	.spill-your-beans .footer-row { height: 29px; width: 406px;}

/* ------------------------------------- */
/* --- Footer -------------------------- */
/* ------------------------------------- */
.footer {border-top:1px solid #dfdfdf; padding:0;  padding-top:20px; padding-bottom:30px; margin-top:20px; margin-left:0px; margin-right:0px; }
.logo-footer {float:left;margin-right:40px;}
.extlinks h4, .getinvolved h4 { text-transform:uppercase; color:#9e9e9e; font-weight:bold ; margin:8px 0;}
.extlinks {float:left; padding-right:20px;margin-right:20px; border-right:1px solid #dfdfdf; }
	.extlinks ul { margin:0; margin-top: 10px; padding:0 }
	.extlinks ul li { padding: 0px; margin:0;  list-style: none;display: inline; }
	.extlinks ul li a {margin-right: 10px;}
.getinvolved {float:left; padding-right:20px;margin-right:20px; }
	.getinvolved ul, .btm-nav ul { margin-top: 10px; padding:0}
	.getinvolved ul li, .btm-nav ul li { height:20px; list-style: none;display: inline; background:url(../img/nav-divider.png) no-repeat right;}
	.getinvolved ul li a {margin-right: 20px; font-size:11px; height:20px;}
	.getinvolved .last, .btm-nav .last {background:none}
.btm-nav {float:left; margin-left:122px; padding-right:20px;margin-right:20px; }
	.btm-nav ul li a {margin-right: 20px; font-size:12px; height:20px;}

/* ------------------------------------- */
/* --- Campaign ---------------------- */
/* ------------------------------------- */
.ct-left {float:left;width:298px;margin-right:20px;padding-right:20px; margin-top:30px; border-right:1px solid #e6e6e6;}
.ct-right {float:left;width:298px;margin-right:0; margin-top:30px;padding-right:0px;}
.quote {display:inline; margin-left:22px; font-size:11px; color:#828282}
.campaign-overview {}
.hiv-panel {border:1px solid #cbe3e7; padding:20px 20px 20px 20px ;}
	.hiv-panel h3 {background:url(../img/positive-tips-pointer.png) no-repeat; margin:0; padding-left:146px; font-size:16px; height:25px; line-height:120%}
	.hiv-panel ul {margin-bottom:0;}
	.c-feature {width:305px;margin-right:30px; float:left;}
	.c-intro {width:305px;float:left;}

/* ------------------------------------- */
/* --- Panels -------------------------- */
/* ------------------------------------- */
.btn-feedback, .share-page {margin-bottom:28px;}
.feature-image { background:url(../img/shadow-large.png) bottom no-repeat; padding-bottom:4px; }
	.feature-image img {border: 1px solid #e6e6e6; border-bottom:none}
.share-page {text-indent: -9999px; }
	.share-page a {background:url(../img/btns-global.png) 0px -160px no-repeat; display:block; width:165px; height:31px; } 
	.share-page a:hover {background:url(../img/btns-global.png) 0px -200px no-repeat;} 
.feature.side {margin-bottom:40px; float:none; width:160px;}
	.feature.side h2 {width:163px; height:45px; text-indent: -9999px;}
	.feature.side p {margin-top:0}
	.feature.side .sp-full  { background-position: right; width:163px; height:105px; border:1px solid #dfdfdf; }
	.feature.side h2.title-get-involved {background: url(../img/title-get-involved-small.png) 0px 7px no-repeat;}
	.feature.side h2.title-free-condoms {background: url(../img/title-free-condoms-small.png) 0px 7px no-repeat;}
	.feature.side h2.title-quiz {background: url(../img/title-sex-quiz-small.png) 0px 7px no-repeat;}
	.feature.side h2.title-ask-an-expert { background:url(../img/title-ask-an-expert.png) 0px 7px no-repeat;}
	.feature.side h2.title-book-fastest { background:url(../img/title-book-fastest.png) 0px 7px no-repeat;}
	.feature a {font-weight: bold; color: #008998;}
.bubble-lrg {padding:20px 20px 0px 20px; background:url(../img/curves-large-top.png) no-repeat; margin-top:32px; position:relative; }
	.bubble-lrg-close {background:url(../img/curves-large-btm.png) bottom no-repeat; height:14px;margin-bottom:32px;}
.bubble-a { background:url(../img/curves-small-top.png);  position:relative; padding:10px; }
	.bubble-a h4 {margin: 0px 0px 5px; padding: 0px;}
	.bubble-a h4 a {background: url(../img/title-adventure-stories-side2.png) no-repeat 0 0; height: 76px; width: 131px; display: block; text-indent: -9999px;}
	.bubble-a div.paragraph {margin: 0 0 5px;}
	.bubble-a div.paragraph p {display: inline;}
	.bubble-a-close {background:url(../img/curves-small-btm.png) bottom; height:10px;}
	.bubble-share2 {background: url(../img/bg-button-tile.png) 0 100%; margin: 0 0 40px; padding: 5px 8px;}
	.bubble-share2 a#tell-us-your-story {margin: 0px; padding: 0px; display: block;}
	.bubble-share {background:url(../img/curves-share.png) bottom;  margin-bottom:40px; }
		.bubble-share a {text-indent:-9999px; height:46px; display:block;}
.bubble-b { margin-top:32px; position:relative; }
	.bubble-b-content { padding:10px; padding-bottom:0px; position:relative; background:url(../img/curves-white-small-btm.png) no-repeat bottom #fff ; }
	.bubble-b-content p {padding:0;margin-top:0;}
.bubble-c { position:relative; margin-bottom:32px; }
	.bubble-c ul {margin:0; padding:0; list-style:none;  border-bottom:none}
		.bubble-c li {border-bottom:1px solid #dfdfdf}
		.bubble-c li a {margin:0; padding:7px 2px; text-transform:uppercase; font-weight:bold; display:block; border:none}
		.bubble-c li.here a {color:#606760; background:#f2f9f9}
		.bubble-c li.here ul a {background:#fff}
		.bubble-c .sub-level-1 {background:white;border:none}
		.bubble-c .sub-level-1 a {background:white;border-top:1px solid #eee;padding-left:10px; font-size:11px; line-height:100%}		
		.bubble-c li a:hover {color:#4eadcd}	

.cloud-top {background:url(../img/cloud-top.png) no-repeat; height:73px; text-indent:-9999px;} 
.cloud-bottom {background:url(../img/cloud-bottom.png) bottom no-repeat; padding: 5px 25px 25px 25px;} 

/* ------------------------------------- */
/* --- Sections ------------------------ */
/* ------------------------------------- */

/*-- Quiz --*/
#quiz { background: #f2f4f3; margin-top: 20px; padding:20px; }
	#quiz .number { margin: 0; color: #585858; font-size: 12px; /* 12px */ }
	#quiz .title { margin: 10px 0 20px 0; color: #585858; font-size: 21px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 130%; }
	#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: 13px; line-height: 150%; }
	#quiz p a { color: #000; }
	#quiz span.msg { color: #000; display: block; }
	#quiz p.score { color: #000; margin: 20px 0; }
/*-- Condom --*/
.condom-banner {width:103px;float:left;margin-top:20px;}
.condom-feature {width:536px;float:left;margin-top: 20px;}
/*-- Story --*/
.story-search {position:absolute;right:0; background:url(../img/curves-search.png) no-repeat; width:224px;padding:13px;}
.story-field {width:155px; border:1px solid #dadada}
.story-btn {position:absolute;border:none;margin-top:-6px; margin-left:4px;}
.story-rss {float:right;height:20px;margin-top:-20px;background:url(../img/icon-rss.png) no-repeat;padding-left:20px; line-height:130%; display:block;}
.story-rss-item {position:absolute;right:0;height:20px;margin-top:6px;background:url(../img/icon-rss.png) no-repeat;padding-left:20px; line-height:130%; display:block;}

/* ------------------------------------- */
/* --- Items --------------------------- */
/* ------------------------------------- */

.col-1 .overview {font-size:16px; font-weight:bold; line-height:140%; margin:25px 0;}
.col-1 ul.links li { list-style:none; list-style-image:url(../img/blue-arrow.gif); }
.col-1 ul li { list-style:disc;}
.col-1 ol li { list-style:decimal;}
.col-1 ul, .col-1 ol {padding:0 18px; list-style: none; }

/* ------------------------------------- */
/* --- Forms --------------------------- */
/* ------------------------------------- */
div.form-container { margin: 10px; padding: 5px; background-color: #FFF; border: #EEE 1px solid; }
div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }
p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; }
.form-title {background:url(../img/bg-dotted.gif) bottom repeat-x; font-size:17px; line-height:24px; }
.form-req {position:absolute; right:30px; font-size:11px; color:#787664}
.standard-form form#entryform {background: transparent;}
.standard-form p { margin: 10px 0; }
.standard-form div {clear:both; }



.standard-form p.note-field { margin-left: 220px; padding: 3px 0; font-size: 11px; color: #b9b7a9; }
.standard-form p.note-label { margin-left: 9px; padding: 3px 0; font-size: 11px; color: #b9b7a9; }
.standard-form fieldset {  padding: 0; border: none }
.standard-form legend { font-weight: bold; color: #666;font-size:14px }
.standard-form fieldset div { padding: 0.25em 0; }
.standard-form label.radio {font-size:11px;}

.standard-form label, 
.standard-form span.label {font-size:11px; line-height:16px; color:#787664; padding-top:4px;margin-right: 10px; padding-right: 10px; width: 200px; display: block;float: left; position: relative;  }
.standard-form label.error, 
.standard-form span.error { color:#C00; }
.standard-form label em, 
.standard-form span.label em { padding-left:2px;position: absolute;  font-size: 14px; font-style: normal; }
.standard-form .helper a {font-size:11px;}
.standard-form input, .standard-form select {font-size:11px;}

.standard-form input.error, 
.standard-form textarea.error { border-color: #C00!Important; background-color: #FEF!Important; color: #C00; }
.standard-form input,.standard-form textarea,.standard-form select  {border: 1px solid #dadada; padding:2px;}
.standard-form input.requiredOther { width: 70px; margin-top: 4px; float:left;  }



.standard-form select { color:#666666; }
.standard-form select.error { border-color: #C00; background-color: #FEF; color: #C00; }

.standard-form textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px }
.standard-form input:focus,
.standard-form input.error:focus, 
.standard-form select:focus,
.standard-form select.error:focus, 
.standard-form textarea:focus, 
.standard-form textarea.error:focus { background-color: #fff; border-color: #8d8d8d; color: #000; }

.standard-form select:focus,
.standard-form select.error:focus { color: #666666; }
.standard-form div.controlset label, 
.standard-form div.controlset input { display: inline; float: none; }
.standard-form div.controlset div { margin-left: 170px; }
.standard-form div.buttonrow { margin-left: 180px; }
.standard-form .comment {margin: 6px 0 }
.standard-form .f420 { width:440px }
.standard-form .f220 { width:220px }
.standard-form .f170 { width:170px }
.standard-form .f150 { width:150px }
.standard-form .f135 { width:135px }
.standard-form .f70 { width:70px }
.standard-form .f50 { width:50px }
.standard-form .f40 { width:40px }
.standard-form .full-width {width:60%}
.standard-form .total-full-width {width:100%}
.standard-form .submit {padding:0;border:0;margin:0 5px;}
.standard-form .other { font-size: 11px; }
.standard-form .you-think-submit { float:right; margin-top:-10px; border:0;}
.standard-form .expert-thanks { float:left; margin-top:17px; border:0;}
.standard-form .involved-submit {position:absolute; z-index:94; margin-left:180px; border:none; background: url() no-repeat 0 0; width: 47px; height: 25px;}
.standard-form .involved-submit-side {margin-top:5px;margin-left:-7px; border:none;}
.standard-form form {}
	label.check-label{float:left; display:inline; width:auto}
	label.error{float:left; display:online; width:auto; margin-left:15px;}
	div.form-group{		float:left; margin-right:20px; display:inline; clear:none; width:160px;	}
.standard-form input{float:left;}
/* ---- Support forms ---- */
.col-2 .bubble-b-content label {width:136px; margin:0; padding-left:0; padding-right:0; font-size:12px; }
/* ---- Feedback - old?  ---- */
.feedback { margin:5px 0 15px; width: 445px; }
	.feedback td label { float: none; width: auto; }
	.feedback th { text-align: right; padding: 2px 0; border-right: 1px dashed #d0d0d0; }
	.feedback th label { width: 190px; }
	.feedback td { width: 50px; padding: 2px 5px; text-align: center; border-right: 1px dashed #d0d0d0; }
	.feedback .first th, .feedback .first td { border: 0; font-size: 11px; color: #787664; }
	.feedback label { width: 190px; margin-right: 5px; font-size: 11px; font-weight: normal; color: #787664; }
	.feedback .textarea { margin-left: 200px; }

/* ------------------------------------- */
/* --- Misc ---------------------------- */
/* ------------------------------------- */

.clear {clear: both; }
.container .last {margin-right:0px;padding-right:0}
.divider-small { background:url(../img/double-lines.png) repeat-x 0 16px; height:40px;}
.divider-large { background:url(../img/double-lines.png) repeat-x 0 26px; height:60px;}
/* google cse search */
#cse-search-results iframe {width: 840px;height: 1000px;} 
span.acronym {border-bottom:1px dotted #969d96;}
.error {float:left;}
.expert-nzaf {padding:3px 10px;background:#fbf4dd;margin-top:4px;}
.expert-other {padding:3px 10px;background:#fff;margin-top:4px;}
.banner {margin-bottom:30px;}
.question {padding: 0 0 15px; margin: 0 0 15px; border-bottom: 1px solid #dfdfdf;}
.question .comments {display: none;}



/* ------------------------------------- */
/* --- Blog ---------------------------- */
/* ------------------------------------- */

.container p.goss-link {margin: 0 0 20px 0; padding: 0 0 8px 0; border-bottom: 1px solid #dde0e0; overflow: hidden;}
.container p.goss-link2 {margin: 0; padding: 0; overflow: hidden;}
.container p.goss-link .syb-back-to-syb, .container p.goss-link2 .syb-back-to-syb {float: left;}
.container p.goss-link .back-to-top, .container p.goss-link2 .back-to-top {float: right;}
.intro-para {margin: 7px 0 23px; border-bottom: 1px solid #dde0e0; padding: 0 0 11px;}
.read-more {display: inline-block; width: 115px; height: 33px; background:url(../img/bg-button-tile.png) no-repeat 0 -81px; text-indent: -9999px; left: -3px; position: relative;}
.read-more:hover {background-position: 0 -118px;}
.post-data p {display: inline-block; background: url(../img/bg_blogdetail_condom.png) no-repeat 0 0; height: 29px; font-style: italic; margin: 0px 0px 8px;}
.post-data span {display: inline-block; background: url(../img/bg_blogdetail_condom.png) no-repeat 100% 100%; height: 23px; padding: 6px 16px 0px 12px;}
.post-data span span {font-style: normal; color: #008592; display: inline; background: none; height: auto; padding: 0px;}
#blog-posts {margin: 0px; padding: 0px;}
	#blog-posts li {list-style: none; margin: 0px 0px 26px; padding: 0px; overflow-y: hidden;}
	#blog-posts h2 {color: #4b8591; text-transform: none; margin: 0px 0px 2px;}
	#blog-posts p {margin: 0px 0px 12px;}
	#blog-posts .has-img p {margin: 6px 0px 12px;}
.blog-image {margin: 0px 25px 20px 0px; border: 1px solid #e0dedf; float: left;}

.view-img-facebook-top, .view-img-facebook-bottom {background: #fef4dd url(../img/icon_facebook.png) no-repeat 16px 50%; border: 1px solid #e0e0e0; padding: 7px 37px; clear: both; margin: 0 0 14px;}
.view-img-facebook-top {margin: 24px 0 0;}
.view-img-facebook-bottom {margin: 0 0 30px;}
.view-img-facebook-top a, .view-img-facebook-bottom a {font-weight: bold;}
#page-gallery {padding: 0px; overflow: hidden; margin-bottom: 0px;}
#page-gallery li {float: left; clear: both; list-style: none; margin: 0px; width: 301px; margin: 0 18px 14px 0;}
#page-gallery a {display: inline-block; width: auto; border: 1px solid #e0e0e0; line-height: 0px;}
#page-gallery a:hover img {opacity: 0.8; filter: alpha(opacity = 80);}
#page-gallery .odd {clear: none; margin: 0 0 14px;}

.h3-categories {background: url(../img/blog-links-headers.png) no-repeat 0 0; width:127px; height:30px; display: block; text-indent: -9999px; margin: 0 0 3px;}
.h3-get-involved {background: url(../img/blog-links-headers.png) no-repeat 0 -30px; width:149px; height:30px; display: block; text-indent: -9999px;}
.h3-sex-quiz {background: url(../img/blog-links-headers.png) no-repeat 0 -60px; width:119px; height:37px; display: block; text-indent: -9999px;}
.share-this-page {background: url(../img/blog-links-headers.png) no-repeat 0 -97px; width:163px; height:29px; display: block; text-indent: -9999px; border: 1px solid #e0e0e0;}
.give-us-feedback {background: url(../img/blog-links-headers.png) no-repeat 0 -126px; width:163px; height:40px; display: block; text-indent: -9999px;}
.older-news-posts {background: url(../img/bg-button-tile.png) no-repeat 0 -31px; display: inline-block; margin: 0 12px 0 0; width: 104px; height: 12px; text-indent: -9999px;}
.older-news-posts:hover {background-position: -128px -31px;}
.newer-news-posts {background: url(../img/bg-button-tile.png) no-repeat 0 -60px; display: inline-block; margin: 0 12px 0 0; width: 109px; height: 12px; text-indent: -9999px;}
.newer-news-posts:hover {background-position: -130px -60px; }
.back-to-top {background: url(../img/bg-button-tile.png) no-repeat 0 0; display: inline-block; width: 101px; height: 11px; text-indent: -9999px;}
.back-to-top:hover {background-position: -127px 0}

.btn-like {background: url(../img/blog-comment-buttons.png) no-repeat 0 0; height:21px; width:34px; display: block; text-indent: -9999px;}
.btn-reply {background: url(../img/blog-comment-buttons.png) no-repeat 0 -21px; height:21px; width:42px; display: block; text-indent: -9999px;}
.btn-disqus {background: url(../img/blog-comment-buttons.png) no-repeat 0 -42px; height:21px; width:89px; display: inline-block; text-indent: -9999px;}
.btn-facebook {background: url(../img/blog-comment-buttons.png) no-repeat 0 -63px; height:21px; width:89px; display: inline-block; text-indent: -9999px;}
.btn-twitter {background: url(../img/blog-comment-buttons.png) no-repeat 0 -84px; height:21px; width:89px; display: inline-block; text-indent: -9999px;}
.btn-disqus2 {background: url(../img/blog-comment-buttons.png) no-repeat 0 -105px; height:16px; width:59px; display: inline-block; text-indent: -9999px; float: right;}
.btn-comments {background: url(../img/blog-comment-buttons.png) no-repeat 0 -121px; height:17px; width:66px; display: inline-block; text-indent: -9999px; float: right;}
.btn-post-as-guest {background: url(../img/blog-comment-buttons.png) no-repeat 0 -138px; height:28px; width:98px; display: block; text-indent: -9999px; border: 0px; clear: both; float: right;}
.btn-post {background: url(../img/blog-comment-buttons.png) no-repeat 0 -272px; height:28px; width:45px; display: block; text-indent: -9999px; border: 0px; clear: both; float: right;}
.btn-post-as-guest:hover, .btn-post:hover {cursor: pointer;}
.btn-back-to-goss {background: url(../img/bg-button-tile.png) no-repeat 0 -254px; height:26px; width:254px; display: block; text-indent: -9999px;}
.btn-back-to-goss:hover {background-position: 0 -286px;}
.btn-subscribe-by-email {background: url(../img/blog-comment-buttons.png) no-repeat 0 -200px; display: inline-block; padding: 0 0 0 15px; margin: 0; color: #ff8b00; text-decoration: underline;}
.btn-subscribe-by-rss {background: url(../img/blog-comment-buttons.png) no-repeat 0 -225px; display: inline-block; padding: 0 0 0 15px; margin: 0 0 0 15px; color: #ff8b00; text-decoration: underline;}

#blog-nav {overflow: hidden; border-top: 1px solid #bfbfbe; padding: 10px 0 0;}
	#blog-nav .older-news-posts {float: left;}
	#blog-nav .back-to-top {float: right;}
	
#dsq-content #dsq-new-post {margin: 30px 0 0;}
#dsq-comments-title h3, #dsq-content h3 {color: #000; font-weight: bold; font-size: 14px; text-transform: none; margin: 10px 0 0;}
.dsq-dc-logo {display: none;}

#article-page {width: 620px; padding: 0 20px 0 0;}
#article-question {color: #7a6691; font-size: 18px; border-bottom: 1px solid #dfdfdf; text-transform: none; margin: 0 0 16px;}
#article-content {overflow: hidden;}
#article-content p {padding: 0; line-height: 17px; color: #666666;}
#article-content ul, #article-content ol {padding: 0 18px 1em; line-height: 17px; margin: 0px; color: #666666;}
#article-content h4 {text-transform: none; margin: 0 0 3px;}
#article-content #syb-featured-image {float: right; margin: 0 0 0 25px;}

/* ------------------------------------- */
/* --- CUFON DIN ----------------------- */
/* ------------------------------------- */

.cufon-din {text-transform: none;}
h1.cufon-din {font-size: 29px; margin: 0 0 8px;}

/* ------------------------------------- */
/* --- Spill Your Beans ---------------- */
/* ------------------------------------- */



#tooltip {display:none; background:#7a6692; font-size:12px; width:160px; padding:15px; color:#FFF; border: 1px solid #7a6692; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} 

#syb-nav-row {clear: both; margin: 0 0 10px;}
	#syb-nav-row p {float: left; display: inline-block; padding: 10px 0px 0px; margin-top: 0px;}
		#syb-nav-row span {color: #7a6691; margin-top: 0px;}
#syb-header {background: #7a6692 url(../img/bg-syb-header.png) no-repeat 0 0; color: #f8f4fc ; padding: 18px 177px 18px 239px; font-size: 14px; margin: 0 0 20px 0;}
	#syb-header a {background: #a18cba; font-weight: bold; text-transform: uppercase; color: #FFF; padding: 0 6px;}
	#syb-header a:hover {background: none;}
#syb-left-col {width: 366px; float: left; margin: 0 0 20px;}
	#syb-left-col h3 {font-size: 18px; text-transform: none; padding: 0px; margin: 0 0 6px;}
	#syb-left-col p {margin: 0 0 9px; padding: 0px; color: #707b73; line-height: 17px;}
	#syb-left-col #syb-featured-image {margin: 0 0 9px;}
	#syb-left-col .last-months-winner {font-style: italic; font-size: 11px; background: url(../img/bg-syp-nav-btns.png) no-repeat 0 0; padding: 3px 0 1px 18px; margin: 0 0 4px; display: inline-block; color: #008693;}
	#syb-left-col .last-months-winner:hover {cursor: default;} 
	#syb-left-col .more {margin-top: 11px;}
	
#prize-details {}
	#prize-details h2 {}
	#prize-details p {font-size: 14px; margin: 0 0 20px; text-transform: uppercase;}
	#prize-details span {border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; display: block;}
	#prize-details img {}
	#prize-details .tell-us-your-story { margin-bottom: 15px;}
	
#syb-right-col {width: 436px; float: right; margin: 0 0 20px; overflow: hidden;}
	#syb-right-col .title-detail {overflow: hidden; border-bottom: 1px solid #dfdfdf; margin: 12px 0 20px; padding: 0 0 1px;}
		#syb-right-col .title-detail h2 {text-transform: none; color: #7a6691; font-size: 18px; display: inline;}
		#syb-right-col .title-detail span {color: #7c7c7c; font-size: 12px; font-style: italic; display: inline-block; padding: 8px 0 0; float: right;}
	#syb-right-col .back-to-top {float: right; margin: 36px 3px 0 0;}
	#syb-story-list {overflow: hidden; margin: 0px; padding: 0px;}
		#syb-story-list li {width: 200px; float: left; list-style: none; margin: 0 0 20px; padding: 0px; clear: both;}
		#syb-story-list li.odd {float: right; clear: none;}
			#syb-story-list h4 {text-transform: none; font-size: 14px; margin: 0 0 4px; line-height: 16px;}
			#syb-story-list .paragraph {padding: 0px; margin: 0 0 1px;}
				#syb-story-list .paragraph p {display: inline; color: #707b73; font-size: 12px; line-height: 17px;}
			#syb-story-list a.more {font-size: 11px; background-position: 0 -759px;}
	.syb-cat-nav-header {color: #7a6691; margin: 0 0 7px; display: block;}
	#syb-category-nav-bar {background: #fdf9ee; padding: 5px 14px; overflow: hidden; margin: 0 0 18px;}
		#syb-category-nav-bar ul {display: inline; margin: 0px; padding: 0px;}
			#syb-category-nav-bar li {display: inline;}
				#syb-category-nav-bar a {font-weight: bold;}
				#syb-category-nav-bar a.selected {color: #707b73;}
				#syb-category-nav-bar span {color: #b6b5b5; display: inline-block; padding: 0 10px;}
	#syb-pagination {background: #fdf9ee; padding: 5px 14px; overflow: hidden;}
		#syb-pagination a {font-weight: bold; float: left;}
		#syb-pagination a.newer {background: url(../img/bg-syp-nav-btns.png) no-repeat 100% -78px; padding: 0 14px 0 0;}
		#syb-pagination a.older {background: url(../img/bg-syp-nav-btns.png) no-repeat 0 -44px; padding: 0 0 0 14px;}
		#syb-pagination span.show-line {float: left; padding: 0 16px; color: #d5d5d4;}
		#syb-pagination span.page-number {float: right;}

	#syb-back-to-syb, .syb-back-to-syb {display: block; width: 154px; height: 26px; text-indent: -9999px; background: url(../img/bg-button-tile.png) no-repeat 0 -175px; margin: 6px 0 15px;}
	#syb-back-to-syb:hover, .syb-back-to-syb:hover {background-position: 0 -206px;}
	#syb-submit-page {}
		#syb-submit-page.col-1 {width: 550px; margin: 0px;}
		#syb-submit-page-sidebar.col-2 {width: 260px; float: right; padding: 59px 0 0;}
			#syb-submit-page-sidebar.col-2 ul {margin: 0px; padding: 0px;}
				#syb-submit-page-sidebar.col-2 li {background: url(../img/bg-syp-nav-btns.png) no-repeat 2px -263px; list-style: none; padding: 0 0 0 19px; margin: 0 0 5px;}
		#syb-submit-page h1 {text-transform: none; color: #7a6691; font-size: 18px; border-bottom: 1px solid #dfdfdf;}
		#syb-submit-page form {}
			#syb-submit-page form label {font-size: 12px; color: #7a6691; font-weight: bold; display: block; padding: 0 0 6px 4px; margin: 22px 0 0;}
				#syb-submit-page form label span {color: #828282; font-weight: normal; font-style: italic;}
			#syb-submit-page form input {border: 1px solid #dfdfdf; line-height: 24px; padding: 2px; margin: 0 0 2px;}
			#syb-submit-page form input#title-story {width: 360px;}
			#syb-submit-page form input#your-name {width: 253px;}
			#syb-submit-page form select {margin: 5px 0 4px;}
			#syb-submit-page form fieldset {border: 0px; padding: 0px; margin: 0px;}
			#syb-submit-page form input.error {border-color: #C00; background-color: #FEF; color: #C00;}
			#syb-submit-page form textarea.error {border-color: #C00; background-color: #FEF; color: #C00;}
			#syb-submit-page form label.error {color: #C00; display: block; margin: 0px; float: none !important; clear: both !important; padding: 0 0 0 4px; height: 0px;}
			#syb-submit-page form textarea {border: 1px solid #dfdfdf; width: 547px; height: 248px; margin: 0 0 2px;}
			#syb-submit-page form input#agree-with-tc {display: inline-block;}
			#syb-submit-page form label#agree-with-tc-label {display: inline-block; width: auto; color: #767676; font-style: italic; font-weight: normal; width: 460px;}
			
		#syb-submit-page form input#btn-submit-story {background: url(../img/bg-button-tile.png) no-repeat 0 -432px; width: 82px; height: 34px; text-indent: -9999px; clear: both; border: 0px; margin: 17px 0 40px;}
		#syb-submit-page form input#btn-submit-story:hover {background-position: 0 -471px; cursor: pointer;}
		
		a#tell-us-your-story, a.tell-us-your-story {background: url(../img/bg-button-tile.png) no-repeat 0 -339px; width: 148px; height: 34px; border: 0px; margin: 21px 0 40px; text-indent: -9999px; display: inline-block;}
		a#tell-us-your-story:hover, a.tell-us-your-story:hover {background-position: 0 -378px}
		
	.form-note {background: #fbf4dd; color: #5c5c5c; font-size: 14px; margin: 11px 0 10px; padding: 9px 14px 0; line-height: 135%;}
		.form-note p {padding: 0 0 9px; margin: 0px;}
			.form-note strong {font-weight: bold; text-transform: uppercase; color: #007e8b;}
	.form-note-thanks {background: #fbf4dd; color: #5c5c5c; font-size: 14px; margin: 11px 0 28px; padding: 9px 14px; line-height: 135%; border: 1px solid #e0e0e0; font-weight: bold;}
	
	.syb-form-left {width: 370px; float: left; clear: both; margin: 0 0 20px !important;}	
	.syb-form-right {width: 150px; float: right;}
	
	.syb-form-left2 {width: 259px; float: left; clear: both; margin: 0 0 20px !important;}	
	.syb-form-right2 {width: 258px; float: right;}
	
	.clear {clear: both;}
	
	#t-c-container {margin: 10px 0 0;}
		#t-c-container label#agree-with-tc-label {margin: 0px;}
		#t-c-container input {margin: 0px; float: left;}
	
	h3#h3-helpful-writing-tips {background: url(../img/bg-syp-nav-btns.png) no-repeat 0 -129px; width: 241px; height: 29px; text-indent: -9999px; margin: 0 0 15px;}
	h3#h3-example-story {background: url(../img/bg-syp-nav-btns.png) no-repeat 0 -161px; width: 171px; height: 29px; text-indent: -9999px; margin: 30px 0 7px;}
	
	.example-story {}
		.example-story img {line-height: 0px;border: 1px solid #dfdfdf;}
		.example-story:hover img {opacity: 0.8;}
		
	#syb-dropdown-portal {margin-top: 7px; list-style: none; float: right; width: 434px; display: inline-block; position: relative;}
		#syb-dropdown-portal ul {padding: 0px; overflow: hidden;}
			#syb-dropdown-portal li {float: none; height: 25px; width: auto; display: block;}
				#syb-dropdown-portal span {background: url(../img/bg-syb-month-portal.png) no-repeat 0 0; float: none; width: auto; display: block; line-height: 23px; padding: 1px 32px 1px 10px; color: #5a5c5b;}
				#syb-dropdown-portal li:hover span, #syb-dropdown-portal li.iehover span {background-position: 0 100%;}
				#syb-dropdown-portal a {display: block; text-decoration: none; line-height: 23px; z-index: 999999;}
				#syb-dropdown-portal a:hover {background: #fefcf4;}
				#syb-dropdown-portal li ul {display: none; border: 1px solid #c2c2c2; border-top: 0px;}
					#syb-dropdown-portal ul li {background: #FFF; padding: 0px; height: 23px;}
						#syb-dropdown-portal ul li a {padding: 1px 32px 1px 10px; height: 23px; text-indent: 0px; width: auto;}
					#syb-dropdown-portal li:hover ul, #syb-dropdown-portal li.iehover ul {display: block;}
					
	#syb-article-right-col {margin: 74px 0 0 0;}

/* ------------------------------------- */
/* --- Home Slider --------------------- */
/* ------------------------------------- */

	#home-slider {overflow: hidden; width: 841px; height: 315px; margin: 0 0 20px;}
	
		#home-slider #hs-nav {background: url(../img/bg-slider-nav.png) no-repeat 0 100%; list-style: none; margin: 0px; padding: 12px 18px 0; overflow: hidden; width: 188px; float: right; margin: 0 0 9px; height: 22px; position: relative; top: -50px;}
			#home-slider #hs-nav li {width: 11px; height: 11px; float: left; margin: 0 0 0 11px;}
				#home-slider #hs-nav li a {background: url(../img/bg-slider-nav.png) no-repeat -97px 0; width: 11px; height: 11px; text-indent: -9999px; display: block;}
				#home-slider #hs-nav li a:hover,
				#home-slider #hs-nav li a.selected {background-position: -86px 0px}
				
			#home-slider #hs-nav li.disabled {opacity: 0.6;}
				
			#home-slider #hs-nav li.hs-previous {background: none; width: 56px; height: 10px; padding: 0 12px 0 0; margin: 0 12px 0 0; border-right: 1px solid #d2d2d2;}
				#home-slider #hs-nav li.hs-previous a,
				#home-slider #hs-nav li.hs-previous.disabled a:hover {background-position: 0 0; width: 56px; height: 10px; cursor: default;}
				#home-slider #hs-nav li.hs-previous a:hover {background-position: 0 -10px; cursor: pointer;}
				
			#home-slider #hs-nav li.hs-next {width: 30px; height: 10px; margin: 0 11px 0 0;}
				#home-slider #hs-nav li.hs-next a,
				#home-slider #hs-nav li.hs-next.disabled a:hover {background-position: -56px 0; width: 30px; height: 10px; cursor: default;}
				#home-slider #hs-nav li.hs-next a:hover {background-position: -56px -10px; cursor: pointer;}
			
		#home-slider #hs-slider {list-style: none; margin: 0px; padding: 0px; overflow: hidden; width: 841px; height: 315px; clear: both;}
			#home-slider #hs-slider li {width: 841px; float: left;}

/* ------------------------------------- */
/* --- Lightbox ------------------------ */
/* ------------------------------------- */

div.light_rounded .pp_top .pp_left{background: url(../img/prettyPhoto/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;}
div.light_rounded .pp_top .pp_middle{background:#fff;}
div.light_rounded .pp_top .pp_right{background: url(../img/prettyPhoto/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;}
div.light_rounded .pp_content .ppt{color:#000;}
div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right{background:#fff;}
div.light_rounded .pp_content{background-color:#fff;}
div.light_rounded .pp_next:hover{background: url(../img/prettyPhoto/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor: pointer;}
div.light_rounded .pp_previous:hover{background: url(../img/prettyPhoto/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor: pointer;}
div.light_rounded .pp_expand{background: url(../img/prettyPhoto/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor: pointer;}
div.light_rounded .pp_expand:hover{background: url(../img/prettyPhoto/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor: pointer;}
div.light_rounded .pp_contract{background: url(../img/prettyPhoto/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor: pointer;}
div.light_rounded .pp_contract:hover{background: url(../img/prettyPhoto/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor: pointer;}
div.light_rounded .pp_close{width:75px;height:22px;background: url(../img/prettyPhoto/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer;}
div.light_rounded #pp_full_res .pp_inline{color:#000;}
div.light_rounded .pp_arrow_previous{background: url(../img/prettyPhoto/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;}
div.light_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}
div.light_rounded .pp_arrow_next{background: url(../img/prettyPhoto/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;}
div.light_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}
div.light_rounded .pp_bottom .pp_left{background: url(../img/prettyPhoto/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;}
div.light_rounded .pp_bottom .pp_middle{background:#fff;}
div.light_rounded .pp_bottom .pp_right{background: url(../img/prettyPhoto/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;}
div.light_rounded .pp_loaderIcon{background: url(../img/prettyPhoto/prettyPhoto/light_rounded/loader.gif) center center no-repeat;}

div.dark_rounded .pp_top .pp_left{background: url(../img/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;}
div.dark_rounded .pp_top .pp_middle{background: url(../img/prettyPhoto/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}
div.dark_rounded .pp_top .pp_right{background: url(../img/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;}
div.dark_rounded .pp_content_container .pp_left{background: url(../img/prettyPhoto/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;}
div.dark_rounded .pp_content_container .pp_right{background: url(../img/prettyPhoto/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;}
div.dark_rounded .pp_content{background: url(../img/prettyPhoto/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}
div.dark_rounded .pp_next:hover{background: url(../img/prettyPhoto/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor: pointer;}
div.dark_rounded .pp_previous:hover{background: url(../img/prettyPhoto/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor: pointer;}
div.dark_rounded .pp_expand{background: url(../img/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor: pointer;}
div.dark_rounded .pp_expand:hover{background: url(../img/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor: pointer;}
div.dark_rounded .pp_contract{background: url(../img/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor: pointer;}
div.dark_rounded .pp_contract:hover{background: url(../img/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor: pointer;}
div.dark_rounded .pp_close{width:75px;height:22px;background: url(../img/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer;}
div.dark_rounded .currentTextHolder{color:#c4c4c4;}
div.dark_rounded .pp_description{color:#fff;}
div.dark_rounded #pp_full_res .pp_inline{color:#fff;}
div.dark_rounded .pp_arrow_previous{background: url(../img/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;}
div.dark_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}
div.dark_rounded .pp_arrow_next{background: url(../img/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;}
div.dark_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}
div.dark_rounded .pp_bottom .pp_left{background: url(../img/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;}
div.dark_rounded .pp_bottom .pp_middle{background: url(../img/prettyPhoto/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}
div.dark_rounded .pp_bottom .pp_right{background: url(../img/prettyPhoto/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;}
div.dark_rounded .pp_loaderIcon{background: url(../img/prettyPhoto/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;}

div.dark_square .pp_left ,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background: url(../img/prettyPhoto/prettyPhoto/dark_square/contentPattern.png) top left repeat;}
div.dark_square .currentTextHolder{color:#c4c4c4;}
div.dark_square .pp_description{color:#fff;}
div.dark_square .pp_loaderIcon{background: url(../img/prettyPhoto/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;}
div.dark_square .pp_content_container .pp_left{background: url(../img/prettyPhoto/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;}
div.dark_square .pp_content_container .pp_right{background: url(../img/prettyPhoto/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;}
div.dark_square .pp_expand{background: url(../img/prettyPhoto/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor: pointer;}
div.dark_square .pp_expand:hover{background: url(../img/prettyPhoto/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor: pointer;}
div.dark_square .pp_contract{background: url(../img/prettyPhoto/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor: pointer;}
div.dark_square .pp_contract:hover{background: url(../img/prettyPhoto/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor: pointer;}
div.dark_square .pp_close{width:75px;height:22px;background: url(../img/prettyPhoto/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}
div.dark_square #pp_full_res .pp_inline{color:#fff;}div.dark_square .pp_arrow_previous{background: url(../img/prettyPhoto/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;}
div.dark_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}
div.dark_square .pp_arrow_next{background: url(../img/prettyPhoto/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;}
div.dark_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}
div.dark_square .pp_next:hover{background: url(../img/prettyPhoto/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor: pointer;}
div.dark_square .pp_previous:hover{background: url(../img/prettyPhoto/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor: pointer;}

div.light_square .pp_left ,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content{background:#fff;}
div.light_square .pp_content .ppt{color:#000;}
div.light_square .pp_expand{background: url(../img/prettyPhoto/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor: pointer;}
div.light_square .pp_expand:hover{background: url(../img/prettyPhoto/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor: pointer;}
div.light_square .pp_contract{background: url(../img/prettyPhoto/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor: pointer;}
div.light_square .pp_contract:hover{background: url(../img/prettyPhoto/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor: pointer;}
div.light_square .pp_close{width:75px;height:22px;background: url(../img/prettyPhoto/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}
div.light_square #pp_full_res .pp_inline{color:#000;}div.light_square .pp_arrow_previous{background: url(../img/prettyPhoto/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;}
div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}
div.light_square .pp_arrow_next{background: url(../img/prettyPhoto/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;}
div.light_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}
div.light_square .pp_next:hover{background: url(../img/prettyPhoto/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor: pointer;}
div.light_square .pp_previous:hover{background: url(../img/prettyPhoto/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor: pointer;}

div.facebook .pp_top .pp_left{background: url(../img/prettyPhoto/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;}
div.facebook .pp_top .pp_middle{background: url(../img/prettyPhoto/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;}
div.facebook .pp_top .pp_right{background: url(../img/prettyPhoto/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;}
div.facebook .pp_content .ppt{color:#000;}
div.facebook .pp_content_container .pp_left{background: url(../img/prettyPhoto/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;}
div.facebook .pp_content_container .pp_right{background: url(../img/prettyPhoto/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;}
div.facebook .pp_content{background:#fff;}
div.facebook .pp_expand{background: url(../img/prettyPhoto/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor: pointer;}
div.facebook .pp_expand:hover{background: url(../img/prettyPhoto/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor: pointer;}
div.facebook .pp_contract{background: url(../img/prettyPhoto/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor: pointer;}
div.facebook .pp_contract:hover{background: url(../img/prettyPhoto/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor: pointer;}
div.facebook .pp_close{width:22px;height:22px;background: url(../img/prettyPhoto/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor: pointer;}
div.facebook #pp_full_res .pp_inline{color:#000;}
div.facebook .pp_loaderIcon{background: url(../img/prettyPhoto/prettyPhoto/facebook/loader.gif) center center no-repeat;}
div.facebook .pp_nav .pp_arrow_previous{background: url(../img/prettyPhoto/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px;}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default;}
div.facebook .pp_nav .pp_arrow_next{background: url(../img/prettyPhoto/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px;}
div.facebook .pp_arrow_next.disabled{background-position: -32px -96px;cursor:default;}
div.facebook .pp_nav{margin-top:0;}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px;}
div.facebook .pp_next:hover{background: url(../img/prettyPhoto/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor: pointer;}
div.facebook .pp_previous:hover{background: url(../img/prettyPhoto/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor: pointer;}
div.facebook .pp_bottom .pp_left{background: url(../img/prettyPhoto/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;}
div.facebook .pp_bottom .pp_middle{background: url(../img/prettyPhoto/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;}
div.facebook .pp_bottom .pp_right{background: url(../img/prettyPhoto/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;}

div.pp_pic_holder a:focus{outline:none;}
div.pp_overlay{background:#000;display: none;left:0;position:absolute;top:0;width:100%;z-index:9500;}
div.pp_pic_holder{display: none;position:absolute;width:100px;z-index:10000;}
.pp_top{height:20px;position: relative;}
* html .pp_top{padding:0 20px;}.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px;}
.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px;}
* html .pp_top .pp_middle{left:0;position: static;}
.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}
.pp_content{height:40px;}.pp_content .ppt{left:auto;margin-bottom:5px;position: relative;top:auto;}
.pp_fade{display: none;}.pp_content_container{position: relative;text-align: left;width:100%;}
.pp_content_container .pp_left{padding-left:20px;}.pp_content_container .pp_right{padding-right:20px;}
.pp_content_container .pp_details{margin:10px 0 2px 0;}
.pp_description{display: none;margin:0 0 5px 0;}
.pp_nav{clear: left;float: left;margin:3px 0 0 0;}
.pp_nav p{float: left;margin:2px 4px;}
.pp_nav a.pp_arrow_previous,.pp_nav a.pp_arrow_next{display:block;float: left;height:15px;margin-top:3px;overflow: hidden;text-indent: -10000px;width:14px;}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;}
a.pp_next{background: url(../img/prettyPhoto/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: right;height:100%;text-indent: -10000px;width:49%;}
a.pp_previous{background: url(../img/prettyPhoto/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: left;height:100%;text-indent: -10000px;width:49%;}
a.pp_expand,a.pp_contract{cursor: pointer;display: none;height:20px;position:absolute;right:30px;text-indent: -10000px;top:10px;width:20px;z-index:20000;}
a.pp_close{display:block;float: right;text-indent: -10000px;}.pp_bottom{height:20px;position: relative;}
* html .pp_bottom{padding:0 20px;}.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;}
.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;}
* html .pp_bottom .pp_middle{left:0;position: static;}.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}
.pp_loaderIcon{display:block;height:24px;left:50%;margin: -12px 0 0 -12px;position:absolute;top:50%;width:24px;}
#pp_full_res{line-height:1 !important;}
#pp_full_res .pp_inline{text-align: left;}
#pp_full_res .pp_inline p{margin:0 0 15px 0;}
div.ppt{color:#fff;display: none;font-size:17px;left:0;position:absolute;top:0;z-index:9999;}
.clearfix:after{content: ".";display:block;height:0;clear:both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}