/*Tablet*/
@media only screen and (max-device-width: 760px){
	h1{
		font-size: 56px;
	}
	#header img{
		width: 400px;
	}
	#content{
		padding: 20px 0 50px 0;
	}
	#content table{
		width: 80%;
		margin: 0 auto;
	}
	table {
    	font-size: 27px;
	}
	input[type=button], input[type=submit], button, select{
		font-size: 27px;
		padding: 15px 45px;
	}
	#footer{
		font-size: 27px;
	}
}

/*Styling for Mobile View*/
@media only screen and (max-device-width: 480px){
	h1{
		text-align: left;
		padding-left: 20px;
	}
	#content .grouping .heading.collapsed, #content .grouping .heading{
		background: none;
	}
	#content .grouping .heading{
		font-size: 42px;
		line-height: 50px;
		padding: 20px 20px 20px 40px;
	}
	#main_menu_wrapper{
		top: 225px;
		width: 420px;
	}
	img.mobile_menu_button {
		width: 60px;
	}
	.mobile_menu_button img {
    	width: 40px;
	}
	#main_menu_wrapper input[type=button]{
		font-size: 36px;
	}
	#content img{
		width: 50px;
		padding: 0 20px;
	}
	/*Home Page Edit Screen Styling for Mobile*/
	td.actions{
		width: auto;
	}
	table.sort{
		display: block;
	}
	#content table.sort{
		padding: 0;
		border: none;
	}
	tr th{
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	td{
		border:none;
		position: relative;
		display: block;
		width: 97%;
		font-size: 41px;
    	padding: 20px 0 20px 30px;
	}
	td:before {
    	width: 100% !important;
    	float: none !important;
	}
	.grouping td:nth-of-type(1):before, .grouping td:nth-of-type(2):before, .grouping td:nth-of-type(3):before,.grouping td:nth-of-type(4):before, .grouping td:nth-of-type(5):before, .grouping td:nth-of-type(6):before{
		font-weight: bold;
		float: left;
		width: 30%;
	}
	.grouping td:nth-of-type(1):before { 
		content: "Filename: "; 
	}
	.grouping td:nth-of-type(2):before { 
		content: "Title: "; 
	}
	.grouping td:nth-of-type(3):before { 
		content: "Size: "; 
	}
	.grouping td:nth-of-type(4):before { 
		content: "Date Added: "; 
	}
	.grouping td:nth-of-type(5):before { 
		content: "Accesses: "; 
	}
	.grouping td:nth-of-type(6):before { 
		content: "Actions: "; 
	}
	.grouping tr.expand-child td:nth-of-type(1):before { 
		content: ""; 
	}
	.grouping tr.expand-child td:nth-of-type(2):before{
		content: "";
	}
	.add_description{
		width: 30%;
	}
	/*Access Logo Mobile Styling*/
	#accessbody td{
		font-size: 26px;
	}
	#accessbody td:nth-of-type(1):before, #accessbody td:nth-of-type(2):before, #accessbody td:nth-of-type(3):before{
		font-weight: bold;
	}
	#accessbody td:nth-of-type(1):before{
		content: "Filename: ";
	}
	#accessbody td:nth-of-type(2):before{
		content: "Username: ";
	}
	#accessbody td:nth-of-type(3):before{
		content: "Accessed: ";
	}
	/*Categories Styling*/
	.categories td:nth-of-type(1):before, .categories td:nth-of-type(2):before, .categories td:nth-of-type(3):before, .categories td:nth-of-type(4):before, .categories td:nth-of-type(5):before{
		font-weight: bold;
		float: left;
	}
	.categories td:nth-of-type(1):before{
		content: "Name: ";
	}
	.categories td:nth-of-type(2):before{
		content: "Sort: ";
	}
	.categories td:nth-of-type(3):before{
		content: "Sort Field: ";
	}
	.categories td:nth-of-type(4):before{
		content: "Sort Direction: ";
	}
	.categories td:nth-of-type(5):before{
		content: "Action: ";
	}
	table.categories td{
		width: auto;
	}
	/*User Table*/
	.user_table td:nth-of-type(1):before, .user_table td:nth-of-type(2):before, .user_table td:nth-of-type(3):before, .user_table td:nth-of-type(4):before, .user_table td:nth-of-type(5):before, .user_table td:nth-of-type(6):before{
		font-weight: bold;
	}
	.user_table td:nth-of-type(1):before{
		content: "Username: ";
	}
	.user_table td:nth-of-type(2):before{
		content: "Password: ";
	}
	.user_table td:nth-of-type(3):before{
		content: "Level: ";
	}
	.user_table td:nth-of-type(4):before{
		content: "Logins: ";
	}
	.user_table td:nth-of-type(5):before{
		content: "Last Login: ";
	}
	.user_table td:nth-of-type(6):before{
		content: "Action: ";
	}
}