/* Reset prefixed styles */
a img,:link img,:visited img,fieldset,abbr { border: none; }
h1,h2,h3,h4,h5,h6,pre,code,address { font-size: 1em; }
pre,code,address { font-weight: normal;font-style: normal; }
caption,th { text-align: left; font-weight: normal; }
h1,h2,h3,h4,h5,h6,body,html,ul,ol,li,pre,form,p,blockquote,fieldset,dl,dt,dd { margin:0; padding:0; }

/* Default styles */
body {
	color: #444;
	font-size: 76%;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
 }

input, textarea {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1.0em;
	line-height: 1.6em;	}

div#recaptcha_container
{
	margin-left:19%;
}

.recaptchatable #recaptcha_response_field {
	position: relative !important;
}

input.title, textarea.title, label.title{
	font-size: 1.5em; }

a { 
	color: #3fa2f6; 
	text-decoration: underline; }
a:visited {
	color: #7d35ce; }
a:hover {
	color: #3fa2f6; 
	text-decoration: none; }
a:active {
	color: #7d35ce; }

p { 
	font-size: 0.75em;
	line-height: 1.5em; }
p.caption { 
	font-weight: bold; }
p.highlight {
	font-size: 1.5em;
	margin: 0.4em 0 1.2em;
	line-height: 1.4em;
	font-weight: normal;
	color: #a9a8a8; }
p.highlight strong {
	color: #444444;
	font-weight: normal; }

h1,h2,h3,h4,h5,h6 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #2cde49; }
h1 {
	font-size: 2.2em;
	font-weight: bold;
	}
h2 {
	font-size: 1.9em;
	margin: 1em 0em 0.8em 0em;
	font-weight: bold;
	}
h3 {
	font-size: 1.6em;
	margin: 1.2em 0em 0.8em 0em;
	font-weight: bold;

	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 0.8em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 0.8em 0em;
	font-weight: bold;
	}
h6 {
	text-transform: uppercase;
	font-size: 0.8em;
	margin: 1.2em 0em 0.8em 0em;
	font-weight: bold;
	}

p, blockquote {
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 1.2em 0em 1.2em 0em;
	}
li > p, li > blockquote {
	margin-top: 0.2em;
}

blockquote {
	font-size: 1.2em;
	font-style: italic;
	margin-left: 2em;
	margin-right: 2em; }
pre {
	font-size: 1.1em;
	margin: 1.2em 0; }

ul, ol {
	list-style-type: none;
	margin: 1.2em 0 1.2em 0; }

ul > li > ul, ol > li > ol, ul > li > ol, ol > li > ul {
	margin: 0 0 0 0; }
h2 + ul, h2 + ol {
	margin-top: 1em; }
li {
	font-size: 1.0em;
	line-height: 1.5em;
	margin: 0.4em 0; 
	padding-left: 3.5em;
	background-repeat: no-repeat; }

ol li {
	background-position: 2em 0.1em; 
	padding-left: 4.5em; }
ul li {
	background-position: 2em 0.35em;
	background-image: url(/images/list-arrow1.png); }
ul li ul li {
	padding-left: 2em; 
	background-position: 0.5em 0.35em;
	background-image: url(/images/list-arrow2.png); }

ul.spaced li, ol.spaced li {
	margin: 1.0em 0; }
ul.unspaced li,ol.unspaced li {
	margin: 0.4em 0; }

ol.highlight li {
	background-position: 35px 0.1em;
	padding-left: 65px; }

.highlight {
	font-size: 1.5em; }
.highlight li {
	line-height: 20px; }

li > h3, li > h4 {
	font-family: Arial, sans-serif;
	color: #444;
	font-size: 1em; 
	margin: 0; }

ul p + ul {
	margin: 1.2em 0; }

.disc li, li.disc {
	background-image: url(/images/list-arrow1.png); }
.arrow li, li.arrow {
	background-image: url(/images/list-arrow2.png); }

ol #first { background-image: url(/images/list/first.png); }
ol.highlight #first { font-size: 100%; }
ol #second { background-image: url(/images/list/second.png); }
ol.highlight #second { font-size: 96%; }
ol #third { background-image: url(/images/list/third.png); }
ol.highlight #third { font-size: 92%; }
ol #fourth { background-image: url(/images/list/fourth.png); }
ol.highlight #fourth { font-size: 88%; }
ol #fifth { background-image: url(/images/list/fifth.png); }
ol.highlight #fifth { font-size: 84%; }
ol #sixth { background-image: url(/images/list/sixth.png); }
ol.highlight #sixth { font-size: 80%; }
ol #seventh { background-image: url(/images/list/seventh.png); }
ol.highlight #seventh { font-size: 76%; }
ol #eighth { background-image: url(/images/list/eighth.png); }
ol.highlight #eighth { font-size: 72%; }
ol #ninth { background-image: url(/images/list/ninth.png); }
ol.highlight #ninth { font-size: 68%; }
ol #tenth { background-image: url(/images/list/tenth.png); }
ol.highlight #tenth { font-size: 64%; }

dl { border-bottom: 1px solid #d0e7f4; margin: 1em 0;  }
dt,dd {
	border-top: 1px solid #d0e7f4; 
	padding: 0.8em; }
dt.odd,dd.odd {
	background-color: #eef7fb;}
dt { width: 40%; font-weight: bold; float: left; }
dd { }

.column {
	width: 48%; }
.column.left {
	float: left; }
.column.right {
	float: right; }
.column.left.align {
	text-align: right; }

.hr {
	height: 30px;
	margin: 2em 0 0;
	background: url('/images/line-down.png') repeat-x top left; }
.hr hr {
	display: none; }

span.star{
	color:red
}

table {
	width: 100%;
	font-size: 1em;
	margin: 1em 0; }

table thead td, table thead th, table tbody th, table tbody td {
	border-top: 1px solid #d0e7f4;
	padding: 0.8em; }
table thead td, table thead th {
	background-color: #eef7fb; 
	font-weight: bold; }
	
table.packages thead th {
	padding: 1em; }
	
table.packages img {
	display: block; margin-left: 1em; }

table td.download a {
	display: block;
	background: url(/images/download-small.png) no-repeat 0 60%; 
	padding: 11px 0 5px 30px;}

h3.link {
	display: block;
	background: url(/images/services.png) no-repeat 0 65%;
	padding-left:40px;
	padding-bottom:5px;
	padding-top:5px;
}

h3.send {
	display: block;
	background: url(/images/send-files-small.png) no-repeat 0 65%;
	padding-left:53px;
	padding-bottom:5px;
	padding-top:5px;
}

h4.download, h1.download {
	display: block;
	background: url(/images/download-small.png) no-repeat 0 60%; 
	padding: 11px 0 5px 30px;}


h4.download a{	
	color:#2CDE49;
	text-decoration:underline;
}

div.error, div.notice, div.success { padding:.8em; margin-bottom:1em; border:2px solid #ddd; }
div.error a, div.notice a, div.success a { text-decoration: underline; }
div.error a:hover, div.notice a:hover, div.success a:hover { text-decoration: none; }
div.error { background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4; }
div.notice { background:#FFF6BF; color:#514721; border-color:#FFD324; }
div.success { background:#E6EFC2; color:#264409; border-color:#C6D880; }
div.error a { color:#8a1f11; }
div.notice a { color:#514721; }
div.success a { color:#264409; }

/* Specific styles */

.head {
	background: url('/images/line-up.png') repeat-x bottom left; }

.head .top, .content, .bottom .footer,.firstpagevertical, .firstpage,.narrow {
	width: 73em;
	margin: 0 auto;
	padding: 0 1em; }

.content.narrow, .footer.narrow{
	width: 50em;}

.userbar {
	width: 73em;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom:1px solid #E7E7E7;
}

.head .top .logotype {
	float: left; }

.head .logotype img {
	margin: 1em 0 0; 
	display: block; }
.head .logotype p, .head .logotype h1 {
	font-size: 1em;
	margin: 0.2em 0 0.8em;
	background: url('/images/mongofiles-tagline.png') no-repeat top left;
	height: 12px;
	width: 225px;
	text-indent: -5000px; }

.head ul#nav {
	float: right;
	margin: 90px 0 0; }

.head ul li {
	margin: 0;
	background: none;
	float: left;
	padding: 1px 1px 0 1px;
	margin-left: 1.4em; }
.head ul li li { /* EI6 fix */
	float: none;
	padding: 0;
	margin: 0; }
	
.head ul#nav li:first-child, .head ul#nav li.dp-first-child {
	margin-left: 0; }

.head ul li img {
	float: left;
	padding: 0.3em 0.6em 0 0; }
.head ul li a {
	float: left;
	display: block;
	font-weight: bold;
	font-size: 0.95em;
	margin: 1px 1px 0 1px;
	padding: 0.4em 0.6em 0.3em 0.6em; }

.head ul ul {
	display: none; }

.head ul li.drop a {
	z-index: 2;
	position: relative;
	padding-right: 1.8em;
	background: url('/images/meny-arrow.png') no-repeat 100% 61%; }
.head ul li.drop a.dropped {
	margin: 0;
	background-color: #fff;
	border: 1px solid #e7e7e7;
	border-width: 1px 1px 0px 1px; }

.head ul li.drop ul {
	z-index: 1;
	position: absolute;
	clear: both;
	margin: -1px 0 0;
	padding-top: 1px;
	background: #fff;
	border: 1px solid #e7e7e7; }

.head ul li.drop li {
	border-top: 1px solid #e7e7e7; clear: both; }
.head ul li.drop li:first-child,.head ul li.drop li.dp-first-child {
	border-top: none; }

.head ul li.drop li a {
	background: none;
	float: left;
	display: inline;
	color: #444;
	font-weight: normal;
	font-size: 0.9em;
	padding: 0.4em 3em 0.4em 0.6em;
	margin: 0; }

.head ul li.drop ul.language {
	width: 12.55em; }

.content {
	padding: 2em 0; }

.sidebar {
	background-color: #fff;
	margin-top: 1em;
	padding-left:6em;
	width: 25em;
	float: right; }
	
.firstpage {
	padding-bottom: 2em; }

.firstpage .offer {
	width: 28em;
	float: right; 
	margin-top: 2em;}
.firstpage .offer h2{
	font-size: 2.4em;
	margin: 0; }
.firstpage .offer li {
	padding: 2em 0 2em 11.5em; }
.firstpage .offer p {
	margin: 0; }

.firstpage .offer li#send {
	background: url('/images/send-files.png') no-repeat 10% 50%; }
	
.firstpage .offer li#store {
	background: url('/images/store-files.png') no-repeat 12% 50%; }
	
.firstpage .offer li#plant {
	background: url('/images/carbon_offset.png') no-repeat 10% 50%; }




.firstpagevertical div#send {
	background: url('/images/send-files.png') no-repeat 10% 68%;padding-top:30px;width: 320px;float:left }
	
.firstpagevertical div#store {
	background: url('/images/store-files.png') no-repeat 12% 50%;padding-top:30px;width: 270px;float:left }
	
.firstpagevertical div#plant {
	background: url('/images/carbon_offset.png') no-repeat 10% 65%;padding-top:30px;width: 290px;float:left }

.firstpage .banner {
	padding: 4em 0 2em; 
	float: right; 
	width: 22em;
	line-height: 1.6em; }
.firstpage .banner:first-line {
	font-size: 1.5em;
	font-weight: normal; }

.footer .banner {
	margin: 2em 0;
	padding-left: 60px; 
}
.footer .banner.send {
	background: url(/images/send-files-small.png) no-repeat 0 65%; }
.footer .banner.services {
	background: url(/images/services.png) no-repeat 4% 65%; }
.footer .banner p {
	margin: 0 0 -0.4em 0;}
.footer .banner.send a {
	display: block;
	font-size: 1.6em; }
.footer .banner h3 {
	margin: 0;
	font-size: 1em;
	font-weight: bold;
	color: #474747; }

.firstpage .upload {
	background: url('/images/upload-header.jpg') no-repeat top left;
	padding-top: 95px;
	float: left;
	width: 480px;
	margin: 2em 0 0; }

.upload_error{
	width: 460px;
	background-color:#FBE3E4;
	border:2px solid #FBC2C4;
	color: #8A1F11;
	padding:8px
}

.firstpage .upload .main {
	padding: 0.8em 0 0.3em;
	background: #fcf8e8 url('/images/upload-box-main-background.png') repeat-x bottom left;
	border-bottom: 1px solid #fff; }
.firstpage .upload .rest {
	padding: 0.8em 0 0;
	background: #f9f3d9 url('/images/upload-box-rest-background.png') no-repeat bottom left;
	border-top: 1px solid #efe3b3; }

.firstpage .upload label {
	clear: left;
	font-weight: bold;
	float: left;
	width: 6.5em;
	color: #3c3930;
	line-height: 1.8em;
	margin-top: 0.4em;
	text-align: right; }

.firstpage .upload p, .firstpage .upload a {
	color: #817d71; }
.firstpage .upload p {
	font-size: 0.9em; }

.firstpage .upload input + p {
	margin: 0 0 0.4em 8.2em; }
.firstpage .upload p.dp-siblingto-input { /* IE6 */
	margin: 0 0 0.4em 8.2em; }
	
.firstpage .upload input[type=submit] {
	clear: both;
	float: right;
	margin: 0.6em 3em 0 0; }
.firstpage .upload input.dp-input-submit {
	clear: both;
	float: right;
	margin: 0.6em 3em 0 0; }

.firstpage .upload input[type=submit] + p {
	clear: both;
	padding-top: 0.6em;
	margin: 0 3.3em 0.8em 7.9em; 
	text-align: right;
	font-style: italic; }
.firstpage .upload p.dp-siblingto-submit { /* IE6 */
	clear: both;
	padding-top: 0.6em;
	margin: 0 3.3em 0.8em 7.9em; 
	text-align: right;
	font-style: italic; }

.firstpage .upload input[type=text], .firstpage .upload input[type=file], .firstpage .upload input[type=password], .firstpage .upload textarea {
	margin-top: 0.4em;
	margin-right: 3em;
	float: right;}
.firstpage .upload input[type=text], .firstpage .upload textarea, .firstpage .upload input[type=password] {
	width: 73%; }
.firstpage .upload select
{
	width: 73%;
	float: right;
	margin-right: 3em;
	margin-top: 0.4em;
}
.firstpage .upload textarea  {
	height: 4em; }

.firstpage .upload input.dp-input-text, .firstpage .upload input.dp-input-file, .firstpage .upload textarea { /* IE6 */
	margin-top: 0.4em;
	margin-right: 3em;
	float: right; }
.firstpage .upload input.dp-input-text, .firstpage .upload input.dp-input-file, .firstpage .upload textarea { /* IE6 */
	width: 73%; }


.contact label, 
.login label {
	float: left; 
	width: 18%;
	margin-top: 0.4em;
	margin-right: 2%;
	line-height: 1.7em;
	text-align:right;
	clear: both;}
.contact input[type=text], .contact input[type=password],
.login input[type=text], .login input[type=password]{
	width: 40%;
	margin-top: 0.4em;}
	

.contact {
	float: left; width: 57%; }
.contact span {
	color: red; }
.contact input[type=text] {
	width: 40%;
	margin-top: 0.4em;}
.contact input.title {
	width: 70%;}
.contact textarea {
	width: 70%;
	height: 10em;
	margin-top: 0.4em; }
.contact label.title {
	line-height: 1.5em; }
.contact p {
	font-style:italic;
	float: left;}
.contact input[type=submit] {
	width: 10em;
	float: right;
	margin: 1.2em 4em 0 0; }

.login {
	background: url(/images/secure-mongo.png) no-repeat 1em 0;
	padding-left: 6em;
	padding-top: 0.6em; }
.login input[type=submit] {
	width: 10em;
	margin-top: 0.4em;
	margin-left: 12.2em;
	float: left; }

.login ul {
	clear: both;
	padding-top: 1em; }

.embeded dt {
	width:9%;margin-top: 0.8em;}
.embeded dd textarea {
	font-size:0.9em;
	padding: 0.6em 1em; 
	height: 1.5em; 
	line-height: 1.5em; 
	width:82%;
	background-color: #eef7fb;
	border: 1px solid #d0e7f4; 
	border-width: 1px 0; }

.embeded dl {
	border-width: 0; }
.embeded dt, .embeded dd {
	border-width: 0; }

p.image-text {
	margin-top: 0.5em; }

.bottom {
	background: url('/images/line-down.png') repeat-x top left;
	padding: 1em 0; }

.bottom h2 {
	font-size: 2.2em;
	margin: 0.5em 0 0.2em; }
.bottom p.highlight {
	margin: 0; }

.bottom .box {
	background: #eef7fb url(/images/bottom-box-bottom.png) no-repeat bottom left;
	margin: 2em 0;
	width: 360px;
	float: left;
	margin-right: 1em; }
.bottom .box h3 {
	margin: 0;
	background: #eef7fb url(/images/bottom-box-top.png) no-repeat top left; 
	color: #539cda; 
	font-size: 1.8em; 
	padding: 0.6em 1em 0; }
.bottom .box ul {
	margin: 0 0 1.2em; }
.bottom .box li {
	background-position: 2em 0.1em;
	background-image: url(/images/list-check.png);
	margin: 0.6em 0; 
	padding-left: 4em;
}
.bottom .box .package {
	float: right; 
	margin: 1em 2em 0 0; 
	position: relative; }

.bottom .box li.link {
	background: none; }

.bottom .action {
	float: right;
	margin: 2em 0;
	padding-top: 1.5em;
	text-align: center; }
.bottom .action a {
	padding: 0.2em 0;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	text-align: center; }
.bottom .action a#signup {
	padding-top: 70px;
	background: url(/images/action-button.png) no-repeat top center; }
	

.footer .copyright {
	float: left;
	width: 15em;
	color: #a9a8a8;
	font-size: 0.8em; }
.footer .copyright img {
	display: block;
	margin: 1em auto 0; }
.footer .copyright strong {
	color: #444; 
	font-size: 1.1em; 
	display: block;
	text-align: center;}
.footer .copyright p {
	text-align: center;
	margin: 0.8em 0 0;
	line-height: 1.3em; }

.footer #facebook {
	font-size: 0.9em;
	float: right;
	background: url('/images/facebook_share_icon.gif') no-repeat left center;
	height: 16px;
	padding-top: 1px;
	padding-left: 20px; }

.footer .sitemap {
	width: 45em;
	margin: 0 auto;
	text-align: center;
	font-size: 0.9em;
	color: a9a8a8;
	line-height: 2em; }

.footer .languages {
	margin-top: 2em;
	clear: both;
	font-size: 0.8em;
	text-align: center;
	color: #a9a8a8; }
	
.clear {
	zoom: 1; }
	
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }
	
.bar {
	text-align:left;
	width:596px; 
	height:34px; 
	background:url(/images/progressBg2.png) no-repeat;
	position:absolute;
	margin-top:2px;
}

.bar div {
	background: url(/images/progressBar2.png) no-repeat 2px 2px;
	height:32px; 
}