@charset "utf-8";
/* CSS Document */

/* uploader website 04.07.2011 */


html, body {
/*background-color:#FFFFFF;*/
color:#555555;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
height:100%;
line-height:20px;
margin:0;
text-align:left;
vertical-align:top;
width:100%;
background-image:url(../images/bg_illustration.gif);
background-position:center 0px;
background-repeat:repeat-x;
background-attachment:fixed;
}

h4 {
font-size: 16px;
}

h5 {
font-size: 14px;
margin:10px 0px 5px 0px;
}


A:link {
	font-weight: bold;
	color: #61A137;
	text-decoration: none;
	
}

A:visited {
	font-weight: bold;
	color: #61A137;
	text-decoration: none;
	
}

A:hover {
	font-weight: bold;
	color: #61A137;
	background-color: none;
	text-decoration: underline;
	
}


input {
background-color:#F7FFF1;
border:1px solid #78C043;
color:#555555;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
margin:0;
padding:4px 0 4px 4px;
}

select {
background-color:#F7FFF1;
border:1px solid #78C043;
color:#555555;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
margin:0;
padding:3px 0 3px 4px;
}


a:link img {
border:0 none;
}

.icon {
border:medium none;
vertical-align:middle;
}

/*-----------------------------------------------------------------*/

div#box {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none no-repeat scroll 0 0;

height:auto !important;
margin:20px auto;
opacity:0;
position:relative;
width:840px;


}

div#container {
height:100%;
margin:0;
padding:0;
text-align:center;
width:100%;

}

div#page {
display:block;
height:auto !important;
min-height:92%;
position:relative;
width:100%;
}


div#header {
height:100px;
width:840px;
margin:0 auto;
text-align:left;
/*border:1px solid #F3F3F3;*/
}

div#logo {
float:left;
height:45px;
margin-left:0px;
position:relative;
top:45px;
width:200px;
padding-left:15px;
}

div#language {
float:right;
height:23px;
overflow:hidden;
width:200px;
font-size:11px;
text-align:right;
padding-right:15px;

}

div#language A:link {
	text-decoration: none;
	color:#61A137;
	font-weight:normal;
}

div#language A:visited {
	text-decoration: none;
	color: #61A137;
	font-weight:normal;
}

div#language A:hover {
	color: #61A137;
	text-decoration: underline;
	background-color: none;
	font-weight:normal;
}

div#language span.selected {
	color:#707070;
	font-weight:bold;
}


/*------------------------------- MENU --------------------------*/


div#menu {
	margin-left:200px;
	height:37px;
}

div#menu ul {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;

list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

div#menu li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
float:left;
font-size:14px;
line-height:34px;
padding:0 20px;
}

div#menu span.selected {
	color:#707070;
	text-decoration:underline;
	font-weight:bold;
}


div#logged_box {
	height:23px;
	border:1px dotted #78C043;
	margin-top:10px;
	text-align:right;
	clear:left;
	position:relative;
	width:840px;
	margin:0px auto;
}

div#logged_box div#logname {
	display:block;
	height:23px;
	float:right;
	padding:0px 20px;
	background-color:#78C043;
	color:#FFFFFF;
	
}

div#logged_box div#logname span#name {
	font-weight:bold;
}

div#logged_box div#logname span#logout {
	font-weight:bold;
	padding-left:10px;
}

div#logged_box div#logname span#logout A:link {
	text-decoration: none;
	color:#FFFFFF;
}

div#logged_box div#logname span#logout A:visited {
	text-decoration: none;
	color: #FFFFFF;
}

div#logged_box div#logname span#logout A:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background-color: none;
}



div#logged_box div#logmenu {
	display:block;
	height:23px;
	float:right;
	padding:0px;
	font-size:11px;
}

div#logged_box div#logmenu A {
	padding:0px 20px;
}

div#logged_box div#logmenu span.selected {
	color:#707070;
	text-decoration:underline;
	font-weight:bold;
	padding:0 20px;
}


div#inner_nav {
	margin:0px 0px 10px 0px;
}

/*-----------------------------------------------------------------*/


div#content {
width:840px;
margin:0px auto;
/*border:1px solid #F3F3F3;*/
padding-top:30px;
}

div#footer {
border:1px solid #eaeaea;
-moz-background-clip:border;
-moz-background-origin:padding;
background:url(../images/footer_trans.png) repeat scroll 0 0;
height:150px;
margin:20px auto 0;
position:relative;
}

div#footer_content {
	width:840px;
	margin:5px auto 0px;
	font-size:11px;
	border-top:1px solid #CCCCCC;
}

div#copyright {
	width:840px;
	margin:0px auto;
	text-align:left;
	font-size:11px;
	color:#61A137;
}


div.footer_box {
	width:200px;
	margin-right:40px;
	float:left;
	clear:none;
	position:relative;
	text-align:left;
	padding:20px 5px 5px 5px;	
}

.logo {
	width:280px !important;
	padding:20px 5px 5px 0px !important;	
}

div.footer_box A:link {
	text-decoration: none;
	color:#555555;
	font-weight:normal;
	font-size:11px;
}

div.footer_box A:visited {
	text-decoration: none;
	color: #555555;
	font-weight:normal;
	font-size:11px;
}

div.footer_box A:hover {
	color: #555555;
	text-decoration: underline;
	background-color: none;
	font-weight:normal;
	font-size:11px;
}




div.main_flash {
	width:840px;
	height:300px;
	background-color:#F3F3F3;
	margin:15px auto 0px;
	
}

/*---------------------------- BOX ------------------------------*/

div.box {
	width:248px;
	/*margin-left:15px;*/
	margin-right:30px;
	margin-bottom:30px;
	float:left;
	clear:none;
	position:relative;
	background-color:#ffffff;
	border:1px solid #f3f3f3;
	text-align:left;
	padding:5px;
}

div.boxtrans {
	width:248px;
	/*margin-left:15px;*/
	margin-right:30px;
	margin-bottom:30px;
	float:left;
	clear:none;
	position:relative;
	background-color:#ffffff;
	border:1px solid #f3f3f3;
	text-align:left;
	padding:5px;
	background:url(../images/bg_trans.png) repeat scroll;
}

div.content_trans {
	
	position:relative;
	background-color:#ffffff;
	border:1px solid #eaeaea;
	text-align:center;
	padding:5px;
	background:url(../images/bg_trans.png) repeat scroll;
	margin:0px auto;
}

.right {
	margin-right:0px !important;
}



.loginbox {
-moz-border-radius-bottomleft:0.8em;
-moz-border-radius-bottomright:0.8em;
-moz-border-radius-topleft:0.8em;
-moz-border-radius-topright:0.8em;
-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);

}

div.box div.box_content {
	clear:both;
}

div.box div.box_content div.box_image {
	display:block;
	vertical-align:top;
	margin: 0px 0px 5px 0px;
	width:100%;
}

div.clear {
	clear:both;
	
}

div#login_info {
	margin-top:20px;
	font-size:11px;
	font-weight:normal;
}

div#login_info A:link {
	text-decoration: none;
	color:#61A137;
	font-weight:normal;
	font-size:11px;
}

div#login_info A:visited {
	text-decoration: none;
	color: #61A137;
	font-weight:normal;
	font-size:11px;
}

div#login_info A:hover {
	color: #61A137;
	text-decoration: underline;
	background-color: none;
	font-weight:normal;
	font-size:11px;
}



div.message {
	padding:10px;
	background-color:#F7FFF1;
	border:1px solid #78C043;
	font-size:13px;
	width:60%;
	margin:10px auto;
	text-align:center;
}


div.textbox {
	text-align:left;
	padding:3px 60px;
}

.contact {
	width:35%;
	margin:0px auto;
	padding:3px !important;
}


span.subtitle {
	margin:0px;
	font-weight:bold;
	display:block;
}

span.title {
	margin:20px 0px 0px 0px;
	font-weight:normal;
	font-size:14px;
	display:block;
	color:#61A137;
	text-transform:uppercase;
}

span.subtext {
	margin-left:15px;
	display:block;
}

div.textbox table {
	width:80%;
	border:1px solid #EAEAEA;
	margin:5px 0;
	border-collapse:collapse;
}

div.textbox table TH{
	text-align:left;
	border:1px solid #EAEAEA;
}

div.textbox table TD{
	text-align:left;
	border:1px solid #EAEAEA;
}

div.answer {
	background-color:#F7FFF1;
	border:1px solid #78C043;
	padding:0px 5px;
	clear:left;
	margin:20px 0;
	position:relative;
}

.toplink {
display:block;
float:right;
margin:10px 10px 0 0;
}

/*------------------------ BUTTON Roundedcorner-----------------------------*/



input.button {
-moz-border-radius: 0.5em;
border-radius: 0.5em;
-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
-x-system-font:none;
cursor:pointer;
display:inline-block;
/*font-family:Arial,Helvetica,sans-serif;*/
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:16px;
margin:0 2px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:0.2em 1.3em 0.2em;
text-align:center;
text-decoration:none;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.2);
vertical-align:baseline;
width:auto !important;
}

a.button {
-moz-border-radius: 0.5em;
border-radius: 0.5em;
-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
-x-system-font:none;
cursor:pointer;
display:inline-block;
/*font-family:Arial,Helvetica,sans-serif;*/
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:16px;
margin:0 2px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:0.2em 1.3em 0.2em;
text-align:center;
text-decoration:none;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.2);
vertical-align:baseline;
width:auto !important;
}

.button_sml {
-moz-border-radius: 0.5em;
border-radius: 0.5em;
-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
-x-system-font:none;
cursor:pointer;
display:inline-block;
/*font-family:Arial,Helvetica,sans-serif;*/
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:100%;
margin:0 2px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:0.15em 0.8em 0.15em;
text-align:center;
text-decoration:none;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.2);
vertical-align:baseline;
width:auto !important;
}

input.green {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#ffffff none repeat scroll 0 0;
border:1px solid #78C043;
/*color:#E8F0DE;*/
color:#4D4D4F !important;
font-weight:normal !important;
}


input.green:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#ededed none repeat scroll 0 0;
color:#4D4D4F !important;
text-decoration:none !important;
}

a.green {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#ffffff none repeat scroll 0 0;
border:1px solid #78C043;
/*color:#E8F0DE;*/
color:#4D4D4F !important;
font-weight:normal !important;
}


a.green:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#ededed none repeat scroll 0 0;
color:#4D4D4F !important;
text-decoration:none !important;
}



/*--------------------------- TABLES -----------------------------*/
table {
	width:100%;
	margin:0px;
	border-collapse:collapse;
}

table TD {
	padding:3px;
	text-align:center;

}

table TH {
	padding:3px;
	text-align:center;
	border-bottom:1px solid #eaeaea;	
}

.subscribe TH.date {
	width:10%;
}


.subscribe TH.user_count {
	width:10%;
}

.subscribe TH.disk_space {
	width:10%;
}

.subscribe TH.period {
	width:10%;
}

.subscribe TH.status {
	width:10%;
}

.subscribe TH.activ_key {
	text-align:left;
}

.subscribe TH.bill {
	width:3%;
}

.subscribe TD.activ_key {
	text-align:left;
}

div.subscriptionInfo {
	border:1px solid #78C043;
	padding:3px;
	text-align:left;
	vertical-align:top;
	width:130px;
	position: absolute; 
	opacity: 1; 
	visibility: visible;
	background-color:#F7FFF1;
	-moz-background-clip: border; 
	-moz-background-origin: padding; 
	-moz-background-inline-policy: continuous;  
	left:806px;
	z-index: 2; /*to put it not behind footer incase its overlapped*/
}

div.subscription_container {
	background-color: #F7FFF1;
	/*border:1px solid #F7FFF1;*/
	width:50%;
	margin:5px auto;
	padding:10px;
}

span.subscription {
	/*width:70%;*/
	width:540px;
	text-align:left;
	margin:5px auto !important;
	font-size:14px;
	font-weight:bold;
}

span.infotext {
	display:block;
	text-align:left;
	font-weight:normal;
	font-size:13px;
}


table.subscriptionInfo {
	font-size:11px;
	margin:0px;
}

table.subscriptionInfo TD {
	text-align:left;
	vertical-align:top;
	padding:0px 3px 0px 0px;
	line-height:13px;
}

table.subscriptionInfo TD.label {
	width:50%;
}
table.subscriptionInfo TD.field {
	width:50%;
}

.form {
	width:50%;
	margin:0px auto;
	margin:0px auto 20px;
}

.form TD {
	text-align:left;
	vertical-align:top;
}

.form TD.label {
	width:45%;
}
.form TD.field {
	width:55%;
}		



table.subscription {
	/*width:70%;*/
	width:100%;	
	margin:0px auto;
	border-collapse:collapse;
	margin-bottom:10px;
	
}

table.subscription TH {
	background-color:#EAEAEA;
	line-height:15px;
	border:1px solid #EAEAEA;
}

table.subscription TH.one {
	width: 30%;
}

table.subscription TH.one .asp {
	width: 50%;
}

table.subscription TH.two {
	width: 30%;
}

table.subscription TH.two .asp{
	width: 50%;
}


table.subscription TH.three {
	width: 40%;
}



table.subscription TD {
	border:1px solid #EAEAEA;
	line-height:30px;
	vertical-align:top;
	background-color:#FFFFFF;
}

table.subscription TD.buy {
	text-align:right;
	line-height:20px; 
	border:none;
	padding:0px;
	background:none;
	
}



table.subscription TD.buy .right {
	float:right !important;
}

table.subscription TD.buy div.arrow {
	display:block;
	float:right;
	vertical-align:middle;
	margin-right:4px;
	padding-top:8px;
}



span.big {
	font-size:20px;
}



#login TD {
	text-align:left;
}

a img {
	border:none;
}

.legend {
color:#999999;
display:block;
font-size:9px;
font-style:italic;
height:15px;
margin:-10px 0 0;
padding:0;
vertical-align:top;
}



div.plan {
	width:540px;
	padding:10px;
	background-color:#fafafa;
	border: 1px solid #EAEAEA;
	margin: 0 auto;
	margin-bottom:30px;
}

.opt1 {
	width:360px !important;
	float:left;
	margin-right:30px !important;
}

/*
input.button {
  	border: none;
	margin: 0px 0px 0px 0px;
	padding:0px;
	height: 26px;
	min-width: 97px;
	font-size: 10pt;	
	cursor: pointer;
	background:transparent url(../images/button.gif) repeat-x;
	text-decoration: none;
	color:#555555;

}

input.button:hover {

  	border: none;
	margin: 0px 0px 0px 0px;
	padding:0px;
	height: 26px;
	width: 97px;
	font-size: 10pt;
	cursor: pointer;
	background:transparent url(../images/button_over.gif) no-repeat;
	text-decoration: none;
	color:#555555;
}



.button_stretch {
background:url(../images/button_bg.gif) no-repeat top left;
height: 28px;
float: left;
padding-left: 20px;
line-height: 240%;
}

.button_stretch a {
background:url(../images/button_end.gif) no-repeat top right;
height: 28px;
padding-right: 20px;
display: block;
text-decoration: none;
color: #4d4d4c;
font-weight:normal !important;
}

.button_stretch2 {
background:url(../images/button_bg2.gif) no-repeat top left;
height: 26px;
float: left;
padding-left: 12px;
line-height: 230%;
}

.button_stretch2 a {
background:url(../images/button_end2.gif) no-repeat top right;
height: 26px;
padding-right: 16px;
display: block;
text-decoration: none;
color: #4d4d4c;
font-weight:normal !important;
position:relative;
left:4px;
}

.button_stretch3 {
background:url(../images/button_bg2.gif) no-repeat top left;
height: 26px;
float: left;
padding-left: 12px;
line-height: 230%;
}

.button_stretch3 a {
background:url(../images/button_end2.gif) no-repeat top right;
height: 26px;
padding-right: 16px;
display: block;
text-decoration: none;
color: #4d4d4c;
font-weight:normal !important;
position:relative;

}




.clr {
clear: both;
height: 0;
overflow: hidden;
margin: -1px 0 0 0;
}

*/



/*for the round button that are placed inline to have the same effect with IE*/
.inline {
	margin-right:10px;
	float: left;
}