/* 
	This stylesheet contains styles that effect 
	just the ADMIN sections of the site.
*/


/*-----------------------------------------
	Layout updates
-----------------------------------------*/

.onecolumn {
	width: 920px;
	margin: 0 auto;
	padding: 0;
 	min-height: 600px;
}

	.onecolumn .right,
	.onecolumn .left {
		display:none;
	}

	.admin {
		float: left;
		width: 840px;
		position: relative;
		padding: 10px 40px 30px 40px;
		background: url(images/admin_box_mid.png) 0 0 repeat-y;
	} 

	.admin .footer {
		position: absolute;
		bottom: -15px;
		left: 0;
		width: 100%;
		margin: 0;
		height: 15px;
		width: 920px;
		background: url(images/admin_box_bottom.png) 0 0 no-repeat;
	}
	
	body.popup #container {
		padding-top: 10px;
		background: none;
	}
	
		body.popup .content .center {
			padding-top: 15px;
			background: url(images/admin_box_top.png) 0 0 no-repeat;
		}
		
			body.popup .content .center .admin {
				padding-top: 20px;
			}



/*-----------------------------------------
	Tab Nav
-----------------------------------------*/

.content #tabnav {
	float: left;
	width: 920px;
	margin: 0;
	padding: 0 0 0 5px;
	background: url(images/admin_box_top.png) 0 bottom no-repeat;
}

	.content #tabnav li {
		float: left;
		margin: 0 -35px 0 0;
		padding: 0 18px 0 0;
		background: none;
	}
	
		.content #tabnav li a {
			float:left;
			margin: 0;
			padding: 25px 13px 7px 30px;
			color: #404d56;
			font-size: 15px;
			line-height: 15px;
			text-decoration: none;
			text-transform: uppercase;
		}
		
			.content #tabnav li a:hover {
				color:#333;
			}
			
	.content #tabnav li.on {
		background: url(images/admin_tab_right.png) right 0 no-repeat;
	}

		.content #tabnav li.on a {
			color: #e21e24;
			background: url(images/admin_tab_left.png) 0 0 no-repeat;
			
		}

/*-----------------------------------------
	Shared layout & content
-----------------------------------------*/
	

.filter,
.back {
	float: left;
	padding:18px 0;
	width: 100%;
	border-bottom: 1px solid #ccc;
}
	
	.filter label,
	.back a {
		color: #666;
		font-weight: bold;
		text-decoration:none;
	}
	
		.back a:hover {
			color:#000;
		}
	
	.filter select {
		margin: 0 8px;
	}
	
	.filter .btn_createUser {
		float: right;
		margin: -10px 0 -10px 0;
	}
	
	.filter .btn_bulkUpload {
		float: right;
		margin: -10px 0 -10px 10px;
	}
	
.results {
	float: left;
	width: 100%;
	margin: 15px 0;
}	

	.results h2 {
		font-size: 12px;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}
	
	.results .actions {
		float: left;
		width: 100%;
		padding: 7px 0;
		background: #e8e8e8;
	}
	
		.actions .btn_remove,
		.actions .btn_reactivate {
			margin: 3px 13px 0 13px;
		}

		.actions .assign_judge,
		.actions .per_pg {
			float: left;
			padding: 3px 13px 0 13px;
			border-left: 1px solid #ccc;
		}	
			
			.actions select {
				float: left;
				margin-left:5px;
			}
			
			.assign_judge select {
				max-width:130px;	
			}
			
			.assign_judge label {
				float:left;
				width: 58px;
				height: 15px;
				margin: 5px 0 0 0;
				text-indent: -9999px;
				overflow: hidden;
				background: url(images/admin_assignto.png) 0 0 no-repeat transparent;
			}
			
			.per_pg label {
				float:left;
				width: 70px;
				height: 15px;
				margin: 5px 5px 0 0;
				text-indent: -9999px;
				overflow: hidden;
				background: url(images/admin_resultsperpg.png) 0 0 no-repeat transparent;
			}


		.actions .admin_search {
			float: right;
			position: relative;
			margin: -7px 0;
			padding: 7px 10px;
			background: #dbdbdb;
		}

			.actions .admin_search label {
				position: absolute;
				top:10px;
				left: 17px;
				font-size: 12px;
				color: #444;
			}
			
			.actions .admin_search input {
				float: left;
				margin-right: 6px;
				padding: 2px 4px;
				font-size: 12px;
				color: #333;
			}
			
			.actions .admin_search .btn_search {
				margin-top: 2px;
			}


.pagination {
	float: left;
	width: 100%;
	text-align: center;
	padding: 8px 0;
	border-bottom:1px solid #e3e3e3;
}

	.pagination a {
		padding: 0 3px;
	}		

	.pagination a.on {
		color: #000;
		font-weight: bold;
		text-decoration: none;
		cursor: default;
	}
	
	.pagination a.disabled {
		color: #999;
		text-decoration: none;
		cursor: default;
	}


/*-----------------------------------------
	Zebra Table
-----------------------------------------*/

table.zebra {
	width: 100%;
	float: left;
}

	table.zebra th {
		color: #5a5a5a;
		font-size: 12px;
		font-weight: bold; 
		text-align: left;
		padding: 4px 5px 3px 5px;
		background: #dfdfdf;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}

		table.zebra th a { 
			color:#5a5a5a;
			text-decoration: none;
			display: block;	
			margin: -4px -5px -3px -5px;
			padding: 4px 5px 3px 5px;
		}
		
			table.zebra th a:hover { 
				color:#000;
				background:#dfdfdf url(images/admin_arrow_down.gif) right no-repeat;
			}

	table.zebra th.sorting_up a {
		color: #333;
		background:#ccc url(images/admin_arrow_up.gif) right no-repeat;
	}
		table.zebra th.sorting_up a:hover {
			background-color:#dfdfdf;			
		}
	
	table.zebra th.sorting_down a {
		color: #333;
		background:#ccc url(images/admin_arrow_down.gif) right no-repeat;			
	}
		table.zebra th.sorting_down a:hover {
			background-color:#dfdfdf;	
		}
		
	table.zebra td {
		line-height: 15px;
		vertical-align: middle;
		padding: 5px 5px 4px 5px;
		border-left:1px solid #fff;
		border-bottom:1px solid #e3e3e3;
	}
	
		table.zebra tr td.error,
		table.zebra tr.on td.error {
			color:#ffe9e9;
			background: #c61919;
		}
	
	table.zebra tr.on td {
		background: #f2f2f2;
	}
	
	table.zebra .hidden {display:none;}
	
		table.zebra .check {
			width: 20px;
			text-align: center;
			border-left-width:0px;
		}
		
		table.zebra .semester { width: 75px; }
		table.zebra .judge,
		table.zebra .pr { width: 100px; }
		table.zebra .state { width: 110px; }
		table.zebra .userType { width: 82px; }
		table.zebra .email { width: 50px; text-align: center; }

		table.zebra .name em { 
			color: #666;
			font-size: 11px;
		}
			table.zebra .name a { 
				font-size: 12px;
			}
	
		table.zebra .qualified {
			width: 65px;
			text-align: center;
		}

			table.zebra .qualified a {
				color:#333;
				font-size: 11px;
				padding: 3px 0;
				text-decoration: none;
			}
			
				table.zebra .qualified a:hover {
					text-decoration: underline;
				}
	
			table.zebra .qualified a.on {
				color:#336600;
				padding-left: 21px;
				background: url(images/form_tooltip_ok.png) 0 0 no-repeat;
			}	
	
	
	
	
/*-----------------------------------------
	View Submission
-----------------------------------------*/

body.popup .actions {
	position: absolute;
	top:21px;
	right:30px;
}

	body.popup .actions a {
		margin: 0 10px;
	}

.submission_info {
	margin: 0 10px 15px 0;
}

	.submission_info h2 {
		font-size: 16px;
		color:#e21e24;
		font-weight: bold;
	}

	.submission_info h3 {
		margin: 0;
		padding: 0;
		font-size: 12px;
		font-weight: normal;
	}

		.submission_info h3 a {
			font-weight: bold;
			text-decoration: none;
		}
		
		
.admin .col {
	float: left;
	width: 420px;
}

	.admin .submission_video {
		display: block;
		overflow: hidden;
		width: 410px;
		height: 270px;
		background: #e9e9e9 url(images/admin_no-video.gif) center no-repeat;
	}
	
	.admin .round {
		float: left;
		position: relative;
		width:380px;
		margin: 7px 0 25px 10px;
		padding:20px 15px 15px 15px;
		border: 1px solid #dfdfdf;
	}
	
		.admin h4 {
			position: absolute;
			top:-10px;
			left:10px;
			display: block;
			padding: 0 5px;
			margin: 0;
			font-size: 15px;
			font-weight: bold;
			background: #fff;
		}
	
			.admin h4 em {
				font-weight: normal;
				font-style: normal;
				color: #333;
			}
		
	.admin .col .qualified { border: 1px solid #bbe1ae; }
		.admin .col .qualified h4 em {color:#258f00;}
	.admin .col .ineligible { border: 1px solid #e1aeae; }
		.admin .col .ineligible h4 em {color:#8f0000;}

	.admin .col .disqualified { border: 1px solid #e1aeae; }
		.admin .col .disqualified h4 em {color:#8f0000;}


		.admin .round .file {
			position: relative;
			float: left;
			padding: 8px 0 8px 65px;
		}
		
			.admin .round .file div {
				float: left;
				width: 55px;
				margin-left: -65px;
			}
			
			.admin .round .file p {
				font-size: 11px;
				line-height: 14px;
				margin: 0 0 3px 0;
			}
			
			.admin .round .file a {
				margin: 3px 0;
			}
			
			.admin .round .file .btn_download3 {
				margin-right:8px;	
			}
		
/*-----------------------------------------
	Upload File Popup
-----------------------------------------*/	

body.popup2 {
	height:410px;
	width:600px;
	overflow:hidden;
}

	body.popup2 form {
		float:left;
		width:538px;
		height: 340px;
		position:relative;
		margin:15px;
		padding: 15px;
		background: #fff;
		border: 1px solid #f1f1f1;
	}

		body.popup2 form .btn_close {
			position:absolute;
			top:5px;
			right:5px;
		}
		
		body.popup2 .form ul,
		body.popup2 .form li {
			float:left;
			width:100%;
		}
		
			body.popup2 .form li.indent {
				padding-left: 115px;
				width: 400px;
				margin-top:10px;
			}
			
			
			
/*-----------------------------------------
	Bulk User Uploads
-----------------------------------------*/	

li#importUsers,
li#importUsersHistory {
	float:left;
	width:395px;
	padding:42px 0 0 5px;
}

	li#importUsers a,
	li#importUsersHistory a {
		margin:-1px 0 0 5px;	
	}

li#or {
	float:left;
	width:35px;
	padding: 0;
	text-align:center;
	font-size:20px;
	font-style:italic;
	color:#ccc;
	background:url(images/or.gif) 0 0 no-repeat;
	height:120px;
}

li#importUsersHistory {
	padding: 42px 0 0 15px;
	width:385px;
}