/*Popup windows for tooltips*/

    .popover{
        max-width:600px;
    } 


/*Dog animation container*/

.doghouse {
float:left;
margin-top:15px;
margin-left:280px;

}

.frame_title
{
	display: inline;
	position: absolute;
    top: 20px;
    left:150px;
    font-size: 20px;
}

.frame_welcome
{
	display: inline;
	position: absolute;
    top: 23px;
    right: 10px;
}
 #frame_logo
{
	display: inline;
	position: absolute;
    top: 7px;
    left: 65px;
 }
 
#frame_logo_l
{
	display: inline;
	position: absolute;
    /*top: 7px;
    left: 7px;*/
 }
 
 #frame_header
 {
 	width:100%;
 	height:60px;
 	background-color: white;
 	left:0px;
 	top:0px;
 	z-index:9990;
 }
 
 #frame_hr
 {
 	width:100%;
 	height:2px;
 	background-color: #C0C0C0;	
 }

#frame_hr2
 {
 	width:100%;
 	height:6px;
 	background-image: linear-gradient(to bottom, #989898  0%, #989898 5%, #F0F0F0 100%);
 }
 
#frame_nav_button
{
	color: #000000;
	background-image: linear-gradient(to bottom, #BDC1AC 0%, #BDC1AC 25%, #8E9E82 100%);
	display:block;
  	width:100%;
  	border: #5f7247;
}

#frame_nav_button:hover
{
	color: #000000;
	background-image: linear-gradient(to bottom, #c1d4b3 0%, #c1d4b3 25%, #8e9e82 100%);
}

#frame_main1
{
	left: 0px;
	top: 59px;
	position: fixed;
	z-index: 9999;
	float: left; 
	white-space: nowrap;
	width: 100%;		
}
	
#frame_main
{
	display: block;
  	position: fixed;
  	margin: 0;
	padding: 0;
	height: 550px;
	float: left; 
	white-space: nowrap;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 9999;
	display:block;
	
}

#frame_side_nav:hover 
{
	background-color: #8e9e82;
	
}

#frame_menu 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	left: 20px;
	top: 20px;
}

#frame_menu #frame_mainmenu a 
{
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	background-color: #990066;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	width: 150px;
	position:relative;
}
#frame_menu #frame_mainmenu a:hover 
{
	background-color: #CC6699;
}

#frame_submenu 
{
	text-decoration: none;
	display: block;
	background-color: #ffffff;
	
	
}

#frame_submenu a
{
	width: 100%;
	/*appearance: button; 
    -moz-appearance: button;
    -webkit-appearance: button;*/
   	text-decoration: none; font: menu; color: black;
    display: inline-block; padding: 2px 8px;
}

#frame_submenu a:hover{
	/*appearance: button;
    -moz-appearance: button;
    -webkit-appearance: button;
    background: -moz-linear-gradient(top, #D9FFAE, #A7CE7B);
  	background: -webkit-linear-gradient(top, #D9FFAE, #A7CE7B);
  	background: -ms-linear-gradient(top, #D9FFAE, #A7CE7B);
	background: linear-gradient(top, #D9FFAE, #A7CE7B);*/
	background-image: linear-gradient(to bottom, #c1d4b3 0%, #c1d4b3 25%, #8e9e82 100%);
   	text-decoration: none; font: menu; color: black;
    display: inline-block; padding: 2px 8px;
   }
   
@media screen {
	#frame_body
	{
		background-color:#F0F0F0;
	}
	


	#frame_side_nav 
	{
		background-image: repeating-linear-gradient(45deg, transparent 5px, rgba(250, 250, 250, 0.5) 5px, rgba(250, 250, 250, 0.5) 10px, transparent 10px, transparent 35px, rgba(238, 238, 238, 0.5) 35px, rgba(238, 238, 238, 0.5) 40px, rgba(250, 250, 250, 0.5) 40px, rgba(250, 250, 250, 0.5) 50px, transparent 50px, transparent 60px, rgba(238, 238, 238, 0.5) 60px, rgba(238, 238, 238, 0.5) 70px, rgba(213, 255, 159, 0.3) 70px, rgba(213, 255, 159, 0.3) 80px, transparent 80px, transparent 90px, rgba(238, 238, 238, 0.5) 90px, rgba(238, 238, 238, 0.5) 110px, transparent 110px, transparent 120px, rgba(250, 250, 250, 0.5) 120px, rgba(250, 250, 250, 0.5) 140px), repeating-linear-gradient(135deg, transparent 5px, rgba(250, 250, 250, 0.5) 5px, rgba(250, 250, 250, 0.5) 10px, transparent 10px, transparent 35px, rgba(238, 238, 238, 0.5) 35px, rgba(238, 238, 238, 0.5) 40px, rgba(250, 250, 250, 0.5) 40px, rgba(250, 250, 250, 0.5) 50px, transparent 50px, transparent 60px, rgba(238, 238, 238, 0.5) 60px, rgba(238, 238, 238, 0.5) 70px, rgba(213, 255, 159, 0.3) 70px, rgba(213, 255, 159, 0.3) 80px, transparent 80px, transparent 90px, rgba(238, 238, 238, 0.5) 90px, rgba(238, 238, 238, 0.5) 110px, transparent 110px, transparent 140px, rgba(250, 250, 250, 0.5) 140px, rgba(250, 250, 250, 0.5) 160px);
	  	left: 7px;
		top: 7px;
		height: 48px;
		width: 57px;
		margin: 0;
		padding: 0;
		position: fixed;
		z-index: 9999;
		display:block;
		border-radius: 8px;
	}
}
   

.t10 {
	
	background-color:#999;
}

    
@media handheld only screen and (max-device-width: 320px)
{
 	#frame_body
	{
		background-color:#F0F0F0;
	}
	 #frame_logo
	{
		display: inline;
		position: absolute;
	    top: 7px;
	    left: 65px;
	 }
	 #frame_logo_l
	{
		display: inline;
		position: absolute;
	    top: 7px;
	    left: 7px;
	 }
	 #frame_header
	 {
	 	width:100%;
	 	height:50px;
	 	background-color: white;
	 }
	 
	 #frame_hr
	 {
	 	width:100%;
	 	height:2px;
	 	background-color: #C0C0C0;	
	 }
	
	#frame_hr2
	{
	 	width:100%;
	 	height:6px;
	 	background-image: linear-gradient(to bottom, #989898  0%, #989898 5%, #F0F0F0 100%);
	}
	
	#frame_logo
	{
		display: inline;
		position: absolute;
	    top: 10px;
	    left: 50px;
	 }
	
	#frame_main
	{
    	display: block;
    	position: relative;
    	background-color: white;
		background-image: repeating-linear-gradient(45deg, transparent 5px, rgba(250, 250, 250, 0.5) 5px, rgba(250, 250, 250, 0.5) 10px, transparent 10px, transparent 35px, rgba(238, 238, 238, 0.5) 35px, rgba(238, 238, 238, 0.5) 40px, rgba(250, 250, 250, 0.5) 40px, rgba(250, 250, 250, 0.5) 50px, transparent 50px, transparent 60px, rgba(238, 238, 238, 0.5) 60px, rgba(238, 238, 238, 0.5) 70px, rgba(213, 255, 159, 0.3) 70px, rgba(213, 255, 159, 0.3) 80px, transparent 80px, transparent 90px, rgba(238, 238, 238, 0.5) 90px, rgba(238, 238, 238, 0.5) 110px, transparent 110px, transparent 120px, rgba(250, 250, 250, 0.5) 120px, rgba(250, 250, 250, 0.5) 140px), repeating-linear-gradient(135deg, transparent 5px, rgba(250, 250, 250, 0.5) 5px, rgba(250, 250, 250, 0.5) 10px, transparent 10px, transparent 35px, rgba(238, 238, 238, 0.5) 35px, rgba(238, 238, 238, 0.5) 40px, rgba(250, 250, 250, 0.5) 40px, rgba(250, 250, 250, 0.5) 50px, transparent 50px, transparent 60px, rgba(238, 238, 238, 0.5) 60px, rgba(238, 238, 238, 0.5) 70px, rgba(213, 255, 159, 0.3) 70px, rgba(213, 255, 159, 0.3) 80px, transparent 80px, transparent 90px, rgba(238, 238, 238, 0.5) 90px, rgba(238, 238, 238, 0.5) 110px, transparent 110px, transparent 140px, rgba(250, 250, 250, 0.5) 140px, rgba(250, 250, 250, 0.5) 160px);
		margin: 0;
		padding: 0;
		height: 550px;
		float: left; 
		white-space: nowrap;
		overflow-y: auto;
		overflow-x: hidden;
		z-index: 9999;
		display:block;
		width:100%;
	}
	
	#frame_nav_button
	{
		color: #000000;
		background-image: linear-gradient(to bottom, #B3D585 0%, #B3D585 25%, #819B60 100%);
		display:block;
   		width:100%;
   		font-size: 20px;
	}
	
	#frame_submenu a
	{
		/* appearance: button;
	    -moz-appearance: button;
	    -webkit-appearance: button;*/
	   	text-decoration: none; font: menu; color: black;
	    display: inline-block; padding: 2px 8px;
	    font-size: 20px;
	}
	
	#frame_side_nav 
	{
		background-image: repeating-linear-gradient(45deg, transparent 5px, rgba(250, 250, 250, 0.5) 5px, rgba(250, 250, 250, 0.5) 10px, transparent 10px, transparent 35px, rgba(238, 238, 238, 0.5) 35px, rgba(238, 238, 238, 0.5) 40px, rgba(250, 250, 250, 0.5) 40px, rgba(250, 250, 250, 0.5) 50px, transparent 50px, transparent 60px, rgba(238, 238, 238, 0.5) 60px, rgba(238, 238, 238, 0.5) 70px, rgba(213, 255, 159, 0.3) 70px, rgba(213, 255, 159, 0.3) 80px, transparent 80px, transparent 90px, rgba(238, 238, 238, 0.5) 90px, rgba(238, 238, 238, 0.5) 110px, transparent 110px, transparent 120px, rgba(250, 250, 250, 0.5) 120px, rgba(250, 250, 250, 0.5) 140px), repeating-linear-gradient(135deg, transparent 5px, rgba(250, 250, 250, 0.5) 5px, rgba(250, 250, 250, 0.5) 10px, transparent 10px, transparent 35px, rgba(238, 238, 238, 0.5) 35px, rgba(238, 238, 238, 0.5) 40px, rgba(250, 250, 250, 0.5) 40px, rgba(250, 250, 250, 0.5) 50px, transparent 50px, transparent 60px, rgba(238, 238, 238, 0.5) 60px, rgba(238, 238, 238, 0.5) 70px, rgba(213, 255, 159, 0.3) 70px, rgba(213, 255, 159, 0.3) 80px, transparent 80px, transparent 90px, rgba(238, 238, 238, 0.5) 90px, rgba(238, 238, 238, 0.5) 110px, transparent 110px, transparent 140px, rgba(250, 250, 250, 0.5) 140px, rgba(250, 250, 250, 0.5) 160px);
   		left: 0px;
		top: 0px;
		height: 52px;
		width: 57px;
		margin: 0;
		padding: 0;
		position: fixed;
		z-index: 9999;
		display:block;
	}		
}

.dk_hdr {
	border-right: 1px solid gray;
	border-collapse: collapse;
	padding:.5em;
	background-color: #8E9E82;
	color:#000000;
	text-align:left;
	font-size:125%;
}

.dk_hdr_small {
	border-right: 1px solid gray;
	border-collapse: collapse;
	padding:0px;
	background-color: #8E9E82;
	color:#000000;
	text-align:left;
}


.dove_hdr {
	
	border: 1px solid gray;
	border-collapse: border-collapse;
	padding:.5em;
	border-collapse: border-collapse;
	padding:.5em;
	background-color: #caccb6;
	color:#000000;
	text-align:left;
	font-size:110%;
	
} 

.dove_hdr_small {
	border: 1px solid gray;
	border-collapse: border-collapse;
	padding:.5em;
	border-collapse: border-collapse;
	padding:.5em;
	background-color: #caccb6;
	color:#000000;
	text-align:left;
	font-size:90%;
	
}

.sub_hdr {
	border-right: 1px solid gray;
	border-collapse: collapse;
	border-bottom: 1px solid gray;
	padding:.5em;
	background-color: #f2f0df;
	color:#000000;
	text-align:center;
	font-size:90%;
	
}

.sub_hdr_small {
	/*border-right: 1px solid gray;*/
	border-collapse: collapse;
	border-bottom: 1px solid gray;
	border-top: 1px solid gray;
	padding:.5em;
	background-color: #f2f0df;
	color:#000000;
	text-align:center;
	font-size:80%;
	
}

.info-grid-format {
	
	border: 1px solid gray;
	border-collapse: collapse;
	padding:.5em;
	background-color:#ffffff;
}

/*Class for hiding stuff*/
.unseen {
            display: none;
        }
        
 /*Loader */
 
 #inTurnFadingTextG{
	width:234px;
	margin:auto;
}

.inTurnFadingTextG{
	color:rgb(0,0,0);
	font-family:Arial;
	font-size:24px;
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
	float:left;
	animation-name:bounce_inTurnFadingTextG;
		-o-animation-name:bounce_inTurnFadingTextG;
		-ms-animation-name:bounce_inTurnFadingTextG;
		-webkit-animation-name:bounce_inTurnFadingTextG;
		-moz-animation-name:bounce_inTurnFadingTextG;
	animation-duration:2.09s;
		-o-animation-duration:2.09s;
		-ms-animation-duration:2.09s;
		-webkit-animation-duration:2.09s;
		-moz-animation-duration:2.09s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
}

#inTurnFadingTextG_1{
	animation-delay:0.75s;
		-o-animation-delay:0.75s;
		-ms-animation-delay:0.75s;
		-webkit-animation-delay:0.75s;
		-moz-animation-delay:0.75s;
}
#inTurnFadingTextG_2{
	animation-delay:0.9s;
		-o-animation-delay:0.9s;
		-ms-animation-delay:0.9s;
		-webkit-animation-delay:0.9s;
		-moz-animation-delay:0.9s;
}
#inTurnFadingTextG_3{
	animation-delay:1.05s;
		-o-animation-delay:1.05s;
		-ms-animation-delay:1.05s;
		-webkit-animation-delay:1.05s;
		-moz-animation-delay:1.05s;
}
#inTurnFadingTextG_4{
	animation-delay:1.2s;
		-o-animation-delay:1.2s;
		-ms-animation-delay:1.2s;
		-webkit-animation-delay:1.2s;
		-moz-animation-delay:1.2s;
}
#inTurnFadingTextG_5{
	animation-delay:1.35s;
		-o-animation-delay:1.35s;
		-ms-animation-delay:1.35s;
		-webkit-animation-delay:1.35s;
		-moz-animation-delay:1.35s;
}
#inTurnFadingTextG_6{
	animation-delay:1.5s;
		-o-animation-delay:1.5s;
		-ms-animation-delay:1.5s;
		-webkit-animation-delay:1.5s;
		-moz-animation-delay:1.5s;
}
#inTurnFadingTextG_7{
	animation-delay:1.64s;
		-o-animation-delay:1.64s;
		-ms-animation-delay:1.64s;
		-webkit-animation-delay:1.64s;
		-moz-animation-delay:1.64s;
}




@keyframes bounce_inTurnFadingTextG{
	0%{
		color:rgb(0,0,0);
	}

	100%{
		color:rgb(255,255,255);
	}
}

@-o-keyframes bounce_inTurnFadingTextG{
	0%{
		color:rgb(0,0,0);
	}

	100%{
		color:rgb(255,255,255);
	}
}

@-ms-keyframes bounce_inTurnFadingTextG{
	0%{
		color:rgb(0,0,0);
	}

	100%{
		color:rgb(255,255,255);
	}
}

@-webkit-keyframes bounce_inTurnFadingTextG{
	0%{
		color:rgb(0,0,0);
	}

	100%{
		color:rgb(255,255,255);
	}
}

@-moz-keyframes bounce_inTurnFadingTextG{
	0%{
		color:rgb(0,0,0);
	}

	100%{
		color:rgb(255,255,255);
	}
}