/* Based on the free template distributed by http://freehtml5templates.com */ 
/***************************************************
	      fresh ideas by marija zaric
	      template distributed by
        http: //freehtml5templates.com	      
***************************************************/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form {
    margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ol {list-style: none;}
ul {color:#333333; }
li {margin-left:15px; padding:4px;}
img {border:none}
a img {border:none}

/**************************************************
			      Global styles
***************************************************/

html, body {
	width:100%;
	height:100%;
	font-family:Arial, "Times New Roman", Times, serif;
	font-size: 13px;
	color: black;
	line-height: 1.5;
    background-image:url(../images/bg1.png); 
	background-position:left top;
	background-repeat:repeat;
}
pre {margin:3px; padding:3px}
p {margin-bottom:5px; color: #333333;}
a, p a {color: #3366F0;text-decoration:none;}
a:hover {color: #339090;text-decoration: none;}	

table {	
	border-spacing:0;    
	border-collapse:collapse;
}

td {
	margin:0px;
	padding:0px;	
}

h1, h2, h3, h4, h5, h6, h7 {
    font-weight: normal;
}
	
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	line-height:1.6;
	text-align:left;
	border-bottom:1px dotted black;
}

h1 span {
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:1.7px;
	font-size:14px;
	display:block;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	line-height:1.7;
	text-align:left;
	padding-top:8px;
}
	
h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	line-height:1.6;
	text-align:left;
	background-color:transparent;
	padding-top:22px;
	margin-bottom:9px;
	border-bottom:1px dotted black;
}
	
h3 span {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	height:24px;
	margin-top:15px;
	text-align:left;
    display:block;
}

h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height:1.5;
	text-align:left;
	padding-top:8px;
	margin-bottom:12px;
}
	
h4 span {
	font-family:Georgia, "Times New Roman", Times, serif;
	float:right;
	font-size:13px;
	color:white;
	background-color:#315881;
	padding:5px;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	background: -webkit-gradient(linear, left top, left bottom, from(#316090), to(#002050));
	background: -moz-linear-gradient(top,  #316090,  #002050);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#316090', endColorstr='#002050');
}

h5 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	text-align:left;
	padding-top:15px;
	margin-bottom:0px;
    font-weight: bold;
}

h6 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	text-align:left;
	padding-left:5px;
	padding-right:10px;
	margin-bottom:0px;white-space: nowrap;
}

h7 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	text-align:left;
	padding-left:0px;
	padding-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	white-space: nowrap;
	color:#315881;
	line-height:2.5;
}

.frame {
	margin:5px;
	padding: 5px;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	background-color:white;
	border: 1px solid #E1E1E1;
	
}

.tracking {
	font-size: 11px;
	width:978px;
	margin:0px;
	padding: 1px;
	margin-top:-7px;
	margin-bottom:10px;
	color:#444;
	background: #FFF;
	border-bottom: 1px dotted black;
}

.tracking a {
	color:#444;
}
.tracking a:hover {
	color:#888;
}

.tooltip {
	color:#F333;
	font-size:10px;
	padding:3px;
	border:1px dotted #d8d8d8;
	background-color: #FCFCC0;
	max-width:400px;
	float:right;
	text-align:right;
	margin-top:20px;
}

.shadowlight { 
	-moz-box-shadow:    3px 3px 8px #777;
	-webkit-box-shadow: 3px 3px 8px #777;
	box-shadow:         3px 3px 8px #777;
}


/***************************************************
			    Main containers
***************************************************/

#container{
	position:relative;
	width:980px;
	margin:0 auto;
	text-align:left;
	background-color:white;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	overflow: hidden;
	-moz-box-shadow: 0 0 5px 5px #D8D8D8;
	-webkit-box-shadow: 0 0 5px 5px #D8D8D8;
	box-shadow: 0 0 5px 5px #D8D8D8;
}

#container_table {
	position:relative;
	margin:0 auto;
	text-align:left;
	background-color:white;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	overflow: hidden;
	-moz-box-shadow: 0 0 5px 5px #D8D8D8;
	-webkit-box-shadow: 0 0 5px 5px #D8D8D8;
	box-shadow: 0 0 5px 5px #D8D8D8;
}

#group1 {
	float: left;
	width: 660px;
	position: relative;
	background:white;
	padding-left:0px;
	padding-top:15px;
	padding-bottom:15px;
	margin-bottom:10px;
}

#group1_large {
	float: left;
	width: 980px;
	position: relative;
	background:white;
	padding-left:0px;
	padding-top:15px;
	padding-bottom:15px;
	margin-bottom:10px;
}
	
#group2 {
	float: right;
	width: 256px;
	position: relative;
	background:white;
	padding-top:15px;
	padding-left:15px;
	padding-right:0px;
	margin-bottom:10px;
	margin-left:30px;
	background-color:#ffffff;
}	

.shadow {
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
}

.justify {
	text-align:justify;
}

.mandatory {
	color:#F01010;
}

.shadowbox {
  border: 1px dotted #dddddd;
  -moz-box-shadow: 3px 3px 5px #999;
  -moz-border-radius-bottomright: 15px;
  -webkit-box-shadow: 3px 3px 5px #999;
  -webkit-border-bottom-right-radius: 15px;
}

.gradient {
  border: 1px dotted #dddddd;
  -moz-box-shadow: 3px 3px 5px #999;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 15px;
  -webkit-box-shadow: 3px 3px 5px #999;
	color:white;padding-left:10px;margin-top:20px;
	background: #316090;
	background: -webkit-gradient(linear, left top, left bottom, from(#316090), to(#002050));
	background: -moz-linear-gradient(top,  #316090,  #002050);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#316090', endColorstr='#002050');
}

.marquee {
	color: #666;
	font-size:14px;
	width:660px;
	height:16px;
	padding:5px;
	border: 1px dotted rgba(0,0,0,0.3);
	white-space: nowrap; 
	overflow: hidden;
		text-shadow: 0 2px 2px rgba(0.2,0.2,0.2,.3);


/* Safari and Chrome  */
overflow-x:-webkit-marquee;
-webkit-marquee-direction: backwards;
-webkit-marquee-style: scroll;
-webkit-marquee-speed: fast;
-webkit-marquee-increment: small;
-webkit-marquee-repetition: infinite;

/* W3C  */
overflow-x: marquee-line;
marquee-direction: forward;
marquee-style: scroll;
marquee-speed: fast;
marquee-play-count: infinite;
}

/**************************************************
				INTRO
***************************************************/

#intro_dataset {
	width: 960px;
	position: relative;
	float: left;
	height:256px;
	padding:10px;
	background:#EAEAEA;
	margin-top:50px;
}

.intro {
	border:0px; 
	background-color:#EAEAEA;
	padding:5px;
	background: #EAEAEA;
	background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#E8E8E8));
	background: -moz-linear-gradient(top,  #F0F0F0,  #E8E8E8);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#E8E8E8');
}

.abstract {
	font-size:15px;
	line-height:1.2;
	font-family:Arial, "Times New Roman", Times, serif;
	color:black;
	text-align:left;
	padding-top:9px;
	padding-bottom:0px;
	text-align:justify;
}


/***************************************************
				       TITLE
***************************************************/
#title{
	height:80px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	color:white;
	text-align:center;
	margin-top:15px;
	padding-top:5px;
	padding-bottom:5px;
	width:660px;
	height:45px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .25em; 
	-moz-border-radius: .25em;
	border-radius: .25em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: #316090;
	background: -webkit-gradient(linear, left top, left bottom, from(#316090), to(#002050));
	background: -moz-linear-gradient(top,  #316090,  #002050);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#316090', endColorstr='#002050');
}

.title1{
	height:80px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	color:white;
	text-align:center;
	padding-top:2px;
	padding-bottom:2px;
	width:660px;
	height:40px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .25em; 
	-moz-border-radius: .25em;
	border-radius: .25em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: #316090;
	background: -webkit-gradient(linear, left top, left bottom, from(#316090), to(#002050));
	background: -moz-linear-gradient(top,  #316090,  #002050);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#316090', endColorstr='#002050');
}

.left  { width:660px;}
.sep   { width:64px;}
.right { width:256px;}


/***************************************************
				       NAV
***************************************************/
#nav {
	margin-top:10px;
	width:980px;
	height:40px;
	text-align:left;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	border: solid 1px #333;
	background: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}

.menu {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	font: 16px/100% Georgia, "Times New Roman", Times, serif;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	height:32px;
	width:130px;
}

.menu a:hover {
	color:#fff;
}

.menu a { 
	color: #ddd;
} 
.current {
	color: #ffffff;
	display: inline-block;
	text-align: center;
	font: 16px/100% Georgia, "Times New Roman", Times, serif;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	height:32px;
	width:130px;
	background: #888;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#666));
	background: -moz-linear-gradient(top,  #000,  #666);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

.current a { color: #ffffff; } 


.barmenu ul {padding-left:10px;padding-right:10px;margin:0px; list-style:none; border:0px}
.barmenu li {padding-left:10px;padding-right:10px;margin:0px; list-style:none; border:0px}
.barmenu li{ position:relative; float:left; }   
.barmenu li ul { position:absolute; visibility:hidden; top:28px; left:-30px;} 
.barmenu :hover > ul { visibility: visible; }

.drop {
	font: 13px/100% Georgia, "Times New Roman", Times, serif;
	padding-top:5px;
	height:20px;
 	white-space:nowrap;
	text-decoration: none;
	text-align: left; 
	width:180px;
 	background:#333; 
}

.drop a{
 	color:#ccc;
}

.drop a:hover{
 	color:#fff;
}


/**************************************************
			        FOOTER
***************************************************/

#footer{
	position:relative;
	height:40px;
	clear:both;
	width:100%;
	padding-left:18px;
	padding-top:18px;
	margin-top:8px;
	margin-bottom:18px;
	background-color:black;
	color:white;
}

/***************************************************
				   SPECIFIC
***************************************************/
.clearing{
	clear: both;
	display: inline;
	width: 100%;
	height: 0;
	overflow:hidden;
}

.readmore{
	text-align:right;
	font-weight:bold;
	padding:0px;
	margin:0px;
	font-size:13px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#333333;
}

.readmore a {
   color:#333333;
}

.holder_news {
	width:256px;
	float:left;
	border-bottom:1px dotted black;
	margin-bottom:15px;
	padding-bottom:5px;
}		

.button {
	display: inline-block;
	vertical-align: baseline;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 16px/100% Georgia, "Times New Roman", Times, serif;
	padding: 8px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: #d7d7d7;
	border: solid 1px #333;
	background: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}

.toggleintro {
	width:141px;
	font-size:14px;
}
.toggleintro:hover {
	text-decoration: none;
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
    color: #ffffff;
}

.toggleintro a {
	text-decoration: none;
	color: #ffffff;
}

.toggle:hover {
	text-decoration: none;
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
    color: #ffffff;
}

.toggle a {
	text-decoration: none;
	color: #ffffff;
}

.dataset {
	width:120px;
   	color: #ffffff;
}

.dataset a {
   color: #ffffff;
}

.disable {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#BBB), to(#999));
	background: -moz-linear-gradient(top,  #BBB,  #999);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#BBBBBB', endColorstr='#999999');
    color: #eaeaea;
	border: solid 1px #999;
}

.disable a {
   color: #eaeaea;
}

.enable {
    color: #ffffff;
}

.enable a {
    color: #ffffff;
}

.enable:hover {
	text-decoration: none;
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
    color: #ffffff;
}


.solution {
	float: right;
    color: #ffffff;
}

.solution a {
    color: #ffffff;
}

/***************************************************
				   HOLDERS
***************************************************/	
.holder_content {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom:8px;
	background:white;
}
	
.holder_content_separator{
	margin-bottom:20px;
}
	
/***************************************************
			        GALLERY
***************************************************/
	 
a.photo_hover3{
	position:relative;
	float: right;
	margin:5px 13px 8px 0;
	padding: 8px;

}

a.photo_hover3{ background-color:white;
	border: 1px solid #E1E1E1;

}

a.photo_hover3:hover {
	border: 1px dotted #66CCFF;
	background-color:#C7EDFF;
	opacity:0.9;
	z-index:1000;
}

a.photo_hover2{
	position:relative;
	float: left;
	margin:5px 13px 8px 0;
	padding: 8px;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
}

a.photo_hover2{ 
	background-color:white;
	border: 1px solid #E1E1E1;

}
a.photo_hover2:hover {
	border: 1px solid #E1E1E1;
}

.holder_gallery {
	width:660px;
	float:left;
	margin-right:10px;
	padding:0;
}		



/***************************************************			  
	DATASET
***************************************************/
.download {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
	float:right;
	margin-top:69px;
	padding-top:8px;
	padding-bottom:15px;
	height:6px;
}

.download:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
 
.download a {
    color: #ffffff;
}

.participants_table {
	vertical-align:top; 
	padding-top:9px;
	padding-bottom:9px;
	padding-left:2px;
	padding-right:2px;
	border-bottom:1px dotted #aaa;
}

.participants_num {
	width:20px;
	color:#999;
	vertical-align:top; 
	padding-top:9px;
	padding-bottom:9px;
	padding-left:2px;
	padding-right:2px;
	border-bottom:1px dotted #aaa;
}

.report_banner {
	width:980px;
	margin:0px;
	padding:0px;
}

.report_table {
	background-color:#f3f3f3;	
	margin:0px;
	padding:0px;
	border:1px solid #e3e3e3;
}

.report_title {
	width:660px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	text-align:left;
	background-color:transparent;
	background-color:#316090;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#316090), to(#002050));
	background: -moz-linear-gradient(top,  #316090,  #002050);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#316090', endColorstr='#002050');
	color: #FFFFFF;
	text-shadow: 0 1px 1px rgba(1,1,0,.8);
	-webkit-border-radius: .25em; 
	-moz-border-radius: .25em;
	border-radius: .25em;
	margin:0px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.report_button {
	width:256px;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:28px;
	font-size: 15px;
	text-align:center;
	background-color:transparent;
	background-color:#316090;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666', endColorstr='#000');
	color: #FFFFFF;
	text-shadow: 0 1px 1px rgba(1,1,0,.8);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	margin:0px;
	padding:0px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.report_button:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
 
.report_button a {
   color: #ffffff;
}


.report_space {
	width:54px;
	background-color:#eaeaea;
	margin:0px;
	padding:0px;
}
.report_end {
	width:10px;
	background-color:#eaeaea;
	margin:0px;
	padding:0px;
}


.report_section {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height:1.6;
	text-align:left;
	background-color:transparent;
	border-bottom:1px dotted black;
	padding-top:10px;
}

.report_header {
	background:#316090;
	background-color:#316090;
	background: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#BBB));
	background: -moz-linear-gradient(top,  #DDD,  #BBB);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDD', endColorstr='#BBB');
	color: #333;
	padding:5px;
	text-align:left;
	font-weight:bold;
	vertical-align:top;
}

.report_normal {
	background-color:#f3f3f3;
	color: #000000;
	text-align:left;
	margin:100 10 20 10px;
}

.report_param {
	background-color:#f3f3f3;
	color: #000000;
	text-align:left;
	padding:5px;
	vertical-align:top;
}

.report_param_lvert {
	background-color:#f3f3f3;
	
	color: #000000;
	text-align:left;
	padding:5px;
	border-left: 1px dotted #666;
	vertical-align:top;
}

.report_param_rvert {
	background-color:#f3f3f3;
	
	color: #000000;
	text-align:left;
	padding:5px;
	border-right: 1px dotted #666;
	vertical-align:top;
}



.report_value {
	background-color:#f3f3f3;
	
	color: #666666;
	text-align:right;
	padding:5px;
	vertical-align:top;
}

.report_unit {
	background-color:#f3f3f3;
	
	color: #666666;
	text-align:left;
	padding:5px;
	vertical-align:top;
}