.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.hidden {display:none;}
body {background:#f6f6f6;font-family:verdana, arial, helvetica, sans-serif; font-size:12px; line-height:1.5;}
.wrapper {width:520px;margin:0 auto;}
article {
	border:1px solid #ccc;background:#fff;padding:20px;margin:40px 0 0 0;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.15);
	-moz-box-shadow:  0 0 15px rgba(0,0,0,0.15);
	box-shadow:  0 0 15px rgba(0,0,0,0.15);
	color:#555;
}
article a:link, article a:visited {color:#2D72AA;text-decoration:underline;}
article a:focus, article a:hover {color:#333333;text-decoration:underline;}
header {
	line-height:1.3;background:#f9f9f9;border-top:1px solid #fff;
	border-bottom:1px solid #ccc;font-family:'Lato', arial;
	font-size:18px;color:#222;margin:-20px -20px 20px -20px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e4e4e4') !important;
	background-image: -ms-linear-gradient(top, #f8f8f8 0%, #e4e4e4 100%);
	background-image: -moz-linear-gradient(top, #f8f8f8 0%, #e4e4e4 100%);
	background-image: -o-linear-gradient(top, #f8f8f8 0%, #e4e4e4 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f8f8), color-stop(1, #e4e4e4));
	background-image: -webkit-linear-gradient(top, #f8f8f8 0%, #e4e4e4 100%);
	background-image: linear-gradient(top, #f8f8f8 0%, #e4e4e4 100%);
	padding:7px 0;
}
header h1 {font-weight:700;margin-left:20px;text-shadow:1px 1px 0 rgba(255,255,255,.4);}
header h1 span {font-weight:400;color:#666;font-size:16px;}
.qr {text-align:center;}
section p {margin:0 0 20px 0;}
section .column1 {float:left;width:115px;margin-right:20px;}
section .column1 img {width:110px;max-height:200px;vertical-align:middle;border:1px solid #ccc;}
section.withphoto .column2 {float:left;width:330px;}
article form {
	margin:20px 0 0 0;
}
.lock {float:left;margin:0 20px 0 0;opacity:.8;width:30px;}
article form input.text {padding:4px;border:1px solid #aaa;width:200px;}
article form input.submit {
	border:1px solid #aaa;
	border-radius:3px;
	padding:5px 10px 4px 10px;
	cursor:pointer;
	font-size:12px;color:#222;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e4e4e4') !important;
	background-image: -ms-linear-gradient(top, #f8f8f8 0%, #e4e4e4 100%);
	background-image: -moz-linear-gradient(top, #f8f8f8 0%, #e4e4e4 100%);
	background-image: -o-linear-gradient(top, #f8f8f8 0%, #e4e4e4 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f8f8), color-stop(1, #e4e4e4));
	background-image: -webkit-linear-gradient(top, #f8f8f8 0%, #e4e4e4 100%);
	background-image: linear-gradient(top, #f8f8f8 0%, #e4e4e4 100%);
}
article .actions {
	list-style:none;
	margin:20px -20px -20px -20px;
	border-top:1px solid #ddd;
	text-transform:uppercase;
	font-size:11px;
	text-shadow:1px 1px 0 rgba(255,255,255,.4);
}
article .actions li {float:left;width:33.333333333333333%;text-align:center;}
article .actions li a {display:block;padding:7px 0;border-right:1px solid #ddd;}
article .actions li a:link, article .actions li a:visited {
	color:#666;text-decoration:none;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f1f1f1') !important;
	background-image: -ms-linear-gradient(top, #f8f8f8 0%, #f1f1f1 100%);
	background-image: -moz-linear-gradient(top, #f8f8f8 0%, #f1f1f1 100%);
	background-image: -o-linear-gradient(top, #f8f8f8 0%, #f1f1f1 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f8f8), color-stop(1, #f1f1f1));
	background-image: -webkit-linear-gradient(top, #f8f8f8 0%, #f1f1f1 100%);
	background-image: linear-gradient(top, #f8f8f8 0%, #f1f1f1 100%);
}

article .qr li a.qr,
article .w li a.w,
article .actions li a:focus, article .actions li a:hover {
	color:#333;text-decoration:none;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#e2e2e2') !important;
	background-image: -ms-linear-gradient(top, #f4f4f4 0%, #e2e2e2 100%);
	background-image: -moz-linear-gradient(top, #f4f4f4 0%, #e2e2e2 100%);
	background-image: -o-linear-gradient(top, #f4f4f4 0%, #e2e2e2 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f4f4), color-stop(1, #e2e2e2));
	background-image: -webkit-linear-gradient(top, #f4f4f4 0%, #e2e2e2 100%);
	background-image: linear-gradient(top, #f4f4f4 0%, #e2e2e2 100%);
}
article .qr li a.qr,
article .w li a.w {font-weight:bold;}
article .actions li a.qr {border-right:none;}
article .actions li a.d .mobile {display:none;}
article .actions li a.d .desktop {display:inline;}

.social-networks img {margin:0 5px 0 0;height:32px;width:32px;}

.topmsg {text-align:center;margin:15px 0 0 0;}
.topmsg.success {color:#006600} .topmsg.error {color:#cc0000}

footer {text-align:center;font-size:11px;color:#aaa;text-shadow:1px 1px 0 rgba(255,255,255,.3);margin-top:15px;}
footer a:link, footer a:visited {color:#aaa;text-decoration:underline;}
footer a:focus, footer a:hover {color:#666;text-decoration:underline;}
span.n, span.org {display:block;}
strong {font-weight:bold;}


/* MOBILE STYLES */
@media only screen and (max-width : 480px) {
	body {margin:0;background:#fff;}
	.wrapper {width:100%;margin:0 auto;}
	article {
		border:none;background:#fff;padding:20px 10px;margin:0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		text-align:center;
		font-size:14px;
	}
	header {
		line-height:2.1;
		font-size:14px;color:#222;margin:-10px -10px 20px -10px;
		display:none;
	}
	section .column1 {float:none;width:100%;margin:0 0 20px 0;}
	section .column1 img {padding:3px;border;1px solid #eee;}
	section .column2, section.withphoto .column2 {float:none;width:100%;}
	article .actions {
		margin:0 20px;
		border:none;
	}
	article .actions li {width:100%;border:none;}
	article .actions li a, article .actions li a:link, article .actions li a:hover, article .actions li a:focus, article .actions li a:visited {
		border:1px solid #2D72AA;border-radius:3px; font-weight:bold;padding:10px;font-size:13px;
		color:#FFF;text-decoration:none;
		text-shadow:1px 1px 0 rgba(0,0,0,.15);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5097D1', endColorstr='#2D72AA') !important;
		background-image: -ms-linear-gradient(top, #5097D1 0%, #2D72AA 100%);
		background-image: -moz-linear-gradient(top, #5097D1 0%, #2D72AA 100%);
		background-image: -o-linear-gradient(top, #5097D1 0%, #2D72AA 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5097D1), color-stop(1, #2D72AA));
		background-image: -webkit-linear-gradient(top, #5097D1 0%, #2D72AA 100%);
		background-image: linear-gradient(top, #5097D1 0%, #2D72AA 100%);
	}
	footer {padding-bottom:30px;}
	.qr img {max-width:98%;}
	article .actions li a.qr, article .actions li a.w {display:none;}
	article .actions li a.d .mobile {display:inline;}
	article .actions li a.d .desktop {display:none;}
	
	
	.enterprise article, .enterprise article section.vcard {float:none;width:100%;padding:10px 0 0 0;}
	.enterprise aside {display:none;}
	.enterprise .wrapper {margin:0;width:100%}
	.enterprise a.d .desktop {display:none;}
	.enterprise a.d .mobile {display:inline;}
	.enterprise a.d {width:90%}
}


body.iframe {background:#f4f4f4;padding:4px;}
body.iframe header {display:none;}
body.iframe footer {display:none;}
body.iframe p.misc, body.iframe p.note {display:none;}
body.iframe .column1 {float:none;width:auto;margin-bottom:15px;}
body.iframe .column2 {float:none;width:auto;}
body.iframe .column1 img {width:auto;max-height:auto;max-width:100px;height:80px;}
body.iframe .actions {display:none;}
body.iframe .wrapper {width:222px;overflow:hidden;margin:0;}
body.iframe article.card {border:1px solid #e2e2e2;height:270px;border-radius:4px;padding:10px;margin:0;-webkit-box-shadow:none;font-size:11px;text-align:center;}
body.iframe article.card p {margin-bottom:8px;}
body.iframe article.card p.social-networks {margin-bottom:8px;}
body.iframe article.card p.social-networks img {height:20px;width:20px;margin-right:2px;}


.demotopbanner {
	padding: 10px 0;
	font-size: 12px;
	background: #FFFFE8;
	color: #666;
	text-align:center;
	border-bottom: 1px solid #eee;
}
.demotopbanner a {
	text-decoration: underline;
	color:#cc3333;
}