body {color:#ffffff;background-color:#000000;font-family:Verdana, Arial;font-size:76%;text-indent:0;line-height:1.3em;}
h1 {font-size:1.5em;}
h2, h3, p.header {font-size:1.4em;}
h2, h3 {margin-bottom:5px;}
p {padding-bottom:10px;}
.our-featured-members h2 {font-weight:normal;font-size:1.1em;position:absolute;left:565px;}
div#container {width:954px;margin:0 auto 20px;}
div#header,div#BreadcrumbContainer {display:none;}
a {text-decoration:none;}

div#MainContent {position:relative;}        

    div#MainContentHeader {overflow:hidden;height:600px;width:954px;}        
    div.MainContentContainer {overflow:hidden;width:954px;margin-top:20px;}
        div.Box {float:left;}
            div.Box h2, div.Box h1 {display:none;}
            div.BoxWhy {margin-left:60px;width:580px;padding-top:100px;}
                div.BoxWhy p {width: 560px;padding:10px;}
            div.BoxBenefits {margin-top:50px;margin-left:30px;width:185px;padding:65px 40px 0 40px;}
		div.BoxBenefits ul {list-style-type: disc;}
        div.BoxLinks {display:block;}                
        div.BoxLinks 
        {
            display:block;margin-left:38px;
/*            background: transparent url(/resources/sites/demo/images/social_bg.gif) no-repeat;*/
            padding:10px 0;width:282px;
        }                
        div.BoxNews  
        {
            padding:10px 0;display:block;width:282px;
/*            background:transparent url(/resources/sites/demo/images/social_bg.gif) no-repeat;*/
            margin-left:16px;float:left;
        }                
        div.BoxTwitter 
        {
            display:block;margin-left:16px;width:282px;padding:10px 0;
/*            background:transparent url(/resources/sites/demo/images/social_bg.gif) no-repeat;*/
            float:left;
        }
                div.BoxTwitter div.BoxInner,
                div.BoxNews div.BoxInner,
                div.BoxLinks div.BoxInner {margin:0 20px;position:relative;}

                div.BoxTwitter h2,
                div.BoxNews h2,
                div.BoxLinks h2 {display:block;}
            
    div#photoContainer {float:left;margin-left:10px;padding-top:225px;width:250px;}
    div#searchContainer {float:left;margin-left:50px;padding-top:225px;width:270px;}
        div.searchButtonContainer {padding-left:6em;}
    div#signupContainer {float:left;margin-left:50px;padding-top:225px;width:290px;}
        div.signupButtonContainer {padding-left:6em;}
    div.searchBoxInner {margin-top:8px;}
    
    div.formInput {margin-bottom:8px;}
        div.formInput label {width:70px;}
            div.formInput input.text, div.formInput textarea,
            div.formInput select {padding:0;margin:0;}
    
    div.formInput input.text {width:150px;}
    
div#LoginContainer {/*display:none;*/position:absolute;top:20px;right:50px;}

div#FooterContainer {display:none;width:894px;margin-left:60px;padding-bottom:20px;}

div#ContentBlock1,
div#ContentBlock2,
div#ContentBlock3 {width:812px;margin:0 auto;overflow:hidden;}

.our-featured-members {margin-top:0;padding-top:0;padding-left:62px;width:892px;position:relative;}
.our-featured-members h2 {font-size:1.6em;left:95px;}
.stepcarousel {width:768px;margin-top:0;}
.stepcarousel .panel {width:784px;padding-top:50px;}
.wld_badge_item_region {display:none;}
.wld_badge_item .wld_badge_item_photo a img {border:solid 1px #000000;}
.wld_badge_item .wld_badge_item_photo a img:hover {border:solid 1px #ffffff;}

h2 + p {padding-top:0 !important;}

div#latestTweets h2{color:#141414;}
div#latestTweets a.twitterLink{float:right;margin-right:15px;}
div#latestTweets a.twitterLink img{vertical-align:middle;}
div#latestTweets div.tweet{margin-bottom:1.25em;}
div#latestTweets div.tweet p{margin-bottom:0;}
div#latestTweets div.tweet span.publishedDate{color:#646464;font-size:.8em;}

div#latestBlog {margin-top:20px;}
div#latestBlog a.blogRss{position:absolute;top:0;right:0;}
div#latestBlog a.blogRss img{vertical-align:middle;}


/* ----------------------------------------------------------------------------------------------------
	Mobile
---------------------------------------------------------------------------------------------------- */
/* Changeable */
body.MobileSite
{
	background: #000;
}
body.MobileSite div#container
{
	border: solid 1px #004C98;
	background: #ccc;
}
body.MobileSite div.searchBoxInner
{
	border-bottom: solid 1px #fff;
}
/* Mobile */
body.MobileSite div#container
{
	overflow: hidden;
	width: 360px;
}
body.MobileSite div#MainContent
{
	background-image: none;
}
body.MobileSite div#MainContentHeader
{
	height: auto;
	width: auto;
}
body.MobileSite .our-featured-members
{
	float: none;
	height: auto !important;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 360px;
}
body.MobileSite .our-featured-members h2
{
	display: none;
	left: 10px;
	position: inherit;
}
body.MobileSite .our-featured-members .stepcarousel
{
	height: 240px;
	margin-left: 0;
	width: auto;
}
body.Mobilesite .stepcarousel .belt
{
	position: inherit;
}
body.MobileSite	.stepcarousel .panel
{
	padding: 0;
	width: auto;
}
body.MobileSite .wld_badge_item
{
	height: 100px;
	margin: 10px;
	width: 100px;
}
body.MobileSite .wld_badge_item .wld_badge_item_photo a img
{
	height: 100px;
	width: 100px;
}
body.MobileSite .wld_badge_item_detail
{
	display: none;
}
body.MobileSite div#MainContentHeader div#searchContainer
{
	float: none;
	height: auto;
	margin: 10px 20px 0;
	padding: 0;
	width: 320px;
}
body.MobileSite.FixedTemplate div.SearchTextContainer,
body.MobileSite.FixedTemplate p.SearchHeader
{
	height: auto;
	position: inherit;
}
body.MobileSite div.searchBoxInner
{
	margin-bottom: 15px;
}
body.MobileSite div.formInput label
{
	width: 90px;
}
body.MobileSite div.formInput select.region
{
	width: 200px;
}
body.MobileSite div.searchButtonContainer
{
	padding-left: 0;
	text-align: center;
}
#AdditionalMobileButtons
{
	text-align: center;
}
#AdditionalMobileButtons a
{
	margin: 0 10px;
}
body.MobileSite div#container div#FooterContainer
{
	margin: 0;
	padding: 10px;
	width: auto;
}
body.MobileSite div#FooterContainer .floatLeft
{
	display: block;
	float: none !important;
	text-align: center;
}
body.MobileSite div#FooterContainer .floatLeft p
{
	margin: 0;
	padding: 0;
}
body.MobileSite div#FooterContainer .clearBoth
{
	display: none;
}
body.MobileSite div#FooterContainer div.siteLinks
{
	display: none;
}

/* force placement of signup form */
/*************** PENDING GENERALISATION *********************/
body.FixedTemplate p.SignupHeader, body.FixedTemplate p.SearchHeader {height:25px;line-height:25px;padding-bottom:0;overflow:hidden;}
body.FixedTemplate p.SignupIntro, body.FixedTemplate p.SearchIntro {height:45px;padding-bottom:5px;overflow:hidden;}
body.FixedTemplate div#signupContainer div.searchBoxInner {margin-top:42px;}

p.header span.SearchIntro {font-size:0.7em;display:block;}

body.uglySite div.Box h2, body.uglySite div.Box h1 {display:block;font-size:1.5em;}

body.BoxModelSite div.BoxWhy {padding-top:0;}
body.BoxModelSite div.BoxBenefits {padding-top:0;margin-top:0;}
body.BoxModelSite .our-featured-members {margin-top:12px;height:167px;}

body.FixedTemplate div#searchContainer {height:300px;margin-top:250px;padding-top:0;}
body.FixedTemplate div.SearchTextContainer { height:170px;position:relative;}
body.FixedTemplate p.SearchHeader {position:absolute;bottom:0;height:60px;width:100%;}
body.FixedTemplate p.SearchHeader span.SearchIntro {line-height:1.3;}
body.FixedTemplate div#searchContainer {margin-left:70px;}
body.FixedTemplate div#signupContainer {margin-left:30px;padding-top:255px;}
body.FixedTemplate div#signupContainer div.formInput label {width:90px;}
body.FixedTemplate div.signupButtonContainer {padding-left:8em;}


/*** box model ***/
body.BoxModelSite div.MainContentContainer.BoxFull,
body.BoxModelSite div#FooterContainer.BoxFull,
body.BoxModelSite div.BoxFull,
body.BoxModelSite div#ContentBlock1.BoxFull,
body.BoxModelSite div#ContentBlock2.BoxFull,
body.BoxModelSite div#ContentBlock3.BoxFull
 {width:878px;margin:20px 38px 0;}

body.BoxModelSite div.BoxWhy.BoxTwoThird {margin:0;width:580px;}
body.BoxModelSite div.BoxBenefits.BoxThird {padding:0;width:282px;margin-left:16px;}
body.BoxModelSite div.BoxInner {margin:0 20px;}
body.BoxModelSite div.BoxWhy p {padding:0 0 10px;width:auto;}

body.BoxModelSite div.Box h2, body.BoxModelSite div.Box h1 {display:block;}
body.BoxModelSite div.BoxLinks, 
body.BoxModelSite div.BoxNews,  
body.BoxModelSite div.BoxTwitter {background-image:none;}
body.BoxModelSite div.searchBoxInner div.searchSeparator {display:none;} 
body.BoxModelSite div.searchBoxInner br {display:none !important;} 

                div.BoxTwitter div.BoxInner,
                div.BoxNews div.BoxInner,
                div.BoxLinks div.BoxInner {margin:0 20px;position:relative;}

                div.BoxTwitter h2,
                div.BoxNews h2,
                div.BoxLinks h2 {display:block;}


/********* mobile changes ************/
body.MobileSite div#FooterContainer {display:block !important;}

/********* seo copy **************/
div#WhyItWorksTop {display:none;}



/********* activities carousel **************/
div#activityContainer, div#latestTweets {height:400px;}
div#activities #activitiesCarousel .activitiesHidden {width: 240px;}
div.activitiesHidden {height: 300px;overflow: hidden;position: relative;}
#carousel_ul {list-style-type: none;margin: 0;padding: 0;position: relative;top: 0;}
#carousel_ul li { height:50px;margin-bottom:10px;}
#carousel_ul .wld_badge_item_detail, #carousel_ul .profileIntro {display:none;}
#carousel_ul .wld_badge_item {display:block;float: left;height: 50px;width: 240px;font-size:1em;}
#carousel_ul .wld_badge_item .wld_badge_item_photo a img {height: 50px;width: 50px;float:left;margin-right:5px;}

/********* social media buttons *********/
div.follow {overflow:hidden;margin-top:30px;}
div.follow span {width: 30px;height:30px;display:block;float:left;margin-right:6px;}
div.follow span.blog {background: transparent url(/resources/images/icon-wp-30.png) no-repeat;}
div.follow span.rss {background: transparent url(/resources/images/icon-rss-30.png) no-repeat;}
div.follow span.twitter {background: transparent url(/resources/images/icon-twitter-30.png) no-repeat;}
div.follow span.youtube {background: transparent url(/resources/images/icon-youtube-30.png) no-repeat;}
div.follow span.facebook {background: transparent url(/resources/images/icon-facebook-30.png) no-repeat;}

div.followUs span.facebook {margin-right:0 !important;}


/****** facebook connect 8****/
.facebook-container {display:none;position:relative;margin-top:10px;}
.facebook-inner {overflow:hidden;}
.facebook-connect-connect {margin-left:35px;float:left;}
.facebook-container p {margin-top:10px;width:300px;margin: 25px auto 0;font-weight:bold;font-size:2em;}
.whatsthis {display:inline;float:left;padding: 6px 0 0 5px;}
.helper {display: none;position:absolute;top:32px;left:0;width:270px;background-color:#fff;}
.helperInner {padding:10px;}
.facebook-container p.keylineOr {width:176px;text-align:center;margin-top:13px;font-size:1.5em;}

div.hasFacebookConnect .facebook-container {display:block;}
div.hasFacebookConnect p.SignupIntro{display:none !important;}
div#signupContainer div.hasFacebookConnect div.searchBoxInner {margin-top: 18px;}

/****** signup frame 8****/
body.SignupForm {background-image:none;}
body.SignupForm div#FooterContainer {display:none !important;}
body.SignupForm div#container {margin: 10px;width: 320px !important;}



/****** frame pages (ie hide containers) ****/
body.NoContainer {background-image:none;}
body.NoContainer div#FooterContainer,
body.NoContainer div#headerBar {display:none !important;}
body.NoContainer #MainContent {width:100% !important;}

/****** signup frame 8****/
body.SignupForm div#container {margin: 10px;width: 320px !important;}

/****** twitter frame 8****/
body.TwitterFrame div#container {margin: 0;width: 300px !important;}
body.TwitterFrame div.BoxTwitter {margin-left:0 !important;}
body.TwitterFrame div.BoxTwitter div.BoxInner {margin: !important;}

/******************** tabs **********************/
div.tabs
{ margin-bottom: 1.5em; }

.ui-tabs-hide
{ display: none; }

ul.ui-tabs-nav
{
    position: relative;
    top: 1px;
    margin: 0;
    overflow: hidden;
}


    ul.ui-tabs-nav li
    {
        float: left;
        padding: 0 20px;
        margin-right: 2px;
        list-style-type:none;
        font-size:1.4em;
        height:35px;
        line-height:35px;
        text-align:center;
    }
    
    ul.ui-tabs-nav li.ui-tabs-selected { }
    
    ul.ui-tabs-nav li a
    {   text-decoration: none; 
        font-weight:bold;
    }

    ul.ui-tabs-nav li.ui-tabs-selected a {  }
    
.ui-tabs-panel
{
}