/*
	Author: Jonathan Lum
	Date Modified: 03/31/2017
	File Name: search.css
	
	Brief Description: This is the stylesheet for the search section
*/

/* CSS for Desktop 451px and > width */
@media all and (min-width: 451px) {

	#search-bar {
		margin: 0 auto;
		border: none;
		border-top: 2px solid #FFF;
		border-bottom: 2px solid #FFF;
//border: 1px solid #FFFFFF;
		padding: 0 0 15px 0;
		width: 100%;
		//background-color: #979797;
	}
	#search-bar h3 {
		margin: 0;
		border: none;
//border: 1px solid red;
		padding: 5px 0 5px 25px;
		color: orange;
	}
	#search-bar form {
		margin: 0;
		border: none;
//border: 1px solid green;
		padding: 0;
	}
	#search-bar table {
		margin: 0;
		border: none;
//border: 1px solid blue;
		padding: 0;
		width: 100%;
		border-collapse: collapse;
	}
	#search-bar td {
		margin: 0;
		border: none;
//border: 1px solid green;
		padding: 0;
	}
	#search-bar .label {
		margin: 0;
		border: none;
//border: 1px solid green;
		padding: 5px 0 2px 25px;
		font-size: .9em;
		line-height: 1em;
		font-weight: bold;
		color: orange;
	}
	#search-bar input {
		margin: 0 0 0 20px;
//border: 1px solid orange;
		padding: 0;
		font-size: 1.2em;
	}
	#search-bar select {
		margin: 0 0 0 20px;
//border: 1px solid orange;
		padding: 0;
		font-size: 12px;
	}
	#search-bar .submit-td {
		margin: 0;
//border: 1px solid blue;
		padding: 0;
		width: 8%;
	}
	#search-bar .submit {
		margin: 0 auto;
		border-radius: 5px;
		padding: 0;
		display: block;
		width: 70px;
		height: 65px;
		font-weight: bold;
		font-size: 15px;
		background-color: #FFF;
	}
	#game_name {
//border: 1px solid blue;
		width: 97%;
	}
	
	#search-mobile {
		display: none;
	}
	
}
/* End CSS for Desktop */

/* CSS for Mobile 450px and < width */
@media all and (max-width: 450px ) {
	
	#search-bar {
		display: none;
	}
	#search-mobile {
		margin: 0;
		border: none;
		padding: 0;
		display: none;
	}
	#search-mobile h3 {
		display: none;
	}
	#search-mobile form {
		margin: 0;
		border: none;
//border: 1px solid red;
		padding: 0;
	}
	#search-mobile table {
		margin: 0;
		border: none;
		padding: 0;
		border-collapse: collapse;
		width: 100%;
	}
	#search-mobile td {
//border: 1px solid yellow;
	}
	#search-mobile .label {
		margin: 0;
		//border: none;
		padding: 0;
		text-align: center;
		color: orange;
		font-size: .9em;
	}
	#search-mobile input {
		margin: 0 auto;
		margin-bottom: 10px;
		padding: 0;
		width: 90%;
		display: block;
	}
	#search-mobile select {
		margin: 0 auto;
		margin-bottom: 10px;
		padding: 0;
		display: block;
	}
	#search-mobile .submit {
		margin-top: 20px;
	}
	
}
/* End CSS for Mobile */