table, td, th
{
border:3px solid white;
padding:0px;
vertical-align:top;
}


#next_prev
{

}

#record_container
{
   position: relative;
   top: 3vh;
   width: 90%;
   height: 70vh;
   margin: auto;
   /*border: 2px solid black;*/
}

#record_info
{
	float: left;
	width: 50%;
	height: 90%;
   /* border: 2px solid blue;*/
	font-size: 2vh;
}

#mytable
{
	width:100%;	
}

#mytable tr > td:first-child 
{
	text-align: right;
	width: 35%;

 } /* first column */

#mytable tr > td:first-child + td 
{ 
	text-align: left;
} /* second column */

#record_photos
{
	float: left;
	width: 49%;
	height: 90%;
	 /*border: 2px solid red;*/
}

#next_prev
{
	width: 100%;
	height: 5%;
	text-align: center;
    /*border: 2px solid green;*/
}


/*http://codepen.io/wifeo/pen/qzwkb*/
.style_prevu_kit
{
    display:inline-block;
    border:0;
    width:200px;
    height:200px;
    position: relative;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
	transition: all 200ms ease-in;
    transform: scale(1);   

}
.style_prevu_kit:hover
{
    box-shadow: 0px 0px 200px #000000;
    z-index: 2;
	position: relative;
	-webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(3);
	-webkit-transition-delay:0.5s;
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(3);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(3);
	/*-moz-transform-origin: 100% 20%;*/
    transition: all 200ms ease-in;
    transform: scale(3);
	/*transform-origin: 100% 20%;*/
	transition-delay:0.5s;
}