
/* ///////////////////////////////////////
///                                    ///
///      Design & Development          ///
///      Inorbital.com                 ///
///                                    ///
/////////////////////////////////////// */

/* GENERAL
--------------------------------*/

html {
	width:100%;
	padding:0;
	margin:0;
}

body {
	margin:0;
	padding:0;
	font:11px/17px Arial, Helvetica, sans-serif;
	color:#3d3d3d;
	text-align:center;
	min-width:960px;
}

.headerBackground {
	background:url(images/header-background.gif) #3d3d3d repeat-x;
	overflow:hidden;
}

.pageTitle {
	font-size:x-large;
}

a, a:visited, a:hover {
	color:#00a6c9;
	text-decoration:none;
}

img {
	border:none;	
}

a:hover {
	text-decoration:underline;
}

h1 {
	font:normal 29px Arial, Helvetica, sans-serif;
	color:#000000;
	margin:0 0 20px 0;
}

h2 {
	font-size:17px;
}

/* CONSTRUCTION
--------------------------------*/

.wrapper {
	width:960px;
	margin:0 auto;
	text-align:left;
}

.header {
	float:left;
	width:960px;
	position:relative;
	height:255px;
	margin:0 auto;
	background:url(images/logo-prostate-cancer-canada.gif) no-repeat 15px 30px;
	z-index:50000;
}

.pccnHeader {
	background:url(images/logo-pccn.gif) no-repeat 15px 30px;
}

.leftColumn {
	clear:both;
	float:left;
	width:210px;
	margin-bottom:20px;
}

.middleColumn {
	display:inline;
	float:left;
	width:520px;
	margin:0 0 20px 10px;
	padding-top:20px;
	background:url(images/content-top.gif) no-repeat;
}

.middleColumnIn {
	min-height:600px;
	padding:0 30px 45px 30px;
	background:url(images/content-bottom.gif) no-repeat #ffffff left bottom;
}

* html .middleColumnIn {
	height: 600px; /* ie6 hack for min-height */
}

.rightColumn {
	float:right;
	width:210px;
	margin-bottom:20px;
}

/* NEW 2 COLUMN CONSTRUCTION
--------------------------------*/

.newLeftColumn {
	clear:both;
	float:left;
	width:210px;
	margin-bottom:20px;
}

.newMiddleColumn {
	display:inline;
	float:left;
	width:740px;
	margin:0 0 20px 10px;
	padding-top:20px;
	background:url(images/new-main-col-back.gif) #ffffff no-repeat;
}

.newMiddleColumnIn {
	min-height:600px;
	padding:0 30px 45px 30px;
	background:url(images/new-main-col-bottom.gif) no-repeat left bottom;
}

/* LANDING PAGE
--------------------------------*/

body.landingPage {
	background:url(images/landing-background.gif) #5f5f5f repeat-x;
}

.landingPage .wrapper {
	width:750px;
}

.landingPage .header {
	float:left;
	width:750px;
	height:369px;
	background:url(images/landing-logo.jpg) no-repeat 50% 35px;
}

.landingPage .topMenu {
	float:left;
	width:750px;
}

.landingPage .newsList {
	clear:both;
	width:500px;
	margin:20px auto 0 auto;
	text-align:left;
}

.landingPage .newsList h1 {
	display:block;
	text-align:center;
	color:#63d0f3;
	font-size:25px;
	background:url(images/blue-line.gif) repeat-x bottom left;
}

.landingPage .landingNewsBlock {
	float:left;
	width:230px;
	padding:0 10px;
}

.landingPage .landingNewsTitle, .landingPage .landingNewsTitle:visited, .landingPage .landingNewsTitle:hover {
	display:block;
	color:#ffffff;
	font-weight:bold;
	line-height:14px;
	margin-bottom:5px;
}

.landingPage .landingNewsText {
	color:#ffffff;
	line-height:14px;
}

/* NEW 01 LANDING PAGE
--------------------------------*/

.videoGuide {
	position:relative;
	float:left;
	width:960px;
}

.pccLandingVideo {
	position:absolute;
	top:20px;
	left:0;
	width:650px;
	height:250px;
	background:url(images/videoBack.jpg) no-repeat;
	z-index:10000;
}

.videoPosition {
	float:right;
	margin:10px 10px 0 0;	
}

.new01Banner01 {
	position:relative;
	clear:both;
	float:left;
	width:650px;
	height:250px;
	margin:20px 0 0 0;
	background:url(images/landing-banner-back.gif) no-repeat;
}

.new01Banner02 {
	float:right;
	width:300px;
	height:250px;
	margin:20px 0 0 0;
}

.new01Banner03 {
	clear:both;
	float:left;
	width:660px;
	height:320px;
	margin:20px 0 25px 0;
}

#pccnBody .new01Banner03 {
	height:150px;
}

.new01Mini01, .new01Mini02, .new01Mini03, .new01Mini04, .new01Mini05, .new01Mini06 {
	float:left;
	margin:0 10px 10px 0;
}

.new01Banner04 {
	float:right;
	width:250px;
	height:285px;
	margin:20px 0 20px 0;
	padding:40px 0 0 50px;
	color:#fff;
	line-height:12px;
	background:url(images/landing-title-see-us.gif) 50px 20px no-repeat;
}

.new01sm {
	display:inline-block;
	margin:30px 32px 0 0;	
}

.new01Share {
	display:block;
	margin-top:15px;
}

.new01Partners {
	display:block;
	margin-top:20px;
}

/* PCCN LANDING PAGE */

#pccnBody .new01Banner02 {
	width:280px;
	margin-left:20px;	
}

#pccnBody .new01Banner02 h2 {
	color:#fff;	
	margin-bottom:20px;
}

#pccnBody .pccnLandingNewsTitle {
	font-weight:bold;	
}

#pccnBody .newsItem {
	color:#fff;
	margin-bottom:15px;	
}

/* OTHER
--------------------------------*/

.banner {
	border:0;
	margin-bottom:10px;
}

.frame {
	padding:4px;
	border:1px solid #cccccc;
}

.bigText {
	font:16px/23px Arial, Helvetica, sans-serif;
}

.clickable {
	cursor:pointer;
}

.searchField input {
	border:1px solid #d3d3d3;
	font-size:14px;
	padding:5px;
	width:145px;
}

.searchButton {
	margin-top:10px;
}

.ourSponsors {
	display:block;
	margin-top:20px;
}

.newsItem {
	line-height:14px;
}

.Date {
	font-weight:bold;
}

.logoLink {
	position:absolute;
	top:30px;
	left:10px;
}

.boardMemberLogin {
	float:right;
	border:none;
	margin:-58px 0 0 0;
}

/* NEWSLETTER SUBSCRIPTION
--------------------------------*/

.subscribeBlock {
	line-height:14px;
}

/*
.Subscription {
	margin-top:15px;
}
*/

.SubscriptionTextbox {
	border:1px solid #d3d3d3;
	font-size:11px;
	padding:3px;
	width:145px;
}

#ctl00_NewsletterSubscription1_btnImageSubmit {
	width:78px;
	height:29px;
	margin-top:15px;
}

/* PAGINATION
--------------------------------*/

.PagerControl {
	margin:10px 0;
	padding:5px 10px;
	border:1px solid #F0F0F0;
}

.SelectedPage {
	font-weight:bold;
}

.UnselectedPage, .UnselectedPage:hover, .UnselectedPage:visited {
	padding:1px 5px;
	background-color:#00A6C9;
	color:#ffffff;
}

/* HEADER LINKS
--------------------------------*/

.topMenu {
	float:right;
	width:960px;
	margin:0;
	padding:0;
	list-style:none;
}

.topMenu li {
	float:right;
	margin-left:3px;
	padding-right:20px;
	background:url(images/top-menu-right.gif) no-repeat right top;
}

.topMenu a, .topMenu a:visited, .topMenu a:hover {
	display:block;
	padding:6px 0 6px 20px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background:url(images/top-menu-left.gif) no-repeat;
}

/* MAIN MENU - PCC
--------------------------------*/

.mainCMSMenu {
	table-layout:fixed;
	cursor:pointer;
}

/* landing page position */

#CMSMenu1_table {
	display:inline;
	float:left;
	margin:195px 0 0 80px;
}

/* content page position */

#ctl00_CMSMenu1_table, #CMSRepeater1_ctl00_ctl00_MainMenu1_CMSMenu1_table, #ctl00_CMSRepeater1_ctl00_ctl00_MainMenu1_CMSMenu1_table {
	display:inline;
	float:left;
	margin:85px 0 0 330px;
}

/* main level */

.mainCMSMenuItem, .mainCMSMenuItemMouseUp, .mainCMSMenuItemMouseOver, .mainCMSMenuItemMouseDown, .mainCMSMenuHighlightedMenuItem, .mainCMSMenuHighlightedMenuItemMouseUp, .mainCMSMenuHighlightedMenuItemMouseOver, .mainCMSMenuHighlightedMenuItemMouseDown {
	width:100px;
}

/* submenu 2 */

.submenu2CMSMenu {
	cursor:pointer;
	color:#ffffff;
	border:2px solid #6cc9e7;
	background-color:#10a3d2;
	line-height:12px;
	padding:5px 7px;
}

.submenu2CMSMenuItem, .submenu2CMSMenuItemMouseUp, .submenu2CMSMenuItemMouseOver, .submenu2CMSMenuItemMouseDown, {
	padding:5px 10px;
	width:150px;
}

.submenu2CMSMenuItemMouseOver, .submenu2CMSMenuHighlightedMenuItemMouseOver {
	background-color:#1594bd;
}

.submenu2CMSMenuHighlightedMenuItem, .submenu2CMSMenuHighlightedMenuItemMouseUp, .submenu2CMSMenuHighlightedMenuItemMouseOver, .submenu2CMSMenuHighlightedMenuItemMouseDown {
	font-weight:bold;
	padding:5px 10px;
}












/* MAIN MENU - PCCN
--------------------------------*/

/* Top Level */

.Horizontal {
	position:absolute;
	top:80px;
	right:0;
	width:700px;
}

.Horizontal a:hover {
	text-decoration:underline;
	cursor:pointer;
}

.Horizontal ul {
	float:right;
	list-style-image:none;
	margin:0;
	padding:0;
}

.Horizontal ul li {
	position:relative;
	display:inline;
	float:left;
	margin:0;
	padding:0;
}

.Horizontal ul li a, .Horizontal ul li a:visited, .Horizontal ul li a:hover, .Horizontal ul li span {
	display:block;
	width:104px;
	height:114px;
	text-align:left;
	margin:0;
	padding:0;
	outline:none;
	cursor:pointer;
	text-indent:-9999px;
}

.PCCNmmProstate {
	background:url(images/pccn-icon-prostate.gif) no-repeat;
}

.PCCNmmSupport {
	background:url(images/pccn-icon-support.gif) no-repeat;
}

.PCCNmmAbout {
	background:url(images/pccn-icon-about.gif) no-repeat;
}

.PCCNmmNews {
	background:url(images/pccn-icon-news.gif) no-repeat;
}

.PCCNmmResources {
	background:url(images/pccn-icon-resources.gif) no-repeat;
}

/* Second Level */

.Horizontal ul ul {
	position:absolute;
	background-color:#10A3D2;
	border:2px solid #6CC9E7;
	z-index:500;
	padding:5px 7px;
	margin:0;
	top:114px;
	left:0;
}

.Horizontal ul ul li {
	clear:left;
	display:block;
	position:relative;
	padding:0;
	margin:0;
	text-align:left;
}

.Horizontal ul ul li a:link, .Horizontal ul ul li a:visited, .Horizontal ul ul li a:hover, .Horizontal ul ul li span {
	display:block;
	position:relative;
	text-align:left;
	text-decoration:none;
	padding:2px 5px;
	margin:0;
	color:#fff;
	width:150px;
	height:auto;
	text-indent:0;
}

.Horizontal ul ul li span {
	font-weight:bold;	
}

.Horizontal ul ul li a:hover, .Horizontal ul ul li span:hover {
	text-decoration:none;
	background-color:#1594bd;
}

.Horizontal UL UL UL {
	left:100%;
	margin-left:0;
	top:-1px;
}

.Horizontal UL UL {
	DISPLAY: none;
}

.Horizontal UL LI:hover UL UL {
	DISPLAY: none;
}

.Horizontal UL UL LI:hover UL UL {
	DISPLAY: none;
}

.Horizontal UL LI:hover UL {
	DISPLAY: block;
}

.Horizontal UL UL LI:hover UL {
	DISPLAY: block;
}

.Horizontal UL UL UL LI:hover UL {
	DISPLAY: block
}

.CMSListMenuLinkHighlighted {}

.Horizontal ul ul li.CMSListMenuLIlast {
	background-image:none;
}

.Horizontal ul ul li a.CMSListMenuLinkHighlighted, .Horizontal ul ul li a.CMSListMenuLinkHighlighted:visited, .Horizontal ul ul li a.CMSListMenuLinkHighlighted:hover {
	font-weight:bold;
}










/* CONTENT BLOCK WINDOW
--------------------------------*/

.blockOut {
	padding-top:10px;
	background:url(images/content-small-top.gif) no-repeat;
}

.blockIn {
	padding:10px 25px 35px 25px;
	margin-bottom: 10px;
	background:url(images/content-small-bottom.gif) no-repeat #ffffff left bottom;
}

.blockTitle {
	font:bold 17px Arial, Helvetica, sans-serif;
	color:#000000;
	margin-bottom:25px;
}

.blockContent {
	font-size:11px;
	line-height:14px;
}

p.smallNewsTitle {
	font-weight:bold;
	color:#00a6c9;
	margin-bottom:-10px;
}

.oneNews {
	margin-bottom:15px;
}

.moreInfo a, .moreInfo a:visited {
	font-weight:bold;
	margin-top:15px;
	text-decoration:underline;
}

.moreInfo a:hover {
	text-decoration:none;
}

/* NEW CONTENT BLOCK WINDOW
--------------------------------*/

.newBlockOut {
	padding-top:10px;
	background:url(images/new-left-col-back.gif) #ffffff no-repeat;
}

.newBlockIn {
	padding:10px 25px 35px 25px;
	margin-bottom: 10px;
	background:url(images/content-small-bottom.gif) no-repeat left bottom;
}

/* CITIES LIST
--------------------------------*/

ul.cities {
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
}

ul.cities li {
	font-size:18px;
	padding:5px 0 5px 15px;
	background:url(images/fd-big-arrow.gif) no-repeat 0 10px;
}

/* FOOTER
--------------------------------*/

.footerOut {
	clear:both;
	margin-top:20px;
	background:url(images/footer-back-line.gif) repeat-x #5f5f5f;
	height:180px;
}

.footerIn {
	width:960px;
	margin:0 auto;
	color:#ffffff;
	text-align:left;
}

.c1 {
	display:inline;
	float:left;
	text-align:left;
	width:180px;
	height:140px;
	margin:20px 0 0 0;
	background:url(images/footer-logo.gif) no-repeat 0 27px;
}

.c2 {
	display:inline;
	float:left;
	width:290px;
	height:100px;
	margin:65px 0 0 20px;
}

.c3 {
	display:inline;
	float:left;
	width:220px;
	height:100px;
	margin:65px 0 0 50px;
}

.c4 {
	display:inline;
	float:left;
	width:160px;
	height:100px;
	margin:65px 0 0 25px;
}

.footerIn p {
	margin:0 0 15px 0;
	line-height:14px;
}

.footerIn a, .footerIn a:visited, .footerIn a:hover {
	color:#00cff6;
}

/* NEW 01 FOOTER
--------------------------------*/

.new01FooterOut {
	clear:both;
	background:url(images/new01-footer-background.gif) #494949 repeat-x;
	height:290px;
	border-top:2px solid #6d6d6d;
}

.new01FooterIn {
	position:relative;
	width:960px;
	margin:0 auto;
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-align:left;
}

.new01FooterIn a, .new01FooterIn a:visited, .new01FooterIn a:hover {
	color:#00cff6;
	text-decoration:none;
}

.new01FooterIn a:hover {
	text-decoration:underline;	
}

.new01c1 {
	position:absolute;
	width:180px;
	top:30px;
	left:20px;
	padding-top:30px;
	background:url(images/footer-title-twitter.gif) no-repeat;
}

.new01BtnTwitter {
	display:block;
	width:93px;
	height:21px;
	text-indent:-9999px;
	margin-top:15px;
	background:url(images/footer-follow-us.gif) no-repeat;
}

.new01c2 {
	position:absolute;
	width:190px;
	top:30px;
	left:235px;
	padding-top:30px;
	background:url(images/footer-title-quick-links.gif) no-repeat;
}

.new01FooterList {
	list-style:none;
	margin:0;
	padding:0;
}

.new01FooterList li {
	margin:0;
	padding:0 0 4px 14px;
	background:url(images/footer-bullet.gif) 0 5px no-repeat;
}

.new01c3 {
	position:absolute;
	width:190px;
	top:30px;
	left:450px;
	padding-top:30px;
	background:url(images/footer-title-information.gif) no-repeat;
}

.new01FooterTextBox01, .new01FooterTextBox02 {
	border:none;
	background:url(images/footer-text-box.gif) no-repeat;
	font:normal 11px/11px Arial, Helvetica, sans-serif;
	color:#565656;
	padding:9px 10px 6px;
	width:150px;
	margin:10px 0 0 0;
}

.new01FooterTextBox02 {
	margin-top:5px;	
}

.new01BtnAddMe {
	display:block;
	width:77px;
	height:29px;
	text-indent:-9999px;
	border:none;
	margin-top:7px;
	cursor:pointer;
	background:url(images/footer-btn-add-me.gif) no-repeat;
}

.new01BtnAddMe:hover {
	background-position:top right;
}

.new01c4 {
	position:absolute;
	width:200px;
	top:30px;
	left:720px;
	padding-top:30px;
	background:url(images/footer-title-contact.gif) no-repeat;
}

.new01c5 {
	position:absolute;
	width:960px;
	top:225px;
	left:0;
	text-align:center;
	padding-top:15px;
	border-top:1px solid #727272;
}

/* LOGIN MENU
-------------------------------------*/

/***** clearfix *****/

.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* sliding panel */

#panel {
	position: absolute;
	top:0;
	left:50%;
	width:224px;
	height:87px;
	margin-top:-49px;
	margin-left:99px;
	overflow: visible;
	z-index:60000;
	background:url(images/tab-search.png) no-repeat;
}

#panel .panelForms {
	padding:10px 0 0 0;
}

#formBlueroom {
	width:610px;
	margin:0 auto;
	overflow:hidden;
	padding-left:390px;
	background:url(images/login-message.gif) 38px 17px no-repeat;
}

.panelField {
	display:block;
	float:left;
	margin:0;
	padding-left:15px;
}

.panelField span {
	display:block;
	float:left;	
	color:#fff;
	font-size:11px;
	margin-left:10px;
}

.panelField .textbox {
	display:block;
	clear:left;
	float:left;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#999;
	padding:10px 10px 8px;
	width:135px;
	margin-top:3px;
	background:url(images/login-text-block.gif) no-repeat;
	border:none;
}

.panelButton {
	display:block;
	float:left;	
	margin:17px 0 0 15px;
}

#panel .formButton {
	display:block;
	position:absolute;
	top:15px;
	left:157px;
	width:56px;
	height:29px;
	border:none;
	cursor:pointer;
	text-indent:-9999px;
	background:url(images/button-search.gif) no-repeat;
}

#panel .formButton:hover {
	background-position:top right;	
}

#panel .textField {
	position:absolute;
	top:18px;
	left:20px;
	background:none;
	border:none;
	width:117px;
	padding:5px 0 5px 0;
	font-size:11px;
}

#panel a.close {
	display:block;
	float:left;
	width:41px;
	height:17px;
	text-indent:9999px;
	overflow:hidden;
	margin:25px 0 0 30px;
	cursor:pointer;
	background:url(images/close-button.gif) 0 0 no-repeat;
}

#panel a.close:hover {
	background-position:0 -17px;	
}

.panelRemember {
	position:absolute;
	top:70px;
	left:410px;
	width:140px;
	color:#fff;
}

.panelRecovery {
	position:absolute;
	top:72px;
	left:587px;
	width:140px;
	color:#fff;
}

.panelRecovery a, .panelRecovery a:visited, .panelRecovery a:hover {
	color:#fff;	
}

.panelFailure {
	position:absolute;
	width:120px;
	top:73px;
	left:746px;
	color:#fff;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
	text-align:center;
}

.panelIn {
	position:relative;	
}

.clientLogin {
	position:absolute;
	top:55px;
	right:0;
	display:block;
	text-indent:-9999px;
	width:77px;
	height:32px;
	cursor:pointer;
}

#panel .boxHeader {
	display:none;	
}

#panel .boxContent {
	padding:0;	
}

#panel .boxContent a {
	display:block;
	color:#fff;
	text-decoration:none;
	font:normal 27px Arial, Helvetica, sans-serif;
	margin:25px 0 0 495px;
}

#panel .boxContent a:hover {
	text-decoration:underline;	
}

.movember {
	position:absolute;
	top:1px;
	left:823px;
	display:block;
	width:114px;
	height:37px;
	text-indent:-9999px;
	background:url(images/tab-movember.gif) no-repeat;
}

.pccHomepage {
	position:absolute;
	top:1px;
	left:454px;
	display:block;
	width:127px;
	height:37px;
	text-indent:-9999px;
	background:url(images/tab-pcc-homepage.gif) no-repeat;
}

/* MOVEMBER THERMOMETER
--------------------------------*/

#thermometer {
	display:none; /* set value to "none" to remove thermometer. */
}

#thermometer.blockOut {
	padding-top:15px;
	background:url(images/thermo-top.gif) no-repeat;
}

#thermometer .blockIn {
	width:210px;
	padding:0 0 15px 0;
	background:url(images/thermo-bottom.gif) no-repeat #5b5b5b left bottom;
}

.movemberTitle {
	display:block;
	width:180px;
	font-size:13px;
	font-weight:bold;
	color:#5dcce3;
	padding:0 15px;
}

.movemberText {
	display:block;
	width:180px;
	color:#fff;
	padding:7px 15px 15px 15px;
	line-height:14px;
}

.movemberText a, .movemberText a:visited, .movemberText a:hover {
	color:#5dcce3;	
}

.movemberCurrent {
	display:block;
	width:180px;
	color:#fff;
	padding:7px 15px 22px 15px;
	line-height:14px;
}

.movemberCurrent span {
	font-size:14px;
	font-weight:bold;
	color:#ff0000;
}

.movemberRed {
	display:block;
	width:210px;
	height:360px;
	background:url(images/movember-red2.gif) no-repeat;
}

.movemberGray {
	display:none; /* change to block to display the scale */
	width:210px;
	height:51px; /* update this value to change the scale */
	background:url(images/movember-grey.gif) no-repeat;
}

/* TWITTER
--------------------------------*/

.twitterBlock {
	display:block;
}

.twittLine {
	display:block;
	width:160px;
	border-bottom:1px solid #D6D6D6;
	padding-bottom:10px;
	line-height:15px;
	word-wrap: break-word;
}

.twittSubscribe {
	display:block;
	width:160px;
	background-color:#fff;
	font-weight:bold;
	padding-top:15px;
	margin-top:-17px;
	line-height:15px;
}