/* Start (Home) Page */
/* NOTE: agilegem.css must have been previously loaded */
	
#start_page {
	width:950px;}

#start_page a {
	color:#0071BC;
	text-decoration:none;}
	
#start_page a:hover .text {
	color:#66C2FF;}

#start_page a img{
	border:0;
	margin-left:5px;}

#start_page .content .message,
#start_contact .content .message,
#start_about .content .message,
#start_signup .content .message {
	color:green;}

#start_page .content .message.error,
#start_contact .content .message.error,
#start_about .content .message.error,
#start_signup .content .message.error {
	color:red;}

#start_page .splash {
	height:270px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	background-color:#5D9BC4;}

#start_page .splash .background {
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	background-image:url("/img/start_page/splash_background.png?v=fe48cebe43510b737c2718619fe4154d");
	width:910px;
	height:230px;
	padding: 40px 0 0 40px;}

#start_page .splash .image {
	width: 386px;
	height:217px;}

#start_page .splash .play_button {
	text-align:center;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-border-radius:10px;
	background-color:#666;
	opacity: 0.7;
	filter: alpha(opacity=70);
	width:100px;
	height:80px;
	position:absolute;
	margin:67px 0 0 134px;
	cursor:pointer;}

#start_page .splash .play_button img {
	margin: 15px 0 5px 0;}
	
#start_page .splash .play_button .text {
	font-size:0.7em;
	font-weight:bold;
	color:#FFF;}
	
#start_page .splash .play_button:hover {
	background-color:#999;}

#start_page .splash .blurb {
	color: white;
	font-weight:bold;
	text-shadow: #666 0.1em 0.1em 2px;
	margin-left:40px;
	width:430px;}
	
#start_page .splash .blurb .title {
	width:400px;
	font-size: 1.8em;}

#start_page .splash .blurb .sub-title {
	margin: 1em 0 1em 0;
	font-size: 1.0em;}
	
#start_page .splash .blurb .signup {
	margin:20px 0 0 -15px;}

#start_page .splash .blurb .signup .image {
	background-image:url("/img/start_page/home_signup.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-35px -30px;
	width: 230px;
	height: 80px;}
	
#start_page .splash .blurb .signup .image:hover {
	background-position:-313px -30px;}
	
#start_page .splash a.about_features {
	font-size:1em;
	font-weight:bold;
	margin:50px 0 0 10px;}
	
#start_page .splash a.about_features .text {
	text-shadow: #333 0 0 0;
	color: #F5EE30;}
	
#start_page .splash a.about_features:hover .text {
	color: #FAF7B7;}

#start_page .splash a.about_features .icon {
	background-image:url("/img/start_page/arrow_yellow.png?v=fe48cebe43510b737c2718619fe4154d");
	width: 16px;
	height: 16px;}
	
#start_page .splash a.about_features:hover .icon {
	background-position:-15px 0px;}

#start_page .features {
	width:955px;}

#start_page .features .feature {
	margin: 5px 5px 0 0;
	width: 186px;
	height: 130px;
	background: white;}
	
#start_page .features .feature .background {
	background-image:url("/img/start_page/feature_background.png?v=fe48cebe43510b737c2718619fe4154d");
	background-repeat:repeat-x;
	border: 1px solid #D5D5D5;
	padding:15px;
	height:98px;}

#start_page .features .feature .image_title .icon {
	width:48px;
	height:48px;}
	
#start_page .features .feature .image_title .text {
	margin: 10px 0 0 20px;
	width:80px;
	font-size: 0.8em;
	font-weight: bold;
	color: #333;}
	
#start_page .features .feature .description {
	line-height:1.1em;
	margin-top: 15px;
	font-size: 0.7em;
	color: black;}
	
#start_page .bottom {
	height:300px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	border: 1px solid #D5D5D5;
	background-color:white;
	margin-top: 5px;}
	
#start_page .bottom a.learn_more {
	font-size: 0.9em;
	font-weight:bold;
	margin:0 10px 0 0;}
	
#start_page .bottom a.learn_more .icon {
	background-image:url("/img/start_page/arrow_blue.png?v=fe48cebe43510b737c2718619fe4154d");
	margin-left:5px;
	width: 16px;
	height: 16px;}
	
#start_page .bottom a.learn_more:hover .icon {
	background-position:-15px 0px;}

#start_page .bottom .left {
	padding: 30px 30px 0 30px;
	width: 509px;}

#start_page .bottom .right .title {
	font-size:1.0em;
	color: #333;}

#start_page .bottom .left p {
	margin-top:1em;
	font-size:0.8em;}

#start_page .bottom .right .logos {
	margin-top:30px;}
	
#start_page .bottom .right .logos .title {
	font-size:1.0em;
	color: #333;}
	
#start_page .bottom .right .logos .logo {
	margin: 20px 10px 0 0;
	width: 158px;
	height: 60px;}
	
#start_page .bottom .separator {
	background-image:url("/img/start_page/home_vertical_line.png?v=fe48cebe43510b737c2718619fe4154d");
	width: 3px;
	height:100%;}
	
#start_page .bottom .right {
	padding: 0px 0 0 65px;
	width:310px;}
	
#start_page .bottom .left .title {
	font-size:1.em;
	font-weight:bold;
	color:#333;}
	
#start_page .bottom .left li {
	margin:1em 0 1em 0;
	font-size: 0.9em;}

#start_page .bottom .left li .text {
	margin: 4px 0 0 10px;}	

/* About Page */

#start_signup,
#start_about,
#start_features,
#start_agile {
	width:950px;}
	
#start_signup .header,
#start_contact .header,
#start_about .header,
#start_features .header,
#start_agile .header {
	height:20px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	padding: 15px;
	background-color:#5D9BC4;}

#start_signup .header .title,
#start_contact .header .title,
#start_about .header .title,
#start_features .header .title,
#start_agile .header .title {
	margin-left: 10px;
	font-size:1.2em;
	font-weight: bold;
	color:white;}
	
#start_about .content {
	height: 480px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	background-color:white;
	padding: 30px 0 0 30px;}
	
#start_about .content .title {
	color: #333;
	font-size:1.1em;
	font-weight: bold;}
	
#start_about .content .left {
	width: 520px;}
	
#start_about .content .left p {
	margin-top:2em;
	font-size: 1em;
	line-height:1.2em;}
	
#start_about .content .left li {
	margin: 1em 0 1em 0;
	font-size:1em;}
	
#start_about .content .left li .icon {
	width: 20px;
	margin-top:-2px;}
	
#start_about .content .left li .text {
	width: 500px;}

#start_about .content .separator {
	margin:-10px 0 0 30px;
	background-image:url("/img/start_page/about_vertical_line.png?v=fe48cebe43510b737c2718619fe4154d");
	width: 3px;
	height:100%;}
	
#start_about .content .right {
	margin-left:30px;
	width: 300px;}
	
#start_about .content .right .member {
	margin-top:20px;}
	
#start_about .content .right .member .image {
	padding: 5px;
	height:112px;
	width:112px;
	border: 1px solid #D5D5D5;}
	
#start_about .content .right .member .text {
	margin: 10px 0 0 10px;
	line-height:1.2em;
	font-size: 1em;
	width: 160px;}
	
	
#start_contact {
	width:950px;}

#start_contact a {
	color:#5D9BC4;
	text-decoration:none;}
	
#start_contact a:hover .text {
	opacity: 0.7;
	filter: alpha(opacity=70);}
	
#start_contact p {
	margin-top:2em;
	font-size: 1em;
	line-height:1.2em;}
	
#start_contact .content {
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	background-color:white;
	padding: 30px 0 0 30px;}

#start_contact .content .left {
	padding: 20px;
	width: 200px;}
	
#start_contact .content .left .image {
	width: 200px;
	height: 300px;}

#start_contact .content .separator {
	margin:-20px 0 0 30px;
	background-image:url("/img/start_page/contact_vertical_line.png?v=fe48cebe43510b737c2718619fe4154d");
	width: 3px;
	height:100%;}

#start_contact .content .right {
	padding:10px 0 0 10px;
	width: 620px;}
	
#start_contact .content .right .text {
	margin-left: 20px;}

#start_contact .content .right .map {
	margin-left:30px;}
	
#start_contact .content .right .map iframe {
	margin-bottom:10px;}
	

#start_signup a {
	color:#5D9BC4;
	text-decoration:none;}
	
#start_signup a:hover .text {
	opacity: 0.7;
	filter: alpha(opacity=70);}
	
#start_signup p {
	margin-top:2em;
	font-size: 1em;
	line-height:1.2em;}
	
#start_signup .content {
	height: 400px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	background-color:white;
	padding: 30px 0 0 30px;}
	
#start_signup .content .inside {
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-border-radius:10px;
	background-color: #F0F0F0;
	padding: 40px 30px 0 30px;
	width: 400px;
	height: 200px;}
	
#start_signup .label {
	font-size:0.8em;
	font-weight:bold;
	color: #333;
	text-align:right;
	margin-top:19px;
	width:100px;
	height:22px;}
	
#start_signup input.name,
#start_signup input.email,
#start_signup.confirm input.login {
	margin:15px 0 0 10px;
	width: 280px;
	height:22px;}
	
#start_signup input.password,
#start_signup input.confirm {
	margin:15px 0 0 10px;
	width: 134px;
	height:22px;}
	
#start_signup .button {
	margin:10px 5px 0 0;}

#start_signup .button .image {
	background-image:url("/img/start_page/signup.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-5px 0;
	width:95px;
	height:59px}
	
#start_signup .button .image:hover {
	background-position:-100px 0;}

#start_signup #signup_message {
	width: 280px;
	text-align:right;
	margin:30px 10px 0 10px;}
	
#start_signup.survey #signup_message {
	width:800px;
	text-align:left;}
	
#start_signup.confirm .button .image {
	background-image:url("/img/start_page/login.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-5px 0;
	width:75px;
	height:59px}
	
#start_signup.confirm .button .image:hover {
	background-position:-85px 0;}
	
#start_signup .right {
	padding: 10px 30px 0 30px;
	width: 400px;}
	
#start_signup .right .bullet {
	margin-bottom: 20px;}
	
#start_signup .right .text {
	margin: 20px 0 0 10px;
	font-size:0.8em;
	width:300px;}
	
#start_signup .right .text.large {
	color:#333;
	font-size:1.2em;
	font-weight:bold;}
	
#start_signup .instructions {
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-border-radius:10px;
	background-color: #F0F0F0;
	padding: 20px 30px 10px 30px;
	width: 830px;
	font-size:0.9em;}
	
#start_signup .instructions {
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-border-radius:10px;
	background-color: #F0F0F0;
	padding: 20px 30px 10px 30px;
	width: 830px;
	font-size:0.9em;}
	
#start_signup.survey .content {
	height:auto;
	padding-bottom:30px;}
	
#start_signup.survey .instructions p {
	margin: 0 0 10px 0;}
	
#start_signup.survey .instructions .image {
	margin-top:20px;
	width: 80px;
	height: 60px;}
	
#start_signup.survey .instructions .text {
	width: 700px;}
	
#start_signup.survey .survey_title {
	color:#333;
	font-weight:bold;
	margin: 30px 0 10px 10px;}
	
#start_signup.survey .questions {
	font-size:0.9em;
	padding: 10px 0 0 0;}
	
#start_signup.survey .questions .number {
	-moz-border-radius:2px;
	border-radius:2px;
	-webkit-border-radius:2px;
	background-color:#0C2056;
	color:white;
	width:1.2em;
	height:1.2em;
	padding-top:0.1em;
	text-align:center;
	margin:13px 0 0 10px;}

#start_signup.survey .questions .question {
	color:#333;
	font-weight:bold;
	margin:15px 0 0 10px;}

#start_signup.survey .questions .answers {
	font-size:0.8em;
	margin-top: 10px;
	margin-left: 10px;}
	
#start_signup.survey .questions .answers .answer {
	margin: 5px 0 5px 30px;}
	
#start_signup.survey .questions .answers .radio {
	margin: 2px;}
	
#start_signup.survey .questions .answers .entry {
	margin: 0 0 0 18px;
	width: 300px;}
	
#start_signup.survey .questions .answers .separator {
	width: 870px;
	height: 15px;
	border-bottom: 1px solid #D5D5D5;
	margin: 10px 0 10px 0;}
	
#start_signup .button_line {
	margin-left:400px;}
	
#start_signup.survey .button .image {
	background-image:url("/img/start_page/done.png?v=fe48cebe43510b737c2718619fe4154d");
	background-position:-10px 0;
	width:75px;
	height:59px}
	
#start_signup.survey .button .image:hover {
	background-position:-83px 0;}
	
#start_signup .forgot_password {
	margin-right:5px;
	font-size:0.8em;}

#start_features .content {
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	background-color:white;
	padding: 10px 0 0 10px;}
	
#start_features .nav {
	width:150px;}

#start_features .nav a {
	text-decoration: none;}
	
#start_features .nav .nav_item {
	cursor:pointer;
	height:24px;
	width: 130px;
	line-height:23px;
	padding:4px 10px;
	margin:5px;
	color:#0C2056;
	font-size:0.9em;
	font-weight:bold;}
	
#start_features .nav .nav_item:hover,
#start_features .nav .nav_item.current {
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-border-radius:8px;
	background-image:url("/img/gradients/topmenu_sprite.png?v=fe48cebe43510b737c2718619fe4154d");
	background-repeat:repeat-x;	
	background-position:0 0px;
	color:white;}
	
#start_features .feature {
	margin:0 10px 20px 10px;}
	
#start_features .feature .left {
	width:275px;}
	
#start_features .feature .right {
	padding:10px;
	width:450px;}
	
#start_features .feature .left2 {
	width:375px;}
	
#start_features .feature .right2 {
	padding:10px;
	width:350px;}
	
#start_features .feature .top {
	width:730px;}
	
#start_features .feature .bottom {
	padding:10px;
	width:730px;}
	
#start_features .feature .title {
	color:#0071BC;
	font-weight:bold;
	font-size:1em;
	margin:10px;}
	
#start_features .feature p,
#start_features .feature ul {
	font-size:0.8em;
	margin:10px;}

#start_features .feature li .text {
	margin:0 0 5px 10px;
	width: 200px;}
	
#start_features .feature img {
	height:auto;
	max-width:100%;}
	
#start_features .separator {
	background-image:url("/img/start_page/features_separator.png?v=fe48cebe43510b737c2718619fe4154d");
	width:730px;
	height:3px;
	margin: 0 10px 30px 10px;}