/* <![CDATA[ */

/* @media screen, projection { */

   /*
      COLOR SCHEMA:

      MAIN-LANGUAGE
      BLUE:    Text:       #009ABF
               Normal:     #46BCD8
               Light:      #CAE5FA
               Very light: #EDF7FC

      SECOND-LANGUAGE
      GREEN:   Text:       #79AB36
               Normal:     #87BE3C (base)
               Light:      #CFE5B1
               Very light: #F3F8EB

      THIRD-LANGUAGE
      VIOLET:  Text:       #666699
               Normal:     #8585AD
               Light:      #B5B5CE
               Very light: #E7E7F7

      RED:     #BC0C05
               #CC0212
   */

   /* 0A. General: contenidors */
   body {
      background: #888;
      padding: 20px 0;
   }
   #notify-container {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 5000;

   }
   #notify-content {
      background-color: #35535E;
   }
   #notify-content .page_margins {
      background: none repeat scroll 0% 0% transparent;
      color: #fff;
   }
   #notify-text {
      display: block;
      line-height: 1.4em;
      padding: 10px;
   }
   #notify-close {
      display: block;
      float: right;
      margin: 8px 10px;

      font-weight: bold;
   }
   .notify-button {
      border: 1px solid #456F7D;
      padding: 0 4px 2px;
      background: transparent url(../../images/backgrounds/y-light-hd.gif) repeat-x scroll 0 0;
   }
   #notify-border {
      height: 8px;
      background-image: url(../../images/backgrounds/gradient.png);
      background-position: left bottom;
      background-repeat: repeat-x;
   }
   #notify-container + .page_margins {
      margin-top: 5em;
   }
   .page { padding: 5px 10px 5px 5px; }
   #header {
      height: 250px;
      padding: 2em 0 0.5em 0;
   }
   .main-language #header {
      background: #ffffff url(../../images/lighthouse/lighthouse-1.jpg);
      background-position: 0px -65px;
      background-size: 110%;
   }
   .second-language #header {
      background: #ffffff url(../../images/lighthouse/lighthouse-2.jpg);
      background-position: 0px -100px;
      background-size: 100%;
   }
   .third-language #header {
   }
   #header * {
      color: #FFF;
      font-weight: bold;
   }
   #uvic_sl_logo {
      position: absolute;
      top: 15%;
      left: 5%;
   }
   #header #topnav, #header #locale {
      background-image: url(../../images/backgrounds/white-transparent.png);
      padding: 0.5em 1em 0.5em 1em;
      right: 0.7em;
   }
   #header #topnav {
      top: 0.7em;
   }
   #topnav *, #locale * {
      color: #FFF;
      font-weight: bold;
   }
   #locale {
      position: absolute;
      top: 0.7em;
   }
   #locale ul {
      list-style: none;
      line-height: 1em;
      margin: 0;
      padding: 0;
   }
   #locale li {
      line-height: 1em;
      display: inline;
   }
   #locale ul li:before {
      content: "|";
	}
	
   #locale ul li.first:before {
      content: " ";
	}
   #locale ul li a {
      padding-left: 0.5em;
   }
   #locale ul li.first a {
      padding-left: 0;
   }
   #search-box {
      position: absolute;
      top: 70%;
      left: 5%;
      width: 45%
   }
   #search-box #lighthouse-search-box {
      width: 100%;
      line-height: 2em;
      font: 17px arial, sans-serif;
      color: #333;
      padding: 0.2em 0.2em 0;
   }
   #filter-button-bar {
      position: absolute;
      top: 83%;
      left: 5%;
      width: 45%;
   }

   #banner {
      background: #cec4bc;
      padding: 0.5em;
      font-family: Georgia;
      font-style: italic;
   }
   #banner .quote {
      font-size: 2em;
      font-weight: bold;
      color: #333;
   }
   #banner .quote::before {
      content: "\201C";
      color: #b7a99d;
      font-size: 200%;
      
   }
   #banner .quote::after {
      content: "\201D";
      color: #b7a99d;
      font-size: 200%;
   }

   #content {
      background: #cec4bc;
      border-top: 1px solid #d6cdc7;
      padding: 0 0.5em 0.5em 0.5em;
   }
   #main {
      margin: 0;
      padding: 0.5em 0.7em 0.7em 0.5em;
   }
   #col3 {
      font-size: 102%;
   }
   #col1_content { padding: 0; }
   #col3_content { padding: 0; }
   .hideboth #col3_content { padding: 0; }
   .hideboth #col3_content .subcr { margin: 0; }

   #main .subcolumns {
      margin-bottom: 5px;
   }
   #main .subcolumns:last-child {
      margin-bottom: 0px;
   }

   .emptypage {
      height: 400px;
      border: 1px solid #CCC;
   }
   .emptypage:hover {
      border: 1px solid #BBB;
   }
   .main-language .emptypage:hover {
      background-color: #EDF7FC;
   }
   .second-language .emptypage:hover {
      background-color: #F3F8EB; 
   }
   .emptypage_bar {
      background-color: #EAEAEA;
   }

   #main img {
      width: 100%;
      padding-bottom: 10px;
   }

   /* 0B. General: títols i paràgrafs en contextos generals */
   h1, h2, h3, h4, h5, h6 {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-weight: bold;
      font-size: 100.01%;
      padding: 3px 5px 5px 5px;
      /*margin: 0 0 0.25em 0;*/
   }
   .h1, .h2, .h3, .h4, .h5, .h6 {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-weight: bold;
      font-size: 100.01%;
   }
   h1 {
      border: 0px;
      font-weight: bold;
      text-decoration: none;
   }
   .main-language h1 {
      border-top: 3px solid #46BCD8;
      color: #009ABF;	
   }
   .second-language h1 {
      border-top: 3px solid #87BE3C;
      color: #79AB36;
   }
   .third-language h1 {
      border-top: 3px solid #8585AD;
      color: #666699;
   }
   #col3_content > h1 {
      margin-right: 5px;
   }
   h2 {
      border-top: 3px solid #666;
      border-bottom: 0px;
      color: #666;
      font-weight: bold;
      text-decoration: none;
   }
   h4 {
      margin: 0;
   }
   .main-language h4 {
      border-top: 1px solid #46BCD8;
   }
   .second-language h4 {
      border-top: 1px solid #87BE3C;
   }
   .third-language h4 {
   }
   h5 {
      padding: 3px 0px 5px 0px;
   }
   #main .h5 img {
      width: auto;
      padding: 0px;
      margin: 0px;
   }
   .main-language h5 {
      color: #009ABF;
   }
   .main-language .accordion_header_active .h5 {
      background: url(../../images/lists/toggle_blue_active.gif) no-repeat 1px 1px;
      padding-left: 12px;
      color: #009ABF;
   }
   .main-language .accordion_header_inactive .h5 {
      background: url(../../images/lists/toggle_blue.gif) no-repeat;
      padding-left: 12px;
      color: #009ABF;
   }
   .second-language h5 {
      color: #87BE3C; /**/
   }
   .second-language .accordion_header_active .h5 {
      background: url(../../images/lists/toggle_green_active.gif) no-repeat 1px 1px;
      padding-left: 12px;
      color: #87BE3C; /**/
   }
   .second-language .accordion_header_inactive .h5 {
      background: url(../../images/lists/toggle_green.gif) no-repeat;
      padding-left: 12px;
      color: #87BE3C; /**/
   }
   p {
      padding: 2px 5px 5px 5px;
      line-height: 1.4em;
   }
   .second-language span.color, .second-language div.color{
      color: #87BE3C; /**/
   }
   .main-language span.color, .main-language div.color {
      color: #009ABF;
   }
   /* 0C. General: Columnes YAML */
   .c25l *, .c33l *, .c50l *, .c66l *, .c75l * {
      margin: 0px;
      /*margin-bottom: 5px;*/
   }
   .c25r *, .c33r *, .c50r *, .c66r *, .c75r * {
      margin: 0px;
      /*margin-bottom: 5px;*/
   }
   .subcl {
      padding: 0;
      margin: 0 5px 0 0;
   }
   .subcr {
      padding: 0;
      margin: 0 5px 0 0;
   }

   /* 1A. Detall: altres contenidors */
   /* All boxes */
   .sldi-box.light-gray_invert,
   .sldi-box.gray-invert {
      margin-bottom: 10px;
   }
   div .sldi-box:last-child,
   div .sldi-box + .sldi-box.hidden:last-child {
      margin-bottom: 0;
   }
   /* White box */
   .white {
      background-color: #FFF;
      padding: 7px;
   }
   /* White box with color border line */
   .color_lined {
      background-color: #FFF;
      padding: 7px;
   }
   .main-language .color_lined {
      border: 1px solid #46BCD8;
   }
   .second-language .color_lined {
      border: 1px solid #87BE3C;
   }
   .color_lined h1 {
      padding: 2px 5px 5px 5px;
      border: 0;
      margin-bottom: 7px;
   }
   .main-language .color_lined h1 {
      color: #009ABF;
      border-bottom: 1px solid #46BCD8;
   }
   .second-language .color_lined h1 {
      color: #87BE3C;
      border-bottom: 1px solid #87BE3C;
   }
   .color_lined h3 {
      padding: 0;
      margin: 0 5px 5px 6px;
      font-family: Georgia;
      font-size: 250%;
      color: #46BCD8;
   }
   /* Color box without border line */
   .color_invert, .color_transparent {
      padding: 7px;
      color: #FFF;
   }
   .main-language .color_invert {
      background-color: #46BCD8;
   }
   .main-language .color_transparent {
      background: url(../../images/backgrounds/blue-bg-trspt.png) repeat;
   }
   .second-language .color_invert {
      background-color: #87BE3C;
   }
   .second-language  .color_transparent {
      background: url(../../images/backgrounds/green-bg-trspt.png) repeat;
   }
   .color_invert h1, .color_transparent h1 {
      padding: 2px 1px 4px 1px;
      margin-bottom: 7px;
      color: #46BCD8;
      border-top: 2px solid #46BCD8;
      border-bottom: 1px solid #46BCD8;
   }
   .color_invert h2, .color_transparent h2 {
      border: 0px;
      color: #FFF;
   }
   .color_invert h3, .color_transparent h3 {
      font-family: Georgia;
      font-size: 250%;
      color: #FFF;
   }
   /* Light-color box without border line */
   .light-color_invert {
      padding: 7px;
      color: #444;
      margin-bottom: 10px;
   }
   div > .light-color_invert:last-child {
      margin-bottom: 0;
   }
   .main-language .light-color_invert {
      background-color: #CAE5FA;
   }
   .second-language .light-color_invert {
      background-color: #CFE5B1;
   }
   .light-color_invert p {
      padding: 2px 1px 5px 1px;
   }
   /* White box with light-gray border line */
   .light-gray_lined {
      background-color: #FFF;
      padding: 7px;
      border: 1px solid #EAEAEA;
      margin-bottom: 5px;
   }
   div > .light-gray_lined:last-child {
      margin-bottom: 0;
   }
   .light-gray_lined h1 {
      padding: 2px 5px 5px 5px;
      border: 0;
      color: #BC0C05; /* #e00024 */
      border-bottom: 1px solid #BC0C05; /* #e00024 */
      margin-bottom: 7px;
   }	   
   .light-gray_lined h3 {
      padding: 0;
      margin: 0 5px 5px 6px;
      font-family: Georgia;
      font-size: 250%;
      color: #666;
   }
   /* Lighter-gray box without border line */
   .lighter-gray_invert {
      padding: 7px;
      background-color: #F8F8F8;
   }
   /* Light-gray box without border line */
   .light-gray_invert {
      padding: 7px;
      background-color: #EAEAEA;
      margin-bottom: 10px;
   }
   div > .light-gray_invert:last-child {
      margin-bottom: 0;
   }
   .light-gray_invert h3 {
      font-family: Georgia;
      font-size: 250%;
      line-height: 1em;
   }
   .light-gray_invert p {
      padding: 2px 1px 5px 1px;
   }
   .main-language .light-gray_invert h3 {
      color: #009ABF;
	}
   .second-language .light-gray_invert h3 {
      color: #87BE3C;
   }
   .main-language .light-gray_invert a {
      font-weight: normal;
      color: #009ABF;
   }
   .second-language .light-gray_invert a, .second-language .gray_invert a {
      font-weight: normal;
      color: #87BE3C;
   }
   #col3_content > .light-gray_invert {
      margin-right: 5px;
   }
   /* Gray box without border line */
   .gray_invert {
      padding: 7px;
      background-color: #AAA;
      color: #FFF;	
   }
   .gray_invert h1 {
      padding: 2px 1px 4px 1px;
      margin-bottom: 7px;
      color: #FFF;
      border-top: 2px solid #FFF;
      border-bottom: 1px solid #FFF;
   }
   .gray_invert p {
      padding: 2px 1px 5px 1px;
   }
   .main-language .gray_invert a {
      font-weight: normal;
      color: #9FEDFF;
   }
   .main-language .gray_invert h5 {
      color: #9FEDFF;
   }
   /* White box with gray border line*/
   .gray_lined {
      background-color: #FFF;
      padding: 7px;
      border: 1px solid #888;
      color: #333;
   }
   .gray_lined h1 {
      padding: 2px 5px 5px 5px;
      border: 0;
      color: #333;
      border-bottom: 1px solid #333;
      margin-bottom: 7px;
   }	   
   .gray_lined h3 {
      padding: 0;
      margin: 0 5px 5px 6px;
      font-family: Georgia;
      font-size: 250%;
      color: #333;
   }
   .light-gray_lined  .light-gray_invert{
      margin-top: 3px;
      padding: 4px 7px;
   }
   #ygddfdiv .light-gray_invert {
      padding: 3px 7px 1px;
   }
   #ygddfdiv .extended {
      display: none;
   }
   div#ygddfdiv div.light-gray_invert div.cr.icon img,
   div#ygddfdiv div.light-gray_invert div.cr-min,
   div#ygddfdiv div.light-gray_invert div.cr-inverted {
      visibility: hidden;
   }
   .light-gray_lined .light-gray_invert:hover {
      cursor: move;
   }
   .light-gray_lined .notdraglist .light-gray_invert:hover {
      cursor: default;
   }
   .light-gray_lined .white {
      padding: 0px 7px;
   }
   .update_comment {
      /*background-color: #ffd0d0;*/
      margin: 0px; margin-top: 5px;
      padding: 5px;
      padding-left: 27px;
      /*border: 1px solid #F65759;*/
      text-align: left;
   }
   .main-language .update_comment {
      background: #EAEAEA url(../../images/icons/term/tick.png) no-repeat 5px 5px;
      color: #009ABF;
      border: 1px dashed #009ABF;
   }
   .second-language .update_comment {
      background: #EAEAEA url(../../images/icons/term/tick.png) no-repeat 5px 5px;
      color: #87BE3C;
      border: 1px dashed #87BE3C;
   }
   .update_error {
      background: #ffd0d0 url(../../images/icons/term/cancel.png) no-repeat 5px 5px;
      border: 1px solid #CC0212;
      color: #CC0212;
      margin: 0px; margin-top: 5px;
      padding: 5px;
      padding-left: 27px;
      text-align: left;
   }

   /* 1B. Detall: altres */
   .box {
      padding: 7px;
   }

   .cl {
      width: 20%;
      float: left;
   }
   .cm {
      width: auto;
      display: block;
      float: left;
   }
   .cr {
      width: 35%;
      text-align: right;
      float: right;
   }
   .cl-min {
      width: 17%;
      float: left;
   }
   .cm-max {
      width: 76%;
      display: block;
      float: left;
   }
   .cr-min {
      width: 7%;
      text-align: right;
      float: right;
   }
   .cl-inverted {
      width: 70%;
      float: left;
   }
   .cm-inverted {
      width: auto;
      display: block;
      float: left;
   }
   .cr-inverted {
      width: 15%;
      text-align: right;
      float: right;
   }
   .cl label, .cm label, .cr label, 
   .cl-min label, .cm-max label, .cr-min label, 
   .cl-inverted label, .cm-inverted label, .cr-inverted label  {
      color: #cc0212;
   }

   .translation {
      /*margin-bottom: 3px;^*/
   }
   .translation .language {
      width: 70px; /* 15px; */
      text-align: left;
      display: block;
      float: left;
      padding: 3px 5px;
      margin-right: 3px;
   }
   .main-language .translation .language {
      background-color: #9FEDFF; /**/
   }
   .second-language .translation .language {
      background-color: #D0EFA4; /**/
   }
   .translation .texts {
      display: block;
      margin-left: 83px; /* 28px; */
      margin-right: 20px;
      margin-bottom: 10px;
   }
   .translation:last-child  .texts{
      margin-bottom: 0;
   }

   .translation .delete {
      float: right;
      text-align: right;
      width: 16px;
      margin: 0;
   }
   .translation .delete:hover {
      cursor: pointer;
   }
   .translation .delete img {
      float: right;
      visibility: hidden;
   }
   .translation:hover .delete img {
      visibility: visible;
   }
   .translation .texts .subtext {
      display: block;
      /*clear: right;*/
      text-align: left;
      margin-bottom: 3px;
   }
   .translation .texts .subtext .label {
      background-color: #EAEAEA;
      float: left;
      display: block;
      width: 71px;
      text-align: right;
      padding: 3px 5px;
      color: #CC0212;
   }
   .translation .texts .subtext .text {
      background-color: #F2F2F2;
      margin-left: 84px;
      display: block;
      padding: 3px 5px;
   }

   .main-language .loading {

   }
   .second-language .loading {

   }

   /********************************/
   /* Contenidors de tipus acordió */
   /********************************/
   /* Accordion */
   .accordion_header_active, .accordion_header_inactive {
      padding: 7px;
      background-color: #EAEAEA;
   }
   .accordion_body {
      padding: 7px;
      background-color: #F8F8F8;
   }
   .accordion_top_element {
      margin-top: 5px;
   }
   .accordion_middle_element {
      margin-top: 2px;
   }
   .accordion_body form {
      padding: 0;
   }
   .accordion_body form.sldi-inline-form {
      display: inline;
   }
   .accordion_body .form-row {
      clear: both;
      padding-bottom: 5px;
   }
   .accordion_body .form-row > div:first-child,
   .accordion_body .form-row > span:first-child {
      width: 100px;
      text-align: right;
      margin-right: 5px;
      float: left;
   }
   .accordion_body .form-row label {
      color: #CC0212;
   }
   .accordion_body .form-row .form-element {
      float: left;
      display: block;
   }
   .accordion_body .form-row .form-element label {
      color: #444;
   }
   .accordion_body .form-row .form-element label input[type=checkbox],
   .accordion_body .form-row .form-element label input[type=radio] {
      margin-right: 5px !important;
   }
   
   .isolated_item {
      margin-bottom: 3px;
      cursor: pointer;
   }
   
   #itemTypeForm {
      cursor: default;
   }
   #itemTypeForm .form-row {
      padding-top: 5px !important;
   }
   .creatorGroup, .itemvaluesGroup {
      margin-bottom: 5px;
   }
   .creatorType {
      width: 100px;
      text-align: right;
      margin-right: 5px;
      float: left;
   }


   /**********************************************/
   /* Llistes de tipus menú o similars a un menú */
   /**********************************************/

   /* A. Característiques generals */
   #main ul.toc,
   #main ul.toc_like {
      border-bottom: 1px solid #EAEAEA;
   }
   ul.inline_nohover {
      border: 0;
      margin-bottom: 6px;
   }
   #main ul.toc li,
   #main ul.toc_like li {
      list-style: none;
      background: url(../../images/lists/arrow_gray.gif) no-repeat 6px 4px;
      /* padding: 3px 0 4px 14px; */
      padding: 0;
      border-top: 1px solid #EAEAEA;
      line-height: 1.2em;
      font-weight: normal;
      color: #666;
   }

   ul.inline_nohover li {
      list-style: none;
      background: url(../../images/lists/arrow_gray.gif) no-repeat 13px 4px;
      padding: 3px 0 4px 20px;
      line-height: 1em;
      font-weight: normal;
      color: #444;
   }
   ul.inline_nohover li em {
      font-style: italic;
      text-decoration: none;
   }
   #main ul.toc li.main_item {
      background: #FFF url(../../images/lists/arrow_darkgray.gif) no-repeat 6px 4px;
      color: #111; /* #222; */
   }
   #main ul.toc li.main_item.selected {
      background: #efefef url(../../images/lists/arrow_gray.gif) no-repeat 6px 4px;
      color: #111; /* #222; */
   }
   #main ul.toc li a,
   #main ul.toc_like li a {
      display: block;
      padding: 3px 0 4px 14px;
      font-weight: normal;
      color: #666;
   }
   #main ul.toc li.main_item a {
      color: #111; /* #222; */
   }
   #main ul.toc li:hover,
   #main ul.toc_like li:hover {
      cursor: pointer;
   }

   /* B. Particularitats de les llistes-menú segons la llengua */
   /* B1. Primera llengua */
   .main-language #main ul.toc li:hover,
   .main-language #main ul.toc_like li:hover {
      background-color: #EFEFEF;
      color: #009ABF;
   }
   .main-language #main ul.toc li a:hover, 
   .main-language #main ul.toc_like li a:hover {
      /* background-color: #efefef; */
      background: #EFEFEF url(../../images/lists/arrow_blue.gif) no-repeat 6px 4px;
      color: #009ABF;
      text-decoration: none;      
   }
   .main-language #main ul.toc li.selected,
   .main-language #main ul.toc_like li.selected {
      background: #EFEFEF url(../../images/lists/arrow_gray.gif) no-repeat 6px 4px;
   }
   /* B2. Segona llengua */
   .second-language #main ul.toc li:hover,
   .second-language #main ul.toc_like li:hover {
      background-color: #EFEFEF;
      color: #87BE3C;
   }
   .second-language #main ul.toc li a:hover,
   .second-language #main ul.toc_like li a:hover {
      /* background-color: #efefef; */
      background: #EFEFEF url(../../images/lists/arrow_green.gif) no-repeat 6px 4px;
      color: #87BE3C;
      text-decoration: none;      
   }
   .second-language #main ul.toc li.selected,
   .second-language #main ul.toc_like li.selected {
      background: #EFEFEF url(../../images/lists/arrow_gray.gif) no-repeat 6px 4px;
   }


   /***********************************/
   /* Llistes de tipus menú secundari */
   /***********************************/

   /* A. Característiques generals */
	#main ul.toc_2nd_level {
      background: #FFF;
	}
	#main ul.toc_2nd_level li {
      list-style: none;
      background: url(../../images/lists/arrow_lightgray.gif) no-repeat 16px 4px;
      /* padding: 3px 0 4px 14px; */
      padding: 0;
		border-top: 1px solid #EAEAEA;
		line-height: 1.2em;
		font-weight: normal;
		color: #AAA;
	}
   #main ul.toc_2nd_level li a {
      display: block;
      padding: 3px 0 4px 24px;
      font-weight: normal;
      color: #AAA;
   }
   #main ul.toc_2nd_level li:hover {
      cursor: pointer;
	}

   /* B. Particularitats de les llistes-menú de segon nivell segons la llengua */
   /* B1. Primera llengua */
   .main-language #main ul.toc_2nd_level li:hover {
      background-color: #EFEFEF;
      color: #009ABF;
   }
   .main-language #main ul.toc_2nd_level li a:hover {
      background: #EFEFEF url(../../images/lists/arrow_blue.gif) no-repeat 16px 4px;
      color: #009ABF;
      text-decoration: none;      
   }
   .main-language #main ul.toc_2nd_level li.selected {
      background: #EFEFEF url(../../images/lists/arrow_lightgray.gif) no-repeat 16px 4px;
   }
   /* B2. Segona llengua */
   .second-language #main ul.toc_2nd_level li:hover {
	   background-color: #EFEFEF;
	   color: #87BE3C;
	}
   .second-language #main ul.toc_2nd_level li a:hover {
      background: #EFEFEF url(../../images/lists/arrow_green.gif) no-repeat 16px 4px;
		color: #87BE3C;
      text-decoration: none;      
   }
   .second-language #main ul.toc_2nd_level li.selected {
      background: #EFEFEF url(../../images/lists/arrow_lightgray.gif) no-repeat 16px 4px;
   }


   /**********************************/
   /* Barres de botons (llistes)     */
   /**********************************/
   /* A. Barres de botons */
   ul.button_bar_right {
      float: right;
   }
   ul.button_bar_left {
      float: left;
   }
   ul.button_bar_left, ul.button_bar_right,
   ul.button_bar_left li, ul.button_bar_right li {
      list-style-type: none;
      margin: 0;
      padding: 0;
   }
   ul.button_bar_left li {
      line-height: 1em;
      float: left;
      margin-right: 4px;
      text-align: center;
   }
   ul.button_bar_right li {
      line-height: 1em;
      float: right;
      margin-left: 4px;
      text-align: center;
   }
   ul.button_bar_left a, ul.button_bar_right a {
      float: left;
      padding:  4px 4px;
      background-color: #ccc;
      font-weight: bold; 
      color: #444;
      text-decoration: none;
      font-style: normal;
   }

   /* B. Barres de botons (menús) verticals */
   div.vertical_bar div.icon {
      margin: 0;
      padding: 0;
      margin-top: 3px;
      line-height: 1em;
   }
   div.vertical_bar div a {
      display: block;
      background-color: #FFF;
      color: #444 !important;
      text-decoration: none;
      font-style: normal;
      padding-top: 6px;
      padding-left: 30px;
   }
   div.vertical_bar div.selected a {
      background-color: #F6F6F6;
   }
   .main-language div.vertical_bar div a:hover {
      background-color: #F6F6F6;
      color: #009abf !important;
   }
   .second-language div.vertical_bar div a:hover {
      background-color: #F6F6F6;
      color: #87be3c !important;
   }
   div.vertical_bar div.draggable,
   div.vertical_bar div.draggable a {
      cursor: move;
   }
   div.vertical_bar div.draggable a:hover {
      text-decoration: none;
   }
   div.vertical_bar div img {
      padding: 4px 4px !important;
      background-color: #CCC;
   }
   div.vertical_bar div.selected img {
      background-color: #BBB;
   }
   div.vertical_bar div:hover img {
      background-color: #BBB;
   }
   div.vertical_bar div.vertical_bar_expanded {
      background-color: #FFF;
   }

   #main ul.editable_toc li {
      list-style: none;
      background: url(../../images/lists/arrow_gray.gif) no-repeat 6px 5px;
		border-top: 1px solid #EAEAEA;
      padding: 4px 0 5px 14px;
		line-height: 1.2em;
		font-weight: normal;
		color: #666;
	}
   #main ul.editable_toc li:hover {
      cursor: default;
	}
   .main-language #main ul.editable_toc li:hover {
      background: #FFF url(../../images/lists/arrow_blue.gif) no-repeat 6px 5px;
	   color: #009ABF;
	}
   .second-language #main ul.editable_toc li:hover {
      background: #FFF url(../../images/lists/arrow_green.gif) no-repeat 6px 5px;
	   color: #87BE3C;
	}
   .second-language #main ul.editable_toc li:hover a {
	   color: #87BE3C !important;
   }
   #main ul.editable_toc li a {
      display: inline;
      padding: 0;
   }
   #main ul.editable_toc li a:hover {
      background-color: #FFF;
   }
   #main ul.editable_toc li span.world_edit_button {
      margin-right: 4px;
      width: 16px;
      height: 16px;
      float: right;
   }
   #main ul.editable_toc li:hover span.world_edit_button {
      cursor: pointer;
      background: url(../../images/icons/admin/world_edit.png) no-repeat 0px 0px;
   }
   /*
   .second-language #main ul.editable_toc li a:hover {
      background: #fff url(../../images/lists/arrow_green.gif) no-repeat 6px 4px;
		color: #87be3c;
      text-decoration: none;      
   }
   */
   .vtabs {
      float: left;
      width: 70%;
   }
   .vtabs > ul.vtabs-side-menu {
      /*
      filter: alpha(opacity = 70);
      zoom: 1;
      */
      opacity: .7;
      float: left;
      /* width: 130px; */
      text-align: left;
      margin: auto 0;
   }
   .vtabs > ul.vtabs-side-menu li {
      width: 120px;
      list-style-type: none;
      display: block;
      border-bottom: 1px dotted #444;
      border-right: none;
   }
   .vtabs > ul.vtabs-side-menu li:first-child {
      border-top: 1px dotted #444;
   }
   .vtabs .vtabs-side-menu li a {
      line-height: 1em;
      width: 115px;
      display: block;
      position: relative;
      padding: .3em 1em .4em 0.5em;
      font-weight: normal;
      color: #000;
   }
   .vtabs .vtabs-side-menu li:hover {
      background: url(../../images/backgrounds/black-bg-trspt.gif) repeat;
   }
   .vtabs .vtabs-side-menu li:hover a {
      text-decoration: none;
      color: #FFF;
      /* background: url(../../images/backgrounds/black-li-arrow.gif) no-repeat; */
   }
   .main-language .vtabs .vtabs-side-menu li.selected {
      background: url(../../images/backgrounds/blue-bg-trspt.gif) repeat;
   }
   .main-language .vtabs .vtabs-side-menu li.selected a {
      color: #FFF;
      background: url(../../images/backgrounds/blue-li-arrow.gif) no-repeat;
   }
   .second-language .vtabs .vtabs-side-menu li.selected {
      background: url(../../images/backgrounds/green-bg-trspt.gif) repeat;
   }
   .second-language .vtabs .vtabs-side-menu li.selected a {
      color: #FFF;
      background: url(../../images/backgrounds/green-li-arrow.gif) no-repeat;
   }
   .vtabs div.filter {
      margin-left: 135px;
      /* padding: 0.3em 0 0.4em 0; */
   }

   #filters {
      background: #cec4bc;
   }
   .lh-search {
   }
   .lh-search .vspacer {
      height: 3em;
   }
   .lh-search .search-container {
      padding: 1em 0.5em;
   }
   .lh-search .search-input {
      display: block;
      float: left;
      width: 100%;
      overflow: auto;
      background: url(../../images/backgrounds/white_trspt_bckgrd_80.png);
   }
   .lh-search .input-box {
      width: 95%;
      padding-left: 0.3em;
      background: transparent;
      height: 23px;
      border: 0px;
      outline: none;
      font-size: 1.1em
   }
   .lh-search .input-submit {
      background: url(../../images/icons/alexandria/magnifier.png);
      cursor: pointer;
      width: 16px;
      height: 16px;
      border: 0;
   }
   .search-filters {
      padding: 0.5em;
      background: #fff;
   }
   .search-filters .selection {
      background: url(../../images/backgrounds/black-bg-trspt.png) repeat;
      min-height: 100px;
      margin-left: 70%;
      padding: 0.3em 0.4em;
   }
   .search-filters .tag {
      display: inline-block;
      padding: 0.3em 0.3em 0.3em 0.5em;
      margin: 0 0 0.3em 0;
      border-radius: 3px;
      -moz-border-radius: 3px;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-style: normal;
      color: #FFF;
   }
   .main-language .search-filters .tag {
      background: #009ABF; 
   }
   .second-language .search-filters .tag {
      background: #87BE3C;
   }
   .search-filters .tag .deletable {
      font-weight: 700;
      color: #FFF;
   }
   .light-gray_invert .treeview {
		border-top: 1px solid #EAEAEA;
   }
   .filter .treeview {
      border-top: none;
      padding: 0;
      padding-right: 4px;
   }
   .treeview tbody,
   .treeview th,
   .treeview td {
      text-align: left !important;
      padding-left: 1px;
      vertical-align: middle;
   }
   .treeview tbody tr td a {
      background-color: transparent !important;
   }
   .second-language .treeview tbody tr:hover td {
      cursor: default !important;
      background-color: #fff !important;
      color: #87BE3C !important;
   }
   .second-language .treeview tbody tr:hover td a {
      background-color: transparent !important;
      color: #87BE3C;
   }
   .treeview a {
      padding: 0px !important;
      display: block !important;
   }
   .treeview a:hover {
      background-color: transparent !important;
   }
   .treeview .ygtvfocus {
      background-color: transparent !important;
   }

   .treeview span.tab_edit_button {
      margin-right: 4px;
      width: 16px;
      height: 16px;
      float: right;
   }

   .treeview ul li.yui3-treeleaf:hover span.tab_edit_button,
   .treeview ul li.yui3-treeview:hover span span span.tab_edit_button,
   .treeview tbody tr:hover span.tab_edit_button  {
      cursor: pointer;
      background: url(../../images/icons/admin/tab_edit.png) no-repeat 0px 0px;
   }
   .ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover {
      background-color: transparent !important;
      display: block;
   }
   .ygtv-highlight .ygtv-highlight1, .ygtv-highlight .ygtv-highlight1 .ygtvlabel {
      background-color: transparent !important;
      color: #fff;
   }
   .ygtv-highlight .ygtv-highlight1,
   .ygtv-highlight .ygtv-highlight1:hover  {
      background: url(../../images/backgrounds/black-bg-trspt.png) repeat;
   }
   .dragging, .drag-hint {
      border: 1px solid gray;
      opacity: 0.76;
      filter: "alpha(opacity=76)";
   }
   .second-language .dragging, .second-language .drag-hint {
      padding-left:4px;
      background-color: #D0EFA4;
   }


   .autoload > a {
      display: none !important; 
   }

   /* C. Barres de botons (menús) verticals */
   ul.vertical_bar {
   }
   ul.vertical_bar li {
      list-style-type: none;
      margin: 0;
      padding: 0;
      margin-top: 3px;
      line-height: 1em;
   }
   ul.vertical_bar li a {
      display: block;
      background-color: #FFF;
      color: #444 !important;
      text-decoration: none;
      font-style: normal;
      padding-top: 6px;
      padding-left: 30px;
   }
   ul.vertical_bar li.draggable,
   ul.vertical_bar li.draggable a {
      cursor: move;
   }
   ul.vertical_bar li.draggable a:hover {
      text-decoration: none;
   }
   ul.vertical_bar img {
      padding: 4px 4px !important;
      background-color: #CCC;
      color: #444;
   }
   ul.vertical_bar li:hover img {
      background-color: #BBB;
      color: #222;
   }
   .main-language ul.vertical_bar li a:hover {
      background-color: #F6F6F6;
      color: #009ABF !important;
   }
   .second-language ul.vertical_bar li a:hover {
      background-color: #F6F6F6;
      color: #87BE3C !important;
   }

   /* D. Barres de botons (menús) de les pàgines buides */
   #main .emptypage_bar img {
      width: auto !important;
   }
   .emptypage_bar ul {
      padding: 4px;
   }
   .emptypage_bar ul li {
      list-style-type: none;
      margin: 0;
      padding: 0;
      float: left;
   }
   .emptypage_bar ul li.draggable,
   .emptypage_bar ul li.draggable a {
      cursor: move;
   }
   .emptypage_bar ul li.draggable a:hover {
      text-decoration: none;
   }
   .emptypage_bar ul li a {
      background-color: #FFF;
      font-weight: bold; 
      text-decoration: none;
      font-style: normal;
      padding-left: 30px;
   }
   .emptypage_bar ul img {
      padding: 4px 4px !important;
      background-color: #CCC;
      color: #444;
   }

   .accordion_body ul.button_bar_left a, .accordion_body ul.button_bar_right a {
      background-color: #EAEAEA;
   }
   ul.button_bar_left a:hover, ul.button_bar_right a:hover {
      background-color: #BBB;
      color: #222;
      text-decoration: none;
   }
   .accordion_body ul.button_bar_left a:hover, .accordion_body ul.button_bar_right a:hover {
      background-color: #CCC;
   }
   .second-language .color_invert ul.button_bar_left a , .second-language .color_invert ul.button_bar_right a {
      float: left;
      padding:  4px 4px;
      background-color: #B5CF8E;
      font-weight: bold; 
      color: #444;
      text-decoration: none;
      font-style: normal;
   }
   .second-language .color_invert ul.button_bar_left a:hover, .second-language .color_invert ul.button_bar_right a:hover {
      background-color: #AACF74;
      color: #FFF;
      text-decoration: none;
   }

   /**********/
   /* Botons */
   /**********/
   .main-language #main .right-button {
      float: right;
      display: block;
      text-align: center;
      margin: 5px 0 15px 5px;
      padding: 2px 7px 3px 7px;
      color: #FFF;
   }
   .main-language #main .color_invert .right-button {
      background-color: #46BCD8;
   }
   .second-language #main .color_invert .right-button {
      float: right;
      display: block;
      text-align: center;
      margin: 5px 0 15px 5px;
      padding: 2px 7px 3px 7px;
      background-color: #87be3c;
      color: #FFF;
   }
   .main-language #main .right-button a, .second-language #main .right-button a {
      color: #FFF;
      font-weight: normal;
   }
   .main-language #main .right-button:hover, .second-language #main .right-button:hover {
      background-color: #666;
      cursor: pointer;
   }
   .main-language #main .right-button a:hover , .second-language #main .right-button a:hover {
      text-decoration: none;
   }

   /* Main buttons */
   .sldi-button-bar {
      padding: 7px 5px 5px 5px;
   }
   .sldi-inline-block {
      position: relative;
      display: -moz-inline-box;
      display: inline-block;
   }
   .sldi-button {
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      cursor: default;
      font-weight: bold;
      text-align: center;
      vertical-align: middle;
      height: 20px;
      line-height: 20px;
      min-width: 54px;
      outline: 0px;
      padding: 0 8px;
   }
   .sldi-mini-button {
      min-width: 10px;
   }
   .sldi-menu-button {
      padding: 0 18px 0 0;
      background: url(../../images/icons/alexandria/toggle-black.png) no-repeat right -1px;
   }
   .sldi-menu-button.checkbox {
      display: inline-block;
   }
   .sldi-button-default {
      background-color: rgb(61, 148, 0);
      background-image: -webkit-linear-gradient(top,#3d9400,#398a00);
      background-image: -moz-linear-gradient(top,#3d9400,#398a00);
      background-image: -ms-linear-gradient(top,#3d9400,#398a00);
      background-image: -o-linear-gradient(top,#3d9400,#398a00);
      background-image: linear-gradient(top,#3d9400,#398a00);
      border: 1px solid rgb(41, 105, 29);
      color: white;
      text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
   }
   .sldi-button-default:hover {
      box-shadow: 0 1px 1px rgba(0,0,0,0.2);
      -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
      -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
      background-color: rgb(54, 130, 0);
      background-image: -webkit-linear-gradient(top,#3d9400,#368200);
      background-image: -moz-linear-gradient(top,#3d9400,#368200);
      background-image: -ms-linear-gradient(top,#3d9400,#368200);
      background-image: -o-linear-gradient(top,#3d9400,#368200);
      background-image: linear-gradient(top,#3d9400,#368200);
      border: 1px solid rgb(45, 98, 0);
      text-shadow: 0px 1px rgba(0, 0, 0, 0.3);
   }
   .sldi-button-standard  {
      background-color: whiteSmoke;
      background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
      background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
      background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
      background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
      background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
      color: rgb(68, 68, 68);
      border: 1px solid gainsboro;
      border: 1px solid rgba(0, 0, 0, 0.1);
   }
   .sldi-button-standard:hover {
      box-shadow: 0 1px 1px rgba(0,0,0,0.2);
      -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
      -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
      background-color:#f8f8f8;
      background-image:-webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
      background-image:-moz-linear-gradient(top,#f8f8f8,#f1f1f1);
      background-image:-ms-linear-gradient(top,#f8f8f8,#f1f1f1);
      background-image:-o-linear-gradient(top,#f8f8f8,#f1f1f1);
      background-image:linear-gradient(top,#f8f8f8,#f1f1f1);
      border:1px solid #c6c6c6;
      color:#333
   }
   .sdli-button-primary {
      background-color: rgb(209, 72, 54);
      background-image: -webkit-linear-gradient(top,#dd4b39,#d14836);
      background-image: -moz-linear-gradient(top,#dd4b39,#d14836);
      background-image: -ms-linear-gradient(top,#dd4b39,#d14836);
      background-image: -o-linear-gradient(top,#dd4b39,#d14836);
      background-image: linear-gradient(top,#dd4b39,#d14836);
      border: 1px solid transparent;
      color: white;
      text-shadow: 0 1px rgba(0, 0, 0, 0.1);
   }
   .sdli-button-primary:hover {
      box-shadow: 0 1px 1px rgba(0,0,0,0.2);
      -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
      -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
      background-color: rgb(209, 72, 54);
      background-image: -webkit-linear-gradient(top,#dd4b39,#c53727);
      background-image: -moz-linear-gradient(top,#dd4b39,#c53727);
      background-image: -ms-linear-gradient(top,#dd4b39,#c53727);
      background-image: -o-linear-gradient(top,#dd4b39,#c53727);
      background-image: linear-gradient(top,#dd4b39,#c53727);
      border: 1px solid rgb(176,40,26);
      text-shadow: 0 1px rgba(0, 0, 0, 0.3);
   }
   .sldi-button-search {
      background-color: rgb(77, 144, 254);
      background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
      background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
      background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
      background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
      background-image: linear-gradient(top,#4d90fe,#4787ed);
      border: 1px solid rgb(48, 121, 237);
      color: white;
   }
   .sldi-button-search:hover {
      box-shadow: 0 1px 1px rgba(0,0,0,0.2);
      -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
      -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
      background-color: rgb(53, 122, 232);
      background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
      background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
      background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
      background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
      background-image: linear-gradient(top,#4d90fe,#357ae8);
      border: 1px solid rgb(47, 91, 183);
      color: white;
   }

   /**********************************/
   /* Llistes d'etiquetes/categories */
   /**********************************/
   /* A. Característiques generals */
   #main ul.categories {
      list-style: none;
      padding: 0.5em 0;
      margin: 0;
   }
   #main ul.categories li {
      list-style: none;
      display: inline;
		line-height: 1.2em;
      padding:0 5px 3px 16px;
   }
   /* B. Particularitats segons la llengua */
   /* B1. Primera llengua */
   .main-language ul.categories li {
      background: url(../../images/icons/tags/tag_lang1.png) no-repeat left top;   
   }
   /* B2. Segona llengua */
   .second-language ul.categories li {
      background: url(../../images/icons/tags/tag_lang2.png) no-repeat left 2px;   
   }

   /* C. Tags and tag clouds */
   .tag, .tag a, .tag a:hover {
      font-family: Georgia;
      font-style: italic;
      color: #444;
   }
   .other_tags_container .search-input,
   .filter_by_tags_container .search-input {
      display: block;
      float: left;
      width: 100%;
      overflow: auto;
      background: url(http://sldi.portell.net/images/backgrounds/white_trspt_bckgrd_80.png);
      margin-bottom: 10px;
   }
   .other_tags_container .input-box,
   .filter_by_tags_container .input-box {
      padding-left: 0.3em;
      padding-right: 2em;
      background: transparent url(http://sldi.portell.net/images/icons/alexandria/magnifier.png) no-repeat 98% 5px;
      height: 23px;
      border: 0px;
      outline: none;
      font-size: 1.1em
   }
   .other_tags_container .input-box {
      width: 90%;
   }
   .filter_by_tags_container .input-box {
      width: 85%;
   }
   .main-language .other_tags_container .search-input .input-box:focus,
   .main-language .filter_by_tags_container .search-input .input-box:focus{
      background: #EDF7FC url(http://sldi.portell.net/images/icons/alexandria/magnifier.png) no-repeat 98% 5px;
   }
   .second-language .other_tags_container .search-input .input-box:focus,
   .second-language .filter_by_tags_container .search-input .input-box:focus{
      background: #F3F8EB url(http://sldi.portell.net/images/icons/alexandria/magnifier.png) no-repeat 98% 5px;
   }

   #tags_cloud_header {
      margin-bottom: 10px;
   }

   #synonym_container {
      margin-bottom: 5px;
   }

   #all_tags .tag,
   #synonym_tags .tag,
   #equivalent_tags .tag,
   .filter_by_tags_container .tag {
      cursor: move;
   }
   .other_tags_container .tag a,
   .filter_by_tags_container .tag a {
      cursor: pointer;
   }
   .other_tags_container .tag .deletable,
   .filter_by_tags_container .tag .deletable {
      padding-left: 0.5em;
   }
   .other_tags_container .tag .deletable:hover,
   .filter_by_tags_container .tag .deletable:hover {
      color: #000;
   }

   #synonym_tags,
   #equivalent_tags {
      border: 2px solid #fff;
      min-height: 80px;
   }
   
   #synonym_tags.droptarget,
   #equivalent_tags.droptarget {
      border: 2px dashed #eaeaea;
   }

   /**********************************/
   /* Llistes dins d'un paràgraf     */
   /**********************************/
   #main ul.p_list li {
      list-style: none;
      background: url(../../images/lists/arrow_gray.gif) no-repeat 6px 4px;
      padding: 3px 0 0 14px;
		border-top: 1px solid #eaeaea;
		line-height: 1.2em;
		font-weight: normal;
		color: #444;
	}


   /**********************************/
   /* Llistes drag/drop              */
   /**********************************/
   /* A. Llistes d'elements arrossegables */
   ul.draglist {
      list-style: none;
      margin: 0;
      padding: 0;
      padding-bottom: 20px;
   }
   ul.draglist li {
      margin-top: 3px;
      margin-right: 3px;
      cursor: move;
      padding: 3px 10px 3px 10px;
      /* */
      /* width: 75px;*/
      display: inline;
      float: left;
   }

   /* B. Llistes d'elements iguals que els anteriors però no arrossegables */
   ul.notdraglist {
      list-style: none;
      margin: 0;
      padding: 0;
      padding-bottom: 20px;
   }
   ul.notdraglist li {
      margin-top: 3px;
      margin-right: 3px;
      padding: 3px 10px 3px 10px;
      /* */
      /* width: 75px;*/
      display: inline;
      float: left;
   }

   /*
   form {
      padding: 0px 5px;
   }
   */

   /**********************************/
   /* Formularis autocomplete        */
   /**********************************/
   /* YUI3 */
   .main-language b.yui3-highlight {
      color: #009ABF;
   }
   .second-language b.yui3-highlight {
      color: #79AB36
   }
   
   /* styles for header/body/footer wrapper within container */
   .yui-skin-sam .yui-ac-content {
      position:absolute;
      width:400px;
      border:1px solid #808080;
      background:#fff;
      overflow:hidden;
      z-index:9050;
   }

   /* styles for container shadow */
   .yui-skin-sam .yui-ac-shadow {
      position:absolute;
      margin:.3em;
      width:100%;
      background:#000;
      -moz-opacity: 0.10;
      opacity:.10;
      filter:alpha(opacity=10);
      z-index:9049;
   }

   /* styles for results list */
   .yui-skin-sam .yui-ac-content ul{
      margin:0;
      padding:0;
      width:100%;
   }

   /* styles for result item */
   .yui-skin-sam .yui-ac-content li {
      margin:0;
      padding:1px 5px;
      cursor:default;
      /*white-space:nowrap;*/
   }

   /* styles for prehighlighted result item */
   .yui-skin-sam .yui-ac-content li.yui-ac-prehighlight {
      background:#B3D4FF;
   }

   /* styles for highlighted result item */
   .main-language .yui-ac-content li.yui-ac-highlight {
      background:#46BCD8;
      color:#FFF;
   }

   .second-language .yui-ac-content li.yui-ac-highlight {
      background:#87be3c;
      color:#FFF;
   }

   .yui-ac .name {
   }

   .yui-ac .nickname {
      position: absolute;
      left: 250px;
      color: #cc0212;
   }

   .yui-ac .cite {
      width: 70%;
      display: block;
      /*overflow: hidden;*/
      float:left;
   }

   .yui-ac .provider {
      position: relative;
      padding-left: 1em;
      /*left: 300px;*/
      color: #cc0212;
      text-transform: uppercase;
      font-size: .80em;
   }

   .yui-ac .language {
      width: 70%;
      display: block;
      /*overflow: hidden;*/
      float:left;
   }

   .yui-ac .language_abr {
      position: relative;
      padding-left: 1em;
      color: #cc0212;
      text-transform: uppercase;
      font-size: .80em;
   }

   .source_query {
      border-bottom: 1px dotted #666;
   }

   .second-language .unset-code {
      color: #87be3c;
      text-transform: uppercase;
   }

   .main-language .unset-code {
      color: #46bcd8;
      text-transform: uppercase;
   }
   .editable:hover {
      background-color: #cccccc;
      cursor: pointer;
   }

   .feed-icon {
      display: block;
      float: right;
      height: 16px;
      width: 16px;
      margin: 5px 0 15px 0;
      background: url(../../images/feeds/feed-icon.gif) no-repeat 0px 0px;   
   }
   .vevent-icon {
      display: block;
      float: right;
      height: 16px;
      width: 80px;
      margin: 5px 0 15px 0;
      background: url(../../images/microformats/hcal.png) no-repeat 0px 0px;
   }
   .vevent-icon:hover {
      cursor: pointer;
   }

   .title_bar_left {
      display: block;
      /*height: 23px;*/
      width: 70%;
      float: left;
   }
   .title_bar_right {
      display: block;
      /*height: 23px;*/
      width: 30%;
      float: right;
      text-align: right;
   }
   .tb-container {
      display: block;
      padding-bottom: 5px;
   }
   .tb-container a {
      color: inherit;
      font-weight: normal;
   }
   .tb-container a:hover {
      color: inherit;
      font-weight: normal;
   }
   .tb-container .selected-page {
      color: white;
      padding: 0px 2px;
   }
   .main-language .tb-container .selected-page {
      background-color: #009abf;
   }
   .second-language .tb-container .selected-page {
      background-color: #87be3c;
   }
   .tbl-20, .tbl-25, .tbl-33, .tbl-50, .tbl-66, .tbl-75, .tbl-80 {
      display: block;
      float: left;
   }
   .tbr-20, .tbr-25, .tbr-33, .tbr-50, .tbr-66, .tbr-75, .tbr-80 {
      display: block;
      float: right;
      text-align: right;
   }
   .tbl-20, .tbr-20 {
      width: 20%;
   }
   .tbl-25, .tbr-25 {
      width: 25%;
   }
   .tbl-33, .tbr-33 {
      width: 33%;
   }
   .tbl-50, .tbr-50 {
      width: 50%;
   }
   .tbl-66, .tbr-66 {
      width: 67%;
   }
   .tbl-75, .tbr-75 {
      width: 75%;
   }
   .tbl-80, .tbr-80 {
      width: 80%;
   }

   /* ALEXANDRIA */
  
   #alexandria_documents_header,
   #alexandria_documents_body,
   #alexandria_documents_noresults_body,
   #alexandria_documents_footer {
      padding: 5px;
   }
   #alexandria_documents_body {
      border-top: 1px solid #eaeaea;
      border-bottom: 1px solid #eaeaea;
   }
   #alexandria_documents_noresults_body a {
      font-weight: normal;
      text-decoration: none;
   }
   #alexandria_documents_noresults_body a:hover {
      text-decoration: underline;
   }
   .main-language #alexandria_documents_noresults_body a {
      color: #009abf;
   }
   .second-language #alexandria_documents_noresults_body a {
      color: #87be3c;
   }
   #alexandria_documents_noresults_body ol {
      margin: 0 0 0.5em 3em;
      padding: 0;
   }

   #pager_value_header,
   #pager_value_footer {
      width: 2em;
      margin-right: 1em;
   }

   .main-language ul.alexandria_results li:hover, ul.alexandria_bibliography li:hover{
      cursor: pointer;
      background-color: #EDF7FC;
   }
   .second-language ul.alexandria_results li:hover, ul.alexandria_bibliography li:hover{
      cursor: pointer;
      background-color: #F3F8EB;
   }
   ul.alexandria_results li:hover .toggle, ul.alexandria_bibliography li:hover .toggle {
      /* background-color: #CAE5F4; */
   }
   ul.alexandria_results li, ul.alexandria_bibliography li {
      padding: 0;
      line-height: 1.4em;
      overflow: auto;
   }
   ul.alexandria_results .main {
      border-top: 1px dotted #000;
   }
   ul.alexandria_results li a, ul.alexandria_bibliography li a {
      font-weight: normal;
      text-decoration: none;
   }
   .main-language ul.alexandria_results li a, ul.alexandria_bibliography li a {
      color: #009abf;
   }
   .second-language ul.alexandria_results li a, ul.alexandria_bibliography li a {
      color: #87be3c;
   }
   ul.alexandria_results li a:hover, ul.alexandria_bibliography li a:hover {
      text-decoration: underline;
   }
   /* Main */
   ul.alexandria_results li .main {
      padding: 4px 5px 0 5px;
      background-color: transparent;
   }
   ul.alexandria_results li .format {
      display: block;
      float: left;
   }
   ul.alexandria_results li .document {
      display: block;
      /* float: left; */
      margin-left: 26px;
   }
   ul.alexandria_results li .format {
      width: 22px;
   }
   ul.alexandria_results li .format img {
      width: 16px !important;
      /* height: 16px; */
      padding-top: 3px;
      padding-bottom: 0 !important;
   }
   ul.alexandria_results li .social {
      display: block;
      padding: 0 5px 4px 5px;
      margin-left: 26px;
      /* float: right; */
   }
   ul.alexandria_results li .social ul {
      overflow: auto;
   }
   ul.alexandria_results li .social li,
   ul.alexandria_results li .social li:hover {
      padding: 1px;
      margin: 0px;
      border: 0px !important;
      margin-bottom: 3px;
      font-size: 8pt !important;
      text-transform: lowercase !important;
      text-align: right;
      font-variant: small-caps;
      line-height: 1.2em;
      list-style: none;
		font-weight: normal;
		color: #fff;
      overflow: visible;
      background-color: transparent;
   }
   ul.alexandria_results li .social .rating {
      padding: 0 5px 3px 0;
   }
   ul.alexandria_results li .social .rating img {
      float: left;
      padding: 0 !important;
      width: 11px !important;
   }
   .main-language ul.alexandria_results li .social li span,
   .main-language ul.alexandria_results li .social li span:hover {
      position: relative;
      padding: 1px 3px !important;
      background-color: #46bcd8;
   }
   .second-language ul.alexandria_results li .social li span,
   .second-language ul.alexandria_results li .social li span:hover {
      position: relative;
      padding: 1px 3px !important;
      background-color: #87be3c;
   }

   ul.alexandria_results li .document .title,
   ul.alexandria_results li .document .authors,
   ul.alexandria_results li .document .published,
   ul.alexandria_results li .document .keywords,
   ul.alexandria_results li .document .short-description {
      display: block;
      overflow: auto;
      padding-bottom: 2px;
   }
   ul.alexandria_results li .document .title .parent {
      color: #80CCE0;
   }
   ul.alexandria_results li.extensible .main .extension,
   ul.alexandria_results li.extensible.extended  > .extension {
      display: block;
   }
   ul.alexandria_results li.extensible.extended .main .extension,
   ul.alexandria_results li.extensible  > .extension {
      display: none;
   }

   /* Extended */
   ul.alexandria_results li  > .extension {
      padding: 0px 5px;
      margin-left: 26px;
   }
   ul.alexandria_results li  > .extension h1 {
      font-weight: normal;
      padding: 0;
      margin-right: 5px;
      margin-bottom: 5px;
   }
   .main-language ul.alexandria_results li  > .extension h1 {
      color: #009ABF;
      border-bottom: 1px dotted #009ABF;
   }
   .second-language ul.alexandria_results li  > .extension h1 {
      color: #79AB36;
      border-bottom: 1px dotted #79AB36;
   }
   ul.alexandria_results li  > .extension .left h1 {
      margin-right: 10px;
   }
   ul.alexandria_results li .main p,
   ul.alexandria_results li  > .extension p {
      padding: 0 5px 7px 0;
   }
   ul.alexandria_results li  > .extension .left p {
      padding: 0 10px 7px 0;
   }

   /* Toggle */
   ul.alexandria_results .toggle {
      width: 100%;
   }
   ul.alexandria_results .toggle img {
      float: left;
      width: 16px !important;
      padding: 4px 5px !important;
      background-color: transparent;
   }
   ul.alexandria_results .toggle .toggle-button {
      float: left;
      width: 16px;
      height: 16px;
      padding: 2px 3px 2px 2px;
      margin: 6px 5px;
   }
   .main-language ul.alexandria_results .toggle .toggle-button {
      background: #d1d1d1 url(../../images/icons/alexandria/toggle-blue-down.png) no-repeat 2px 3px;
   }
   .main-language ul.alexandria_results .toggle .toggle-button:hover {
      background: #ccc url(../../images/icons/alexandria/toggle-blue-down.png) no-repeat 2px 3px;
   }   
   .main-language ul.alexandria_results .extended .toggle .toggle-button {
      background: #d1d1d1 url(../../images/icons/alexandria/toggle-blue-up.png) no-repeat 2px 3px;
   }
   .second-language ul.alexandria_results .toggle .toggle-button {
      background: #d1d1d1 url(../../images/icons/alexandria/toggle-green-down.png) no-repeat 2px 3px;
   }
   .second-language ul.alexandria_results .toggle .toggle-button:hover {
      background: #ccc url(../../images/icons/alexandria/toggle-green-down.png) no-repeat 2px 3px;
   }   
   .second-language ul.alexandria_results .extended .toggle .toggle-button {
      background: #d1d1d1 url(../../images/icons/alexandria/toggle-green-up.png) no-repeat 2px 3px;
   }

   /* Tag elements */
   ul.alexandria_results .toggle .tags {
      border-top: 1px dotted #bbb;
      padding: 5px 5px 0 30px;
   }
   ul.alexandria_results .toggle .tag {
      float: left;
      margin-right: 5px;
      margin-bottom: 5px;
      padding: 2px 6px 2px 18px;
   }
   .main-language ul.alexandria_results .toggle .tag {
      background: #cae5fa url(../../images/icons/alexandria/tag-small.png) no-repeat 2px 2px;
   }
   .second-language ul.alexandria_results .toggle .tag {
      background: #cfe5b1 url(../../images/icons/alexandria/tag-small.png) no-repeat 2px 2px;
   }
   ul.alexandria_results .toggle .tag a {
      font-family: Georgia;
      font-style: italic;
      color: #444;
   }

   /* Selected */
   ul.alexandria_results li.selected {
      background-color: #f0edea;
   }
   
   ul.alexandria_results li .main.indented  {
      padding: 4px 5px 4px 32px;
      text-indent: -25px !important;
   }

   /* Proxy element */
   .alexandria_documents_proxy {
      background: #fff;
      border: 1px solid #eaeaea;
      box-shadow: 1px 1px 3px #888;
   }
   .alexandria_documents_proxy .bd {
      background: url(../../images/icons/alexandria/arrow-move.png) no-repeat 4px 6px;
      padding: 5px 5px 5px 28px;
      width: 150px;
   }
   .alexandria_documents_proxy.drophit .bd{
      background: url(../../images/icons/alexandria/navigation-270-button.png) no-repeat 4px 6px;
   }
   

   /* */
   .tags_cloud {
      padding-left: 5px;
      padding-top: 5px;
   }
   .tags_cloud .tag {
      float: left;
      margin-right: 5px;
      margin-bottom: 5px;
      padding: 2px 6px 2px 18px;
   }
   .main-language .tags_cloud .tag {
      background: #CAE5F4 url(../../images/icons/alexandria/tag-small.png) no-repeat 2px 2px;
   }
   .second-language .tags_cloud .tag {
      background: #CFE5B1 url(../../images/icons/alexandria/tag-small.png) no-repeat 2px 2px;
   }
   .tags_cloud .tag a {
      padding-top: 3px;
      font-weight: normal;
   }

   
   /**********/
   /* Taules */
   /**********/
	table {
	   margin: 0;
		width: 100%;
	}
	tbody th, td {
	   padding: 0;
		text-align: center;
	}
	tbody th, td p {
	   padding: 2px 0;
      line-height: 1.4em;
   }

   table.left * {
      text-align: left;
      /* padding: 3px 0px 3px 5px;    */
      vertical-align: top;
   }
   table.left td {
      padding: 5px 0 5px 0px;
   }
   table.left td em {
      font-size: 110%;
      line-height: 1em;
      font-variant: small-caps;
      text-decoration: none;
   }
   table.left td.image {
      margin: 0px !important;
      padding: 0 5px 5px 0 !important;
   }
   table.left td.table_button img,
   div.cr img,
   div.cr-min img,
   div.cr-inverted img {
      visibility: hidden;
   }
   table.left tr:hover td.table_button img,
   .light-gray_invert:hover div.cr img,
   .light-gray_invert:hover div.cr-min img,
   .light-gray_invert:hover div.cr-inverted img {
      visibility: visible;
   }
   #main table.left img {
      padding:0;
   }
	td.color_invert {
	   padding: 0;
	}
   .main-language td.color_lined {
      border: 2px solid #46BCD8;
      padding: 0;
   }
   .second-language td.color_lined {
      border: 2px solid #87be3c;
      padding: 0;
   }
	.main-language td.color_invert {
      background-color: #46BCD8;
	}
	.second-language td.color_invert {
      background-color: #87be3c;
	}
   .main-language tbody tr:hover th[scope="row"],
   .main-language tbody tr:hover tbody th.sub {
      background-color: #EFEFEF !important; /**/
      cursor: pointer;
   } /* #dff9ff -> verd clar*/
   .main-language tbody tr:hover td {
      background-color: #EFEFEF !important; /**/
      cursor: pointer;
   }
   .main-language tbody tr:hover td.color_invert {
      background-color: #46bcd8;
   }
   .second-language tbody tr:hover th[scope="row"],
   .second-language tbody tr:hover tbody th.sub {
      background-color: #EFEFEF !important; /**/
      cursor: pointer;
   }
   .second-language tbody tr:hover td {
      background-color: #EFEFEF !important; /**/
      cursor: pointer;
   }
   .second-language tbody tr:hover td.color_invert {
      background-color: #87be3c;
   }
   /* */
   td.table_button {
      width: 21px;
   }
   #main table.left td.table_button img {
      width: auto;
   }
   .main-language tbody tr td.row_name, .second-language tbody tr td.row_name {
      background: url(../../images/lists/arrow_gray.gif) no-repeat 6px 5px;
      padding-left: 14px;
      padding-right: 7px;
   }
   .main-language tbody tr:hover td.row_name, .second-language tbody tr:hover td.row_name {
      background: #EFEFEF url(../../images/lists/arrow_gray.gif) no-repeat 6px 5px;
   }

   #footer {
      margin: 0;
      padding: 0;
      border: 0;
      z-index: 0;
	}
	#footer .page_margins {
      background: #ffffff url(../../images/backgrounds/aluminium-gray.gif);
      border-top: 1px solid #c4b8af;
      color: #444;	
   }
   #footer .page {
      background: url(../../images/backgrounds/aluminium-gray.gif);
      margin-left: 0;
      padding-right: 5px;
      padding-left: 10px;		
   }
	#footer .subcolumns {
      text-align: left;
   }
	.main-language #footer a {
		color: #009abf;
	}
   .alternate-language #footer a {
      color: #87be3c;
   }
   #footer h1 {
      border: 0px;
      padding-bottom: 2px;
      padding-left: 0px;
   }
   .main-language #footer h1 {
		color: #009abf;
      border-bottom: 1px solid #009abf;
   }
   #footer p {
      padding-left: 0px;
   }

   #rwd, #fwd, #month_year {
      font-weight: bold;
      color: #333;
      padding-bottom: 5px;
   }
   #rwd {
      text-align: left;
   }
   #fwd {
      text-align: right;
   }
   #month_year {
      text-align: center;
   }

   /* Dialogs */

   /* */

   #main .icon img {
      float: left;
      height: 16px;
      width: 16px;
      padding: 0;
   }
   img.icon {
      height: 16px;
      width: 16px;
   }
   #main .icon.non-clickable img {
      background-color: #EAEAEA;
      padding: 4px;
   }
   #main .cr img, #main .cr-min img, #main .cr-inverted img {
      float: right;
   }

   /* Alexandria */
   #library_tree.treeview tbody tr td {
      padding-top: 3px;
      padding-bottom: 2px;
      vertical-align: top;
   }
   .second-language #library_tree.treeview tbody tr:hover td,
   .second-language #library_tree.treeview .ygtv-highlight1 {
      background-color: #d0efa4 !important;
      color: inherit !important;
   }
   .main-language #library_tree.treeview tbody tr:hover td,
   .main-language #library_tree.treeview .ygtv-highlight1 {
      background-color: #9fedff !important;
      color: inherit !important;
   }
   #library_tree.treeview tbody tr:hover td a {
      text-decoration: none;
      cursor: default;
   }

   /*
   .main_library span.tree-label {
      background: transparent url(../../images/icons/alexandria/box.png) 0 0px no-repeat;
      display: block;
      min-height: 20px;
      height: auto;
      padding-left: 20px; 
   }

   .personal_library span.tree-label {
      background: transparent url(../../images/icons/alexandria/books.png) 0 0px no-repeat;
      display: block;
      min-height: 20px;
      height: auto;
      padding-left: 20px; 
   }

   .library_collection span.tree-label {
      background: transparent url(../../images/icons/alexandria/folder-horizontal-open.png) 0 0px no-repeat;
      display: block;
      min-height: 20px;
      height: auto;
      padding-left: 20px; 
   }

   .library_trash span.tree-label {
      background: transparent url(../../images/icons/alexandria/bin-metal-full.png) 0 0px no-repeat;
      display: block;
      min-height: 20px;
      height: auto;
      padding-left: 20px; 
   }
   */

   .treeview span.new_item_button,
   .treeview span.new_collection_button,
   .treeview span.translate_collection_button,
   .treeview span.edit_collection_button,
   .treeview span.delete_collection_button {
      width: 16px;
      height: 16px;
      float: right;
   }
   .treeview span.new_collection_button,
   .treeview span.new_item_button,
   .treeview span.edit_collection_button {
      margin-right: 10px;
   }
   .treeview span.delete_collection_button,
   .treeview span.translate_collection_button {
      margin-right: 4px;
   }
   .treeview tbody tr:hover span.delete_collection_button {
      cursor: pointer;
      background: url(../../images/icons/alexandria/cross.png) no-repeat 0px 0px;
   }
   .treeview tbody tr:hover span.edit_collection_button {
      cursor: pointer;
      background: url(../../images/icons/alexandria/globe--pencil.png) no-repeat 0px 0px;
   }
   .treeview tbody tr:hover span.translate_collection_button {
      cursor: pointer;
      background: url(../../images/icons/alexandria/property.png) no-repeat 0px 0px;
   }
   .treeview tbody tr:hover span.new_collection_button {
      cursor: pointer;
      background: url(../../images/icons/alexandria/folder--plus.png) no-repeat 0px 0px;
   }
   .treeview tbody tr:hover span.new_item_button {
      cursor: pointer;
      background: url(../../images/icons/alexandria/document--plus.png) no-repeat 0px 0px;
   }

   .clickable {
      cursor: pointer;
   }
   
   .nopadding {
      padding: 0 !important;
   }
   .noborders {
      border: 0 !important;
   }
   .nomargins {
      margin-left: 0 !important;
      margin-right: 0 !important;
   }

   .hidden {
      display: none;
   }

   /* hCards + hCalendars */

   .vcard {
      /* border: 2px solid #e0e7b8 !important; */
      /* padding: 30px 5px 5px 5px !important; */
      padding: 30px 0px 0px 0px !important;
      /* -moz-border-radius: 8px;
      -webkit-border-radius: 8px;
      border-radius: 8px;
      margin: 5px 0 !important; */
      /* small IE-Fix for background images */
      zoom:1;
   }
   .vevent {
      zoom:1;
   }

   /*
   div.vcard,
   div.vevent {
      padding: 2px 1px 2px 70px !important;
      margin: 0 2px 0 !important;
   }
   */

   .vcard {
      background: transparent url(../../images/microformats/hcard.png) 0px 10px no-repeat !important;
   }
   .vcard a {
      padding-left: 11px;
      background: url(../../images/microformats/external_link.gif) top left no-repeat;
      color: #679A06;
   }
   .vcard .adr {
      display: block;
      margin: 0.5em 0;
   }
   .vcard .geo {
      display: block;
      margin: 0.5em 0;
   }

   .calendar {
      margin-top: 7px;
      border-top: 2px solid #888;
      border-bottom: 2px solid #888;
      display: table;
      width: 100%;
   }

   .vevent { display: block; width: 100%; border-bottom: 1px solid #eaeaea; float: left; }
   .vevent:hover { background: #efefef; cursor: pointer; }
   .main-language .vevent a { /* padding-left: 11px; background:url(../images/microformats/external_link.gif) top left no-repeat; */ color: #009abf; font-weight: normal; }
   .second-language .vevent a { /* padding-left: 11px; background:url(../images/microformats/external_link.gif) top left no-repeat; */ color: #87be3c; font-weight: normal; }
   .vevent p { display: block; padding-bottom:0.5em; }
   .vevent em { display: block; }
   .vevent abbr {
      margin-bottom: 0.5em;
   }
   .vevent .description { display: block; margin-top: 1em; }
   .main-language .vevent .location {  display: block;  color: #009abf; }
   .second-language .vevent .location {  display: block;  color: #87be3c; }
   .main-language .vevent .summary { display: block; color: #009abf; font-weight: normal; }
   .second-language .vevent .summary { display: block; color: #87be3c; font-weight: normal; }

   .vevent .vevent_image {
      width: 30%;
      display: block;
      float: left;
      margin-right: 0.7em;
   }
   .vevent .vevent_content { display: block; /*position: relative;*/  }

   /*.vevent .vevent_content { padding-left: 5px; }*/
   
   .main-language .yui-skin-sam .yui-tt .bd {
      background-color: #cff7ff;
      border-color: #00c7ef #0092af #0092af;
   }
   .yui-skin-sam .yui-tt-shadow {
      background-color: transparent;
   }
   .yui-skin-sam .yui-tt-shadow-visible {
      -moz-opacity: 1;
      opacity: 1;
      filter:alpha(opacity=100);
   }
/* } */

@media (max-width: 640px), (max-device-width: 801px) { /* (max-device-width: 801px) */ 
   body {
      padding: 0;
      font-size: 150%;
   }
   #notify-container {
      display: none;
   }
   #notify-container + .page_margins {
      margin: 0;
   }
   #header {
      position: relative;
      padding: 0.75em;
      height: auto;
   }
   #header #uvic_sl_logo, #header #topnav, #header #locale {
      position: relative;
      margin: 0;
      padding:0;
      left: 0; right: 0;
      top: 0;
      text-align: center;
   }
   #header #uvic_sl_logo {
      margin-bottom: 1em;
   }
   #header #topnav {
      margin-bottom: 0.5em;
   }
   #header #topnav, #header #locale {
      padding: 0.25em;
      -moz-border-radius: 0.25em;
      -webkit-border-radius: 0.25em;
      border-radius: 0.25em;
   }
   #header img {
      width: 100%;
   }
   #bombolles_top {
      display: none;
   }
   .page_margins {
      margin: 0;
      max-width: 100%;
      min-width: 100%;
      width: 100%;
      background: none;
   }
   .page_margins #border-top, .page_margins #border-bottom {
      display: none;
   }
   .page_margins .page {
      background: none;
      padding: 0;
      margin: 0;
   }
   div.sub { /* Està definit en un altre fitxer... */
      padding: 0.75em !important;
   }
   div.subcontent { /* Està definit en un altre fitxer... */
      padding: 0.5em !important;
   }
   #col1 {
      display: none;
   }
   #col3 {
      margin: 0;
   }
   div.subcontent {
      padding-bottom: 0;
   }
   .subc, .subcl, .subcr,
   .c25l, .c25r, .c33l, .c33r, .c50l, .c50r, .c66l, .c66r,
   .equalize .c25l, .equalize .c25r, .equalize .c33l, .equalize .c33r,
   .equalize .c50l, .equalize .c50r, .equalize .c66l, .equalize .c66r
   {
      display: block;
      float: none;
      width: auto;
      margin: 0;
      padding: 0;
   }
   .subc div, .subcl div, .subcr div {
      margin-bottom: 0.5em;
   }
   .gray_invert, .light-gray_invert {
      padding: 0.5em;
   }
   #footer {
      font-size: 0.8em;
   }
   #footer .page {
      padding: 0.75em;
   }
}

/* ]]> */