/****************************************************************/
/*  This css classes determine the behaviour of WebRatio units  */
/****************************************************************/

/* The css class used to render WebRatio css classes divs*/
.plain {

	display:block;

	/*display:inline;
	clear:none;
	float:left;*/
	
}

/* The css class used to render headers and attribute names */
.header {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
 	color: black;
    font-weight:bold;
    background: #fff;
}

/* The css class used to render headers and attribute names of current elements */
.headerCurrent {}

/* The alternate css class used to render headers and attribute names */
.headerAlternate {}

/* The alternate css class used to render headers and attribute names of current elements */
.headerCurrentAlternate {}

/* The css class used to render attribute values */
.value {
   font-family:Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: black;
   background: #FFFFFF;
}
.longtext{
	padding-left: 25px !important;
}
.decimal{
   white-space: nowrap;
}
.nowrap{
   white-space: nowrap;
}

/* The css class used to render attribute values of current elements */
.valueCurrent {
   font-family:Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: black;
   background: #FFFFFF;
}

/* The alternate css class used to render attribute values */
.valueAlternate {
   font-family:Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: black;
   background: #eee;
}

/* The alternate css class used to render attribute values of current elements */
.valueCurrentAlternate {
	font-family:Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: black;
   background: #eee;
}

/* The css class used to render rows */
.row {	
   background: #FFFFFF;
}

.rowCurrent {	
   background: #FFFFFF;
}

/* The alternate css class used to render rows */
.rowAlternate {	   
   background: #eee;
}

.rowCurrentAlternate {	   
   background: #eee;
}

/* The css class used to render links */
.link {
	background-color:#FFFFFF; 
	color:#000000; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	font-weight:normal; 
	font-size:12px;
	/*border: 1px solid #586F8B;*/
}

/* The css class used to render links of current elements */
.linkCurrent {
	background-color:#FFFFFF; 
	color:#000000; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	font-weight:normal; 
	font-size:12px;
	/*border: 1px solid #586F8B;*/
}

/* The alternate css class used to render links */
.linkAlternate {
	background-color:#eee; 
	color:#000000; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	font-weight:normal; 
	font-size:12px;
	/*border: 1px solid #586F8B;*/
}

/* The alternate css class used to render links of current elements */
.linkCurrentAlternate {
	background-color:#eee; 
	color:#000000; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	font-weight:normal; 
	font-size:12px;
	/*border: 1px solid #586F8B;*/
}

/* The css class used to render bullets */
.bullet {
width:15px;
}

/* The css class used to render bullets of current elements */
.bulletCurrent{}

/* The alternate css class used to render bullets */
.bulletAlternate {}

/* The alternate css class used to render bullets of current elements */
.bulletCurrentAlternate{}

/* The css class used to render buttons */
.button {
    background-color: #ccc; 
    border: 1px solid #111;	 
}

/* The css class used to render checkbox */
.checkBox {}

/* The css class used to render scroll links */
.scroll {
	font-family:Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: black;
   background: #FFFFFF;
}

/* The css class used to render sorting links */
.sort {
		font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
 	color: black;
   background: #fff;
}

/* The css class used to render jump bundles */
.jump {}

/* The css class used to render fields */
.field {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
    /*background-image: url(../img/field_bg_white.jpg);
	height: 15px;*/
	border: 1px solid #666;
}

.bigfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-image: url(../img/field_bg_white_big.jpg);
	height: 50px;
	border: 1px solid #666;
}

/* The css class used to render read only fields */
.field-readonly {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-image: url(../img/field_bg_grey.jpg);
	height: 15px;
	border: 1px solid #666;
}

/* The css class used to render selection fields and selects */
.selectionfield{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	height: 20px;
	border: 1px solid #666;
}

/* The css class used to render multi selection fields */
.multiselectionfield {
width:250px;
}

/* The css class used to render error messages */
.error {
	color:red;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.error ul li {
	list-style-type: none;
}

/* The css class used to render ascending sort links */
.sortAscending {}

/* The css class used to render descending sort links */
.sortDescending {}

/* The css class used to render the selectAll link of the multichoice index unit */
.selectAll {	
	padding-left: 4px;
}

/* The css class used to render the unSelectAll link of the multichoice index unit */
.unSelectAll {
	padding-left: 4px;
}


.PowerIndexUnit, .IndexUnit, .DataUnit, .ScriptUnit, .MultiDataUnit, .HierarchicalIndexUnit, .MultiChoiceIndexUnit {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	background: #FFFFFF;	
	width:90%;
}


.MultiMessageUnit {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: red;
	background: #FFFFFF;	
	width:90%;
}

.titolobold {
	font-size: 1.2em;
	color: #048;
	margin-top: 8px;
	background: url(freccia_giu.gif) no-repeat left top;
	text-align: right;
	padding-right: 3px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

table.tabella {
	padding: 0px;
	margin: 0px;
}

table.tabella td {
	padding-right: 10px;
}

img.captcha {
	border: 1px solid black;
	width: 200px;
	margin-top: 15px;
}
.captcha-refresh {
	margin-bottom: 10px;
	
}


.scrollable {
	height: 100px;
	overflow-x: hidden;
	overflow-y: scroll; 
}

.smallText{
	width: 50px;
}
.selectFilter{
	width: 194px;
}
.noborder{
	border: none;
}