/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}

/*
Copyright (c) 2010, Money Dashboard Ltd. All rights reserved.
version: 1.0
*/
/* ###################################
   ## Reference
   ################################### 
   orange: #ed320f	
   light grey: #c7c7c7
   med grey: #636162
   dark grey: #2b2b2b
   */ 


/* ###################################
   ## Default tags
   ################################### */ 

.xopuscontent #pageLeft {
	width: 330px;
	margin-right: 15px; 
}
.xopusarticle #pageLeft {
	width: 330px;
	margin-right: 15px; 
}
#xopusheader {
	position: relative;
	height: 192px;
}
#xopusintro {
	position: relative;
	height: 318px;
}
.xopus-include {
    border: 3px dashed #ed320f;
    padding: 10px;
    margin-bottom: 10px;
}
.xopus-snippet {
    border: 3px dashed #ed320f;
    padding: 10px;
    margin-bottom: 10px;
}
.xopus-twitter {
    border: 3px dashed #ed320f;
    padding: 10px;
    margin-bottom: 10px;
}

body {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 80%;
}
body.greystrip-default {
	background-image: url('images/bkgpagedefault.png');
	background-position: 0px 75px;
	background-repeat: repeat-x;
}

body.greystrip {
	background-image: url('images/bkgpage.png');
	background-position: top;
	background-repeat: repeat-x;
}
p {
	margin-bottom: 1em;
	line-height: 1.4em;
}
a {
	color: #ed320f;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font-size:1.8em;
}
h2 {
	font-size:1.6em;
	color: #ed320f;
}
h3 {
	font-size:1.2em;
	font-weight: bold;	
}
/* ###################################
   ## Layout elements
   ################################### */ 
   /*
#pageBkg {
	position: relative;
	margin: 0 auto 0 auto;
	width: 1420px;
}
*/
#pageWrapper {
	position: relative;
	margin: 0 auto 0 auto;
	width: 1062px;
}
#pageLeft{
	position: relative;
	width: 300px;
	float: left;
	background: #000000;
	padding: 0 15px 0 15px;
}

#pageRight{
	position: relative;
	width: 690px;
	float: left;
}

#pageHeader {
	position: relative;
	height: 120px;
	width: 716px;
}
#pageHeaderDefault {
	position: relative;
	height: 157px;
	width: 716px;
}
#logo {
	position: relative;
	text-align: left;
	margin: 35px 0 0 8px ;
	height: 65px;
}
#navUtility{
	position: absolute;
	top: 15px;
	left: 517px;
	height: 20px;
	width: 200px;
}
#navMain{
	position: absolute;
	top: 30px;
	left: 30px;
	height: 60px;
	width: 660px;
}
#navFeed {
	position: absolute;
	top: 98px;
	right: 0px;
	height: 16px;
	width: 150px;
	line-height: 16px;
	font-size: 10px;
	text-align: right;
    background-image: url(images/link-rss2.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
}
#breadcrumb {
	position: absolute;
	top: 100px;
	left: 30px;
	height: 30px;
	width: 400px;
	font-size: 0.8em;
	color: #c7c7c7;
}
.breadcrumb {
	float: left;
    text-align: left;
    font-size: 0.8em !important;
    font-weight: normal !important;
    color: #666666 !important;
}
.breadcrumb .item {
    float: none !important;
}
.breadcrumb .item a {
    color: #666666;
    text-decoration: underline;
    font-weight: normal;
}
.breadcrumb .last {
     
}
#tagline {
	font-size: 1.6em; 
	color: #ed320f;
	position: absolute;
	top: 120px;
	left: 30px;
	height: 40px;
}
#contentIntro{
	height: 318px;
}
#pageFooter {
	position: relative;
	margin: 0 auto;
}
#pageFooterDeeplinksWrapper{
	position: relative;
}
#pageFooterDeeplinks {
	position: relative;
	width: 1020px;
	margin: 0 auto;
	padding-left: 200px;
}
#pageFooterDeeplinks a {
	font-size: 12px;
}
#pageFooterLinks {
	position: relative;
	width: 1020px;
	margin: 0 auto;
}
.col50 {
	float: left;
	width: 50%;
}
.col16 {
	float: left;
	width: 150px;
}
.footercol1 {
	float: left;
	width: 130px;
}
.footercol2 {
	float: left;
	width: 180px;
}
.footercol3 {
	float: left;
	width: 180px;
}
.footercol4 {
	float: left;
	width: 180px;
}
.footercol5 {
	float: left;
	width: 140px;
}


/* ###################################
   ## styling elements
   ################################### */
.pageBkg1 {
	background: transparent url('images/background-home1.jpg') top center no-repeat;
}
.pageBkg2 {
	background: transparent url('images/background-home2.jpg') top center no-repeat;
}
.pageBkg3 {
	background: transparent url('images/background-home3.jpg') top center no-repeat;
}
.pageBkg4 {
	background: transparent url('images/background-home4.jpg') top center no-repeat;
}
 
.center {
	text-align: center;
}
.small {
	font-size: 0.8em;
}
.normal {
	font-weight:normal;
}
.floatright {
	float: right;
}
.floatleft {
	float: left;
}
#pageLeft{
	color: #ffffff;
}

#logo img {
	border: none;
}

ul.nav {
	list-style: none;
}
ul.nav li{
	float: left;
	border-bottom: 4px solid #ffffff;
}
ul.nav li a {
	text-decoration: none;
}
#navMain ul.nav li:hover {
	border-bottom: 4px solid #ed320f;
}
#navMain ul.nav li.navActive{
	border-bottom: 4px solid #ed320f;
}
#navUtility ul {
	float: right;
}
#navUtility ul li {
	font-size: 0.8em;
	color: #ed320f;
	margin: 0 0 0 10px;
}
#navUtility ul li a {
	font-weight: bold;
	color: #ed320f;
}

#navMain {
	background: #ffffff;
	border-bottom: 1px solid #c7c7c7;
}
#navMain ul {
	position: absolute;
	bottom: 0;
	/*left: 20px;*/
	
}
#navMain ul li {
	margin: 0 0 0 35px;
}
#navMain ul li.navFirst {
	margin: 0;
}
#navMain ul li a{
	font-weight: bold;
	color: #000000;
}

#navMain ul li a span{
	display: block;
	font-weight: normal;
	margin: 0 0 10px 0;
	color: #636162;
}
#subnavMain {}
#subnavMain ul {}
#subnavMain li {
	border-bottom: 1px solid #636162;
	padding: 5px 0 5px 0;
}
#subnavMain a {
	color: #ffffff;
}
#subnavMain li.selected a {
	color: #ed320f;
}

#pageFooterDeeplinksWrapper {
	background: #000000;
	padding: 50px 0 50px 0;
}
#pageFooterDeeplinks {
	color: #ed320f;
}
#pageFooterDeeplinks ul {
	font-size: 1.2em;
	color: #636162;
}
#pageFooterDeeplinks ul li {
	color: #ed320f;
}

#pageFooterLinks {
	color: #ed320f;
	padding: 20px 0 50px 0;
}
#navFooter {
}
#navFooter li {
	float: left;
	margin: 0 20px 0 0 ;
}



/* ###################################
   ## block styling
   ################################### */ 
#pageLeft .section {
	margin: 0 10px 23px 10px;
}
#pageLeft .full .section {
	margin: 0;
}
.block {
	margin: 0 10px 23px 10px;
	clear: both;
}

.block0 {}
.block1 {}
.block2 {}
.block3 {}
.block4 {}

.blockHomeContentHeader, .blockContentHeader {

}
.blockHomeContentHeader{
	height: 353px;
}
.blockContentHeader {
	height: 315px;

}
.blockBenefit {
}
.blockBenefit h1{
	font-size: 36px;
	color: #ed320f;
}
.blockBenefit h2{
	font-size: 2em;
	color: #ffffff;
	font-size: 20px;
	margin: 10px 0 20px 0;
}
.blockBenefit p{
	color: #636162;
}

.blockFeature {
}
.blockNews {
	
}
.blockNews .blockNewsItem {
	margin: 0 0 20px 0;
}
.blockNews .blockNewsDate {
	font-size: 0.9em;
	color: #636162;
	display: block;
	margin: 0 0 3px 0;
}
.blockNews .blockNewsTitle {
	display: block;
	font-weight: bold;
}
.blockNews .blockNewsIntro {
	display: block;
}
#navHomepagebenefits {
	position: relative;
	height: 35px;
	margin-left: 30px;
}
#navHomepagebenefits ul {
	position: absolute;
	bottom: 0;
	list-style: none;
}
#navHomepagebenefits li {
	display: inline;
	margin: 0 10px 0 0;
	text-align: center;
}
#navHomepagebenefits a {
	display: inline-block;
	font-size: 1.2em;
	color: #000000;
	border: none;
	width: 80px;
	padding-top: 6px;
}
#navHomepagebenefits a.navHomepagebenefitsActive {
	font-size: 1.2em;
	color: #FFFFFF;
	border: none;
	background: transparent url('images/hometab.jpg') top center no-repeat;
}
#navHomepagebenefits a:focus {
	outline: 0;
}

.blockTweetsearch {		
}
.blockTweetsearch li.oddTweet{		
	background: transparent url('images/placeholder_tweetoddbkg.png') top left no-repeat;
	padding-top: 19px;
}
.blockTweetsearch li.oddTweet div {
	background: #fdcec3;
}
.blockTweetsearch li div {
	padding: 15px;
}

.blockTweetsearch .tweetContent {
	
}
.blockTweetsearch .tweetDetails {		
	font-size: 0.8em;
	color: #636162;
}
.blockTweetsearch .tweetItem {

}
.blockSubNav {
	margin-top: 25px;
}
.blockSlogan {
	color: #c7c7c7;
	font-size: 2em;
	margin: 10px 0 10px 0;
}

/* ###################################
   ## design styling
   ################################### */ 

.gradientLight70 {
	border: 1px solid #c7c7c7;
	background: #f6faf9 url('images/bkggradientlight300x70.png') bottom left repeat-x;
}
.gradientLight80 {
	border: 1px solid #c7c7c7;
	background: #f6faf9 url('images/bkggradientlight300x80.png') bottom left repeat-x;
}
.gradientDark80 {
	border: 1px solid #2c2c2c;
	background: #000000 url('images/bkggradientdark300x80.png') bottom left repeat-x;
}

/* ###################################
   ## form styling
   ################################### */ 


form {}


fieldset {
	border: 1px solid #c7c7c7;
	padding: 5px;
}

legend {
	color: #000000;

} 

form div {
	margin-bottom: 5px;
}

form label {
	display: block;
	float: left;
	padding: 5px 5px 0 0;
	width: 150px;
}


html>body form label {
	width: auto;
	min-width: 150px;
}

#pageRight form input {
	border: 1px solid #636162;
	background: #e6e8e7;
	color: #636162;
	padding: 3px 3px 0 3px;
}
#pageRight form input:hover {
	border: 1px solid #ed320f;
}
#pageRight form input:focus, #pageRight form input.sffocus {
	border: 1px solid #ed320f;
	background: #ffffff;
	color: #000000;
}
#pageRight input.button {
	margin: 0;
	padding: 0;
	background: #ed320f;
	border: none;
	color: #fff;
	font-weight: bold;
}
#pageRight input.button:focus, #pageRight input.button:hover, #pageRight input.sffocus {
	background: #636162;
	border: none;
	color: #ffffff;	
}


/* ###################################
   ## fixes
   ################################### */ 

.clear {
	clear: both;
}



/* Factonomy Additional */

/*BEGIN SECTIONS*/
.split {  display: block; float: left; margin: 0 15px 0 0; padding: 0; position: relative; }
.clear { clear: both; }
.half { width: 330px;}
.third{ width: 215px; font-size: 0.9em;}
.quarter { width: 166px; }
.twothirds { width: 460px; }
.twothirds .half { width: 227px; }
.threequarters { width: 530px; }
.last {float:right !important; margin:0 !important;}
.hide {position:absolute; display:none; left:-10000px;}

#pageFooterDeeplinks h3 {
	font-weight: normal;
	font-size: 1.2em;
	color: #636162;
}

#pageLeft{
	min-height: 900px;
}

* html #pageLeft{
	height: 900px;
}

.more {
	font-size: 0.9em;
}

.twitter {		

}
.block .twitter ul {		
	padding-left: 0px;
	margin: 0;
}
.block .twitter ul li {		
	list-style-type: none;
}
.twitter .item {		
	margin-bottom: 10px;
}
.twitter .even {		
	background-image: url('images/placeholder_tweetoddbkg.png');
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #eeeeee;
	padding: 25px 15px 15px 15px;
}
.twitter .odd {		
	padding: 15px 15px 15px 15px;
}
.twitter .item .time {		
	font-size: 0.8em;
	color: #636162;
}

#carouselplaceholder {
	width: 690px;
	height: 318px;
	position: relative;
	left: -10px;
}

#carouselplaceholder .carousel {
	position: absolute;
	width: 716px;
	height: 318px;
}

/*BEGIN SECTIONS*/
#carouselplaceholder .split {  display: block; float: left; margin: 0 30px 0 0; padding: 0; position: relative; }
#carouselplaceholder .clear { clear: both; }
#carouselplaceholder .half { width: 337px;}
#carouselplaceholder .third{ width: 220px;}
#carouselplaceholder .quarter { width: 156px; }
#carouselplaceholder .twothirds { width: 455px; }
#carouselplaceholder .twothirds .half { width: 220px; }
#carouselplaceholder .threequarters { width: 513px; }
#carouselplaceholder .last {float:right !important; margin:0 !important;}
#carouselplaceholder .hide {position:absolute; display:none; left:-10000px;}

#contentPageDefault .split {  display: block; float: left; margin: 0 15px 0 0; padding: 0; position: relative; }
#contentPageDefault .clear { clear: both; }
#contentPageDefault .half { width: 320px;}
#contentPageDefault .third{ width: 213px;}
#contentPageDefault .quarter { width: 156px; }
#contentPageDefault .twothirds { width: 441px; }
#contentPageDefault .twothirds .half { width: 213px; }
#contentPageDefault .threequarters { width: 498px; }
#contentPageDefault .last {float:right !important; margin:0 !important;}
#contentPageDefault .hide {position:absolute; display:none; left:-10000px;}

#pageWrapper {
	background-image: url('images/pagewrapper.jpg');
	background-position: left;
	background-repeat: repeat-y;
}


.blog-summary {
	
}
#pageLeft .blog-summary .section {
	margin: 0;
}
.blog-info-date {
	font-size: 0.9em;
	color: #666666;
}
.blog-info-category {
	font-size: 0.8em;
}
.blog-info-comments {
	font-size: 0.8em;
}
.blog-more {
	font-size: 0.9em;
	padding-top: 10px;
}
.blog-categories {
/*	font-size: 0.8em; */
}
.blog-categories h2 {
	color: #666666;
}
.blog-categories .item {
	margin-bottom: 4px;
}
.blog-archive {
/*	padding-top: 20px; */
/*	font-size: 0.8em; */
}
.blog-archive h2 {
	color: #666666;
}
.blog-archive .item {
	margin-bottom: 4px;
}
.blog-recentcomments {
/*	padding-top: 20px; */
/*	font-size: 0.8em; */
}
.blog-recentcomments h2 {
	color: #666666;
}
.blog-recentcomments .item {		
	margin-bottom: 10px;
}
.blog-recentcomments .even {		
	background-image: url('images/placeholder_tweetoddbkg.png');
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #eeeeee;
	padding: 30px 15px 15px 15px;
}
.blog-recentcomments .odd {		
	padding: 15px 15px 15px 15px;
}
.blog-recentcomments .item .time {		
	font-size: 0.8em;
	color: #636162;
}
.blog-comments {
	
}
.blog-comments-author {
	font-size: 0.8em;
	color: #666666;
}
.article-paging {
     font-size: 0.8em;
}
.article-paging-newer {
    float: left;
}
.article-paging-info {
    float: left;
}
.article-paging-older {
    float: left;
}

.align-left {
    position: relative;
    text-align: left;
    margin: 4px 0 4px 0;
     
}
.align-center {
    text-align: center;
    margin: 4px 0 4px 0;
     
}
.align-right {
    position: relative;
    text-align: right;
    margin: 4px 0 4px 0;
     
}
.align-default {
    float: left;
    margin: 4px 20px 4px 0;
     
}
.align-float-left {
    position: relative;
    float: left;
    margin: 4px 10px 4px 0;
     
}
.align-float-right {
    position: relative;
    float: right;
    margin: 4px 0 4px 10px;
}
.copyright {
	padding-right: 60px;
}
.padtop10px {
	padding-top: 10px;
}

.review {
	background-image: url('images/testimonial-back.png');
	background-position: bottom;
	background-repeat: repeat-x;
	border: 1px solid #CCCCCC;
}
.review .quote-outer {
	background-image: url('images/testimonial-quote1.png');
	background-position: top left;
	background-repeat: no-repeat;
}
.review .quote-inner {
	background-image: url('images/testimonial-quote2.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 16px 10px 10px 10px;
	text-indent: 40px;
}
#pageLeft .review .quote-outer {
	background-image: url('images/testimonial-quoteblack1.png');
	background-position: top left;
	background-repeat: no-repeat;
}
#pageLeft .review .quote-inner {
	background-image: url('images/testimonial-quoteblack2.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 16px 10px 10px 10px;
	text-indent: 40px;
}
.review .reviewer {
	text-align: right;
	height: 50px;
	padding: 10px 10px 0 0;
	font-size: 10px;
}
#carousel1 {
	background-image: url('images/images_carousel_gather.png');
	background-position: bottom right;
	background-repeat: no-repeat;
}
#carousel1 .carouseltext {
	padding: 10px 10px 10px 10px;
}
#carousel2 {
	background-image: url('images/images_carousel_sort.png');
	background-position: bottom left;
	background-repeat: no-repeat;
}
#carousel2 .carouseltext {
	padding: 10px 10px 10px 345px;
}
#carousel3 {
	background-image: url('images/images_carousel_manage.png');
	background-position: bottom right;
	background-repeat: no-repeat;
}
#carousel3 .carouseltext {
	padding: 10px 400px 10px 10px;
}
#carousel4 {
	background-image: url('images/images_carousel_save.png');
	background-position: bottom left;
	background-repeat: no-repeat;
}
#carousel4 .carouseltext {
	padding: 10px 10px 10px 420px;
}

.teammember {
	padding-top: 10px;
}
.teammember img {
	float: left;
	border: 1px solid #333333;
	margin: 0 5px 5px 0;
	font-size: 1px;
}
.teammember h4 {
	font-weight: bold;
	color: #ed320f;
}
.teammember h5 {
	color: #333333;
}

.frame-lightgrey {
	border: 1px solid #CCCCCC;
	font-size: 1px;
}

.block ol {
	padding-left: 30px;
}
.block ol li {
	list-style-type: lower-alpha;
}
.block ul {
	margin-left: 30px;
	/*padding-left: 30px;*/
}
.block ul li {
	list-style-type: disc;
}

.lightgrey .section-body {
	border: 1px solid #CCCCCC;
	padding: 10px;
}

.borderdark .section-body {
	border: 1px solid #2b2b2b;
	padding: 10px;
}
.frame-borderdark {
	border: 1px solid #2b2b2b;
	font-size: 1px;
}

h2 {padding-top: 25px;}
h2 {padding-top: 15px;}
/* #pageRight {margin-left: 5px;} */
div.blog-summary p {margin: 0;}
.blog-more {padding: 0 0 10px 0;}
a {font-weight: normal;}
.blockBenefit {padding-bottom: 25px;}
.blockHomeContentHeader {margin: 0;}
.blockHomeContentHeader .section .pos1 {} /* for positioning the text on page introductions*/

.blockGetinvolved p {margin: 0;}
.blockSlogan {margin: 25px 0 0 0;}
.blockSlogan .section {margin: 0;}
/*.block {margin: 0px 10px 25px 10px;}*/
#pageLeft .blockSecureandsafe img {border: none;}
#subnavMain {margin: 0 10px 0px;}
#contentIntro {margin:0 0 0 20px; width: 686px; }
#contentPage {margin: 10px 0 0 30px; width: 690px; }
#contentPageDefault {margin: 10px 0 0 30px; width: 686px; }
.twitter .odd {padding: 5px 15px 5px 15px;}
#pageFooterDeeplinks {padding-left: 0px; }
.footercol1 {width: 150px;}
.footercol2 {width: 220px;}
.footercol3 {width: 220px;}
.footercol4 {width: 220px;}
.footercol5 {width: auto;}

.review {border: none; background: none;}
.quote-inner {padding: 0;}
.review .quote-inner {padding: 5px 10px 5px 10px; text-indent:20px;}
.quote-inner p {font-style: italic;}
.review .reviewer {height: auto; font-weight: bold; padding: 0 25px 0 0; }

#carouselplaceholder {left: -20px;}
.carousel .section .carouseltext  h3{margin-bottom: 10px;}
#carousel1 .carouseltext {margin: 45px 260px 0 15px;}
#carousel2 .carouseltext {margin: 40px 5px 0px 0px;}
#carousel3 .carouseltext {margin: 45px 10px 10px 22px;}
#carousel4 .carouseltext {margin: 25px 5px 0 -55px;}

.frame-lightgrey {font-size: 0;}

#pageFooterDeeplinksWrapper  {padding: 45px 0;}

.borderdark  {border: 1px solid #2b2b2b;}
.borderlight {border: 1px solid #c7c7c7;}
.nomargin {margin: 0;}

#navHomepagebenefits ul {margin: 0;}