body{
	margin:0;
	top:0;
	padding:0;
	
}
.ui-helper-hidden-accessible{
	display:none;
}
.ui-autocomplete{
	list-style:none;
	background-color:#fff;
	padding:0;
	margin:0;
	width:220px!important;
}
.ui-autocomplete a{
	margin:7px;
	font-size:12px;
}
.loginwindow{
	height:380px;
	width:350px;
	box-shadow:0px 1px 4px 000;
	border-radius:3px;
	background-color:#fff;
	overflow:hidden;
}
.centralcontainer{
	margin:20px auto;
	width:350px;
	overflow:hidden;
}
.loginwindow img{
	width:300px;
	height:auto;
	margin:25px;
	margin-bottom:0;
}
.form2{
	background-color:#444;
	height:0px;
	overflow:hidden;
}
h1, h2, h3, h4, p, a{
	font-family: Arial, sans-serif;
	color:#444;
}
.loginwindow h1{
	font-weight:bold;
	font-size:24px;
	text-align:center;
	color:#bf1f2d;
	margin-bottom:0;
	margin-top:20px;
}
p{
	text-align:center;
	font-size:14px;
	color:#bf1f2d;
	
}
.roller{
	margin: 10px 30px;
	font-size: 14px;
	background-color: #2c2c2c;
	color: #fff;
	font-weight: bold;
	border: none;
	transition-duration: 200ms;
	padding:12px;
}
input{
	padding:8px;
	width:290px;
	margin: 10px 30px;
	color:#444;
	text-align:center;
}
textarea{
	padding:8px;
	margin: 10px 30px;
	color:#444;
}
.large{
	line-height:48px;
	font-size:32px;
}
input[type="submit"]{
	padding:12px;
	width:290px;
	margin:10px 30px;
	font-size:14px;
	background-color:#bf1f2d;
	color:#fff;
	font-weight:bold;
	border:none;
	transition-duration:200ms;
}
.centercontainer{
	width:360px;
	margin:0 auto;
}
.linkbutton{
	float:left;
	padding:8px;
	margin:5px;
	margin-bottom:10px;
	width:150px;
	text-align:center;
	font-size:14px;
	background-color:#bf1f2d;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	border:none;
	transition-duration:200ms;
}
.linkbutton:hover{
	background-color:#c00;
}
input[type="file"]{
	padding:12px;
	width:290px;
	margin:10px 30px;
	font-size:14px;
	border:none;
}
input[type="submit"]:hover{
	background-color:#c00;
}
.fileform{
	width:100%;
	box-shadow:0px 1px 4px 000;
	border-radius:3px;
	background-color:#fff;
	overflow:hidden;
	margin:0;
	padding:0;
}

label{
	padding:10px;
	font-family:Arial, sans-serif;
	color:#444;
}
.sitetitle{
	line-height: 26px;
margin-top: 10px;
margin-left: 20px;
font-size: 28px;
color: #ddd;
font-family: 'Oswald', sans-serif;
font-weight: 400;
float:left;
}
nav{
	width:100%;
	top:0; 
	left:0;
	background-color:#2c2c2c; 
	border-bottom:#bf1f2d 2px solid; 
	height:48px;
	overflow:hidden;
}
nav li{
	float: left;
display: block;
transition: 200ms;
position: relative;
}
nav ul{	
	margin:0;
padding:0;
margin-left:20px;
float:left;
width:100%;
overflow:hidden;
}
nav a{
	display:block;
padding:0px 15px;
margin:12px 0px;
font-size:14px;
line-height:24px;
color:#ddd;
font-family:'Oswald', sans-serif;
text-transform:uppercase;
font-weight:700;
border-right:#bf1f2d 2px solid;
font-weight:400;
text-decoration:none;
}
nav li:last-of-type a{
	border:none;
}

/* Table Styling */
table.files{
	margin:20px auto;
	width:800px;
	border-spacing:0;
	border:none;
}
table.files a{
	color:#444;
	text-decoration:none;
	text-align:center;
	font-family:Arial, sans-serif;
}
table.files input{
	padding:0;
	margin:0;
	width:auto;
}
table.files tr{
	
}
tr.hover:hover td{
	transition:300ms;
	-webkit-transition:300ms;
	background-color:#bf1f2d;
	color:#fff;
}
table.files td.link{
	cursor: pointer;
}
table.files tr:nth-child(odd){
	background-color:#eee;
}
table.files td{
	padding:10px;
	text-align:center;
	font-family:arial, sans-serif;
}
table.files td:nth-child(1){
	width:16px;
	background-color:#2c2c2c;
}
table.files th{
	background-color:#bf1f2d;
	color:#fff;
	font-weight:400;
	font-family: 'Oswald', sans-serif;
}
table.projectpicker{
	margin:20px auto;
	width:500px;
	border-spacing:0;
	border:none;
}
table.projectpicker td{
	padding: 10px 0px;
}
table.projectpicker tr:first-child{
	background-color:#2c2c2c;
}
table.projectpicker tr:first-child label{
	color:#fff;
}
.clientsbuttoncontainer{
	width:540px;
	margin:0 auto;
}
select{
	color:#444;
	padding:10px;
	width:220px;
	display:block;
	margin-left:30px
}
table.projectpicker select{
	float:right;
	margin-left:0;
	margin-right:10px;
}
table.projectpicker input{
	margin:0;
	padding:10px;
	width:220px;
	display:block;
	float:right;
	margin-right:10px
}
nav li:last-of-type{
	float:right; 
	margin-right:50px;
}
#sb-wrapper-inner{
	box-shadow:0px 0px 5px #000;
	border-radius:4px;
}
@media screen and (max-width: 800px){
	table.files{
		width:100%;
	}
}

@media screen and (max-width: 600px){
	nav li:last-of-type{
		float:left; 
		clear:both;
	}
	table.projectpicker{
		width:100%;
	}
	nav{
		height:96px;
	}
	nav ul{
		margin-left:20px;
	}
	.clientsbuttoncontainer{
		width:100%;
		overflow:hidden;
		clear:both;
	}
        .centercontainer{
		width:100%!important;
		overflow:hidden;
		clear:both;
	}
	.linkbutton{
		width:96%;
		margin:5px 2%;
		box-sizing: border-box;
		line-height: 32px;
	}
	h1{
		display:none;
	}
	.sitetitle{
		font-size: 36px;
		margin-top:20px;
		margin-left:15px;
	}

}
@media screen and (max-width: 320px){
	body{
		width:320px;
	}

}