@import url(/css/reset.css);

body {background:url(/images/bg_texture.png) #cacaca ;font-family:Arial;}
strong {font-weight:bold}
a, a:link {color:#a7e8f6;text-decoration:none;border-bottom:1px dotted #a7e8f6}
a:hover {color:#85d2e2}

.page_container {
	width:800px;
	margin:50px auto;
}
.affinity_live {text-indent:-999px;width:800px;height:68px;background:url(/images/header_img.png) no-repeat}

.header_summary {
	background:#6a6a6a;
	background:rgba(0,0,0,0.4);
	padding:25px 35px;
	font-size:20px;
	color:white;
	margin-top:15px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	text-shadow:2px 2px 2px #5d5d5d;
	
}
.header_summary p, .test_drive_container p {padding-bottom:14px;line-height:1.2}
.header_summary p.last_para {padding-bottom:0}
.highlight {background:#4b4b4b;padding:2px 4px;-moz-border-radius:3px;-webkit-border-radius:3px;}

.screenshot_viewer {margin-top:13px;position:relative}
.feature_shot {-moz-box-shadow:0 0 7px #888888;position:relative;width:794px;height:514px;border:3px solid #6e6e6e;-webkit-border-radius:4px;-moz-border-radius:4px;}
.shot_1_full {background:url(/images/screenshots/fullsize/view_schedule.png) no-repeat}
.shot_2_full {background:url(/images/screenshots/fullsize/view_task.png) no-repeat}
.shot_3_full {background:url(/images/screenshots/fullsize/view_job.png) no-repeat}
.shot_4_full {background:url(/images/screenshots/fullsize/view_dashboard.png) no-repeat}
.feature_label {z-index:500;border:1px solid #d5d5d5;border:1px solid rgba(255,255,255,0.7);bottom:215px;background:#484848;background:rgba(0,0,0,0.85);padding:8px;color:white;font-size:12px;position:absolute;width:760px;left:10px;-webkit-border-radius:4px;-moz-border-radius:4px;-moz-box-shadow:0 0 5px #646464;line-height:1.2}

.thumbs_container {overflow:auto;margin-top:13px;width:800px;height:191px;background:url(/images/thumbnail_container.png) no-repeat}
.thumb_item {float:left;margin-right:10px;width:187px;cursor:pointer}
.arrow {position:absolute;margin-top:-8px;margin-left:85px;width:37px;height:17px;background:url(/images/arrow_indicator.png) no-repeat}
.fullview_description {display:none}

.thumbs_list {margin:0 0 0 10px;padding-top:10px;overflow:auto}

.thumbnail {width:181px;height:117px;border:3px solid #6e6e6e;-moz-border-radius:3px;-webkit-border-radius:3px;}
.shot_1_tn {background:url(/images/screenshots/thumbs/view_schedule.png)}
.shot_2_tn {background:url(/images/screenshots/thumbs/view_task.png)}
.shot_3_tn {background:url(/images/screenshots/thumbs/view_job.png)}
.shot_4_tn {background:url(/images/screenshots/thumbs/view_dashboard.png)}

.thumb_description {margin-top:4px;color:white;background:#6a6a6a;background:rgba(0,0,0,0.5);-moz-border-radius:3px;-webkit-border-radius:3px;padding:10px 14px;font-size:12px;text-shadow:2px 2px 2px #5d5d5d;}
.focus_shot .thumb_description, .thumb_item:hover .thumb_description{background:#242424;background:rgba(0,0,0,0.8);}
.focus_shot .thumbnail {border:3px solid #333333}

.test_drive_container {margin-top:30px;font-size:18px;color:#363636;text-shadow:2px 2px 2px #aaaaaa;}
.test_drive {margin-bottom:30px;background:url(/images/test_drive.png) no-repeat;height:33px;wdth:288px;text-indent:-9999px;}
.rhs_img {float:right;margin-left:20px;}
.register_button {margin-top:20px;cursor:pointer;}

.footer {margin-top:30px;border-top:1px solid #9e9e9e;padding-top:10px;color:#3f3f3f;font-size:11px;}

.register_form {margin-top:30px;display:none}
.register_form label {display:block;overflow:hidden;margin-bottom:9px;}
.register_form label span {display:block;width:110px;float:left;}
.register_form label input {float:left;}

.form_container {width:273px;padding:20px;background:#dddddd;background: rgba(0,0,0,0.1);-moz-border-radius:4px;-webkit-border-radius:4px;}
.signup {margin-top:20px;}

.aff_text {padding:3px;border:1px solid #6c6c6c;-moz-border-radius:3px;-webkit-border-radius:3px;}
.aff_text:focus {border:1px solid #0c81c3;background:#e8f7ff;}

.user_account_form {}
.inline_label {display:block;float:left;margin-right:10px;text-align:right;width:100px;font-size:18px;}
.text_input {
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	border:1px solid #555555;
	font-family:Arial;
	font-size:13px;
	padding:3px;
	float:left;
}
.text_input:focus {border:1px solid #8A8A8A;background:#e2f6ff}
ul.form_list li {overflow:auto;margin-bottom:10px;}
ul.form_list {border-top:3px dotted #bbbbbb;padding-top:15px;}

.footer a, .footer:link {color:#0c5e80;border-bottom:1px dotted #0c5e80}