@charset "utf-8";
/*-------------------------------------------------------- COMMON ELEMENTS */
*{
	margin:0;
	padding:0;
	border:0;
	outline:none;
}
body{
	background: #e9eaea url(../images/bg.jpg) top center no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:22px;
	color:#494949;
}
a{
	color:#007fd8;
	text-decoration: none;
}
.blue{
	color:#007fd8;
}
.fullwidth{
	position: relative;
	margin:0px auto;
	width:980px;
}
.third{
	width:260px;
	padding:40px 30px 10px;
	margin-right:10px;
	float:left;
}
	.mainfeatures .third{
		padding-top:20px;
	}
	.third img{
		margin-bottom:7px;
	}
		.screenshot{
			position: relative;
			display: block;
			width:261px;
			height:99px;
			margin-bottom:7px;
		}
		.screenshot .hover{
			position: absolute;
			top:0px;
			left:0px;
			width:261px;
			height:99px;
			background: url(../images/homepage/scrn_hover.png) no-repeat;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			-moz-box-shadow:0px 1px 8px rgba(0,0,0,.3);
			-webkit-box-shadow:0px 1px 8px rgba(0,0,0,.3);
			box-shadow:0px 1px 8px rgba(0,0,0,.3);
		}
		.screenshot img{			
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			-moz-box-shadow:0px 1px 8px rgba(0,0,0,.3);
			-webkit-box-shadow:0px 1px 8px rgba(0,0,0,.3);
			box-shadow:0px 1px 8px rgba(0,0,0,.3);
			margin-bottom:0px;
		}
			#video{
				position:absolute;
				display:none;
				z-index:100;
				width:960px;
				height:540px;
				-webkit-box-shadow:0px 4px 30px #000; 
				-moz-box-shadow:0px 4px 30px #000; 
				box-shadow:0px 4px 30px #000; 
			}
				#videoClose{
					position:absolute;
					z-index:101;
					margin-left: 945px; 
					margin-top:-13px;
					width:28px;
					height:39px;
					background: url(../images/homepage/videoclose.png) no-repeat;
					text-indent: 300px;
					line-height:50px;
					overflow: hidden;
				}
					#videoClose:hover{
						background-position: -28px 0px;
					}
			#playvideo{
				display: block;
				float:left;
				clear:both;
				margin-top:15px;
				width:200px;
				margin-left:30px;
				padding-left:60px;
				padding-top:4px;
				height:43px;
				overflow: hidden;
				color:#C0E5FE;
				line-height:18px;
				font-size:16px;
				text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
				background: url(../images/homepage/playvideo.png) top left no-repeat;
			}
				#playvideo small{
					font-weight:normal;
					font-size:11px;
				}
				#playvideo:hover{
					background-position: 0px -47px;
					padding-top:5px;
					color:#fff;
				}
					#playvideo:hover small{
						color:#C0E5FE;
					}
	.third.testimonial{
		background: #fff;
		-moz-box-shadow: 0px 2px 7px rgba(0,0,0,.2);
		-webkit-box-shadow: 0px 2px 7px rgba(0,0,0,.2);
		box-shadow: 0px 2px 7px rgba(0,0,0,.2);
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		position: relative;
		margin-top:20px;
		padding-top:40px;
		padding-bottom:40px;
		height:140px;
	}
		.third.testimonial h3{
			position: absolute;
			top:0px;
			left:0px;
			width:100%;
			text-indent:30px;
			background: #f5f5f5;
			color:#b0b0b0;
			font-size:14px;
			line-height:28px;
			-webkit-border-top-left-radius: 6px;
			-webkit-border-top-right-radius: 6px;
			-moz-border-radius-topleft: 6px;
			-moz-border-radius-topright: 6px;
			border-top-left-radius: 6px;
			border-top-right-radius: 6px;
			-moz-box-shadow:0px 1px 0px #fff inset;
			-webkit-box-shadow:0px 1px 0px #fff inset;
			box-shadow:0px 1px 0px #fff inset;
		}
		.third.testimonial p{
			font-style:italic;
		}
		.third.testimonial .name{
			position: absolute;
			bottom:20px;
			left:30px;
			font-style:italic;
			color:#9b9b9b;
		}
		.third.testimonial .test_logo{
			position: absolute;
			bottom:10px;
			right:10px;
		}
.twothirds{
	width:580px;
	padding:40px 30px;
	float:left;
	margin-right:10px;
}
.last{
	margin-right:0px;
}
.clear{
	width:100%;
	height:1px;
	background: none;
	clear:both;
}
h3{
	display: block;
	margin-bottom:10px;
	padding-bottom:10px;
	width:100%;
	height:18px;
	line-height:18px;
	font-weight: normal;
	font-size:18px;
	color:#007fd8;
	border-bottom:1px solid #c7c7c7;

}
.wrapper{
	width:100%;
}
.whitebox{
	background: #fff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	box-shadow:0px 2px 7px rgba(0,0,0,.3);
	-moz-box-shadow:0px 2px 7px rgba(0,0,0,.3);
	-webkit-box-shadow:0px 2px 7px rgba(0,0,0,.3);
	overflow:auto;
}

.form_imp{
	background: #f4f4f4;
	margin:10px;
	padding:10px 0;
	overflow: auto;
	clear:both;
}

/*-------------------------------------------------------- HEADER */

#headerwrapper{
	background: #333 url(../images/homepage/headerwrapper.png) top center repeat-x;
}
#header{
	height:120px;
	background: url(../images/homepage/header.jpg) bottom center no-repeat;
	
}
	#logo{
		position: absolute;
		overflow: hidden;
		text-indent:1000px;
		left:28px;
		top:18px;
		width:125px;
		height:40px;
		background: url(../images/homepage/logo.png) no-repeat;
	}
	ul#mainmenu{
		position: absolute;
		top:86px;
		left:15px;
		list-style:none;
		width:600px;
		margin:0;
		padding-left:0;
	}
		#mainmenu li{
			display: inline;
		}
		#mainmenu li a{
			display: block;
			float:left;
			line-height:28px;
			height:28px;
			font-size:16px;
			text-decoration: none;
			color:#fff;
			padding:0px 10px;
			margin-left:4px;
			text-shadow: 0px 1px 0px rgba(0,0,0,.4);
		}
		 #mainmenu li.active a{
		 	background: rgba(0,0,0,.2);
		 	-moz-border-radius:3px;
			-webkit-border-radius:3px;
			border-radius:3px;
		 }
			#mainmenu li a:hover{
				background: rgba(0,0,0,.1);
				-moz-border-radius:3px;
				-webkit-border-radius:3px;
				border-radius:3px;
			}
	#loginbox{
		position: absolute;
		width:300px;
		height:30px;
		line-height:30px;
		top:25px;
		right:30px;
		text-align:right;
		color:#a4a4a4;
		font-size:12px;
	}
	.loginbutton{
		display: inline-block;
		
		text-align:center;
		height:30px;
		padding:0 10px;
		margin-left:10px;
		line-height:30px;
		border:1px solid #222;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		box-shadow:0px 2px 7px rgba(0,0,0,.3);
		-moz-box-shadow:0px 2px 7px rgba(0,0,0,.3);
		-webkit-box-shadow:0px 2px 7px rgba(0,0,0,.3);
		font-family: Helvetica, Arial, sans-serif;
		color:#174200;
		font-size:14px;
		font-weight:bold;
		text-shadow: 0px 1px 0px #57e709;
		background-color: #dfdfdf;
		background-image:url(../images/homepage/button_green.png);
		background-position: center 0px;
	}
		.loginbutton:hover{
			background-position: center -30px;
		}
		.loginbutton:active{
			background-position: center -60px;
		}

/*-------------------------------------------------------- MAIN BOX */
#mainboxwrapper{
	background: #006FD3 url(../images/homepage/mainboxwrapper.png) repeat-x;
	border-bottom:1px solid #007fd8;
}

#mainbox{
	height:368px;
	background: #006FD3 url(../images/homepage/mainbox.jpg) no-repeat;
}
	#computer{
		position: absolute;
		width:400px;
		height:225px;
		top:143px;
		right:290px;
		text-indent: 590px;
		overflow: hidden;
		line-height:500px;
		background: url(../images/homepage/screenshot.jpg) no-repeat;
	}
		#computer:hover{
			background-position: 0px -225px;
		}
	#mainbox.plans{
		height:298px;
	}
	#mainbox h1{
		display: block;
		position: absolute;
		top:30px;
		left:100px;
		height:83px;
		width:780px;
		text-indent: -3000px;
		overflow: hidden;
		background: url(../images/homepage/h1.png) no-repeat;
	}
		#mainbox.plans h1{
			width:260px;
			top:40px;
			left:30px;
			height:75px;
			width:400px;
			background: url(../images/homepage/h1_plans.png) no-repeat;
		}
		#mainbox.plans h1.websupport{
			width:300px;
			background: url(../images/homepage/h1_websupport.png) no-repeat;
		}
		#mainbox.plans h1.websupport.at{
			width:300px;
			background: url(../images/homepage/h1_websupport_at.png) no-repeat;
		}
	#mainbox h2{
		display: block;
		width:400px;
		float:left;
		margin:130px 0 10px 30px;
		line-height:22px;
		font-size:16px;
		font-weight: normal;
		color:#c0e5fe;
		text-shadow: 0px 1px 0px rgba(0,0,0,.4);
	}
		#mainbox.plans h2{
			width:260px;
		}
		#mainbox h2.subheader{
			width:780px;
			top:113px;
			left:100px;
			float:none;
			position: absolute;
			margin:0;
			text-indent: 800px;
			overflow: hidden;
			line-height:40px;
			height:30px;
			background: url(../images/homepage/h2.png) no-repeat;
		}
		#mainbox.plans h2.websupport{
			background: url(../images/homepage/h2_plans_websupport.png) bottom right no-repeat;
			width:300px;
			padding-bottom:35px;
		}
	#plans{
		list-style: none;
		position: absolute;
		display: block;
		top:15px;
		right:15px;
		width:590px;
		padding:15px;
		height:240px;
		background: url(../images/homepage/mainbox_plans.jpg) no-repeat;
	}
		#plans.websupport{
			background: url(../images/homepage/mainbox_plans_websupport.jpg) no-repeat;
		}
		#plans.websupport.at{
			background: url(../images/homepage/mainbox_plans_websupport_at.png) no-repeat;
		}
		#plans li{
			display: inline;
		}
			#plans li a{
				margin:188px 47px 0px;
				clear:none;
			}
				#plans li a.middle{
					margin-top:198px ;
				}
			#plans li span{
				display: none;
			}
	.plansbutton{
		display: block;
		clear:both;
		width:398px;
		height:38px;
		margin:0px auto;
		line-height:38px;
		overflow: hidden;
		text-indent: -3000px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		box-shadow:0px 2px 7px rgba(0,0,0,.6);
		-moz-box-shadow:0px 2px 7px rgba(0,0,0,.6);
		-webkit-box-shadow:0px 2px 7px rgba(0,0,0,.6);

		background-color: #dfdfdf;
		background-image:url(../images/homepage/signupbutton.png);
		background-position: center 0px;


	}
		.plansbutton:hover{
			background-position: center -38px;
		}
		.plansbutton:active{
			background-position: center -76px;
		}
	.signupbutton{
		display: block;
		float:left;
		clear:both;
		width:100px;
		height:30px;
		line-height:30px;
		overflow: hidden;
		text-indent: -3000px;
		border:1px solid #266a00;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		box-shadow:0px 2px 7px rgba(0,0,0,.3);
		-moz-box-shadow:0px 2px 7px rgba(0,0,0,.3);
		-webkit-box-shadow:0px 2px 7px rgba(0,0,0,.3);

		background-color: #dfdfdf;
		background-image:url(../images/homepage/signup.png);
		background-position: center 0px;
	}
		.signupbutton:hover{
			background-position: center -30px;
		}
		.signupbutton:active{
			background-position: center -60px;
		}

#submainboxwrapper{
	height:76px;
	background: #004677 url(../images/homepage/submainboxwrapper.png) repeat-x;
}
	#submainbox{
		width:980px;
		height:40px;
		padding:18px 0;
		margin:0px auto;
		background: url(../images/homepage/submainbox.jpg) no-repeat;
	}

/*-------------------------------------------------------- REVIEWS */
#reviewwrapper{
	background: #D7D7D7;
	height:65px;
	border-bottom:1px solid #f5f5f5;
	position: relative;
	margin-bottom:20px;
	
}
#reviewwrapper.small{
  height:30px;
}
#reviewwrapper.small span{
  line-height:30px;
}
#reviewwrapper.small #reviews{
  height:30px;
  text-align:right;
}
	#reviews { 
		height:65px;
		overflow:hidden;
		position:relative;
		width:920px;
	}
		.slides {
			position:absolute;
			top:0;
			left:0;
		}
		.slides div {
			position:absolute;
			top:0;
			width:920px;
			display:none;
			font-size:18px;
			line-height:65px;
		}
			.reviewlink{
				display: block;
				overflow: hidden;
				text-indent:-2000px;
				position: absolute;
				top:0px;
				right:0px;
				height:65px;
				width:135px;
				background-position: center right;
				background-repeat: no-repeat;
					
			}
				.reviewlink.TNW{ background-image: url(../images/homepage/rev_TNW.png)}
				.reviewlink.appvita{ background-image: url(../images/homepage/rev_appvita.png)}
				.reviewlink.aboutcom{ background-image: url(../images/homepage/rev_about.png)}
	.pagination{
		margin:-9px auto;
		list-style:none;
		text-align:center;
	}
		.pagination li{
			display: inline;
		}
		.pagination li a{
			display: inline-block;
			width:16px;
			height:13px;
			background: url(../images/homepage/revpagination.png) center 0px no-repeat;
			text-indent:-1000px;
			overflow: hidden;
			
		}
			.pagination li.active a{
				background-position: center -13px;
			}


/*-------------------------------------------------------- how it works */
.whitewrap{
	overflow: auto;
	background: #fff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	box-shadow:0px 2px 7px rgba(0,0,0,.3);
	-moz-box-shadow:0px 2px 7px rgba(0,0,0,.3);
	-webkit-box-shadow:0px 2px 7px rgba(0,0,0,.3);
}
.greywrap{
	background: #e1e1e1;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	box-shadow:0px 1px 0px #fff, 0px 1px 0px #a0a0a0 inset;
	-moz-box-shadow:0px 1px 0px #fff, 0px 1px 0px #a0a0a0 inset;
	-webkit-box-shadow:0px 1px 0px #fff, 0px 1px 0px #a0a0a0 inset;
	overflow:auto;

}
#signupdiv{
	padding:30px;
	width:920px;
	background: #fff url(../images/homepage/signupdiv.png) right 65px no-repeat;
	margin-bottom:40px;
}
	#signupdiv h3{
		font-size:22px;
		border-bottom:none;
		margin-bottom: 0px;
		padding-bottom:5px;
	}
	#signupdiv p{
		font-size:12px;
		color:#898989;
	}
	#signupdiv .signupbutton{
		display: block;
		position: absolute;
		right:30px;
		top:30px;
		width:261px;
		height:38px;
		border:1px solid #b8b8b8;
		line-height:38px;
		overflow: hidden;
		text-indent: -3000px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		box-shadow:none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		cursor: pointer;
		background-color: #dfdfdf;
		background-image:url(../images/homepage/homepage_signupbutton.png);
		background-position: center 0px;


	}
		#signupdiv .signupbutton:hover{
			background-position: center -38px;
		}
		#signupdiv .signupbutton:active{
			background-position: center -76px;
		}

#integrate{
	margin-top:30px;
	padding:30px 30px 30px 360px;
	width:590px;
	background: #e1e1e1 url(../images/homepage/integrate.png) 30px top no-repeat;
	margin-bottom:40px;
}
	#integrate h3{
		font-size:22px;
		margin-bottom:5px;
	}
	#integrate a{
		text-decoration: underline;
	}

/*-------------------------------------------------------- FOOTER */

#footer{
	width:980px;
	margin:0px auto;
	border-top:1px solid #d5d5d5;
	padding:10px 0 40px;
	font-size:12px;
	clear:both;
}
	#websupport{
		float:right;
		width:128px;
		height:19px;
		display: block;
		background: url(../images/homepage/websupport.png) no-repeat;
		text-indent: -3000px;
		overflow: hidden;
	}


/*-------------------------------------------------------- SIGNUP PAGE */

#fullbody{
	position: relative;
	width:980px;
	margin:30px auto;
	background: #fff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	box-shadow:0px 2px 7px rgba(0,0,0,.3);
	-moz-box-shadow:0px 2px 7px rgba(0,0,0,.3);
	-webkit-box-shadow:0px 2px 7px rgba(0,0,0,.3);
	overflow: auto;
}
	#fullbody_header{
		height:70px;
		background: #007fd8 url(../images/homepage/mainbox.jpg) no-repeat;
	}
		#fullbody_header h1{
			text-indent: 28px;
			font-size:30px;
			line-height:70px;
			font-weight: normal;
			color:#fff;
			text-shadow:0px 1px 1px rgba(0,0,0,.75);
		}
h3.signupinfo{
	margin-top:30px;
}



#settingscontent{
	width:740px;
	float:right;
	margin:20px 30px 40px;

}
	h2.settingsheader{
		display: block;
		width: 100%;
		float:left;
		font-size:24px;
		line-height:24px;
		padding-bottom:8px;
		margin:20px 0px;
		color:#007bd6;
		font-weight: normal;
		line-height:24px;
		border-bottom:2px solid #f0f0f0;
	}

	#settings_usertable{
		clear:both;
		margin:20px 0px;
		width:100%;
		border-top:1px solid #c2c2c2;
	}
		#settings_usertable td{
			padding:7px 0px;
			border-bottom:1px solid #c2c2c2;
		}
			#settings_usertable td.name{
				width:40%;
				color:#4b4b4b;
				font-size:16px;
			}
			#settings_usertable td.actions .button{
				float:right;
				margin-left:10px;
			}
label, .label{
	display: block;
	float:left;
	clear:left;
	width:150px;
	padding-right:22px;
	height:50px;
	line-height:50px;
	color:#4b4b4b;
	text-align: right;
}
	.form_imp label{
		width:140px;
	}
	label.switch{
		height:31px;
		line-height:31px;
		padding-right:120px;
		margin:10px 0 9px;
		background: url(../images/settings_switch.png) right -31px no-repeat;
	}
		label.switch.on{
			background-position: right 0px;
		}
	label.separator{
		clear:none;
		padding:0 10px;
		width:inherit;
	}
		label .paramnumber{
			background: #0072d3;
			color:#fff;
			padding:2px 6px;
			font-family: Helvetica, Arial, sans-serif;

			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			border-radius:3px;

		}
span.label{
	line-height:16px;
	height:20px;
}
.ratingform_image{
	float:right;
	background: #ff0000;
}
.formtext{
	display: block;
	width:450px;
	float:left;
	margin-bottom:15px;
	font-size:14px;
	line-height:18px;
	color:#636363;
}
	.formtext .blue{
		font-size:16px;
	}
	.formtext .blue.ticketlink{
		width:100%;
		display: block;
		padding:10px 0px;
	}
small.comment{
	display: block;
	width:370px;
	float:left;
	clear:both;
	margin-left:174px;
	margin-bottom:12px;
	font-size:11px;
	line-height:16px;
	color:#636363;
}
	small.comment.long{
		width:590px;
	}
input,textarea{
	background:white;
	border:1px solid #979797;
	float:left;
	width:250px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:7px 10px;
	margin-top:8px;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#7a7a7a;
}
	input.error,textarea.error{
		border:2px solid #df3737;
		background-color:#dfa7a7;
		color:#333;
	}
	input.zip{
		width:100px;
	}
	input.checkbox{
		width:20px;
		margin-top:17px;
	}
	input.separator{
		width:47px;
	}
	input.long{
		width:400px;
	}
textarea {
	height:100px;
	margin-bottom:10px;
}
select{
	background:white;
	border:1px solid #979797;
	float:left;
	width:270px;
	padding:7px 10px;
	margin-top:8px;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#7a7a7a;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

}
select option{
	padding:0px 10px;
}
button{
	display: block;
	float:left;
	height:28px;
	padding:0px 10px;
	border:1px solid #007fd8;
	color:#fff;
	background-color: #007cd7;
	background-image:url(../images/button.png);
	background-repeat: repeat-x;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:14px;
	text-shadow:0px -1px 0px #004ec9;
	text-decoration:none;
	text-align:center;
	line-height:30px;
	cursor: pointer;
}
button.submit.signup{
		clear:both;
		width:270px;
		height:38px;
		margin:10px 0 10px 163px;
		overflow: hidden;
		text-indent: -3000px;
		border:1px solid #999;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		box-shadow:0px 2px 7px rgba(0,0,0,.3);
		-moz-box-shadow:0px 2px 7px rgba(0,0,0,.3);
		-webkit-box-shadow:0px 2px 7px rgba(0,0,0,.3);

		background-color: #dfdfdf;
		background-image:url(../images/homepage/signupformbutton.png);
		background-position: center 0px;
		float:none;
		margin-top:none;
		margin-right:none;


	}
	button.submit.signup:hover{
		background-position: center -38px;
	}
	
	button.submit.signup.active{
		background-position: center -76px;
	}
	button.submit.signup.websupport{
		background-image: url(../images/homepage/signupformbutton_websupport.png);
	}
	button.submit.signup.websupport.at{
		background-image: url(../images/homepage/signupformbutton_websupport_at.png);
	}
button:hover{
	background-position: 0px -28px;
}

button.active{
	background-position: 0px -56px;
}
button.submit{
	clear:both;
	float:right;
	margin-top:20px;
	margin-right:297px;
}
	button.submit.long{
		margin-right:176px;
	}

/*-------------------------------------------------------- PAGE - SETTINGS - ERRORS AND SUCCESS*/

.message{
	width:auto;
	padding:30px 100px;
	margin: 5em;

	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	font-size:16px;
	color:#646464;
}
	.message ul{
		padding:10px 0px 10px 20px;
		font-size:14px;
		line-height:20px;
	}

.message.success{
	background: #e1ffb9 url(../images/message_success.png) 25px 25px no-repeat;
	border:1px solid #66c600;
}

.message.info{
	background: #d0ecff url(../images/message_info.png) 25px 25px no-repeat;
	border:1px solid #006cd1;
}

.message.]{
	background: #ffe3da url(../images/message_error.png) 25px 25px no-repeat;
	border:1px solid #c92500;
}


.errorSummary {
	background: #ffe3da url(../images/message_error.png) 25px 25px no-repeat;
	border:1px solid #c92500;
	width:auto;
	padding:20px 90px;
	margin:20px 30px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	font-size:16px;
	color:#646464;
}
	.errorSummary p {
	}
	.errorSummary ul{
		padding:10px 0px 10px 20px;
		font-size:14px;
		line-height:20px;
	}

/*-------------------------------------------------------- spinner*/

.spinner {
	background:url('../images/ajax-mini.gif') 0 0 no-repeat;
	color:#f55;
	float:left;
	height:16px;
	margin-left:10px;
	margin-top:16px;
	width:16px;
}
.spinner.txt {
	background:none;
	margin-top:13px;
	width:auto;
}

/*-------------------------------------------------------- PAGE - CONTACT*/

.contactperson{
	float:left;
	width:200px;
	color:#636363;
	margin-right:35px;
	margin-top:20px;
	margin-bottom:30px;
}
.contactperson.first{
	clear:both;
	margin-left:40px;
}
	.contactperson h3{
		border-bottom:2px solid #F0F0F0;
	}
.twothirds.contact{
	padding: 40px 0px;
width: 680px;
border-right: 1px dotted #EEE;
}
.third.last.contact{
	width:240px;
	padding:40px 20px 0
	20px;
}

.person.third{
	position:relative;
	padding:24px 0px 10px 110px;
	width:215px;
	margin-right:0;
}
.person.third .avatar{
	position:absolute;
	top:26px;
	left:33px;
	width:58px;
	height:58px;
	background:#eee;
	padding:2px;
	border:1px solid #ccc;
}
.person.third h4{
		color:#007FD8;
		font-weight:normal;
		font-size:18px;
		line-height:18px;
		padding-bottom:4px;
}
.person.third h5{
		font-weight:normal;
		font-size:14px;
		line-height:14px;
		padding-bottom:4px;
}
.person.third p{
		padding-top:4px;
		color:#818181;
		font-size:12px;
		line-height:18px;
}

#settingscontent.contact{
	float:left;
}
/*-------------------------------------------------------- PAGE - API*/

#apiref{
	padding:50px;
}

/*-------------------------------------------------------- PAGE - EXTRAS*/

h2.extrasheader{
	font-weight:normal;
	font-size:18px;
	line-height:28px;
	padding:0 30px;
}
.twothirds.extras{
	padding:40px 0px;
	width:650px;
	border-right:1px dotted #eee;
}
.third.extras{
	padding-left:29px;
	padding-top:20px;
}
	.third.extras img{
		margin-bottom:5px;
	}
	.third.extras p{
		margin-bottom:30px;
	}
.extras .third{
	padding-bottom:0;
	padding-top:25px;
}

.diwrapp {
	padding: 1em;
	overflow: hidden;
}

#flashMessage {
	-moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	-moz-box-shadow:2px 2px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow:2px 2px 10px rgba(0, 0, 0, 0.5);

	background-color:#8dc744;
	background:-moz-linear-gradient(center bottom , #58a029 0%, #a5d951 100%) repeat scroll 0 0 #81cb3e;
	border:2px solid #3a6a1b;
	color:#ff9;
	display:none;
	font-size:150%;
	padding:1em;
	position:absolute;
	text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
	z-index:10000;
}

/*-------------------------------------------------------- ERROR*/

#errorwrapper{
	width:415px;
	margin:40px auto;
}
	.errorheadline{
		display: block;
		overflow: hidden;
		width:415px;
		height:175px;
		text-indent: 500px;
		line-height:240px;
		background: url(../images/homepage/errorpage.png) no-repeat;
	}
	.errormessage{
		margin-top:20px;
	}
		.errormessage a{
			color:#494949;
			text-decoration: underline;
		}