/**
 * InvoiceMore.com
 *
 * @package InvoiceMore.com
 * @author Vance Lucas - Actridge, LLC <vance@actridge.com>
 * @link http://www.invoicemore.com/
 * @link http://www.actridge.com/
 */

/**
 * Generic Elements / Styles
 */
body {
	background-color: #252525;
	color: #333;
	font-size: 14px;
}
	/* Links */
	a { color: #002157; }
	a:hover {  }

	/* Headings */
	h1 { font-family: Georgia, Times, "Times New Roman", serif; font-size: 36px; line-height: 1.2; letter-spacing: 0px; color: #222; }
	h2 { font-family: Arial, Tahoma, sans-serif; font-size: 20px; line-height: 1.1; letter-spacing: 0px; color: #222; }
	h3 { margin-bottom: 0; font-family: Arial, Tahoma, sans-serif; font-size: 18px; font-weight: normal; line-height: 1.1; letter-spacing: 0px; color: #222; }

	/* forms and fieldsets */
	fieldset {margin:10px 0;  border-top: 5px solid #252525; padding: 10px; background: #F0F0F0; border-bottom: 1px solid #ccc;}
	fieldset legend { padding:0 5px; font-size:130%; font-weight:bold; color: #252525; }
	input, select, option, textarea, button { padding: 2px; }
	input { font-size: 110%; padding: 5px; border: 1px solid #ccc; border-top: 1px solid #777;}


/**
 * Structure
 */
#imHeader {
	border-bottom: 1px solid #000;
}
	#imHeader h1{
		width: 302px;
		height: 69px;
		position: relative;
		margin: 5px 0;
		overflow: hidden;
		color: #252525;
	}
	#imHeader h1 span {
		background: url(../images/imLogo.png);
		position: absolute;
		width: 100%;
		height: 100%;
	}

	/* Navigation */
	#imNav { list-style: none; margin: 23px 0 0 0; padding: 0; }
	#imNav li { float: left; margin: 0; padding: 4px; }
	#imNav li a { display: block; padding: 3px 10px 4px 10px; background-color: #111; font-weight: bold; color: #fff; text-decoration: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; }
	#imNav li a:hover, #imNav li.active a { background-color: #39B54A; }

#imSplash {
	clear: both;
	background: #39b54a url(../images/imSplashBgTile.png) left top repeat-x;
}
	#imSplash .container_12 {
		height: 400px;
		background: #39b54a url(../images/imSplashBg.png) center top repeat-x;
	}
	#imSplash #imSplashText { height: 300px; }
	#imSplash #imSplashText .statements { padding-top: 30px; }
	#imSplash h2 { font-family: Georgia, Times, "Times New Roman", serif; font-size: 20px; line-height: 1.1; letter-spacing: 0px; color: #222; }
	#imSplash h3 { margin-bottom: 0; font-family: Georgia, Times, "Times New Roman", serif; font-size: 18px; font-weight: normal; line-height: 1.1; letter-spacing: 0px; color: #222; }
	/* Splash call to action */
	#imSplashCall { height: 98px; }
	.signupCTA .button { padding-top: 15px; }
	.signupCTA .tourline { padding-top: 32px; font-size: 24px; font-weight: bold; color: #000; }
#imTitle {
	clear: both;
	background: #39b54a url(../images/imSplashBgTile.png) left top repeat-x;
}
	#imTitle .container_12 {
		height: 87px;
		background: #39b54a url(../images/imTitleBg.png) center top repeat-x;
	}
	#imTitle .statements { padding-top: 24px; }
#imBody {
	clear: both;
	padding: 30px 0;
	background-color: #fff;
	border-top: 1px solid #7d7d7d;
}
	#imBody .container_12, #imBody .grid_12 { background-color: #fff; }
	#imBody dt { font-weight: bold; }
	.testimonial blockquote {
		clear: right;
		margin-top: 20px;
		padding: 12px;
		background-color: #eee;
		font-size: 86%;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;
	}
	.testimonial cite {
		display: block;
		float: right;
		background-color: #fff;
	}
#imSignupBanner {
	height: 106px;
	clear: both;
	border-top: 1px solid #7d7d7d;
	border-bottom: 1px solid #7d7d7d;
	background-color: #f0f0f0;
}
#imFooter {
	padding: 30px 0 60px 0;
	clear: both;
}
	#imFooter a { color: #fff; }
	#imFooter dt { color: #8F8F8F; text-transform: uppercase; font-weight: bold; }
	#imFooter dd { }
	#imFooter .credits {
		font-size: 86%;
		color: #eee;
	}

/**
 * Blog
 */
#blogIntro {
	margin-bottom: 30px;
	padding: 0px 10px;
	border: 1px solid #bbb;
	background-color: #FFFFEF;
}
	#blogIntro span { display: block; float: right; padding-top: 3px; }
	#blogIntro p { padding: 15px 10px 0 10px; }


/**
 * Plans and such
 */
.even { background-color: #fff; }
.odd { background-color: #eee; }

/* generic tables */
table { border: 0; border-collapse: collapse; }
td, th { padding: 2px 4px; border: 0; border-collapse: collapse; }

/* plans table */
table.plans, table.plans td, table.plans tr { font-size: 16px; font-weight: bold; line-height: 1.5; }
table.plans { width: 100%; border:0; border: 3px solid #bbb;}
table.plans td { width:15%; padding: 6px 4px; text-align: center; }
table.plans th { padding: 12px 8px; }
table.plans td, table.plans tr { border-width: 0 1px 0px 1px; border-style: solid; border-color: #ccc; }
table.plans thead th { border-width: 0 1px 1px 1px; border-style: solid; border-color: #ccc; }
table.plans thead th h2 { font-size: 140%; padding: 0; margin: 0; }
table.plans tbody th { width: 25%; font-size: 12px; font-weight: normal; text-align: right; padding: 8px 10px; }
table.plans tfoot td { border-width: 1px 1px 0 1px; border-style: solid; border-color: #ccc; }
.planPrices .price { font-size: 20px; }
.planPrices sup { font-weight: normal; font-size: 13px; }
.planPaid { width: 30%; background-color: #EFFFDF; }
.odd .planPaid { background-color: #E0EFD1; }
.planFree { width: 10%; }

/* user messages */
.box_msg {
	padding: 5px;
	border: 1px solid #fff;
}
.box_msg ul, .box_msg ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.box_msg_error {
	color: #000;
	border-color: #990000;
	background-color: #FFDFDF;
}
.box_msg_flash {
	color: #000;
	border-color: #4BAF00;
	background-color: #DAFFBF;
}
.box_msg_notice {
	color: #000;
	border-color: #DDDF00;
	background-color: #FFFFCF;
}


/* main page styles */
.highlightMessage {
	padding: 0 10px 20px 10px;
}
.tourScreenshot {
	border: 1px solid #bbb;
	font-size: 75%;
}
.tourScreenshot p {
	margin: 10px 0;
	text-align: center;
}
.tourScreenshot h2 {
	margin: 0;
	padding: 6px 10px;
	border-bottom: 1px solid #aaa;
	background-color: #ddd;
	font-size: 140%;
	color: #0C2D3F;
}

/* feature tiles */
.featureTile { clear:left; margin:0 15px; border-top:1px solid #bbb; }
.featureTileIcon, .featureTileBlurb { float:left; padding:20px 0 30px 0; }
.featureTileIcon { width:142px; }
.featureTileBlurb { width:370px; padding-top: 36px; }
.featureTileEnd { clear: left; }
.featureTile.tour { background-color: #F7FFEF; }

/* tour tiles */
.tourTile { clear:left; margin:15px; padding:15px 0; border-bottom:1px solid #bbb; }
.tourTileHeading { }
.tourTileInfo, .tourTilePicture { float:left; }
.tourTileInfo { width: 300px; }
.tourTilePicture { width:515px; }