/* 
	CSS Styles by: TEAM BELKIN
	Date Started: November 3, 2014
	
*/

audio { width: 100%;}

th[data-sort] { cursor:pointer; 
}

.table-options { padding: 10px 10px;}

.fortable { font-size: 0.8em; }

	.fortable thead { background: #f2f3f3; }
	.fortable thead  th { 
		border: 1px solid #e0e3e5; 
		
	}
	
	.fortable .paginate, #report-archive .paginate {
		display: table;
		width: 100%;
		margin-bottom: 40px;
		padding: 10px 10px;
	}
	
	.fortable .paginate ul, #report-archive .paginate ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	.fortable .paginate ul li, #report-archive .paginate ul li {
		display: inline;
		margin-right: 10px;
	}
	
	.fortable .paginate ul li a, #report-archive .paginate ul li a {
		background: #f2f5f7;
		border: 1px solid #e2e8ed;
		font-weight: bold;
		padding: 5px 10px;
	}
	
	.fortable .paginate ul li a:hover, #report-archive .paginate ul li a:hover {
		background: #236fbd;
		color: #fff;
		text-decoration: none;
	}
	
	.fortable .paginate ul li a.active, #report-archive .paginate ul li a.active {
		background: #252c33;
		color: #fff;
	}
	
	.fortable tbody tr:hover { background: #e3f3ff;}
	
	.fortable tbody .edit, .fortable tbody .delete {
		font-size: 1.3em;
		text-decoration: none;
	}
	.fortable tbody .edit { margin-right: 10px;}
	.fortable tbody .delete {}
	

.forform {}
	.forform * {}
	
.fortable {
	width: 100%;
}
	.fortable { font-size: 1em;}
	.fortable td, .fortable th{ 
		padding: 5px 10px;
		vertical-align: top;
		
	}
	.fortable td a { text-decoration: none; }

.form-control {
	
}	

.alert {
	margin-top: 10px;
	padding: 5px 10px;
	font-size: 0.9em;
	display: table;
	font-weight: normal;
	width: 100%;
}	
	
.fixed { position: fixed; }

.disable {
	position: relative;
	
}

	.disable:after { 
		content : "";
		position: absolute;
		top: 0; left: 0;
		background-color: rgba(255, 255, 255, 0.5);
		color: rgba(255, 255, 255, 0.5);
		width: 100%;
		height: 100%;
	}
	
#notice-wrap  {
	display: none;
	position: fixed;
	top: 0;
	z-index: 9999;
	width: 100%;
}	

#screen-loader {
	position: fixed;
	top: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: url(../images/ajax-loader.gif) center no-repeat;
	background-color: rgba(255, 255, 255, 0.8);
	color: rgba(255, 255, 255, 0.8);
} 
	
.floating-notice {
	padding: 10px 10px;
	width: 100%;
	position: relative;
	border-bottom: 2px solid #fff;
}	

.floating-notice a {
	
}

#transcript tbody > tr:nth-child(1) > td  button { display: none; }
	
#login { background-color: #0068d9 !important; }
	#login .wrap {
		margin: 12% auto 0% auto;
		width: 350px;
		}

	#login div.wrap { 
		-webkit-box-shadow: 1px 1px 5px 1px #1e6b9b;
		box-shadow: 1px 1px 5px 1px #1e6b9b;
		-webkit-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		background: #fff;	
		padding: 20px;
		}
	
	#login footer.wrap { 
		color: #fff;
		font-size: 0.8em;
		margin: 1% auto;
		}
		
	#login footer.wrap p { text-align: center;}
	
	#login .wrap { position: relative; }
	#login h1 { position: absolute; top: -130px; left: 0; color: #fff; font-size: 1.8em; text-shadow: 1px 1px 1px #000; font-weight: bold;}
	#login h1 img { margin-right: 13px;}
	
#header {
	background: #2a94d6;
	display: table;
	padding: 5px 0 3px 0;
	width: 100%;
}
	
	#logo { 
		background: url(../images/logo.png) left no-repeat;
		display: block;
		text-indent: -9999px;
		height: 17px;
		width: 87px;
		
	}
	
	#header h1 {
		font-size: 1.1em;
		margin: 5px 10px 0 10px;
		padding: 0;
	}
	
	#header h1 a {
		color: #fff;
		margin: 0;
	}
	
	#header .nav {
		color: #fff;
		display: block;
		margin: 5px 10px 0 0;
		
	}