html {
	height: 100%;
	width: 100%;
}

body {
	background-attachment: fixed;
	background-color: rgba(20, 20, 20, 1);
	margin: 0px;
    font-family: 'Titillium Web';
    font-size: 12px;
	color: #fff;
	width: 100%;
}

#limited_top {
	width: 367px; margin-top: -9px; text-align: center; padding: 0px; font-size: 15px; border-top-left-radius: 6px; color: #000; border-top-right-radius: 6px;
	}

#limited_bot {
	font-family: arial; margin-top: 0px; height: 71px; width: 365px; background-image: linear-gradient(to bottom, rgba(256,256,256,0.2) 5%, rgba(256,256,256,0.1)); border-top: 0px; color: #fff; border-bottom-left-radius: 6px; font-size: 15px; border-bottom-right-radius: 6px; font-size: 15px; text-transform: uppercase;
	}

#trailer_empty, #trailer_empty_griffey {
	height: 760px;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}


#auto_trailers_off, #trailers_off {
	height: 760px;
	background-size: cover;
	background-position: top center;
	/* background-image: linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(20,20,20,1)), url('../images/bg_cards.png'); */
	background-repeat: no-repeat;
}

#trailers_on_audio_off, #trailers_on {
	height: 760px;
	background-size: cover;
	background-position: top center;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(20,20,20,1));
	background-repeat: no-repeat;
	text-align: right;
	}

#pod_tab {
	display: inline-block;
	width: auto;
	padding: 12px 20px 0px 20px;
	height: 30px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: #fff;
	font-size: 18px;
	text-align: center;	
}

#td_description {
	padding-right: 40px;
	text-align: left; 
	color: #fff;
	font-size: 16px;
}

#pod_tab_keywords {
	display: inline-block;
	margin-left: 20px;
	padding: 8px 20px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: #fff;
	font-size: 18px;
	text-align: center;	
}

#pod_tab_home {
	display: inline-block;
	color: #fff;
	font-size: 20px;
	padding-left: 0px; 
	margin-left: 20px; 
	border-radius: 0px; 
	background-color: transparent;
}

#info_bar, #info_bar_fail, #info_bar_success {
	height: 50px;
	width: 100%;
	font-size: 16px;
	color: #c0bfbf;
	padding: 0px 0px 0px 20px;
	border-bottom: 1px solid #333333;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	background-color: rgba(29, 29, 29, 0.9);
}

#info_bar_fail {
	color: #000;
	border-bottom: 1px solid #ff5f57;
	background-color: #ff5f57;
}

#info_bar_success {
	color: #000;
	border-bottom: 1px solid #479f60;
	background-color: #479f60;
}

input {
	-webkit-appearance: none;
	border-radius: 0px;
	font-family: 'Titillium Web';
}

input[type="checkbox"] {
    appearance: checkbox !important;
	-webkit-appearance: none;
}

input:focus {
	outline: none;
}

#graded_container {
	height: 551px; width: 330px; text-align: left;
}

#raw_container {
	height: 465px; width: 330px; text-align: left;
}

#input_admin { margin: 0px 0px 14px 0px; background-color: #fff; opacity: 0.5; color: #000; font-size: 18px; height: 29px; width: 260px; padding-left: 10px; border: 0px solid #fff; border-radius: 6px; text-align: left; }

#td_cat_admin {
	padding: 0px 14px 14px 0px; 
	text-align: right;
	width: auto;
}

#new_releases, #new_releases_baseball {
	height: 260px;
	width: 188px;
	background-color: #000;
	margin: 0px 10px;
	}

#new_releases_baseball {
	height: 316px;
	width: 188px;
	border-radius: 8px;
	}

#inv_number, #inv_number_graded_psa, #inv_number_graded_bccg {
	display: inline-block; 
	border: 1px solid #000; 
	color: #000; 
	background-color: #fff; 
	padding: 0px 6px; 
	margin: -40px 0px 0px 76px;
	}

#inv_number_graded_psa {
	margin: -40px 0px 0px 70px;
}

#inv_number_graded_bccg {
	margin: -40px 0px 0px 46px;
}

#new {
	border: 1px solid #dfd33e;
	height: 293px;
	width: 200px;
	background-color: #000;
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0);
	margin: -14px 10px 0px 10px;
	opacity: 0.8;
	border-radius: 8px;
	transition: box-shadow .5s, opacity .5s;
	}

#new:hover {
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
	opacity: 1; 
	}

#span_new {
	z-index: 2;
	position: absolute;
	width: 194px;
	background-color: #dfd33e;
	color: #000;
	margin-left: 10px;
	padding: 4px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	}

#favorite {
	border: 1px solid #00a259;
	height: 293px;
	width: 200px;
	background-color: #000;
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0);
	margin: -14px 10px 0px 10px;
	opacity: 0.8;
	border-radius: 8px;
	transition: box-shadow .5s, opacity .5s;
	}

#favorite:hover {
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
	opacity: 1; 
	}

#span_favorite {
	z-index: 2;
	position: absolute;
	width: 194px;
	background-color: #00a259;
	color: #fff;
	margin-left: 10px;
	padding: 4px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	}

.class_new_delete, .class_new_add, .class_baseball_delete, .class_baseball_add, .class_action_delete, .class_action_add, .class_drama_delete, .class_drama_add, .class_horror_delete, .class_horror_add, .class_comedy_delete, .class_comedy_add, .class_family_delete, .class_family_add, .class_keyword_delete, .class_keyword_add, .form-new, .form-baseball, .form-action, .form-drama, .form-horror, .form-comedy, .form-family, .form-keyword {
	transform: scale(1);
	opacity: 1;
	display: inline-block;
	transition: opacity .5s, transform .5s;
	}

#form-search {
	display: inline-block;
	}

#form-search img {
	margin: 20px 8px -12px 10px;
	}

.div_new_add, .div_new_delete, .div_baseball_add, .div_baseball_delete, .div_action_add, .div_action_delete, .div_drama_add, .div_drama_delete, .div_horror_add, .div_horror_delete, .div_comedy_add, .div_comedy_delete, .div_family_add, .div_family_delete, .div_keyword_add, .div_keyword_delete {
	display: inline-block;
}

#card_graded_front {
	border-radius: 14px; height: 551px; width: 330px;
	}

#card_graded_back {
	border-radius: 14px; margin-left: 20px; height: 551px; width: 330px;
	}

#card_raw_front {
	height: 465px; width: 330px;
}

#card_raw_back {
	margin-left: 20px; height: 465px; width: 330px;
}

/*////////// MOVIE.PHP \\\\\\\\\\\*/

#gradient_top {
	background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,1))
}

#div_player {
    font-size: 16px;
	color: #fff;
	text-align: left;
}

#div_player a {
	color: #fff;
    text-decoration: none;
}

#div_player a:hover {
    text-decoration: underline;
}

#div_player_links {
    font-size: 16px;
	color: #fff;
	text-align: left;
}

#div_player_links input {
	padding: 0px;
	font-size: 16px;
	color: #fff;
	background-color: transparent;
	border: 0px solid #fff;
	cursor: pointer;
	text-decoration: none;
	transition: color .5s, text-decoration .5s;
}

#div_player_links input:hover {
	color: #fff;
	text-decoration: underline;
}

#logo_none {
	height: 302px;
	width: 201px;
	background-color: #000;
	border-radius: 8px;
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);
	}

#btn_graded {
	font-size: 15px;
	border: 1px solid #fff;
	border-radius: 4px;
	padding: 0px 7px;
	background-color: transparent;
	color: #fff;
	margin-right: 16px;
	cursor: pointer;
	transition: color .5s, border .5s;
}

#btn_graded:hover {
	color: #80fa6c; 
	border: 1px solid #80fa6c; 
}

#btn_category {
	font-size: 16px;
	padding: 0px;
	background-color: transparent;
	color: #fff;
	border: 0px solid #b9b9b9;
	cursor: pointer;
	font-weight: normal;
}

#btn_category:hover {
	text-decoration: underline; 
}

#btn_video_on, #btn_audio_on {
	padding: 1px 6px 2px 6px;
	color: #80fa6c;
	border: 1px solid #80fa6c;
	border-radius: 4px;
	background-color: transparent;
	display: inline-block;
	cursor: pointer;
	transition: color .5s, border .5s;
	}

#btn_video_off, #btn_audio_off {
	padding: 1px 6px 2px 6px;
	color: #ff5f57;
	border: 1px solid #ff5f57;
	border-radius: 4px;
	background-color: transparent;
	display: inline-block;
	cursor: pointer;
	transition: color .5s, border .5s;
	}

#btn_trailer_default, #btn_mylist_default {
	font-size: 18px;
	padding: 5px 12px;
	background: rgba(256, 256, 256, 0.2);
	color: rgba(256, 256, 256, 0.8);
	border: 1px solid transparent;
	border-radius: 6px;
	cursor: pointer;
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0);
	transition: background .5s, color .5s;
}

#btn_trailer_default:hover, #btn_mylist_default:hover {
	background: rgba(127, 250, 108, 0.2);
	color: #80fa6c;
}

#btn_trailer_on, #btn_mylist_on {
	font-size: 18px;
	padding: 5px 12px;
	background: rgba(127, 250, 108, 0.2);
	color: #80fa6c;
	border: 1px solid transparent;
	border-radius: 6px;
	cursor: pointer;
}

#btn_mylist_on_home, #btn_mylist_off_home, #btn_mylist_delete  {
	height: 34px;
	width: 34px;
	border: 0px;
	cursor: pointer;
	background: rgba(0, 0, 0, 0);
	background-size: 34px 34px;
	margin: -60px 0px 12px 88px;
	transition: opacity .5s;
}

#btn_mylist_delete {
	background-image: url("../images/icon_delete.png");
}

#btn_mylist_off_home, #btn_mylist_on_home {
	background-image: url("../images/icon_add.png");
}

#div_fav_hover {
	display: inline-block;
	margin: 20px -5px 20px 0px;
	transform: scale(1);
	transition: transform .5s;
	vertical-align: middle;
	padding-right: 10px;
}

#div_fav_hover:hover {
	transform: scale(1.05);
}

#div_fav_hover .class_fav_hover_delete {
	opacity: 0;
}

#div_fav_hover:hover .class_fav_hover_delete {
	opacity: 1;
	background-image: url("../images/icon_delete.png");
}

#div_fav_hover .class_fav_hover_on {
	opacity: 1;
	background-image: url("../images/icon_remove.png");
}

#div_fav_hover:hover .class_fav_hover_on {
	opacity: 1;
	background-image: url("../images/icon_remove.png");
}

#div_fav_hover .class_fav_hover_off {
	opacity: 0;
}

#div_fav_hover:hover .class_fav_hover_off {
	opacity: 1;
	background-image: url("../images/icon_add.png");
}

/*////////// SEARCH.PHP \\\\\\\\\\\*/

#pod_tab_search {
	display: inline-block;
	min-width: 180px;
	padding: 10px 20px 0px 20px;
	height: 40px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: #fff;
	font-size: 18px;
	text-align: center;	
}

#pod_search {
	padding: 20px 20px 0px 0px;
	min-height: 342px;
	text-align: left;
}

#div_search input {
	-webkit-appearance: none;
	font-family: 'Titillium Web';
	background-color: transparent;
	font-size: 16px;
	color: #80fa6c
}

#div_search input:focus {
    background-color: transparent;
	color: #80fa6c;
}

select, textarea { 
	font-size: 15px; 
	width: 260px; 
	padding: 4px; 
	border-radius: 4px; 
	border: 0px solid #fff; 
	opacity: 0.5;
	margin: 8px 0px 0px 20px;
	}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-size: 16px;
  color: #c0bfbf;
  opacity: .5; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #c0bfbf;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #c0bfbf;
}

#input_password ::placeholder, #input_email ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-size: 16px;
  color: #000;
  opacity: .5;
}

#input_password :-ms-input-placeholder, #input_email :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}

#input_password ::-ms-input-placeholder, #input_email ::-ms-input-placeholder { /* Microsoft Edge */
  color: #000;
}

/*////////// INDEX.PHP \\\\\\\\\\\*/

#form_hover input {
  opacity: 0;
  transition: opacity .5s;
}

#form_hover:hover input {
  opacity: 1;
}

#pod_tab_login {
	width: 220px;
	height: 50px;
	border: 0px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

#view_all_graded {
	font-family: arial;
	font-size: 15px;
	font-weight: normal;
	color: #000;
	margin: 0px 10px 130px 10px;
	border: 6px solid #ff294d;
	padding: 10px;
	vertical-align: bottom;
	border-radius: 4px;
	background-color: #fff;
	background-image: url('../images/psa_figitive_ink.png');
	background-size: cover;
	cursor: pointer;
}

#view_all {
	height: 55px;
	width: 128px;
	background: transparent;
	margin: 0px 10px 105px 10px;
	opacity: 0.7;
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0);
	transition: opacity .5s, box-shadow .5s;
	}

#view_all:hover {
	opacity: 1;
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
	}

#btn_inventory {
	margin: 20px 0px 0px 20px; 
	width: 120px; 
	font-size: 16px; 
	padding: 0px 6px; 
	background-color: rgba(0,0,0,0.3); 
	color: #fff; 
	border: 1px solid #fff; 
	border-radius: 6px; 
	cursor: pointer;
	transition: color .5s, border .5s;
}

#btn_login {
	margin: 20px 0px 0px 86px; 
	width: 120px; 
	font-size: 16px; 
	padding: 0px 6px; 
	background-color: rgba(0,0,0,0.3); 
	color: #fff; 
	border: 1px solid #fff; 
	border-radius: 6px; 
	cursor: pointer;
	transition: color .5s, border .5s;
}

#btn_login:hover, #btn_inventory:hover {
	color: #80fa6c; 
	border: 1px solid #80fa6c; 
}

#btn_open {
	padding: 0px 6px 1px 6px;
	color: #ff5f57;
	border: 1px solid #ff5f57;
	border-radius: 4px;
	background-color: transparent;
	display: inline-block;
	cursor: pointer;
	transition: color .5s, border .5s;
	font-size: 16px;
	}

#btn_open:hover {
	color: #80fa6c;
	border: 1px solid #80fa6c;
	}

#btn_close {
	padding: 0px 6px 1px 6px;
	color: #80fa6c;
	border: 1px solid #80fa6c;
	border-radius: 4px;
	background-color: transparent;
	display: inline-block;
	cursor: pointer;
	transition: color .5s, border .5s;
	font-size: 16px;
	}

#btn_close:hover {
	color: #ff5f57;
	border: 1px solid #ff5f57;
	}

#filter_close {
	padding: 0px 8px 1px 8px;
	color: #c0bfbf;
	border: 1px solid #c0bfbf;
	border-radius: 4px;
	background-color: transparent;
	display: inline-block;
	cursor: pointer;
	transition: color .5s, border .5s;
	font-size: 16px;
	}

#filter_close:hover {
	color: #ff5f57;
	border: 1px solid #ff5f57;
	}

#showcase_open {
	padding: 0px 8px 1px 8px;
	color: #c0bfbf;
	border: 1px solid #c0bfbf;
	border-radius: 4px;
	background-color: transparent;
	display: inline-block;
	cursor: pointer;
	transition: color .5s, border .5s;
	font-size: 16px;
	}

#showcase_open:hover {
	color: #80fa6c;
	border: 1px solid #80fa6c;
	}

#btn_pag {
	padding: 0px 6px 1px 6px;
	color: #c0bfbf;
	border: 1px solid #c0bfbf;
	border-radius: 4px;
	background-color: transparent;
	display: inline-block;
	cursor: pointer;
	transition: color .5s, border .5s;
	font-size: 16px;
	}

#btn_pag:hover {
	color: #fff;
	border: 1px solid #fff;
	}

/*////////// SETTINGS.PHP \\\\\\\\\\\*/

 #btn_email, #btn_password, #btn_input_close {
	font-size: 18px;
	padding: 0px 6px;
	background-color: rgba(0,0,0,0.3);
	color: #fff;
	border: 1px solid #fff;
	border-radius: 6px;
	cursor: pointer;
	margin-top: 18px;
	margin-left: 10px;
	width: 120px;
	transition: color .5s, border .5s;
}

#btn_password {
	margin-top: -10px;
}

#btn_password:hover, #btn_email:hover {
	color: #80fa6c;
	border: 1px solid #80fa6c;
}

#btn_input_close {
	width: 30px;
	margin-left: 4px;
	transition: color .5s, border .5s;
}

#btn_input_close:hover {
	color: #ff5f57;
	border: 1px solid #ff5f57;
}

/*////////// PAGINATION CSS IF EVER USED \\\\\\\\\\\*/

#table_pagination_top {
    width: 80%;
    height: 30px;
	margin-bottom: 0px;
	font-size: 14px;
}

#table_pagination_bottom {
    width: 80%;
    height: 30px;
	margin-top: -12px;
	font-size: 14px;
}

.span_pagination {
    padding: 5px 8px 5px 8px;
    text-transform: uppercase;
	margin: 0px 0px 0px 2px;
	color: #a747ed;
	font-weight: bold;
	border: 1px solid #a747ed;
	border-radius: 5px;
}