/* Typography */
body{
	color: #000;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 13px;
}
p, ol, ul, table, dl{
	margin-bottom: .7em;
}
p, li{
	line-height: 1.7em;
}
h1{
	color: #333;
	font-size: 35px; /* TODO restore to 37px when Donator's Discount removed */
	font-weight: bold;
	line-height: 1.4em;
	margin-bottom: .7em;
	border-bottom: 1px solid #e8edef;
}
h2{
	font-size: 28px;
	font-weight: normal;
	line-height: 1.4em;
	margin-bottom: .7em;
}
h3{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4em;
	margin-bottom: .7em;
}
h4{
	color: #5a7e95;
}
a{
	color:  #069;
	font-weight: bold;
	text-decoration: underline;
}

ul, ol{
	margin: 2em 1.7em;
}
ul li{
	list-style-type: disc;
}
ol li{
	list-style-type: decimal;
}
ol li ol li{
	list-style-type: lower-alpha;
}
del{
	opacity: 0.4;
	-moz-opacity: 0.4;
	-webkit-opacity: 0.4;
	text-decoration: line-through; 
	font-size: .7em;
}
ins{
	color: #090;
}
code{
	background: #ffc;
	display: block;
	padding: 10px;
	margin: 1em;
	
}
.beta-offer{
	color: #999;
	font-size: .5em;
}


.note{
	font-size:  11px;
}
.alert{
	background:  #ffc;
	padding: 20px;
	text-align: center;
}

/* Layout */
html{
	background: #e8edef url(../i/bg-page.png) top left repeat-x;
 	background: #719EBB; /*url(..//i/bg-page.png) top left repeat-x; */
}
body{
	display:  block;
}
#wrap{
	background: #fff;/*  url(../i/bg-wrap.png) top left repeat-x; */
	background: #fff url(../i/bg-header.png) top left no-repeat;
	margin:  0 auto;
	height:  100%;
	padding: 0 10px;
}
#header{
/* 	margin: 0 -10px 0 0; */
	padding: 0 10px;
	height:  150px;
	z-index: 500;
	position:  relative;
}
#header h1{
	background: url(../i/gtdinbox-logo.png) top left no-repeat;
	border: 0;
	margin-left:  90px;
	margin-right: 0;
	width: 640px;
	overflow: hidden;
	text-indent: -9999px;
}
#header h1{
	position: relative;
	top:  10px;
}
#header #for-gmail{
	margin-top:  70px;
}
#nav ul{
	width: 980px;
	margin: 0 -10px 0 0px;
}
#nav, 
#footer-nav{
	height:  50px;
}
#nav ul,
#footer-nav ul
{
	
	background:  #f8fafa url(../i/bg-nav.png) bottom left repeat-x;
	float:  left;
	margin: 0;
	margin-left:  -20px;
}
#footer-nav ul{
	background: url(../i/bg-footer.png) repeat !important;
	margin-left: -20px;
	width: 980px;
}
#nav li, 
#footer-nav li{
	float:  left;
	width:  245px;
	height:  50px;
	margin: 0;
	padding: 0;
	list-style: none;
	-moz-transition: background-color 1s;
	-webkit-transition: background-color 1s;
	-o-transition: background-color 1s;
	transition: background-color 1s;
	background-color: transparent;
}
#nav li.omega, 
#footer-nav li.omega{
	border-right:  none;
}

#nav li a, 
#footer-nav li a{
	border-right:  1px solid #a9bcc8;
	display:  block;
	height: 50px;
	overflow:  hidden;
	text-indent:  -9999px;
	z-index: 600;
	position: relative;
}
#nav li:last-child a,
#footer-nav li:last-child a{
	border-right: none;
}
#nav li.active,
#footer-nav li.active{
	background: rgb(255, 255, 255);
}

#nav li:hover,
#footer-nav li:hover{
	background-color:  rgba(255, 255, 255, 0.5);
}
#nav li.active a{
	border-bottom: 1px solid #fff;
	height: 49px;
}
#footer-nav li.active a{
	border-top:  1px solid #fff;
}
.n-home a{
	background:  url(../i/n-home.png) top left no-repeat;
}
.n-features a{
	background:  url(../i/n-features.png) top left no-repeat;
}
.n-pricing a{
	background:  url(../i/n-pricing.png) top left no-repeat;
}
.n-blog a{
	background:  url(../i/n-blog.png) top left no-repeat;
}


#content{
	padding-top:  20px;
	padding-bottom:  20px;
}

h1#home-strapline{
	background:  url(../i/t-emails-to-tasks.png) top left no-repeat;
	margin-bottom:  16px;
	overflow: hidden;
	text-indent:  -9999px;
}
ul#feature-summary-list{
	margin:  10px 0;
}
ul#feature-summary-list li,
#probeta ul li{
	font-size:  16px;
	font-weight: bold;
	list-style-image: url(../i/bullet-arrow.png);
	margin-bottom:  .5em;
}
a.tour-link{
	font-size: 24px;
	line-height:  48px;
	text-align:  left;
	text-decoration:  underline;
}


/* Signup box */
#signup{
	background:  #ffc;
	font-size: 16px;
	margin: 20px 0;	
	padding:  20px 0 10px;
	text-align: center;
}
#signup h2{
	background:  url(../i/t-evolving.png) top no-repeat;
	overflow:  hidden;
	text-indent:  -9999px;	
}
#signup input.email{
	border:  1px solid #6993ac;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color:  #D6DEE2;
	height:  52px;
	font-size:  16px;
	font-weight:  bold;
	width: 338px;
	position: relative;
	top:  -20px;
	text-indent:  10px;
	margin:  0;
	padding:  0;
}
#signup input.button{
	background:  none;
	border:  none;
	height:  52px;
	width:  110px;
}

#mainbody{
	border-top: 1px solid #e8edef;
	margin-top: 2em;
	padding-top: 2em;
	
}
 /* More Intro */
#more-intro h2{
	background:  url(../i/t-orchestrate.png) top left no-repeat;
	overflow:  hidden;
	text-indent:  -9999px;
	height:  32px;
	margin-bottom:  8px;
}
#more-intro img{
	margin:  1em 0;
}


/* Quotes */
div.quote{
	background: #f8f8fa url(../i/q-close.png) bottom right no-repeat;
	border:  1px solid #d6dee2;
	border-radius: 13px;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;	
	margin-bottom: 10px;
	float:  left;
	width:  100%;
}
#testimonials blockquote{
	background: url(../i/q-open.png) 0 0 no-repeat;
	color:  #1b5f7d;
	padding:  30px 10px 10px;
	font-style: italic;
}
p.citation{
	color:  #54697C;
	font-size:  11px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
}
#testimonials cite{
	font-style:  normal;
}

#footer{
	background: #d2dee7 url(../i/bg-footer.png) top left repeat;
	margin:  0;
	padding-left:  20px;
	width:  960px;
	float:  left;
	font-size: .9em;
	margin-left: -10px;
}

#footer h2{
	height:  22px;
	overflow:  hidden;
	text-indent: -9999px;
	margin:  20px 0 10px;
}
#footer #about h2{
	background:  url(../i/t-a-bit-about.png) top left no-repeat;
}
#footer #find-out-more h2{
	background: url(../i/t-find-out-more.png) top left no-repeat;
}
#footer #twitter-box h2{
	background:  url(../i/t-twitter.png) top left no-repeat;
}

#footer #about ul li,
#footer #about ul{
	list-style-type: none !important;
}
#footer #tweet{
	background: #f8f8fa url(../i/q-close.png) bottom right no-repeat;
	border:  1px solid #d6dee2;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	position: relative;
	margin:  20px 0 0 20px;
	padding:  10px 00px 10px 50px;
}
#footer .twitter-bird{
	position:  absolute;
	top:  -10px;
	left: -30px;
}
#footer #tweet .meta{
	color:  #aaa;
	margin-top:  -.6em;
}


/* Compare/Buy */
/* Buy */
table.compare{
	margin-left: 10px;
	margin-right: 10px;
	width: 930px;
}
table.compare th, 
table.compare td{
	vertical-align: top;

}
table.compare th{
	text-align: center;
/* 	font-style: italic; */
	color: #666;
	
}
table.compare th strong{
	font-style: normal;
	color: #777;
	margin-bottom: 0;
	font-size: 24px;
}
table.compare th span.price{
	display: block;
	font-weight: bold;
}
table.compare th.free span.price{
	margin-bottom: 1.7em;
}
table.compare th.pro span.price{
	margin-bottom: 1.7em;
}

table.compare a.button{
	display: block;
	background: #5c819a;
	background: #97b2c3;
	border: 1px solid #5c819a;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 10px;
	
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-size: 18px;
	margin-bottom: 10px;	
}
table.compare tr td,
table.compare th{
	border-bottom: 1px solid #97b2c3;
	border-left: 1px solid #97b2c3;
	padding: 5px 10px;
}
table.compare th{
	padding-top: 10px;
}
table.compare td{
	
	font-size: 14px;
}
table.compare .variable{
	font-weight: bold;
	border-left: none;
	width: 40%;
}
table.compare .free{
	width: 28%;
}
table.compare .pro{
	background: #e8edef;
	border-left-color: #57819a;
/* 	border-top: 3px solid #360; */
	border-right: 1px solid #57819a;
	border-left-width: 3px;
	border-right-width: 3px;
	width: 28%;
}
table.compare .pro.firstcell{
	border-top: 3px solid #5c819a;
}
table.compare .pro.lastcell{
	border-bottom: 3px solid #57819a;
}


#probeta{
	background: #e8edef;
	border: 1px solid #57819a;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 20px;
	font-size: 16px;
	position: relative;
}
#buypage #probeta h2{
	padding-top: 0;
	margin-top: 0;
}
#probeta ul{
	margin-left: 20px;
	margin-bottom: 0;
}
#probeta .preorder{
	position: absolute;
	bottom: 20px;
	right: 20px;
}

ul.faqs > li 
{
	border-bottom: 1px solid #e5e5e5;
	list-style-type: none;
	margin-left: 0;
	margin-bottom: 1em;
}
ul.faqs h4 
{
	font-size: 14px;
	margin-bottom: 0;
}

ul.faqs p{
	font-size: 12px;
}
ul.faqs img{
	margin: 1em auto;
}




#buypage h2{
	clear: both;
	margin: 1em 0;
	border-bottom: 1px solid #97b2c3;
	padding: 1em 0 .5em;
}
#buypage .section{
	float: left;
	clear: both;
	width: 100%;
}
#buypage .alert h2{
	margin-top: 0;
	padding-top: 0;
}

#buypage .alert{
	font-size: 14px;
}


/* Account */
form{
	border: 1px solid #d6dee2;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 20px;
}
form table{
	margin: 0 160px;
}
form table td{
	padding-bottom: 10px;
}
form label{
	font-weight: bold;
	font-size: 14px;
	width: 160px;
	display: block;
}
form input[type='text'],
form input[type='password']{
	height: 30px;
	margin: 0;
	width: 350px;
}
p.help{
	color: #999;
	font-size: 12px;
	font-style: italic;
	margin: 0;
}
#logout.help{
	margin-top: -2em;
	margin-bottom: 2em;
}
#login input, 
#reset_button input,
#complete input{
/* 	margin-top: 1em; */
}
#login p.help,
#reset_button p.help{
	margin-top: 1em;
}
#master_email_smallprint.help{
	margin-top: -1em;
}

.noticebox{
	font-weight: bold;
	padding: 20px;
	background: #FFFED0;
	border: 1px solid #ddd;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 1em;
}

/* Errors */
.errorbox{
	font-weight: bold;
	padding: 20px;
	background: #fae5e5;
	border: 1px solid #c00;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 1em;
}


#account_basics h3,
#account_type h3,
#recent_transactions h3{
	padding-top: 2em;
}

/* Accounts Products table */
#products_table,
#transactions_table{
	border-top: 1px solid #97b2c3;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 1em 0;
	width: 940px;
}
#products_table td{
	height: 60px;
}
#products_table td,
#transactions_table td{ 
	border-bottom: 1px solid #97b2c3;
	padding: 10px 20px;
	text-align: center;
	vertical-align: middle;
}
#transactions_table td:nth-child(odd){
	background: #f8fafa;
}
#products_table tr.current_plan td{
	background: #f8fafa;
	font-weight: bold;
}
#products_table td.name{
	font-weight: bold;
	font-size: 16px;
	width: 80px;
}
#products_table td.price{
	font-size: 16px;
	font-weight: bold;
	width: 300px;
}
#products_table td.price del{
	opacity: 0.4;
	-moz-opacity: 0.4;
	-webkit-opacity: 0.4;
	text-decoration: line-through; 
}
#products_table td.price ins{
	color: #090;
}
#products_table td.benefits{
	width: 200px;
}

#products_table button{
	border: none;
	background: none;
}


/* Buy Plus page */

.payment_pane{
	float: left;
	width: 600px;
}
.payment_pane form{
	float: left;
}
.payment_pane form table{
	margin: 0;
}
.payment_pane form label{
	width: 240px;
}
.payment_pane form input[type='text'],
.payment_pane form input[type='password']{
	height: 20px;
	margin: 0;
	width: 250px;
}
.payment_pane form td{
	border-bottom: 1px solid #97b2c3;
	padding: 10px;
}
.payment_pane form tr:nth-child(odd){
	background: #f8fafa;
}
.create_account{
	margin-bottom: 1em;
}

.payment_methods{
	width: 100%;
	clear: both;
	float: left;
	margin: 0 0 3em;
}

div#choose_payment_method{
	margin-bottom: 2em !important;
}
div#choose_payment_method h2{
	margin: 1em 0 0 0;
}
.payment_methods div{
	list-style-type: none;
	margin: 0;
	display: block;
	width: 100%;
    clear:both;
}
.payment_methods div *{
	float: left;
}
.payment_methods label[for="paypal"]{
	display: none;
}
.payment_methods input[type="radio"]{
	margin-top: 40px;

}
#confirm_payment input{
	float: left !important;
	margin-right: 20px;
	margin-top: 10px;
}
#confirm_payment{
	padding: 15px;
	background: #ffc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: left;
	display: block;
}

.benefits_pane{
	float: right;
	padding: 10px;
	width: 300px;
}
.benefits_pane h3{
	color: #4D5D67;
	font-size: 18px;
	margin-bottom: .5em;
}
.benefits_pane div{
	border-bottom: 1px dotted #4D5D67;
	padding-bottom: .5em;
	margin-bottom: 1em;
}
.benefits_pane .benefit-last{
    border-bottom: 0 !important;
}
.benefits_pane div:last-child{
	border-bottom: 0;
	padding-bottom: 0;
}

.welcome-box,
#waiting-list,
div.boxout{
	background: #E0E9EE;
	border: 1px solid #BECDD6;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 2em;
    margin-top: 25px;
	padding: 15px !important;
	
}
.welcome-box,
#waiting-list{
	background: #ffc;
	border: 1px solid #fc6;
	float: left;
	width: 905px;
	
}
.welcome-box .message{
	float: left;
	width: 720px;
}
.welcome-box .remaining{
	background: #fff;
	border: 1px solid #999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: right;
	padding: 15px;
	width: 120px;
	text-align: center;
}
.remaining .num{
	background: url(../i/remaining-bg.png) top center no-repeat;
	border-top: 5px solid #c00;
	box-shadow: 5px 5px 5px #ccc;
	-moz-box-shadow: 5px 5px 5px #ccc;
	-webkit-box-shadow: 0px 5px 5px #ccc;
	display: block;
	font-size: 90px;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 10px;
	
}
.rem{
	font-weight: bold;
}
#waiting-list>h2,
#waiting-list>p{
	text-align: center;
	padding: 0 120px;
}
p#email_clean{
	text-align: center;
}
#waiting-list>p{
	margin-bottom: 1.5em;
}

#waiting-list form{
	border: 0;
	padding: 0;
}


#about #cc-licence {
    float:left;
    padding-top:3px;
}

#about #gtdi-disclaimer {
    margin-left:10px;
    float:left;
    width: 300px;
    color:#444;
    font-size:0.8em;
}



/* Features page */

.highlightbox{
	background: #ffffde url(../i/bg-yellowgrad.png) bottom left repeat-x;
	margin-bottom: 1em;
	padding: 10px 0;
}
.highlightbox h1,
.highlightbox h2,
.highlightbox h3,
.highlightbox p{
	margin-left: 10px;
	margin-right: 10px;
}
.highlightbox h3{
	font-size: 16px;
}
.highlightbox ul{
	list-style-image: url(../i/bullet-tick.png);
	margin: auto 10px 10px 34px;	
}
.highlightbox h1{
	border-bottom-color: #FFdf76;
}

#features-intro,
#feature-benefits
{
	margin-top: 2em;
	margin-bottom: 0em;
}

#features-intro h3{
	font-size: 24px;
	margin-top: 3px;
}
#features-intro p{
	font-size: 14px;
}
p.buybutton{
	clear: both;
	margin: 0em auto 1em;
	text-align: center;	
}
#features-tour h1:first-child{
	clear: both;
	text-align: center;

}


.feature-group{
	border-top: 1px solid #e8edef;
	float: left;
	margin-bottom: 1em;
	padding-top: 1em;
	
}
.feature-group h2{
	color: #5a7e95;
	font-weight: bold;
	margin-bottom: .2em;
	
}
.feature-group h2 + p{
	font-size: 14px;
	width: 668px;
}


.gallery{
	margin: 1em 0 2em;
}
.gallery .main{
	border: 16px solid #e8edef;
	box-shadow: 5px 5px 5px #aaa;
	-moz-box-shadow: 5px 5px 5px #aaa;
	-webkit-box-shadow: 0px 5px 5px #aaa;
	width: 668px;
	z-index: 500;
}
.gallery .main img{
	width: 100%;
}
.gallery .feature-list ul{
	margin: 0 0 0 -20px;
}
.gallery .feature-list li{
	border-bottom: 1px solid #e8edef;	
	list-style-type: none;
	padding: 10px 20px 10px 10px;
	display: block;
	position: relative;
	-moz-transition-property: background-color;
	-moz-transition-duration: 1s;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 1s;
	-o-transition-property: background-color;
	-o-transition-duration: .5s;
	transition-property: background-color;
	transition-duration: 1s;
	background-color: rgb(255, 255, 255);
}
.gallery .feature-list li:hover{
	background-color: rgba(232, 237, 239, 0.5);
}

.gallery .feature-list li.active{
	background: #e8edef;
	box-shadow: 5px 5px 5px #aaa;
	-moz-box-shadow: 5px 5px 5px #aaa;
	-webkit-box-shadow: 0px 5px 5px #aaa;
	z-index: 100;

}
.gallery .feature-list li:first-child{
	border-top: 1px solid #e8edef;
}
.gallery .feature-list h3{
	font-size: 12px;
}
.gallery .feature-list h3,
.gallery .feature-list p{
	margin: 0;
	font-weight: bold;
	font-size: 14px;
}
.gallery .feature-list img{
	display: none;
}


.gallery .plus{
	overflow: hidden;
}
.gallery .plus span{
	background: #c00;
	background: rgba(200, 0, 0, 0.5);
	width: 100px;
	text-align: center;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	padding: 2px 15px;
	position: absolute;
	text-transform: uppercase;
	top: 8px;
	right: -50px;	
	display: block;
	line-height: 1em;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: roate(45deg);
	-webkit-transform: rotate(45deg);
}
.gallery .plus:hover span{
	background: rgba(200, 0, 0, 1);
}

/* About page */
.bio{

	border-top: 1px solid #e8edef;
	margin-top: 1em;
	padding-top: 1em;
}
.bio_pic{
	box-shadow: 5px 5px 5px #ccc;
	-moz-box-shadow: 5px 5px 5px #ccc;
	-webkit-box-shadow: 0px 5px 5px #ccc;
	float: right;
	margin: 1em 0 1.6em 1.6em;
	padding: 0;
	border: 5px solid #fff;	
}
.bio_pic img{
	margin-bottom: -5px;
}