/* Author: Archie Chipps*/
/* Name: Cherry Theme css*/

@media screen and (min-width: 480px) {
    body {
        background-color: #9E0B0E;
    }
}

body
	{
		color:white;
		min-width: 1270px;
        color:white;	
		margin: 0;
		padding: 0px;
		padding-left: 0px;
		background: linear-gradient(to right, #5A0000 , #990000); /* Standard syntax */
	}
	
.lastmovie {
color: red;
width:75px;
background-color:black;
font-size: 16px;
}
.firstmovie {
color: red;	
width:80px;
background-color:black;
font-size: 16px	
}

.tooltip {
    position: relative;
    display: inline-block;
 	width: 200px;
   
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #ffffff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: relative;
	left: -60px;
	top: 20px;
}

.tooltip:hover .tooltiptext {
    visibility: hidden;
}

		
#tooltip {
    position: relative;
    display: inline-block;
 	width: 200px;
   
}

#tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: relative;
	left: -60px;
	top: 20px;
}

#tooltip:hover .tooltiptext {
    visibility: visible;
}

.searchbox
	{
		background-color: transparent;
		background-image:url("img/searchbox1.jpg");
		background-repeat:no-repeat;
		padding-left:20px;
	}
	
input.info
	{
		font-size: 14px;
		font-weight: bold;
		position: relative;
		vertical-align: top;
		padding: 0px;
		border-bottom-width: 7px;
		border-color: transparent;
		background-color: transparent;
	}
	
input.info2
	{
		font-size: 14px;
		font-weight: bold;
		border: 0px;
		position: relative;
		padding: 0px;
		color: rgb(112,0,0);
		background-color: transparent;
	}	
	
#center
	{
		text-align: center;
	}

	
.infobox
	{
		background-color: transparent;
		color: rgb(17,68,80);
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 15px;
		padding-bottom: 15px;
		border: 0px;
		font-size: 14px;
		font-weight: bold;		
	}	

.info
	{
		word-wrap: break-word;
	}

.font1	
	{
		font-size: 14px;
		font-weight: bold;

	}
	
.font2	
	{
		font-size: 24px;
		font-weight: bold;

	}

.summary
	{
		width: 256px;
		height: 161px;
		color: rgb(82,0,0);
		background-color: transparent;
		font-size: 1em;
		font-weight: bold;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		border: 0px solid black;
	}

	
.genre
	{
		width: 253px;
		height: 38px;
		color: rgb(82,0,0);
		background-color: transparent;
		font-size: 1em;
		font-weight: bold;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		border: 0px solid black;
	}
	
.titlebut
	{
		z-index: 1; 
		left: 188px; 
		top: 80px; 
		position: absolute;
	}
	
.descrbut
	{
		z-index: 1; 
		left: 188px; 
		top: 106px;
		position: absolute;
	}

.ownerbut
	{
		z-index: 1; 
		left: 188px; 
		top: 133px;
		position: absolute;
	}

.genrebut
	{
		z-index: 1; 
		left: 281px; 
		top: 80px;
		position: absolute;
	}

.yearbut
	{
		z-index: 1; 
		left: 281px; 
		top: 106px;
		position: absolute;
	}

.moviebut
	{
		z-index: 4; 
		left: 281px; 
		top: 133px;
		position: absolute;
	}

.table1
	{
		left: 60px; 
		top: 80px;
		position: relative;
	}	
	
.frame
	{
		/*resize:none;*/
		background-color: #F7B162;
		border: 2px;
		border-style: solid;
		border-color: #E4D099;
		border-radius: 25px;
		padding:10px;
		font-weight: bold;
		font-family: Arial;
		font-size: 14px;
		top: -5px;
		position: relative;
		color: black;
		overflow: auto;
		box-shadow: 0 10px 15px rgba(0, 0, 0, 0.5), 0 5px 5px rgba(0, 0, 0, 0.3)inset;
	}

.framerecipe
	{
		resize:both;
		background-color: #F7B162;
		border: 1px;
		border-style: solid;
		border-color: #E4D099;
                /*border-radius: 0px;*/
		padding:10px;
		font-weight: bold;
		font-family: Arial;
		font-size: 14px;
		top: -5px;
		position: relative;
		color: black;
		overflow: auto;
		/*box-shadow: 0 10px 15px rgba(0, 0, 0, 0.5), 0 5px 5px rgba(0, 0, 0, 0.3)inset;*/
	}

.line 
	{
		color: #E4D099;
		box-shadow: 0 3px 2px rgba(0, 0, 0, 0.6), 0 5px 5px rgba(0, 0, 0, 0.3)inset;
	}
	
#hides
		{
			background-color: transparent;
			border: 0px;
			font-size: 14px;
			font-weight: bold;
			text-align: center;
			color: Red;
		}
			
#hide
		{
			background-color: transparent;
			border: 0px;
			font-size: 14px;
			font-weight: bold;
			text-align: center;
		}
		
.hide
		{
			background-color: transparent;
			border: 0px;
			font-size: 14px;
			font-weight: bold;
			text-align: center;
		}
		
#hide2
		{
			background-color: transparent;
			border: 0px;
			font-size: 14px;
			font-weight: normal;
			text-align: center;
		}
		
.hide2
		{
			background-color: white;
			border: 0px;
			font-size: 14px;
			font-weight: bold;
			text-align: center;
		}
		
.horizontal
	{
		border-radius: 4px;
		text-shadow:  -2px -1px 5px #FFAA66, 0 0 20px #F51266, 0 0 25px #F51266, 
		3px 3px 4px #F51266, 0 -1px 5px #F51266;
		color: white;
	}	
	
.horizontaler
	{
        width:70%;
		left: 5%;
		position: relative;
		text-align: center;
		background-color: rgba(247,177,98, 1.0);
		border-radius: 4px;
		text-shadow:  -2px -1px 5px #FFFFFF, 0 0 20px #FFFFFF, 0 0 25px #FFFFFF, 
		3px 3px 4px #FFFFFF, 0 -1px 5px #FFFFFF;
		color: black;
	}	
	
#horizontaler
	{
		text-align: center;
		background-color: rgba(237,28,36, 0.8);
		border-radius: 4px;
		text-shadow:  -2px -1px 5px #FFFFFF, 0 0 20px #FFFFFF, 0 0 25px #FFFFFF, 
		3px 3px 4px #FFFFFF, 0 -1px 5px #FFFFFF;
		color: black;
	}	

.textback	
	{
		border: 0px; 
		background-color: #ED1C24;
	}

#textback	
	{
		border: 0px; 
		background-color: #ED1C24;
	}

.image-upload > input
{
    display: none;
}
	
.element {
  -webkit-animation: Fade 10s;
  -moz-animation:    Fade 5s;
  -o-animation:      Fade 5s;
  animation:         Fade 10s;
  animation-fill-mode: both;
  animation-direction: reverse;
  animation-delay: 0s;
  animation-iteration-count: 1;
}

@-webkit-keyframes Fade {
   	from { opacity: .0; }
	to   { opacity: 1; }
}
@-moz-keyframes Fade {
   	from { opacity: .0; }
	to   { opacity: 1; }
}
@-o-keyframes Fade {
   	from { opacity: .0; }
	to   { opacity: 1; }
}
@keyframes Fade {
   	from { opacity: .0; }
	to   { opacity: 1; }
}	


#name	
	{
		color: #820000
	}

#con	
	{
		color: #CC0000
	}

.inputbox {border-color:red;}
.tablenut tr:nth-child(even) {background: #FFCD9F;}
.tablenut tr:nth-child(odd) {background: #E47173;}
.tablenut {border-spacing:0px; color: black;}
.tdnutto {background-color:#590000;border: 1px solid black;color:white;}
.tdnut3 {background-color:darkred;border: 1px solid black;color:#E47173;}
.tdnut4 {background-color:#E47173;color:#9E0B0C;}
.tdnut {border: 1px solid #790000;}
.ingre {background-color:#9E0B0C;
		border: 2px solid black;color: White;}
.justfont {color: White;}


/* nav bar section  */
	
nav.horizontal
	{
		margin-right: 20px;
		margin-left: 20px;
		background-color: #96592A;
		height: 45px;
		border-radius: 4px;
		-webkit-box-shadow: 0 -1px 5px #4AC4D3, 0 0 10px #00BBCC, 
		0 0 25px #00BBCC, 3px 3px 4px black, 0 -1px 5px #75CEDD;
		text-shadow:  0 -1px 5px #4AC4D3, 0 0 10px #00BBCC, 0 0 25px #00BBCC, 
		3px 3px 4px black, 0 -1px 5px #75CEDD;
		box-shadow: 0 0 10px rgba(0,0,0,.95),
		inset 0 0 10px rgba(0,0,0,.35);
		overflow: hidden;
		display:  block;
		color: white;
	}
	
nav a:link 
	{
		font-size: 30px;
		padding-right:100px;
		float: center;
		color: black;
	}	
	
nav a:visited
	{
		padding-right:80px;
		float: center;
		color: black;
	}	

nav a:hover
	{

		color: yellow;
	}	
	
/* class navagation text section */

.Navig
	{
		text-shadow: 0 0 5px #FF8200, 0 -1px 3px #DB8B00, 0 0 6px #DB8B00,
		3px 3px 4px black;
	}
	
.Navig:hover
	{
		font-size: 30px;
		text-shadow:  0 -1px 5px #FF8200, 0 -1px 3px #DB8B00, 0 0 6px #DB8B00,
		3px 3px 4px black, 0 -1px 5px #75CEDD;
	}	

td.Navig2
	{
		font-size: 20px;
		color:white;
		align: center
		width: 230px;
		text-decoration: none;
		
	}
	
td.Navig2:hover
	{
		font-size: 20px;
		color:yellow;
		align: center
		width: 230px;
		text-decoration: none;
		
	}	

/* class section*/

#table
		{
			vertical-align: top;
		}
#cust
	{
		background-color: #FFEBDB;
	}
	
#customerTitle
	{
		height: 20px;
		font-size: 25px;
		color: black;
		text-shadow: 0 0 5px #FFAE00, 0 -1px 3px #FFFFFF, 0 0 6px #FF7200,
		3px 3px 4px black;
	}

.custinfo
	{
		width: 100%;
		border: 3px solid #FF5826;
		background-color:#96592A;

	}
		
.list
	{
		border: 1px solid black;
	}
		
.backlist
	{
		background-color: rgb(48,131,111);
	}
	
.details
	{
		font-size: 120%;
		font-family: Arial Black;		
	}
	
.details2
	{
		font-size: 130%;
		font-family: Arial;		
	}