/******************************************************************/
/************************** Global style **************************/
/******************************************************************/

body {
    font-family:       Tahoma, Verdana, Arial, sans-serif;
    font-size:         14px;
    color:             #403a76;
    background-color:  #ffffff;
  }
  
td {
    font-size:         14px;
  }
  
p {
    text-align: justify;
  }

a {
    color: rgb(12,109,182);
    text-decoration: none;
  }

a:hover {
    text-decoration: underline;
  }

a.hidden {
    color: grey;
}
    
em {
    font-style: normal;
    color: #cc0000;
  }

.small {
    font-size: 12px;
  }

/******************************************************************/
/************************** Title style ***************************/
/******************************************************************/

table.title {
    background-color: rgb(64,58,118);
    text-align: center;
    color: #ffffff; 
  }

table.title h3 {
    font-size: 16px; 
    font-weight: normal; 
    margin: 0;
  }
  
table.title h2 {
    font-size: 26px;
    font-weight: normal;
    margin: 0;
  }

a.title { color: #ffffff; text-decoration: none}
a.title:hover { color: white; text-decoration: underline}
/******************************************************************/
/************************** Menu style ****************************/
/******************************************************************/

table.menu th {
    font-size: 12px;
    font-weight: normal;
    color: #eaf2f8;
    background-color: #009977;
  }

table.menu td {
    font-size: 12px;
    color: #eaf2f8;
  }

table.menu tr {
    background-color: #3f769f;
  }

table.menu a {
    color: #eaf2f8;
  }

table.menu .selected {
    font-weight: bold;
    color: yellow;
  }

/******************************************************************/
/************************* Footer style ***************************/
/******************************************************************/

table.footer td {
    font-size: 12px;
  }
  
/******************************************************************/
/************************* Content style **************************/
/******************************************************************/

td.content {
    vertical-align: top;
    padding-top: 15px;
    padding-left: 25px;
    padding-right: 25px;
  }

td.content h2 {
    font-size: 26px;
    font-weight: normal;
    text-align: center;
    margin: 0;
  }
  
td.content h3 {
    font-size: 20px; 
    font-weight: normal; 
    text-align: center;
    margin: 0
  }
  
td.content h5 {
    font-size: 12px; 
    font-weight: bold; 
    text-align: left;
    margin: 0
  }
  
/******************************************************************/
/*************************** List style ***************************/
/******************************************************************/

td.content th {
    padding-top: 10px;
    padding-bottom: 8px;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
  }

td.content td.part {
    padding-top: 7px;
    padding-left: 10px;
    padding-bottom: 4px;  
    font-size: 14px;
    font-weight: bold;
    text-align: left;
  }

td.content td.sect {
    padding-top: 0;
    padding-left: 15px;
    padding-bottom: 2px;  
    font-size: 16px;
    font-weight: normal;
    text-decoration: underline;
    text-align: left;
  }

td.content td.comment {
    padding-top: 0px;
    padding-left: 25px;
    font-size: 12px; 
    text-align: left;
  }

/******************************************************************/
/**************************** Markers *****************************/
/******************************************************************/

td.content td.marker_num_l {
    padding-left: 15px;
    padding-right: 10px;
    width: 1%;
    vertical-align: top;
    text-align: left;
    color: #009977;
  }

td.content td.marker_num_r {
    padding-left: 15px;
    padding-right: 3px;
    width: 1%;
    vertical-align: top;
    text-align: right;
    color: #009977;
  }

td.content td.marker_bul {
    padding-left: 15px;
    padding-right: 7px;
    width: 1%;
    vertical-align: top;
    text-align: right;
  }

td.content td.marker_bul_s {
    padding-left: 15px;
    padding-right: 3px;
    width: 1%;
    vertical-align: top;
    text-align: right;
  }

td.content td.marker_bul img {
    display: inline;
    padding-top: 5px;
    vertical-align: middle;
  }

td.content td.marker_bul_s img {
    display: inline;
    padding-top: 4px;
    vertical-align: middle;
  }

/******************************************************************/
/************************ Bibliography style **********************/
/******************************************************************/

td.content tr.spaced_s{
    padding-top: 5px;
  }

td.content table.spaced td {
    padding-top: 5px;
    padding-bottom: 5px;
  }

td.content table.spaced th {
    padding-bottom: 3px;
  }

td.content table.spaced td.dir {
    padding-left: 15px;
    font-size: 12px;
    font-weight: bold;
  }

/******************************************************************/
/************************ Teorminimum style ***********************/
/******************************************************************/

table.minimum {
    background-color: 888888;        
  }
      
table.minimum th {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    background-color: #ffffff;        
  }
      
table.minimum th.exam {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    background-color: #ffffff;        
    color: #3f769f;   
  }

table.minimum td {
    vertical-align: top;
    background-color: #ffffff;        
  }

/******************************************************************/
/************************ Emphasis style **************************/
/******************************************************************/

em.weak {
    color: #00cc00;
  }

/******************************************************************/
/************************ Image style *****************************/
/******************************************************************/

img.floatleft {
    float: left;
    margin: 5px;
  }

img.floatright {
    float: right;
    margin: 5px;
  }