@charset "utf-8";
/*http://meyerweb.com/eric/tools/css/reset/
  http://www.w3schools.com/cssref/css_colors.asp
  http://www.somacon.com/p141.php //table borders etc*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, select, option {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	font-family:  Times, sans-serif;/*"Times New Roman", */
	font-size: 20px;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.1;
	background-color:#E8E8E8;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
::-ms-clear { /*see votab IE inputist ara risti*/
	display: none; 
}
.error {
	color:#ff0000;
}
#welcome {
	padding-top:4px;
	width:190px;
	min-height:551px;
	background: #D8D8D8;
	color: black;
	float:left;
	position: fixed;
	text-align:center;
}
#welcome textarea{
	font-size: 18px;
}
#contactme{
	margin-top:1px;
	padding:1px 5px;
}
#myHeader {
	height:65px;
	border-bottom: 1px solid #000;
}
/*margin vs padding - use margin by default, use padding to move the contents away from the edges of the block*/
#myLogin, #myLogo{
	height:59px; /*ipad ilma ei saa, peab margin jagu olema vaiksem kui #myHeader*/
	width:190px;
	float:left;
	margin:3px 5px;
}
#myLogin #username,#myLogin #password {
  width: 47%;
  font-size: 0.8em;
}
#myStat {
  font-size: 0.8em;
}
#btnLogOut, #btnMenu, #btnLogIn{
	margin-top:5px;
	background-color:#D8D8D8;
}
#btnLogOut{
	width: 70px;
}
#btnMenu{
	width: 110px;
	margin-left:10px;
}
#btnLogIn{
	width:184px;
}
#btnNewAthlete{
	width:100px;
	background-color:#D8D8D8;
	margin:2px;
	margin-left:10px;
	border: 1px solid #000;
}
#myInformation {
	/*height:60px; //toimib ka ilma, korguse maarab #myHeader*/
	margin-left:205px;/*padding-left:205px; asi toimib ka nendeta aga soovitav on siiski kasutada*/
	line-height: 30px;/*lahtudes #myHeader korgusest mahutab 2 rida*/
	/*ilma line-height, ei toimi ka vertical-align,
	kui line-height ei ole vordne elemendi korgusega, siis vertical-align effekt lahja
	vertical-align: middle;*/
	word-wrap: break-all;/*display: table-cell;word-break: break-word;*/
	overflow:auto;
}
#myFooter {
	border-top: 1px solid #000;
	height:50px;
	bottom:0;
	padding-top:5px;
	clear:both;
	/*width:955px;*/
	text-align:center;
	font-size:10px;
}
#myData {
	min-height:640px;/*oli 555*/
	margin-left:205px;/*padding-left:205px;*/
}
#listMenu {
	list-style:none;
	width:190px;
	min-height:555px;
	background: #D8D8D8;
	color: black;
	padding:0 5px;
	float:left;
	position: fixed;
}
#listMenu a{
	text-decoration: none;
	background:none;
	border:0;
	color:black;
	/*display: inline; Has no line break before or after it, and it tolerates HTML elements next to it.*/ 
	/*display: block; Has some whitespace above and below it and does not tolerate any HTML elements next to it.*/ 
	display: inline-block; /*Is placed as an inline element (on the same line as adjacent content), but it behaves as a block element.*/
	line-height:1.6;/*maarab rea korguse, inline seda teha ei lase*/
	width: 100%;
	text-align:left;
}
#listMenu a:hover{
	background: #E8E8E8;
}
#listMenu .active{
	background: #F0F0F0;
}
.classMenuHor {/*#listMenuHor, #listMenuHor1, #listMenuHor2*/
	list-style:none;
	display: inline-block;
	width:750px;
	color: black;
}
.classMenuHor a{
	text-decoration: none;
	float: left;
	background: #D8D8D8;
	border: 1px solid #000;
	border-top: none;
	padding:5px 0 5px 0;
	/* kumerusega menyy hambad - lahe aga kole
	background: #F0F0F0;
	border: 1px solid #000;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;*/
	color:black;
	display: block;
	height: 100%;
	text-align:center;
	padding:0;
}
#listMenuHor a{
	width: 245px;/*mahub 3 hammast*/
}
#listMenuHor1 a{
	width: 185px;/*mahub 4 hammast*/
}
#listMenuHor2 a{
	width: 110px;/*mahub kuni 6 hammast ja jaab veidi ylegi*/
}
.classMenuHor a:hover{
    background-color: #A9A9A9;
}
.classMenuHor .active{
	background: none;
	border: none;
	font-size: 1.2em;
}
/*.classRegTable so 
#myAthlets,#myVenues,#myAreas,#myCompetitions,#myMessagesdata, #myUserdata,#myAvgData*/
.classRegTable,#myAvgDetails,#myFilesdata{
	width:750px;
}
#myAvgDetails2{
	width:1050px;
}
#pagination a {/*need on lehe nooled*/
	text-decoration: none;
	color: #000;
	padding: 0 12px 0 12px;/*page noolte vahe oli 15 aga ei mahtunud enam ara*/
	display: inline-block;
	float:right;
}
#myList a {/*need on lehe nooled Listil, list on nii lai, et nooled paremal ei ole hea*/
	float:none;
}
/*table-layout:fixed; ei lase hiljem tulpade suurust muuta!? aga see ei ole ju important?! 
  aga myAthlets puhul ei ole sellega hiljem mingit mingit probleemi!?
.regularTable thead, .regularTable tbody tr,*/
/*
#myAthlets thead, #myAthlets tbody tr, #myVenues thead, #myVenues tbody tr , #myAreas thead, #myAreas tbody tr , 
#myCompetitions thead, #myCompetitions tbody tr,#myMessagesdata thead, #myMessagesdata tbody tr,
#myUserdata thead, #myUserdata tbody tr,#myAvgData thead, #myAvgData tbody tr, 
#myAvgDetails thead, #myAvgDetails tbody tr*/
#myAvgDetails2 thead, #myAvgDetails2 tbody tr,
.classRegTable thead, .classRegTable tbody tr,#myFilesdata thead,#myFilesdata tbody tr{
	display:table;
	width:100%;
	table-layout:fixed;/* even columns width , fix width of table too*/
}
#myFilesdata tbody, #myUserdata tbody{/*#myUserdata saab .classRegTable kaasata seda mitte?!*/
	display: block; 
	height: 450px; 
	overflow-y: auto;
	overflow-x: hidden;
}
#myUserdata tbody{
	height: 380px; 
	width: calc( 100% + 0.85em );/*kui kandeid on vahe ei oleks seda vaja*/
}
/*kalkuleeritav laus on lahe asi, scrollbar is average 1em/16px width, remove it from thead width 
#myAthlets thead, #myVenues thead , #myCompetitions thead{
	width: calc( 100% - 1em );
*/
/*
#myAthlets th ,#myAthlets td, #myVenues th ,#myVenues td,#myAreas th ,#myAreas td, 
#myCompetitions th, #myCompetitions td,#myMessagesdata th, #myMessagesdata td,
#myAvgData th,#myAvgData td, #myAvgDetails th, #myAvgDetails td,*/
#myAvgDetails2 th, #myAvgDetails2 td,
.classRegTable th, .classRegTable td{/*#myFilesdata siin ei ole*/
/*nii kahjuks ei saa
.classRegTable th:not(#myFilesdata), .classRegTable td:not(#myFilesdata){
.classRegTable th:not(#myFilesdata  th), .classRegTable td:not(#myFilesdata  td){*/
	padding-left:2px;
	padding-right:2px;
	border: 1px solid grey;
	width:6%;
}
#myUserdata th, #myUserdata td{/*.classRegTable vorreldes keskele joondu*/
	text-align:center;
}

#myCmpData, #myCmpData2{
	table-layout: fixed;
	border-collapse:collapse;
	overflow: auto;
	/*
	display:block;
	overflow:hidden;
	*/
}
#myCmpData thead,#myCmpData2 thead{
	display:table;
	width:100%;
	/*position:fixed;*/
	table-layout:fixed;/* even columns width , fix width of table too*/
}
#myCmpData thead>tr, #myCmpData2 thead>tr{
	display:block;
}
#myCmpData tbody, #myCmpData2 tbody{
	display: block; 
	/*max-height: 300px;*/ 
	overflow-y: hidden;
	overflow-x: hidden;
	/*background-color:white; ei olegi vaja background: transparent; lahendas asja ara
	background-color:white;
	height: auto;
	overflow: hidden;*/
}
#myCompetitions input[type="text"], #myCmpData input[type="text"], #myCmpData select, #myDataStat input, 
#mySpChr input, #athname input, #cmpvenue input, #cmpvenue2 input, #cmpname input {
    background: transparent;
}
#myCompetitionsS input[type="text"],#myCompetitions #pagination input{/*need vajavad eraldi varvimist, teised mitte?*/
    background: white;
}
#myCompetitionsS2 input[type="text"],#myCompetitions2 #pagination input{/*need vajavad eraldi varvimist, teised mitte?*/
    background: white;
}
#myCmpData th, #myCmpData td, #myCmpData2 th, #myCmpData2 td{
	padding-left:2px;
	padding-right:2px;
	border: 1px solid grey;
	min-width: 55.5px;/*see peab olema min, ilma selleta jooksevad kitsamaks kokku*/
	text-align:center;
}
#myCmpData #addage, #myCmpData #addstat,
#myCmpData .age, #myCmpData .stat, #myCmpData .mymax{
	color:grey; 
}
#myCmpData td:nth-child(1), #myCmpData th:nth-child(1) {min-width: 50px; }
#myCmpData td:nth-child(2), #myCmpData th:nth-child(2) {min-width: 300px; text-align:left;}
#myCmpData td:nth-child(5), #myCmpData th:nth-child(5) {min-width: 80px; }
#myCmpData td:nth-child(14), #myCmpData th:nth-child(14) {min-width: 300px; text-align:left;}
#myCmpData td:nth-child(15), #myCmpData th:nth-child(15) {min-width: 50px; }
#myCmpData select, #myCmpData span{
	width:100%;
	height:100%;
	display: block;
	/*overflow:hidden;
    text-overflow:ellipsis;
	white-space: nowrap;*/ 
}
#myCmpData input, #mySpChr input { 
	width: 100%; 
	text-align:center;
}
#myCmpData .comment input, #myCmpData #addathlete input, #athname input, #cmpvenue input, 
#cmpvenue2 input, #cmpname input {
	padding-left:2px;
	text-align:left !important;
}
/*
#myCmpData input { width: 60px; text-align:center;}

#myCmpData .comment input, #myCmpData #addathlete input {
	width: 300px;
	text-align:left;
}*/

#myCmpData2 td:nth-child(1), #myCmpData2 th:nth-child(1) {min-width: 300px; text-align:left;}
#myCmpData2 td:nth-child(4), #myCmpData2 th:nth-child(4) {min-width: 80px; }
#myCmpData2 td:nth-child(13), #myCmpData2 th:nth-child(13) {min-width: 300px; text-align:left;}
#myCmpData2 td:nth-child(14), #myCmpData2 th:nth-child(14) {min-width: 50px; }


#myAthlets th, #myVenues th, #myAreas th, #myCompetitions th, #myCompetitions2 th{
	text-align: center;
}
#myAthlets td, #myVenues td, #myCompetitions td, #myCompetitions2 td{
	text-align: right;
}
/*see on lahe funktsioon - paaris ridadel oma tausta varv,
kummaline, et hilisemad sarnased read ei suuda ilma !important seda yle kirjutada*/
tbody tr:nth-child(odd){
    background-color: #fff;
}
/*eelneval on erandid aga see list kipub paris pikaks minema
(important teeb selle satte teistest kovemaks ja mojub ka siis, 
kui see asub eelnevast ees- voi tagapool)*/
#myMessages tbody tr, #myCompetitionsS tbody tr, #myCompetitionsS2 tbody tr, #myVenuesS tbody tr, #myVenuesJ tbody tr, #myAreasS tbody tr, 
#myAthletsS tbody tr, #myFiles tbody tr, #statdata tbody tr{/*otsingu/filtri tabelite taust on hall, peaks looma eraldi klassi*/
	background-color:#E8E8E8 !important;
}
#myAthlets .last_name, #myAthlets .first_name{
	width:18%;
	text-align: left;
	padding-left:5px;
}
#myCompetitionsS2 #cmpvenue input, #myCompetitionsS2 #cmpname input,
#myCompetitionsS #cmpvenue input, #myCompetitionsS #cmpname input,
#myCompetitions .kp input, #myCompetitions .mytype input,
#myCompetitions .name input, #myCompetitions .place input, 
#myCompetitions .parentCMP{
	width:100%;
}
#myCompetitions .kp input, #myCompetitions .mytype input, #myCompetitions .parentCMP{
	text-align: center;
}
#myVenues .country{
	width:7%;
	text-align: left;
	padding-left:5px;
}
/*
#myUserdata .userid{
	width:3%;
}
#myUserdata .username, #myUserdata .rolename{
	width:12%;
}*/
#myVenues .venue{
	width:25%;/*width:33%;*/
	text-align: left;
	padding-left:5px;
}
#myVenues .myTZ{
	width:8%;
}
#myVenues td.myTZ{
	font-size:16px;
}

#myMessagesdata .email, #myMessagesdata .message{
	text-align: left;
	padding-left:5px;
	word-wrap: break-word;
}
#myMessagesdata .email{
	width:30%;
} 
#myMessagesdata .message{
	width:45%;
}
#myMessagesdata .mytime{
	text-align: center;
	width:15%;
}
#myAthlets .dob{
	text-align: center;
	width:12%;
}
#myAthlets .myID, #myVenues .myID{
	width:3%;
	font-size:8px;
}
#myAthlets .init{
	width:5%;
	text-align: center;
}
#myAthlets .myC, #myVenues .myC{
	width:3%;
}
#myAthlets .myStat,#myVenues .myStat{
	width:5%;
	padding-right:5px;
}
#myAthlets .myC3, #myVenues .myC3{
	width:7%;
}
#myAthlets .myC4, #myVenues .myC4, #myMessagesdata .myC4{
	width:10%;
}
#myAreas .areaname{
	padding-left:5px;
	width:20%;	
}
#myAreas .countries{
	padding-left:5px;
	width:72%;
}
#myAreas .myC3{
	width:8%;	
}
#mySpChr th, #mySpChr td{
	border: 1px solid grey;
	text-align:center;
	width: 140px;
}
#myDataStat{
	margin-top:10px;
}
#myDataStat th, #myDataStat td{
	font-size: 12px;
	border: 1px solid grey;
}
#myDataStat .statyear{
	background-color: #ffcc99;
	line-height: 1.4;
}
#myDataStat .statnew, #mySpChr .newchr{
	background-color: #cceeff;
	line-height: 1.4;
}
#myDataStat .statyear td{
	font-weight: bold;
}
#myDataStat .mytime{
	min-width: 60px;
	text-align:center;
}
#myDataStat input{
	font-size: 12px;
	width: 60px; /*siin 100% ei toimi!?*/
	text-align: center;
}
#myDataStat .myStatH, #myDataStat  .myC4{
	min-width: 45px;
	text-align:center;
}
#myDataStat .myStat{
	min-width: 45px;
	padding-right:5px;
	text-align:right;
}
/*Nii ei saa paist paika
#myFilesdata{
	display: block; 
	height: 490px; 
	overflow-y: auto;
	overflow-x: hidden;
}*/
/*Nii, kui puudub scrollbar on see kitsam kui body
#myFilesdata thead{
	width:733px;
}*/
/*body joonte eemmaldus ja erinevad laiused on sohk aga paremini hetkel ei oska*/
#myFilesdata thead .filename{
	border: 1px solid grey;
	width:85%;
}
#myFilesdata thead .action {
	border: 1px solid grey;
	width:15%;
}
#myFilesdata tbody .filename {
	width:90%;
	padding-left:5px;
}
#myFilesdata tbody .action {
	width:10%;
}
#myAthletsS input,#myVenuesS input, #myVenuesJ input, #myAreasS input, #myCompetitionsS input, #myCompetitionsS2 input, #myMessages  input, #myFiles input{
	border: 1px solid grey;
	margin: 5px;
	height: 27px;/*input default size=20*/
}
#pagination{
	border: none;
	padding: 5px;
	background-color: #A9A9A9;
	font-size: 20px !important;
}
#paginationTR td{/*esimese tulba peitmiseks tuli listi pagination jagada kaheks, sisuliselt sama mis eelmine*/
	border: none !important;
	padding: 5px !important;
	font-size: 20px !important;
	background-color: #A9A9A9;
}
#subvenue, #s_venue{
	width: 280px;
}
#myCompetitionsS #type, #myCompetitionsS2 #type{
	width: 65px;
}
#myCompetitionsS #cmpdate, #myCompetitionsS #finddate, #myCompetitionsS2 #finddate, #myAthletsS #mydob{
	width: 105px;
}
#myAthletsS #slname, #myAthletsS #sfname{
	width: 245px;/*width: 235px;*/
}
#myCompetitionsS #cmpvenue,#myCompetitionsS #cmpname,
#myCompetitionsS2 #cmpvenue,#myCompetitionsS2 #cmpname{
/*oli
#myCompetitionsS #splace,#myCompetitionsS #sname{
	width: 240px;
}*/
	padding-right:5px;
	width: 194px;
}
#myCompetitionsS #cmpdate, #myCompetitionsS #finddate{
		margin: 0px;
		margin-left: 5px;
}
#myVenues .locations{
	width:4%;
}
.overSelect {
	position: absolute;
	left: 0; right: 0; top: 0; bottom: 0;
}
#selectlist{
	padding-left:5px;
	position: absolute;
	border: 1px #dadada solid;
	background-color: #f9f9f9;
	width: 290px;
	max-height: 390px;
	overflow: auto;
}
#checkboxes, #athCountries, #cmpCountries, #myAthletesList, #myVenuesList, #myCmpNameList, #avgCountries{
	display: none;
	padding-left:5px;
	position: absolute;
	border: 1px #dadada solid;
	background-color: #f9f9f9;
	width: 290px;
	max-height: 390px;
	overflow: auto;
}
#myAthletesList, #myVenuesList, #myCmpNameList{
	width: 400px;
}
#hthsAth #myAthletesList{
	margin-top:-5px;
	margin-left:125px;
}
#athCountries, #cmpCountries, #avgCountries{
	display: none;
	margin-top:2px;
	width: 160px;
}
#checkboxes li, #athCountries li, #cmpCountries li, #myAthletesList li, #myCmpNameList li, #avgCountries li{
	display: block;
}
.red{
	color: red;
}
.content-editable{
	width: 100%; 
	min-height: 19px;/*see lahendas liiga pika teksti probleemi*/
	/*white-space: nowrap;
	overflow-x: auto; */
}
/*http://stackoverflow.com/questions/20566660/3-column-layout-html-css*/
.column-left{ float: left; width: 33%; }
.column-right{ float: right; width: 33%; }
.column-center{ display: inline-block; width: 33%; }
#btnmyfile{
	/*margin:1px;
	height: 30px;
	font-size: 20px; 
	width: 105px; nii jaab valitud nimi peitu*/
	display: none;/*IE paneb eelnevaga ikka taiega segast, tuli kasutada seda*/
}
#lblmyfile{
	margin-left:5px;
	display: block; /*ilma selleta labeli kujundus raske kui mitte voimatu*/
	padding:1px;
	width: 100px; 
	text-align:center;
	border:1px solid black;
}
#btninsertfile{
	/*display: none;*/
}
#statdata{
	width: 750px;
/*	font-size: 1.2em;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;*/
}
#statdata table td{
	padding:5px;
	padding-left:15px;
}
#statdata table tr td:last-child{
	font-size: 0.7em;
}
#statathlete{
	display:none; /*visibility:hidden; means that unlike display:none, the tag is not visible, but space is allocated for it on the page. The tag is rendered, it just isn't seen on the page*/
}
#selectathlete{
	min-width: 370px;
}
#selectathlete option{
	padding-left: 5px;
}
#chpwd td{
	width: 200px;
/*	line-height: 30px;
	border:1px solid black;*/
}

#chpwd input{
	margin-top: 5px;
	border:1px solid black;
}
#newname, #newcountry, #newuser, #newrole, #newpwd, 
#adduser, #getuserstat, [id^=btnmulti]{
	margin:10px;
	margin-right:0px;
	line-height: 1.3em;
	border:1px solid black;
}
/*
#newname, #newcountry{
	margin-bottom:0px;
}
#newuser, #newrole, #newpwd, 
#adduser, #getuserstat{
	margin-top:0px;
	
}*/
#adduser, #getuserstat{
	padding-left: 10px;
	padding-right: 10px;
}
#newrole{
	width:120px;
}
#myRepr{
	/*display:inline;
	position:absolute;*/
}
#adddatarow{
	background-color:#ecffe5;
}
#myAlist{
	position:  absolute;
    display: block;
	background-color:white;
	max-height:200px; 
	min-width:300px; 
	overflow: auto;
	border:1px solid black;
}
.mytype #myAlist{
	min-width:50px; 
}
#mySpChr thead, #mySpChr tbody{
    display: block;
}
#mySpChr tbody{
	height: 500px;
	overflow-y: scroll;
}
.classFilterTable{/*#myListFilter, #myAvgFilter, #myClubFilter*/
    background: white;
}
#hthAthA, #hthAthA input, #hthsAth, #hthsAthInput, #timelineAth, #timelineAthInput, #winsA, .winA{
	background: #b0c4de;
}
#hthAthB, #hthAthB input, #winsB, .winB{
	background: #cce698;
}
#winsA, #winsB{
	text-align: center;
}

.classFilterTable th, .classFilterTable td{
	border: 1px solid grey;
	/*padding:0 5px; noole kast ei jaa serva*/
}
.classFilterTable select, .classFilterTable input{
	text-align:center;
	width:100%;
}
#athCountries input, #cmpCountries input, #myAthletesList input, #myVenuesList input, #avgCountries input{
	width:10%;
}
.classFilterTable .cl1{
	min-width:100px;
	max-width:100px;
}
.classFilterTable .cl2{
	min-width:40px;
	max-width:40px;
}
.classFilterTable .cl3{
	min-width:150px;
	max-width:150px;
}
.classFilterTable .cl4{
	min-width:70px;
	max-width:70px;
}
.classFilterTable .cl5{
	min-width:200px;
	max-width:200px;
}
.classFilterTable .cl6{
	min-width:300px;
	max-width:300px;
}
.classFilterTable .cl7{
	min-width:50px;
	max-width:50px;
}
#athfilter1, #athfilter2,#athfilterL1, #athfilterL2, 
#cmpfilter1, #cmpfilter2,#cmpfilterL1, #cmpfilterL2 {
	min-width:85px;
	max-width:85px;
}
.classFilterTable .mylabel{
	background: #D8D8D8;
	padding: 0 5px;
	font-style:italic;
	font-size: 12px;
}
#myList, #myAvgData, #myAvgDet, #myClubData {
	margin-top:5px;
}
#myList th, #myList td{
	font-size: 12px;
	border: 1px solid #f0f0f5;
	text-align:center;
	min-width:10px;
	padding: 0px 2px;
}
#myList #pagination{
	font-size: 20px;
}
#myList .condition1{
	font-weight: bold;
	background-color:#d7d7c1;
}
#myList .condition2{
	color:red;
}
#myList .condition3{
	color:red;
	font-weight: bold;
	background:#d7d7c1;
}
#myList .condition4{
	color: #0080ff;/*blue, #0088cc*/
}
/*#athareas{
	font-size: 15px;
}*/
/*ei saanud tulpa ja paist kattuma
#myList thead, #myList tbody{
    display: block;
}
#myList tbody{
	height: 390px;
	overflow-y: scroll;
}*/
#myList td:nth-child(1), #myList td:nth-child(2), #myList td:nth-child(6) {text-align:right; font-size: 8px;}
#myList td:nth-child(4), #myList td:nth-child(5),#myList td:nth-child(10),#myList td:nth-child(12) {text-align:left;}
#myList td:nth-child(4), #myList th:nth-child(4),#myList td:nth-child(5),#myList th:nth-child(5) {min-width:100px;}
#myList td:nth-child(3), #myList th:nth-child(3), #myList td:nth-child(9), #myList th:nth-child(9) {min-width:40px;}
#myList td:nth-child(11), #myList th:nth-child(11) {min-width:60px;}
#myList td:nth-child(10), #myList th:nth-child(10) {min-width:130px;}
#myList td:nth-child(12), #myList th:nth-child(12) {min-width:175px;}
#createList, #resetFilter, #createAvgList, #avgReport, #resetAvgFilter, #createClubList, 
#resetClubFilter, #reseththFilter, #reseththsFilter, #createDuel, 
#resetTBCFilter,#resetTBYFilter, #createTBCList, #createTBYList{
	width:60px;
	margin:5px;
	border: 1px solid grey;
}
#createCSV, #clubCSV{
	width:120px; 
	margin:5px;
	border: 1px solid grey;
}
/*seda vajasin testimiseks
#mycmpopt{
	background-color:yellow;
}*/
#downloadfile{
    display: none;
}
#myAvgDetails td, #myAvgDetails2 td{
font-size: 16px;	
}

.alR{
	text-align:right;
}
.alC{
	text-align:center;
}
.alCC{
	text-align:center;
	vertical-align: middle;
	line-height: 15px;
}
.myCnd1{/*ainult bold*/
	font-weight: bold;
}
.myCnd2{/*tumedam pruunikasroheline + bold*/
	font-weight: bold;
	background-color: #d7d7c1 !important;/*EI #9c9c63, #a5a573, #909C63, #829C63, #719c63 */
}
.myCnd3{/*heledam pruunikasroheline*/
	background-color: #e1e1d0 !important;/* #ebebe0 on ilus aga ei eristu piisavalt, #e1e1d0 on pea sama mis #d7d7c1 aga ka ei eristu*/
}
#myCompetitions tbody .active input, #myCmpData .ageerror, #myCmpData2 .ageerror, .myActive{
	color:red !important;
}
.whiterow{
	background-color: #FDFDFD !important; /*paris valget vast mitte FFFFFF FDFDFD*/
}
#myClubData th, #myClubData td{
	font-size: 14px;
}
#myCompetitions th, #myCompetitions td, #myCompetitions2 th, #myCompetitions2 td{
	font-size: 18px;
	text-align: center;
}
#myCompetitions td .parentCMP{/*teise tulpa tuli input*/
	font-size:8px; 
}
#myCompetitions th:nth-child(1), #myCompetitions th:nth-child(2) {width:5%}
#myCompetitions td:nth-child(1), #myCompetitions td:nth-child(2) {width:5%; font-size:8px} 
#myCompetitions th:nth-child(3), #myCompetitions td:nth-child(3),
#myCompetitions th:nth-child(8), #myCompetitions td:nth-child(8) {width:5%}
#myCompetitions th:nth-child(4), #myCompetitions td:nth-child(4) {width:6%}
#myCompetitions td:nth-child(4) {font-size:14px}
#myCompetitions th:nth-child(5), #myCompetitions td:nth-child(5) {width:36%; padding-left:5px; text-align: left}
#myCompetitions th:nth-child(6), #myCompetitions td:nth-child(6) {width:23%; padding-left:5px; text-align: left}
#myCompetitions th:nth-child(7), #myCompetitions td:nth-child(7) {width:14%}

#myCompetitions2 th:nth-child(1), #myCompetitions2 td:nth-child(1),
#myCompetitions2 th:nth-child(2), #myCompetitions2 td:nth-child(2) {width:8%}
#myCompetitions2 th:nth-child(3), #myCompetitions2 td:nth-child(3),
#myCompetitions2 th:nth-child(4), #myCompetitions2 td:nth-child(4) {width:35%; padding-left:5px; text-align: left}
#myCompetitions2 th:nth-child(5), #myCompetitions2 td:nth-child(5) {width:16%}


/*numeratsiooni tulba font on reeglina vaiksem*/
#myAvgData td:nth-child(1), #myAvgDetails td:nth-child(1), #myAvgDetails2 td:nth-child(1), 
#myClubList td:nth-child(1), #myClubList td:nth-child(2), #myClubMost td:nth-child(1) { font-size: 8px;}

#myUserdata td:nth-child(1), #myUserdata th:nth-child(1) {width:6%}
#myUserdata td:nth-child(2), #myUserdata th:nth-child(2) {width:22%}
#myUserdata td:nth-child(3), #myUserdata th:nth-child(3) {width:12%}
#myUserdata td:nth-child(4), #myUserdata th:nth-child(4) {width:12%}
#myUserdata td:nth-child(5), #myUserdata th:nth-child(5) {width:12%}
#myUserdata td:nth-child(6), #myUserdata th:nth-child(6) {width:12%}
#myUserdata td:nth-child(7), #myUserdata th:nth-child(7) {width:12%}
#myUserdata td:nth-child(8), #myUserdata th:nth-child(8) {width:12%}


#myAvgData td:nth-child(1), #myAvgData th:nth-child(1) {width:6%}
#myAvgData td:nth-child(2), #myAvgData th:nth-child(2) {width:10%;}
#myAvgData td:nth-child(3), #myAvgData th:nth-child(3) {width:54%;}
#myAvgData td:nth-child(4), #myAvgData th:nth-child(4),
#myAvgData td:nth-child(5), #myAvgData th:nth-child(5) {width:15%;}
#myAvgDetails td:nth-child(1), #myAvgDetails th:nth-child(1) {width:23px;}
#myAvgDetails td:nth-child(2), #myAvgDetails th:nth-child(2) {width:43px;}
#myAvgDetails td:nth-child(3), #myAvgDetails th:nth-child(3) {width:310px;}
#myAvgDetails td:nth-child(4), #myAvgDetails th:nth-child(4) {width:72px;}
#myAvgDetails td:nth-child(5), #myAvgDetails th:nth-child(5) {width:190px;}
#myAvgDetails td:nth-child(6), #myAvgDetails th:nth-child(6) {width:80px;}
#myAvgDetails2 td:nth-child(1), #myAvgDetails2 th:nth-child(1) {width:23px}
#myAvgDetails2 td:nth-child(2), #myAvgDetails2 th:nth-child(2) {width:43px;}
#myAvgDetails2 td:nth-child(3), #myAvgDetails2 th:nth-child(3) {width:310px;}
#myAvgDetails2 td:nth-child(4), #myAvgDetails2 th:nth-child(4) {width:72px;}
#myAvgDetails2 td:nth-child(5), #myAvgDetails2 th:nth-child(5) {width:190px;}
#myAvgDetails2 td:nth-child(6), #myAvgDetails2 th:nth-child(6) {width:80px;}
#myAvgDetails2 td:nth-child(7), #myAvgDetails2 td:nth-child(8) {text-align:center;}
#myAvgDetails2 td:nth-child(9), #myAvgDetails2 td:nth-child(10) {text-align:center;}
#myAvgDetails2 td:nth-child(11), #myAvgDetails2 td:nth-child(12) {text-align:center;}
#myClubList td:nth-child(1), #myClubList th:nth-child(1), 
#myClubList td:nth-child(2), #myClubList th:nth-child(2) {text-align:center; width:3%}
#myClubList td:nth-child(3), #myClubList th:nth-child(3),
#myClubList td:nth-child(5), #myClubList th:nth-child(5) {text-align:center;width:10%}
#myClubList td:nth-child(4), #myClubList th:nth-child(4){width:19%}
#myClubList td:nth-child(9), #myClubList th:nth-child(9) {width:17%}
#myClubList td:nth-child(6), #myClubList th:nth-child(6),
#myClubList td:nth-child(7), #myClubList th:nth-child(7) {text-align:center; width:5%}
#myClubList td:nth-child(8), #myClubList th:nth-child(8) {width:7%}
#myClubList td:nth-child(10), #myClubList th:nth-child(10) {width:21%}
#myClubFirstLast td:nth-child(1), #myClubFirstLast th:nth-child(1) {text-align:center;width:8%}
#myClubFirstLast td:nth-child(2), #myClubFirstLast th:nth-child(2),
#myClubFirstLast td:nth-child(5), #myClubFirstLast th:nth-child(5) {text-align:center;width:5%}
#myClubFirstLast td:nth-child(3), #myClubFirstLast th:nth-child(3) {width:19%}
#myClubFirstLast td:nth-child(7), #myClubFirstLast th:nth-child(7) {width:17%}
#myClubFirstLast td:nth-child(4), #myClubFirstLast th:nth-child(4),
#myClubFirstLast td:nth-child(8), #myClubFirstLast th:nth-child(8) {text-align:center; width:10%}
#myClubFirstLast td:nth-child(9), #myClubFirstLast th:nth-child(9) {width:19%}
#myClubFirstLast td:nth-child(6), #myClubFirstLast th:nth-child(6) {width:7%}
#myClubMost td:nth-child(1), #myClubMost th:nth-child(1) {width:5%} 
#myClubMost td:nth-child(2), #myClubMost th:nth-child(2) {width:25%}
#myClubMost td:nth-child(3), #myClubMost th:nth-child(3),
#myClubMost td:nth-child(5), #myClubMost th:nth-child(5) {text-align:center;width:10%}
#myClubMost td:nth-child(4), #myClubMost th:nth-child(4) {width:14%}
#myClubMost td:nth-child(6), #myClubMost th:nth-child(6) {width:36%}
#myClubCity td:nth-child(1), #myClubCity th:nth-child(1) {padding-left:5px; width:9%} 
#myClubCity td:nth-child(2), #myClubCity th:nth-child(2),
#myClubCity td:nth-child(5), #myClubCity th:nth-child(5),
#myClubCity td:nth-child(6), #myClubCity th:nth-child(6) {text-align:center; width:12%}
#myClubCity td:nth-child(3), #myClubCity th:nth-child(3) {text-align:center; width:10%}
#myClubCity td:nth-child(4), #myClubCity th:nth-child(4) {padding-left:5px; width:45%}
#myClubSeasons td:nth-child(1), #myClubSeasons th:nth-child(1) {padding-left:15px; width:7%} 
#myClubSeasons td:nth-child(2), #myClubSeasons th:nth-child(2),
#myClubSeasons td:nth-child(3), #myClubSeasons th:nth-child(3),
#myClubSeasons td:nth-child(4), #myClubSeasons th:nth-child(4) {text-align:center; width:31%}

#myClubAthletes td:nth-child(1), #myClubAthletes th:nth-child(1) {padding-left:5px; width:12%} 
#myClubAthletes td:nth-child(2), #myClubAthletes th:nth-child(2),
#myClubAthletes td:nth-child(3), #myClubAthletes th:nth-child(3) {text-align:center; width:12%}
#myClubAthletes td:nth-child(4), #myClubAthletes th:nth-child(4) {width:34%}
#myClubAthletes td:nth-child(5), #myClubAthletes th:nth-child(5) {width:28%}

#myClubAthletesDet td:nth-child(1), #myClubAthletesDet th:nth-child(1) {padding-left:15px; width:12%} 
#myClubAthletesDet td:nth-child(2), #myClubAthletesDet th:nth-child(2){text-align:center; width:13%}
#myClubAthletesDet td:nth-child(3), #myClubAthletesDet th:nth-child(3) {width:40%}
#myClubAthletesDet td:nth-child(4), #myClubAthletesDet th:nth-child(4) {text-align:center; width:13%}
#myClubAthletesDet td:nth-child(5), #myClubAthletesDet th:nth-child(5) {text-align:center; width:22%}
#myClubAthletesDet, #myHHCompetitions, #myDuels, #myDuelHeader, #myTimelineFilter, #myTimelineData,
#myTimelineHeader, #myTBCdata, #myTBYdata{
	margin-top: 5px;
}
#myHHCompetitions td:nth-child(1), #myHHCompetitions th:nth-child(1) {text-align:center; width:13%} 
#myHHCompetitions td:nth-child(2), #myHHCompetitions th:nth-child(2) {width:35%}
#myHHCompetitions td:nth-child(3), #myHHCompetitions th:nth-child(3) {width:22%}
#myHHCompetitions td:nth-child(4), #myHHCompetitions th:nth-child(4) {text-align:center; width:7%}
#myHHCompetitions td:nth-child(5), #myHHCompetitions th:nth-child(5) {text-align:center; width:7%}
#myHHCompetitions td:nth-child(6), #myHHCompetitions th:nth-child(6) {text-align:center; width:7%}
#myHHCompetitions td:nth-child(7), #myHHCompetitions th:nth-child(7) {text-align:center; width:7%}

#myDuels td:nth-child(1), #myDuels th:nth-child(1) {width:64%} 
#myDuels td:nth-child(2), #myDuels th:nth-child(2), 
#myDuels td:nth-child(3), #myDuels th:nth-child(3) ,
#myDuels td:nth-child(4), #myDuels th:nth-child(4) {width:12%; text-align:center} 

#myDuelHeader td:nth-child(1), #myDuelHeader th:nth-child(1) {text-align:center; width:13%} 
#myDuelHeader td:nth-child(2), #myDuelHeader th:nth-child(2) {width:35%}
#myDuelHeader td:nth-child(3), #myDuelHeader th:nth-child(3) {width:22%}
#myDuelHeader td:nth-child(4), #myDuelHeader th:nth-child(4) {text-align:center; width:7%}
#myDuelHeader td:nth-child(5), #myDuelHeader th:nth-child(5) {text-align:center; width:7%}
#myDuelHeader td:nth-child(6), #myDuelHeader th:nth-child(6) {text-align:center; width:7%}
#myDuelHeader td:nth-child(7), #myDuelHeader th:nth-child(7) {text-align:center; width:7%}
#myDuelBody, #myTimelineBody, #myTBCBody{
    height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
	width: 769px;
}
#myDuelDetails td:nth-child(1), #myDuelDetails th:nth-child(1) {text-align:center; width:13%} 
#myDuelDetails td:nth-child(2), #myDuelDetails th:nth-child(2) {width:35%}
#myDuelDetails td:nth-child(3), #myDuelDetails th:nth-child(3) {width:22%}
#myDuelDetails td:nth-child(4), #myDuelDetails th:nth-child(4) {text-align:center; width:7%}
#myDuelDetails td:nth-child(5), #myDuelDetails th:nth-child(5) {text-align:center; width:7%}
#myDuelDetails td:nth-child(6), #myDuelDetails th:nth-child(6) {text-align:center; width:7%}
#myDuelDetails td:nth-child(7), #myDuelDetails th:nth-child(7) {text-align:center; width:7%}


#myTimeline td:nth-child(1), #myTimeline th:nth-child(1) {text-align:center; width:9%} 
#myTimeline td:nth-child(2), #myTimeline th:nth-child(2) {text-align:center; width:5%} 
#myTimeline td:nth-child(3), #myTimeline th:nth-child(3) {text-align:center; width:7%} 
#myTimeline td:nth-child(4), #myTimeline th:nth-child(4) {text-align:center; width:8%} 
#myTimeline td:nth-child(5), #myTimeline th:nth-child(5) {width:22%} 
#myTimeline td:nth-child(6), #myTimeline th:nth-child(6) {text-align:center; width:14%} 
#myTimeline td:nth-child(7), #myTimeline th:nth-child(7) {text-align:center; width:5%} 
#myTimeline td:nth-child(8), #myTimeline th:nth-child(8) {width:30%} 
#myTimeline td {
	font-size: 16px;
}
#myDuelHeader th, #myDuelDetails td{
	font-size: 16px;
}
#myTimelineHeader th, #myTimelineDetails td{
	font-size: 16px;
	text-align:center;
	width:7%
}
#myTimelineHeader th:nth-child(3), #myTimelineDetails td:nth-child(3) {width:22%} 
#myTimelineHeader th:nth-child(5), #myTimelineDetails td:nth-child(5) {width:8%} 
#myTimelineDetails td:nth-child(3) {text-align:left} 

#myTBCdata th, #myTBCdata td, #myTBYdata th, #myTBYdata td{
	text-align:center;
}
#myTBCHeader th, #myTBCDetails td{
	font-size: 16px;
	text-align:center;
}
#myTBCDetails td:nth-child(3), #myTBCDetails td:nth-child(6),#myTBCDetails td:nth-child(7)  {text-align:left}
#myTBCHeader th:nth-child(1), #myTBCDetails td:nth-child(1) {width:4%} 
#myTBCHeader th:nth-child(2), #myTBCDetails td:nth-child(2) {width:7%} 
#myTBCHeader th:nth-child(3), #myTBCDetails td:nth-child(3) {width:22%} 
#myTBCHeader th:nth-child(4), #myTBCDetails td:nth-child(4) {width:12%} 
#myTBCHeader th:nth-child(5), #myTBCDetails td:nth-child(5) {width:6%} 
#myTBCHeader th:nth-child(6), #myTBCDetails td:nth-child(6) {width:17%} 
#myTBCHeader th:nth-child(7), #myTBCDetails td:nth-child(7) {width:20%} 
#myTBCHeader th:nth-child(8), #myTBCDetails td:nth-child(8) {width:12%} 
#myTBYData th, #myTBYData td{
	font-size: 16px;
}
#myTBYData td:nth-child(2), #myTBYData td:nth-child(3), #myTBYData td:nth-child(4) {text-align:left} 
#myTBYData th:nth-child(1), #myTBYData td:nth-child(1) {width:12%} 
#myTBYData th:nth-child(2), #myTBYData td:nth-child(2) {width:18%} 
#myTBYData th:nth-child(3), #myTBYData td:nth-child(3) {width:18%} 
#myTBYData th:nth-child(4), #myTBYData td:nth-child(4) {width:24%} 
#myTBYData th:nth-child(5), #myTBYData td:nth-child(5) {width:8%} 
#myTBYData th:nth-child(6), #myTBYData td:nth-child(6) {width:4%} 
#myTBYData th:nth-child(7), #myTBYData td:nth-child(7) {width:4%} 
#myTBYData th:nth-child(8), #myTBYData td:nth-child(8) {width:8%} 
#myTBYData th:nth-child(9), #myTBYData td:nth-child(9) {width:4%} 



/*ei saa nende scrollable tabelitega hakkama
#myClubDet{
	width : 750px;
	max-height: 150px;
	overflow: auto; 
}
#myClubAthletesDet{
	width : 730px;
}
#myClubAthletesDet thead{
	display: block;
}*/
#myClubAthletesDet thead th{
	border:none;
}
#myClubAthletesDet thead tr{
	border: 1px solid grey;
}
#myClubAthletesDet tbody{
	display: block;
	max-height: 150px;	
	overflow-y: auto;
	overflow-x: hidden;
}
/*.myArrow,*/
.createlist2, .createlist3, #hthsAthSubmit, #timelineAthSubmit{
	/*select sarnane nupp muutub ekraani muutudes*/
	min-width:16px;
	max-width:16px;
	/*linear-gradient IE selliselt ei toota*/
	background: url("../img/triangle1.png") no-repeat center center,
				linear-gradient(to bottom, #F1F1F1,#D1D1D1);
	background-size: 6px auto;
    /*filter: invert(100%); teeb diapositiivi*/
	/*-webkit-filter: invert(100%);safary ja crome ja seda ma ei taha*/
	
}
/*kohe kuidagi ei saa neid inpute td taitma
#hthsAth{
	float: left;
	width: 100%;	
	background:red;
}
#hthsAthInput, #hthsAthSubmit{
	height: 100%;
	display:inline-block;
}*/
/*eelneva alternatiiv*/
#hthsAthSpan, #timelineAthSpan{
	border: 1px solid black;
	background: #D8D8D8;
	margin-left: 5px;
	margin-right: 0;
	padding: 7px 5px 2px 5px;
	font-style:italic;
	font-size: 12px;
}
/*
#hthsAthInput{
	border: 1px solid black;
	border-right:none;
	margin-left:0;
	margin-right:0;
}
#hthsAthSubmit{
	border: 1px solid black;
	border-left:none;
	margin-left:0;
	padding-left:0;
}*/
#hthsAth, #timelineAth{/*eelneva kahe asemel see*/
	border: 1px solid black;
}
#cmpmin{/*CMP2 min tulemus*/
	width: 50px; 
	text-align:center;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	.createlist2, .createlist3, #hthsAthSubmit, #timelistAthSubmit{
		min-width:18px;
		max-width:18px;
		/*
		background: url("../img/arrow.png") no-repeat center,
					-ms-linear-gradient(top, #F2F2F2 0%,#D1D1D1 100%);*/		
		background: url("../img/arrow1.png") no-repeat center #F1F1F1;
		background-size: 12px auto;
	}
}
/* minule see mojub, temale mitte
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.createlist2{
		-webkit-filter: invert(100%); 
	}
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
	.createlist2{
		-webkit-filter: invert(100%); 
	}
}

@media only screen and (min-device-width: 300px) and (max-device-width: 375px) {
	.createlist2{
		-webkit-filter: invert(100%); 
	}
}*/
/*saf3+, chrome1+
@media screen and (-webkit-min-device-pixel-ratio:0){
	.createlist2{
	background:url("../img/triangle1.png") no-repeat center;
	background-size: 7px auto;
	-webkit-transform: rotate(180deg);
	-webkit-background-color:#FFFFFF;
	 Chrome only, peaks toimima aga ei toimi
		-bracket-:hack[;
			background:#FFFFFF;
		];	
		-webkit-filter: invert(100%);
	}
	 Safari only
	::i-block-chrome,.createlist2 {
		-webkit-filter: invert(100%);
   }
		-webkit-filter: invert(100%);
	}
}*/
/*Chrome:29+, Opera:16+
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	.createlist2{
		background:url("../img/triangle1.png") no-repeat center;
		background-size: 7px auto;
	}
}*/
/*mojus ka htc'le
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.createlist2{
		-webkit-filter: invert(100%);
	}
}*/
/*iPad*/
@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px)
	and (-webkit-min-device-pixel-ratio: 2) {
		.createlist2, .createlist3{
			-webkit-filter: invert(100%);
		}
}
/*iPhone 6*/
@media only screen 
	and (min-device-width : 375px) 
	and (max-device-width : 667px)
	and (-webkit-min-device-pixel-ratio: 2) {
		.createlist2, .createlist3{
			-webkit-filter: invert(100%);
		}
}
/*iPhone 6+*/
@media only screen 
	and (min-device-width : 414px) 
	and (max-device-width : 736px)
	and (-webkit-min-device-pixel-ratio: 3) {
		.createlist2, .createlist3{
			-webkit-filter: invert(100%);
		}
}
/*HTC, Galaxy S5*/
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
/* nii lihtsalt ei saa
	body{
		font-size: 8px;
	}*/
	.createlist2, .createlist3{
		background: url("../img/triangle1.png") no-repeat center center #D1D1D1;
		background-size: 6px auto;
	}
	
}