@charset "utf-8";
/* CSS Document */
/* =================================== */
/*    CSS for Cybermaildirect.us       */
/* =================================== */
/* ========================================== */
/*   DeskTop Layout:  1441px to a max 1600px  */
/* ========================================== */
@media only screen and (min-device-width:  1441px)  and  (max-device-width:  1600px) {
img.scalable {
	width: 100%;
	height: auto;
}
img.scalable1 {
	width: 100%;
	height: 500px;
}
/* ======================== */
/*	        Links           */
/* ======================== */
/* ======================= */
/*	    Footer Link        */
/* ======================= */
a.footerLink:link {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 1.1rem;
	text-decoration: none;		
}
a.footerLink:hover {
	font-family:Arial, Helvetica, sans-serif;
	color: #CCC;
	font-size: 1.1rem;
	text-decoration: none;	
}
a.footerLink:visited {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 1.1rem;
	text-decoration: none;	
}
a.footerLink:active {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 1.1rem;
	text-decoration: none;	
}
/* ========================= */
.footermail {
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1rem;/* 1.1rem */
}
a.footmail:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size: .9rem;/* 1.1rem */
	color: #FFF;
	text-decoration: none;	
}
a.footmail:visited {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: .9rem;/* 1.1rem */
	text-decoration: none;	
}
a.footmail:hover {
	font-family:Arial, Helvetica, sans-serif;
	color: #CCC;
	text-decoration: none;
	font-size: .9rem;/* 1.1rem */
}
a.footmail:active {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: .9rem;/* 1.1rem */
	text-decoration: none;	
}
/* ============================ */
/*		     Page CSS           */
/* ============================ */
#pageContainerIndex {
	width: 100%;
	height: auto;
}
#pageContainerLogin {
	width: 100%;
	height: auto;	
}
#pageContainerEdit {
	width: 100%;
	height: auto;	
}
#pageContainerFind {
	width: 100%;
	height: auto;	
}
/* ============================ */
/*		 Header Container       */
/* ============================ */	
.headerContainer {
	width: 100%;
	height: 500px;/* 505px */
	background-color:#9CC;	
}
/* ============================ */
/*		    Body Text           */
/* ============================ */
.bodyText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;	
}
/* ============================ */
/*		Control Button          */
/* ============================ */
.controlContainer {
	width: 100%;
	height: 60px;/* 30px */	
	background-color:#FFF;	
}
.searchBy {
	width: 8%;
	height: auto;
	float: left;
	padding-left: 2%;
	padding-top: .2%;	
}
.errorMessContainer {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color:#C00;		
}
.control1 {
	width: 90%;
	height: 30px;
	float:left;
	padding-top: 5px;
	text-align:left;
	padding-left: 10%;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 1px;
	background-color:#9CC;		
}
.adminContainer {
	width: 7.5%;
	height: auto;
	float: left;
	background-color:#9CC;		
}
.titleContainer {
	width: 3%;
	height: 25px;
	float: left;
	padding-left:1%;
	padding-top: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;		
	background-color:#9CC;	
}
.actorContainer {
	width: 4%;
	height: 25px;
	float: left;
	padding-left:1%;
	padding-top: 4px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;	
	background-color:#9CC;		
}
.genreContainer {
	width: 4%;/* 4% */
	height: 25px;
	float: left;
	padding-left: 1%;
	padding-top: 4px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;		
	background-color:#9CC;	
}
.yearContainer {
	width: 4%;
	height: 25px;
	float: left;
	padding-left: 1%;
	padding-top: 4px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	background-color:#9CC;		
}
.searchContainer {
	width: 8%;
	height: auto;
	float: left;
	padding-left: 5%;
	background-color:#9CC;		
}	
input[name=title] {
	width: 150px;
	height: 35px;
	float: left;
	background-color:#FFF;	
}
label[for=title]{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;		
}
label[for=actor] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;	
}
input[name=title] {
	width: 150px;
	height: 20px;
	background-color:#FFF;	
}
input[name=actor] {
	width: 150px;
	height: 20px;
	float:left;
	background-color:#FFF;		
}
input[name=genre] {
	width: 150px;
	height: 25px;
	float:left;
	background-color:#FFF;	
}
input[name=year] {
	width: 150px;
	height: 25px;
	float:left;
	background-color:#FFF;	
}
select[name=year] {
	width: 70px;
	height: 25px;
	float: left;	
}
select[name=genre] {
	width: 140px;
	height: 25px;
	float: left;	
}
input[type=submit] {
	width: 200px;
	height: auto;
	background-color:#0CC;	
}
input[name=search] {
	width: 100px;
	height: 25px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;	
	background-color:#0cc;	
}
/* ============================ */
/*		 Database Header        */
/* ============================ */	
.dbTitleHeaderContainer {
	width: 95.5%;/* 99.5% 95.5% */
	height: 27px;/* 30px */
	padding-left: .5;/* .5% */
	background-color:#FFF;	
}
.TitleText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;	
}
.colSpace { /* ID */
	width: 2.5%;/* 6% */
	float: left;	
	height: 20px;
	padding-top: 5px;
	padding-left: .5%;
	border: 1px solid #000;
	background-color:#F90;		
}
.titleCol1 { /* Disk Drive */
	width: 5%;
	float: left;	
	height: 20px;
	padding-top: 5px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color:#F90;					
}
.titleCol2 { /* Genre */
	width: 6%;/* 10% */
	float: left;	
	height: 20px;
	padding-top: 5px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color:#F90;					
}
.titleCol3 { /* Title */
	width: 18.8%;/* 10% */
	float: left;	
	height: 20px;
	padding-top: 5px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color:#F90;					
}
.titleCol4 { /* Actor 1 */
	width: 12.1%;
	float: left;	
	height: 20px;
	padding-top: 5px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color:#F90;					
}
.titleCol5 { /* Actor 2 */
	width: 12.1%;
	float: left;	
	height: 20px;
	padding-top: 5px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color:#F90;					
}
.titleCol6 { /* Actor 3 */
	width: 12.2%;
	float: left;	
	height: 20px;
	padding-top: 5px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color:#F90;					
}
.titleCol7 { /* Year Relased */
	width: 5%;/* 10% */
	float: left;	
	height: 20px;
	padding-top: 5px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color:#F90;					
}
.titleCol8 { /* Video Type */
	width: 5.5%;/* 10% */
	float: left;	
	height: 20px;
	padding-top: 5px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color:#F90;					
}
.titleCol9 { /* Run Time (Minutes) */
	width: 10.13%;/* 10% 7% */
	float: left;	
	height: 20px;
	padding-top: 5px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color:#F90;					
}
.titleCol10 { /* Select */
	width: 8.03%;/* 8% */
	float: left;	
	height: 20px;
	padding-top: 5px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color:#999;					
}
.titleCol10Path { /* Movie File Path */
	width: 11%;
	float: left;	
	height: 20px;
	padding-top: 5px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color:#F90;					
}
/* ============================ */
/*   Form Scrolling Container   */
/* ============================ */
.scrollingFormContainer {
	width: 102.5%;/* 102.5% */
	height: auto;
}
/* ========================== */
/* Left side of the Book List */
/* ========================== */
.leftSide-Database {
	width: 100%;/* 100% */
	height: auto;
	float: left;
	background-color: #FFFFEC;/* #C90 #FFFFEC*/	
}
.dbCol1 { /* ID */
	width: 2.9%;/* 5.4% 3% */
	height: 21px;
	float: left;
	padding-top: 4px;
	text-align: center;
	border: 1px solid black;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9rem;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	vertical-align:middle;
}
.dbCol2 { /* Disk Drive */
	width: 4.9%;
	height: 21px;
	float: left;
	padding-top: 4px;
	text-align: center;
	border: 1px solid black;
	color: #000;	
}
.dbCol3 { /* Genre */
	width: 5.85%;/* 10% 5.8% */
	height: 21px;
	float: left;
	padding-top: 4px;
	text-align: center;
	border: 1px solid black;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9rem;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}
.dbCol4 { /* Title */
	width: 18.45%;/* 9.8% 18.5% */
	height: 21px;
	float: left;
	padding-top: 4px;
	text-align: left;
	border: 1px solid black;
	color: #000;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9rem;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: center;
}
.bookData4Pad {
	padding: 10px;	
}
.dbCol5 { /* Actor 1 */
	width: 11.8%;/* 12% */
	height: 21px;
	float: left;
	padding-top: 4px;
	text-align: center;
	border: 1px solid black;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9rem;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: center;
}
.bookData5A { /* Author */
	width: 8.9%;/* 21.5% 18% 15.5% 8.9% */
	height: 170px;
	float: left;
	text-align: center;
	border: 1px solid black;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9rem;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}
.dbCol6 { /* Actor2 */
	width: 11.86%;/* 10% 12% */
	height: 21px;
	float: left;
	padding-top: 4px;
	text-align: center;
	border: 1px solid black;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9rem;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: center;
}
.dbCol7 { /* Actor3 */
	width: 12%;
	height: 21px;
	float: left;
	padding-top: 4px;
	text-align: center;
	border: 1px solid black;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9rem;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: center;
}
.dbCol8 { /* Year */
	width: 4.85%;
	height: 21px;
	float: left;
	padding-top: 4px;
	text-align: center;
	border: 1px solid black;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9rem;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: center;
}
.dbCol9 { /* Video Type */
	width: 5.36%;
	height: 21px;
	float: left;
	padding-top: 4px;
	text-align: center;
	border: 1px solid black;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9rem;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: center;
}
.dbCol10 { /* Run Time */
	width: 9.85%;
	height: 21px;
	float: left;
	padding-top: 4px;
	text-align: center;
	border: 1px solid black;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9rem;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: center;
}
.dbCol11 { /* Select */
	width: 7.9%;
	height: 25px;
	float: left;
	text-align: center;
	border: 1px solid black;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9rem;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: center;
}
.bookDataFormat {
	padding: 10px;
}
.bookDataFormat1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 20; 
  -webkit-box-orient: vertical;	
  height: 180px;
}
.bookDataFormat2 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 20;
	-webkit-box-orient: vertical;
	height: 180px;
	font-weight: normal; 
}
.bookDataFormat3 {
	margin-top: 70px;	
}
.bookDataFormat4 {
	text-align: center;
	margin-top: 80px;
}
.bookDataFormat5 {
	text-align: center;	
}
/* ======================== */
/*	      Admin Page        */
/* ======================== */
input[name=Home] {
	width: 75px;
	height: 25px;
	background-color: #0CC;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;		
}
input[name=Add] {
	width: 75px;
	height: 25px;
	background-color: #0CC;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;			
}
input[name=Edit] {
	width: 75px;
	height: 25px;
	background-color: #0CC;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;	
}
.titleArea {
	padding-left: 28%;/* 33% 25% */
	font-size: 18px;
	font-weight: bold;
 	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
}
.titleAddArea {
	pading-left: 25%;	
}
.titleBackArea {
	padding-left: 32%;/* 33.6% */	
}
.titleDeleteBackArea {
	padding-left: 33.5%;	
}
.titleEditBackArea {
	padding-left: 35%;
}
.titleAreaAdmin {
	padding-left: 39%;	
}
.loginBody {
	width: 100%;
	height: 295px;
	background-color:#FC9;	
}
.loginBox {
	width: 330px;
	border-radius: 25px;
	min-height: 160px;/* 240px */
	background-color: #F4DA01;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	border-top-width: thin;
	border-right-width: thick;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	height: auto;
	margin-top: 25px;
	margin-left: 5px;
}	
.loginuser {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 1.5em;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;
	float: left;
	height: 40px;
	width: 118px;
	padding-right: 5px;
	padding-top: 10px;
}
.loginInput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	float: left;
	height: 40px;
	width: 169px;
	padding-top: 10px;
}
input[name=myusername] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	width: 100%;
	height: 15px;	
}
input[name=mypassword] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	width: 100%;
	height: 15px;	
}
.loginSubmit {
	padding-top: 50px;
	padding-left: 10%;
	width: 90%;/* 292px */
	background-color: #F4DA01;
	padding-bottom: 5px;
}
.loginForgot {
	height: 20px;
	padding-top: 10px;
	padding-left: 10%;
	width: 90%;/* 292px */
	background-color: #F4DA01;
	padding-bottom: 5px;	
}
input[name=Submit] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	width: 20%;
	height: 25px;	
}
input[name=Submit1] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	width: 45%;
	height: 25px;		
}
.controlContainerAdminSubmit {
	width: 100%;
	height: 300px;	
}
.loginCk {
	height: 190px;
	width: 292px;
	margin-left: 28px;
}
.loginCkTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-align: center;
	height: 20px;
	width: 292px;
	padding-bottom: 10px;
}
.loginCkAgain {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;
	float: left;
	height: 40px;
	width: 100%;/* 115px */
	padding-right: 5px;
	padding-top: 10px;
	padding-left: 0/* 80px */
	background-color: #0C9;
}
/* ============================ */
/*	 Admin Listing of Database  */
/* ============================ */
.dbColAdmin1 { /* ID */
	width: 3%;/* 5.4% */
	margin-left: 0%;
}
.dbColAdmin2 { /* Disk Drive */
	width: 4.9%;
}
.dbColAdmin3 { /* Genre */
	width: 8.5%;/* 10% 5.8% */
}
.dbColAdmin4 { /* Title */
	width: 18.5%;/* 9.8% */
}
.bookData4Pad {
	padding: 10px;	
}
.dbColAdmin5 { /* Actor 1 */
	width: 12%;
}
.bookData5A { /* Author */
	width: 8.9%;/* 21.5% 18% 15.5% 8.9% */
	height: 170px;
	float: left;
	text-align: center;
	border: 1px solid black;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9rem;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}
.dbColAdmin6 { /* Actor2 */
	width: 12%;/* 10% */
}
.dbColAdmin7 { /* Actor3 */
	width: 12%;
}
.dbColAdmin8 { /* Year */
	width: 4.85%;
}
.dbColAdmin9 { /* Video Type */
	width: 5.36%;
}
.dbColAdmin10 { /* Run Time */
	width: 9.85%;
}
.dbColAdmin11 { /* Path */
	width: 7.9%;
}
.AddButton {
	width: 55%;
	float: left;
	padding-top: 2px;
	padding-left: 18%;/* 22% */	
}
.EditButton {
	width: 48%;
	float: left;
	padding-top: 2px;
	padding-left: 2px;
	height: 26px;
}
.DeleteButton {
	width: 48%;
	float: left;
	padding-top: 2px;
	height: 26px;	
}
/* ======================== */
/*	     Delete Page        */
/* ======================== */
.DeleteButtonPage {
	width: 63%;
	padding-top: 1px;
	padding-left: 18%;
	height: 10px;	
}
input[name=Back] {
	width: 75px;
	height: 25px;
	background-color: #0CC;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;
}
/* ======================== */
/*	  Lost Passward Page    */
/* ======================== */
.controlLost {
	height: 300px;	
}
.passwordContainer {
	width: 33%;
	height: 150px;
	background-color:#F9F;	
}
.lostpass {
	width: 33%;
	height: 90px;
	padding-top: 10px;
	line-height: 1.9em;
	float: left;
	text-align: right;
	background-color:#3F9;		
}
.lostInput {
	width: 33%;
	height: 90px;
	padding-top: 10px;
	float: left;
	background-color:#F66;	
}
.lostSubmit {
	width: 100%;
	height: 40px;
	background-color:#3F9;	
}
.lostText {
	width: 100%;	
}
input[name=firstname] {
	width: 160px;
	height: 25px;
	line-height: 1em; 	
}
input[name=lastname] {
	width: 160px;
	height: 25px;
	line-height: 1em;	
}
input[type=email] {
	width: 160px;
	height: 25px;
	line-height: 1em;	
}
input[name=Submit34] {
	width: 5%;
	height: 25px;	
}
/* ======================== */
/*	 Reset Password Page    */
/* ======================== */
.centerBody {
	width: 100%;
	height: 100px;
	padding-top: 2%;
	background-color:#369;	
}
.resetMessage {
	width: 100%;
	height: 40px;
	padding-top: 20px;
	text-align: center;
	background-color:#F90;	
}
.resetMessText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;	
}
.resetSubmit {
	width: 100%;
	height: 40px;
	text-align: center;
	background-color:#CC9;	
}
input[name=back] {
	width: 5%;
	height: 25px;	
}
/* ======================== */
/*	    Add Movie Page      */
/* ======================== */
.controlContainerAdd {
	width: 100%;
	height: 5px;/* 30px 60px */	
	background-color:#FFF;	
}
.dbAddCol1 { /* ID */
	width: 2.9%;/* 5.4% 3% */
	height: 21px;
	float: left;
	padding-top: 4px;
	text-align: center;
	border: 1px solid black;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9rem;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	vertical-align:middle;
}
.dbAddCol2 { /* Disk Drive */
	width: 4.9%;
	height: 21px;
	float: left;
	padding-top: 4px;
	text-align: center;
	border: 1px solid black;
	color: #000;	
}
.dbAddCol3 { /* Genre */
	width: 5.85%;/* 10% 5.8% */
	height: 21px;
	float: left;
	padding-top: 4px;
	text-align: center;
	border: 1px solid black;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9rem;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}
.dbAddCol4 { /* Title */
	width: 18.45%;/* 9.8% 18.5% */
	height: 21px;
	float: left;
	padding-top: 4px;
	text-align: left;
	border: 1px solid black;
	color: #000;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9rem;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: center;
}
.dbAddCol5 { /* Actor 1 */
	width: 11.8%;/* 12% */
	height: 21px;
	float: left;
	padding-top: 4px;
	text-align: center;
	border: 1px solid black;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9rem;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: center;
}
.dbAddCol6 { /* Actor2 */
	width: 11.86%;/* 10% 12% */
	height: 21px;
	float: left;
	padding-top: 4px;
	text-align: center;
	border: 1px solid black;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9rem;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: center;
}
.dbAddCol7 { /* Actor3 */
	width: 12%;
	height: 21px;
	float: left;
	padding-top: 4px;
	text-align: center;
	border: 1px solid black;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9rem;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: center;
}
.dbAddCol8 { /* Year */
	width: 4.85%;
	height: 21px;
	float: left;
	padding-top: 4px;
	text-align: center;
	border: 1px solid black;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9rem;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: center;
}
.dbAddCol9 { /* Video Type */
	width: 5.36%;
	height: 21px;
	float: left;
	padding-top: 4px;
	text-align: center;
	border: 1px solid black;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9rem;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: center;
}
.dbAddCol10 { /* Run Time Hour */
	width: 9.85%;/* 9.85% */
	height: 21px;
	float: left;
	padding-top: 4px;
	text-align: center;
	border: 1px solid black;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9rem;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: center;
}
.dbAddCol11 {  /* Run Time Minute */
	width: 7.9%;
	height: 25px;
	float: left;
	text-align: center;
	border: 1px solid black;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9rem;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: center;
}
.dbAddCol12 { /* Select */
	width: 7.9%;
	height: 25px;
	float: left;
	text-align: center;
	border: 1px solid black;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9rem;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: center;
}
input[name=Disk] {
	width: 80%;
	height: 14px;
	margin-top: -1%;	
}
select[name=genre2] {
	width: 80px;
	height: 20px;
	margin-top: -1%;
	margin-left: 4%;	
}
input[name=Title] {
	width: 95%;
	height: 14px;
	margin-top:-.5%;		
}
input[name=Act1] {
	width: 90%;
	height: 16px;
	margin-top: -1%;	
}
input[name=Act2] {
	width: 90%;
	height: 16px;
	margin-top: -1%;	
}
input[name=Act3] {
	width: 90%;
	height: 16px;
	margin-top: -1%;	
}
select[name=year2] {
	width: 90%;
	height: 20px;
	margin-top: -1%;
	margin-left: 4%;	
}
select[name=vtype] {
	width: 90%;
	height: 20px;
	margin-top: -1%;
	margin-left: 4%;	
}

input[name=AddMovie] {
	width: 120%;
	height: 21px;
	margin-top: 0%;
	background-color:#999;		
}
input[name=runtime] {
	width: 90%;
	height: 14px;
	text-align: left;
	margin-top: -1%;
}
/* ======================== */
/*		Edit Movie Page     */
/* ======================== */
input[name=EditMovie] {
	width: 120%;
	height: 21px;
	margin-top: 0%;
	background-color:#999;	
}
/* ======================== */
/*	   Find Movie Page      */
/* ======================== */
input[value=Back] {
	width: 75px;
	height: 25px;
	background-color: #0CC;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;	
}
input[name=admin] {
	width: 75px;
	height: 25px;
	background-color: #0CC;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;	
}
/* ======================== */
/*	       Footer           */
/* ======================== */
.footerContainer {
	width: 100%;
	height: 80px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;	
	background-color: #000;		
}
.footerCol1 {
	width: 30%;/* 32% */
	height: 65px;/* 190px */
	float: left;
	padding-top: 15px;/* 5px */
	padding-left: 2%;
	border-bottom-left-radius: 7px;	
}
.footerCol2 {
	width: 38%;/* 33% */
	height: 80px;
	float: left;
	text-align: center;		
}
.footerCol3 {
	width: 30%;/* 33% */
	height: 80px;
	float: left;
	text-align: center;
	border-bottom-right-radius: 7px;		
}
.footerTextBig {
	color: #FFF;
	font-family: calibri;
	font-size: 1.5rem;/* 1.8rem 2rem */
	text-align: left;
	padding-left: 12%;/* 20% */
}
.footerText {
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1rem;/* 1.3rem 1.5rem  */	
}
.footerTextA {
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .85rem;/*  1.5rem  */	
	text-align: center;
	padding-top: 20px;
}
.footercopyright {
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .75rem;/* 1.3 rem 1.5rem */
	padding-top: 12px;	
}
}