@charset "utf-8";

#reserved-area {
	font-size: 13px;
}

.label {
	font-weight:bold;
}

input[type=button], input[type=submit] {
	margin-right:10px;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: #ffffff;
	padding: 2px 10px;
	cursor:pointer;
	background-color:#076b36;
	background: -moz-linear-gradient(
		top,
		#076b36 0%,
		#076b36);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#076b36),
		to(#076b36));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #043d1e;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
}


/* MENU E LOGIN AREA CLIENTI */

.div-utente-connesso {
	float:left;
	text-align:left;
	font-size:13px;
	margin-left:15px;
	height:33px;
	line-height:33px;
	color:#ffffff;
	font-weight:bold;
}

.div-form-login {
	margin-top:4px;
	float:left;
	margin-left:15px;
}

#left-side .div-form-login {
	margin-left:0px;
}

#menu > .div-form-login >.error {
	display:none;
}

#left-side > .div-form-login >.form-login {
	display:none;
}

.div-form-login  .error {
	color:#ff0000;
	font-size:11px;
}

.div-menu-utente {
	font-size:11px;
	color:#ffffff;
	float:left;
	margin-left:15px;
	height:23px;
	margin-top:4px;
	line-height:23px;
}

.div-menu-utente ul {
	margin:0px;
	padding:0px;
	list-style-type: none;
}

.div-menu-utente li {
	cursor:pointer;
	float:left;
	margin-right:10px;
	padding:0px 5px;
	text-align:center;
}

.div-menu-utente li:hover {
	background-color:#449264;
	background: -moz-linear-gradient(
		top,
		#b9d0bf 0%,
		#449264);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#b9d0bf),
		to(#449264));
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 0px rgba(255,255,255,0.2);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 0px rgba(255,255,255,0.2);
}

.div-menu-utente li.selected, .div-menu-utente li.selected:hover {
	background-color:#02421c;
	background: -moz-linear-gradient(
		top,
		#568264 0%,
		#02421c);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#568264),
		to(#02421c));
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	-moz-box-shadow:
		0px 1px 3px rgba(255,255,255,0.2),
		inset 0px 0px 1px rgba(4,39,18,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(255,255,255,0.2),
		inset 0px 0px 1px rgba(4,39,18,1);
	box-shadow:
		0px 1px 3px rgba(255,255,255,0.2),
		inset 0px 0px 1px rgba(4,39,18,1);
}

.div-menu-utente li a {
	text-decoration:none;
	color:#ffffff;
}

.div-menu-utente li a:hover {
	text-decoration:none;
	color:#ffffff;
}

/* IL TUO NUMERO VERDE */

#reserved-area #div-ricarica {
	margin-top:20px;
}

/* RICARICA IL TUO NUMERO */

#reserved-area #div-importo, #reserved-area #reserved-area #div-accettazione-contratto, #div-form-ricarica .button-ricarica {
	margin-top: 10px;
}

#reserved-area .error,
#reserved-area #div-form-ricarica .error {
	color: #ff0000;
	margin-bottom:10px;
}

/* VISUALIZZA DOCUMENTI E FATTURE */

#reserved-area #div-documenti-fatture .file {
	margin-bottom:5px;
}

#reserved-area #div-documenti-fatture .div-numero {
	margin-bottom:10px;
}

#reserved-area .clear {
	clear:both;
}

#reserved-area #paypal {
	margin-top:20px;
}

#reserved-area #buy-number .row div, #reserved-area #div-form-ricarica .row div, #reserved-area #div-form-messaggi-vocali .row div, #reserved-area #summary .row div {
	float:left;
}

#reserved-area #buy-number #user-company .col2 {
	font-weight:bold;
	font-size:12px;
	width:66%;
}

#reserved-area #buy-number .row div:last-child, #reserved-area #div-form-ricarica .row div:last-child, #reserved-area #div-form-messaggi-vocali .row div:last-child, #reserved-area #summary .row div:last-child {
	float:none;
}

#reserved-area #summary .row .col1 div, #reserved-area #summary .row .col2 div,
#reserved-area #div-form-messaggi-vocali .row .col1 div, #reserved-area #div-form-messaggi-vocali .row .col2 div, #reserved-area #div-form-messaggi-vocali .row .col3 div,
#reserved-area #div-form-ricarica .row .col1 div, #reserved-area #div-form-ricarica .row .col2 div, #reserved-area #div-form-ricarica .row .col3 div,
#reserved-area #buy-number .row .col1 div, #reserved-area #buy-number .row .col2 div, #reserved-area #buy-number .row .col3 div {
	padding:0px 5px;
}

#reserved-area #div-form-ricarica #number-initial-topup .col2,
#reserved-area #div-form-ricarica #number-selection .col2 {
	width:66%;
}

#summary .title {
	margin-top:20px;
}

.title {
	font-weight:bold;
	padding:0px 0px 15px 0px;
	font-size:16px;
	color:#076B35;
}

#reserved-area .smalltext {
	font-size:11px;
}

#reserved-area .row .col1, #reserved-area .row .col2, #reserved-area .row .col3 {
	background-color:#eeeeee;
	width:33%;
	height:33px;
	line-height:33px;
	font-size:11px;
	border-bottom:2px solid #ffffff;
}

#reserved-area #vocal-messages-speaker .col2 div {
	margin-top:5px;
}

#reserved-area #vocal-messages-speaker .col2 {
	line-height:18px;
}

#reserved-area #div-form-messaggi-vocali .row .col1, #reserved-area #div-form-messaggi-vocali .row .col2, #reserved-area #div-form-messaggi-vocali .row .col3 {
	height:50px;
}

#reserved-area #div-form-messaggi-vocali .row textarea {
	width:500px;
	height:40px;
}

#reserved-area #div-form-messaggi-vocali .row .col2 {
	width:66%;
}

#reserved-area #number-configuration .col2 div select {
	margin-top:5px;
}

#reserved-area #number-call-waiting .col2 {
	line-height:12px;
}

#reserved-area .row .col1, #reserved-area .row .col2 {
	border-right:2px solid #ffffff;
}

#reserved-area .row .col1 {
	background-color:#285627;
	color:#ffffff;
}

#reserved-area #number-configuration-div .col2, #reserved-area #number-contract .col2 {
	width:66%;
}

#reserved-area #number-call-receiving .col2 {
	width:20%;
}

#reserved-area #number-call-receiving .col3 {
	width:46%;
}

#reserved-area #number-call-receiving .col3 input {
	width:220px;
	margin-top:5px;
	margin-left:10px;
	margin-bottom:6px;
}

#reserved-area #number-call-receiving .row {
	border:none;
}

#reserved-area #number-call-receiving .row div:last-child {
	float:none;
}

#reserved-area #number-submit {
	text-align:right;
	border:none;
	margin: 15px 0px;
}

#reserved-area #number-selection-div .title, #reserved-area #number-services-div .title, #reserved-area #number-configuration-div .title {
	background-color:#285627;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	padding-left:5px;
	padding-bottom:0px;
	height:33px;
	line-height:33px;
	border-bottom:2px solid #ffffff;
	width:99%;
}

#reserved-area #number-selection-div input {
	margin-right:10px;
	font-size:14px;
	height:30px;
}

#reserved-area #number-selection-div .col2, #reserved-area #number-vocal-messages .col2, #reserved-area #number-call-waiting .col2, #reserved-area #number-summary .col2 {
	width:40%;
}

#reserved-area #number-selection-div .col3, #reserved-area #number-vocal-messages .col3, #reserved-area #number-call-waiting .col3, #reserved-area #number-summary .col3 {
	width:26%;
}

#number-selection-div, #number-services-div, #number-configuration-div {
	margin-bottom:20px;
}

#reserved-area #number-call-receiving .col1, #reserved-area #number-call-receiving .col2, #reserved-area #number-call-receiving .col3 {
	height:99px;
}

#reserved-area #number-ringtone .col1, #reserved-area #number-ringtone .col2, #reserved-area #number-ringtone .col3 {
	height:40px;
	line-height:20px;
}

#reserved-area #number-voicemail .col1, #reserved-area #number-voicemail .col2, #reserved-area #number-voicemail .col3 {
	height:60px;
	line-height:20px;
}

#reserved-area #number-voicemail .col2 input {
	margin:10px 5px;
	width:300px;
}

#reserved-area #number-ringtone input, #reserved-area #number-voicemail input {
	margin:5px 5px;
}

#reserved-area #number-busy select {
	margin:10px 5px;
}

#reserved-area #number-notes .col1, #reserved-area #number-notes .col2,
#reserved-area #number-contract .col1, #reserved-area #number-contract .col2 {
	height:115px;
}

#reserved-area #number-contract .col2 {
	line-height:13px;
}

#reserved-area #number-notes .col2 textarea, #reserved-area #number-contract .col2 textarea {
	margin:3px 5px;
	width:500px;
}

#reserved-area #number-payment .col1, #reserved-area #number-payment .col2, #reserved-area #number-payment .col3 {
	height:85px;
}

.box .row .odd, .box .row .even {
	font-size:11px;
	width:50%;
	float:left;
	text-align:center;
	padding:6px 0px;
	border-bottom:1px solid #C2C2C2;
}

.box .title {
	text-align:center;
	font-size:11px;
	padding:5px;
	background-color:#285627;
	color:#ffffff;
}

.box .row .odd {
	background-color:#FFFFA3;
}

.box .row .even {
	background-color:#ffffff;
}

.box {
	color:#339900;
	border:1px solid #acacac;
	margin-bottom:10px;
	font-weight:bold;
}

.box select {
	margin-left:45px;
	margin-top:10px;
	margin-bottom:10px;
}

.prefix {
	color:#000000;
	font-weight:bold;
}

.row a {
	color:#339900;
	text-decoration:none;
}

.row a:hover {
	color:#339900;
	text-decoration:underline;
}

#number-selection-form-title, #number-select {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

#number-selection-form-title {
	font-size:13px;
	font-weight:bold;
}

#number-select select {
	width:100px;
}

#number-div-main {
	color:#339900;
	font-weight:bold;
	font-size:18px;
	margin-bottom:10px;
}

#number-div-main .label {
	color:#000000;
	font-size:14px;
}

#number-div-docs-bills {
	color:#000000;
	font-weight:bold;
	font-size:14px;
}

.file a {
	color:#076B35;
	text-decoration:none;
}

.file a:hover {
	color:#076B35;
	text-decoration:underline;
}

#div-dati-anagrafici {
	margin-bottom:20px;
}

#div-dati-anagrafici .row {
	margin-bottom:7px;
}

#div-dati-anagrafici .row .label {
	color:#ffffff;
	padding:3px 5px;
	width:200px;
	float:left;
	font-size:14px;
	height:18px;
	line-height:18px;
	background-color:#66a37f;
	border-bottom:1px solid #808080;
}

#div-dati-anagrafici .row .value {
	color:#ffffff;
	background-color:#66a37f;
	border-bottom:1px solid #808080;
	padding:3px 5px;
	height:18px;
	line-height:18px;
}

#div-dati-anagrafici input[type=text] {
	width:300px;
}

#div-button-ricarica {
	float:left;
	margin-top:10px;
}

#div-button-configura {
	margin-top:10px;
	float:left;
}

.div-documenti-fatture-numero {
	border-bottom:1px dotted #acacac;
	margin-bottom:20px;
	padding-bottom:10px;
}

.div-documenti-fatture-numero .div-numero {
	margin-bottom:5px;
}

.div-documenti-fatture-numero .div-numero .label {
	font-size:15px;
}

.div-documenti-fatture-numero .file {
	color:#ffffff;
	background-color:#66a37f;
	border-bottom:1px solid #808080;
	padding:3px 5px;
	height:18px;
	line-height:18px;
}

.div-documenti-fatture-numero .file a {
	color:#ffffff;
	text-decoration:none;
}

.div-documenti-fatture-numero .file a:hover {
	color:#ffffff;
	text-decoration:underline;
}

#number-div-docs-bills {
	margin-top:20px; margin-bottom:10px;
}

/* PRESENTA AZIENDA */

#bring-company > div {
	margin-bottom:10px;
}

#bring-company > div > div {
	margin-bottom:5px;
}

.bring-company-recipients-input input {
	height:20px;
	font-size:13px;
	line-height:20px;
	width:500px;
}

.bring-company-textarea textarea {
	font-family:Arial;
	height:100px;
	font-size:13px;
	line-height:20px;
	width:500px;
}