@charset "utf-8";
/* CSS Document */

/* css related to listview is kept here and included in style.tmpl */

/* Position css */
#highlight{ width:237px; float:left; margin-bottom:10px; padding-right:20px;padding-top:10px;}
#highlight-left{ width:190px; float:left; margin-bottom:10px; padding-right:20px; padding-left:10px;padding-top:10px;}
#highlight-left h2{ margin-top:0px;}
#highlight-left .recent-cases-listview{ float:left;}


/* Style css */
#highlight, #highlight-left{ background: url(../images/top-hightlight.gif) no-repeat right top;}



/* Text css */
#highlight h2 { margin-top:4px;}
#highlight h2 a, #highlight-left h2 a{ color:#666;}
#highlight h2 a:hover, #highlight-left h2 a:hover{ color:#000;}

#highlight a , #highlight-left a{ color:#3698fb}
#highlight a:hover,#highlight-left a:hover{ color:#000}

#highlight .publications a.morelink,#highlight .press-statement a.morelink  { color:#3698fb; background:none;}
#highlight .publications  a.morelink:hover,#highlight .press-statement a.morelink:hover{ color:#000; background:none;}

#highlight #disappeared{  }
#highlight #disappeared .item {margin:0;padding:10px 0px 10px 0px;width:220px;}
#highlight #disappeared .item h2 { clear:left;margin:0;}
#highlight #disappeared .item img{ float:left; width:64px; border:1px solid #dfdfdf;margin-right:5px;padding:2px;}
#highlight #disappeared .item .section-text{float:left; width:120px;}
#highlight #disappeared .item .section-text label{width:30px; clear:both; float:left;}

#highlight .publications, #highlight .press-statement{clear:left;margin-bottom:10px; position:relative; z-index:999; float:left;}
#highlight .press-statement{ text-align:justify;}
#highlight .publications a, #highlight .press-statement a{ color:#444;cursor:pointer;background:url("../images/small-icon-arrow-right.gif") no-repeat scroll left 6px transparent; padding-left:6px; float:left}
#highlight .publications a:hover , #highlight .press-statement a:hover{  color:#3698fb; background:url("../images/small-icon-arrow-right-hover.gif") no-repeat scroll left 6px transparent; padding-left:6px; float:left;}
#highlight .publications a span,#highlight .press-statement a span{ display:block; /*margin-top:-14px*/; margin-left:6px;width:227px; border-bottom:1px solid white;}
#highlight .publications a:hover span, #highlight .press-statement a:hover span{ border-bottom:1px dotted gray;}

#highlight-left h1{float:left;width:100%;font-size:1.11em}
#highlight-left .related-links{ clear:left;margin-bottom:10px;width:100%; float:left;}
#highlight-left .related-links a{ color:#444;cursor:pointer;display:block; padding-left:6px; background:url("../images/small-icon-arrow-right.gif") no-repeat scroll left center transparent; padding-left:8px;}
#highlight-left .related-links a:hover { color:#3698fb;background:url("../images/small-icon-arrow-right-hover.gif") no-repeat scroll left center transparent; padding-left:8px;}
#highlight-left #emblematic-case{ float:left; width:100%; min-height:264px;}
#highlight-left .block-item{ width:100%;}

#highlight .block-item h2{ font-size:1.1em; color:#105D9A;text-transform:uppercase;margin-top:10px;}
 #highlight .block-item h2 a{color:#105D9A;}
#highlight-left .section-text img{width:64px;margin-right:5px; float:left;}
#highlight #social-network{}
img#twitter{ padding-left:6px;}
#highlight-gallery img{border:1px solid #CCCCCC;padding:2px;}
#highlight-gallery{position:relative;z-index:88;}

#donate-us a{float:left; margin:14px 0;background:url(../images/donate.gif) no-repeat left top; height:62px;text-indent:-9999px; display:block; line-height:0;width:248px}
#donate-us a:hover{background-position:0 -62px;}