@import url(blueprint/screen.css);
 
body {
	background: #7BD3F7 url(../images/login/body-loginexisting.jpg) no-repeat scroll 50% 0;
	color: #211b15;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	margin: 10px 0 0 0;
}
 
h1,h2,h3,h4,h5 {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;
	font-weight: 300;
}

a#newcustomer {
	height: 33px;
	width: 75px;
	position: absolute;
	top: 50px;
	right: 270px;
}

a#existingcustomer {
	height: 33px;
	width: 75px;
	position: absolute;
	top: 50px;
	right: 163px;
}
 
/* @group Typography */
 
dl.quotes,
div.quotes p,
p.testimonial {
	font-family: "Hoefler Text", Constantia, Cambria, Georgia, serif;
}
 
div.quotes p,
p.testimonial {
	background: url(../images/home/quote.png) 0 10px no-repeat;
	font-size: large;
	font-style: italic;
	padding: 1.5em 0 0 1.5em;
}
 
span.source {
	display: block;
	font-size: .6em;
	letter-spacing: .1em;
	margin-top: 5px;
	text-align: right;
	text-transform: uppercase;
}
 
/* @end */
 
a.cta,
.new {
	color: #ff8d23 !important;
}
 
div.container {

	position: relative;
	padding: 50px 200px 20px;
	width:	500px;
}

/* START Form */

div .form {
	width: 400px;
	margin-left: 60px;
	
}

div #section1 {
	height: 50px;
	width: 500px;
	background: url(../images/login/h1existing.png) no-repeat;
	background-position: 0px 0;
}

div #section2 {
	height: 50px;
	width: 500px;
	background: url(../images/login/h2existing.png) no-repeat;
	background-position: 0px 0;
}

div #section3 {
	height: 50px;
	width: 500px;
	background: url(../images/login/h3existing.png) no-repeat;
	background-position: 0px 0;
}

div #section4 {
	height: 50px;
	width: 500px;
	background: url(../images/login/h4.png) no-repeat;
	background-position: 0px 0;
}

div #section5 {
	height: 50px;
	width: 500px;
	background: url(../images/login/h4existing.png) no-repeat;
	background-position: 0px 0;
}

div #example1 {
	height: 400px;
	width: 500px;
	background: url(../images/login/windows.jpg) no-repeat;
	background-position: 21px 0;
	
}

div #message {
	margin-left: 200px;
}

/* END Form*/
 
.
active {
	visibility: visible !important;
}
 
a {
	color: #005A8C;
	cursor: pointer;
	outline: none;
	text-decoration: none;
}
 
a:hover {
	color: #005A8C;
	text-decoration: underline;
}
 
a.more {
	background: url(../images/global/link-arrow.gif) right center no-repeat;
	color: #7BD3F7;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-right: 8px;
	font-style: normal;
	text-transform: uppercase;
	font-weight: bold;
}
 
a.landing,
a.landing:hover,
div.learn_links a,
div.learn_links a:hover {
	border-bottom: 1px dotted #ccc;
	color: #575850;
	text-decoration: none;
}
 
a.external {
	background: url(../images/global/link-ex.png) right center no-repeat;
	padding-right: 14px;
}
 
a.button {
	display: block;
	text-align: left;
	text-indent: -9999px;
}
 
a.signup-small {
	background: url(../images/global/register.png) 0 0 no-repeat;
	height: 39px;
	width: 111px;
}
 
a#mint-logo {
	background: url(../images/global/logo.png);
	background-repeat: no-repeat;
	height: 80px;
	width: 194px;
	position: absolute;
	left: 0;
}
 
.last {
	margin: 0;
	padding-bottom: 40px;
}
 
ul.tabs {
	list-style: none;
	margin: 0;
}
 
ul.tabs a {
	float: left;
	outline: none;
	text-indent: -9999px;
}
 
div.header,
div.footer {
	margin: 0 auto;
	position: relative;
	width: 600px;
}
 
/* @group Header */
 
div.header {
	height: 75px;
	z-index: 20;
}
 
/* @group Login Box */
 
div.header div.login a {
	background: url(../images/global/login-buttons.png) 0 0 no-repeat;
	float: right;
	height: 23px;
	opacity: 0.7;
}
 
div.header div.login a.signup {
	width: 69px;
}
 
div.header div.login a.login {
	background-position: -93px 0;
	margin-left: 24px;
	width: 62px;
}
 
div.header div.login {
	
}
 
div.header div.login a.signup,
div.header div.login a:hover {
	opacity: 1.0;
}
 
/* @end */
 
/* @group Tabs */
 
body.features a#tab-features,
body.solutions a#tab-solutions,
body.blog a#tab-edu,
body.about a#tab-about {
	opacity: 1.0;
}
 
div.header ul.tabs {
	height: 26px;
	position: absolute;
	top: 55px;
	right: 0;
	width: 586px;
}
 
div.header ul.tabs a {
	background: url(../images/global/maintabs.png) 0 0 no-repeat;
	height: 25px;
	margin-left: 30px;
	opacity: 0.7;
}
 
div.header ul.tabs a:hover {
	opacity: 1.0;
}
 
div.header ul.tabs a#tab-features {
	margin: 0;
	width: 86px;
}
 
div.header ul.tabs a#tab-solutions {
	background-position: -136px 0;
	width: 138px;
}
 
div.header ul.tabs a#tab-blog {
	background-position: -317px 0;
	width: 47px;
}
 
div.header ul.tabs a#tab-about {
	background-position: -408px 0;
	width: 63px;
}
 
div.header ul.tabs a#tab-save {
	background-position: -514px 0;
	width: 132px;
}
 
/* @end */
 
/* @end */
 
/* @group Footer */
 
p.legal {
	clear: both;
	margin: 10px 0;
	text-align: center;
}
 
p.legal span {
	display: none;
}
 
body.home span#pcmag-logo-legal,
body#page-awards p.legal span {
	display: inline;
}
 
body#page-awards p.legal span#pcmag-logo-legal {
	display: block;
}
 
div.footer {
	background: url(../images/global/bluefooter.jpg) no-repeat;
	bottom: -54px;
	right:	-18px;
	color: #0096F7;
	font-size: 0.8em;
	line-height: 1.8em;
	min-height: 110px;
	padding: 20px 0;
}
 
div.footer a,
div.footer a:hover {
	color: #0096F7;
}
 
div.footer ul {
	float: left;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 20%;
}
 
div.footer ul.first {
	text-indent: 40px;
}
 
div.footer ul ul {
	float: none;
	font-weight: normal;
	width: 100%;
}
 
div.footer img {
	float: left;
}
 
img#verisign {
	margin: 10px 50px 5px 199px;
	height: 68px;
	width: 124px;
}
 
img#truste {
	margin: 10px 50px 5px 0;
	height: 68px;
	width: 160px;
}
 
img#hackersafe {
	height: 30px;
	margin: 27px 0 5px 0;
	width: 115px;
}
 
/* @end */
 
/* @group Features/Solutions */
 

 
/* @group Selected State */
 
body.features#page-iphone li#tab-iphone,
body.features#page-invest li#tab-invest,
body.features#page-features li#tab-setup,
body.features#page-security li#tab-security,
body.features#page-auto li#tab-auto,
body.features#page-anywhere li#tab-anywhere,
body.features#page-spending li#tab-spending,
body.features#page-budget li#tab-budget,
body.features#page-save li#tab-save,
body.features#page-alerts li#tab-alerts,
body.features#page-fees li#tab-fees,
body.features#page-debt li#tab-debt,
body.features#page-protect li#tab-protect,
body.features#page-free li#tab-free,
body.solutions#page-solutions li#tab-debt,
body.solutions#page-car li#tab-car,
body.solutions#page-student li#tab-student,
body.solutions#page-loans li#tab-loans,
body.solutions#page-retire li#tab-retire,
body.solutions#page-saving-and-spending li#tab-saving-and-spending,
body.solutions#page-food li#tab-food,
body.solutions#page-budget li#tab-budget,
body.solutions#page-invest li#tab-invest,
body.solutions#page-taxes li#tab-taxes,
body.solutions#page-quicken-online-vs-mint li#tab-quicken,
body.solutions#page-microsoft-money-vs-mint li#tab-microsoft {
	background: url(../images/global/side-menu-tab.png) right 8px no-repeat;
	line-height: 55px;
}
 
body.features#page-iphone li#tab-iphone a,
body.features#page-invest li#tab-invest a,
body.features#page-features li#tab-setup a,
body.features#page-security li#tab-security a,
body.features#page-auto li#tab-auto a,
body.features#page-anywhere li#tab-anywhere a,
body.features#page-spending li#tab-spending a,
body.features#page-budget li#tab-budget a,
body.features#page-save li#tab-save a,
body.features#page-alerts li#tab-alerts a,
body.features#page-fees li#tab-fees a,
body.features#page-debt li#tab-debt a,
body.features#page-protect li#tab-protect a,
body.features#page-free li#tab-free a,
body.solutions#page-solutions li#tab-debt a,
body.solutions#page-car li#tab-car a,
body.solutions#page-loans li#tab-loans a,
body.solutions#page-student li#tab-student a,
body.solutions#page-retire li#tab-retire a,
body.solutions#page-saving-and-spending li#tab-saving-and-spending a,
body.solutions#page-food li#tab-food a,
body.solutions#page-budget li#tab-budget a,
body.solutions#page-invest li#tab-invest a,
body.solutions#page-taxes li#tab-taxes a,
body.solutions#page-quicken-online-vs-mint li#tab-quicken a,
body.solutions#page-microsoft-money-vs-mint li#tab-microsoft a,
body.about#page-about div.side-menu ul li li#menuitem-product a,
body.about#page-awards div.side-menu ul li li#menuitem-awards a,
body.about#page-reviews div.side-menu ul li li#menuitem-reviews a,
body.about#page-videos div.side-menu ul li li#menuitem-video a,
body.about#page-testimonials div.side-menu ul li li#menuitem-testimonials a,
body.about#page-company div.side-menu ul li li#menuitem-history a,
body.about#page-team div.side-menu ul li li#menuitem-team a,
body.about#page-board div.side-menu ul li li#menuitem-board a,
body.about#page-investors div.side-menu ul li li#menuitem-investors a,
body.about#page-jobs div.side-menu ul li li#menuitem-jobs a,
body.about#page-privacy div.side-menu ul li li#menuitem-safe a,
body.about#page-faq div.side-menu ul li li#menuitem-sfaq a,
body.about#page-security-tech div.side-menu ul li li#menuitem-tech a,
body.about#page-security-policy div.side-menu ul li li#menuitem-privacy a,
body.about#page-terms div.side-menu ul li li#menuitem-terms a,
body.about#page-press div.side-menu ul li li#menuitem-press a,
body.about#page-photos div.side-menu ul li li#menuitem-gallery a,
body.about#page-screenshots div.side-menu ul li li#menuitem-screenshots a,
body.about#page-product-images div.side-menu ul li li#menuitem-product-images a,
body.about#page-public-site div.side-menu ul li li#menuitem-public-site a,
body.about#page-whats-new-at-mint div.side-menu ul li li#menuitem-new a {
	color: #7BD3F7;
}
 
/* @end */
 
div.side-menu ul a {
	display: block;
	color: #382d24;
}
 
div.side-menu ul a:hover {
	color: #000;
	text-decoration: none;
}
 
div.row {
	background: url(../images/global/line.png) top no-repeat;
	clear: both;
	padding: 15px 0 0 0;
}
 
img.left {
	float: left;
	margin: 0 15px 15px 0;
}
 
img.right {
	float: right;
	margin: 0 0 15px 15px;
}
 
/* @end */
 
span.stars {
	font-style: normal;
}
 
span.stars-ie {
	display: none;
}

/* /////////////////////////////// */

a#signup-top {
	position: absolute;
	right: 40px;
	top: 320px;
	z-index: 10;
}
 
div.row a.signup-small {
	float: right;
}
 
div.solution div.row img {
	float: right;
	left: 40px;
	margin: 10px 0 15px 0;
	position: relative;
}
 
div.side-menu {
	background-image: url(../images/whyclarity/sidebarbubbles.jpg);
}
 
div.side-menu h2 {
	background: url(../images/whyclarity/whyclarity.png) no-repeat;
	width: 156px;
}
 
div.solution h5 {
	background: url(../images/global/drop.png) 0 5px no-repeat;
	font-size: 22px;
	line-height: 32px;
	padding-left: 26px;
	margin: 0 4px 0 -26px;
}
 
div.solution div.photo {
	background: no-repeat;
	height: 300px;
	width: 630px;
}
 
div.solution h1 {
	background: url(../images/whyclarity/blueheadlines.png) 0 0 no-repeat;
	height: 40px;
	position: relative;
	text-indent: -9999px;
	top: 40px;
}
 
div.solution#solution-debt div.photo {
	background-image: url(../images/whyclarity/family.jpg);
}
 
div.solution#solution-debt h1 {
	background-position: 0 0;
}
 
div.solution#solution-car div.photo {
	background-image: url(../images/whyclarity/employees.jpg);
}
 
div.solution#solution-car h1 {
	background-position: 0 -50px;
}
 
div.solution#solution-student div.photo {
	background-image: url(../images/whyclarity/equipment.jpg);
}
 
div.solution#solution-student h1 {
	background-position: 0 -100px;
}
 
div.solution#solution-retire div.photo {
	background-image: url(../images/whyclarity/100percent.jpg);
}
 
div.solution#solution-retire h1 {
	background-position: 0 -150px;
}
 
div.solution#solution-food div.photo {
	background-image: url(../images/whyclarity/squeegee.jpg);
}
 
div.solution#solution-food h1 {
	background-position: 0 -200px;
}
 
div.solution#solution-budget div.photo {
	background-image: url(../images/whyclarity/clipboard.jpg);
}
 
div.solution#solution-budget h1 {
	background-position: 0 -250px;
}
 
div.solution#solution-invest div.photo {
	background-image: url(../images/whyclarity/network.jpg);
}
 
div.solution#solution-invest h1 {
	background-position: 0 -300px;
}
 
div.solution#solution-taxes div.photo {
	background-image: url(../images/whyclarity/touchup.jpg);
}
 
div.solution#solution-taxes h1 {
	background-position: 0 -350px;
}