.off {visibility:hidden; display:none;}
.on {visibility:visible; display:inline;}
.na {text-decoration: line-through;} /* not applicable, not available */ 

.off2, .on2{
 max-height:0;
 overflow-y:hidden;
 transition: max-height 2s ease-in-out;
}
.on2{
 max-height:150px;
}

/*
https://css-tricks.com/snippets/css/style-override-technique/
The !important rule at the end of a value will override any other style declarations of that attribute, including inline styles.
*/

body{
 font-size:90%;
 font-family: Arial, Helvetica, sans-serif;
 margin:0 auto;
 padding:0;
}

#about{
 color: #0084B1;  /* RGB(0,132,177); hover #68ABC8; RGB(104,171,200) */
 text-transform: uppercase;
 text-align: center;
 letter-spacing: 1px;
 background: linear-gradient(#ffffff,#f5f5f5);
 padding: 0 0 10px 0;
 z-index:1;
/*
 background-image: url("../img/statcharts.png"); 
 background-repeat:no-repeat; 
 background-position:left;
 background-size:40px 40px;
 background-position: 2% 3px;
*/
}
#appTitle{
 display: block; /* margin: auto; */
 font-size: 130%;
 text-shadow: 2px 2px #f1f1f1;
}
#appSubtitle{
 color:#ff0000;
}
#header{
 width: 100%; 
 height: 37px;
 z-index: 10;
 font-size: 100%;
 background-color: #0084B1;
 color:#ffffff;
 padding:0;
 position: absolute;
 top: 45px; left: 0px;
 /* 
 text-shadow:1px 1px #000000;
 transition:1s;
 */
 opacity: 1;
 text-align:justify;
}
#header.alt{
 position: fixed;
 top: 0px; left: 0px;
 padding:0 0 0 0;
 box-shadow:0px 0px 10px #8a8a8a;
 opacity: .9;
}

a{
 color:#0084B1;
 text-decoration: none;
}
a:hover{
 text-decoration: underline;
}
a.inverse{
 background-color:inherit;
 color: #ffffff;
 text-decoration: none;
}
a.inverse:hover{
 text-decoration: underline;
}
a.b {
 display: block; text-align:center;
 text-decoration:none;
 color: #0084B1;
 padding-top:5px; padding-bottom:5px;
}
a.b:hover, a.b:active {
 background: linear-gradient(#f5f5f5,#8a8a8a);
 border-radius: 10px;
 color: #ffffff;
 /* text-decoration:underline; */
}

ul.m{ /* mainmenu */
 list-style-type: none; 
 margin:0 auto;
 padding:0;
}
ul.m li{
 float: right;
 display: inline;
 width: 10%;
 text-align: center;
}
ul.m li a {
 text-decoration:none;
 color: #f1f1f1;
 display: block;
 padding-top:10px; padding-bottom:10px; 
 /* transition:.5s; */
}
ul.m li a:hover {
 background-color: #f1f1f1;
 color: #0084B1;
 box-shadow:0px -1px 0px #ff0000; /* #8a8a8a; */
}
/*
ul.m li a:active {
 background-color: #f1f1f1;
 color: #0084B1;
}
*/
ul.m li a.active {
 background: linear-gradient(#0084B1,#f5f5f5,#0084B1);
 background-color: #f1f1f1;
 color: #0084B1;
 cursor:help;
}

#menu {
 float:right;
 width: auto;
 /*
 min-width: 300px;
 max-width: 500px;
 */
 height: auto;
 vertical-align:top;
 background-color: #68ABC8; /* RGB(104,171,200) */
 color: #ffffff;
 position: absolute;
 top:85px; right:0px;
 border:1px solid #ffffff;
 box-shadow:0px 0px 10px #8a8a8a;
 z-index:10;
}
#menu.alt {
 position: fixed;
 top:38px; right:0px;
}
#mainMenu, #mainMenu2{
 width:auto;
 vertical-align:top; /* set parent and child elements to top, default is baseline bottom */ 
 transition:.5s;
}

ul.n{ /* submenu */
 list-style-type: none; 
 margin:0 auto;
 padding:0;
}
ul.n li{
 display: block;
 text-align: center;
}
ul.n li a {  
 text-decoration:none;
 color: #f1f1f1;
 display: block;
 padding-top:5px; padding-bottom:5px;
 transition: .2s;
}
ul.n li a:hover {  
 background-color: #f1f1f1;
 color: #0084B1;
}
ul.n li a:active {  
 background-color: #f1f1f1;
 color: #0084B1;
}
ul.n li hr{
 width: 80%; padding-left:10%;
}

#footer {
 width:100%;
 background-color: #f5f5f5;
 color:#8a8a8a;
 border-top: 1px solid #f1f1f1;
 text-align: center;
 box-shadow: 0 -5px 5px -6px #8a8a8a;
 padding-top:10px; 
 padding-bottom:30px;
 line-height:130%;
 margin: 5% 0 0 0;

 /*
 position:fixed; z-index:5; bottom:0px; left:0px;
 transition:.5s;
 font-size:80%;
 */
}
/*
#footer.alt {
 font-size:initial;
 padding-bottom:30px;
 line-height:130%;
 position:initial;
}
*/

#footer ul li{
 white-space: nowrap;
 text-overflow:ellipsis;
 /* border:1px solid red; */
}

ul.h{
 /* remove the bullets and the margins and padding from the list */
 list-style-type: none; margin:0 auto; padding:0;
}
ul.h li{
 display: inline-block; /* make it horizontal */
 width: 30%;
 font-weight: bold;
 padding:0 0 5px 0; 
 transition:.5s;
 transition-delay:.5s;
}
ul.h li:hover{
 transform: rotate(-10deg);
}


ul.v{
 list-style-type: none; margin:0 auto; padding:0;
 display: inline-block;
 width: 30%;
}
ul.v li{
 display: block;
 padding:0 0 10px 0; 
}

ul.v li a {
 display: block;
 width: 100%;  
 text-decoration:none;
 color: #0084B1;
 padding:0 0 5px 0;
 /* transition:.5s; */
}
ul.v li a:hover {
 background: linear-gradient(#f5f5f5,#8a8a8a);
 border-radius: 10px;
 /* background-color: #8a8a8a; */
 color: #ffffff;
 text-decoration:underline;
}
ul.v li a:active {
 background-color: #8a8a8a;
 color: #ffffff;
 text-decoration:none;
}

span.linksHeader {
 display:block;
 color:#8a8a8a;
 font-weight:bold;
 margin-top:20px;
 border-bottom: 1px solid #8a8a8a;
}

/* http://www.w3schools.com/cssref/pr_list-style-image.asp */
ul.links{
 list-style-image: url('../img/link_external.png');
 list-style-type: none; 
 /* margin:0 auto; */ 
 padding:0 0 0 23px;
}

#goTop {
 position:fixed; z-index:20; bottom:10px; right:10px;
 border-radius:5px; border:none;
 width:28px; height:25px;
 color:#ffffff; background-color:#68ABC8;
 background-image: url("../img/top24.png"); 
 background-repeat:no-repeat;
 background-position: center;
 background-size:22px 22px;
 transition:.5s;
 opacity: 0;
}
#goTop.vis {
 transition:.5s;
 opacity: .5;
}
#goTop.vis:hover{
 opacity: 1;
}

a.x {
	background-image: url("../img/close_x.png"); 
	background-repeat:no-repeat; 
	background-position:left;
	height:20px;
	padding-left:20px;
	/* display:block; */
	cursor:pointer;
}
a.x:hover{
	background-image: url("../img/close_x2.png"); 
}

#scr2 {
	margin: 0 auto;
	max-width:1100px;
	vertical-align:top;
}

#scr{
 margin: 20px 0 0 0;
 /* margin: 50px auto; */
 vertical-align:top;
}

/*
#scr div {
	vertical-align:top;
	display:inline-block;
	width:auto;
	max-width:400px;
}
*/

div.about{
	margin:2% 5% 2% 5%;
	/* font-size:100%; */
	min-height:100px;
	height:auto;
	padding: 5px 110px 10px 10px;
	background-position: center right;	
	background-image: url("../img/compass2.png"); 
	background-repeat: no-repeat;
	background-size:100px 100px;
	text-align:justify;
	transition:.5s;
}
div.about2{
	margin:2% 5% 2% 5%;
	/* font-size:110%; */
	min-height:100px;
	height:auto;
	padding: 5px 10px 10px 110px;
	background-position: center left;	
	background-image: url("../img/hospital.png"); 
	background-repeat: no-repeat;
	background-size:100px 100px;
	text-align:justify;
	transition:.5s;
}
div.about:hover, div.about2:hover{
	background-color: #f2f9ff;
	border-radius:10px;
	box-shadow:5px 5px 5px #d1d1d1;
}
div.statcharts{
	background-image: url("../img/statcharts.png"); 
}
div.compass{
	background-image: url("../img/compass2.png"); 
}
div.hat{
	background-image: url("../img/hat.png"); 
}
div.map{
	background-image: url("../img/map.png"); 
}
div.glossary{
	background-image: url("../img/glossary.png"); 
}
div.cookie{
	background-image: url("../img/cookie.png"); 
}
div.distance{
	background-image: url("../img/distance.png"); 
}
div.costs{
	background-image: url("../img/euro.png"); 
}

.iloveS{
	cursor: url("../img/ilove_statcharts.png"), help;
 
}

#signature {
}
#signature span{
 display: block;
}
#stxt{
 display:block;
 font-weight:normal;font-size:100%;
 padding:0 10% 0 10%;
 /*
 width:80%; 
 white-space: nowrap;
 text-overflow:ellipsis;
 */
}

label{

}
label:hover{
 text-decoration:underline;
}

input[type="checkbox"]{
 display:none
}
input[type="checkbox"] + label{
 background-image:url(../img/uncheck16.png);
 background-repeat:no-repeat;background-position:left;
 /* display:inline-block; */
 padding:0 0 0 35px;
 cursor:pointer;
 color:#303030;
 padding-top:4px;
 transition:.2s;
}
input[type="checkbox"]:checked + label{
 background-image:url(../img/check16.png);
 color:#ffffff;
}

#sliderOptions input[type="checkbox"]:checked + label{
 background-image:url(../img/check16.png);
 color:#0084B1;
}


#sdiv {
 float:right;
 width: auto; max-width:30%;
 vertical-align:top;
 background-color: #f5f5f5; /* #68ABC8; */
 position: absolute;
 top:85px; right:30%;
 border:none; 
 box-shadow:2px 2px 5px #8a8a8a;
 z-index:10;

 text-align:right;

 height:auto; width: 70%; 
 padding: 4px 0 4px 0;
 transition:.5s;
}

#sdiv.alt {
 position: fixed;
 top:38px; right:0px;
 /* width:40%; */
}

#sbox,#sbox2{
 width: 99%;
 font-size:100%;
 border:none;
 background-color:#f5f5f5;
 padding-left:1%;
}
#sbut{
 width: 15%;
 font-size:120%;
}
#sterms{
 position:absolute;
 top:35px; right:0px;; 
 width:94%; height: 100px; 
 overflow: auto;
 color:#000000;
 border: 5px solid #ffffff;
 box-shadow:0px 0px 2px #8a8a8a;
 padding:1%;
 text-align:left;
 z-index:10;
}

table {width: 100%;border-collapse: collapse;border:1px solid #0084B1;}
th, td {width: auto;text-align: left;vertical-align: top;
	padding: 2px;
}
th.w {background: #0084B1;color: #ffffff;}
td.justify {text-align: justify;}
td.hbold {font-size:120%;}
tr.odd, tr:nth-child(odd) {}
tr:nth-child(even) {background: #f5f5f5;}


#resultsNo {
	text-align: center;
	/* 
	margin: 20px 10px 0 1%; color: #0084B1; font-weight:bold; 
	*/
	font-size: 110%;
	color: #ff0000;
	letter-spacing: 1px;
}

#sFilters{text-align:left; margin:5px 10px 0 1%; font-size:100%;color:#8a8a8a;}

#ft-data, #relLinks {
	margin: 10px 10px 0 10px;
}
#nextRes, #nextRes2, #letters2, #categories2 {
	margin: 0 auto;
	text-align: center;
	max-width:1100px;
}
span.resPage {
	border:1px solid #8a8a8a;
	margin-right:5px;
	margin-bottom:2px;
	display:inline-block;
	width:30px;
	padding:2px 5px 2px 5px;
	cursor:pointer;
}
span.resPage:hover {
	background-color:#68ABC8;
}
span.resPageSelected {
	border:1px solid #8a8a8a;
	color:#0084B1; font-weight:bold;
	background: linear-gradient(#f5f5f5,#BABABA);
	/* background-color: #f5f5f5; */
	display:inline-block;
	width:30px;
	margin-right:5px;
	padding:2px 5px 2px 5px;
}
span.yes {
	background-image: url("../img/check.png"); 
	background-repeat:no-repeat; 
	background-position:left;
	display:inline-block;
	width:20px;
}
span.no {
	background-image: url("../img/uncheck.png"); 
	background-repeat:no-repeat; 
	background-position:left;
	display:inline-block;
	width:20px;
}
span.x {
	background-image: url("../img/close_x.png"); 
	background-repeat:no-repeat; 
	background-position:right;
	height:20px;
	padding-right:20px;
	display:block;
	cursor:pointer;
}
span.x:hover{
	background-image: url("../img/close_x2.png"); 
}
img {border:none;}
img.pic{width:200px;float:right;margin-bottom:5px;transition-property:width;transition-duration:2s;transition-delay:.2s;}
img.pic:hover{width:450px;opacity:.95;}

span.videolink {background-image: url("../img/youtube.png"); background-repeat:no-repeat; background-position:right;padding-right:20px;width:40px;cursor:pointer;}
span.info {padding-right:20px;font-size:120%;}
span.info:hover {background-image: url("../img/info.png"); background-repeat:no-repeat; background-position: 99% 50%; background-size:16px 14px;padding-right:20px;}
span.close {padding-top:2px;padding-bottom:2px;font-weight:bold;background-color:#e1e1e1; background-image: url("../img/close.png"); background-repeat:no-repeat; background-position:right;text-align:center;display:block;cursor:pointer;letter-spacing:2px;}

#videoContainer {background-color:#f5f5f5;width:auto;height:auto;position:fixed;z-index:15;bottom:10px;right:5px;border:5px solid #fff;box-shadow:0px 0px 10px #8a8a8a;}

a.az {padding-left:16px;padding-right:10px;}
a.az:hover {background-image: url("../img/check.png"); background-repeat:no-repeat; background-position:left;}
span.nn {padding-left:16px;padding-right:10px;color:#8a8a8a;}
span.nn:hover {background-image: url("../img/disabled.png"); background-repeat:no-repeat; background-position:left;}

p {margin:0px;}

fieldset {}
#filters, #more {
	/* display:block; */
	margin: 0 3% 0 3%;
	width: 90%;
	background-color: #f5f5f5;
	text-align:center;
}
/*
#more {
	margin:0 1% 1% 1%;
}
*/
#filters legend, #more legend {
	letter-spacing: 1px;
	margin: 0 0 0 20px;
}
#filters div, #more div {
	margin-left:5px;
	width:auto;
	display: inline-block;
	vertical-align: top;
}
#filters label, #more label, label.sel {
	display: inline-block; 
	width:130px;
	text-align:center;
	padding:3px 0 2px 0;
}
select {
	font-size:100%;
	width: 100px; /* 160px; 265px; */
	margin:1px;
	transition:.5s;
}
select:hover {
	box-shadow:0px 0px 10px #8a8a8a;
	/* font-weight:bold; color:#0084B1; */
}
/*
#letters select, #categories select, #pages select, #perPages select, #modes select, #orderbys select{
	width:150px;
}
*/

#chart {
	margin: 10px 0 0 10px;
	width: 98%; max-width: 1200px;
	height: auto;
	transition:.5s;
}
#chart.smaller {
	margin: 10px 0 0 10px;
        width: auto;
	height: 200px;
}
#chart.bigger {
	margin: 10px 0 0 10px;
	max-width: 1200px;
        width: auto;
	height: 400px;
}

span.uni {
	background-image: url("../img/hat40.png"); 
	background-repeat:no-repeat; 
	background-position:left;
	background-size:30px 20px;
	display:inline-block;
	width:40px;
}
span.nonuni {
	background-image: url("../img/hospital40bw.png"); 
	background-repeat:no-repeat; 
	background-position:left;
	background-size:30px 20px;
	display:inline-block;
	width:40px;
}
a.external {
	background-image: url("../img/link_external.png"); 
	background-repeat:no-repeat; 
	background-position:left;
	background-size:16px 16px;
	padding-left:16px;
}
a.external2 {
	background-image: url("../img/link_external2.png"); 
	background-repeat:no-repeat; 
	background-position:left;
	background-size:32px 16px;
	padding-left:32px;
}
a.external2:hover {
	background-image: url("../img/link_external3.png"); 
}
a.courses {
	background-image: url("../img/courses.png"); 
	background-repeat:no-repeat; 
	background-position:left;
	background-size:16px 16px;
	padding-left:16px;
}

a.info {
	background-image: url("../img/info.png"); 
	background-repeat:no-repeat; 
	background-position:left;
	background-size:16px 16px;
	padding-left:16px;
}

a.lnk, .oneTerm a {
	background-image: url("../img/link.png"); 
	background-repeat:no-repeat; 
	background-position:left;
	background-size:16px 16px;
	padding-left:16px;
}

a.tag {
	background-image: url("../img/tag.png"); 
	background-repeat:no-repeat; 
	background-position:left;
	background-size:16px 16px;
	padding-left:18px;
}

span.tagSelected {
	background-image: url("../img/tag3.png"); 
	background-repeat:no-repeat; 
	background-position:left;
	background-size:16px 16px;
	padding-left:18px;
}

a.tag2 {
	background-image: url("../img/tag.png"); 
	background-repeat:no-repeat; 
	background-position:left;
	background-size:16px 16px;
	padding-left:18px;
	display:inline-block;
	width:100px;
	text-align:left;
}

span.tag2Selected {
	background-image: url("../img/tag3.png"); 
	background-repeat:no-repeat; 
	background-position:left;
	background-size:16px 16px;
	padding-left:18px;
	width:100px;
	text-align:left;
}

span.icon {
	background-image: url("../img/tag.png"); 
	background-repeat:no-repeat; 
	background-position:left;
	background-size:16px 16px;
	padding-left:18px;
}

span.calendar {
	background-image: url("../img/calendar.png"); 
}
span.learning {
	background-image: url("../img/user.png"); 
}
span.venue, a.venue {
	background-image: url("../img/venue.png"); 
}
span.globe, a.globe {
	background-image: url("../img/globe.png"); 
}
span.language, a.language {
	background-image: url("../img/speech.png"); 
}
span.duration {
	background-image: url("../img/duration.png"); 
}

.details{
	margin-top: 20px;
	/* background:linear-gradient(#0084B1,#68ABC8); */
	background:linear-gradient(#fafafa,#ffffff);
	border:1px solid #8a8a8a;
	border-radius:10px;
	box-shadow:2px 2px 4px #8a8a8a;
	/* padding:5px; */
	text-align:center;
	vertical-align:top;
}
.details1{
	text-transform: capitalize; /* uppercase; */
	/* 
	padding-right:32px;
	min-height:32px;
	transition:.5s; 
	*/
}

.details3 {
	font-size:110%;
	padding:0;
}
h4.d3{
	text-align:center;
	font-weight:normal;
}

fieldset.d4{
	/* margin:1% 0 0 0; */
	background-color:#ffffff;
	border: 1px solid #e1e1e1;
	border-radius:10px;

	display:inline-block;
	width:90%;
	max-width:600px;
}
fieldset.d4 legend{
	margin-left:1%;
	padding: 0 1% 0 1%;
	font-style:italic;
	color: #8a8a8a;
}
.details4 {
	background-color:inherit;
	padding:0 1% 0 0;
	overflow:auto;
	height:120px;
	font-size:50%;
	text-align:justify;
	vertical-align:top;
	
	transition: all 2s; /* transition: all 2s; */
	
	/* place delay after transition - Safari */
	/* -webkit-transition-delay: .2s; */
	transition-delay: 1s;
}
.details4:hover {
	/* overflow:auto; */
	height:200px;
	/*
	color:#ffffff;
	background-color: #0084B1;
	height:auto;
	max-height:200px;
	*/
}

.details5 {
	font-size:100%;
	margin:0 1% 1% 1%; 
	padding:1%;
	font-style:italic;

	display:inline-block;
	width: 90%;
	max-width:250px;
	text-align:left;
	vertical-align:top;
}

.details6 {
	padding-right:5%;
	display:block;
	margin-top:1%;
	cursor:help;
}
.details7{
	display:inline-block;
	width: 90%;
	max-width:900px;
	text-align:left;
	vertical-align:top;
	margin-top:1%;
}


.details4, .details4 span, .details4 p, .details4 li {
 font-size:100% !important;
 font-family: Arial, sans-serif !important;
}

.masters{
	border-left:15px solid #FFC50C;
	border-bottom:1px solid #FFC50C;
	border-bottom-left-radius:10px;
	border-top-left-radius:10px;
	padding:0 1% 0 5px;
}
.phd{
	border-left:15px solid #9F6000;
	border-bottom:1px solid #9F6000;
	border-bottom-left-radius:10px;
	border-top-left-radius:10px;
	padding:0 1% 0 5px;
}
.cpd{
	border-left:15px solid #024CA1;
	border-bottom:1px solid #024CA1;
	border-bottom-left-radius:10px;
	border-top-left-radius:10px;
	padding:0 1% 0 5px;
}
.pgcert{
	border-left:15px solid #8a8a8a;
	border-bottom:1px solid #8a8a8a;
	border-bottom-left-radius:10px;
	border-top-left-radius:10px;
	padding:0 1% 0 5px;
}
.pgdip{
	border-left:15px solid #8a8a8a;
	border-bottom:1px solid #8a8a8a;
	border-bottom-left-radius:10px;
	border-top-left-radius:10px;
	padding:0 1% 0 5px;
}

.remove{
	font-size:110%;font-weight:bold;
	border:1px solid #8a8a8a;
	border-radius:15px;
	text-align:center;
	width:16px; height:16px;
	cursor:pointer;
	margin:0 4px 0 5px;
	padding:0 6px 2px 6px;
	position:relative;
	top:-1px;
	/* display:inline-block; */
	/* transition:.5s; */
}
.remove:hover{
	color:#ffffff;
	background-color:#ff0000;
	/* transform: rotate(-180deg); */
}

.relatedSearch{
	display:inline-block;
	width:300px;
	vertical-align:top;
}
.relatedSearch ul{
	list-style-type: none; 
	margin:0 auto;
	padding:0;
}

.flag {
	background-image: url("../flags/eu.png"); 
	background-repeat:no-repeat;
	background-size: 15px 10px;
	background-position: left center;
	padding-left:20px;
}
.al {background-image: url("../flags/al.png");}
.at {background-image: url("../flags/at.png");}
.be {background-image: url("../flags/be.png");}
.ba {background-image: url("../flags/ba.png");}
.bg {background-image: url("../flags/bg.png");}
.by {background-image: url("../flags/by.png");}
.ch {background-image: url("../flags/ch.png");}
.cy {background-image: url("../flags/cy.png");}
.cz {background-image: url("../flags/cz.png");}
.de {background-image: url("../flags/de.png");}
.dk {background-image: url("../flags/dk.png");}
.ee {background-image: url("../flags/ee.png");}
.es {background-image: url("../flags/es.png");}
.eu {background-image: url("../flags/eu.png");}
.fi {background-image: url("../flags/fi.png");}
.fo {background-image: url("../flags/fo.png");}
.fr {background-image: url("../flags/fr.png");}
.gr {background-image: url("../flags/gr.png");}
.hr {background-image: url("../flags/hr.png");}
.hu {background-image: url("../flags/hu.png");}
.il {background-image: url("../flags/il.png");}
.ie {background-image: url("../flags/ie.png");}
.is {background-image: url("../flags/is.png");}
.it {background-image: url("../flags/it.png");}
.ks {background-image: url("../flags/ks.png");}
.li {background-image: url("../flags/li.png");}
.lt {background-image: url("../flags/lt.png");}
.lu {background-image: url("../flags/lu.png");}
.lv {background-image: url("../flags/lv.png");}
.mc {background-image: url("../flags/mc.png");}
.md {background-image: url("../flags/md.png");}
.mt {background-image: url("../flags/mt.png");}
.nl {background-image: url("../flags/nl.png");}
.no {background-image: url("../flags/no.png");}
.pl {background-image: url("../flags/pl.png");}
.pt {background-image: url("../flags/pt.png");}
.ro {background-image: url("../flags/ro.png");}
.rs {background-image: url("../flags/rs.png");}
.ru {background-image: url("../flags/ru.png");}
.se {background-image: url("../flags/se.png");}
.si {background-image: url("../flags/si.png");}
.sk {background-image: url("../flags/sk.png");}
.tr {background-image: url("../flags/tr.png");}
.ua {background-image: url("../flags/ua.png");}
.uk {background-image: url("../flags/uk.png");}
/* World */
.au {background-image: url("../flags/au.png");}
.co {background-image: url("../flags/co.png");}
.in {background-image: url("../flags/in.png");}
.us {background-image: url("../flags/us.png");}
.za {background-image: url("../flags/za.png");}

.smartLine{
 width:auto;
 /* min-width:100px; */
 height:auto;
 display:block;	
 white-space: nowrap;
 text-overflow:ellipsis;
 overflow:hidden;
 /* border:1px solid red; */
 /* padding:0 5px 0 0; */
}

span.space10{
 display:block;
 height:10px;
}
span.filterLabel{
 /* font-style:italic; */
 /* 
 border-bottom:1px solid #8a8a8a; border-top:1px solid #8a8a8a;
 border-left:5px solid #8a8a8a; border-right:5px solid #8a8a8a;
 border-top-left-radius:10px; border-top-right-radius:10px;
 border-bottom-left-radius:10px; border-bottom-right-radius:10px;
 padding-left:5px;
 */
 display:block;
 margin-bottom:5px;
 letter-spacing:1px;
 text-align:center;
}
.mark {
 color:#ff0000;
 /*
 background-color:#ffe6e6; 
 padding:0 1px 0 1px;
 text-transform:uppercase;
 font-size:80%;
 */
}

.chartdiv{
  font-size:90%;
  line-height:75%;
  transition: all 2s;
}

.center{
 text-align:center; 
 margin:0 auto; 
 padding:10px 0 5px 0;
 max-width:1100px;

 /*
 max-width: 900px;
 height:auto;
 min-height:180px;
 margin-bottom: 20px;
 clear: both; 
 */
 
 border:1px solid #0084B1;
}
.small{
 font-size:80%;
}
.left{
 text-align:left;
}
.right{
 text-align:left; /* right; */
 border:none;
 transform:rotate(-90deg) translate(0,0);
 width:400px;height:400px;
}

.symbol{
 font-size:120%;
 border:1px solid #8a8a8a;
 border-radius:20px;
 display:inline-block;
 width:24px; padding:5px;
}
.symbol:hover, .symbol:active{
 background:#0084B1;
 color:#ffffff;
 text-decoration:none;
}

.more{
 background:#ffffff;
 border:none;
 border-bottom: 1px solid #ff0000;
 cursor:pointer;
 margin-left:5px;
}
.inverse{
 background: linear-gradient(#f5f5f5,#8a8a8a);
 color: #ffffff;
 /* 
	text-decoration:underline; border-radius: 10px; 
 */
}