@import "reset.css";
@import "accordion.css";
@import "form.css";
@import "page_specific.css";


/*********************************************************
TYPE SELECTORS
*********************************************************/
body {
	background-color:#ebebeb;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:small;
	line-height:20px;
	color:#444;
}
h1 {
	background-image:url(../img/wow_logo.gif);
	width:229px;
	height:54px;
	text-indent:-5000px;
	position:relative;
	top:50px;
	left:62px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	cursor:pointer;
}
h1.members {
	background-image:url(../img/members_logo.gif);
	width:229px;
	height:54px;
	text-indent:-5000px;
	position:relative;
	top:50px;
	left:62px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	cursor:pointer;
	}
	
h2 {
	color:#e77d16;
	font-size:155%;
	margin-bottom:1em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	
}
h3 {
	font-size:120%;
	margin-bottom:1em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	
	font-weight:normal;

}
a {
	color:#9b6dce;
	text-decoration:none;
}
p {
	margin-bottom:1.2em;
}

div#centerContainer li {
	list-style-position: inside;
}

/*********************************************************
CLASSES 
*********************************************************/
br.clear {
	clear:both;
	overflow:hidden;
} 

div.rounded {
	border:2px solid #f1f1f1;
	position:relative;
	margin-bottom:15px;
	padding:10px;
	line-height:17px;
	color:#999;
}
div.roundednew {
	height: 885px;
	width: 221px;
	position:relative;
	margin-top: -148px;
	margin-bottom:15px;
	line-height:17px;
	color:#999;
	background-image:url(../img/leftColNew.gif);
	background-repeat: no-repeat;
	padding-top: 108px;
}
/*********************************************************
STRUCTURAL - MAIN
*********************************************************/
div#canvas {
	width:989px;
	/*
	background-image:url(../img/main_bg.gif);
	background-repeat:repeat-y;
	*/
	background-color:white;
	margin-left:auto;
	margin-right:auto;	
	position:relative;
}

div#canvas div#sitelinks  {
	padding:14px 24px 14px 24px;
	height:10px;	
	overflow:hidden;
}

div#canvas form#search {
	float:right;
	position:relative;
	top:-5px;
	margin-right:1px;
	
}
div#canvas form#search input#searchText {
	position:relative;
	top:-5px;
	border:1px solid #ebe4f3;
	max-width:147px;
}
div#canvas div#sitelinks ul {
	color:#797979;
	font-size:86%;
	line-height:normal;
}
div#canvas div#sitelinks li {
	float: left;	
	border-right:1px solid #797979;
	padding-right:9px;
	margin-right:9px;
}
div#canvas div#sitelinks li a {
	color:#797979;
}
div#canvas div#sitelinks li a:hover  {
	color:#424242;
}
div#canvas div.branding {
	margin-left:24px;
	/*margin-bottom:30px;*/	
	width:940px;
	height:181px;
}
div#canvas div#brandingPic1 {
	background-image:url(../img/headers/header1.jpg);
}
div#canvas div#brandingPic2 {
	background-image:url(../img/headers/header2.jpg);
}
div#canvas div#brandingPic3 {
	background-image:url(../img/headers/header3.jpg);
}
div#canvas div#brandingPic4 {
	background-image:url(../img/headers/header4.jpg);
}
div#canvas div#brandingPic5 {
	background-image:url(../img/headers/header5.jpg);
}
div#canvas div#brandingPic6 {
	background-image:url(../img/headers/header6.jpg);
}
div#canvas div#brandingPic7 {
	background-image:url(../img/headers/header8.jpg);
}
div#canvas div#brandingPic8 {
	background-image:url(../img/headers/header8.jpg);
}
div#canvas div#brandingPic9{
	background-image:url(../img/headers/header9.jpg);
}
/*admin login*/
div#canvas div#brandingPic100 {
	background-image:url(../img/headers/header7.jpg);
}
div#canvas img#topImage {
	display:block;
	position:absolute;
	left: 447px;
	top: 159px;
}
/*********************************************************
STRUCTURAL - BREADCRUMBS
*********************************************************/
div#canvas ul#breadcrumb {
	font-size:90%;
	float:left;
	margin-bottom:20px;	
	margin-left:24px;
	display:inline;
}
div#canvas ul#breadcrumb li {
	float: left;
	padding-right:12px;
	margin-right:7px;
	background-image:url(../img/breadcrumb.gif);
	background-repeat:no-repeat;	
	background-position:center right;
}
div#canvas ul#breadcrumb li a {
	color:#999;
}
div#canvas ul#breadcrumb li a:hover  {
	text-decoration:underline;
}
div#canvas ul#breadcrumb li#on {
	background-image:none;	
}
div#canvas ul#breadcrumb li#on a {
	color:#2f2f2f;
}

/*********************************************************
STRUCTURAL - COLUMNS
*********************************************************/
div#canvas div#leftCol {
	float:left;
	width:210px;
	margin-left:24px;
	margin-right:40px;
	display:inline;
}
div#topLargeNav {
	padding-bottom: 30px;
}
div#topLargeNav ul li {
	margin-bottom: -5px;
}
div#topSmallNav {
	padding-bottom: 30px;
}
div#topSmallNav ul li {
	margin-bottom: -6px;
}
div#canvas div#midCol {
	float:left;	
	margin-right:40px;
	width:437px;
}

/*********************************************************
STYLING FOR MID COLUMN TEMPLATES
*********************************************************/
div#canvas div#midCol span.synopsis {
	color:#e77d16;
}
div#canvas div#midCol a {
	border-bottom:1px dashed #9b6dce;
}
div#canvas div#midCol a:hover {
	border-bottom-style:solid;
}
div#canvas div#midCol a.nolink {
	border-bottom:0px;
}
div#canvas div#midCol a:hover.nolink {
	border-bottom-style:none;
}
div#canvas div#midCol div.landingPageThumbs {
	float:left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	width:143px;
	font-size:100%;
	height:170px;
	font-weight:bold;
}
div#canvas div#midCol div.landingPageThumbs a {
	color: inherit;
	border-bottom: none;
}
div#canvas div#midCol div.landingPageThumbs a:hover {
	color: #333333;
}
div#canvas div#midCol div.landingPageThumbs img {
	display:block;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
}
div#canvas div#midCol div.landingPageThumbs a.landingLink

div#canvas div#midCol div#documentOrdererHolder {
	background-color:#fbfbfb;
	border-bottom:1px solid #dfdfdf;
	padding:8px;

}
div#canvas div#midCol div.documentHolder {
	background-color:#fbfbfb;
	border-bottom:1px solid #dfdfdf;
	padding:8px;
}
div#canvas div#midCol img.documentThumb {
	float:left;
	margin:10px;
	width:53px;
}
div#canvas div#midCol div.documentData {
	float:left;
	margin:10px;
}
/*********************************************************
STRUCTURAL - RIGHT COLUMN
*********************************************************/
div#canvas div#rightCol {
	float:left;
	width:210px;
	font-size:90%;
}
div#canvas div#rightCol a:hover {
	text-decoration:underline;
}
div#canvas div#rightCol span#email {
	color:#9966cc;
}
div#canvas div#rightCol div#tel {
	color:#999;
}
div#canvas div#rightCol div#rightLinks {
	border-top:1px dotted #e0e0e0;
	border-bottom:1px dotted #e0e0e0;	
	padding-top:10px;
	padding-bottom:10px;	
	margin-bottom:10px;
}	
div#canvas div#rightCol div#rightLinks li a {
	padding-left:25px;
	font-size:130%;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:center left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:4px;
}

div#canvas div#rightCol div#rightLinks li#r a {
	background-image:url(../img/plus_red.gif);
	color:#ea3d3d;
	
}
div#canvas div#rightCol div#rightLinks li#r a:hover {
	background-image:url(../img/plus_red_on.gif);
	text-decoration:none;
}
div#canvas div#rightCol div#rightLinks li#o a {
	background-image:url(../img/plus_orange.gif); 
	color:#e77d16;
	
}
div#canvas div#rightCol div#rightLinks li#o a:hover {
	background-image:url(../img/plus_orange_on.gif);
	text-decoration:none;	
}
div#canvas div#rightCol div#rightLinks li#b a {
	background-image:url(../img/plus_blue.gif);
	color:#00a6fe;
	
}
div#canvas div#rightCol div#rightLinks li#b a:hover {
	background-image:url(../img/plus_blue_on.gif);
	text-decoration:none;	
}
div#canvas div#rightCol div#rightLinks li#g a {
	background-image:url(../img/plus_green.gif);
	color:#279213;
	
}
div#canvas div#rightCol div#rightLinks li#g a:hover {
	background-image:url(../img/plus_green_on.gif);
	text-decoration:none;	
	
}
div#canvas div#rightCol div#rightLinks li#p a {
	background-image:url(../img/plus_purple.gif);
	color:#9b6dce;
	
}
div#canvas div#rightCol div#rightLinks li#p a:hover {
	background-image:url(../img/plus_purple_on.gif);
	text-decoration:none;	
}
div#canvas div#rightCol div.rounded div#dontateNow {
	padding-left:25px;
	font-size:130%;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:center left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:4px;
	background-image:url(../img/plus_red.gif);
	color:#ea3d3d;
}
div#canvas div#rightCol div.rounded div#dontateNow a {
	color:#ea3d3d;
}
div#canvas div#rightCol div.rounded div#dontateNow a:hover {
	color:#ea3d3d;
}
div#canvas div#rightCol div.rounded div#becomeMember a {
	color:#e77d16;
}
div#canvas div#rightCol div.rounded div#becomeMember a:hover {
	color:#e77d16;
}
div#canvas div#rightCol div.rounded div#relatedLinks {
	padding-left:25px;
	font-size:130%;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:center left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:4px;
	background-image:url(../img/plus_blue.gif);
	color:#00a6fe;
}
div#canvas div#rightCol div.rounded div#thankYou {
	padding-left:25px;
	font-size:130%;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:center left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:4px;
	background-image:url(../img/plus_blue.gif);
	color:#00a6fe;
}

/*********************************************************
STRUCTURAL - FOOTER
*********************************************************/
div#canvas div#siteinfo {
	border-top:1px dotted #e0e0e0;
	margin-top:100px;
	padding:10px 24px 10px 24px;
	font-size:90%;
	line-height:normal;
}
div#canvas div#siteinfo ul li {
	float: left;
	border-right:1px solid #b6b6b6;
	padding-right:9px;
	margin-right:9px;
}
div#canvas div#siteinfo ul li a {
	color:#b6b6b6;
}
div#canvas div#siteinfo a:hover  {
	color:#424242;
}
div#canvas div#siteinfo a#backToTop {
	background-image:url(../img/icon_up.gif);
	background-repeat:no-repeat;
	background-position:right;
	float:right;
	display:block;
	padding-right:25px;
	margin-left:10px;
	color:#b6b6b6;
	height:16px;
	line-height:16px;
}
div#canvas div#siteinfo a#print {
	background-image:url(../img/icon_print.gif);
	background-repeat:no-repeat;
	background-position:right;
	float:right;
	display:block;
	padding-right:25px;
	color:#b6b6b6;
	height:16px;
	line-height:16px;
}
div#canvas div#siteinfo a#backToTop:hover, div#canvas div#siteinfo a#print:hover {
	color:#424242;
}


/*********************************************************
OVERRIDE CSS FOR VARIOUS PAGES DEFINED FROM DIFFERENT BODY IDS
*********************************************************/
body#support-us h2, body#support-us dt a, body#support-us div.landingPageThumbs, body#support-us a:link.menuHeaderBar, body#support-us a:hover.menuHeaderBar, body#support-us a:active.menuHeaderBar, body#support-us a:visited.menuHeaderBar  {
	color:#622c82;
}
body#support-us div#canvas div#rightCol div#rightLinks li#r a {
	background-image:url(../img/plus_red_on.gif);
}
#contcontainer #donateform .submit .button {
	color:#000;
}
body#research h2, body#research dl#acc dt a, body#research div.landingPageThumbs, body#research a:link.menuHeaderBar, body#research a:hover.menuHeaderBar, body#research a:active.menuHeaderBar, body#research a:visited.menuHeaderBar  {
	color:#622c82;
}
body#research div#canvas div#rightCol div#rightLinks li#o a {
	background-image:url(../img/plus_orange_on.gif);
}
body#research-us dt.sideselected {
	color:#000;
}
body#your-wellbeing h2, body#your-wellbeing dl#acc dt a, body#your-wellbeing div.landingPageThumbs, body#your-wellbeing a:link.menuHeaderBar, body#your-wellbeing a:hover.menuHeaderBar,body#your-wellbeing a:active.menuHeaderBar, body#your-wellbeing a:visited.menuHeaderBar{
	color:#622c82;
}
body#your-wellbeing div#canvas div#rightCol div#rightLinks li#b a {
	background-image:url(../img/plus_blue_on.gif);
}
body#your-wellbeings dt.sideselected {
	color:#000;
}
body#our-media h2, body#our-media dl#acc dt a, body#our-media div.landingPageThumbs, body#our-media a:link.menuHeaderBar, body#our-media a:hover.menuHeaderBar, body#our-media a:active.menuHeaderBar, body#our-media a:visited.menuHeaderBar   {
	color:#622c82;
}
body#our-media div#canvas div#rightCol div#rightLinks li#g a {
	background-image:url(../img/plus_green_on.gif);
}
body#our-media dt.sideselected {
	color:#000;
}
body#about-us h2, body#about-us dl#acc dt a, body#about-us div.landingPageThumbs, body#about-us a:link.menuHeaderBar, body#about-us a:hover.menuHeaderBar, body#about-us a:active.menuHeaderBar, body#about-us a:visited.menuHeaderBar  {
	color:#622c82;
}
body#about-us div#canvas div#rightCol div#rightLinks li#p a {
	background-image:url(../img/plus_purple_on.gif);
}
body#about-us dt.sideselected {
	color:#000;
}
body#friends h2, body#friends dl#acc dt a, body#friends div.landingPageThumbs, body#friends a:link.menuHeaderBar, body#friends a:hover.menuHeaderBar, body#friends a:active.menuHeaderBar, body#friends a:visited.menuHeaderBar  {
	color:#622c82;
}
body#friendsdt.sideselected {
	color:#000;
}

/**********************************
ID which is always set to display:none in the markup, then faded in
**********************************/
div#messageToFade {
	background-color:#FFFFE0;
	margin:8px;
	text-align:center;
	font-style:italic;
	padding:8px;
}

/* Reassign discs for bullet points in main copy - have been switched off in reset.css*/
div#midCol ul {
	list-style:disc;
}

/**********************************
CMS Editor
**********************************/

div#editor {
	position:fixed;
	left:0px;
	top:0px;
	opacity: 0.9;
	-moz-opacity: 0.9;
	background-color:#764ca2;
	filter: alpha(opacity=90);	
	color:white;
	padding:10px;
}

div#editor a {
	color:white;
}

table.cmstable {
	border-collapse:separate;
}

table.cmstable td table.cmstable th {
	border:1px solid #666;
}
a.city {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a:link.city {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a:visited.city {
	text-decoration: none;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a:hover.city {
	text-decoration: none;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a:active.city {
	text-decoration: none;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/**********************************************
Members area right hand column
**********************************************/
div.membersRight {
	position:relative;
	margin-bottom:20px;
	line-height:17px;
	color:#999;
}
#expertPillQuestion {
	width: 210px;
	height: 100px;
	border: 1px solid #e6e6e6;
	background-image: url(/img/ask_expert.jpg);
	background-repeat: no-repeat;
}
#expertPillArticle {
	width: 210px;
	height: 100px;
	border: 1px solid #e6e6e6;
	background-image: url(/img/ask_expert_2.jpg);
	background-repeat: no-repeat;
}

#MotPill {
	width: 210px;
	height: 100px;
	padding: 0px;
	border: 1px solid #e6e6e6;
	background-image: url(/img/mot_back.jpg);
	background-repeat: no-repeat;
}

#NewsletterPill {
	width: 210px;
	height: 100px;
	padding: 0px;
	border: 1px solid #e6e6e6;
	background-image: url(/img/newsletter.jpg);
	background-repeat: no-repeat;
}
#videoPill {
	width: 210px;
	height: 100px;
	padding: 0px;
	border: 1px solid #e6e6e6;
	background-image: url(/img/video.jpg);
	background-repeat: no-repeat;
}

.expertText {
	font-family: Tahoma;
	font-size: x-small;
	line-height: 12px;
	margin-left: 108px;
	width: 59px;
	position: relative;
	top: 44px;
}
.expertText2 {
	font-family: Tahoma;
	font-size: x-small;
	line-height: 12px;
	margin-left: 10px;	
	width: 72px;
	position: relative;
	top: 44px;
}

/* custom pods for data pulled from db */
.customPod {
	width: 210px;
	height: 100px;
	padding: 0px;
	border: 1px solid #e6e6e6;
}
#expertTextTitleCustom {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:large;
	line-height: 25px;
	color: #8374d1;
}
.expertTextCustom {
	clear: both;
	font-family: Tahoma;
	font-size: x-small;
	line-height: 12px;
	margin-left: 10px;	
	width: 90px;
	position: relative;
	top: 15px;
}
.membersTitle {
	color: #9185c7;
}
/***********************************************
Priority Booking Page Classes
***********************************************/
.priorityRow {
	clear: both; 
	height: 100px;
	width: 447px;
	margin-bottom: 20px;
}
.priorityPicture {
	width: 138px;
	float: left;
	height: 100px;
}
.priorityRow .priorityText {
	float: left;
	width:290px;
	padding-left: 18px;
}
.priorityHead {
	font-size: medium;
	color: black;
	font-weight: bold;
}
/************************************************
Renewal Form CSS
************************************************/
#contcontainer {
	height: auto;
	width: 437px;
}

div.row {
	clear: both;
	width: 437px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333333;
}
div.row2Ren {
	clear: both;
	width: 437px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333333;
}
.col1 {
	margin-bottom: 8px;
	
}
h2.renewal {
	font-family:Arial, Helvetica, sans-serif;
	color:#0085c7;
	font-size:150%;
	margin-bottom:1em;
	font-family: "Trebuchet MS", Verdana, Arial;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:130%;
	margin-bottom:1em;
	font-family: "Trebuchet MS", Verdana, Arial;	
	font-weight:normal;

}
label {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	margin-bottom: 8px;

}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333333;
}
#contcontainer #pinorderform .title {
	width: 437px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dfdfdf;
	margin-top: 5px;
	display: inline;
	float: left;
	padding-top: 5px;
}
input, select, checkbox, textarea{
	border:1px solid #cecece;
	margin-top: 5px;
	}
input:focus, select:focus{
	background-color:#ebe4f3
}
#contcontainer #donateform .submit .button {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.promoWarning {
	font-size: x-small;	
	width: 400px;
	float: left;
	display: block;
}
/*************************************************NEW HOME PAGE ADDITIONS****************************************************/

#strapline {
	height: 40px;
	width: 940px;
	margin-left: 24px;
	font-size: medium;
	color: #7e53ab;
	/*padding-top: 10px;*/
}
#newsstories {
	width: 175px;
	height: 82px;
	/*margin-top: 83px;*/
	margin-left: 28px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 7px;
	position: relative;
	font-size: 12px;
}
#signup {
	width:	174px;
	height: 70px;
	margin-left: 28px;
	padding-left: 8px;
}
#upcoming {
	width: 182px;
	height: 530px;
	margin-left: 28px;
	margin-top:28px ;
	#margin-top: 25px;
}
.horizDivider {
	margin-top: 19px;	
}
#socialmedia {
	height: auto;
	background-color: #855aae ;
	border: 6px solid #dabbf6;
	/*background-image: url(../img/BG_social_media.gif);
	background-repeat: no-repeat;
	padding: 25px 14px 0px 14px;*/
}
#socialmediaTop {
	height: 24px;
	color: #ffffff;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #fff;
	padding-left: 4px;
}
#socialmediaInner {
	height: auto;
	width: 180px;
	overflow: hidden;
	color: #ffffff;
	margin: 0px 0px 0px 10px;
}
#twitter_update_list {
	color: #ffffff;	
}

#twitter_update_list a:link, #twitter_update_list a:hover, #twitter_update_list a:visited, #twitter_update_list a:active {
	color: #dabbf6;	
}
#socialmediaInner li{
	list-style-type: none;
	padding-bottom:10px;
	padding-top:10px;
	border-bottom: 1px solid #ffffff;
}
#followFeeds {
	height: 37px;
	padding-top: 10px;
	padding-left: 4px;
	color: #fff;
}
a:link.twitterLink, a:visited.twitterLink, a:active.twitterLink {
	color: #fff;
	text-decoration: none;
}
a:hover.twitterLink {
	color: #fff;
	text-decoration: underline;
}
#FPlogin {
	height: 40px;
	width: 100px;
	float: left;
	display: block;
	margin-top: 0px;
	margin-left: 150px;
}
#indexStrap {
	float: left;	
	margin-top: 9px;
	width: 670px;
	height: 31px;
}