.bodycontainer {max-height:800px; width:100%; margin:0; overflow-y:auto;}
.table-scrollable { margin: 0; padding: 0;}

.bodycontainer1 {max-height:250px; width:100%; margin:0; overflow-y:auto; }
.table-scrollable1 { margin: 0; padding: 0; }

.bodycontainer2 {max-height:400px; width:100%; margin:0; overflow-y:auto; }
.table-scrollable2 { margin: 0; padding: 0; }


.mytable>tbody>tr>td, .mytable>tbody>tr>th, .mytable>tfoot>tr>td, .mytable>tfoot>tr>th, .mytable>thead>tr>td, .mytable>thead>tr>th {padding:1px;}




  
#li1{
transition-timing-function: linear;
width:30px;
height:auto;
padding:0px;
transition: width 1s;
}

#li1:hover {
  width: 250px;
}


/*
@media only screen and (min-width:1650px){
	.container {
 	max-width:1170px;
 	font-size:15px;
	}
  	button[type=button]{
	font-size:15px;
	color:inherit;
	}            
}


@media only screen and (max-width:1649px) and (min-width:1600px){
.container {
 max-width:1150px;
 font-size:15px;
  }
  	button[type=button]{
	font-size:15px;
	color:inherit;
	}            
}


@media only screen and (max-width:1599px) and (min-width:1550px){
.container {
 max-width:1130px;
 font-size:15px;
  }
  	button[type=button]{
	font-size:15px;
	color:inherit;
	}            
}



@media only screen and (max-width:1549px) and (min-width:1500px){
.container {
 max-width:1110px;
 font-size:15px;
  }
  	button[type=button]{
	font-size:15px;
	color:inherit;
	}            
}

@media only screen and (max-width:1499px) and (min-width:1450px){
.container {
 max-width:1100px;
 font-size:14px;
  }
  	button[type=button]{
	font-size:14px;
	color:inherit;
	}            
}


@media only screen and (max-width:1499px) and (min-width:1400px){
.container {
 max-width:1090px;
 font-size:14px;
  }
  	button[type=button]{
	font-size:14px;
	color:inherit;
	}            
}









@media only screen and (max-width:1399px) and (min-width:1350px){
.container {
 max-width:1080px;
 font-size:14px;
  }
  	button[type=button]{
	font-size:14px;
	color:inherit;
	}            
}

@media only screen and (max-width:1349px) and (min-width:1300px){
.container {
 max-width:1070px;
 font-size:14px;
  }
  	button[type=button]{
	font-size:14px;
	color:inherit;
	}            
}




@media only screen and (max-width:1299px) and (min-width:1250px){
.container {
 max-width:1060px;
 font-size:13px;
  }
  	button[type=button]{
	font-size:13px;
	color:inherit;
	}            
}



@media only screen and (max-width:1249px) and (min-width:1200px){
.container {
 max-width:1050px;
 font-size:13px;
  }
  	button[type=button]{
	font-size:13px;
	color:inherit;
	}            
}



@media only screen and (max-width:1199px) and (min-width:1150px){
.container {
 max-width:1030px;
 font-size:13px;
  }
  	button[type=button]{
	font-size:13px;
	color:inherit;
	}            
}

@media only screen and (max-width:1149px) and (min-width:1100px){
.container {
 max-width:1020px;
 font-size:12px;
  }
  	button[type=button]{
	font-size:12px;
	color:inherit;
	}            
}




@media only screen and (max-width:1099px) and (min-width:1050px){
.container {
 max-width:1000px;
 height:auto;
 font-size:12px;
  }
 button[type=button] {
 font-size:12px;
 color:inherit;
 }            
}



@media only screen and (max-width:1049px) and (min-width:1000px){
.container {
 max-width:990px;
 height:auto;
 font-size:12px;
  }
 button[type=button] {
 font-size:12px;
 color:inherit;
 }            
}



@media only screen and (max-width:999px) and (min-width:950px){
.container {
 max-width:970px;
 height:auto;
 font-size:11px;
  }
 button[type=button] {
 font-size:11px;
 color:inherit;
 }            
}





@media only screen and (max-width:949px) and (min-width:900px){
.container {
 max-width:950px;
 height:auto;
 font-size:11px;
  }
 button[type=button] {
 font-size:11px;
 color:inherit;
 }            
}




@media only screen and (max-width:899px)and (min-width:850px){
.container {
 max-width:900px;
 height:auto;
 font-size:10px;
  }            
button[type=button] {
font-size:10px;
color:inherit;
}	
}






@media only screen and (max-width:849px)and (min-width:800px){
.container {
 max-width:850px;
 height:auto;
 font-size:10px;
  }            
button[type=button] {
font-size:10px;
color:inherit;
}	
}



@media only screen and (max-width:799px)and (min-width:750px){
.container {
 max-width:800px;
 height:auto;
 font-size:10px;
  }            
button[type=button] {
font-size:10px;
color:inherit;
}	
}

@media only screen and (max-width:749px)and (min-width:700px){
.container {
 max-width:750px;
 height:auto;
 font-size:9px;
  }            
button[type=button] {
font-size:9px;
color:inherit;
}	
}


@media only screen and (max-width:699px)and (min-width:650px){
.container {
 max-width:700px;
 height:auto;
 font-size:9px;
  }            
button[type=button] {
font-size:9px;
color:inherit;
}	
}




@media only screen and (max-width:649px)and (min-width:600px){
.container {
 max-width:650px;
 height:auto;
 font-size:8px;
  }            
button[type=button] {
font-size:8px;
color:inherit;
}	
}

@media only screen and (max-width:599px)and (min-width:550px){
.container {
 max-width:600px;
 height:auto;
 font-size:8px;
  }            
button[type=button] {
font-size:8px;
color:inherit;
}	
}

@media only screen and (max-width:549px)and (min-width:500px){
.container {
 max-width:550px;
 height:auto;
 font-size:8px;
  }            
button[type=button] {
font-size:8px;
color:inherit;
}	
}


@media only screen and (max-width:499px){
.container {
 max-width:500px;
 height:auto;
 font-size:7px;
  }            
button[type=button] {
font-size:7px;
color:inherit;
}	
}



/*
button[type=button]
{
font-family:"Comic Sans MS";
}
*/
.row-equal-height{

  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}



/* starting css for canvas*/

#canvas{
	width:100%;
	height:120px;
	overflow: hidden;
	position:absolute;
	top:0;
	left:0;
	padding:0px;
	background-color: #1a1724;               
}
.canvas-wrap{
	position:relative;
	
}
div.canvas-content{
	position:relative;
	z-index:2000;
	color:#fff;
	text-align:center;
	padding-top:30px;
}



td.diagonalRising
{
background: linear-gradient(to right bottom, green 0%,gold 49.9%,transparent 50%,transparent 51%,transparent 51.1%, gold 100%);
}

td.diagonalFalling
{
background: linear-gradient(to right top, #ffffff 0%,#ffffff 49.9%,#000000 50%,#000000 51%,#ffffff 51.1%,#ffffff 100%);
}

td.diagonalCross
{
position:   relative;
background: linear-gradient(to right bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 49.9%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 51%,rgba(0,0,0,0) 51.1%,rgba(0,0,0,0) 100%);
}

td.diagonalCross:after
{
content:     "";
display:     block;
position:    absolute;
width:       100%;
height:      100%;
top:         0;
left:        0;
z-index:     -1;
background:  linear-gradient(to right top, #ffffff 0%,#ffffff 49.9%,#000000 50%,#000000 51%,#ffffff 51.1%,#ffffff 100%);
}
	

.diagonalRising1
{
background: linear-gradient(to right bottom, green 0%,gold 49.9%,transparent 50%,transparent 51%,transparent 51.1%, gold 100%);
}

.diagonalRising2
{
background: linear-gradient(to right bottom, #008040 0%, #D4DF55 50%, #66FFFF 70%, #D4DF00 100%);
}




.example1 {
 height:25px;	
 overflow:hidden;
 position:relative;
 padding:0px;

}
.example1 h4 {
 font-size: 1.4em;
 color:white;

 padding:0px;
 display:inline;

 
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height:20px;
 text-align: center;
 vertical-align:middle;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: example1 15s linear infinite;
 -webkit-animation: example1 15s linear infinite;
 animation: example1 15s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes example1 {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes example1 {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes example1 {
 0%   { 
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%); 
 }
}

.btn10
{
  background: #00d0f5;
  background-image: -webkit-linear-gradient(top, #00d0f5, #00853a);
  background-image: -moz-linear-gradient(top, #00d0f5, #00853a);
  background-image: -ms-linear-gradient(top, #00d0f5, #00853a);
  background-image: -o-linear-gradient(top, #00d0f5, #00853a);
  background-image: linear-gradient(to bottom, #00d0f5, #00853a);
  font-family:"Comic Sans MS";
  /*color: #ffffff;
  font-size: 20px;
  */
  padding: 5px 5px 5px 5px;
  text-decoration: none;
}
.btn10:hover
{
background: #99fc3c;
  background-image: -webkit-linear-gradient(top, #99fc3c, #e39a09);
  background-image: -moz-linear-gradient(top, #99fc3c, #e39a09);
  background-image: -ms-linear-gradient(top, #99fc3c, #e39a09);
  background-image: -o-linear-gradient(top, #99fc3c, #e39a09);
  background-image: linear-gradient(to bottom, #99fc3c, #e39a09);
  text-decoration: none;
}
.btn11 {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  /*
  -webkit-border-radius:7;
  -moz-border-radius:7;
  border-radius:7px;
  */
  -webkit-box-shadow: 0px 0px 0px #6744db;
  -moz-box-shadow: 0px 0px 0px #6744db;
  box-shadow: 0px 0px 0px #6744db;
  font-family: Arial;
  color:rgb(255,255,255);
  /*font-size: 20px;
  padding: 8px 20px 10px 20px;
  */
  

}

.btn11:hover {
  background: #99fc3c;
  background-image: -webkit-linear-gradient(top, #99fc3c, #e39a09);
  background-image: -moz-linear-gradient(top, #99fc3c, #e39a09);
  background-image: -ms-linear-gradient(top, #99fc3c, #e39a09);
  background-image: -o-linear-gradient(top, #99fc3c, #e39a09);
  background-image: linear-gradient(to bottom, #99fc3c, #e39a09);
  text-decoration: none;
}

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #91b8b3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #91b8b3;
	box-shadow:inset 0px 1px 0px 0px #91b8b3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #768d87), color-stop(1, #6c7c7c));
	background:-moz-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-webkit-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-o-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-ms-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#768d87', endColorstr='#6c7c7c',GradientType=0);
	background-color:#768d87;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	/*font-weight:bold;*/
	padding:7px 3px;
	text-decoration:none;
	/*text-shadow:0px 1px 0px #2b665e;*/
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #768d87));
	background:-moz-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-webkit-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-ms-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);
	background-color:#6c7c7c;
}
.myButton:active {
	position:relative;
	top:1px;
}

        

.myButton1 {
	-moz-box-shadow: 0px 1px 0px 0px #1c1b18;
	-webkit-box-shadow: 0px 1px 0px 0px #1c1b18;
	box-shadow: 0px 1px 0px 0px #1c1b18;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eae0c2), color-stop(1, #ccc2a6));
	background:-moz-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:-webkit-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:-o-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:-ms-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:linear-gradient(to bottom, #eae0c2 5%, #ccc2a6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae0c2', endColorstr='#ccc2a6',GradientType=0);
	background-color:#eae0c2;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:2px solid #333029;
	display:inline-block;
	cursor:pointer;
	color:#505739;
	font-family:Arial;
	font-size:14px;
	/*font-weight:bold;*/
	padding:7px 3px;
	text-decoration:none;
	
}
.myButton1:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ccc2a6), color-stop(1, #eae0c2));
	background:-moz-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:-webkit-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:-o-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:-ms-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:linear-gradient(to bottom, #ccc2a6 5%, #eae0c2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc2a6', endColorstr='#eae0c2',GradientType=0);
	background-color:#ccc2a6;
}
.myButton1:active {
	position:relative;
	top:1px;
}

        

.myButton2 {

	/*-moz-box-shadow:inset 0px -1px 1px 0px #29bbff;
	-webkit-box-shadow:inset 0px -1px 1px 0px #29bbff;
	box-shadow:inset 3px 0px 5px -2px #29bbff;
	*/
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #008080), color-stop(1, #0688fa));
	background:-moz-linear-gradient(top, #008080 5%, #0688fa 100%);
	background:-webkit-linear-gradient(top, #008080 5%, #0688fa 100%);
	background:-o-linear-gradient(top, #008080 5%, #0688fa 100%);
	background:-ms-linear-gradient(top, #008080 5%, #0688fa 100%);
	background:linear-gradient(to bottom, #008080 5%, #0688fa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#008080', endColorstr='#0688fa',GradientType=0);
	background-color:#008080;
	
	
	display:inline-table;
	cursor:pointer;
	color:#ffffff;
	padding:7px 3px;
	
	
	/*
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #0b0e07;
	font-family:Arial;
	font-size:16px;
	
	text-decoration:none;

	text-shadow:0px 1px 0px rgb(100,200,255);
	*/
	
}


/*
.myButton2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0688fa), color-stop(1, #2dabf9));
	background:-moz-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-webkit-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-o-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-ms-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0688fa', endColorstr='#2dabf9',GradientType=0);
	background-color:#0688fa;
}
.myButton2:active {
	position:relative;
	top:1px;
}
*/


.myButton3 {

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #008080), color-stop(1, #0688fa));
	background:-moz-linear-gradient(top, #008080 5%, #0688fa 100%);
	background:-webkit-linear-gradient(top, #008080 5%, #0688fa 100%);
	background:-o-linear-gradient(top, #008080 5%, #0688fa 100%);
	background:-ms-linear-gradient(top, #008080 5%, #0688fa 100%);
	background:linear-gradient(to bottom, #008080 5%, #0688fa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#008080', endColorstr='#0688fa',GradientType=0);
	background-color:#008080;
	border:none;
	
	
	display:inline-table;
	cursor:pointer;
	padding:4px 3px;
	
}




.box-shadow1
{
-webkit-box-shadow:1px 0px 1px 1px rgba(100,100,100,0.2) inset;
-moz-box-shadow:1px 0px 1px 1px rgba(100,100,100,0.2) inset;
box-shadow:1px 0px 1px 1px rgba(100,100,100,0.2) inset;


}

.box-shadow2
{
-webkit-box-shadow:0px -5px 50px 15px rgba(0,128,64,0.1); 
-moz-box-shadow:0px -5px 50px 15px rgba(0,128,64,0.1); 
box-shadow: 0px -5px 50px 15px rgba(0,128,64,0.1);
}

.box-shadow3
{
-webkit-box-shadow: 0px 0px 1px 1px rgba(100,100,100,0.2) inset;
-moz-box-shadow: 0px 0px 1px 1px rgba(100,100,100,0.2) inset;
box-shadow: 0px 0px 1px 1px rgba(100,100,100,0.2) inset;
}

.box-shadow4
{
-webkit-box-shadow: -5px 0px 5px 5px rgba(100,100,100,0.1) inset;
-moz-box-shadow: -5px 0px 5px 5px rgba(100,100,100,0.1) inset;
box-shadow: -5px 0px 5px 5px rgba(100,100,100,0.1) inset;
}


.box-shadow5
{
-webkit-box-shadow: 5px 0px 5px 5px rgba(100,100,100,0.1) inset;
-moz-box-shadow: 5px 0px 5px 5px rgba(100,100,100,0.1) inset;
box-shadow: 5px 0px 5px 5px rgba(100,100,100,0.1) inset;
}


.header_font_style1
{
color: rgb(255, 255, 255);
text-shadow: rgb(255, 255, 255) 0px 1px 0px, rgb(245,245,245) 0px 2px 0px, rgb(235,235,235) 0px 3px 0px, rgb(225,225,225) 0px 4px 0px, rgb(215,215,215) 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 2px 1px, rgba(0, 0, 0, 0.2) 0px 3px 2px, rgba(0, 0, 0, 0.3) 0px 4px 3px, rgba(0, 0, 0, 0.4) 0px 5px 4px, rgba(0, 0, 0, 0.5) 0px 6px 5px, rgba(0, 0, 0, 0.6) 0px 7px 6px, rgba(0, 0, 0, 0.7) 0px 8px 7px;
}

.header_font_style2
{
color: rgb(0, 0, 255);
text-shadow: rgb(204, 204, 204) 0px 7px 0px, rgb(201, 201, 201) 0px 1px 0px, rgb(187, 187, 187) 0px 3px 0px, rgb(185, 185, 185) 0px 2px 0px, rgb(170, 170, 170) 0px 3px 0px, rgba(0, 0, 0, 0.1) 0px 3px 1px, rgba(0, 0, 0, 0.1) 0px 0px 1px, rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(0, 0, 0, 0.15) 0px 2px 3px, rgba(0, 0, 0, 0.2) 0px 5px 5px, rgba(0, 0, 0, 0.2) 0px 6px 6px, rgba(0, 0, 0, 0.1) 0px 7px 7px;
}

.header_font_style3
{
color:#FFFFF;
text-shadow: rgb(255, 04, 04) 0px 0px 0px, rgb(201, 01, 01) 0px 0px 0px, rgb(187, 7, 7) 0px 0px 0px, rgb(185, 5, 5) 0px 0px 0px, rgb(170, 0, 0) 0px 1px 0px, rgba(0, 0, 0, 0.1) 0px 1px 0px, rgba(0, 0, 0, 0.1) 0px 0px 0px, rgba(0, 0, 0, 0.3) 0px 0px 1px, rgba(0, 0, 0, 0.15) 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 1px 1px;
}

.header_font_style4
{
color: rgb(250,250,250);
text-shadow: rgb(255, 255, 255) 0px 1px 0px;
}

.header_font_style5
{
color: rgb(10,10,10);
text-shadow: rgb(204,204,204) 0px 1px 0px;
}

.text-break{
white-space:normal;
font-size:1vw;
}
@media (max-width: 479px){.text-break-xs{white-space:normal;}}
@media (min-width: 480px) and (max-width:767px){.text-break-sm{white-space:normal;}}
@media (min-width: 768px) and (max-width:991px){.text-break-md{white-space:normal;}}

.div_text_shadow
{
color:white;
font-size: 50px;
text-shadow: rgba(255, 255, 255, 0.2) 3px 2px 3px;
}

.background1{
background: rgb(240,249,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(240,249,255,1) 0%, rgba(203,235,255,1) 47%, rgba(161,219,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,249,255,1)), color-stop(47%,rgba(203,235,255,1)), color-stop(100%,rgba(161,219,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-9 */
}
.background2{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#88bfe8+0,70b0e0+100;Blue+3D+%2317 */
background: rgb(136,191,232); /* Old browsers */
background: -moz-linear-gradient(top, rgba(136,191,232,1) 0%, rgba(112,176,224,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(136,191,232,1)), color-stop(100%,rgba(112,176,224,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(136,191,232,1) 0%,rgba(112,176,224,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(136,191,232,1) 0%,rgba(112,176,224,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(136,191,232,1) 0%,rgba(112,176,224,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(136,191,232,1) 0%,rgba(112,176,224,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bfe8', endColorstr='#70b0e0',GradientType=0 ); /* IE6-9 */

}

.background3{
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d5cea6+0,c9c190+40,b7ad70+100;Brown+3D */
background: #d5cea6; /* Old browsers */
background: -moz-linear-gradient(top,  #d5cea6 0%, #c9c190 40%, #b7ad70 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5cea6), color-stop(40%,#c9c190), color-stop(100%,#b7ad70)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d5cea6 0%,#c9c190 40%,#b7ad70 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d5cea6 0%,#c9c190 40%,#b7ad70 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d5cea6 0%,#c9c190 40%,#b7ad70 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d5cea6 0%,#c9c190 40%,#b7ad70 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5cea6', endColorstr='#b7ad70',GradientType=0 ); /* IE6-9 */

}
.background4{
background: -webkit-linear-gradient(#FF8000,#FFC993, #FF9224); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#FF8000,#FFC993, #FF9224); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#FF8000,#FFC993, #FF9224); /* For Firefox 3.6 to 15 */
background: linear-gradient(#FF8000,#FFC993, #FF9224); /* Standard syntax */
}



.background5{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#93cede+0,75bdd1+41,49a5bf+100;Blue+3D+%235 */
background: rgb(147,206,222); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(147,206,222,1)), color-stop(41%,rgba(117,189,209,1)), color-stop(100%,rgba(73,165,191,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(147,206,222,1) 0%,rgba(117,189,209,1) 41%,rgba(73,165,191,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(147,206,222,1) 0%,rgba(117,189,209,1) 41%,rgba(73,165,191,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(147,206,222,1) 0%,rgba(117,189,209,1) 41%,rgba(73,165,191,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(147,206,222,1) 0%,rgba(117,189,209,1) 41%,rgba(73,165,191,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#49a5bf',GradientType=0 ); /* IE6-9 */
}

.background6{
background: rgb(255,250,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,250,255,1) 0%, rgba(203,235,255,1) 47%, rgba(161,219,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,250,250,1)), color-stop(47%,rgba(203,235,255,1)), color-stop(100%,rgba(161,219,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,250,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,250,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,250,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,250,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-9 */

}

.background7{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3e2c7+0,c19e67+50,b68d4c+51,e9d4b3+100;L+Brown+3D */
background: rgb(243,226,199); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(243,226,199,1) 0%, rgba(193,158,103,1) 50%, rgba(182,141,76,1) 51%, rgba(233,212,179,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(243,226,199,1) 0%,rgba(193,158,103,1) 50%,rgba(182,141,76,1) 51%,rgba(233,212,179,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(243,226,199,1) 0%,rgba(193,158,103,1) 50%,rgba(182,141,76,1) 51%,rgba(233,212,179,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3',GradientType=0 ); /* IE6-9 */

}

.background8{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bfd255+0,8eb92a+50,72aa00+51,9ecb2d+100;Green+Gloss */
background: #bfd255; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.background9{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,eeeeee+100;Grey+Flat */
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(left,  #eeeeee 0%, #eeeeee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #eeeeee 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #eeeeee 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 */

}

.background10{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e1ffff+0,e1ffff+7,e1ffff+12,fdffff+12,e6f8fd+30,c8eefb+54,bee4f8+75,b1d8f5+100;Blue+Pipe+%232 */
background: #e1ffff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ffff', endColorstr='#b1d8f5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.background11{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}


.background12
{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f6f6+0,dbdce2+21,b8bac6+49,dddfe3+80,f5f6f6+100;Grey+Pipe */
background: #f5f6f6; /* Old browsers */
background: -moz-linear-gradient(top, #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
}

.text1{
/*important for text display*/
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;


}
.text2{
color:#010101;
line-height:25px;
text-align:justify
}

.own_btn {
  background: #e0deff;
  background-image: -webkit-linear-gradient(top, #e0deff, #e8e8e8);
  background-image: -moz-linear-gradient(top, #e0deff, #e8e8e8);
  background-image: -ms-linear-gradient(top, #e0deff, #e8e8e8);
  background-image: -o-linear-gradient(top, #e0deff, #e8e8e8);
  background-image: linear-gradient(to bottom, #e0deff, #e8e8e8);
  /*
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  */
  font-family: Arial;
  color: #050505;
  font-size: 15px;
  padding: 7px;
  text-decoration: none;
}

.own_btn1 {
  background:#F8FCFC;
  background-image: -webkit-linear-gradient(top, #F8FCFC, #e8e8e8);
  background-image: -moz-linear-gradient(top, #F8FCFC, #e8e8e8);
  background-image: -ms-linear-gradient(top, #F8FCFC, #e8e8e8);
  background-image: -o-linear-gradient(top, #F8FCFC, #e8e8e8);
  background-image: linear-gradient(to bottom, #F8FCFC, #e8e8e8);
  /*
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  padding: 5px;
  */
  
  color: #050505;
  
  text-decoration: none;
}

.own_btn2 {
  background:#F8F8F8;
  background-image: -webkit-linear-gradient(top, #F8F8F8, #e8e8e8);
  background-image: -moz-linear-gradient(top, #F8F8F8, #e8e8e8);
  background-image: -ms-linear-gradient(top, #F8F8F8, #e8e8e8);
  background-image: -o-linear-gradient(top, #F8F8F8, #e8e8e8);
  background-image: linear-gradient(to bottom, #F8F8F8, #e8e8e8);
  /*
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  */
  font-family: Arial;
  color: #050505;
  font-size: 15px;
  padding: 0px;
  text-decoration: none;
}

#colorCycle {
background-color:#008080;

/*
 background-color:#999999;
border: 1px solid #FF0; 
padding-top: 5px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px;*/ 
color:#FFF;
text-align: center; 
animation-name: homeCycle; 
animation-duration:20s; 
animation-direction:alternate; 
animation-iteration-count:infinite; 

-webkit-animation-name: homeCycle; 
-webkit-animation-duration:20s; 
-webkit-animation-direction:alternate; 
-webkit-animation-iteration-count:infinite; 
}	

@keyframes homeCycle 
{
50% {background-color:#325080;}
75% {background-color:#660099;}
100% {background-color:rgb(50,50,50);}  
} 

@-webkit-keyframes homeCycle 
{
50% {background-color:#325080;}
75% {background-color:#660099;}
100% {background-color:rgb(50,50,50);}    
}

#colorCycle1 {
background-color:#666666;
/*padding-top: 5px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px;*/
/*text-align: center; */
animation-name: homeCycle1; 
animation-duration:60s; 
animation-direction:alternate; 
animation-iteration-count:infinite; 

-webkit-animation-name: homeCycle1; 
-webkit-animation-duration:60s; 
-webkit-animation-direction:alternate; 
-webkit-animation-iteration-count:infinite; 
}	

@keyframes homeCycle1 
{

0% {color:white;background-color:#333333; color:white;} 
50% {color:white;background-color:#000000; color:white;}

} 

@-webkit-keyframes homeCycle1 
{ 

0% {color:white;background-color:#333333;color:white;} 
50% {color:white; background-color:#000000; color:white;}

}



#colorCycle2 {
background-color:#4F4F00;

/*padding-top: 5px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px;*/
/*text-align: center; */
animation-name: homeCycle2; 
animation-duration:40s; 
animation-direction:alternate; 
animation-iteration-count:infinite; 

-webkit-animation-name: homeCycle2; 
-webkit-animation-duration:40s; 
-webkit-animation-direction:alternate; 
-webkit-animation-iteration-count:infinite; }	

@keyframes homeCycle2 
{

0% {background-color:#4F4F00;}
50% {background-color:#707038;}
} 

@-webkit-keyframes homeCycle2 
{ 
0% {background-color:#4F4F00;}
50% {background-color:#707038;}
}


#colorCycle3 {
background-color:rgb(180,180,180);

animation-name: homeCycle3; 
animation-duration:40s; 
animation-direction:alternate; 
animation-iteration-count:infinite; 

-webkit-animation-name: homeCycle3; 
-webkit-animation-duration:40s; 
-webkit-animation-direction:alternate; 
-webkit-animation-iteration-count:infinite; }	

@keyframes homeCycle3 
{
0% {background-color:rgb(150,150,150); color:#000000;} 
45% {background-color:rgb(160,160,160); color:#000000;} 
75% {background-color:rgb(170,170,170); color:#000000;} 
} 

@-webkit-keyframes homeCycle3 
{ 
0% {background-color:rgb(150,150,150); color:#000000;} 
45% {background-color:rgb(160,160,160); color:#000000;} 
75% {background-color:rgb(170,170,170); color:#000000;} 
}

#colorCycle4 {
/*
background-color:#00FF00;
background-color:#999999;
border: 1px solid #FF0; 
padding-top: 5px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px;*/ 

color:#FFF;
text-align: center; 
animation-name:homeCycle4; 
animation-duration:5s; 
animation-direction:alternate; 
animation-iteration-count:infinite; 

-webkit-animation-name:homeCycle4; 
-webkit-animation-duration:5s; 
-webkit-animation-direction:alternate; 
-webkit-animation-iteration-count:infinite; }	

@keyframes homeCycle4 
{
0% {background-color:rgb(100,105,110);} 
50% {background-color:rgb(120,125,130);}
100%{ background-color:rgb(140,145,145);} 
} 

@-webkit-keyframes homeCycle4 
{ 
0% {background-color:rgb(100,105,110);} 
50% {background-color:rgb(120,125,130);}
100%{ background-color:rgb(140,145,145);} 
}


#colorCycle5 {
background-color:rgb(255,255,255);
/*padding-top: 5px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px;*/
/*text-align: center; */
animation-name: homeCycle5; 
animation-duration:40s; 
animation-direction:alternate; 
animation-iteration-count:infinite; 

-webkit-animation-name: homeCycle5; 
-webkit-animation-duration:40s; 
-webkit-animation-direction:alternate; 
-webkit-animation-iteration-count:infinite; }	

@keyframes homeCycle5 
{
75% {background-color:rgb(255,255,255); color:#000000;} 
} 

@-webkit-keyframes homeCycle5 
{
75% {background-color:rgb(255,255,255); color:#000000;} 
}

#colorCycle6 {
/*padding-top: 5px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px;*/
/*text-align: center; */
animation-name: homeCycle6; 
animation-duration:40s; 
animation-direction:alternate; 
animation-iteration-count:infinite; 

-webkit-animation-name: homeCycle6; 
-webkit-animation-duration:40s; 
-webkit-animation-direction:alternate; 
-webkit-animation-iteration-count:infinite; 
}	

@keyframes homeCycle6 
{
30% {background-color:rgb(0,123,91);} 
60% {background-color:rgb(0,128,24);}
80% {background-color:rgb(157,216,61);}  
} 

@-webkit-keyframes homeCycle6 
{
30% {background-color:rgb(0,123,91);} 
60% {background-color:rgb(0,128,24);}
80% {background-color:rgb(157,216,61);}  
}


#colorCycle7 {
background-color:#008080;

/*
 background-color:#999999;
border: 1px solid #FF0; 
padding-top: 5px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px;*/ 
color:#FFF;
text-align: center; 
animation-name: homeCycle7; 
animation-duration:20s; 
animation-direction:alternate; 
animation-iteration-count:infinite; 

-webkit-animation-name: homeCycle7; 
-webkit-animation-duration:20s; 
-webkit-animation-direction:alternate; 
-webkit-animation-iteration-count:infinite; }	

@keyframes homeCycle7 
{
10% {background-color:#325080;}
30% {background-color:#008080;}
50% {background-color:#006666;}
70% {background-color:#808000;} 
90% {background-color:#008000;}     
} 

@-webkit-keyframes homeCycle7 
{
10% {background-color:#325080;}
30% {background-color:#008080;}
50% {background-color:#006666;}
70% {background-color:#808000;} 
90% {background-color:#008000;}     
}


@font-face{
font-family:Freestyle Script;
src:url(MyFont/Freestyle Script Plain.ttf);
}


/* unvisited link */
a:link {
    color:black;
}

/* visited link */
a:visited {
    color:black;
	
}

/* mouse over link */
a:hover {
    color:black;
}

/* selected link */
a:active {
    color:black;
}

*/

#wrapper {
border: 15px #e4e4e4 solid;
border-radius:15px;

}





.colored {
  margin-top:0px;
  margin-bottom:0px;
  height:2rem;
  border-top:0;
  background:#c4e17f;
  border-radius:5px;
  background-image: linear-gradient(to right, #ff0000, #00ff00 12.5%, #0000ff 12.5%, #000000 25%, #ffffff 25%, #800000 37.5%, #808000 37.5%, #f0776c 50%, #00FF00 50%, #008000 62.5%, #FF00FF 62.5%, #800080 75%, #8A2BE2 75%, #D2691E 87.5%, #00008B 87.5%, #006400);
  padding-right:10%;
  background-origin: content-box;
  background-size:400%;
  animation-name: colored;
  animation-duration: 16s;
  animation-iteration-count:infinite;
  animation-timing-function:steps(8);
}

@keyframes colored {
  from {background-position: 0% 0%;}  
    to {background-position: 200% 0%;}
}





.shrink:hover
{
 -webkit-transform: scale(0.8);
 -ms-transform: scale(0.8);
 transform: scale(0.8);
}