/* reset.css from yui */
/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.12.1
*/
body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/* hax */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  zoom: 1;
}
body {
  margin: 0px;
  padding: 0px;
  text-align:center;
  font: 10% Arial,Verdana, "Trebuchet MS", "Tahoma",  "Times New Roman", Georgia, Times,  helvetica, sans-serif;	color: #7d7d7d;
  font-size:10pt;
  background: #EEE url(../img/background.png) repeat-x top;
  margin-left:auto;
  margin-right:auto;

}
a {
	text-decoration:none;
	color:#227;
}
a:hover {
	text-decoration:underline;
}
#wrapper {
	  background: url(../img/header.png) no-repeat top center;
	  margin-top:0;

}
#container {
	width:950px;
	padding-top: 80px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
#languages {
	min-height:20px;
	text-align:right;
	padding-bottom:20px;
	font-size: 9pt;
	font-weight:bold;
	color: #EEE;
}
#languages a {
	color: #EEE;
	margin-right:10px;
	text-decoration:none;
}
#content {
	width:700px;
	float:left;
}
#header {
	width: 700px;
	height: 50px;
	margin-left:0px;
	text-align:left;
	margin-bottom:15px;
	vertical-align:middle;
}
#header a {
	width:140px;
	height:32px;
	float:left;
	padding-top:18px;
	text-align:center;
	text-decoration:none;
	olor: #646464;
	color: #CCC;
}
#menu1 {
		background: url(../img/menu1.png) no-repeat;

}
#menu2 {
		background: url(../img/menu2.png) no-repeat;
}
#menu3 {
		background: url(../img/menu3.png) no-repeat;
}
#menu4 {
		background: url(../img/menu4.png) no-repeat;
}
#menu5 {
		background: url(../img/menu5.png) no-repeat;
}
#menu1-over {
		background: url(../img/menu1-over.png) no-repeat;
}
#menu2-over {
		background: url(../img/menu2-over.png) no-repeat;
}
#menu3-over {
		background: url(../img/menu3-over.png) no-repeat;
}
#menu4-over {
		background: url(../img/menu4-over.png) no-repeat;
}
#menu5-over {
		background: url(../img/menu5-over.png) no-repeat;
}
a#menu1-over {
	color: #000;
}
a#menu2-over {
	color: #000;
}
a#menu3-over {
	color: #000;
}
a#menu4-over {
	color: #000;
}
a#menu5-over {
	color: #000;
}
#servers {
	width: 710px;
	float: left;
	display:inline;
}
#servers div {

}
h1 {
	font-size: 14pt;
	text-align:left;
	color: #262626;
	margin-left:20px;
	margin-top:15px;
}

#servers div .descriere {
	margin-right:15px;
	margin-left: 20px;
	margin-top: 5px;
	width: 310px;
	height: 158px;
	text-align:left;
	font-size: .8em;
	display:block;
	color: #7d7d7d;
}
.descriere ul {
	margin-left:20px;
	margin-top:5px;
	height: 80px;
	list-style-type:none; 
}
.descriere ul li {
	background: transparent url("../img/icons/triangle.png") no-repeat center left;
	padding-left: 10px;
	padding-top:4px;
	height: 17px;
}

.descriere h2 {
	font-weight: bold;
	font-size: 8pt;
}
.buton {
	background: url(../img/buton-server.png) no-repeat;
	margin-left: 17px;
	width: 114px;
	height: 36px;
	padding-top:3px;
	float: left;
	color: #FFE6E6;
	text-decoration:none;
	font-size: 13.5pt;
	border-width: 0px;  
	border-style: solid;
	padding-bottom: 10px;
	margin-top:10px;

}
.button-wide {
	background: transparent url(../img/button-wide.png) no-repeat;
	margin-left: 15px;
	width: 236px;
	height: 36px;
	padding-top:7px;
	float: left;
	color: #FFE6E6;
	text-decoration:none;
	font-size: 8pt;
	border-width: 0px;  
	border-style: solid;
	padding-bottom: 10px;
	margin-top:0px;
	font-weight:bold;
	text-align:center;

}

.next {
	margin-left:562px;
	margin-top: 10px;

}
.sign-in {
	margin-left:562px;
	
}
#sign_up_div {
	padding-top:20px;
	min-height:50px;
}

#servers div .configure {
	margin-left: 4px;
	font-size: 10pt;
	padding-top:6px;
}
#server1 {
	background-color: red ;
	margin-right: 15px;
	width: 342px;
	height: 252px;
	margin-bottom: 15px;
	float:left;
	display:inline;

}
#server2 {
	width: 342px;
	height: 252px;
	margin-bottom: 15px;
	float:left;
	display:inline;	
}
#server3 {
	width: 342px;
	height: 252px;
	margin-bottom: 15px;
	float:left;
	display:inline;	
	margin-right: 15px;
}
#server4 {
	width: 342px;
	height: 252px;
	margin-bottom: 15px;
	float:left;
	display:inline;	
}
#rightside{
	float:right;
	width: 220px;
	
}
#login {
	background: url(../img/login-box.png) no-repeat;
	width: 220px;
	height: 130px;


}
#top-login {
	clear:both;
	width: 220px;
	height: 20px;

}
#login-error{
	color:red;
	font-size: .8em;
	text-align:left;
	padding-top: 4px;
	margin-left:10px;
	height:10px;
	width:100%;

}

#login-text {
	color: #A21C1D;
	text-align: left;
	height: 10px;
	padding-top:2px;
	margin-left:3px;
	display:inline;
	float:left;
	font-weight:bold;
	font-size: 0.8em;
	width:70px;
}
#for-customers {
	color: #797979;
	text-align: right;
	display:inline;
	float:left;
	width:140px;
	
	padding-top:4px;
	font-size: 8pt;

}
#logged-in {
	margin:10px;
}
#logged-in-as {
	text-align:right;
	margin-right: 10px;
	font-size: .8em;
	padding-top: 4px;
}
#subsole_note {
	font-size:8pt;
	padding: 0px 0 10px 10px;
        font-weight:bold;
        color:#fc0e0e;
        text-align:left;  
}
#subsole_note_vm {
	font-size: 7pt;
}
#login table {
	margin-left:10px;
	margin-top: 10px;
	font-family: "Verdana";
	font-size: .7em;
}
#login table tr {
	height: 20px;
	
}
#login table tr td {
	width: 60px;
	text-align:left;

}
.input-login {
	background: url(../img/input.png) no-repeat;
	border-style: hidden;
	border-width: 0px;
	height:20px;
	width: 125px;
	padding-left:3px;
	padding-top: 1px;
	padding-bottom: 5px;

}
#login table tr td.submit-login {
	text-align: right;
}
#partners {
	background: url(../img/sidebar.png) no-repeat;
	width: 220px;
	margin-top: 33px;
	height: 426px;

}
#rightside-title{
	color: #EEE;
	font-size: 9pt;
	font-weight: bold;
	text-align:center;
	padding-top:8px;
	padding-bottom:18px;
	padding-left:3px;
	min-height:14px;
}
#rightside-title a{
	color: #EEE;
	
}


#rightside-subtitle{
	color: #212121;
	font-size: 9pt;
	text-align:center;
	padding-top:12px;
	padding-bottom:18px;
	min-height:14px;
}

#subslice {
	background: url(../img/subslice.png) no-repeat;
	height: 257px;
	margin-left:3px;
}
#subslice ul li {
	padding-bottom:7px;
}
#footer {
	margin-top:20px;
	clear: both;

	background: url(../img/footer.png) no-repeat;
	width:951px;
	height:50px;

}
#links {
	color: red;
	margin-left:0px;
	text-align:left;
	padding-top:3px;
}
#footer_links {
	margin-left:40px;
}
#links a {
	margin-left:10px;
	margin-right: 10px;

}
#copyright {
	text-align:left;
	margin-top:10px;
	font-size:.8em;
}
#main {
	background: url(../img/panel-red.png) no-repeat;
	width: 660px;
	height: 460px;
	padding: 20px;
}
#main-no-shadow {
	background: url(../img/red-panel-no-shadow.png) no-repeat;
	width: 660px;
	height: 460px;
	padding: 20px;
}

#main-contract {
	background: url(../img/red-panel-no-shadow.png) no-repeat;
	width: 660px;
	height: 460px;
	padding: 20px;
}


#main-support {
	background: url(../img/red-panel-no-shadow.png) no-repeat;
	width: 660px;
	height: 460px;
	padding: 20px;
}
#support-docs {
	background: url(../img/panel-red.png) no-repeat;
	width: 660px;
	height: 460px;
	padding: 20px;
}
#scroll {
	height: 375px;
	width: 600px;
	overflow: auto;
	border: 1px solid #666;
	background-color: #fff;
	padding: 8px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	font-size: 8pt;
	margin-top: 10px;
}
#scroll h2 {
	font-weight: bold;
	font-size: 10pt;
	margin-bottom: 20px;
}
#scroll h3 {
	font-weight: bold;
	font-size: 8pt;
	
}
#scroll p {
	margin-bottom: 10px;
}
#scroll ul li {
	margin-bottom: 5px;
	padding-left: 10px;
}
#scroll ul li ul li{
	padding-left: 20px;
}
#back-button a {
	margin-top:30px;
	text-align: center;
	margin-left: 563px;
	text-decoration: none;
	
}
#main-vm-list {
	background: url(../img/red-panel-no-shadow.png) no-repeat;
	width: 700px;
	height: 500px;
	padding-left: 15px;
	padding-top: 20px;
	text-align:left;
}

#forgot-password {
	background: url(../img/forgot_password.png) no-repeat;
	width: 670px;
	height: 500px;
	padding-top:15px;
	text-align: left;
	font-size: 8pt;
	padding-left:30px;
}
#contact {
	background: url(../img/red-panel-no-shadow.png) no-repeat;
	width: 670px;
	height: 500px;
	padding-top:15px;
	text-align: left;
	font-size: 8pt;
	padding-left:30px;
}
#contact_1 {
	float:left; 
	display:inline; 
	width:230px; 
	height:320px;
	padding: 5px;
	font-size: 8pt;
}
#contact_1 h2 {
	font-size:10pt;
	font-weight:bold;
}
#contact_1 p {
	margin-top: 5px;
	margin-bottom: 15px;
}
#contact_3 {
	padding: 5px;
	float:left; 
	display:inline; 
	width:400px; 
	height:320px;
}
#contact_3 table tr {
	height: 45px;
}
#contact_3 table tr td {
	padding-left: 20px;	
}
#contact_3 table tr td input[type=text] {
	width: 150px;
}
#contact_3 table tr td textarea {
	width: 325px;
}
#contact_3 h2 {
	font-size:10pt;
	padding-left: 20px;
	font-weight:bold;
}

#send-message {
	margin-top:20px;
	background-color: #C00;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	color: #FFF;
	border: 0px;
}
#forgot-password p {
	margin-bottom:10px;
}
#forgot-password input[type=text] {
	background: url(../img/input.png) no-repeat;
	border-style: hidden;
	border-width: 0px;
	height:20px;
	width: 125px;
}
#forgot-password input.captcha {
	background: url(../img/input_small.png) no-repeat;
	width: 90px;
}
#forgot-password #send {
	margin-left:535px;
	margin-top:20px;

	background-color:red;
}

#main table {
	margin-top: 0px;
	width:100%;
}

#main table tr {
	height: 17px;
}
#invoice_electronic {
	font-size: 7pt;
	font-weight: normal;
	color: #7d7d7d;
	display: block;
}
#error_msg {
	font-size:8pt;
	text-align:left;
	color:red;
	margin-top:4px;
	margin-bottom:4px;
	min-height:20px;
}
#okey_msg {
	font-size:8pt;
	text-align:left;
	color:green;
	margin-top:4px;
	margin-bottom:4px;
	min-height:20px;
}
.error_field input {
	border-width: 2px;
	border-color: red;
	border-style: solid;
}
.error_field {
	color: red;
	
}
#main_header {
	height:20px;
}
#main_body {
	height:390px;
}
#main_footer {
	height: 40px;
}

#vm_form {
	font-size:8pt;
}
#vm_form th {
	text-align:right;
	padding-right: 10px;
}
#vm_form td {
	text-align: left;
}

#vm_form td input {
		font-size:8pt;
}
#vm_form td select {
		font-size:8pt;
}

#storage {
	
	
}
#storage td {
	text-align:center;
}
#storage th {
	text-align: right;
}
#storage caption {
	padding-left:42px;
	width:100%;
}
#price_div {
	background: url(../img/price-panel.png) no-repeat top center;
	width:150px;
	height: 110px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	font-size:1.6em;
}
#price_value {
	padding-top:5px;
}
#price_note {
	padding:10px 10px 0 80px;
	font-size: 7pt;
	text-align:left;
}
#price_div h1 {
	margin-left:10px;
	padding-top:5px;
}
#price_tr th{
	text-align:right;
	color: 4a4a4a;
}
#price_tr td{
	text-align:left;
	color: 4a4a4a;	
}
#register_form {
	font-size:8pt;
}
#register_form th {
	text-align:right;
	padding-right: 10px;
}
#register_form td {
	text-align: left;

}
#register_form td input {
		font-size:8pt;
}
#register_form td select {
		font-size:8pt;
}
#login-or-register {
	background: url(../img/login_or_register.png) no-repeat;
	width: 660px;
	height: 460px;
	padding: 40px;
}
#lor_header {
	margin-bottom:40px;
	font-size: 8pt;
}
#login_lor {
	width: 330px;
	text-align:left;
	float:left;
}
#register_lor {
	width: 330px;
	text-align:left;
	float:left;
}
#lor_form {
	font-size:8pt;
}
#lor_notes {
	text-align:left; 
	margin-top:100px; 
	width:300px;
	font-size:8pt;	
	float:left;
}
#lor_notes p {
	margin-bottom:10px;
}
#lor_register {
	width:120px;
	height: 36px;
	float:left;
	margin-top:180px;
	margin-left:125px;
}
#contracts {
	margin-top:20px;
	width:220px;
	float:left;
}
#contracts p {
	padding-bottom:10px;
}
#contracts p a {

}
#contracts p a:hover {

}
#contract_image {
	float:right;
}
#annexes {
	margin-left:30px;
	min-height:140px;
}
#annexes ul {
	width: 50%; 
	float: left; 
	padding-left: 0; 
	margin-left: 0; 
	text-align:left;
	line-height:2em;
}
#annexes ul li {
	background: url(../img/icons/DossierRouge.png) top left no-repeat;
	padding-left:30px;
	margin-bottom:10px;
}
#annexes a {

}
#annexes a:hover {

}
#welcome-msg h2 {
	padding-bottom: 10px;
	font-size: 10pt;
	font-weight: bold;
}
#welcome-msg p {
	padding-bottom: 10px;
	font-size: 8pt;
}
#welcome-msg a {
	font-weight:bold;
}
#support {
	text-align:left;
	margin-left:20px;
	margin-top:50px;
}
#support p {
	margin-bottom: 20px;
}
#support-documents {
	float:left;
	display:inline;
	margin-top:25px;
	margin-left:30px;
	min-height:140px;
	width:220px;
}
#support-documents p {
	line-height: 30px;
	text-align:left;
	font-size: 10pt;
}
#support-documents p a img {
	  vertical-align:middle;
}
#support-documents ul {
	width: 100%; 
	
	padding-left: 0; 
	margin-left: 0; 
	text-align:left;
	line-height:2em;
}
#support-documents ul li {
	background: url(../img/pdf-icon-small.png) top left no-repeat;
	padding-left:30px;
	margin-bottom:10px;
}
#support-documents a {
	color: #7d7d7d;
	text-decoration:none;
}
#support-documents a:hover {
	text-decoration:underline;
}


#support-documents {
}
#contracts_ok {
	text-align:center;
	margin-left:545px;
	margin-top:6px;
}
#contracts_ok a:hover{
	text-decoration:none;
}
#login_frm_forgot{
	width:100px;
	float:left;
	vertical-align:bottom;
	display:inline;
}
#login_frm_button{
	width:60px;
	float:right;
	margin-right:10px;
	display:inline;
}
.star {
	color: red;
	font-size:1.2em;
}
.question_mark{
	margin-left:3px;
	vertical-align:middle;
}

#vm-list {
	margin-top:30px;
	
	min-height:140px;
	font-size:7.5pt;
}
#vm-list  {
	padding: 0; 
	margin: 0; 
	text-align:center;
	
}
#vm-list tr th {
	text-align:center;
	font-weight:bolder;
	border: 1px solid #bdbdbd;
	vertical-align:top;
	color: #000;
	
}
table#vm-list{
	
}
#vm-list-div {
	
}
table#vm-list tr{
	height:18px;
}
table#vm-list tr td {
	border: 1px solid #bdbdbd;
}
.tr-impar {
	background-color: #F7F7F7;
}
.tr-par {
	background-color: #FFF;
}
#vm-list-legend {
	text-align:left;
	margin-left: 10px;
	margin-top: -15px;
	font-size: 7pt;
}
#confirm-delete {
	text-align:left;
	color:red;
}
#confirm-delete-wrapper {
	min-height: 60px;
	margin-top: 10px;
	width:100%;
}
#confirm-delete a {
	font-weight:bold;
	color:red;
}
#vm_ok {
	margin-left:545px;
	margin-top:23px;
}
.pret-promotional {
	margin-left: 100px;
	margin-top:40px;
	text-align:left;
	font-size: 7pt;
	color: #222;
}
.pret-eur {
	font-size: 10pt;
	font-weight: bold;
	color: #600;
}
.vm-list-header-name {
	height: 30px;
}
#new-vm-wrapper {
	height:360px;
}
#paging {
	text-align: right;
	margin-right: 50px;
	margin-top:20px;
	margin-bottom: 10px;
}
#total-price {
	text-align: left;
	margin-right: 50px;
	margin-top:10px;
	margin-bottom: 10px;
}
#payment-list {
	background: transparent url(../img/panel-red.png) no-repeat;
	width: 700px;
	height: 500px;
	padding-left: 15px;
	padding-top: 20px;
	text-align:left;
}
#payment-list-div {
	height: 225px;
}
#payment-button {
margin-top:20px;
margin-left:5px;
}
#view-payment-filter {
	margin-bottom:5px;
}
#payment-header-wrapper {
	display:inline; 
	line-height: 25px;
}
#payment-header-wrapper h1 {
	display:inline; 
	
	padding-right:300px;
}
#payment-header-wrapper img {
	vertical-align:top; 
	display: inline;
	
}

#payment-header-loader {
 	display:inline;
	
    argin-left:300px;
}
#total-price {
	text-align:left;
	font-size: 14pt;
	margin-left:520px;
}
#payment-finish {
	margin-top: 30px;
	margin-left: 20px;
	text-align: left;
	
	
}
#legenda-visa{
	margin-top: 30px;
	margin-left: 20px;
	text-align: left;		
}

/* Tooltips CSS definitions */

.tooltip {
	position: absolute!important;
	overflow:hidden;
	font-size: 12px;
	z-index: 10000!important;
}
	.tooltip .xtop, .tooltip .xbottom { display: block; background: transparent; font-size: 1px; }
	.tooltip .xb1, .tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { display: block; overflow: hidden; }
	.tooltip .xb1, .tooltip .xb2, .tooltip .xb3 { height: 1px; }
	.tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { background: #666; border-left: 1px solid #333; border-right: 1px solid #333; }
	.tooltip .xbottom .xb2, .tooltip .xbottom .xb3, .tooltip .xbottom .xb4 { background: #666; }
	.tooltip .xb1 { margin: 0 5px; background: #333; }
	.tooltip .xb2 { margin: 0 3px; border-width: 0 2px; }
	.tooltip .xb3 { margin: 0 2px; }
	.tooltip .xb4 { height: 2px; margin: 0 1px; }

	.tooltip .xarrow {
		position: relative;
		top: 2px; left: 12px;
		width: 11px;
		height: 7px;
	}
		.tooltip .xarrow b {
			display: block;
			background:#666;
			border-left:1px solid #333;
			border-right:1px solid #333;
			font-size:1px;
			height: 1px;
		}
		.tooltip .xarrow .a1 { margin: 0 5px; background-color: #333; border: 0 solid; width: 1px; }
		.tooltip .xarrow .a2 { width: 1px; margin: 0 4px;}
		.tooltip .xarrow .a3 { width: 3px; margin: 0 3px;}
		.tooltip .xarrow .a4 { width: 5px; margin: 0 2px;}
		.tooltip .xarrow .a5 { width: 7px; margin: 0 1px;}
		.tooltip .xarrow .a6 { width: 9px; margin: 0 0px;}

	.tooltip .xboxcontent {
		padding: 0 .5em;
		margin: 0;
		color: #000;
		text-shadow: 1px 1px 0px #CCC;
		word-wrap:break-word;
		border: 1px solid #333;
		border-width: 0px 1px 0 1px;
		background-color: #666;
	}