@charset "utf-8";

/*RESET CSS*/

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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}



@font-face {



    font-family: latoFont;



    src:url(../IMG/lato/Lato-Light.ttf);



}

#subnav > header > p{
	height:0px;
}
ul li button{
	border: none;
    background-image: linear-gradient(#fc7d2b, #d34f0a);
    color: white;
    border-radius: 5px;
    font-weight: bold;
    padding: 5px 10px;
    font-size: 70%;
    text-transform: uppercase;
}
ul li button a{
	color: white;
	text-decoration:none;
}
#output{



    color: orange;



    clear: both;



    width: 90%;



    text-align: center;



    margin-right: auto;



    margin-left: auto;



    padding: 2%;



}



body {



	line-height: 1;



	font-family: latoFont;



}



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;



}



/*RESET CSS END*/


.failcomment{
	margin:20px;
}



#MyUploadForm{
	width:500px;
}

input:focus, textarea:focus {



    border:1px solid #97d6eb;



}



body {



	width:95%;



	margin-left:auto;



	margin-right:auto;



	//background-image:url(../IMG/background.png);



	//background-position: center center;



   // background-repeat: repeat;
   background-color:#000;



}



#bgImg{



	background-image:url(../IMG/bgimage.jpg);



	position:absolute;



	background-repeat:no-repeat;



	height:300vh;

	background-size:cover;



}



.buttons button[name="newEntry"]{



	clear:both;



}



label,.labels{



	text-transform: uppercase;



	    color: #ff802d;



}

nav ul.admin li{

	background-image: url(../IMG/addAmat.png)!important;

}

label>*{

	float:left;	

}

#page-wrapper,#ajax-contact{

	padding:1%;

}

#page-wrapper label > *,#ajax-contact label > *{

	float:none;	

}

#ajax-contact p{

	margin:1vh;

}

li {



	float:left;



	list-style-type:none;



	padding:10px;



}

#trPlanFields #furtherfields{

 margin-top:15vh;	

}

#trPlanFields  #furtherfields > * {

	clear:both;

	margin:1%;

	float:left;	

}

nav{



	width:20%;



	float:left;



	height:239vh;



	position:relative;



}



.activeMainMenu{



	box-shadow: inset 0px -8px 0px -5px #949da8;



}



.title{



	fill:#FF802D;



}

.vidIcon{

    background-image: url(../IMG/vidIcon.png);

    background-repeat: no-repeat;

    background-position: 98% center;

    background-size: 20px;

    padding-right: 4%;

}

main{



	width:80%;



	float:right;



	border-top:2px solid #4b5969;



	box-sizing:border-box;



	position:relative;

	    color: white;



}



body > main:nth-child(2){



	border:none;



}



nav{



	background-image:url(../IMG/menuBg.png)



}



nav li{



	float:none;



	padding-left:18%;



	background-repeat: no-repeat;



    background-position: 4% 50%;



	border-bottom: 1px dashed #282f36;



    box-sizing: border-box;



	border-top: 1px dashed #282f36;



	text-transform: uppercase;



	font-size:80%;



}



#addNewAthlete{



	color:white;	



}



#holdNewAthletes ul li:last-child{



	border:none;



}



#holdNewAthletes > ul{



	font-size:80%;



}



#addNewAthlete > ul{



	color: #ff802d;



background-color: rgba(255,255,255,0.1);



   /*border-top: 1px solid #949da8;*/



	text-transform:uppercase;



}



#holdNewAthletes > input,#dispExistingAthletes > ul > li > ul > li{



	width:100%;



}



#dispExistingAthletes > ul > li > ul{



	position: absolute;



    width: 8%;



    /*background: #222C32;



    border: 0.1px dashed #949DA8;*/



}



#addNewAthlete h2{



	border-top: 2px solid #4B5969;



    width: 98%;



    padding: 1%;



	display:none;



}



#addNewAthlete  ul  li{



    width: 20%;



    box-sizing: border-box;



}



.dropdownDd{



	width:100%;



}


#holdNewAthletes li.dob ul.dropdownDd{
	border-bottom:none;
}
.dropdownDd li{

	width:100%!important;

    float: none;



    display: none;



    color: #C6C6C6;



    text-transform: initial;



   /* border: 1px solid #080808;*/



    padding: 5% 10%;



}



.dropdownDd li:hover{



    background-color:rgba(251,245,246,0.10)



}



.dropdownDd li.dDopened{



	display: block;



}



#dispExistingAthletes > ul > li > ul > li.selectedDd,#dispExistingAthletes > ul > li > ul > li.dDopened{



	width: 100%;



    height: 20px;



    font-size: 70%;



}







.dropdownDd li.selectedDd{



	display: block;



    background-image: url(../IMG/dDarrow.png);



    background-position: 80% center;



    background-repeat: no-repeat;



    width: 80%;



}



#testTypes{



	width: 35%;



    float: left;



    clear: none;



}



#testTypes .multiselect{



	width:80%;



	float: left;



}



.multiselect .dropdownDd li > *{



	float:left;



}



.multiselect .dropdownDd li.selectedDd{



	/*background-position: 96% center;*/



}



#testTypes .multiselect .dropdownDd li{



    width: 100%;



    padding: 3%;



    padding-left: 3%;



    overflow: hidden;



    /*margin-top: -3%;*/



}



.checkBoxDd{



	width: 15px;



    height: 15px;



    background: #4b5969;



    margin-right: 5%;



}

.checkBoxDdTicked{



	width: 15px;



    height: 15px;



    margin-right: 5%;

	background-image: url(../IMG/tick.png),linear-gradient(#709928, #709928);

    background-repeat: no-repeat no-repeat;

    background-position: center center, center center;

}

.activeNavLi{



	border-bottom: 4px solid #282f36;







}



nav ul li:first-child{



	 background-image:url(../IMG/addNewAthlete.png);



	 border-top: 2px dashed #282f36;



}



nav ul li:nth-child(2){



	 background-image:url(../IMG/addAmat.png);



}



nav ul li:nth-child(3){



	 background-image:url(../IMG/physReports.png);



}



nav ul li:nth-child(4){



	 background-image:url(../IMG/trainingLib.png);



	 border-bottom: 1px dashed #282f36;



}



nav li a{



	color:white;



	text-decoration:none;



}



nav img{



	margin: 6% 2% 6% 6%;;



    float: left;



    width: 30%;}



#clockholder{



    color: #ff802d;



    float: right;



    font-size: 70%;



    width: 58%;



    margin: 2%;



    text-align: center;



    margin-top: 22%;



}



#holdNewAthletes ul button{



	color: red;



	background:none;



	height:21px;



}



#addNewAthlete > ul > li:nth-child(5){



	border:none;



}



#ajax-contact #submit{



	margin-top:1%;



	margin-left: 1%;



}



#abortAdding{



    background: none;



    color: red;



   /* top: -22px;



    left: 150px;*/



    position: relative



}



#holdNewAthletes ul:last-child{



	border-bottom: 1px solid #949da8;



}

#pdfGen input{

	background: transparent;

    border: none;

	color:#c6c6c6;

	font-family: latoFont;

}

#pdfGen input.headerPG{

    width: 40%;

    font-size: 120%;

    color: #FF802D;

    padding-left: 1%;

	font-weight: bold;

}

#titleGropup{

	padding:1%;

	overflow:hidden;

}

#titleGropup > input{

	width:17%;

	margin-top: 1.2%;

}

.pgrfPG{

	width: 98%;

    margin-left: 1%;

    padding: 1%;	

}

#warmUp > ul:nth-child(2) > li:nth-child(2) > textarea{

	height:65px;

}

.ulHeaderPG{

	padding: 0 1%;

    width: 98%;

}

.tranBg{

	background: rgba(255,255,255,.1);

	 border-top: 1px solid #4B5969;

}

.fifty50 li{

	width:49%!important;

	padding:0!important;

}

.fifty50 li img{

	width:95%;

}

#mainBtns{

    width: 100%;

    margin-left: 75%;

}

#mainBtns > *,.removeSet{

	margin-right:1%;

}

.fifty50 li:nth-child(odd){

	border-right:1px solid #4b5969;

	    box-sizing: border-box;

}

.fifty50 li:nth-child(even){

	padding-left: 1%;

}

#pdfGen section{

	margin-bottom:1%;

	width: 98%;

    margin-left: 1%;

	border-bottom: 1px solid #4B5969;

}

#pdfGen textarea{

    color: #C6C6C6;

    border: 0px none;

    max-width: 96%;

    outline: none;

    height: 100px;

    font-family: latoFont;

    overflow: hidden;

    background: transparent;

}

#warmUp{

	/*border-bottom: 1px solid #4B5969;

	width: 98%;

    margin-left: 1%;*/

}

.ulHeaderPG li{

	background:none;

	padding:1% 0;

}

.ulHeaderPG li:first-child{

	width:60%;

	

}

#pdfGen > section > ul:nth-child(2) > li:nth-child(2){

	border-left:1px solid #4b5969;

	box-sizing: border-box;

}

.ulHeaderPG li:nth-child(2){

    width: 39%;

    padding-left: 1%;

}

.hdb{

	font-size:100%!important;

	text-transform:uppercase!important;

}

.forcewidth{

	width:100%!important;

	

}

#titleGropup > *{

	float:left;

}

#titleGropup input.headerPG{

	font-size:160%;

	margin-top: 0;

}

#pdfGen input.bgAndTopLinePG{

	background: rgba(255,255,255,.1);

    width: 98%;

    border-top: 1px solid #4b5969;

    padding: 1%;

    text-transform: uppercase;

    font-size: 100%;

}

.insideUlHeader{

	color:#FF802D;

	text-align: center;

    font-weight: bold;

}

.insideUl{

	border: 1px solid #4b5969;

	box-sizing:border-box;

	font-size: 80%;

}

.insideUl li input{

	width:100%!important;

	text-align:center;

}

#multyplyButtons{

	float:right;

	margin-top:-40px;

	    width: 52px;

}

#multyplyButtons button{

	width:20px;

	height:20Px;

}

#keyPG ul li{

	width:33.33%;

	border-right:1px solid #4b5969;

	box-sizing:border-box;

}

#warmUp > ul:nth-child(2) > li:nth-child(1){

	padding:0;

}

#warmUp textarea{

	height:75px;

}

#warmUp .ulHeaderPG > li > ul.fifty50 > li{

    padding: 1%!important;

}

#keyPG ul li:last-child{

	margin-right:none;

}

#keyPG textarea{

	height:80px;

}

#discl textarea{

	height:50px;

}

.twenty{

	width:19%!important;

	padding:1%;

}

.sixty{

	width:59%!important;

	border-left: 1px solid #4b5969;

	border-right: 1px solid #4b5969;

	box-sizing:border-box;

	padding:1%;

}

.toRightArr{

	background-repeat: no-repeat;

    background-position: 80% center;

    background-image: url(../IMG/dDarrow.png);	

	width:20px;

	height:20px;

	transform: rotate(-90deg);

	margin-top: 1.3%;

	margin-right: 1%;

}

#resp{



color: white;



    background: rgba(0,120,0,.8);



    position: relative;



    text-align: center;



    clear: both;



    /* top: -38px; */



    border: none;



    /* padding: 10px; 



    width: 71.4%;*/



}
#subnav #MyUploadForm{
	width: 25%;
    float: left;
    margin-left:1%;
}
#subnav #FileInput{
	    margin-left: -85px;
}
#subnav #progressbox{
	width: 15%;
    float: left;
}
#subnav button{
	float:left;
	margin-left:1%;
}
#subnav input[type="submit" i]{
	cursor: pointer;
    padding: 7px;
}

.deleteBtn{



	width:30px;



	height:30px;



	background-image:url(../IMG/deleteBtn.png);



}



button{
	border: none;
	background-image: linear-gradient(#fc7d2b, #d34f0a);
	color: white;
	border-radius: 5px;
	font-weight:bold;
	padding: .7%;
	font-size: 70%;
	text-transform: uppercase;
}



button:focus{



	border:none;



}



ul {



	clear:both;



	overflow:hidden;



}



/*main {



	clear:both;



	border-color: #4B5969;



}



*{



	border:1px solid rgb(133,133,133);	



}*/



#subnav{



	padding: 1%;



}



/*#subnav label{



	float:right;



}*/



.agegroupcl{
	float: right;
    width: 40%;
    position: absolute;
    right: 10%;
	top: 8px;
}



.agegroupcl span{



	float: left;



    width: 40%;



	color: #FF802D;



    text-transform: uppercase;



}



.agegroupcl .dropdownDd{



	float: left;



    border: none;



    width: 50%;



    clear: none;



    background: transparent;



    position: initial;



	margin-top: -2.2%;



}



ul[name=agegroup]{



    position: absolute;



    width: 14%;



    margin-top: 2%;



}



#displayAthletes header ul  li  input{



	font-weight:bold;



	border:none;



	color: #ff802d;



	text-transform: uppercase;



}



#displayAmatResults header{



	/*margin-top:20px;*/



}



.newcomm{



	text-align:right;



	width:14.4%;



}



#displayAmatResults header ul{



	width:100%;



	margin-left:auto;



	margin-right:auto;



	color:#ff802d;



}



#displayAmatResults header ul  li{



	width: 6.22%;



    border-top: 1px solid #949DA8;



    border-right: 1px solid #949DA8;



    box-sizing: border-box;



    font-weight: bold;



    padding: 1% .1%;



    text-align: center;



    word-wrap: break-word;



    font-size: 70%;



    text-align: center;



	background-color:rgba(255,255,255,.1);

display:table;

}

#displayAmatResults header ul  li p{
	display:table-cell;
	vertical-align:middle;
}

#displayAmatResults header ul li:last-child{



	border:none;



	background:transparent;



}



#displayAmatResults header ul  li:first-child{



	width:5%;



}



#displayAmatResults header ul  li:nth-child(2){



	width:8%;



}

#avg{

	font-size:80%;

}

#avg header ul li,#res ul li{



	width:6.73%;



	padding:0;



	margin-right:0.33%;



	margin-left:0.1%;



	text-align:center;



	font-weight:bold;



	box-sizing: border-box;



}



#res ul,#avg ul{



	padding: 1vw;



}



#res ul:nth-child(odd){



	background:rgba(255,255,255,.1);



}



#res ul li input,#holdNewAthletes ul li input{



	width:100%;



}



#displayAmatResults header ul  li:last-child,#avg header ul li:last-child,#res ul li:last-child{



	margin-right:0%;



}



#buttons{



	clear:both;



    border-top: 1px solid #949DA8;

    margin-left: 2%;

}



#displayAmatResults,#avg{



	overflow:hidden;



}

.rslt li{

	width:50%;

	border-right:1px solid #4b5969;

	box-sizing:border-box;

}

.rslt li a{

	color:white;

	text-decoration:underline;

}

.rslt ul{

	

	border-bottom:1px solid #4b5969;

}

div.rslt .trpldisp li:nth-child(2),div.rslt .trpldisp li:nth-child(3),div.rslt .trpldisp li:nth-child(4),.vids li:nth-child(3),.vids li:nth-child(4){

	display:none;

}

.rslt li:first-child{

	text-align:right;

}

.rslt li:last-child{

	border-right:none;

}

.vids li:nth-child(2){

	color:#FF802D;

	font-size:125%;

	font-weight:bold;

}

.vids {

	float: left;

    width: 30%;

    margin-left: 2.5%;

    clear: none;

    margin-top: 2.5%;

	border: none!important;

	    background: rgba(255,255,255,.1);

}

.vids li{

	float:none;

	width:100%;

	text-align:left;

	border:none;

}

.hdr{

	text-transform: uppercase;

    font-weight: bold;

	color: #FB7E2D;

}



#form-messages{
    width: 90%;
    font-size: 1.4vw;
    color: #edf1f4;
    clear: both;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
}
.titlesGr{
	width: 15%;
    height: 20px;
    position: absolute;
    top: 4px;
    left: 400px;
}
#displayAthletes li{
	width: 16.6666%;



    box-sizing: border-box;



}



#dispExistingAthletes{



	border-bottom: 1px solid #949da8;



}



#dispExistingAthletes ul li input {



    display: table-cell;



    vertical-align: middle;



	margin-left: auto; 



    margin-right: auto; 



	



}



#dispExistingAthletes ul li button{



	background-image: linear-gradient(#b3b9c1, #768290);



	text-transform:uppercase;



	font-size: 70%;



    padding: 4%;



}



#displayAthletes header ul{



	background-color: rgba(255,255,255,0.1);



	border-top: 1px solid #949da8;



}



#dispExistingAthletes ul:nth-child(even),#holdNewAthletes ul:nth-child(even){



background-color: rgba(255,255,255,0.1);



}



#holdNewAthletes ul:last-child{



   /* border-bottom: 1px solid #949da8;*/



}



#displayAthletes li >*{



	width:100%;



	background: transparent;



    color: #c6c6c6;



}



.err{



	color:red;	



}



#buttons > *{



	float:left;



	margin-right:1vw;



	margin-top: 1vh;



}



#buttons > *:last-child{



	margin-right:0;



}



#filtergroup{



    /*overflow: hidden;*/



    width: 35%;



	position: relative;



    z-index: 99;



	/*    margin-top: -2.2%;*/



}



#filtergroup .agegroupcl{



    float: left;



    left: 3%;



    width: 40%;



    margin-top: .5%;



}



#filtergroup .agegroupcl .dropdownDd{



	margin-left: 45%;



}







.fltrs p {



 	color:red;



    text-align: center;



 }



 



#filtergroup .fltrs{



	width: 49%;



    /*margin-right: 1%;



    border: 1px solid #4B5969;



    box-sizing: border-box;



    float: left;



    padding: 1%;



    margin-bottom: 1vw;*/



}



#testTypes .labels{

	float:left;

	padding-top: 2%;

}

#individualCheck{

	float:left;

	width: 20%;

	padding: .8%;

}

#individualCheck >*{

	float:left;

}

#filtergroup .fltrs h2{



	margin-bottom:1vw;



}



#filtergroup .fltrs:last-child{



	margin-right:0;



	float: right;



}



#filtergroup .dropdownDd{



	    position: absolute;



		width: 50%;



}



#utestType{

    width: 99%;

    border-top: 1px solid #4B5969;

    padding-left: 1%;

    clear: both;

    color: #949da8;

    margin-top: 3.1%;

    position: absolute;

    z-index: 40;
    
    display:none;

}



#testCategories, #physicalReportsFilters{
	background:rgba(255,255,255,.1);
	height:41px;
}



#testCategories div{ 



    float: left;



    text-transform: uppercase;



    padding: 10px;



    color: #FF802D;

	cursor:pointer;

}



.orangeUndeline{



	border-bottom:3px solid #FF802D;



	box-sizing:border-box;



}



#reports{



}



main h1{



	color: #ff802d;



    font-size: 150%;



    height: 0vw;



    padding: 2.96vw 1vw;



}



#dldPDF{



	float: right;



    margin: .5vw;



	border: 1px solid #D24D08;



    border-radius: 5px;



    font-weight: bold; 



	background-image: url(../IMG/dld_icon_03.png),linear-gradient(#fc7d2b, #d34f0a);



    background-position: 4% center;



    background-repeat: no-repeat;



    padding: 1%;



    padding-left: 3%;



    color: white;



	position: relative;
	
	clear:both;



}



.sortArrowDown{



	background-repeat: no-repeat;



    background-position: 80% center;



    background-image: url(../IMG/dDarrow.png);



}



.sortArrowUp{



	background-repeat: no-repeat;



    background-position: 80% center;



    background-image: url(../IMG/dDarrowUp.png);



}



#dldPDF:hover{



	background: #ffbf69;



	background-image: url(../IMG/dld_icon_03.png);



    background-position: 4% center;



    background-repeat: no-repeat;



    padding: 1%;



    padding-left: 3%;



	color:#4b5969;



}



#reports h1{



	padding: 1%;



    border: 1px solid #4B5969;



	text-align:center;



    font-size: 2vw;



    font-weight: bold;



	display:none;



}



#reports section{



	/*//padding: 1%;



    border: 1px solid #4B5969;



	margin-top:1vw;*/



}



.eachAthlete{



	border: 1px solid #4B5969;



    margin-bottom: 1vw;



	overflow:hidden;



}



#reports section h2{

    font-size: 100%;

    overflow: hidden;

    color: white;

    padding: .8%;

    text-transform: uppercase;

    color: #FF802D;

    background-color: rgba(255,255,255,.1);

    border-top: 1px solid #4B5969;

   /* border-bottom: 1px solid #4B5969;*/

}



/*#reports section span:first-child{



	float:left;



	background:#4B5969;



	width:78%;



	padding:1%;



	font-weight:bold;



}



#reports section span:last-child{



	float:right;



	background:black;



	color:white;



	width:18%;



	padding:1%;



}*/



.eachAthlete > ul.hdr > li{



	width: 7.090909090909090%;



    padding: 1%;



	text-align:center;



}



.gr{



	padding:0;



	width:32%;



	height: 80px;



	border:1px solid #4B5969;



	margin-right:2%;



	box-sizing: border-box;



	margin-top: 1.2vw;



}



.red .col{



	background:#990000;



}



.green .col{



	background:darkgreen;



}



.blue {



	margin-right:0;



}



.blue .col{



	background:darkblue;



}



.lbl{



	/*position: absolute;*/



  top: 50px;



  left: 50px;



  transform: translateX(-100%);



	padding:0;



	width:33.33%;



}



.rotateMe {



  transform: rotate(-90deg);



  transform-origin: right top;



  text-align: right;



}



.lbl .rotateMe{



	transform-origin: 120% 0;



	font-size: 1.5vw;



}



.val{



	padding:0;



	width:33.33%;



	text-align: center;



    margin-top: 0.2vw;



	font-size: 1.5vw;



}



.eachAthlete ul.cont{



	width: 7.090909090909090%;



    padding: 1%;



	float:left;



	clear: none;



}



.eachAthlete > ul.hdr{



	width:100%;	



}



.eachAthlete h3{



	padding: 0.5% 1%;



    background: #4B5969;



    color: #7B7878;



    font-weight: bold;



	margin-bottom: 0.5vw;



}



.eachAthlete:last-child {



    margin-bottom: 0;



}



.holder{



	clear:both;



	overflow:hidden;



}







#reports #form-messages{



	margin-top:1vw;



}



#reports{



	/*background:white;*/



}



select{



	background: transparent;



    border: none;



    color: #c6c6c6;	



}



.decorated:hover {



    box-shadow: 0 0 10px 100px #1882A8 inset;



}



select:focus{



	outline-color:#ff802d;



}



option{



	background:#1b2025;



}



option:hover {



 background:#EFEFEF;



}



.chart{



	background:none;



}







/* dropdown with check box*/



.multiselect {



        width: 200px;



		float:left;



    }



    .selectBox {



        position: relative;



    }



    .selectBox select {



        width: 100%;



        /*font-weight: bold;*/



    }



    .overSelect {



        position: absolute;



        left: 0; right: 0; top: 0; bottom: 0;



    }



    #checkboxes {



        display: none;



        /*border: 1px #dadada solid;*/



    }



    #checkboxes label {



        display: block;



    }



    #checkboxes label:hover {



        background-color: #1e90ff;



    }



	/*div.testType > div{



		color:#949da8;



	}*/



/*END dropdown with check box*/



.tableTitle{



	width:100%;



	background:#4B5969;



	text-align:center;



	font-size:1.5vw;



	padding:.5%;



	font-weight:bold;



	



}



.holdEachTest{



	margin-bottom:1%;



}



.holdEachTest li{



	border:1px solid #4B5969;



	box-sizing: border-box;



	padding:0;



	text-align:center;



}



.holdEachTest ul:last-child{



	font-weight:bold;



}



.holdEachTest:last-child{



	margin-bottom:0;



}



#dispResults ul{



	width:100%;



	margin-left:auto;



	margin-right:auto;

	

}



#dispResults ul li{


display:table;
	padding: 1% .1%;



    width: 6.22%;



    box-sizing: border-box;



    border-right: 1px solid #949DA8;



}



#dispResults ul li:last-child{



    border: none;



}



.lilDel{



	color: #cd1212;



    font-weight: bold;



    width: 6%;



    font-size: 75%;



    text-align: center;



    float: right;



    cursor: pointer;



    overflow: hidden;



    position: absolute;



    right: 0%;



    margin-top: -.5%;



	}



	.newAtheleteEntry{



		color: #ff802d;



		font-size: 75%;



		border-bottom: 1px solid #949DA8;



	}



	#dispResults .newAtheleteEntry li{



		width:6.6675%;



		text-align: center;



   		padding: .1%;



	}



	#statustxt{



		color:orange;	



	}



input[type="file" i],input[type="date" i]{



	color: #949DA8;



	background:transparent;



	border: none;



}



input[type="submit" i]{
   	border: none;
   	background-image: linear-gradient(#fc7d2b, #d34f0a);
   	color: white;
   	border-radius: 5px;
   	font-weight: bold;
   	padding: .7%;
   	font-size: 70%;
   	text-transform: uppercase;
}



input[type="button" i]{
	background:red;
}



.groupie{



	border-top: 1px solid #949DA8;	



}



#dispResults input{



	text-align:center;



	font-size: 70%;



	border:none;



	background:transparent;



	color: #949DA8;



}



#dispResults .comm{



	padding: .2%;



    padding-left: 1%;



    font-size: 70%;



    color: #949DA8;



    background-color: rgba(148, 157, 168,.2);



    float: left;



    width: 92.44%;



}


.hideBtn{



	width:100%;



	overflow:hidden;



}



#displayAmatResults header ul li span{



	display: table-cell;



    vertical-align: middle;



}



#testTypeSelections ul li span {



    display: table-cell;



    vertical-align: middle;



    margin-left: auto;



    margin-right: auto;



       width: 80%;



}



.alerts{



	width: 100vw;



    height: 100vh;



    position: fixed;



    z-index: 1000;



    background: rgba(0,0,0,.8);



    color: white;	



	display:none;



	transform-style: preserve-3d;



}



.alerts div{



    position: relative;



    top: 50%;



    transform: translateY(-50%);



    width: 15%;



    margin-left: auto;



    margin-right: auto;



    border: 3px solid #4b5969;



    padding: 2%;



    text-align: center;



    border-radius: 5px;



    background: black;



}



.alerts > div > div{



	display:none;



}



.alerts button{



	padding: 2%;



    margin-top: 5%;



}
.alerts li{
	width:100%;
	
}
.alerts h1{
    color: rgb(255, 128, 45);
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 2%;
}

#testTypeSelections ul li{



	width: 7.69%;



    border-right: 1px solid 4b5969;



    box-sizing: border-box;



    padding: 0;



    text-align: center;



    word-wrap: break-word;



    border-right: 1px solid #4b5969;



    border-left: 1px solid #4b5969;



    color: white;



    padding: .1%;



    cursor: pointer;



    background-color: rgba(255,255,255,.1);



    -webkit-touch-callout: none;



    -webkit-user-select: none;



    -khtml-user-select: none;



    -moz-user-select: none;



    -ms-user-select: none;



    user-select: none;



    font-size: 70%;}



#testTypeSelections ul li:last-child{



	border-right: none;



}



#testTypeSelections ul li:first-child{



	border-left: none;



}



.tickedGreen{



    background-image: url(../IMG/tick.png),linear-gradient(to right, #709928, #709928);



    background-repeat: no-repeat,no-repeat;



    background-position: center center, center center;



    background-size: 10px 10px,15px 15px;



    display: table-cell;



    vertical-align: middle;



    margin-left: auto;



    margin-right: auto;



	width: 15px;



}



.grayUnticked{



	background-image: linear-gradient(to right, #4b5969, #4b5969);



	background-repeat: no-repeat,no-repeat;



    background-position: center center;



    background-size: 15px 15px;



    display: table-cell;



    vertical-align: middle;



    margin-left: auto;



    margin-right: auto;



	width: 15px;



}



/* bar chart css*/



.chart .legend{



  fill: #c6c6c6;



  font: 14px sans-serif;



  text-anchor: start;



  font-size: 10.5px;



}



.legend{



	fill: #c6c6c6;



}



.chart text {



  fill: white;



  font: 10px sans-serif;



  text-anchor: end;



}







.chart .label {



  fill: white;



  font: 14px sans-serif;



  text-anchor: end;



}



#trPlOptions{

	color:white;

	padding:5% 15%;

}

#trPlOptions h3{

	text-align: center;

    font-size: 80%;

    margin-bottom: 2%;

}

#trPlOptions div{

	width:44%;

		float:left;

		padding:2%;

		text-align:center;

		background:rgba(255,255,255,.1);

		cursor:pointer;

}

#trPlOptions > div:nth-child(1){

	margin-right:2%;

}

#trPlOptions div h2{

	color:#ff802d;

	font-size:120%;

	margin-bottom:3%;

}

#trContent{

	color:#C6C6C6;

	

}

#trContent h2{

	text-transform:uppercase;	

	color: #FB7E2D;

	padding:1%;

	/*width:18%;*/

}

#trContent > div{

	position:absolute;

	width:100%;

}

#trContent > div:first-child{

	z-index:99;

}

.rslt{

	margin-top:42px;

}

.rslt > ul{

	display:none;

}



#holdDd{

	background: rgba(255,255,255,.1);

    height: 42px;

}

#holdDd > *{

    float: left;

    width: 20%;

    clear: none;

    margin-top: 0;

    position: relative;

    box-sizing: border-box;

}

.bar:hover {



  /*fill: brown;*/



}



#trPlanFields{

	padding:1%;

	position: relative;

}

#trPlanFields #holdDd{

	position: absolute;

    width: 100%;

	z-index: 99;

}

#trPlanFields #fileinfo{

	margin-top:15vh;

}

#trPlanFields #holdDd > *{

	width:25%;

}

#trPlanFields >*{

	margin:1%;

}

.axis path,



.axis line {



  fill: none;



  stroke: #000;



  shape-rendering: crispEdges;



}



/* END bar chart css*/



#chart{



	margin-top:3vw;



	position: relative; 



 height: 0; 



 width: 100%; 



 padding: 0;



 padding-bottom: 600px; 



}



#chart > svg{



		border:none;



	 position: absolute; 



	 height: 100%; 



	 width: 100%; 



	 left: 0; 



	 top: 0;



}



div.summary{



    text-align: center;



    overflow: hidden;



	color:#C6C6C6;



	margin-top: 1.5vw;



	width: 96%;



    margin-left: auto;



    margin-right: auto;



	 border-top: 1px solid #4B5969;



}



div.summary h3{



	font-size: 100%;



    font-weight: bold;



   /* margin-bottom: 1.5vw;*/



   



    box-sizing: border-box;



    padding-bottom: .5vw;



    text-transform: uppercase;



    text-align: left;



    color: #FF812D;



    padding-top: 1%;



    



}



div.summary > div:nth-child(3){



	padding-right:2%!important;



	text-align:left;



}



div.summary > div:nth-child(4){



	text-align:left;



}



div.summary > div:nth-child(2){



	background-color:rgba(255,255,255,.1);



	margin-bottom:1%;



}



div.summary > div.text{



	width:70%;



	float:left;	



    box-sizing: border-box;	



	padding:0 1%;



	



}



div.summary div:last-child{



	width:30%;



	float:right;		



}



.summary button{



	margin-top: 1%;



    font-size: 85%



}



.collapsibleHolder{



	margin-top:1.5vw;	



}



.collaps{



    background: rgba(255,255,255,.1);



    /* border-radius: .2vw; */



    /* border: 1px solid darkblue; */



    overflow: hidden;



    padding: 1%;



    font-weight: bold;



    color: #FF812D!important;



    font-size: 80%;



    text-transform: uppercase;



    color: #FF812D;



    border-top: 1px solid #4B5969;

}



/*.collaps div:first-child{



	float:left;



}



.collaps div:last-child{



	float:right;



	



}*/



.plus{



	background-image:url(../IMG/plus.png);



	background-repeat:no-repeat;



background-position: right 45%;



    background-size: 5%;



}



.minus{



	background-image:url(../IMG/minus.png);



	background-repeat:no-repeat;



background-position: right 45%;



    background-size: 5%;



}



.hold{



	/*margin-bottom:.5vw;	*/

	color:white;

}

.groupholder + h2{

	margin-top:1%;

}

.chart + .groupholder{

    width: 96%;

    margin-left: auto;

    margin-right: auto;

	margin-top: 1vh;

}

.hd_ct{



	/*border: 1px solid #4B5969;*/



    width: 96%;



    margin-right: auto;



    margin-left: auto;



	border-top: none



}



.hd_ct ul{



	width:100%;



	text-align: center;



}



ul.ct{



	color:white;



}



.hd_ct li{



	/*border-right:1px solid #4B5969;*/



	box-sizing:border-box;



	    font-size: 12px;



}



.hd_ct li:last-child{



	border-right:none;



}



.hd{



    border-top: 1px solid #4B5969;



    width: 100%;



    color: #ff802d;



    text-transform: uppercase;



    background-color: rgba(255,255,255,.1);



	margin-top: .5%;



}

/*video pop up*/

.vidsPop{



	width: 100vw;



    height: 100vh;



    position: fixed;



    z-index: 1000;



    background: rgba(0,0,0,.8);



    color: white;	



	display:none;



	transform-style: preserve-3d;



}



.vidsPop video{



    position: relative;



    top: 50%;



    transform: translateY(-50%);



    /*width: 15%;*/



    margin-left: auto;



    margin-right: auto;



    border: 3px solid #4b5969;



    padding: 2%;



    text-align: center;



    border-radius: 5px;



    background: black;



}



.vidsPop > div > div{



	display:none;



}



.vidsPop button{



	padding: 2%;



    margin-top: 5%;



}

/*END video pop up*/

.trPlans{



	/*font-weight:bold;*/



}

.trPlans span.trPlans{

	text-transform: capitalize;

}



/*---------PRINT----------------------*/


  

@media print {
	.chart{



	background:white;



	}

	#pdfGen button{

		display:none;	

	}

	.chart .label {



  fill:black;

	}

    #reports{



		position:absolute;



		top:0;



		left:0;



		width:100%;



	}



	nav img{



		position:absolute;



		top:300px;



		left:300px;



	}



	#reports,#reports h1{



		 padding: 0;



   		border: none;



		    margin-top: 0;



	}



	nav,main:first-child,#testTypeSelections,.collaps > div:nth-child(2),#dldPDF,body > main:nth-child(3),.trPlans button{



		display:none!important;



	}



	*{



		border: none!important;



	}



	#chart {



		margin-top:20%;



		margin-bottom:500px!important;



		width:100%;



		background:white!important;



	}



	.hd_ct{



		display:block!important;



		height:auto!important;



	}



	.hd_ct li,.collaps{



		padding:2px!important;



	}



	.collaps{



		color:#000000!important;



		background:none!important;



	}



	main,#reports{



		float:none!important;



	}



	div.summary,.collapsibleHolder{



		color:black!important;



		background:white!important;



	}



	#chart{



		 padding-bottom: 100%!important; 



 	}



	ul.ct{



		color:black!important;



	}



	body{



	BACKGROUND:white!important;	



	}



	body > main:nth-child(2) > h1{



		background-image: url(../IMG/logo.png)!important;



		background-repeat: no-repeat!important;



		background-size: 7%!important;



		background-position: 1% 70%!important;



		padding-left: 10%!important;



		background-blend-mode: darken!important;



	}



	#reports section h2{



		color:black;



		margin-top:5%;



	}



	.legend{



  		fill: black;



  	}



}

#pgTitle2,#holdVideos ul:first-child{

	border-top:none;	

}

#holdVideos ul{

	border-top:1px solid #4B5969;

}

#holdVideos ul:nth-child(even){

	background:rgba(255,255,255,.1)

}

#holdVideos li{

	width:11.11%;

	border-right:1px solid #4B5969;

}

#holdVideos li:last-child{

	border-right:none;

}

#holdVideos li:first-child{

	width:2%;

}

#holdVideos li:nth-child(2){

	width:13%;

}

#holdVideos li:nth-child(4){

	width:2%;

}

#holdVideos li:nth-child(6){

	width:23%;

}

#holdVideos li:nth-child(7){

	width:14%;

}

#holdVideos li:nth-child(8),#holdVideos li:nth-child(9){

	width:3%;

}

.vheader{

	font-weight:bold;

	text-align:center;

}

.vheader li:nth-child(8){

	border-right:none!important;

}

/* ----------- iPhone 4 and 4S ----------- */







/* Portrait and Landscape */



@media only screen 



  and (min-device-width: 320px) 



  and (max-device-width: 480px)



  and (-webkit-min-device-pixel-ratio: 2) {







}







/* Portrait */



@media only screen 



  and (min-device-width: 320px) 



  and (max-device-width: 480px)



  and (-webkit-min-device-pixel-ratio: 2)



  and (orientation: portrait) {



}







/* Landscape */



@media only screen 



  and (min-device-width: 320px) 



  and (max-device-width: 480px)



  and (-webkit-min-device-pixel-ratio: 2)



  and (orientation: landscape) {







}







/* ----------- iPhone 5 and 5S ----------- */







/* Portrait and Landscape */



@media only screen 



  and (min-device-width: 320px) 



  and (max-device-width: 568px)



  and (-webkit-min-device-pixel-ratio: 2) {







}







/* Portrait */



@media only screen 



  and (min-device-width: 320px) 



  and (max-device-width: 568px)



  and (-webkit-min-device-pixel-ratio: 2)



  and (orientation: portrait) {



}







/* Landscape */



@media only screen 



  and (min-device-width: 320px) 



  and (max-device-width: 568px)



  and (-webkit-min-device-pixel-ratio: 2)



  and (orientation: landscape) {







}







/* ----------- iPhone 6 ----------- */







/* Portrait and Landscape */



@media only screen 



  and (min-device-width: 375px) 



  and (max-device-width: 667px) 



  and (-webkit-min-device-pixel-ratio: 2) { 







}







/* Portrait */



@media only screen 



  and (min-device-width: 375px) 



  and (max-device-width: 667px) 



  and (-webkit-min-device-pixel-ratio: 2)



  and (orientation: portrait) { 







}







/* Landscape */



@media only screen 



  and (min-device-width: 375px) 



  and (max-device-width: 667px) 



  and (-webkit-min-device-pixel-ratio: 2)



  and (orientation: landscape) { 







}







/* ----------- iPhone 6+ ----------- */







/* Portrait and Landscape */



@media only screen 



  and (min-device-width: 414px) 



  and (max-device-width: 736px) 



  and (-webkit-min-device-pixel-ratio: 3) { 







}







/* Portrait */



@media only screen 



  and (min-device-width: 414px) 



  and (max-device-width: 736px) 



  and (-webkit-min-device-pixel-ratio: 3)



  and (orientation: portrait) { 







}







/* Landscape */



@media only screen 



  and (min-device-width: 414px) 



  and (max-device-width: 736px) 



  and (-webkit-min-device-pixel-ratio: 3)



  and (orientation: landscape) { 







}



/* ----------- Galaxy S3 ----------- */







/* Portrait and Landscape */



@media screen 



  and (device-width: 320px) 



  and (device-height: 640px) 



  and (-webkit-device-pixel-ratio: 2) {







}







/* Portrait */



@media screen 



  and (device-width: 320px) 



  and (device-height: 640px) 



  and (-webkit-device-pixel-ratio: 2) 



  and (orientation: portrait) {







}







/* Landscape */



@media screen 



  and (device-width: 320px) 



  and (device-height: 640px) 



  and (-webkit-device-pixel-ratio: 2) 



  and (orientation: landscape) {







}







/* ----------- Galaxy S4 ----------- */







/* Portrait and Landscape */



@media screen 



  and (device-width: 320px) 



  and (device-height: 640px) 



  and (-webkit-device-pixel-ratio: 3) {







}







/* Portrait */



@media screen 



  and (device-width: 320px) 



  and (device-height: 640px) 



  and (-webkit-device-pixel-ratio: 3) 



  and (orientation: portrait) {







}







/* Landscape */



@media screen 



  and (device-width: 320px) 



  and (device-height: 640px) 



  and (-webkit-device-pixel-ratio: 3) 



  and (orientation: landscape) {







}







/* ----------- Galaxy S5 ----------- */







/* Portrait and Landscape */



@media screen 



  and (device-width: 360px) 



  and (device-height: 640px) 



  and (-webkit-device-pixel-ratio: 3) {







}







/* Portrait */



@media screen 



  and (device-width: 360px) 



  and (device-height: 640px) 



  and (-webkit-device-pixel-ratio: 3) 



  and (orientation: portrait) {







}







/* Landscape */



@media screen 



  and (device-width: 360px) 



  and (device-height: 640px) 



  and (-webkit-device-pixel-ratio: 3) 



  and (orientation: landscape) {







}



/* ----------- HTC One ----------- */







/* Portrait and Landscape */



@media screen 



  and (device-width: 360px) 



  and (device-height: 640px) 



  and (-webkit-device-pixel-ratio: 3) {







}







/* Portrait */



@media screen 



  and (device-width: 360px) 



  and (device-height: 640px) 



  and (-webkit-device-pixel-ratio: 3) 



  and (orientation: portrait) {







}







/* Landscape */



@media screen 



  and (device-width: 360px) 



  and (device-height: 640px) 



  and (-webkit-device-pixel-ratio: 3) 



  and (orientation: landscape) {







}



/* ----------- iPad mini ----------- */







/* Portrait and Landscape */



@media only screen 



  and (min-device-width: 768px) 



  and (max-device-width: 1024px) 



  and (-webkit-min-device-pixel-ratio: 1) {







}







/* Portrait */



@media only screen 



  and (min-device-width: 768px) 



  and (max-device-width: 1024px) 



  and (orientation: portrait) 



  and (-webkit-min-device-pixel-ratio: 1) {







}







/* Landscape */



@media only screen 



  and (min-device-width: 768px) 



  and (max-device-width: 1024px) 



  and (orientation: landscape) 



  and (-webkit-min-device-pixel-ratio: 1) {







}







/* ----------- iPad 1 and 2 ----------- */



/* Portrait and Landscape */



@media only screen 



  and (min-device-width: 768px) 



  and (max-device-width: 1024px) 



  and (-webkit-min-device-pixel-ratio: 1) {







}







/* Portrait */



@media only screen 



  and (min-device-width: 768px) 



  and (max-device-width: 1024px) 



  and (orientation: portrait) 



  and (-webkit-min-device-pixel-ratio: 1) {







}







/* Landscape */



@media only screen 



  and (min-device-width: 768px) 



  and (max-device-width: 1024px) 



  and (orientation: landscape) 



  and (-webkit-min-device-pixel-ratio: 1) {







}







/* ----------- iPad 3 and 4 ----------- */



/* Portrait and Landscape */



@media only screen 



  and (min-device-width: 768px) 



  and (max-device-width: 1024px) 



  and (-webkit-min-device-pixel-ratio: 2) {







}







/* Portrait */



@media only screen 



  and (min-device-width: 768px) 



  and (max-device-width: 1024px) 



  and (orientation: portrait) 



  and (-webkit-min-device-pixel-ratio: 2) {







}







/* Landscape */



@media only screen 



  and (min-device-width: 768px) 



  and (max-device-width: 1024px) 



  and (orientation: landscape) 



  and (-webkit-min-device-pixel-ratio: 2) {







}



/* ----------- Galaxy Tab 10.1 ----------- */







/* Portrait and Landscape */



@media 



  (min-device-width: 800px) 



  and (max-device-width: 1280px) {







}







/* Portrait */



@media 



  (max-device-width: 800px) 



  and (orientation: portrait) { 







}







/* Landscape */



@media 



  (max-device-width: 1280px) 



  and (orientation: landscape) { 







}



/* ----------- Asus Nexus 7 ----------- */







/* Portrait and Landscape */



@media screen 



  and (device-width: 601px) 



  and (device-height: 906px) 



  and (-webkit-min-device-pixel-ratio: 1.331) 



  and (-webkit-max-device-pixel-ratio: 1.332) {







}







/* Portrait */



@media screen 



  and (device-width: 601px) 



  and (device-height: 906px) 



  and (-webkit-min-device-pixel-ratio: 1.331) 



  and (-webkit-max-device-pixel-ratio: 1.332) 



  and (orientation: portrait) {







}







/* Landscape */



@media screen 



  and (device-width: 601px) 



  and (device-height: 906px) 



  and (-webkit-min-device-pixel-ratio: 1.331) 



  and (-webkit-max-device-pixel-ratio: 1.332) 



  and (orientation: landscape) {







}



/* ----------- Kindle Fire HD 7" ----------- */







/* Portrait and Landscape */



@media only screen 



  and (min-device-width: 800px) 



  and (max-device-width: 1280px) 



  and (-webkit-min-device-pixel-ratio: 1.5) {







}







/* Portrait */



@media only screen 



  and (min-device-width: 800px) 



  and (max-device-width: 1280px) 



  and (-webkit-min-device-pixel-ratio: 1.5) 



  and (orientation: portrait) {



}







/* Landscape */



@media only screen 



  and (min-device-width: 800px) 



  and (max-device-width: 1280px) 



  and (-webkit-min-device-pixel-ratio: 1.5) 



  and (orientation: landscape) {







}







/* ----------- Kindle Fire HD 8.9" ----------- */







/* Portrait and Landscape */



@media only screen 



  and (min-device-width: 1200px) 



  and (max-device-width: 1600px) 



  and (-webkit-min-device-pixel-ratio: 1.5) {







}







/* Portrait */



@media only screen 



  and (min-device-width: 1200px) 



  and (max-device-width: 1600px) 



  and (-webkit-min-device-pixel-ratio: 1.5) 



  and (orientation: portrait) {



}







/* Landscape */



@media only screen 



  and (min-device-width: 1200px) 



  and (max-device-width: 1600px) 



  and (-webkit-min-device-pixel-ratio: 1.5) 



  and (orientation: landscape) {







}



/* ----------- Non-Retina Screens ----------- */



@media screen 



  and (min-device-width: 1200px) 



  and (max-device-width: 1600px) 



  and (-webkit-min-device-pixel-ratio: 1) { 



}







/* ----------- Retina Screens ----------- */



@media screen 



  and (min-device-width: 1200px) 



  and (max-device-width: 1600px) 



  and (-webkit-min-device-pixel-ratio: 2)



  and (min-resolution: 192dpi) { 



}