html {
  background-color: #DFE2E5;  
  text-decoration:none;
  margin: 0;
  padding: 0;
  }

body {
  background-color: #DFE2E5;  
  font-family: tahoma, helvetica, sans-Serif;
  font-size: 75%;
  margin:0;
 /* padding-left: 10px;
  padding-right: 10px;
  padding-top: 6px;*/
}

.header-blank {background-color:white;}
.header-quadrat {background-color:#587D91;}
.header-zufall {background-color:#003B53;}
.header-text {
   font-size:17px; 
   background-color:white; 
   width:90%; color:#A1A1A1; 
   font-family: arial, helvetica, sans-serif; 
   white-space:nowrap; 
   font-weight: bold; 
   padding:20px 8px;} 

#header-logo {
  float: right;
  margin: 5px 5px 15px 0;
  }

.header-text table {position:relative; top:27px;}
.header-text td {text-align:right; border-right:1px solid white; padding:5px 15px} /*height:30px;*/
.header-text a:link {font-weight:normal; color:white; text-decoration:none;}
.header-text a:visited {color:#CCC; text-decoration:none;}
.header-text a:active {color:white; text-decoration:none;}
.header-text a:hover {color:white; text-decoration:none;}

.footer { background-color:white; padding:6px; text-align:right;}
.footer a:link {color:#666; text-decoration:none; border: 0; padding:8px; }
.footer a:visited {color:#999; text-decoration:none;}
.footer a:active {color:#666; text-decoration:underline;}
.footer a:hover {color:#666; text-decoration:underline;}

.navbar-all {border-top:1px solid #CCC; border-bottom:1px solid #CCC; text-align:center; border-right:1px solid #CCC; background-color:white; color:#666; text-decoration:none; font-weight: bold;}
.bt {border-top:1px solid #CCC; border-bottom:1px solid #CCC; text-align:left; border-right:1px solid #CCC; background-color:white; color:#666; text-decoration:none; font-weight: bold;font-size:14px;}
.Pulldown {background-color:#6B96AD; color:white;}
.Gate { padding:5px 15px;}
H1 {font-size:16px; color:#999; margin:10px;}
H2 {font-size:14px; color:#999; margin:10px; font-weight:bold;}
H3 {font-size:14px; color:#999; margin:10px;}

.element {border-bottom:1px solid #CCC; margin:20px 0 0 20px; width:95%;}

.element-header-text {border-bottom:1px solid #CCC;font-size:14px; font-weight:bold; color:#999; margin:0;}
.element-header-buttons { BACKGROUND: white; COLOR: #003366; WHITE-SPACE: nowrap;}
.element-header-button {BACKGROUND: #003366; COLOR: #003366;}

.element-content {padding:4px 0; font-size:11px; background-color:#EFF5F9;}
.element-content a:link {color:black; text-decoration:none; padding-left:5px;}
.element-content a:visited {color:#333; text-decoration:none}
.element-content a:active {color:black; text-decoration:underline}
.element-content a:hover {color:black; text-decoration:underline}
.element-content H2 {font-size:12px; font-weight: bold; color:#999; margin:0; margin-left: 5px; }
.element-content H3 {font-size:12px; color:#999; margin:0; margin-left: 5px; }

.element-text {padding:4px 0; font-size:11px; background-color:#EFF5F9;}
.element-text a:link {color:black; text-decoration:none; padding-left:5px;}
.element-text a:visited {color:#333; text-decoration:none}
.element-text a:active {color:black; text-decoration:underline}
.element-text a:hover {color:black; text-decoration:underline}
.element-text H2 {font-size:12px; font-weight: bold; color:#999; margin:0; margin-left: 5px; }
.element-text H3 {font-size:12px; color:#999; margin:0; margin-left: 5px; }

.table-content-header-standard {background-color:#587D91; text-align:left;}

.table-content {padding:4px 0; font-size:11px; background-color:#EFF5F9;}

.element-text a:link {color:black; text-decoration:none; padding-left:5px;}
.element-text a:visited {color:#333; text-decoration:none}
.element-text a:active {color:black; text-decoration:underline}
.element-text a:hover {color:black; text-decoration:underline}
.element-text H2 {font-size:12px; font-weight: bold; color:#999; margin:0; margin-left: 5px; }
.element-text H3 {font-size:12px; color:#999; margin:0; margin-left: 5px; }

.dark-line {}
.light-line {}

STRONG.table-header {BACKGROUND: #6DB2C9; FONT-SIZE: small; FONT-FAMILY: Arial, Helvetica, sans-serif; }
TR.table-header {BACKGROUND: #6DB2C9; COLOR: white; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: small;}
.selected {BACKGROUND: #003366; COLOR: white; FONT-FAMILY: Arial, Helvetica, sans-serif; font-weight: bold;BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none;}
.z_light {BACKGROUND: #EAF0F2;}
.z_dark {BACKGROUND: #C9D7DC;}
.main_color {COLOR: #003366;}
.table-title {BACKGROUND: #C9D7DC;}
.cal-week {BACKGROUND: #EAF0F2;VALIGN: top;}
.cal-table-header { BACKGROUND: #DDEEFF; color: #000000; margin: 0px; padding: 0px; font-weight: bold; }
.cal-week-event {BACKGROUND: #C9D7DC;}
.cal-month {font-weight: bold; background-color: #C9D7DC; text-align: center; line-height: 160%;}
.cal-month-day {BACKGROUND: #C9D7DC; BORDER: 1px c0c0c0 solid; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px ;}
.cal-month-today {BACKGROUND: #003366; BORDER-RIGHT: grey 1px solid; BORDER-TOP: grey 1px solid; BORDER-LEFT: grey 1px solid; BORDER-BOTTOM: grey 1px solid;}
.table-display {BORDER-RIGHT: #003366 1px solid; BORDER-TOP: #003366 1px solid; BORDER-LEFT: #003366 1px solid;BORDER-BOTTOM: #003366 1px solid;}
.portal-page-config {BACKGROUND: #C9D7DC; WIDTH: 700px; CELLPADDING: 5;}
.bottom-border {BORDER-Bottom: #003366 1px solid;}
.center {ALIGN: center;}

.portletSchmal {margin:20px 0 0 20px; width:95%;}
.portletBreit {margin:20px 0 0 20px; width:95%}
.portletTitelZeile {border-bottom:1px solid #CCC;}
	.portletTitelZeile H1, .portletInhalt H1 {font-size:14px; color:#999; margin:0; }
.portletInhalt {padding:4px 0; font-size:11px; background-color:#EFF5F9;}
	.portletInhalt a:link {color:black; text-decoration:none; padding-left:5px;}
	.portletInhalt a:visited {color:#333; text-decoration:none}
	.portletInhalt a:active {color:black; text-decoration:underline}
	.portletInhalt a:hover {color:black; text-decoration:underline}
	.portletInhalt H2 {font-size:12px; font-weight: bold; color:#999; margin:0; margin-left: 5px; }
	.portletInhalt H3 {font-size:12px; color:#999; margin:0; margin-left: 5px; }
.portlet td {vertical-align:middle;}
.portletBottomZeile {border-top:1px solid #CCC;}
.portlet-button {background-color:#A2BFCF;margin-left:5px;}
.odd {background-color:#D4E2EA;}
.even {background-color:#EAF0F2;}
.zeit-tabelle {width:100%;}
.zeit-tabelle td {padding:2px 5px}
.bt {padding:4px 0; font-size:13px; background-color:#EFF5F9;}
	.bt a:link {color:black; text-decoration:none; padding-left:5px;}
	.bt a:visited {color:#333; text-decoration:none}
	.bt a:active {color:black; text-decoration:underline}
	.bt a:hover {color:black; text-decoration:underline}
	.bt H2 {font-size:13px; font-weight: bold; color:#999; margin:0; margin-left: 5px; }
	.bt H3 {font-size:13px; color:#999; margin:0; margin-left: 5px; }
#head-area, #head-area a, #footer-area, #footer-area a {font-family: arial, helvetica, sans-serif; font-size:11px; }
#head-area td, #footer-area td {vertical-align:middle}

/* dotlrn-overrides of standard CSS nodes */

a:link{
  text-decoration: underline;
  /*border-bottom: 1px solid #003366; border sotto le voci della context-bar*/ 
  color: #003366;

  }
 a:visited {
  text-decoration: underline;
  /*border-bottom: 1px solid #003366; border sotto le voci della context-bar*/ 
  color: #003366;  

  }

/* This messes up the tabs in IE6 -- they unpredictably jump up and
   down by 1 pixel depending as you hover over different links on the page.
   Uncomment when we figure out how to fix.
  
a:hover {
  text-decoration: none;
  border-bottom: 1px solid #6DB2C9;
  color: #6DB2C9;
  }

*/

a:active {

  text-decoration: underline;
  /*border-bottom: 1px solid #003366;*/
  color: #003366;
  }


/* Global Page Elements */

h1 {
  font-size: 180%;
  font-weight: normal;
  color: #003366;
  margin: 3px 0px;
  }

#system-name {
  font-size: 180%;
  font-weight: bold;
  color: #C9D7DC;
  float: right;
  padding-right: 5px;
  }

div#container-shadows-direita {
        background-image: url(01_contorno_direito.png);
        background-repeat: repeat-y;
        background-position: right;
}


div#container-shadows-esquerda {
        background-image: url(01_contorno_esquerdo.png);
        background-repeat: repeat-y;
        background-position: left;
}





#breadcrumbs {
  margin: 0px;
  padding: 0;
  font-size: 80%;
  padding-bottom: 1px;
  padding-top: 1px;
  margin-left: 5px;

  }

#breadcrumbs li {
  display: inline;
  list-style: none;
  color: #003366;
  }

#breadcrumbs a {
  color: #003366;
  }

#login-status {
  font-size: 80%;
  color: #003366;
  float: right;
  margin-right: 5px;
  }

#login-status a {
  color: #003366;
  }

#main-navigation {
  font-size: 110%;
  clear: both;
  float: left;
  width: 100%;
  background: url("/resources/dotlrn/01_tab_pass_bottom.png") repeat-x bottom;
  }
  
#main-navigation ul {
  margin: 0;
  padding: 0px 0px 0px 2px;
  list-style: none;
  }
  
#main-navigation li {
  float: left;
  background: url("/resources/dotlrn/01_tab_pass_des.png") no-repeat right top;
  margin: 0;
  padding: 0;
  
  }
  
#main-navigation a {
  float: left;
  border: none;
  color: #3A4B61;
  font-weight: bold;
  display: block;
  background: url("/resources/dotlrn/01_tab_pass_sin.png") no-repeat left top;
  padding: 9px 20px 3px 15px;
  }
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  #main-navigation a {float:none;}
  /* End IE5-Mac hack */
  
#main-navigation a:hover {
  color: #FF9900;
  }

#main-navigation li.current {
  background-image: url("/resources/dotlrn/01_tab_act_des.png");
}
  
#main-navigation li.current a {
  border: none;
  color: #FF9900;
  font-weight: bold;
  background-image: url("/resources/dotlrn/01_tab_act_sin.png");
  padding-bottom: 3px;
  }
  
#main-container {
  padding: 15px 5px 25px 5px;
  clear: both;
  background-color: white;
  }

/* IE 6 Hack - see http://css-discuss.incutio.com/?page=StarHtmlHack */
* html #main-container {
  margin-top: 3px;
  }

/* IE 6 "Holly Hack" - see http://www.positioniseverything.net/articles/hollyhack.html */
* html #main-container {
  height: 1%;
  }


#message-bar {
  background: url("/resources/dotlrn/message-bar-icon.png") no-repeat left;
  padding: 2px 5px 2px 25px;
  margin: 0px 0 5px 0;
  color: #FFF;
  font-weight: bold;
  background-color: #E35203;
  border-width: 1px;
  border-style: solid;
  border-color: #F2AF8A #94471E #94471E #F2AF8A;
  }
#message-bar p {
  margin-left: 39px;
  }
  
.left {
  width: 49%;
  padding: 5px;
  float: left;
  }
.right {
  width: 49%;  
  float: right;
  padding-top: 5px;
  }

#footer {
  float: right;
  list-style: none;
  font-size: 80%;
  margin: 5px 5px 15px 0;
  background-color: white;
  }
#footer li {
  display: inline;
  color: #C9D7DC;
  background-color: white;
  }
#locale {
  float: left;
  list-style: none;
  padding: 0;
  font-size: 80%;
  margin: 5px 0 0 5px;
  }
#locale li {
  display: inline;
  color: #C9D7DC;
  }
#locale .current {
  font-weight: bold;
  color: #003366;
  }


.portlet-wrap-shadow, .portlet-wrap-bl, .portlet-wrap-tr {
  display: inline-table;
  /* \*/display:block;/**/
  }


.portlet-wrap-shadow {
  background:url("/resources/dotlrn/shadow.png") right bottom no-repeat;
  margin-bottom: 10px;
  }
.portlet-wrap-bl {
  background:url("/resources/dotlrn/corner-bl.png") left bottom no-repeat;
  }
.portlet-wrap-tr {
  padding: 0 3px 3px 0;
  background:url("/resources/dotlrn/corner-tr.png") right top no-repeat;
  }

/* IE 6 Hack - see http://css-discuss.incutio.com/?page=StarHtmlHack */
/* We can't find a way to make drop-shadows work on IE 6 */
* html .portlet-wrap-shadow {
  background: none;
  }
* html .portlet-wrap-bl {
  background: none;
  }
* html .portlet-wrap-tr {
  background: none;
  }

.portlet {
  background-color: #FFF;
  padding-bottom: 1px;
  }

.portlet h2 {
  font-weight: bold;
  font-size: 110%;
  color: #003366;
  background-color: #6DB2C9;
  text-transform: uppercase;
  padding: 1px 5px;
  border-top: 1px solid #003366;
  /*border-bottom: 1px solid #003366;*/
  margin: 0;
  } 
    
.portlet h3 {
  font-size: 140%;
  color: #977632;
  font-weight: normal;
  margin: 0;
  }
  
.portlet .poster {
  color: #6DB2C9;
  margin: 3px 0px 5px 0px;
  font-weight: normal;
  }
  
.portlet ul {
  padding-left: 15px;
  }
  
.portlet ul li {
  font-weight: bold;
  color: #6DB2C9;
  margin-top: 3px;
  }
  
.portlet ul ul li {
  font-weight: normal;
  color: #003366;
  font-size: 100%;
  }
  

  
.actions {
  list-style: none;
  list-style: disc url("/resources/dotlrn/action-bullet.png");
  }
  
.actions li {
  }
  
.actions a {
  border-bottom: 1px solid #6DB2C9;
  color: #6DB2C9;
}

.actions a:hover {
  border-bottom: 1px solid #6DB2C9;
  color: #6DB2C9;
}

.portlet .actions {
  text-align: right;
  margin-right: 10px;
}



/* Local Page Elements */


.portlet h3 {
  margin: 10px 0 0 10px;
  }

.portlet ul {
  padding: 0 0 0 15px;
  margin-left: 10px;
  }
  
.calendar-week-summary {
  border-collapse: collapse;
  margin: 10px 0px;
  width: 100%;
  }
  
.calendar-week-summary th {
  text-transform: uppercase;
  text-align: left;
  vertical-align: top;
  color: #977632;
  padding: 5px 10px;
  }
  
.calendar-week-summary td {
  padding: 2px 5px;
  color: #6DB2C9;
  }
  
.calendar-week-summary td.title {
  font-weight: bold;
  }
  
.calendar-week-summary .odd {
  background-color: #DDEBF5;
  }

#system-name  {
  display: none;
}

a.file-type-icon:link,
a.file-type-icon:hover,
a.file-type-icon:visited,
a.file-type-icon:active {
  text-decoration: none;
  border-bottom: 0;
}

.system-name {
  display: none;
}

#site-header {
  background-color: #DFE2E5;
}

#site-header . a {
  color: #394D61;
  border: 0;
}

#site-header . a:hover { 
  color: white;
  border: 0;
}

#page-body {
  margin-left: 9px;
  margin-right: 9px;
  padding-left: 0px;
  padding-right: 0px;
  clear: both;
  background-color: white;
 /* border-left: 1px solid black;
  border-right: 1px solid black;*/
}

/* This fixes an IE 6 bug - see http://www.dracos.co.uk/web/css/ie6floatbug/ */
#page-body {
  line-height: 1.2;
}

/* Hide this.  .LRN will display its own admin URL */
#oacs-admin-url {
  display: none;
}

/***********************************************************
          [ HEADER ] Added by www.sii.it 
************************************************************/

div#header{
	width: inherit;
}

div#header-00-gen{
	padding-right: 15px;

}

div#header-dati{
    margin-top:-15px;
    float:right;
	z-index:1;
	position:relative;
	background-image:url(02_header_dati_des.png);
	background-repeat: no-repeat;
	background-position: top right;

}

div#header-dati-des{
    float:right;
	margin-right:10px;
	margin-bottom:-4px;
	padding-top: 5px;
	padding-left: 25px;
   	background-image:url(02_header_dati_sin.png);
	background-repeat: no-repeat;
	z-index:1;
	position:relative;
	background-color:#DFE2E5;
}


.imm-header{
	vertical-align: middle;
}

div#header-gen{
    position:relative;
	width: auto;
	
}

div#header-top-gen{
	height: 20px;
}
div#header-top-logo{
    position:relative;
	float:left;
    top: 2px;
	left: 10px;
}

div#header-titolo-gen{
    padding: 0px 0px 0px 10px;
	float:left;
}

div#header-puls-home{
    padding: 11px 0px 0px 30px;
	float: left;
}

.header-titolo{
    padding: 15px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	color: #FDB64B;
	font-weight: bold;
	text-decoration: none;
}

div#header-valori-gen{
	padding: 21px 50px 0px 4px;
	height: 29px;
    float: right;
	background-image:url(01_cont_top_user.png);
	background-repeat:no-repeat;
	background-position: bottom right;
	vertical-align: top;
}


div#header-valori-gen .user-greeting{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: white;
	font-weight: bold;
}

div#header-contenuto-gen{
	position:relative;
	height: inherit;
	background-image:url(01_cont_shadow_sin.png);
	background-repeat: repeat-y;
}


div#header-footer{
	width: inherit;
	background-color: #DFE2E5;
	clear:both;
	
}


div#header-footer-sin{
    position: relative;
	float: left;

}

div#header-footer-des{
    position: relative;
    float:right;
	padding-right: 20px;
}

/***********************************************************
          [ SCHEDA ] Added by www.sii.it 
************************************************************/
div#scheda-container-sfondo{
	width: 100%;
	background-image:url(00_headport_shadow_des.png);
	background-repeat: repeat-y;
	background-position: top right;
}

div#scheda-container-00{
	width: inherit;
	background-image:url(00_headport_top_base.png);
	background-repeat: repeat-x;
}

div#scheda-container{
	width: inherit;
	background-image:url(00_headport_top_des.png);
	background-repeat: no-repeat;
	background-position: top right;
}

div#scheda-container-top{
	width: inherit;
	height: 33px;
	background-image:url(00_headport_top_sin.png);
	background-position: top left;
	background-repeat: no-repeat;
}

div#scheda-titolo{
	padding-top: 13px;
	padding-left: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: white;
	font-weight: bold;
	text-decoration:none;
	float:left;
}
div#scheda-immagine{
	padding-left: 8px;
	background-image:url(00_headport_shadow_sin.png);
	background-repeat: repeat-y;
}


div#scheda-valori{
    padding: 12px 10px 0px 4px;    
	float:right;
	text-decoration:none;
}


div#scheda-contenuto{
    position:relative;
	padding: 5px 10px 10px 15px;
	background-image:url(00_headport_shadow_sin.png);
	background-repeat: repeat-y;
}

div#scheda-footer{
	width: 100%;
        height: 20px;
	background-image:url(00_headport_shadow_base.png);
	background-repeat: repeat-x;
	margin-bottom: 10px;
	background-color: white;
}

div#scheda-footer-sin{
	float: left;
	width: 20px;
	height: 20px;
	background-image:url(00_headport_corn_sin.png);
	background-repeat: no-repeat;
}

div#scheda-footer-des{
	float: right;
	width: 20px;
	height: 20px;
	background-image:url(00_headport_corn_des.png);
	background-repeat: no-repeat;
	background-position: top  right;
}


/***********************************************************
    [ CONTENITORE GENERALE ] Added by www.sii.it 
************************************************************/

div#container{
	width: inherit;
	background-image:url(01_cont_top_des.png);
	background-repeat: no-repeat;
	background-position: top right;
}

div#container-navbar-body{
	width: inherit;
	padding-top: 1px;
	margin-bottom: 2px;
	background-color: #DFE2E5;
}

div#container-00-gen{
	padding-right: 15px;
	width: inherit;
	background-image:url(01_cont_shadow_des.png);
	background-repeat: repeat-y;
}

div#container-shadows-sin{
        white-space:normal; /* corregge l'errore del control panel della classe*/
	width: 100%;
	height:100%;
	background-image:url(01_cont_shadow_sin.png);
	background-repeat: repeat-y;	
}

div#container-shadows-des{
        float: right;
	width:100%;
	background-image: url(01_cont_shadow_des.png);
	background-repeat: repeat-y;
	background-position: right;
}

div#container-gen{
    position:relative;
	width: auto;
	background-image:url(01_cont_top_mid.png);
	background-repeat: repeat-x;
	
}

div#container-top-gen{
	width: inherit;
	height: 51px;
	background-image:url(01_cont_top_sin.png);
	background-position: top left;
	background-repeat: no-repeat;
}


div#container-titolo-gen{
    padding: 0px 0px 0px 10px;
	white-space:nowrap;
	float:left;
}

div#container-puls-home{
    padding: 11px 0px 0px 30px;
	white-space: nowrap;
	float: left;
}

.container-titolo{
    padding: 15px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	color: #FDB64B;
	font-weight: bold;
	text-decoration: none;
}

div#container-valori-gen{
	padding: 21px 50px 0px 4px;
	height: 29px;
    float: right;
	background-image:url(01_cont_top_user.png);
	background-repeat:no-repeat;
	background-position: bottom right;
	vertical-align: top;
}


div#container-valori-gen .user-greeting{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: white;
	font-weight: bold;
}
div#container-contenuto-gen{
	position:relative;
	height: inherit;
	background-image:url(01_cont_shadow_sin.png);
	background-repeat: repeat-y;
}

div#container-footer{
	width: inherit;
    height: 35px;
	background-image:url(01_cont_foot_mid.png);
	background-repeat: repeat-x;
	background-color: #B9C4CE;
}

div#container-footer-sin{
	width: inherit;
    height: 35px;
	background-image:url(01_cont_foot_sin.png);
	background-repeat: no-repeat;
}


div#container-footer-des{
    float: right;
	padding-right: 15px;
	width: 10px;	
	height: 35px;
	background-image:url(01_cont_foot_des.png);
	background-repeat: no-repeat;
	background-position: top  right;
}