/***************************************************************/
/*                        GENERAL                              */
/*  The classes determine the behaviour of all WebRatio Units */
/***************************************************************/

.value-bold {
font-weight:bold;
text-decoration:none;
color:#555;
}

.value-boldW {
font-weight:bold;
text-decoration:none;
color:#555;
width: 130px;
}

.value-bold:hover {
text-decoration:none;
color:#555;
}

/* The css class used to render WebRatio css classes divs*/
.plain {
	display:inline;
	clear:none;
	/*padding:1px;*/
}

/* Fix for Internet Explorer for input with background image */
input[type="submit"] {
	border: 1px outset
}
/* Fix for Internet Explorer for input with background image */
input[type="button"] {
	border: 1px outset
}

/* The css classes used to align numbers right */
.integer, .float, .decimal{
	text-align:right
}

/* The css classes used to align string center */
.string, .date{

}

/* The css class used to render headers and attribute names */
.header {
font-size:80%;
}

/* 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 {}

/* The css class used to render attribute values of current elements */
.valueCurrent {}

/* The alternate css class used to render attribute values */
.valueAlternate {}

/* The alternate css class used to render attribute values of current elements */
.valueCurrentAlternate {}

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

/* 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 rows */
.row {}

/* The css class used to render rows of current elements*/
.rowCurrent {}

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

/* The alternate css class used to render rows of current elements */
.rowCurrentAlternate {}

/* The css class used to render links */
.button {
cursor:pointer;
}

/* The css class used to render links */
.link {}

/* The css class used to render links of current elements */
.linkCurrent {}

/* The alternate css class used to render links */
.linkAlternate {}

/* The alternate css class used to render links of current elements */
.linkCurrentAlternate {}

/* The css class used to render scroll links */
.scroll {}

/* The css class used to render the text between scroll links (i.e. 1-10 of 20) */
.scrollText {}

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

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

/* 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 */
.selectAll {}

/* The css class used to render the unSelectAll link */
.unSelectAll {}

/* The css class used to render fields */
.field {}

/* The css class used to render selection fields and selects */
.selectionfield{}

/* The css class used to render multi selection fields */
.multiselectionfield {}

/* The css class used to render error messages */
.error {}

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

/* The css class used to render the days of calendars */
.day{}

/* The css class used to render the month names of calendars */
.month{}

/* The css class used to render the previous year link of calendars */
.previousYear{}

/* The css class used to render the next year link of calendars */
.nextYear{}

/* The css class used to render horizontal spacing */
.horizontalSpacer {}

/* The css class used to render vertical spacing */
.verticalSpacer {}

/*********************************************************************************/
/*  This classes determine the behaviour of units accordigly to their unit type  */
/*********************************************************************************/

/*******************/
/*  ALPHABET UNIT  */
/*******************/

/* The css class used to render Alphabet Units values */
.AlphabetUnit .value {}

/* The css class used to render Alphabet Units links */
.AlphabetUnit .link {}

/***************/
/*  DATA UNIT  */
/***************/

/* The css class used to render Data Units headers and attribute names */
.DataUnit .headerCode {
color:#3F77B2;
font-family:"Trebuchet MS",Arial,sans-serif;
font-weight:bold;
margin-bottom:4px;
font-size:100%;
margin:0;
padding:0;
text-transform:capitalize;
}

.DataUnit .tbl.row.headerCode {
color:#3F77B2;
font-family:"Trebuchet MS",Arial,sans-serif;
font-weight:bold;
margin-bottom:4px;
font-size:100%;
margin:0;
padding:0;
text-transform:capitalize;
}

.DataUnit .header {
font-weight: bold;
padding-bottom:5px;
}

/* The css class used to render Data Units attribute values */
.DataUnit .valueNoTab {
font-family:Arial;
font-size:12px;
padding-bottom:0;
text-align:center;
}

.DataUnit .valueNoTabL {
font-family:Arial;
font-size:12px;
padding-bottom:0;
text-align:left;
}

.DataUnit .value {
padding-bottom:5px;
padding-left:14px;
}

/* The css class used to render Data Units rows */
.DataUnit .row {}

/* The alternate css class used to render Data Units rows */
.DataUnit .rowAlternate {
background:#F1F1F1;
}

/* The css class used to render Data Units links */
.DataUnit .link {
background:transparent url(../img/button.jpg) no-repeat scroll 0 0;
border:0 none;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
height:20px;
margin:0;
padding:0;
text-align:center;
vertical-align:middle;
width:65px;
}
.DataUnit .special {
background:transparent url(../img/price_center.gif) repeat scroll 0 0;
color:#3F77B2;
display:block;
font-size:15px;
font-weight:bold;
height:24px;
width:40%;
margin:3px 0;
padding:3px 4px;
}

.DataUnit .specialleft {
background:transparent url(../img/price_left.gif) no-repeat scroll 0 0;
color:#3F77B2;
display:block;
font-size:15px;
font-weight:bold;
height:24px;
width:10px;
margin:3px 0;
padding:3px 4px;
}
.DataUnit .specialright {
background:transparent url(../img/price_right.gif) no-repeat scroll 0 0;
color:#3F77B2;
display:block;
font-size:15px;
font-weight:bold;
height:24px;
width:24px;
margin:3px 0;
padding:3px 4px;
}
/****************/
/*  ENTRY UNIT  */
/****************/

/* The css class used to render Entry Units headers and field names */
.EntryUnit .header {
font-weight: bold;
padding-bottom:5px;
}

/* The css class used to render Entry Units fields */
.EntryUnit .value {
padding-bottom:5px;
padding-left:20px;
}

/* The css class used to render Entry Units rows */
.EntryUnit .row {}

/* The alternate css class used to render Entry Units rows */
.EntryUnit .rowAlternate {}

/* The css class used to render Entry Units links */
.EntryUnit .button {
background:transparent url(../img/button.jpg) no-repeat scroll 0 0;
border:0 none;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
height:20px;
margin:0;
padding:0;
text-align:center;
vertical-align:middle;
width:65px;
}

/* The css class used to render Entry Units large links */
.EntryUnit .buttonLarge {
background:transparent url(../img/buttonL.jpg) no-repeat scroll 0 0;
border:0 none;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
height:20px;
margin:0;
padding:0;
text-align:center;
vertical-align:middle;
width:105px;
}

.EntryUnit .buttonSearch {
background: url(../img/search.jpg) no-repeat;
width: 59px;
height: 20px;
margin: 0px;
padding: 0px;
border: 0 none;
}

/* The css class used to render Entry Units fields */
.EntryUnit .field {
background-color:#FFFFFF;
border:1px solid #A8B1BD;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:0.78em;
height:2.6ex;
padding:0 2px;
}

.EntryUnit .textarea {
background-color:#FFFFFF;
border:1px solid #A8B1BD;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:0.78em;
padding:0 2px;
}


/* The css class used to render Entry Units selection fields and selects */
.EntryUnit .selectionfield{
background-color:#FFFFFF;
border:1px solid #A8B1BD;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:0.78em;
height:17px;
padding:0 2px;
}

/* The css class used to render Entry Units multi selection fields */
.EntryUnit .multiselectionfield {
font-family:Arial,Helvetica,sans-serif;
font-size:0.78em;
}
/* The css class used to render Entry Units error messages */


.EntryUnit .error ul li{
color:#E2001A;
font-family:Arial,Helvetica,sans-serif;
font-size:0.9em;
background:transparent url(../img/listRedUp.gif) no-repeat scroll 0 50%;
list-style-type:none;
padding:0 0 0 13px;
}


/*************************/
/*  EVENT CALENDAR UNIT  */
/*************************/

/* The css class used to render Event Calendar Units values */
.EventCalendarUnit .value {}

/* The css class used to render Event Calendar Units values of the current element*/
.EventCalendarUnit .valueCurrent {}

/* The css class used to render Event Calendar Units links */
.EventCalendarUnit .button {}

/* The css class used to render Event Calendar Units links */
.EventCalendarUnit .link {}

/* The css class used to render Event Calendar Units links of current elements */
.EventCalendarUnit .linkCurrent {}

/* The css class used to render the days of Event Calendar Units */
.EventCalendatUnit .day{}

/* The css class used to render the month names of Event Calendar Units */
.EventCalendatUnit .month{}

/* The css class used to render the previous year link of Event Calendar Units */
.EventCalendatUnit .previousYear{}

/* The css class used to render the next year link of Event Calendar Units */
.EventCalendatUnit .nextYear{}

/* The css class used to render Event Calendar Units horizontal spacing */
.EventCalendatUnit .horizontalSpacer {}

/* The css class used to render Event Calendar Units vertical spacing */
.EventCalendatUnit .verticalSpacer {}

/*****************************/
/*  HIERARCHICAL INDEX UNIT  */
/*****************************/

/* The css class used to render Hierarchical Index Units headers and attribute names */
.HierarchicalIndexUnit .header {}

/* The css class used to render Hierarchical Index Units attribute values */
.HierarchicalIndexUnit .value {}

/* The css class used to render Hierarchical Index Units bullets */
.HierarchicalIndexUnit .bullet {}

/* The css class used to render Hierarchical Index Units  rows */
.HierarchicalIndexUnit .row {}

/* The alternate css class used to render Hierarchical Index Units  rows */
.HierarchicalIndexUnit .rowAlternate {}

/* The css class used to render Hierarchical Index Units links */
.HierarchicalIndexUnit .link {}

/****************/
/*  INDEX UNIT  */
/****************/

/* The css class used to render Index Units headers and attribute names */
.IndexUnit .header {}

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

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

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

/* The css class used to render Index Units attribute values */
.IndexUnit .informal {}

/* The css class used to render Index Units attribute values */
.IndexUnit .value {}

/* The css class used to render Index Units attribute values of current elements */
.IndexUnit .valueCurrent {}

/* The alternate css class used to render Index Units attribute values */
.IndexUnit .valueAlternate {}

/* The alternate css class used to render Index Units attribute values of current elements */
.IndexUnit .valueCurrentAlternate {}

/* The css class used to render Index Units attribute values in dropdown*/
.IndexUnit .selectionfield {}

/* The css class used to render Index Units bullets */
.IndexUnit .bullet {}

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

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

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

/* The css class used to render Index Units  rows */
.IndexUnit .row {}

/* The css class used to render Index Units rows of current elements*/
.IndexUnit .rowCurrent {}

/* The alternate css class used to render Index Units  rows */
.IndexUnit .rowAlternate {}

/* The alternate css class used to render Index Units  rows of current elements */
.IndexUnit .rowCurrentAlternate {}

/* The css class used to render Index Units links */
.IndexUnit .link {}

/* The css class used to render Index Units links of current elements */
.IndexUnit .linkCurrent {}

/* The alternate css class used to render Index Units links */
.IndexUnit .linkAlternate {}

/* The alternate css class used to render Index Units links of current elements */
.IndexUnit .linkCurrentAlternate {}

/*****************************/
/*  MULTI CHOICE INDEX UNIT  */
/*****************************/

/* The css class used to render Multi Choice Index Units headers and attribute names */
.MultiChoiceIndexUnit .header {}

/* The css class used to render Multi Choice Index Units attribute values */
.MultiChoiceIndexUnit .value {}

/* The css class used to render Multi Choice Index Units  rows */
.MultiChoiceIndexUnit .row {}

/* The alternate css class used to render Multi Choice Index Units  rows */
.MultiChoiceIndexUnit .rowAlternate {}

/* The css class used to render Multi Choice Index Units links */
.MultiChoiceIndexUnit .button {}

/* The css class used to render the Multi Choice Index Units errors */
.MultiChoiceIndexUnit .error {}

/* The css class used to render the Multi Choice Index Units checkboxes */
.MultiChoiceIndexUnit .checkBox {}

/* The css class used to render the Multi Choice Index Units selectAll link */
.MultiChoiceIndexUnit .selectAll {}

/*********************/
/*  MULTI DATA UNIT  */
/*********************/

/* The css class used to render Multi Data Units headers and attribute names */
.MultiDataUnit .header {}

/* The css class used to render Multi Data Units attribute values */
.MultiDataUnit .value {}

/* The css class used to render Multi Data Units bullets */
.IndexUnit .bullet {}

/* The css class used to render Multi Data Units links */
.MultiDataUnit .link {}

/**********************/
/*  MULTI ENTRY UNIT  */
/**********************/

/* The css class used to render Multi Entry Units headers and field names */
.MultiEntryUnit .header {
font-weight:bold;
padding-bottom:5px;
font-size:80%;
}

/* The css class used to render Multi Entry Units links */
.MultiEntryUnit .button {}

/* The css class used to render Multi Entry Units fields */
.MultiEntryUnit .field {
background-color:#FFFFFF;
border:1px solid #A8B1BD;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:0.78em;
height:2.6ex;
padding:0 2px;
}

.MultiEntryUnit .textarea {
background-color:#FFFFFF;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
padding:0 2px;
font-size:0.78em;
border:1px solid #A8B1BD;
}

/* The css class used to render Multi Entry Units selection fields and selects */
.MultiEntryUnit .selectionfield{
background-color:#FFFFFF;
border:1px solid #A8B1BD;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:0.78em;
height:17px;
padding:0 2px;
}

/* The css class used to render the Multi Entry Units selectAll link */
.selectAll {}

/* The css class used to render Multi Entry Units error messages */
.MultiEntryUnit .error ul li{
color:#E2001A;
font-family:Arial,Helvetica,sans-serif;
font-size:0.9em;
background:transparent url(../img/listRedUp.gif) no-repeat scroll 0 50%;
list-style-type:none;
padding:0 0 0 13px;
}

/************************/
/*  MULTI MESSAGE UNIT  */
/************************/

/* The css class used to render Multi Message Units values */
.MultiMessageUnit .value {
font-family:Arial;
font-size:12px;
}

/*******************************/
/*  NO OPERATION CONTENT UNIT  */
/*******************************/

/* The css class used to render No Operation Content Units links */
.NoOpContentUnit .link {}

/**********************/
/*  POWER INDEX UNIT  */
/**********************/

/* The css class used to render Power Index Units headers and attribute names */
.PowerIndexUnit .header {
font-family:Arial,sans-serif;
color: #000;
font-size:80%;
text-transform:uppercase;
background-color: #FFF;
height:25px;
}

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

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

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

/* The css class used to render Power Index Units attribute values */
.PowerIndexUnit .value {
font-size:80%;
font-family:Arial,sans-serif;
color: #555;
}

/* The css class used to render Power Index Units attribute values of current elements */
.PowerIndexUnit .valueCurrent {
color:#555555;
font-family:arial,serif;
font-size:80%;
}

/* The alternate css class used to render Power Index Units attribute values */
.PowerIndexUnit .valueAlternate {}

/* The alternate css class used to render Power Index Units attribute values of current elements */
.PowerIndexUnit .valueCurrentAlternate {}

/* The css class used to render Power Index Units bullets */
.PowerIndexUnit .bullet {}

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

/* The alternate css class used to Power Index Units render bullets */
.PowerIndexUnit .bulletAlternate {}

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

/* The css class used to render Power Index Units  rows */
.PowerIndexUnit .row {
background: #e4e4e4;
}

/* The css class used to render Power Index Units rows of current elements*/
.PowerIndexUnit .rowCurrent {
background-color:#FFEAAD;
}

/* The alternate css class used to render Power Index Units  rows */
.PowerIndexUnit .rowAlternate {
background: #f1f1f1;
}

/* The alternate css class used to render Power Index Units  rows of current elements */
.PowerIndexUnit .rowCurrentAlternate {}

/* The css class used to render Power Index Units links */
.PowerIndexUnit .link {
color: #555;
text-align: center;
}

.PowerIndexUnit .link:hover {
text-decoration: underline;
color: #E2001A;
}

/* The css class used to render Power Index Units links of current elements */
.PowerIndexUnit .linkCurrent {}

/* The alternate css class used to render Power Index Units links */
.PowerIndexUnit .linkAlternate {
color: #555;
text-align: center;
}

/* The alternate css class used to render Power Index Units links of current elements */
.PowerIndexUnit .linkCurrentAlternate {}

/* The css class used to render Power Index Units scroll links */
.PowerIndexUnit .scroll {}

/* The css class used to render the text between Power Index Units scroll links (i.e. 1-10 of 20) */
.PowerIndexUnit .scrollText {}

/* The css class used to render Power Index Units jump bundles */
.PowerIndexUnit .jump {}

/* The css class used to render Power Index Units sorting links */
.PowerIndexUnit .sort {}

/***************************************/
/*  RECURSIVE HIERARCHICAL INDEX UNIT  */
/***************************************/

/* The css class used to render Recursive Hierarchical Index Units headers and attribute names */
.RecursiveHierarchicalIndexUnit .header {}

/* The css class used to render Recursive Hierarchical Index Units attribute values */
.RecursiveHierarchicalIndexUnit .value {}

/* The css class used to render Recursive Hierarchical Index Units attribute values of current elements */
.RecursiveHierarchicalIndexUnit .valueCurrent {}

/* The css class used to render Recursive Hierarchical Index Units links */
.RecursiveHierarchicalIndexUnit .link {}

/*****************/
/*  SCRIPT UNIT  */
/*****************/

/* The css class used to render Script Units results */
.ScriptUnit .value {}

/*******************/
/*  SCROLLER UNIT  */
/*******************/

/* The css class used to render Scroller Units links */
.ScrollerUnit .link {}

/* The css class used to render Scroller Units scroll links */
.ScrollerUnit .scroll {}

/* The css class used to render the text between Scroller Units scroll links (i.e. 1-10 of 20) */
.ScrollerUnit .scrollText {}

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