@import 'typography.css';
/* forms.css */
label {font-weight:bold; color:#666;font-size: 9pt;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#F8FAFC;border:1px solid #bbb; padding:3px;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666; background-color: #fefeee!important;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.3em 0;}
input.text, input.title {width:300px;padding:3px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:3px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.info {padding:0px; margin:0px;  color:#999;font-size:.85em;}
span.info{ display:block; width: 400px; }
td span.info {width: 100%;}
body {
    background: #FFF url(/images/bgpage-fade.png) fixed;
}

#container{
    margin-top: 5px;
    border:solid 1px #c1c3c4;
    background-color: #FFF;
}

#container a{ text-decoration: none; color:#005da1; }
#container a:hover{ text-decoration: underline; }
#content {
    margin-top: 10px;
}

#header{
}

#header img{
    margin-bottom: -5px!important; 
}

#headnav {
    list-style:none;
    background-color: #DFDFDF;

}
#headnav ul {padding-left: 0px; }
#headnav li{display:inline;font-size:14px;line-height:13px;}
#headnav li a, #headnav li a:visited{display:block;float:left;width:auto;color:#333;border-right:1px solid #fff;margin:0;padding:6px 15px 6px;font-weight: bolder!important;}
#headnav li a {display:block; font:bold 14px/1 "Lucida Grande",Geneva,Helvetica,sans-serif;text-transform:uppercase;color:#666;letter-spacing:1px; 	text-shadow: 0 0px 1px rgba(0, 0, 0, .3); }

#headnav li a:hover, #headnav li.current a{
    background:#f5f5f5;font-style:normal; 

    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#a1a1a1'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#a1a1a1)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #ebebeb,  #a1a1a1); /* for firefox 3.6+ */

    opacity: 0.6; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; 
    filter: alpha(opacity=60); 


    color: #000!important;
    /* border-top: solid 1px #f8f8f8; */
    -webkit-box-shadow: 0 0px 1px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 0px 1px rgba(0, 0, 0, .2);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
    
    text-decoration:none;

}


.link2us { color: #d10019!important;}
.bilat { color:#005da1!important;}

span.hidden_menu {color: #DFDFDF!important; text-shadow: none;}
#sidenav {
    background-color: #FAFAFB;
}

#sidenav h3{
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 12px;
}
#sidenav ul{ list-style-type: none; margin: 0px; margin-left: 10px; padding-left: 0px;}
#sidenav ul li{line-height:1.2em;border-bottom:1px dotted #dedede;padding:4px 0;}
#sidenav ul li a{color:#005da1!important;font-weight:bold;text-decoration:none;}
#sidenav ul li a:hover {color:#000!important;}
#sidenav ul li.current a{color:#D10019!important;}
#sidenav ul.submenu li a { font-weight: lighter; }

#footer {
    text-align: center;
}
#footer ul {
    list-style-type: none;
    margin: 2px;
}
#footer ul li{
    display: inline;
}
#footer ul li a {color: #c1c3c4; font-weight: lighter; text-decoration: none; font-size: 0.9em; }
#footer ul li a:hover {color: #000;}


/* typography */
h3.subtitle {
    font-weight: lighter; 
    text-decoration:none; 
    line-height: 1.2em;
    font-size: 0.95em;
    color: #666;
}
table tr td {
    vertical-align: top; 
}

table.document_library_list {
    margin-top: 20px;
    border: solid 1pt #EFEFEF;
}

table.document_library_list th {
    background-color: #E7EEF6;
}

table.document_library_list tr {
    vertical-align: top;
    background-color: #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid red;
}

table.document_library_list tr:hover {
  background-color: #ffe;
}


table.document_library_list td {
    border-top: 1px dotted #ddd;
    vertical-align: top;
}

form table.subscribtion-form tr th{
    text-align: right;
}
form table.subscribtion-form tr td ul.radio_list{
    list-style-type: none; margin-left: 0px!important; padding-left: 0px!important; margin:0px;
}

form table.subscribtion-form tr td ul li{
    display: inline;
    margin-left: 0px!important;
    padding-left: 0px!important;
}

#newsletter_subscriber_organisation_name {
    width: 400px;
}

#newsletter_subscriber_title {
    width: 50px;
}

#newsletter_subscriber_city, #newsletter_subscriber_first_name, #newsletter_subscriber_last_name, #newsletter_subscriber_position, #newsletter_subscriber_email {
    width: 200px;
}

ul.error_list { display: none;  }

#news_teaser {
    height: 200px;
}

.news_box {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FAFBFD));
  background: -moz-linear-gradient(top, rgb(255,255,255), rgb(250,251,253));
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#FAFBFD)
  padding-left: 10px;
  padding-right: 10px;
}

p img {
    margin: 0 10px 10px 10px;
}




table.headings {
    padding:0px;
    margin:0px;
}

table.headings tr td {
   padding:0px 0px 0px 0px;
   font-weight: bold;
}

table.headings tr td:nth-child(1) {
    width: 100px;
}


table.headings tr td:nth-child(2) {
}


span.date {
    padding: 1px 5px 1px 5px;
    margin-top: 2px;
    background-color: #F5F5F5;
    width: 80px;

    float:left;
    border-radius: 3px;
    text-align: right;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    /* color: #A70B16; */
    color: #666;
}


a.heading {
    color: #A70B16!important;
    margin-left: 0px;
    padding:0px;
}
a.heading:hover {
    text-decoration: underline!important;
}

a:hover {
    text-decoration:underline;
}

div.announcment {
    margin-bottom: 5px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #60a3d8;
}

div.announcment h3 {
    color:#ffffff;
    font-weight:bold;
    font-size: 14px;
    padding: 4px;
    margin:0;
    background-color: #60a3d8;
    text-shadow: #2e7ebd 0 1px 3px;
}

div.announcment p {
    padding: 0px 4px;
    text-align: left;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FAFBFD));
    background: -moz-linear-gradient(top, rgb(255,255,255), rgb(250,251,253));
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#FAFBFD)
}




/* line 14, multi-line-button.sass */
a.multi-line-button {
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  -o-background-clip: padding-box;
  -ms-background-clip: padding-box;
  -khtml-background-clip: padding-box;
  background-clip: padding-box;
  border-width: 1px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  border-style: solid;
  color: white;
  display: block;
  margin: 0.2em auto;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  background-color: #60a3d8;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #89bbe2), color-stop(50%, #60a3d8), color-stop(100%, #378bce));
  background-image: -moz-linear-gradient(top, #89bbe2 0%, #60a3d8 50%, #378bce 100%);
  background-image: linear-gradient(top, #89bbe2 0%, #60a3d8 50%, #378bce 100%);
  border-color: #2970a9;
  border-left-color: #60a3d8;
  border-top-color: #60a3d8;
  -moz-box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 0 0 inset;
  -webkit-box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 0 0 inset;
  -o-box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 0 0 inset;
  box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 0 0 inset;
  color: white;

}


a.multi-line-button:hover {
    text-decoration:none!important;
}

/* line 12, _multi-line-button.sass */
a.multi-line-button .title {
  font-size: 18px;
  font-weight: bold;
  display: block;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
}

/* line 17, _multi-line-button.sass */
a.multi-line-button .subtitle {
  font-size: 14px;
  display: block;
  margin-top: 2px;
  color: #fff;
  font-weight: bold;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}
/* line 23, _multi-line-button.sass */
a.multi-line-button:hover .title {
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
/* line 25, _multi-line-button.sass */
a.multi-line-button:hover .subtitle {
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
/* line 27, _multi-line-button.sass */
a.multi-line-button:active {

}
/* line 48, _multi-line-button.sass */
a.multi-line-button:hover, a.multi-line-button:focus {
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #9dc7e7), color-stop(50%, #74afdd), color-stop(100%, #378bce));
  background-image: -moz-linear-gradient(top, #9dc7e7 0%, #74afdd 50%, #378bce 100%);
  background-image: linear-gradient(top, #9dc7e7 0%, #74afdd 50%, #378bce 100%);
}
/* line 50, _multi-line-button.sass */
a.multi-line-button:active, a.multi-line-button.depressed {
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #5796c8), color-stop(100%, #6aa2ce));
  background-image: -moz-linear-gradient(top, #5796c8 0%, #6aa2ce 100%);
  background-image: linear-gradient(top, #5796c8 0%, #6aa2ce 100%);
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border-color: #2970a9;
}