﻿.topFrame{

	background-color:#ffffff;

  background-image:  url(/images/skin/top_bg.gif);

  background-position: top right;

  background-repeat: no-repeat;

  padding: 0;  

  margin 0;

}

#header{

  margin: 0;

  height:50px;

	border-bottom: 2px solid #CBCBD5;

}

#loginTitle {

  height: 59px;

  width: 378px;  

  background-image: url(/images/skin/login-header.gif);

  font-size: 19px;

  font-family: "Franklin Gothic Medium", Verdana, Geneva, Arial, Helvetica, sans-serif;

  color: #838198;

  padding-left: 75px;

}

/* Info and Action Boxes */

fieldset {

 margin: 0;

 padding: 10px;

 

}

fieldset.noLegend{

	margin-bottom:10px;

}



fieldset li{

margin-left: 10px;

}

legend {

  margin-bottom: 5px;

  margin-left: -9px;

  padding-right: 5px;

  vertical-align: middle;

  padding-bottom: 3px;

}

fieldset > legend {

  margin-left: -2px;

}



/*status/error bar*/

div.OpResult{

	float:left;

}



.OpStatusError, .OpStatusError legend{

	color:#AA0000;

	border-color:#AA0000;

}

.OpStatusOk, .OpStatusOk legend{

	color:#4F9674;

	border-color:#4F9674;

}

.OpStatusError legend, .OpStatusOk legend{

	font-weight:bold;

}

				 

legend img{

	padding-left:10px;

}					 

					 

input.FlatInput     {

  border: 1px solid #7F9DB9;

	background-color:#FFFFFF;

	width:150px;

}

input.FlatInputFlow  {

  border: 1px solid #7F9DB9;

	background-color:#FFFFFF;

}

.FlatSelect  {

	width:150px;

}



/*-------- Flexible Buttons ------------*/

/*----Common Attributes----*/

 .buttonLeft,  .buttonLeft img,

 .buttonRight,  .buttonRight img {

	height: 21px;

	width:3px;

	margin:0;

	padding:0;

	border: none;

}

 .buttonLeft {

 	background-image: url(/images/skin/btn_bg_left.gif);

 }

  .buttonRight {

 	background-image: url(/images/skin/btn_bg_right.gif);

 }

.buttonCenter{

	border: none;

	margin:0;

	padding:0;	

}

.buttonCenter input

{

	cursor:hand;

	cursor:pointer;

	height:21px;

	border: none;	

	text-align:center;

	background-repeat: no-repeat;  	

	background-color: transparent;	

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

}

/* Button Containers */

.FormButton, .FormButtonInv, 

.FormButtonOk,.FormButtonElimina, .FormButtonCancel,.FormButtonCerca,

.FormButtonPrev, .FormButtonNext {

	width:97px;

}

.FormButton125 {

	width:131px;

}

.FormButtonShort {

	width:56px;

}



/* Button Clickables, backgrounds */

.FormButton .buttonCenter input, 

.FormButtonInv .buttonCenter input  {

	width: 100%; 

	min-width:91px;

	background-image: url(/images/skin/btn_bg.gif);

}



.FormButtonOk .buttonCenter input{

	width: 100%; 

	min-width:91px;

	padding-left:9px;

	background-image: url(/images/skin/btn_ok_bg.gif);

}

.FormButtonCancel .buttonCenter input {

	width: 100%; 

	min-width:91px;

	padding-left:9px;

	background-image: url(/images/skin/btn_cancel_bg.gif);

}

.FormButtonElimina .buttonCenter input {

	width: 100%; 

	min-width:91px;

	padding-left:9px;

	background-image: url(/images/skin/btn_elimina_bg.gif);

}

.FormButtonCerca .buttonCenter input {

	width: 100%; 

	min-width:91px;

	padding-left:9px;

	background-image: url(/images/skin/btn_saerch_bg.gif);

}
.FormButtonNext .buttonCenter input {

	width: 100%; 

	min-width:91px;

	padding-right:9px;	

	background-image: url(/images/skin/btn_next_bg.gif);

	background-position:right;

}

.FormButtonPrev .buttonCenter input {

	width: 100%; 

	min-width:91px;

	padding-left:9px;

	background-image: url(/images/skin/btn_prev_bg.gif);  

}

.FormButton125 .buttonCenter input {

	width: 100%; 

	min-width:125px;

	background-image: url(/images/skin/btn_bg.gif);  

}

.FormButtonShort .buttonCenter input {

	width: 100%; 

	min-width:50px;

	background-image: url(/images/skin/btn_bg.gif);

}

.buttonCenter .OperaButton {

	width: auto;

}

/*--------------------------------------------*/



.FilterButton		{

  width: 20px;

  height: 20px;

  background-image: url(icons/search_16.gif);

  border: 0 solid white;

  background-repeat: no-repeat;

  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

  font-size: 1px;

  text-align:center;  

  background-color: transparent;

}



th {

  vertical-align: middle;

}

th a {

  vertical-align: middle;

}



th img {

  vertical-align: middle;

  padding-left: 3px;

}



.MainFormTable th

{

  font-weight: normal;

  color: #444444;

}

}

.listControls {

	margin-bottom:8px;

}

.listControls a:link,

.listControls a:active,

.listControls a:visited{

  color:#000000;	

}

.list th.sort {

  background: #B7B7C6;

  border-right: 1px solid #FFFFFF;  

}

.list th {

  background: #D5D5DD;

  border-right: 1px solid #FFFFFF;  

}





.list td,

.list th {

	padding: 3px;

}

.list th,

.list th a,

.list th a:visited,

.list th a:active {

  text-decoration:none;

  color:#000000;

  vertical-align: middle;

  white-space: nowrap;

}



.Dashboard th{

	background-color:#D5D5DD;

	font-weight:bold;

    border-right: 1px solid #FFFFFF; 

	color:#000000;

}



td.ContentPlace{

	border-left:1px;

	border-left-style:solid;	

	border-color:#4F9674;

}

tr.RowError td{

  background-color: #ffd9d9;

}

td.CellError input{

  background-color: #ffd9d9;

}



td.FormError{

	background-color:#E60000;

	font-weight:bold;

	padding:3px;

	color:#FFFFFF;

}

td.ErrorBar {

	background-color:#FFF0F0;

	padding:5px;

    border-bottom: 1px solid #cccccc;    

}

td.StatusBar {

	background-color:#D4DDFF;

	padding:5px;

    border-bottom: 1px solid #cccccc;    

}



td.FormFooter{

	background-color:#FFFFFF;

	border:none;

}



td.Content{

	padding:10px;

}

tr.OddRow, tr.OddRow td{

	background-color:#F0F0F0;

}

tr.EvenRow, tr.EvenRow td{

	background-color:#FFFFFF;

}



tr.subHeader td{

  background: #D6DFF7;

  border-right: 1px solid #FFFFFF;

  font-weight: bold;

}

.NoButton{

	border:2px;

	border-style:window-inset;

	padding:5px;

	background-color:#E6E6E6;

	color:#555555;

}

.none td, .none th{

	border:none;

	background-color:transparent;

}

.TaskStarted, .TaskInProgress

{

	font-weight:bold;

}

.TaskCompleted 

{

	font-weight:normal;

}

.Taskfailed

{

	font-weight:bolder;

	color:#FF0000;

}

div.SandClock{

	position:absolute;

	top:50px;left:250px;

	width:300px;height:100px;

	border: solid 2px;

	border-color:#A6A5B5;

	background-color:#D5D5DD;

	color:#000000;

}

.SandClock th{

	background-color:#A4A4A8;

	color:#ffffff;

}



table.FrontScreen{

    border: 1px solid #d0d0d0

}



table.FrontScreen td.title{

    font-weight:bold;

    color:#999999;

    align:left;

}

/* ============= Plesk Integration ============= */

.screenTitle {

  background: #ffffff;

}



.screenTitle td {

  font-size: 18px;

  font-family: "Franklin Gothic Medium", Verdana, Geneva, Arial, Helvetica, sans-serif;

  color: #000000;

  padding: 3px 12px 5px 11px;

  vertical-align: middle;



}

.pathbar {

	padding: 10px 10px 0 11px;

    background: #ffffff;

    color: #444444;

}

.uplevel img{

    vertical-align: middle;  

    padding-left:10px;

}

.pathbar a,

.pathbar a:visited,

.pathbar a:link,

.pathbar a:active,

.uplevel a,

.uplevel a:link,

.uplevel a:visited,

.uplevel a:active

  {

   color: #444444;

}

.screenBody {

  margin: 0 10px;

  clear:left;

}

.uplevel a{

    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

    font-size: 11px;

    color: #000000;

}

.buttons {

  margin-top: 10px;

}

.commonButton,

.commonDisabledButton {

  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

  font-size: 11px;

  background-color: transparent;

  display: inline;

  background-color: transparent;

}

.screenButtons {

  padding: 8px 0 0 0;

}

.toolsArea .commonButton {

  background-position: top center;

  background-repeat: no-repeat;

  background-color: transparent;

  padding: 32px 0 0 0;

  width: 111px;

  height: 27px;

  margin: 0;

  cursor: pointer;

  text-align: center;

  float: left;

  color: #000000;    

  text-decoration: underline;

}

.toolsArea .commonDisabledButton{

  background-position: top center;

  background-repeat: no-repeat;

  background-color: transparent;

  padding: 32px 0 0 0;

  width: 111px;

  height: 27px;

  margin: 0;

  text-align: center;

  float: left;

  color: #999999;  

  text-decoration: none;

}



.toolsArea button {

  display: none;

}



.formArea .toolsArea .commonButton span,

.formArea .toolsArea .commonDisabledButton span {

  display: inline;

}



td.barOverFilled {

  background: url(/images/skin/gauge/fill-over.gif);

}



td.barFilled {

  background: url(/images/skin/gauge/fill.gif);

}



td.barEmpty {

  background: url(/images/skin/gauge/empty.gif);

}

.gaugeArea {

  margin: 2px 0;

}

.gaugeArea img {

	vertical-align:auto;

}

.gaugeLayout td {

  border: none;

  padding: 0;

}



/*======= other =====*/

.searchFilled{

	font-weight:bold;

}



/*====== TABS ========*/

#noTabs {

padding-top: 10px;

background-color:#ffffff;

}



#screenTabs {

float:left;

width: 100%;

min-height: 1px;

height: 1px;

background:#ffffff url("/images/skin/tabs/bg.gif") repeat-x bottom;

margin-bottom:10px;	

}



td > #screenTabs { 

height: auto;

}



.tabs {

float:left;

line-height:normal;

white-space: nowrap;

background:#ffffff url("/images/skin/tabs/bg.gif") repeat-x bottom;

}



.tabs ul {

margin:0;

padding: 0px 10px 10px 10px;

list-style:none;

}



.tabs a {

display: block;

background:url("/images/skin/tabs/right.gif") no-repeat right top;

padding:5px 9px 4px 4px;

vertical-align: baseline;

text-decoration: none;

color: #000000;

width:.1em;

}



.tabs > ul a {

width: auto;

}



.tabs a:hover,

.tabs a:visited,

.tabs a:active {

text-decoration: none;

color: #000000;

}



.tabs li {

float:left;

background:url("/images/skin/tabs/left.gif") no-repeat left top;

margin:0;

padding:0 0 0 2px;

border-bottom: solid 1px #776655;

}



.tabs li#current {

border-width: 0;

}



.tabs #current {

background-image:url("/images/skin/tabs/left_on.gif");

margin-left: -3px;

}

.tabs #current a {

background-image:url("/images/skin/tabs/right_on.gif");

padding:3px 9px 7px 6px;

vertical-align: baseline;

}



.tabs .last a {

background-image:url("/images/skin/tabs/right_last.gif");

}



.tabs .first {

background-image:url("/images/skin/tabs/left_first.gif");

}



.tabs .first#current {

margin-left: 0;

}



.tabs li:hover {

background-position: 0% -150px;

cursor: pointer;

}



.tabs li:hover a {

background-position: 100% -150px;

}



.tabs li.first:hover {

background-position: top left;

}



.tabs a:hover {

background-position: 100% -150px;

}

/* ============Multiline tabs =================*/

.tabsUpper,

.tabsLower {

float:left;

display:block;

clear:left;

width: 100%;

line-height:normal;

white-space: nowrap;

/* background:#F9F8F8 url("/images/skin/tabs/bg.gif") repeat-x bottom; */

}



.tabsUpper ul,

.tabsLower ul {

margin:0;

padding: 0px 10px 10px 10px;

list-style:none;

}



.tabsUpper a,

.tabsLower a {

display: block;

background:url("/images/skin/tabs/right.gif") no-repeat right top;

padding:5px 9px 4px 4px;

vertical-align: baseline;

text-align:center;

text-decoration: none;

color: #000000;

width: auto;

margin:0 0 0 2px;

}



.tabsUpper > ul a,

.tabsLower > ul a {

margin:0 0 0 2px;

width: auto;

}



.tabsUpper a:hover,

.tabsUpper a:visited,

.tabsUpper a:active,

.tabsLower a:hover,

.tabsLower a:visited,

.tabsLower a:active {

text-decoration: none;

color: #000000;

}



.tabsUpper li,

.tabsLower li {

float:left;

background:url("/images/skin/tabs/left.gif") no-repeat left top;

margin:0;

papdding:0;

text-align:center;

cursor: hand;

}

.tabsLower li {

border-bottom: solid 1px #776655;

}



.tabsLower li#current {

border-width: 0;

}



.tabsLower #current {

background-image:url("/images/skin/tabs/left_on.gif");

margin-left: -3px;

}

.tabsLower #current a {

background-image:url("/images/skin/tabs/right_on.gif");

padding:3px 9px 7px 6px;

vertical-align: baseline;

}



.tabsUpper .last a,

.tabsLower .last a {

background-image:url("/images/skin/tabs/right_last.gif");

}



.tabsUpper .first,

.tabsLower .first {

background-image:url("/images/skin/tabs/left_first.gif");

}



.tabsLower .first#current {

margin-left: 0;

}



.tabsUpper li:hover,

.tabsLower li:hover {

background-position: 0% -150px;

cursor: pointer;

}



.tabsUpper li:hover a,

.tabsLower li:hover a {

background-position: 100% -150px;

}



.tabsUpper li.first:hover,

.tabsLower li.first:hover {

background-position: top left;

}



.tabsUpper a:hover,

.tabsLower a:hover {

background-position: 100% -150px;

}