/*
Original design: Variant Portal (v1.0 - Jun 26, 2010) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/variant-portal/
*/

*{margin:0;padding:0;}
body{background:#eee url(images/body-bg.gif) top center repeat-y;color:#555;font:76% tahoma, verdana, sans-serif, "Glyphicons Halflings";}

a{color:#286ea0;text-decoration:none;}
a:hover{text-decoration:underline;}
a img{border:0;}
h1{font-size:2.2em;letter-spacing:-1px;margin:0 0 5px; padding:0;}
h2{font-size:1.6em;margin:0 0 12px; padding:0;}
h3{font-size:1.3em;margin:0 0 10px; padding:0;}
h4{font-size:1.1em;margin:0 0 12px 0; padding:0;}
p{line-height:1.5em;margin:0 0 18px;text-align:justify;}
ul{line-height:1.5em;margin:0 0 18px;text-align:left;}
ul {list-style:square; margin:0 0 15px 20px;}
ul {margin:10px 10px 15px 40px;}
hr {clear:both; visibility:hidden;}
table {}

#container{background:#fff;margin:0 auto 0 auto;width:1024px;}
#toplinks {width:400px; float:right;margin:0 15px 0 0;}
#toplinks p {text-align:right;}
#logo{background:#0078ff; width: 1000px; margin: 0 auto; padding:10px 0 0 25px;}
#logo h1 a{color:#777;padding:0;}
#logo h1 a:hover{text-decoration:none;}
#logo p{color:#555;font-size:1.4em;}
#desc{background:#555;clear:both;color:#eee;margin:0 0 15px;padding:15px 15px 2px 15px;}
#desc a{color:#eee;text-decoration:underline;}

#main{float:left;padding:0; margin:0 0 10px 15px; width:700px;}

#sidebar{float:right;width:280px;margin:0 15px 10px 0;}
#sidebar h2 {font-size:1.2em; padding:0 0 2px 0; margin:0 0 6px 0;border-bottom: 1px solid #ccc;}
#sidebar ul {margin:0 0 18px 0; padding:0;}
#sidebar ul li {list-style:none; margin:0 0 8px 0; padding:0;}

#footer{clear:both;background:#555; color:#eee ;margin:10px 0 0;padding:15px;text-align:left;}
#footer a{color:#eee;}
#footer p{margin:0; font-size:0.9em; font-weight:700;}

ul#navitab{margin:0;padding:0;}
ul#navitab li{display:block;float:left;margin:0;padding:0;}
ul#navitab li a{background:url(images/corner.gif) no-repeat top right #eee;border-left:1px solid #ccc;border-right:2px solid #fff;color:#555;display:block;height:1.2em;padding:5px 16px 7px;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap;}
ul#navitab li a:hover{background:#777 url(images/corner.gif) no-repeat top right;border-left:1px solid #aaa;color:#eee;}
ul#navitab li a.current{background:#555 url(images/corner.gif) no-repeat top right;border-left:1px solid #555;color:#eee;}

#sidebar ul.sidelink {margin:0 0 18px 0;}
#sidebar ul.sidelink li{list-style:none; margin:0;}
#sidebar ul.sidelink li a{background:url(images/corner.gif) no-repeat top right #eee;border-bottom:1px solid #ccc;border-left:1px solid #ccc;color:#555;display:block;margin:0 0 3px;padding:3px 0 2px 5px;text-align:left;text-decoration:none;text-transform:uppercase;}
#sidebar ul.sidelink li a:hover{background:url(images/corner.gif) no-repeat top right #777;border-bottom:1px solid #333;border-left:1px solid #333;color:#eee;text-decoration:none;}
#sidebar ul.sidelink ul{font-size:0.9em;margin:0;padding:0;}
#sidebar ul.sidelink ul li a{margin:0 0 2px 10px; padding: 2px 0 1px 5px}

.splitleft {width:48%;float:left;}
.splitright {margin-left:52%;}

.right{text-align:right;}
.block{background:#eee url(images/corner.gif) no-repeat top right;padding:15px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
.hide{display:none;}


div.blockabstract {
	display: none;
	padding:1em;	     
	margin-top:1em;
	margin-right:5em;
	margin-left:3em;
	text-align: justify;
	border: dashed thin #A9A9A9;
}

.alignleft{
float: left;
margin: 1px 4px 0 0;
padding: 7px;
background-color: #ffffff;
border: 0px solid #dbdbdb;
}

/* always visible */
#main .holder {padding:1em; border:0px solid #ddd; margin:0 10px 10px 0;}
#main .holder p {padding:-5px 0 0 0; margin:10px;}
#main .holder p.bold {font-weight:bold;}
/*#main .holder h2 {margin:0; padding:0;}*/

/* unclicked style div.more */
#main div.more i {float:left; margin-right:-10px 10px 0 0; cursor:pointer; color:#286ea0; font-weight:bold;}
#main div.more i.hide {display:none;}
#main div.more p {display:none;}
#main div.more img {display:none;}

/* clicked style div.click */
#main div.click i {float:left; margin-right:-10px 10px 0 0;  color:#286ea0; font-weight:bold;}
#main div.click i.show {display:none;}
#main div.click i.hide {display:block;}
/* #main div.click i.hide:after {font-family: "Glyphicons Halflings"; content: "\e114"; color: #337ab7; }*/
#main div.click p {display:block;}
#main div.click img {display:block; float:left; padding-right:10px;}
