/* General layout */
body {background:#e0e0e0; color:#303030; font:76% tahoma, verdana, sans-serif; margin:0; padding:0.8% 0 0;}
#container {background:#fff; margin:0 auto 1.5%; padding:0.4% 1.5% 1.5%; width:91%;}

/* Site title */
#logo {margin:1% 0 0;}
#logo h1 a {border:none; color:#505050;}
#logo h1 a:hover {border:none; color:#303030; text-decoration:none;}
#logo p {font-size:1.3em;  color:#505050; margin:0 0 1.5% 0;}


/* Tags */
/*
a {border-bottom:0.1% dotted #505050; color:#303030; text-decoration:none;}
a:hover {border-bottom:0.1% solid #505050; color:#303030; text-decoration:none;}
*/
a {border-bottom:1px dotted #505050; color:#303030; text-decoration:none;}
a:hover {border-bottom:1px solid #505050; color:#303030; text-decoration:none;}
a img {border:0;}
h1 {font-size:2.2em; font-weight:400; margin:0 0 0.4%; padding:0;}
h2 {font-size:1.8em; font-weight:400; margin:0 0 1%;}
h3 {font-size:1.4em; font-weight:400; margin:0 0 1%;}
p {line-height:1.5em; margin:0 0 1.2%; text-align:left;}
ul,ol {margin:0 0 1.2% 1.2%; padding:0;}
li {margin:0 0 0.2% 0;}

/* Toptabs menu */
#toptabs {font-size:.8em; margin:0.8% auto -1%; width:85%;}
#toptabs p {color:gray; text-align:right;}
.toptab {background:#f0f0f0 url(images/corner2.gif) top right no-repeat; border-bottom:0.7px solid #e0e0e0; color:gray; margin:0 0 0 4px; padding:4px 5px 3px; text-decoration:none;}
.toptab:hover {background:#fafafa url(images/corner2.gif) top right no-repeat; border-bottom:0.7px solid #eaeaea; color:#505050; text-decoration:none;}
.activetoptab {background:#fff url(images/corner2.gif) top right no-repeat; border-bottom:0.7px solid #fff; color:#505050; margin:0 0 0 4px; padding:4px 5px 3px; text-decoration:none;}
.activetoptab:hover {border-bottom:1px solid #fff; text-decoration:none;}
/*
.toptab {background:#f0f0f0 url(images/corner2.gif) top right no-repeat; border-bottom:0.8% solid #e0e0e0; color:gray; margin:0 0 0 0.3%; padding:0.3% 0.4% 0.22%; text-decoration:none;}
.toptab:hover {background:#fafafa url(images/corner2.gif) top right no-repeat; border-bottom:0.8% solid #eaeaea; color:#505050; text-decoration:none;}
.activetoptab {background:#fff url(images/corner2.gif) top right no-repeat; border-bottom:0.8% solid #fff; color:#505050; margin:0 0 0 0.3%; padding:0.3% 0.4% 0.22%; text-decoration:none;}
.activetoptab:hover {border-bottom:0.8% solid #fff; text-decoration:none;}
*/

/* Navitabs menu */
#navitabs {clear:both;}
.navitab {background:#e0e0e0 url(images/corner.gif) top right no-repeat; border-bottom:1px solid #fff; border-left:1px solid #fff; font-size:1.1em; margin:0 0 4px; padding:4px 8px; text-decoration:none;}
.navitab:hover {background:#d0d0d0 url(images/corner.gif) top right no-repeat; border-bottom:1px solid #fff; text-decoration:none;}
.activenavitab {background:#505050 url(images/corner.gif) top right no-repeat; color:#fff; font-size:1.1em; margin:0 0 5px; padding:4px 8px 5px; text-decoration:none;}
.activenavitab:hover {color:#fff; text-decoration:none;}
/*
.navitab {background:#e0e0e0 url(images/corner.gif) top right no-repeat; border-bottom:0.8% solid #fff; border-left:0.8% solid #fff; font-size:1.1em; margin:0 0 0.3%; padding:0.3% 0.6%; text-decoration:none;}
.navitab:hover {background:#d0d0d0 url(images/corner.gif) top right no-repeat; border-bottom:0.8% solid #fff; text-decoration:none;}
.activenavitab {background:#505050 url(images/corner.gif) top right no-repeat; color:#fff; font-size:1.1em; margin:0 0 0.4%; padding:0.3% 0.6% 0.4%; text-decoration:none;}
.activenavitab:hover {color:#fff; text-decoration:none;}
*/

/* Header description area */
#desc {background:#505050 bottom left repeat-y; clear:both; color:#fff; /* height:200px; */ margin:5px 0 15px; padding:0 0 5px 0;}
#desc p {font-size:1em; line-height:1.3em; padding:0 0 0 15px; width:98%;}
#desc h2 {color:#fff; padding:15px 15px 0;}
#desc a {border-color:#fff; color:#fff; text-decoration:none;}
/*
#desc {background:#505050 bottom left repeat-y; clear:both; color:#fff; margin:0.4% 0 1.1%; padding:0 0 0.4% 0;}
#desc p {font-size:1em; line-height:1.3em; padding:0 0 0 1.1%; width:85%;}
#desc h2 {color:#fff; padding:1.1% 1.1% 0;}
#desc a {border-color:#fff; color:#fff; text-decoration:none;}
*/

/* Main content */
#main {border-right:0.8% solid #d8d8d8; float:left; margin:0; padding:0 1.1% 0 0; width:82%;}


/* Sidebar */
#sidebar {float:right; width:14%;}
#sidebar p {font-size:0.9em; line-height:1.3em; margin:0 0 1.1%;}
#sidebar ul {margin:0 0 1.1% 0; padding:0;}
#sidebar li {list-style:none;}
ul.sidelink li {list-style:none; margin:0 0 0.22%; padding:0;}
ul.sidelink li a{background:#f0f0f0 url(images/corner.gif) top right no-repeat; border:none; display:block; margin:0.4% 0.75% 0.4% 0; padding:0.22% 0.3% 0.22% 0.6%; text-align:left; width:14.1%;}
ul.sidelink li a:hover {background:#e0e0e0 url(images/corner.gif) top right no-repeat; border:none; text-decoration:none;}

/*ul.sidelink.temp li a{background:#f0f0f0 url(images/corner.gif) top right no-repeat; border:none; display:block; margin:0.4% 0.75% 0.4% 0; padding:0.22% 0.3% 0.22% 0.6%; text-align:left; width:14.1%;}
*/

/* Footer */
#footer {background:#fff; border-top:0.8% solid #d8d8d8; clear:both; margin:0; padding:0;}
#footer a {color:gray;}
#footer a:hover {color:#303030;}
#footer p {color:gray; font-size:1.1em; line-height:1.3em; margin:1.1% 0 0; padding:0;}

/* Additional classes */
.photo {background-color:#f0f0f0; border:0.8% solid #d8d8d8; margin:0 0 1.1%; padding:0.15%;}
.timestamp {font-size:1.2em; color:#606060; margin:-0.9% 0 0.9% 0;}
.right {margin:-0.6% 0 0.6% 0; text-align:right;}
.block {background:#f0f0f0; padding:0.75%;}
.hide {display:none;}


/*Special color for the publications and the code class links*/
#publications a {border-color:#0000A0; color:#0000A0; text-decoration: none;}
#code a {border-color:#800080; color:#800080; text-decoration: none;}


/*Hover span for abstract*/
span.dropt {border-bottom: thin dotted; }
span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6; }
span.dropt span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.dropt:hover span {left: 2%; background: #ffffff;} 
span.dropt span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:1px;}
span.dropt:hover span {margin: 20px 0 0 170px; background: #ffffff; z-index:6;}