/*---- Layout ----*/
div {
  /* this is for netscape 4's sake */
  padding: 0;
  margin: 0;
}
div#edit_widget_step_by_step h1,
div#edit_widget_step_by_step h2,
div#edit_widget_step_by_step h3,
div#edit_widget_step_by_step h4,
div#edit_widget_step_by_step h5,
div#edit_widget_step_by_step h6{
	color:#000000;
}
div#edit_widget_step_by_step h3{
	font-size:13px;
	font-weight:bold;
}
div#edit_widget_step_by_step label{
	text-transform:none;
	font-weight:normal;
	font-size:11px;
	position:static;
	display:inline;
	float:none;
	width:auto;
	color:#000000;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
div#edit_widget_step_by_step input,
div#edit_widget_step_by_step textarea,
div#edit_widget_step_by_step select{
	/*border:1px solid #666;
	border-collapse:collapse;
	border-color:#000000;
	border-style:groove;*/
	border:1px inset;
	width:auto;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
div#edit_widget_step_by_step div#field_form_cached input,
div#edit_widget_step_by_step div#wizard_resource_pagination input
{
	width:auto;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/*div#edit_widget_step_by_step div#field_form_cached label,
div#edit_widget_step_by_step div#wizard_resource_pagination label,*/
input.selected_fields {
	float:none;
	width:auto;
	color:#000000;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
body,body div#edit_widget_step_by_step {
  padding: 0px;
  margin: 0;
  background-color:#fff;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
}
body div#edit_widget_step_by_step{
	line-height:normal;
	background-color:transparent;
}
body#user {
  background-image: url(/images/bg_login.jpg);
  background-position:top;
  background-repeat:repeat-x;
}
body#user div span strong.logo {
  background-image: url(/images/logo_login.png);
  display:block;
  width:322px;
  height:0;
  padding-top:95px;
  overflow:hidden;
  margin:auto;
}

body a,
body a:active,
body a:focus,
body input:active,
body input:focus {
  outline: none;0
}
a{
	color:#ce0000; /* inserito per i link nella gerarchia non legabili ad un ID - 
					da verificare se non crea problemi nei progetti */
	text-decoration:none;
}
#oldbrowser {
  text-align: center;
}

#masthead {
  background-color:#fff;
}

#masthead h1 {
  display: inline;
}

#leftcolumn {
  background-color:#ffffcc;
  margin-right: -276px;   /* IE 4 fix */
}

#leftColumn {
  float: left;
  width: 276px;
  /*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */
}

#contentColumn {
  width: auto;
  margin-left: 275px;
}

#overall_loading { 
  z-index:1000;
  position: absolute;
  top:0;
  left:0;
  background-color:#ffffff;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
  width: 100%;
  height: 100%;
}

/* mettere qui i controllers che non vogliono il tree laterale,
   vedi show_tree e controllers_without_tree in apphelper */
#project #contentColumn,
#page_layout #contentColumn,
#widget #contentColumn,
#user #contentColumn,
#permission #contentColumn,
#project_permission #contentColumn,
#xform #contentColumn,
#validation #contentColumn,
#importer #contentColumn,
#user_content #contentColumn,
#user_content_builder #contentColumn,
#user_content_relation #contentColumn,
#filters #contentColumn,
#conditions #contentColumn,
#tools #contentColumn,
#visualizations #contentColumn,
#apis #contentColumn,
#feeds #contentColumn,
#project_users #contentColumn,
#scheduler #contentColumn
{
  width: auto;
  margin: 0px;
}

#project div#pageFrame.edit #contentColumn,
#project div#pageFrame.update #contentColumn,
#project div#pageFrame.meta_info #contentColumn,
#project div#pageFrame.update_meta_info #contentColumn {
  width: auto;
  margin-left: 275px;
}

#innerContentColumn,
#innerFooter {
  padding: 10px;
}

#innerLeftColumn {
  padding:1px;
  /*background-color:#ffffcc;*/
}

#xmanager_footer {
  clear: left;
}

#innerFooter {
  text-align: center;
}


#innerContentColumn {
  overflow: visible;
  height: 100%;   /* fix the Win32 IE float bug */
  padding: 1.5em 0 3.8em 0;
  margin: 22px 20px 20px 20px;
  background-color:#F8F8F8;
  border:2px solid #dddddd;
}

#innerContentColumn[id] {
  padding: 0 0 1em 0;
}

#contentColumn>#innerContentColumn {
  height: auto;   /* fix Opera 5 which breaks with the above IE fix */
}

#innercontentcolumn {
  height: 100%;   /* fix IE 5.0 which parse the Opera fix, note the selector is all lower case */
}

#masthead,
#xmanager_footer {
  z-index: 10;
}

/*---- Borders ----*/
#pageFrame {
  border: solid 0px #000;
}

#xmanager_footer,
#masthead,
#innerLeftColumn,
#contentColumn {
  border: solid 0px #000;
}

#xmanager_footer {
  border-top: 2px solid #dddddd;
}

#innerLeftColumn {
  border-right: 0px solid #dddddd;
}

#contentColumn {
  border-left: 0px solid #dddddd;
}

/*---- Visual Elements ----*/

#pageFrame {
  background-color: #fff;
  color: #000;
  min-width: 500px;
}

.hide {
  display: none;
}

#loginBox {
  border:1px solid #DDDDDD;
  border-top:none;
  background-color:#F8F8F8;
  padding:0 20px 25px 20px;
  font-weight:bold;
  width:280px;
  margin:auto;
  background-image: url(/images/fondo_box_login.gif);
  background-position:-60px;
  text-align:left;
}
#loginBox a{
	color:#ce0000;
	text-decoration:none;
}
#loginBox a:hover{
	text-decoration:underline;
}
#loginBox label{
  line-height:18px;
}
#loginBox input{
  border: 1px solid #dddddd;
  color:#FF0000;
}

/*---- Simple Horizontal Navigation for IE 4/5.0/NS4 ----*/
.hnav {
  height:18px;
  border-bottom:2px solid #DDDDDD;
  white-space: nowrap;
  margin: 0;
  padding:2px 15px;
  color: #000;
  background-color:#F8F8F8;
  margin-top:15px;
}

div#oldbrowser {
  display: none;  /* hide the standards compliant warning - this isn't a catch all, but works for old browsers */
}

#innerLeftColumn,
#innerContentColumn {
  overflow: visible;  /* fix the Win32 IE italics bug */
  height: 100%;       /* ditto */
}

#innerleftcolumn,
#innercontentcolumn {
  overflow: hidden;   /* IE5.0 fix the Win32 IE italics bug */
  width: 100%;
  height: auto;
}

#innerleftcolumn/* hide from IE5.0 */,
#innercontentcolumn/* hide from IE5.0 */
{
  overflow: visible;  /* reset IE5.0 fix for 5.5 */
  height: 100%;       /* ditto */
  width: auto;        /* reset Safair after picking up the above IE5.0 fix : it's case insensitive to CSS selectors */
}

/******************************************************************************/

#logo_xmanager {
  height:79px;
  margin-top:2px;
}

#topmenu {
  border:0;
  padding:0 0 0 10px;
  margin-left:80px;
  line-height:18px;
  vertical-align:middle;
  height:18px;
}

div.navmenu-toppage { margin: 0 0 -1em 1.5em; }

/* La barra sotto al menu, contiene user e project current */
#currentsite {
  background-color: #F8F8F8;
  width:100%;
  color:#000000;
  white-space:nowrap;
}

#currentsitetext {
  padding: 0px 8px 0 0;
  float: right;
  margin-top:-2px;
}

#currentusertext {
  padding: 0px 4px 0 0;
  float: left;
}

body#user p.login_error {
  margin:0px 0 15px 0;
  padding:0;
  font-size:10px;
}

/*,
body#project a,
body#user_content a, a*/ 
body.xmanager a,
div#edit_widget_step_by_step a{
	text-decoration:none;
	color:#ce0000;
}
div#edit_widget_step_by_step a{
	font-weight:normal;
}
.clear {
  height:1px;
  margin:0;
  padding:0;
  clear: both;
}

#innerContentColumn #button {
  height: 42px;
  border-bottom: 1px solid #203d75;
  padding: 10px 10px 10px 20px;
}

#innerContentColumn #button li {
  list-style: none;
  float: left;
}

#innerContentColumn #button li a {
  float: left;
  width: 42px;
  height: 42px;
  padding: 0px 10px 0px 0px;
}

.bt_nuova a {
  background: #f8f8f8 no-repeat;
  background-image: url(/images/bt_nuova.gif);
}

.bt_mediant a {
  background: #f8f8f8 no-repeat;
  background-image: url(/images/bt_mediaint.gif);
}

.bt_salva a {
  background: #f8f8f8 no-repeat;
  background-image: url(/images/bt_salva.gif);
}

#bt_ripristina {
  background: #f8f8f8 no-repeat;
  background-image: url(/images/bt_ripristina.gif);
  width: 42px;
  height: 42px;
  float: right;
  margin-right: 10px;
}

.box_risorsa {
  padding: 10px;
  border: 1px solid #959595;
  border-top: 0px;
  margin: 0px 20px 10px 20px;
  background-color: #fff;
}
/*
body#user_content .box_risorsa {
    padding: 5px 10px 10px 0;
    border: none;
    border-top: 0px;
    margin: 0px;
    background-color: #fff;
}
*/
.risorsa_style {
  padding:1px 0 3px 0;
  border:1px solid #959595;
  border-bottom: 2px solid #959595;
  border-top: 2px solid #ee2e24;
  margin:0px 20px 0px 20px;
  background-color:#fff;
}

div.wizard_style {
  padding: 0px;
  border: 1px solid #A0272B;
  /*    border-style: solid
      border-color: #000000
      border-bottom: 1px solid #203d75;
      border-top: 1px solid #A0272B; */
  margin:0px 20px 1px 20px;
  background-color: #F6F4F4;
}

/* Barra di selezione del field */
div.wizard_header {
  height: 14px;
  padding:3px 0 3px 6px;
  font-weight:bold;
  cursor: pointer;
  border: 1px solid #A0272B;
  /*    border-style: solid
      border-color: #000000
      border-bottom: 1px solid #203d75;
      border-top: 1px solid #A0272B; */
  margin:0px 20px 1px 20px;
  background-color: #F6F4F4;
}
div.wizard_header:hover{
	background-color:#FFF;
}
/* Barra di selezione del field */
div.wizard_header_changed { float: left; }

/* Stile del box che contiene la form del field */
div.wizard_resource {
  padding: 5px;
  border: 1px solid #203d75;
  border-top: 0px;
  margin: 0px 20px 2px 20px;
  background-color: #fff;
}

div.wizard_form {
  /*     margin: 20px; */
  display:block;
}

div.wizard_toolbar {
  padding:0 0 5px 0;
  margin: 0 20px 0 20px;
}

a.wizard_hl_box {
  border: 1px solid #D0190A;
  background-color: #FFFF86;
  padding: 2px;
  font-weight:bold;
}

div .feed_section {
  background-color: #ECECEC;
  border: 1px solid;
  border-color: #3835E4;
  padding: 5px;
  margin: 5px;
}

*html .mac_os_x_content .risorsa_style { margin-top:15px; }

.risorsa_style[class] { margin:20px 20px 0 20px; }

div.riquadro-header {
  height: 14px;
  margin-top: 2px;
  padding:1px 0 0 5px;
  font-weight:bold;
}
#Contenuto_risorsa {
  width: 167px;
  height: 15px;
  background: White no-repeat;
  background-image: url(/images/Contenuto_risorsa.jpg);
  margin-top: 2px;
}

#Avanzate {
  width: 167px;
  height: 15px;
  background: White no-repeat;
  background-image: url(/images/Avanzate.gif);
  margin-top: 2px;
}

.help_ico {
  width: 16px;
  height: 16px;
  background: White no-repeat;
  background-image: url(/images/Help_ico.jpg);
  float: right;
  margin-right: 3px;
  margin-top: 2px;
  display: none;
}

.open_ico {
  width: 16px;
  height: 16px;
  background: White no-repeat;
  background-image: url(/images/dropdown.gif);
  float: right;
  margin-right: 5px;
  margin-top: 1px;
}

.open_ico.close_ico {
  width: 16px;
  height: 16px;
  background: White no-repeat;
  background-image: url(/images/dropdown_up.gif);
  float: right;
  margin-right: 5px;
  margin-top: 1px;
}

.close_ico {
  width: 16px;
  height: 16px;
  background: White no-repeat;
  background-image: url(/images/mac_os_x/close.gif);
  float: right;
  margin-right: 3px;
  margin-top: 2px;
}

#text_editor {
  width:661px;
  height: 348px;
  margin-left: 33px;
  margin-top: 0px;
  background-image: url(/images/text_editor.gif);
}

.grigio {
  background-color: #f8f8f8;
  height: 30px;
  padding: 0px 0px 0px 30px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.bianco {
  background-color: White;
  height: 30px;
  padding: 0px 0px 0px 30px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.form {
  margin: 20px;
  display:block;
}

body#user_content .form{
  margin-top: 4px;
}

form { margin:0; }

#widgets_list table {
  margin:0 0 10px 0;
  width:100%;
}

#content_fields_list, div.content_fields_list { position:relative; }

div.xm-back-to-list {
  /*
  float: right;
  font-weight: bold;
  */
}

/* Se a questi gli dessimo una classe? ..eccola! -
   solo che e' troppo incasinato tutto il ciborio
   per usarla davvero!
*/

table.xm-wide-std-table {
  margin: 0 0 10px 0;
  width: 100%;
  border-spacing: 0px;
}

table.xm-wide-std-table td {
  padding: 3px 4px 3px 4px;
  border-bottom:2px solid #aaaaaa;
/*  border-right:1px solid #FFFFFF; */
}


#content_fields_list table,
div.content_fields_list table {
  margin: 0 0 10px 0;
  width: 100%;
}

#edit_relations_div #content_fields_list table,
#edit_relations_div div.content_fields_list table {
  margin:0 0 10px 0;
  width:100%;
}

#widget #content_fields_list table {
  margin:0 0 10px 0;
  width:55%;
}

#content_fields_list,
div.content_fields_list,
#widgets_list { position:relative; }

div.relation_header {
  background-color:#ffffff;
  color:#000000;
  padding:5px 0 5px 3px;
  border-bottom:1px solid #DEDFDE;
}

div.relation_header.active,
div.relation_header.whitout_instance.active {
  background-color:#203d75;
  color:#ffffff;
}

div.relation_header.whitout_instance { background-color:#ffffcc; }

div.relation_header a { color:#ce0000; }

div.relation_header.active a { color:#ffffcc; }

#content_fields_list td,
div.content_fields_list td,
#widgets_list td {
  margin:2px 0 2px 0;
  padding:3px 0px 2px 4px;
  border-bottom:1px solid #ffffff;
  border-right:1px solid #ffffff;
}

#trnewfield td {
  margin:0px 0 0px 0;
  padding:1px 0px 1px 2px;
}

#relation_without_instance  {
  margin:0px 0 0px 0;
  padding:1px 0px 1px 2px;
}

tr.even { background-color:#e9e9e9; }

tr.odd { background-color:#FFFBFF; }

tr.inverse { background-color:#203d75; color:#ffffff; }

td.editing { background-color:#FFFFAA; color:#002; }

div.content_fields_list li.even div.colored { background-color:#e9e9e9; }

tr.odd.current, tr.even.current {
  background-color:#ffff00;
}

div.content_fields_list li.odd div {
  background-color:#f6f6f6;
}

/* Le tabelle di editing hanno una barra dei messaggi. Eccola! */
div.table_edit_messages {
  text-align: center;
  margin-bottom: 10px;
  font-weight: bold;
}

.table_edit_messages span.notice {
  color: green;
}

.table_edit_messages span.error {
  color: red;
}

/* Spesso l'header di tabelle.. rimpiazza una serie di definizioni che erano molto ad-hoc */
.x-std-th {
  background-color: #333;
  color: #FFF;
  font-weight: bold;
  text-align: left;
  font-weight: bold;
}

tr.x-std-th th{
  padding: 3px 4px 3px 4px;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

input.textfield {
  width:97%;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:11px;
}

#secondary_fields_edit_resource_div input.resource_textfield {
  margin-right:4px;
  float:left;
  width:92%;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

#innerContentColumn input.small_resource_textfield {
  float:left;
  margin-left:1px;
  margin-right:4px;
  margin-top:0px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

div#xform_list input.resource_textfield {
  float:left;
  width:98%;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

#innerContentColumn input.resource_file_field {
  z-index: 2;
  font-size:11px;
}

#innerContentColumn div.fakefile {
  position: absolute;
  top: 0px;
  left: 0px;
  width:550px;
  border:0px solid black;
  z-index: 1;
  padding-right:30px;
}

.fieldWithErrors {
  margin:0px 0 0px 0;
  padding:0;
  display:inline;
}

#edit_widget_step_by_step { text-align:left; }

#edit_widget_step_by_step select { font-size:11px; }

span.error_message,
div.error_message,
#edit_widget_step_by_step_content span.error_message {
  color:#ce0000;
}

div.display_error,
#edit_widget_step_by_step_content div.display_error,
#subfolder_wrapper div.display_error {
  margin:0px 0 0 0;
  background-image: url(/images/exclamation_mark.png);
  background-repeat: no-repeat;
  background-position:0px 1px;
  padding:3px 0 1px 20px;
  border:0px solid #000000;
  margin:4px 0 2px 0;
  height:13px;
  color:#ce0000;
}

div.browse_div {
  float: left;
  margin: 0 3px 0 5px;
  color: #ce0000;
  border: 0px solid #000000;
  width: 47px;
  height: 21px;
  padding: 1px 0 0px 18px;
  background-image: url(/images/find.png);
  background-repeat: no-repeat;
}

input.fake_file_to_upload {
  background-color:#ffffcc;
  width:440px;
  font-size:11px;
  float:left;
}

*html div.display_error {
  background-color: #ffffff;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/exclamation_mark.png", sizingMethod="crop");
}

div.display-notice {
  margin: 0.5em 0em 0.5em 2em;
  padding: 3px 0 3px 20px;
  background-image: url(/images/on_led.gif);
  background-position: 0 2px ;
  background-repeat: no-repeat;
  /*font-weight: bold;*/
}

.error_message_item {
  color:#ce0000;
  background-color:#ffffcc;
}

.input_separator { height:15px; }

.input_separator_resource_secondary_fields { height:17px; }

*html .input_separator_resource_secondary_fields { height:0px; }

.separator { margin: 0 0 40px 0; }

#innerContentColumn select,
#edit_widget_one_step select,
#edit_widget_step_by_step_div select {
  width:250px;
  display:block;
  margin:0 0 0px 0;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

#user_content #innerContentColumn select { display:inline; }

.box_contenuto {
  background-color: White;
  height: 450px;
  margin: 20px 20px 20px 20px;
  border: 1px solid #203d75;
}

.nuova_bt {
  background: no-repeat;
  background-image: url(/images/nuova_bt.gif);
}

.salva_bt {
  background: no-repeat;
  background-image: url(/images/salva_bt.gif);
}

.mediant_bt {
  background: no-repeat;
  background-image: url(/images/media_bt.gif);
}

#ripristina_bt {
  background: no-repeat;
  background-image: url(/images/riprstina_bt.gif);
  width: 90px;
  height: 18px;
  float: right;
  padding-right: 20px;
}

div.footerButton {
  border:0px solid #000000;
  height: 30px;
  margin: 0px 20px 10px 17px;
}

/* Non pare usato */
#footer_button[id] {
  margin: 0px 19px 10px 20px;
}

div.rightAlign { float: right; }
div.leftAlign { float: left; }

form.addedfield {
  display: block;
  clear: both;
  margin: 0;
  padding: 0;
}

select.addedfield,
select.validate-select {
  width:97%;
  font-size:11px;
  display:block;
  margin:1px 0px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

#resource select.validate-select,
#widget select.validate-select {
  width:250px;
}

#resource form#relations_edit_form select.validate-select {
  width:99%;
}

select.addedfield[class],
select.validate-select[class] {
  margin:auto 0px;
}

.form select.validate-select {
  width:98%;
}

input.validate_nothing {
  width:97%;
  font-size:11px;
  display:block;
  margin:auto 0px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

input.addedfield,
input.validate-alphanum,
input.validate-alpha,
input.validate-rhtml,
input.validate-file,
input.required,
input.validate-url,
input.validate-required-url {
  width:97%;
  font-size:11px;
  display:block;
  margin:auto 0px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.validation-advice {
  color:#ce0000;
  /*background-color:#c1c1c1;*/
  margin:0px 0 0 0;
  background-image:  url(/images/exclamation_mark.png);
  background-repeat: no-repeat;
  background-position:0px -0px;
  padding:3px 0 0px 18px;
  border:0px solid #000000;
}

#resource_model .validation-advice { padding-top:4px; }

* html .validation-advice {
  background-color: #FFFF99;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/exclamation_mark.png", sizingMethod="crop");
}

* html #resource div.edit .validation-advice { background-color: #FFF; }

.loading {
  float:left;
  margin:7px 0 0 15px;
}

.form .fckdiv_loading {
  position:absolute;
  top:2px;
  left:22px;
  width:24px;
  height:21px;
  background-color:#EFEFDE;
  text-align:center;
  padding-top:4px;
}

.div_layout,
.div_format {
  position:relative;
  width:160px;
  padding:8px 5px 5px 5px;
  cursor:pointer;
  background-color:#ffffff;
  border: 2px solid white;
}

.div_layout { width:95%; }

.big_wide {
  width: 95%; 
  font-size: 15px !important; 
}

.div_layout:hover,
.div_format:hover { background-color:#ffffcc; }

.layout_panel {
  filter:alpha(opacity=80);
  opacity: 0.80;
  -moz-opacity:0.80;
}

.layout_panel_image {
  margin:6px 2px 0px 2px;
  filter:alpha(opacity=100);
  opacity: 1;
  -moz-opacity:1;
}

.div_selected {
  position: relative;
  width: 162px;
  padding: 9px 5px 6px 5px;
  cursor: pointer;
  background-color: #dfdfdf;
  border: 1px solid green;
  color: #203D75;
}

#panel_table td:hover { background-color:#eaeaea; }

#panel_table td.layout {
  cursor:pointer;
  padding:10px 5px 5px 5px;
  border: 2px solid white;
}

#panel_table td.layout_selected {
  background-color:#dfdfdf;
  padding:11px 6px 6px 6px;
  border: 1px solid green;
}

#panel_table td.layout_selected:hover {
  background-color:#dfdfdf;
  padding:11px 6px 6px 6px;
  border: 1px solid green;
}

div.xmanager_menu_top,
div.xmanager_menu_sx,
div.xmanager_content,
div.xmanager_footer { position:relative; }

div.menu_top ul li.dynamic_menu_item { z-index:6; }

.resource_fields_label {
  margin:3px 0px 0 10px;
  float:left;
}

.resource_fields_label[class] { margin:3px 0px 0 19px; }

.opened_div_bg {
  margin:3px 0px 0 0px;
  background-image: url(/images/opened_div.gif);
  background-repeat:no-repeat;
  padding:3px 0 0 20px;
  height:16px;
}

.loading_resource_field_form {
  margin:3px 0px 0 0px;
  background-image: url(/images/loading.gif);
  background-repeat:no-repeat;
  padding:4px 0 0 20px;
  height:16px;
}

.loading_resource_field_form[class] { padding:3px 0 0 19px; }

div.view_menu_item {
  padding:3px 3px 3px 5px;
  border-bottom:1px solid #f7f7f7;
  cursor:pointer;
  color:#ffffff;
  z-index:11;
  font-weight:normal;
}

div.view_menu_item:hover { background-color:#cecece; }

div.view_menu_item a {
  color:#ffffff;
  cursor:pointer;
}

div.view_menu_element {
  border-left:1px solid #f7f7f7;
  filter:alpha(opacity=09);
  -moz-opacity: 0.9;
  opacity: 0.9;
  z-index:200;
  background-color:#203D75;
}

#submenu_ul_menu_top {
  position:absolute;
}

tr.ciccio { display:none; }

#table_fields_selector {
  margin:0;
  padding:0;
}

#table_fields_selector tr td {
  overflow: hidden;
  list-style-type: none;
}

#table_fields_selector li input { margin:6px 0 0 0; }

.small_xmanager_button a { color: #304B7E; }

.small_xmanager_button {
  float:left;
  display:block;
  cursor:pointer;
  width:58px;
  height:20px;
  padding:8px 0 0 28px;
  background-color:#F8F8F8;
  background-repeat: no-repeat;
  overflow: hidden;
  color:#ce0000;
  font-weight:bold;
  font-size:10px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#small_xmanager_button_xeditor { background-image:url(/images/Xeditor.gif); }

#small_xmanager_button_ripristina, #small_xmanager_button_synchronize {
  background-image:url(/images/bt_ripristina.gif);
  margin:0 2px 0 0;
  padding-left:26px;
  width:60px;
}

#small_xmanager_button_nuova {
  background-image:url(/images/nuova.gif);
  margin:0 2px 0 0;
}

#small_xmanager_button_nuovo_rss {
  background-image:url(/images/nuova_figlia.gif);
  margin:0 2px 0 0;
  width:91px;
}

#small_xmanager_button_nuova_figlia {
  background-image:url(/images/nuova_92px.gif);
  width:64px;
  margin:0 2px 0 0;
}

#small_xmanager_button_nuovo_progetto {
  background-image:url(/images/nuova_figlia.gif);
  width:91px;
  margin:0 2px 0 0;
}

#small_xmanager_button_elimina {
  background-image:url(/images/elimina.gif);
}

#small_xmanager_button_chiudi {
  background-image:url(/images/bt_close.gif);
}

#small_xmanager_button_check {
  background-image:url(/images/flag_on.png);
  display:block;
  cursor:pointer;
  width:65px;
  height:16px;
  padding:8px 0px 8px 30px;
  background-color:#F8F8F8;
  background-repeat: no-repeat;
  background-position:3px;
  /* overflow: hidden;*/
  color:#304B7E;
  font-weight:bold;
  font-size:12px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  vertical-align:middle;
  border:1px solid;
}

#small_xmanager_button_duplica {
  background-image:url(/images/duplica_bt.gif);
  width:64px;
  margin:0 2px 0 0;
}

div.footerButton input.button_forward {
  float:left;
  cursor:pointer;
  margin:0 2px 0 0;
  border:0;
  width:86px;
  height:28px;
  padding:0 6px 2px 0;
  background-color:#F8F8F8;
  background-image:url(/images/bt_avanti.gif);
  background-repeat: no-repeat;
  overflow: hidden;
  text-align:right;
  color:#304B7E;
  font-weight:bold;
  font-size:10px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#small_xmanager_button_back {
  background-image:url(/images/bt_indietro.gif);
  margin:0 2px 0 0;
  padding:8px 18px 0 10px;
}

#small_xmanager_button_back_off {
  background-image:url(/images/bt_indietro_off.gif);
  margin:0 2px 0 0;
  padding:8px 18px 0 10px;
  cursor:default;
  color:#959595;
}


#small_xmanager_button_login {
  background-image:url(/images/bt_compila.gif);
  margin:0 2px 0 0;
}

div#edit_widget_step_by_step input#small_xmanager_button_salva, 
div#edit_widget_step_by_step #small_xmanager_button_synchronize,
div#pageFrame input#small_xmanager_button_salva,
body#resource input#small_xmanager_button_salva {
  float:left;
  cursor:pointer;
  margin:0 2px 0 0;
  border:0!important;
  width:86px;
  height:28px;
  padding-bottom:2px;
  /*background-color:#F8F8F8;*/
  background-color:transparent;
  background-image:url(/images/bt_salva.gif);
  background-repeat: no-repeat;
  overflow: hidden;
  text-align:center;
  color:#336600;
  font-weight:bold;
  font-size:10px;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#small_xmanager_button_salva:active,
#small_xmanager_button_salva:visited,
#small_xmanager_button_salva:focus { outline: none; }

#small_xmanager_button_loadall {
  float:left;
  margin:0 2px 0 0;
  border:0;
  width:86px;
  height:28px;
  padding:0 12px 2px 0 ;
  background-color:#F8F8F8;
  background-image:url(/images/bt_salva.gif);
  background-repeat: no-repeat;
  overflow: hidden;
  text-align:right;
  color:#304B7E;
  font-weight:bold;
  font-size:10px;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#small_xmanager_button_login {
  float:left;
  cursor:pointer;
  margin:7px 2px 0 0;
  border:none !important;
  width:91px;
  height:28px;
  padding-bottom:2px;
  background-color:#F8F8F8;
  background-image:url(/images/bt_compila.gif);
  background-repeat: no-repeat;
  overflow: hidden;
  text-align:center;
  color:#ce0000;
  font-weight:bold;
  font-size:10px;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}


#small_xmanager_button_generic_120 {
  background-image:url(/images/bt_generic_120.gif);
  background-repeat: no-repeat;
  width: 120px;
  margin-right:2px;
  text-align:center;
  padding: 7px 0px 3px 0px;
}

#small_xmanager_button_generic_98 {
  background-image:url(/images/bt_generic_98.gif);
  background-repeat: no-repeat;
  width: 98px;
  margin-right:2px;
  text-align:center;
  padding: 7px 0px 3px 0px;
}

#small_xmanager_button_css {
  background-image:url(/images/bt_generic_98.gif);
  background-repeat: no-repeat;
  padding-left:40px;
  width: 58px;
  margin-left:2px;
}

#small_xmanager_button_layout {
  background-image:url(/images/bt_generic_98.gif);
  background-repeat: no-repeat;
  padding-left:30px;
  width: 68px;
  margin-left:15px;
}

form.inplaceeditor-form { /* The form */
                          display:inline;
}

form.inplaceeditor-form input[type="text"] {
  background-color:red;
  font-size:11px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  display:inline;
  border:0px;
  padding:0;
}

form.inplaceeditor-form textarea { /* Textarea, if multiple columns */
}

form.inplaceeditor-form input[type="submit"] { /* The submit button */
                                               background-color:#ffffff;
                                               border:0;
                                               padding:0;
                                               margin:-4px 0 0 0;
                                               height:12px;
                                               font-size:11px;
                                               color:#CE0000;
                                               font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
                                               cursor:pointer;
}

form.inplaceeditor-form a { /* The cancel link */
                            background-color:#ffffff;
                            border:0;
                            padding:0;
                            margin:-4px 0 0 0;
                            height:12px;
                            font-size:11px;
                            font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


ul#attachment_details {
  margin:3px 0 2px 0px;
  padding:0;
  list-style-type:none;
}

ul#attachment_details li { margin:0 0 3px 0; }

div.search_trigger {
  z-index:2;
  position:absolute;
  top:14px;
  right:24px;
  cursor:pointer;
  font-size:11px;
  color:#999999;
  filter:alpha(opacity=50);-moz-opacity: 0.5; opacity: 0.5;
}

div.search_trigger:hover {
  /*filter:alpha(opacity=80);-moz-opacity: 0.8; opacity: 0.8;*/
}

#innerLeftColumn div.search_trigger { right:26px; }

#edit_widget_step_by_step_content #tree_menu_ul,
#edit_widget_step_by_step_content ul.tree_menu_ul,
#edit_widget_one_step_content #tree_menu_ul,
#edit_widget_one_step_content ul.tree_menu_ul { width:95%; }

ul#rss_tree_menu_ul {
  padding:0;
  margin:5px 0 0 1px;
}

#tree_wrapper {
  background-color:#ffffff;
  z-index:1;
  margin-bottom:15px;
  margin-top:20px;
  width:370px;
  height:100%;
  border-left:1px solid #C6C7C6;
  border-top:1px solid #C6C7C6;
  border-bottom:1px solid #C6C7C6;
}

#tree_menu_ul,
ul.tree_menu_ul {
  list-style-type:none;
  padding:0;
  padding-top:10px;
  margin:0px 0 0 0px;
}

#table_xform ul.tree_menu_ul {
  padding-top:5px;
  padding-left:5px;
}

#widget_item_tree_menu_ul {
  list-style-type:none;
  padding:0;
  margin:0px 0 0 0px;
  text-align:left;
  margin:0;
  padding:0px 10px 0 0px;
}

#innerLeftColumn #tree_menu_ul,
#innerLeftColumn ul.tree_menu_ul {
  margin:0px 0 0 7px;
}

#root_node_view_ul #tree_menu_ul,
#root_node_view_ul ul.tree_menu_ul {
  margin:0px 0 0 15px;
  padding-top:2px;
}

#tree_menu_ul li,
ul.tree_menu_ul li {
  padding:2px 0 2px 0px ;
  cursor:default;
  margin:0px 0 0 0 ;
  position:relative;
}

#tree_menu_ul li a,
ul.tree_menu_ul li a { color:#000000; }

#tree_menu_ul li a:hover,
ul.tree_menu_ul li a:hover {
  background-color:navy;
  color:#ffffff;
}

#tree_menu_ul li a.selected,
#root_node_view_ul li a.selected,
ul.tree_menu_ul li a.selected,
ul.root_node_view_ul li a.selected {
  background-color:navy;
  color:#ffffff;
}

a.selected_to_move {
  background-color:#ffffcc;
  color:#000000;
}

ul#tree_menu_ul li.leaf,
ul.tree_menu_ul li.leaf {
  background-image: url(/images/TreeNodeIcon.png);
  background-repeat:no-repeat;
  background-position: 13px 1px ;
  padding-left:32px;
}

ul#widget_item_tree_menu_ul li.leaf,
ul.widget_item_tree_menu_ul li.leaf {
  background-image: url(/images/TreeNodeIcon.png);
  background-repeat:no-repeat;
  background-position: 13px 1px ;
  padding-left:32px;
}

#tree_menu_ul li:hover {
  /*background-color:#e3e3e3;*/
}

/* la maniglia ai lati dell'albero */
div.treehandle {
  cursor: e-resize;
  position: absolute;
  top: 0px;
  right: 0;
  background-image: url(/images/handle.gif);
  background-position: left;
  height: 100%;
  width: 8px;
}

ul#root_node_view_ul {
  list-style-type:none;
  padding:0px 0 0 0;
  margin:10px 0 0 6px;
}

li#root_node_views_li {
  background-image: url(/images/folder_home.png);
  background-repeat:no-repeat;
  background-position: 13px 0px;
  cursor:default;
  padding-left:33px;
}

ul#root_node_view_ul li a {
  color:#000000;
}

ul#root_node_view_ul li a:hover {
  background-color:navy;
  color:#ffffff;
}

.node_text:hover {
  /*background-color:#ffffcc;*/
}

/* Un po' di tabs. Quanto mi piacerebbe pulirle un po', cosi' sono rigide
   e verbose! */

div.tab_div_resources {
  font-size:10px;
  float:left;
  width:81px;
  height:15px;
  padding:5px 0px 0px 0px;
  text-align:center;
  background-image: url(/images/sfondo_tab_81x20.gif);
  background-position: 0px 0px ;
  background-repeat:no-repeat;
}

div.tab_div_resources_of {
  font-size:10px;
  float:left;
  width:81px;
  height:15px;
  padding:5px 0px 0px 0px;
  text-align:center;
  background-image: url(/images/sfondo_tab_81x20_of.gif);
  background-position: 0px 0px ;
  background-repeat:no-repeat;
  cursor:pointer;
}

div.tab_div_xforms {
  font-size:10px;
  float:left;
  width:54px;
  height:15px;
  padding:5px 0px 0px 0px;
  text-align:center;
  background-image: url(/images/sfondo_tab_54x20.gif);
  background-position: 0px 0px ;
  background-repeat:no-repeat;
}

div.tab_div_xforms_of {
  font-size:10px;
  float:left;
  width:54px;
  height:15px;
  padding:5px 0px 0px 0px;
  text-align:center;
  background-image: url(/images/sfondo_tab_54x20_of.gif);
  background-position: 0px 0px ;
  background-repeat:no-repeat;
  cursor:pointer;
}

div.tab_div_editing {
  font-size:10px;
  float:left;
  width:60px;
  height:15px;
  padding:5px 0px 0px 0px;
  text-align:center;
  background-image: url(/images/sfondo_tab_61x20.gif);
  background-position: -1px 0px ;
  background-repeat:no-repeat;
}

div.tab_div_editing_of {
  font-size:10px;
  float:left;
  width:60px;
  height:15px;
  padding:5px 0px 0px 0px;
  text-align:center;
  background-image: url(/images/sfondo_tab_61x20_of.gif);
  background-position: -1px 0px ;
  background-repeat:no-repeat;
  cursor:pointer;
}

div.tab_div_behaviors {
  font-size:10px;
  float:left;
  width:92px;
  height:15px;
  padding:5px 0px 0px 0px;
  text-align:center;
  background-image: url(/images/sfondo_tab_92x20.gif);
  background-position: 0px 0px ;
  background-repeat:no-repeat;
}

div.tab_div_behaviors_of {
  font-size:10px;
  float:left;
  width:92px;
  height:15px;
  padding:5px 0px 0px 0px;
  text-align:center;
  background-image: url(/images/sfondo_tab_92x20_of.gif);
  background-position: 0px 0px ;
  background-repeat:no-repeat;
  cursor:pointer;
}


div.tab_div_export_widget_item {
  font-size:10px;
  margin:0 0 0 -1px;
  float:left;
  width:81px;
  height:15px;
  padding:5px 0px 0px 0px;
  text-align:center;
  background-image: url(/images/sfondo_tab_81x20.gif);
  background-position: 0px 0px ;
  background-repeat:no-repeat;
}

div.tab_div_export_widget_item_of {
  font-size:10px;
  margin:0 0 0 -1px;
  float:left;
  width:81px;
  height:15px;
  padding:5px 0px 0px 0px;
  text-align:center;
  background-image: url(/images/sfondo_tab_81x20_of.gif);
  background-position: 0px 0px ;
  background-repeat:no-repeat;
  cursor:pointer;
}

div.tab_div_views_of {
  font-size:10px;
  float:left;
  width:60px;
  height:15px;
  padding:5px 0px 0px 0px;
  text-align:center;
  background-image: url(/images/sfondo_tab_61x20_of.gif);
  background-position: -1px 0px ;
  background-repeat:no-repeat;
  cursor:pointer;
}

div.tab_div_views {
  font-size:10px;
  float:left;
  width:60px;
  height:15px;
  padding:5px 0px 0px 0px;
  text-align:center;
  background-image: url(/images/sfondo_tab_61x20.gif);
  background-position: -1px 0px ;
  background-repeat:no-repeat;
}

div.small_modechange {
  float:left;
  padding:2px 5px 2px 5px;
  border-right:1px solid #ffffff;
  color:#ffffff;
  background-color:#e4e4e4;
}

li.dynamic_menu_item:hover {
  /*filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;*/
}

ul.results_above_tree {
  list-style-type:none;
  padding:0;
  margin:0;
}

ul.results_above_tree li {
  margin:0 0 0px 0;
  padding:3px 0 3px 0;
}

ul.results_above_tree li:hover {
  background-color:#ffffcc;
  cursor:pointer;
}

/* in realta' e' la classe della box di ricerca sopra al tree.. 
 ... ma perche' non l'abbiamo chiamata search_box_above_tree???? */
.search_tree {
  font-size: 10px;
  height: 12px;
  width: 95%;
  background-color:#ffffcc;
  /*
    padding:0 0 1px 1px;
    border-bottom:1px inset #d2d2d2;
    border-right:1px inset #c0c0c0; */
}

img.XmanagerTreeSearchTrigger {

  /*
  float: right;
  position: absolute;
  top: 0px;
  right: 0px;
  */
}

#xmanager_tree tr.even {
  background-color:#f4f4f4;
  padding:0px 4px 0px 4px;
}

#xmanager_tree tr.odd {
  background-color:#fcfcfc;
}

#tree_menu_ul li a.target_view_selected,
ul.tree_menu_ul li a.target_view_selected {
  background-color: #ffffcc;
  padding: 1px 0px 2px 4px;
  border-top: 0px solid #e4e4e4;;
  border-left: 0px solid #e4e4e4;;
  border-right: 0px solid #e4e4e4;;
  margin-left: -4px;
}

#tree_menu_ul li a.target_view_selected:hover,
ul.tree_menu_ul li a.target_view_selected:hover { color:#000000; }

div.results_above_tree {
  position: absolute;
  width: 85%;
  /*height: 200px;*/
  overflow: auto;
  z-index: 3;
  padding: 5px ;
  border: 1px solid #C6C7C6;
  background-color: #fdfdfd;
}

div.resource_model_selector ul {
  padding:0;
  margin:0;
  list-style-type:none;
}

div.resource_model_selector ul#resource_model_list_selector li {
  padding: 1px 0 1px 0 ;
  cursor:pointer;
  /*color:#AAAAAA;*/
}

div.resource_model_selector ul#resource_model_list_selector li:hover {
  background-color:#ffffcc;
}

table.search_form_table {
  width:250px;
  position:absolute;
  top:25px;
  left:50%;
  margin-left:-125px;
  z-index:2;
}

#innerLeftColumn table.search_form_table {
  width:250px;
  position:absolute;
  top:25px;
  left:50%;
  margin-left:-125px;
  z-index:2;
}

.x_form .single_field_name { font-weight: bold; }

.second_level_box_container {
  width: 100%;
  padding-left: 15%;
  padding-right: 15%;
}

.second_level_box {
  background-color: #f8f8f8;
  width: 70%;
  padding: 10px;
}

#progress-bar {
  width: 90%;
  height: 19px;
  background: url(/images/aquabarright.gif);
  background-position: right center;
}

#bar {
  background: url(/images/aquabarleft.gif);
  width: 0%;
  height: 100%;
}

#innerContentColumn span.handler {
  background: url(/images/drag.gif);
  background-repeat:no-repeat;
  float:left;
  cursor:pointer;
  display:block;
  margin-left:2px;
  width:7px;
  height:18px;
}

ul#preordered_values_list li {
  margin:0;
  padding:0;
  list-style-type:none;
  white-space:nowrap;
}

body#xform ol li {
  margin:0 5px 10px 0;
  border:0px solid #000000;
  font-size:18px;
  font-weight:bold;
  color:#ce0000;
}

body#xform ul#model_list {
  list-style-type:none;
  margin:-2px 0px 0 0;
  padding:0px;
  width:100%;
}

body#xform div#field_data_div {
  position:relative;
  border:1px solid #c9c9c9;
  background-color:#F7F9FC;
  width:auto;
  height:auto;
  padding:5px;
}

body#xform ul#model_list li {
  padding-left:3px;
  margin: 2px 0 2px 0;
  cursor:pointer;
}

#table_xform td {
  padding:0px;
}

#table_xform td#model_list_td {
  padding-right:20px;
}

#table_xform td#field_data_td {
  padding-left:17px;
}

div#xform_list {
  width:100%;
  position:relative;
  border:0px solid #000000;
}


body#xform ul#xform_fields_list li.sortables_resource_model_fields {
  margin:0 0 2px 0 ;
  padding:2px 5px 5px 7px;
}

body#xform ul#xform_fields_list li.sortables_resource_model_fields_selected {
  margin:0 0 2px 0 ;
  padding:2px 5px 5px 7px;
  background-color:#ffffcc;
}

body#xform ul#xform_fields_list li.sortables_resource_model_fields:hover {
  background-color:#F7F9FC;
}

body#xform ul#xform_fields_list {
  list-style-type:none;
  width:auto;
  margin:0;
  padding:0;
}



body#xform input.textfield {
  width:99%;
  margin:0;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-size:11px;
}

ul#model_list ul#relation_list li.relation_elem {
  margin-right:10px;
  background-color:#ffffcc;
  font-size:10px;
  padding:2px 0 4px 2px;
  border-bottom:1px solid #c9c9c9;
}

ul#model_list ul#relation_list li.relation_elem_selected {
  margin-right:10px;
  background-color:#ffffff;
  font-size:10px;
  padding:2px 0 4px 2px;
  border-bottom:1px solid #c9c9c9;
}

ul#relation_list li.relation_elem div {
  background-color:#ffffcc;
}


li.resource_model_elem {
  color:#000000;
  padding:2px 0 2px 0 ;
  border:1px solid #c9c9c9;
  font-weight:normal;
  background-color:#F7F9FC;
}

li.resource_model_elem_selected {
  color:#000000;
  border:1px solid #c9c9c9;
  padding:2px 0 2px 0 ;
  background-color:#ffffcc;
}

li.resource_model_elem_selected span {
  /*font-weight:bold;*/
  color:#ce0000;
}

div.relation_list_div {
  color:#000000;
}

ul#relation_list li {
  margin:2px 0 2px 0;
}

div#xform_list select {
  margin:0;
  width:auto;
  padding:0;
}

div#xform_list input {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

div.xform_model {
  margin:15px 0 5px 0;
}

div.xform_model h1 {
  margin:0;
  padding:0;
}
div.project_xform_style div.xform_model {
				display:none;
}
div.project_xform_style div.xfields_wrapper {
        padding-top:15px;
				padding-left:5px;
}


div.xform_model small {
  color:#cccccc;
}

body#xform div.xfields_wrapper {
  width:auto;
  padding:10px 0 0 20px;
  border-left:5px solid #dddddd;
}


input.string_field,
input.link_field,
input.string_field,
input.link_field { width:99%; }

input.numeric_field{ width:20%; }

input.date_field{ width:85px; }

input.datetime_field { width:115px; }

textarea.text_field{
  width:99%;
  height:144px;
}

div#resource_window div#xform_wrapper textarea.text_field { height:156px; }

div#xform_wrapper label {
  display:block;
  font-size:13px;
  font-weight:bold;
	padding-bottom:3px;
	color: #333333;
}
body#user_content div#user_content_relations{
        padding: 0 10px 0 20px !important;
}

div#xform_wrapper label.boolean_field {
  display:inline;
  font-size:12px;
  font-weight:normal;
}

div#xform_wrapper ul#attachment_details {
  margin:5px 0 0px 15px;
  padding:0;
  list-style-type: disc;
}

div#xform_wrapper ul#attachment_details li {

}

#resource_window div#xform_wrapper label {font-size:11px;}

*:first-child+html div#xform_wrapper form.xform_inplace_editor {
  position:relative;
  display:inline;
  margin:0px 0 0 0;
  padding: 0 0 0 0 ;
}

html>/**/body div#xform_wrapper form.xform_inplace_editor {
  position:relative;
  display:inline;
  margin:0px 0 0 0;
  padding: 0 0 0 0 ;
}

*:first-child+html div#xform_wrapper form.xform_inplace_editor input.editor_field {
  border:0;
  padding:0;
  width:80px;
  position:absolute;
  top:0;
  left:4px;
  height:16px;
  font-size:11px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

html>/**/body div#xform_wrapper form.xform_inplace_editor input.editor_field {
  position:relative;
  font-size:11px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  display:inline;
  border:0px;
  padding:0;
}

*:first-child+html div#xform_wrapper form.xform_inplace_editor a.editor_cancel_link {
  font-size:11px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  position:absolute;
  top:1px;
  left:102px;
}

html>/**/body div#xform_wrapper form.xform_inplace_editor a.editor_cancel_link {
  position:relative;
}

*:first-child+html div#xform_wrapper form.xform_inplace_editor input.editor_ok_button {
  background-color:#ffffff;
  color:#ce0000;
  position:absolute;
  top:1px;
  left:85px;
  font-size:11px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  width:15px;
  border:0;
}

html>/**/body div#xform_wrapper form.xform_inplace_editor input.editor_ok_button {
  position:relative;
  background-color:transparent;
  border:0;
  padding:0;
  margin:-6px 0 0 0;
  height:14px;
  font-size:11px;
  color:#CE0000;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  cursor:pointer;
}


body#xform div#xform_wrapper div.input_separator {
  height:20px;
  clear:both;
}

div#xform_wrapper div.input_separator {
  clear:none;
  height:10px;
}

#xform_filter_div {
  width:100%;
  height:100%;
  text-align:center;
  position:absolute;
  top:0;
  left:0;
  z-index:1000;
  padding-top:30px;
  border:0px solid #c9c9c9;
}

div#xform_list form.inplaceeditor-form { /* The form */
                                         display:inline;
}

div#xform_list form.inplaceeditor-form input.editor_field {
  background-color:#ffffcc;
  font-size:11px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  display:inline;
  border:0px;
  padding:0;
}

body#xform form.inplaceeditor-form textarea { /* Textarea, if multiple columns */
}

div#xform_wrapper div.xfield_wrapper { position:relative; }

body#xform form.inplaceeditor-form input.editor_ok_button { /* The submit button */
                                                            background-color:transparent;
                                                            border:0;
                                                            padding:0;
                                                            margin:-6px 0 0 0;
                                                            height:14px;
                                                            font-size:11px;
                                                            color:#CE0000;
                                                            font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
                                                            cursor:pointer;
}

body#xform form.inplaceeditor-form a { /* The cancel link */
                                       background-color:transparent;
                                       border:0;
                                       padding:0;
                                       margin:-4px 0 0 0;
                                       height:14px;
                                       font-size:11px;
                                       font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

img.calendar_trigger_image {
  margin:1px 0px -2px 0;
  cursor:pointer;
}

body#xform img.calendar_trigger_image {
  margin:1px 4px -3px 0;
  cursor:pointer;
}

#validation img.calendar_trigger_image {
  margin:1px 0px -3px 0;
  cursor:pointer;
}

div.content_preview {
  overflow:auto;
  padding:10px 15px 10px 15px;
  position:absolute;
  top:2px;
  left:-355px;
  background-color:#ffffcc;
  width:400px;
  height:300px;
  border:1px solid #c9c9c9;
  text-align:left;
}

div.show_hide_xfield {
  float:right;
  margin-right:5px;
}

div.show_hide_xfield a { cursor:pointer; }

/* Stili relativi ai wizard dei widget_item_field */
.edit-wizard-item {
  margin-bottom: 1px;
  width: 95%;
  padding: 0 2px 0 2px;
  font-size: 11px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.wizard-step {
  color: #ce0000;
  /*font-weight: bold;*/
}

.wizard-explanation {
  margin:0 0 5px 0;
  font-size: 10px;
  font-weight: normal;
}
div#edit_widget_step_by_step .wizard-edit {
  margin-bottom:1px;
  font-size:11px;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  width:98%;
}
div#wizard_resource_style_class a:hover{
	/*text-decoration:line-through;*/
	background-color:#CE0000;
	color:#FFFFFF;
}
div.wizardwrapper {
  border-bottom:1px solid #C6C7C6;
  border-right:1px solid #C6C7C6;
  border-left:1px solid #C6C7C6;
  margin: 0px 13px 0 15px;
  padding-bottom:15px;
  margin-bottom:15px;
  position:relative;
}

.wizardcurrentstep {
  float:left;
  width:13px;
  height:13px;
  background-color:#ce0000;
  margin:17px 3px 0 0;
}

div.wizardreqstep {
  float:left;
  width:10px;
  height:10px;
  background-color:#ff5555;
  margin:20px 3px 0 0;
}

div.wizardoptstep {
  float:left;
  width:10px;
  height:10px;
  background-color:#cbcbcb;
  margin:20px 3px 0 0;
}

.wizard-ss-label {
  margin: 0px;
  padding: 0px;
}

img.wizard-revert-img {
  position: relative;
  top: 3px;
}

#main_tab_div {
  position:absolute;
  top:0px;
  left:0;
  width:auto;
  white-space:nowrap;
  height:20px;
  z-index:2;
  padding-top:2px;
}

#main_tab_div a {
  color: #000000;
}

div.xmformdesc {
  margin: 2em 1em;
}

div.layoutpaneldesc {
  color: #868686;
  width: 100%;
  margin-top: 2px;
}

div#wizard_resource_style_class a.grayed:hover,
div#wizard_resource_style_class a.grayed:visited,
div#wizard_resource_style_class a.grayed:active,
div#wizard_resource_style_class a.grayed {
  color:gray;
}
div#wizard_resource_style_class a.grayed:hover{
	background-color:#FFFFFF;
}

div#progress_bar_track {
  z-index:20;
  display:block;position:absolute;top:150px;left:50%;margin-left:-110px;width:220px;height:35px;
  background-image: url(/images/bar_track.png);
  background-repeat: repeat-x;
}

div#progress_bar {
  z-index:20;
  display:block;position:absolute;top:159px;left:50%;margin-left:-103px;width:0px;height:21px;
  background-image: url(/images/bar.png);
  background-repeat: repeat-x;

}

/* Search con OmniFind */
span.ellipsis { color: #aaaadd; }
span.highlight { background-color: #FFFF66; }

div.container_sub_menu {
  border:0px solid #000000;
  width:200px;
  height:auto;
  position:absolute;
  z-index:16;
  left:5px;
  padding:0px 0px 0px 0px;
}

#stylehash a {
  margin:0;
  padding:0;
}

small.editor_function {float:right;margin-right:5px;}
small.editor_function a {font-weight:normal;}
body#xform small.editor_function {margin-right:10px;}

body#xform div.switchEditor{display:none;}

div#error_overlay {
  z-index:1;position:absolute;top:0;left:0;background-color:#ffffff;filter:alpha(opacity=80);-moz-opacity: 0.8; opacity: 0.8;width:100%;height:100%;border-bottom:1px solid #dddddd;
}

div#error_alert {
  font-size: 11px;
  z-index:2;
  position:absolute;
  top:50%;
  left:50%;
  margin-left:-40px;
  margin-top:-20px;
  padding:3px 0 2px 20px;
  overflow:hidden;
  width:auto;
  border:0px solid #ce0000;
  color:#ce0000;
  text-align:left;
  background: url(/images/exclamation_mark.png) 0px 0px no-repeat;
}

div.silverlight_container {
  z-index:0;
  position:relative;
}

#fields_to_show li.hidden { background-color:#e2e2e2;}
#fields_to_show li.visible { background-color:#ff9900;}
#fields_to_show li.linkable { background-color:#ffcc00;}

#tag_cloud_xmanager {
  padding-left:10px;
  border-left:#009 8px solid;
  margin: 5px 0px 0px 0px;
}

.tag_cloud_xmanager {
  padding:10px;
  border:#ccc 1px solid;
  margin:10px 0px;
  background-color:#e2e2e2;
}

.tag_cloud_xmanager a {
  color:#66c;
  padding:1px;
}

.nube1 { font-size: 0.4em;color:#888888;padding:0 3px 0 3px; }
.nube1:hover { background:#dddddd;color:#ffffff; }
.nube2 { font-size: 0.7em;color:#888888;padding:0 3px 0 3px; }
.nube2:hover { background:#dddddd;color:#ffffff; }
.nube3 { font-size: 1.0em;color:#888888;padding:0 3px 0 3px; }
.nube3:hover { background:#dddddd;color:#ffffff; }
.nube4 { font-size: 1.3em;color:#888888;padding:0 3px 0 3px; }
.nube4s:hover { background:#dddddd;color:#ffffff; }
.nube5 { font-size: 1.6em;color:#888888;padding:0 3px 0 3px; }
.nube5:hover { background:#dddddd;color:#ffffff; }
.nube6 { font-size: 1.9em;color:#888888;padding:0 3px 0 3px; }
.nube6:hover { background:#dddddd;color:#ffffff; }

div.autocomplete {
  width:350px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:2px;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}

div.autocomplete ul li.selected { background-color: #bbf; font-weight:bold; color:#fff;}

div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px 6px;
  cursor:pointer;
  border-bottom:1px solid #999;
  background-color: #e2e2e2;
}

.options_container {
  position: absolute;
  top: 0;
  left: 0;
  font-family: verdana;
  text-align:left;
  background: #FEFEFE;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  padding: 2px 0;
}

div.slider {
  width:256px;
  margin:10px 0;
  background-color:#ccc;
  height:10px;
  position: relative;
}

div.slider div.handle {
  width:10px;
  height:15px;
  background-color:#f00;
  cursor:move;
  position: absolute;
}

div.editor-notice {
  background-color: #fdd;
  font-weight:bold;
}

span#language_helper {
  float:right;
  display:block;
  font-weight:normal;
  margin-right:8px;
}

span#language_helper a {
  cursor:pointer;
}

#resource_window span#language_helper a {
  padding:0 2px 0 2px;
}

span#language_helper span.current_language {
  background-color:#ffffcc;
}

#resource_window span.current_language {
  padding:0 2px 0 2px;
}

div.wo-wizard-help {
  font-size: 0.9em;
  color: #222255;
}

/* Rake tools */

.tool-item {
  border-bottom: 2px solid #BBB;
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  padding-left: 20px;
}

.tool-name {
  font-weight: bold;
}

.tool-arguments {
  font-size: 0.9em;
}

#task-list {
  width: 95%;
  /* background-color: #ffffff; */
  list-style-type: none;
  margin:0 auto;
  padding:0;
}

div.tool-description {
  white-space: pre-wrap;
}

.tool-loading {
  border: 2px solid #FF0000;
  background-image: url(/images/loading.gif);
  background-repeat: no-repeat;
  background-color: #FFEEEE !important;
}

/* Classe applicata ai wi containers mentre carichiamo il dialog del bulk update
   Ha senso solo in edit */
li.selection-loading {
  background-color: #FFEEEE;
  background-image: url(/images/loading.gif);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
}

div.tool-buttons {
  position: relative;
  text-align: right;
}

div.terminal {
  color: white;
  background-color: black;
  border: 2px solid #BBBBBB;
  padding: 0.5em;
  font-family: Terminus, Neep, Terminal, Monospace;
  white-space: pre;
  overflow: auto;
  height: 200px;
}

li.content_validation {
  cursor:pointer;
  padding:1px 0 1px 0;
}

li.content_validation:hover {
  cursor:pointer;
  background-color:#ffffcc;
}

#user_content_relation_description {
  position: relative;
  left: 750px;
  top : -100px;
  width: 250px;
}

/* Un generico disabled */
div.disabled-grayed { 
  background-color: #777;
  color: #aaa;
}

#value_wrapper { 
  margin: 0.5em;
  padding: 0.5em;
  text-align: left;
}

/* Parte relativa alle visualizations */
div.decorations { 
  border: 1px solid #777;
  background: #ddd;
  margin: 9px 20px 9px 20px;
  padding: 0.5em;
  cursor: default;
}
div#edit_widget_step_by_step div.decorations h2{
	margin:10px;
}
div.vis_field { 
  padding: 0.5em 2em 0.5em 1em;                
  border-bottom: 1px solid rgb(255, 221, 221);
}

#field_mgmt { 
  margin: 1.3em;
  border: 1px solid #fee;              
}

.mestannoaddragga { 
  border: 3px solid red;  
}

/* Il menu delle deco da draggare */
td.decomenu_item { 
  border: 1px solid white;
  background-color: #333;
  color: white;
  width: auto;
  float: left;
  padding: 0.3em 0.5em 0.3em 0.5em!important;
}

td.decomenu_item a { 
  color: white!important; 
  font-weight: bold; 
}

.xdecoration { 
  margin: 5px;
  background-color: #eef;
  border: 1px solid #faa;
  padding: 5px;
}

.decoration-description {
  background-color: #dde;
  border: 1px solid #ccc;
  font-weight: bold;
}

span.available_tags * { 
  margin: 0px;
  text-align: left;
  padding: 2px;
  display: inline;
}

/* Nasce per evidenziare la tag selezionata nel wrapper  */
span.xdeco_selected {  
  border: 2px solid green;
  padding: 0px !important;
  background-color: white;
}

div.edit_deco_submit_wrapper { 
  text-align: right;
  margin: 0px 1em 0.5em 0px;
}

div.editing_decoration { 
  background-color: #ffa; 
  border: 1px solid red;
  padding: 0.5em;
}

div.editing_decoration_label {
  background-color: #ffb;
  font-size: 1.1em;
}

/* Editing dei campi della singola decoration */

div.deco-field-edit { margin: 0.5 em; border-bottom: 1px solid red;}

div.deco-field-edit label { font-weight: bold; color: #22F; }

div.even { background-color: #f8f8f8; }

div.odd { background-color: #fff; }

div.tasti { text-align: right; }

div.tasti-left { text-align: left; }

ul#menu_item_list { }

ul#menu_item_list li { }

#menu_item_list li a {
  text-decoration:none;
  color:#ce0000;
}

/************* Coderay styles *************/

table.CodeRay {
  background-color: #fafafa;
}
.CodeRay pre { margin: 0px }

span.CodeRay { white-space: pre; border: 0px; padding: 2px }

.CodeRay .no { padding: 0px 4px }
.CodeRay .code {  }

ol.CodeRay { font-size: 10pt }
ol.CodeRay li { white-space: pre }

.CodeRay .code pre { overflow: auto }

.CodeRay .debug { color:white ! important; background:blue ! important; }

.CodeRay .af { color:#00C }
.CodeRay .an { color:#007 }
.CodeRay .av { color:#700 }
.CodeRay .aw { color:#C00 }
.CodeRay .bi { color:#509; font-weight:bold }
.CodeRay .c  { color:#666; }

.CodeRay .ch { color:#04D }
.CodeRay .ch .k { color:#04D }
.CodeRay .ch .dl { color:#039 }

.CodeRay .cl { color:#B06; font-weight:bold }
.CodeRay .co { color:#036; font-weight:bold }
.CodeRay .cr { color:#0A0 }
.CodeRay .cv { color:#369 }
.CodeRay .df { color:#099; font-weight:bold }
.CodeRay .di { color:#088; font-weight:bold }
.CodeRay .dl { color:black }
.CodeRay .do { color:#970 }
.CodeRay .ds { color:#D42; font-weight:bold }
.CodeRay .e  { color:#666; font-weight:bold }
.CodeRay .en { color:#800; font-weight:bold }
.CodeRay .er { color:#F00; background-color:#FAA }
.CodeRay .ex { color:#F00; font-weight:bold }
.CodeRay .fl { color:#60E; font-weight:bold }
.CodeRay .fu { color:#06B; font-weight:bold }
.CodeRay .gv { color:#d70; font-weight:bold }
.CodeRay .hx { color:#058; font-weight:bold }
.CodeRay .i  { color:#00D; font-weight:bold }
.CodeRay .ic { color:#B44; font-weight:bold }

.CodeRay .il { background: #eee }
.CodeRay .il .il { background: #ddd }
.CodeRay .il .il .il { background: #ccc }
.CodeRay .il .idl { font-weight: bold; color: #888 }

.CodeRay .in { color:#B2B; font-weight:bold }
.CodeRay .iv { color:#33B }
.CodeRay .la { color:#970; font-weight:bold }
.CodeRay .lv { color:#963 }
.CodeRay .oc { color:#40E; font-weight:bold }
.CodeRay .of { color:#000; font-weight:bold }
.CodeRay .op { }
.CodeRay .pc { color:#038; font-weight:bold }
.CodeRay .pd { color:#369; font-weight:bold }
.CodeRay .pp { color:#579 }
.CodeRay .pt { color:#339; font-weight:bold }
.CodeRay .r  { color:#080; font-weight:bold }

.CodeRay .rx { background-color:#fff0ff }
.CodeRay .rx .k { color:#808 }
.CodeRay .rx .dl { color:#404 }
.CodeRay .rx .mod { color:#C2C }
.CodeRay .rx .fu  { color:#404; font-weight: bold }

.CodeRay .s  { background-color:#fff0f0 }
.CodeRay .s  .s { background-color:#ffe0e0 }
.CodeRay .s  .s  .s { background-color:#ffd0d0 }
.CodeRay .s  .k { color:#D20 }
.CodeRay .s  .dl { color:#710 }

.CodeRay .sh { background-color:#f0fff0 }
.CodeRay .sh .k { color:#2B2 }
.CodeRay .sh .dl { color:#161 }

.CodeRay .sy { color:#A60 }
.CodeRay .sy .k { color:#A60 }
.CodeRay .sy .dl { color:#630 }

.CodeRay .ta { color:#070 }
.CodeRay .tf { color:#070; font-weight:bold }
.CodeRay .ts { color:#D70; font-weight:bold }
.CodeRay .ty { color:#339; font-weight:bold }
.CodeRay .v  { color:#036 }
.CodeRay .xt { color:#444 }

a.delete-x {
  display:inline;
  position:relative;
  padding:0 7px;
  background:transparent url(/images/delete_x.gif) no-repeat scroll 3px 6px;
  height:14px;
  width:14px;
  cursor:pointer;
}

a.delete-x:hover {
  background-position:3px -33px;
}

a.delete-x span {
  left:-999em;
  position:absolute;
}

div.disableEditor {
  position:absolute;top:0px;left:0px;background:#d9d6d2;width:100%;height:100%;opacity:0.45;z-index:1500;
}

table.environments {
  padding:0 0 0 0;
  margin: 0 0 0 11px;
}

div#edit_widget_step_by_step h2 {
  position:static;
  text-transform:none;
  line-height:normal;
  font-weight:bold;
  border:none;
  font-size:17px;
  padding:0;
  margin:0;
  width:auto;
}