body {
	margin:0px;
	padding:0px;
	font-family:Verdana;
	background-color:#0A0A0A;
	color:#808080;
	color:yellow;
	line-height:18px;
}

a {
	outline:none;
}

p {
	color:inherit;
	font-size:13px;
}

p.fancyQuote {
	font-size:15px;
	font-style:italic;
	line-height:22px;
}


/* 行行行行行行行行行行行行行行行行行行行行行行行行行行行
	Tooltip
	行行行行行行行行行行行行行行行行行行行行行行行行行行行 */
#tooltip{
	position:absolute;
	z-index:5;
	border:1px solid #757575;
	font-family:Verdana;
	font-size:9px;	
	background:#f7f5d1;
	background:FFCCCC;
	padding:2px 5px;
	color:#333333;
	display:none;
	line-height:150%;
	}	

/* 行行行行行行行行行行行行行行行行行行行行行行行行行行行
	Tooltip
	行行行行行行行行行行行行行行行行行行行行行行行行行行行 */
#sg_screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}	
	
/* 行行行行行行行行行行行行行行行行行行行行行行行行行行行
	Outer container
	行行行行行行行行行行行行行行行行行行行行行行行行行行行 */

div.container {
	top:0px;
	position:absolute;
	width:100%;
	margin:0px auto 0px auto;
	padding:0px;
}

/* 行行行行行行行行行行行行行行行行行行行行行行行行行行行
	Copy Box
	行行行行行行行行行行行行行行行行行行行行行行行行行行行 */
div.copyBoxTop,
div.copyBoxBottom {
	width:996px;
	margin:0px auto 0px auto;
	padding:0px;
	display:block;
	height:30px;
	background:url(img/eval/copyBox_top.jpg) top center no-repeat;
	overflow:hidden;
}

div.copyBoxBottom {
	background:url(img/eval/copyBox_bottom.jpg) bottom center no-repeat;
	height:60px;
	overflow:hidden;
}

.copyBox,
.copyBoxTest,
.copyBox_half {
	text-align:left;
	width:906px;
	display:block;
	position:relative;
	margin:0px auto 0px auto;
	background-color:#141414;
	padding:0px 45px 0px 45px;
	background:url(img/eval/copyBox_bg.jpg) bottom center repeat-y;
	overflow:hidden;
	font-size:12px;
	color:#B3B3B3;
}

/* For 2-column home page layout */
.copyBox_half {
	width:404px;
	background:url(img/eval/copyBox_half_bg.jpg) center center repeat-y;
	border:0px solid blue;
}

table.copyBox,
table.copyBoxGif{
	border:0px;
	width:1000px;
	margin:auto;
}
table.copyBoxGif {
	background:url(img/eval/copyBox_bg.gif) bottom center repeat-y;
}

div.copyBox .copySpacer {
	color:#141414;
	height:2px;
	line-height:2px;
}

.copyBox a {
	color:#999999;
	color:#666666;
	color:#bbbbbb;
	text-decoration:none;
}
.copyBox a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}


div.copyBox_ie {
	width:1000px;
	margin:auto;
	position:relative;
	text-align:center;
}

div.copyBox_ie_filler {
	position:absolute;
	left:-45px;
	z-index:-1;
}
/* 行行行行行行行行行行行行行行行行行行行行行行行行行行行
	Footer
	行行行行行行行行行行行行行行行行行行行行行行行行行行行 */

#footer {
	width:980px;
	position:relative;
	font-size:10px;
	height:100px;
	color:#808080 !important;
	margin:5px auto 5px auto;
}

#footer div.copyright {
	position:absolute;
	width:400px;
	left:5px;
}

#footer div.links {
	position:absolute;
	width:400px;
	left:580px;
	text-align:right;
}

#footer div.links li {
	display:inline;
	padding:0px 0px 0px 15px;
}

/* 行行行行行行行行行行行行行行行行行行行行行行行行行行行
	Masthead, logo, and top Links
	行行行行行行行行行行行行行行行行行行行行行行行行行行行 */
#masthead {
	padding:0px !important;
	margin:0px auto 0px auto;
	display:block;
	width:1020px;
	height:138px;
	position:relative;
	overflow:hidden;
	background:#0A0A0A;
	font-size:12px;
}

#masthead div.links {
	font-family:Verdana;
	position:absolute;
	top:57px;
	left:268px;
	width:735px;
	text-align:right;
}


#masthead li {
	display:inline;
	height:35px;
	padding:7px 10px 20px 10px;
	font-size:12px;
}


#masthead li.tryit,
#masthead li.pricing {
	padding-right:22px;
	padding-left:22px;
	background:url(img/eval/btn_tryit_free.jpg) top left no-repeat;
	width:130px;
}

#masthead li.pricing {
	padding:7px 25px 7px 25px;
	width:184px;
	background-image:url(img/eval/btn_pricing_and_free_trial.jpg);

}

#masthead li.tryit a,
#masthead li.pricing a {
	color:#FFFFFF;
	color:#AAAAAA;
}


#masthead li a,
#footer a {
	color:#808080;
	color:#B3B3B3;
	text-decoration:none;

}
#masthead li a:hover,
#footer li a:hover {
	color:#FFFFFF;
}

div.contact_links {
	width:100%;
	margin:auto;
	position:absolute;
	top:5px;
	left:-5px;
	display:table;
	height:40px;
	z-index:2;
	color:#757575;
	text-align:right;
}

div.contact_links table.links{
	float:right;
	width:450px;
}

/* 行行行行行行行行行行行行行行行行行行行行行行行行行行行
	blockquote
	行行行行行行行行行行行行行行行行行行行行行行行行行行行 */
blockquote {
	padding-right:0px;
	margin-right:0px;
}

/* 行行行行行行行行行行行行行行行行行行行行行行行行行行行
	Tables
	行行行行行行行行行行行行行行行行行行行行行行行行行行行 */
div.copyBox table {
	position:relative;
	background:transparent;
}
table.features {
	margin-bottom:40px;
	font-size:12px;
}
table.features img.absolute {
	position:absolute;
}
table.features td {
	vertical-align:top;
	position:relative;
}

table.links td.img {
	width:24px;
}
table.links td.subscribe {
	width:55px;
	font-size:12px;
}
table.links td.subscribe {
	padding-right:10px;
}
table.links td.get_email_updates {
	text-align:right;
	display:none;
	padding-right:10px;
}

div.contact_links img.link {
	border:0px;
}

/* 行行行行行行行行行行行行行行行行行行行行行行行行行行行
	Anything clickable
	行行行行行行行行行行行行行行行行行行行行行行行行行行行 */
.clickable {
	text-decoration:underline;
	color:#FFFFFF !important;
}
	
/* 行行行行行行行行行行行行行行行行行行行行行行行行行行行
	Tutorials
	行行行行行行行行行行行行行行行行行行行行行行行行行行行 */

/* Table layoiut */
table.featured_tutorials {
	border:0px;
	width:100%;
	font-size:11px;
	margin-top:25px;
	position:relative;
}

table.featured_tutorials td {
	position:relative;	
}
tr.tableSpacer td {
	height:0px;
	line-height:0px;
	padding:0px !important;
	margin:0px !important;
}

table.featured_tutorials td.thumbnail {
	background:transparent !important;
}

td.thumbnail img:hover {
	cursor:pointer;	
}

div.thumbnail_outliner {
	position:relative;
}
div.thumbnail_arrow {
	position:absolute;
	top:20px;
	left:38px;
	width:35px;
	height:42px;
	background:url(img/tutorials/thumbnails/thumbnail_arrow.png) top center no-repeat;
}
div.thumbnail_arrow:hover {
	cursor:pointer;	
}

table.featured_tutorials td.details {
	width:155px;
}

table.featured_tutorials td {
	padding-bottom:25px;
	vertical-align:top;
}
	

div.copyBox div.cols.tutorials {
	margin:auto;
	width:890px;
}

li.tutorial {
	position:relative;
	left:-37px;
	margin:0px 0px 6px 0px;
	list-style-type:none;
	list-style-image:none;
	font-size:12px;
	color:#b3b3b3;
}


li.tutorial.seen {
	list-style-image:url(img/bullets/tutorial_seen.png);
	color:#333333;
	color:#757575;
}

.featured_seen {
	background:url(img/bullets/tutorial_seen.png) top left no-repeat;
	position:absolute;
	top:0px;
	left:-155px;
	width:30px;
	height:30px;
}

div.tutorials ul {
	margin-bottom:40px;
}


div.featured_tutorial {
	display:block;
	position:relative;
	width:100%;
	margin-bottom:40px;
}
.thumbnail {
	display:table-cell;
	width:115px;
	height:83px;
	background-color:#333333;
}

.details {
	display:table-cell;
	vertical-align:top;
	position:relative;
	font-size:11px;
	color:#808080;
	line-height:125%;
	padding-left:10px;
	padding-right:15px;
}

.details .title {
	font-size:12px;
	color:#666666;
	color:#808080;
	color:#b3b3b3;
}

.details a, .title a {
	color:#808080;
	text-decoration:none;
}
.details a:hover, .title a:hover {
	color: #FFFFFF;
	text-decoration:underline;
}
	
/* 行行行行行行行行行行行行行行行行行行行行行行行行行行行
	Canvas with blurb, screencast play
	行行行行行行行行行行行行行行行行行行行行行行行行行行行 */
div.canvas {
	text-align:center;
	width:990px;
	height:562px;
	margin:0px auto 10px auto;
	padding-top:10px;
	position:relative;
	background:url(img/eval/canvas.png) top center no-repeat;
	background:url(img/eval/canvas.jpg) top center no-repeat;
	overflow:hidden;
}

div.canvas.home {
	background:url(img/eval/shotgun_in_a_nutshell_2.jpg) top center no-repeat;
}

div.canvas.home.testing {
	background:url(img/eval/shotgun_in_a_nutshell_4.jpg) top center no-repeat;
}

/* Home page badge */
div.badge, div.badge_float {
	color:#222222;
	font-size:10px;
	line-height:120% !important;
	font-size:10px;
	text-align:center;
	color:#222222;
}


/* 3 badge sizes: 125x125, 150x150, and 175x175 */
div.badge_float {
	position:absolute;
	background:url(img/badge/badge_125x125.png) top left no-repeat;
	text-align:center;
	padding:20px;
	padding-top:28px;
	z-index:3;
	width:85px;
	height:85px;
}

div.badge_float.badge150 {
	background:url(img/badge/badge_150x150.png) top left no-repeat;
	padding:30px 25px 25px 25px;
	width:100px;
	height:95px;
}

div.badge_float.badge175 {
	background:url(img/badge/badge_175x175.png) top left no-repeat;
	padding:30px 25px 25px 25px;
	width:125px;
	height:120px;
}

div.badge .tutorial_link,
div.badge a,
div.badge_float .tutorial_link,
div.badge_float a {
	background-image:none !important;
	padding:0px;
	margin:0px;
}
div.badge .tutorial_link:hover,
div.badge a:hover,
div.badge_float .tutorial_link:hover,
div.badge_float a:hover {
	color:#222222 !important;
}
	
	div.canvas div.play {
		height:45px;
		display:block;
		margin:auto;
		text-align:center;
		width:140px;
		
		background:transparent url(img/buttons/btn_play_135.png) top center no-repeat;
		color:#999999;
		font-family:Verdana;
		font-weight:700;
		font-size:13px;
		padding:8px 10px 0px 0px;
	}
	
	/* Displays case study button - similar to play button */
	div.case_study {
		height:38px;
		width:317px;
		margin:10px auto 0px auto;
		background:transparent url(img/buttons/btn_case_study.png) top center no-repeat;
		color:#999999;
		font-family:Verdana;
		font-weight:700;
		font-size:14px;
		line-height:38px;
		text-align:center;
		padding-right:10px;
	}
	div.case_study a{
		color:inherit;
		text-decoration:none;
	}
	div.case_study a:hover {
		color:#ffffff;
		text-decoration:underline;
	}
	
	div.canvas.tutorials {
		/*height:350px;*/
		background:url(img/eval/canvas_900.jpg) top center no-repeat;
		text-align:left;
		padding-left:45px;
		padding-right:45px;
		width:900px;
		height:auto;
		margin-bottom:0px !important;
		padding-bottom:0px !important;
	}
	
	div.canvas.bottom {
		width:990px;
		height:50px !important;
		background:transparent url(img/eval/canvas_bottom.png) bottom center no-repeat;
		margin:0px auto 0px auto;
		padding:0px !important;
		overflow:hidden;
	}

/* 行行行行行行行行行行行行行行行行行行行行行行行行行行行
	Home Page Tweets
	行行行行行行行行行行行行行行行行行行行行行行行行行行行 */
#tweets, #tweets p {
	font-size:12px;
}

#tweets b {
	color:#bbbbbb;
}
	
/* 行行行行行行行行行行行行行行行行行行行行行行行行行行行
	Overlay - Single Screencast
	行行行行行行行行行行行行行行行行行行行行行行行行行行行 */
#sg_tutorial_single_overlay {
	width:660px;
	height:600px;
	padding-left:20px;
	display:none;
	background-color:transparent;
	overlay:hidden !important;
}

#sg_tutorial_single_overlay object{
	/*
	position:absolute;
	top:15px;
	left:15px;
	z-index:4;
	*/
}

img.closebox {
	position:absolute;
	top:-15px;
	left:-15px;
	z-index:5;
}

span.tutorial_link,
div.tutorial_link,
p.tutorial_link,
h1.tutorial_link,
h2.tutorial_link,
h3.tutorial_link,
h4.tutorial_link {
	background:url(img/tutorials/screencast_icon_small.png) top left no-repeat;
	padding-left:18px;
	margin-left:10px;
}
/* for any links whose bg icons need to be left justified */
.tutorial_link.left {
	margin-left:0px;	
}

	
/* 行行行行行行行行行行行行行行行行行行行行行行行行行行行
	Signup For Email Updates & Twitter Link
	行行行行行行行行行行行行行行行行行行行行行行行行行行行 */
div.signup_for_email_updates {
	font-size:12px;
	color:#333333;
	width:480px;
	margin:0px;
	padding:0px;
}
div.signup_for_email_updates a {
	color:#808080;
}

div.signup_for_email_updates a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
div.signup_for_email_updates span {
	position:fixed;
	margin-left:20px;
	margin-top:3px;
}

div.follow_us_on_twitter {
	width:300px;
	top:0px;
	left:550px;
}


div.follow_us_on_twitter span {
	position:absolute;
	top:15px;
	font-size:11px;
	font-family:Verdana;
	color:#757575;
}


/* 行行行行行行行行行行行行行行行行行行行行行行行行行行行
	Twitter feed on home page
	行行行行行行行行行行行行行行行行行行行行行行行行行行行 */
p.tweet {
	margin-bottom:40px;
	color:#BBBBBB;
}
p.tweet span.pubDate {
	font-size:10px;
	color:#333333;
	color:#757575;
	font-weight:bold;
}

p.tweet a {
	color:inherit;
}
	
div.signup_for_email_updates input {
	/*
	position:relative;
	margin:0px;
	*/
}

input.signupText {
	/*padding:5px 0px 0px 5px;*/
	width:200px;
	/*height:16px !important; */
	height:17px;
	border:1px solid #999999;
	/*top:4px;*/
	color:#999999;
	background-color:#E6E6E6;
}
input.signupText.clicked {
	background-color:#d4d4d4;
	color:#333333;
}
input.signupButton {
	height: 24px;
	width:110px;
	text-align:center;
	background:transparent url(img/buttons/btn_signup_white.png) top left no-repeat;
	font-size:10px;
	border:0px;
	color:#666666;
}

/* image submit */
#signup_for_email_updates_form_submit {
	position:relative;
	display:inline;
}

input.signupButton:hover {
	color:#000000;
}



div.follow_us_on_twitter span {
	left:57px;
	
}
div.follow_us_on_twitter img {
	margin:10px 10px 0px 0px;
	float:right;
}


/* 行行行行行行行行行行行行行行行行行行行行行行行行行行行
	Headers
	行行行行行行行行行行行行行行行行行行行行行行行行行行行 */
h1,h2,h3,
.headline {
	color:#808080;
	color:#BBBBBB;
	font-size:20px;
	font-family:Verdana;
	font-weight:300;
	margin-bottom:0px;
	line-height:125%;
}

h2 {font-size:15px;}
h3 {font-size:13px;}




/* 行行行行行行行行行行行行行行行行行行行行行行行行行行行
	Testimonials
	行行行行行行行行行行行行行行行行行行行行行行行行行行行 */
table.testimonials {
	width:100%;
	margin:auto;
}
table.testimonials td {
	vertical-align:top;
	padding-bottom:15px;
}

table.testimonials  td.quote{
	padding-right:50px;
	color:#BBBBBB;
}

td.client {
	width:275px;
	text-align:center;
}
div.testimonial {
	display:block;
	margin-bottom:15px;
	position:relative;
	margin:0px 0px 50px 0px;
	font-size:12px !important;
}

div.testimonial div.client {
	width:270px;
	text-align:center;
	position:absolute;
	top:0px;
	left:0px;
}

.testimonial .quote {
	width:600px;
	text-align:left;
	vertical-align:top;
	font-family:Verdana;
	color:#808080;
	color:#BBBBBB;
	margin-left:275px;
}

.quote p {
	margin:0px 0px 20px 0px;
	padding:0px;
}

.quote .attribution {
	color:#808080;
}


/* 行行行行行行行行行行行行行行行行行行行行行行行行行行行
	Sign up for the beta (form)
	行行行行行行行行行行行行行行行行行行行行行行行行行行行 */
form {
	margin:0px;
	padding:0px;
}

p.signup {
	font-size:15px;
	color:#808080;
	line-height:21px;
}


td.label {
	width:175px;
	text-align:right;
	padding-right:5px;
	color:#808080;
}

label.error {
	margin-left:5px;
	color:red;
}
span.star {
	margin-left:5px;
	color:inherit;
}
form td {
	padding:10px;
	vertical-align:top;
}
form td input.text,
form td textarea,
input.required {
	width:420px;
	background-color:#CCCCCC;
	height:16px;
	padding:3px;
	border:0px;
}

form td textarea {
	height:150px;
}


/* 行行行行行行行行行行行行行行行行行行行行行行行行行行行
	Features and column layouts
	行行行行行行行行行行行行行行行行行行行行行行行行行行行 */
	
div.features,
div.faqs{
	font-size:11px;
	color:#666666;
	margin-bottom:50px;
}
div.cols {
	display:block;
	/*
	width:100%;
	font-size:12px;
	color:#666666;
	line-height:150%;
	*/
	position:relative;
}


div.col,
div.col1,
div.col2 {
	display:table-cell;
	vertical-align:top;
}


div.col1 {
	width:55%;
}

div.col2 {
	width:45%;
	overflow:hidden;
}

div.col66 {
	width:580px;
	display:table-cell;
	vertical-align:top;
	padding-right:40px;
}
div.col34 {
	width:375px;
	text-align:right;
	display:table-cell;
	vertical-align:top;
}

div.colCopy {
	width:800px;
	display:table-cell;
	vertical-align:top;
}


div.features ul,
div.faqs ul {
	position:relative;
	margin-bottom:25px;
}

li.feature,
li.faq,
ul.faq li {
	margin-bottom:7px;
	list-style-image:url(img/bullets/feature_li.png);
	position:relative;
	left:-20px;
	font-size:inherit;
}

li.faq,
ul.faq li {
	list-style-image:url(img/bullets/faq_li.png);
}





span.warning,
span.muted {
	font-weight:normal;
	margin-left:5px;
	color:red;
	font-size:11px;
}

span.warning.muted,
span.muted {
	color:#666666;	
}

select.warning {
	background:url(img/forms/warning_bg_color.jpg) top left;
}


/* Signup for error handler */
#error_handler {
	display:none;
	padding:0px;
}

#error_container {
	background-color:#BA3A3A;
	padding:10px;
}

#error_closebox {
	padding:15px;
	font-size:12px;
	background-color:#BBBBBB;
	text-align:right;
	color:#EEEEEE;
	border-bottom:1px solid #999999;
}

#error_message {
	border-top:0px;
	padding:25px;
	padding-top:10px;
	font-size:14px;
	background-color:#DDDDDD;
	color:#222222;
}

#error_message h1 {
	color:#757575;
	font-weight:500;
}

p.print {
	font-size:9px;
	background:url(img/icons/icon_print.png) top left no-repeat;
	color:#999999;
	padding-left:25px;
	line-height:20px;
}

/* 行行行行行行行行行行行行行行行行行行行行行行行行行行行
	All Q&A's (eg: beta_faq and pricing_faq) should have
	links that are ALWAYS decorated
	行行行行行行行行行行行行行行行行行行行行行行行行行行行 */
div.q_and_a a {
	color:#FFFFFF;
	text-decoration:underline;
}