body {
	background: url(../img/bkg_bkg.jpg) repeat;
	color: #4F4F4F;
	font-family: helvetica,arial,verdana,sans-serif;
	font-size: 90%;
}
h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
}
h2 {
	color: #00325f;
	font-family: "arial narrow";
	font-size: 2.4em;
}
fieldset {
	border: none;
	padding: 0;
	margin: 0;
}
ul, li {
	margin: 0 12px;
}
h3, h3 a, fieldset legend {
		color: #4f4f4f;
		font-size: 16px;
		margin-bottom: 12px;
		text-transform: capitalize;
	}
p {
	line-height: 1.5em;
	padding: 0 10px;
}
a {
	text-decoration: none;
	font-weight: bold;
}
li {
	list-style-type: none;
}
div.hr {
	background: url(../img/sep.gif) no-repeat right;
	width: 100%;
	height: 10px;
	border: none;
	border: 0;
	margin: 6px 0 18px;
}
	div.hr hr {
		display: none;
	}
form {
	margin: 0;
}
	form div {
		padding: 0;
		margin-bottom: 12px;
	}
/* header */

#header {
	padding: 20px 0;
	position: relative;
/*	height: 108px;*/
	width: 950px;
	height: 105px;
	background: transparent url(../img/bkg_content_top.gif) repeat-x bottom	;
}
	#header h1 a {
		background: transparent url(../img/logo.png) no-repeat;
		width: 266px;
		display: block;
		height: 56px;
		text-indent: -9999px;
		padding: 0;
	}
	
#nav_options {
	position: absolute;
	right: 0;
	bottom: 56px;
	margin: 0;
}
	#nav_options li {
		float: right;
		list-style-type: none;
		margin: 0 12px 0 4px;
	}

	#nav_options li a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 4px 6px;
		text-align: center;
		color: #fff;
		text-decoration: none;
		background: #680116;
	}

/* container */

#container {
	width: 950px;
	margin: 0 auto;
}
#content {
	background: #fff url(../img/bkg_content.gif) repeat-y;
	padding: 0 0 34px;
	width: 100%;
	overflow: auto;
}
	/*#content-top {
		width: 950px;
		height: 50px;
		background: #fff url(../img/bkg_content_top.gif) repeat-x;
	}*/
#sidebar, #main {
	float: left;
}
#sidebar {
	width: 215px;
}
#main {
	width: 690px;
	padding: 0 21px;
}

/*  edit upload form */

#uploads {
	padding-left: 22px;
	margin-top: 15px;
	padding-bottom: 7px;
}
	#uplaods li {
		position: relative;
	}
	#uploads label {
		font-size: 11px;
		color: #D1002A;
	}
	#uploads input, #uploads textarea, #uploads select {
		width: 80%;
		font-size: 14px;
		background: #f1f1f1;
		border: 1px solid #ccc;
	}
	#uploadSaved {
		background: #AAAAAA url(../img/diagnals.png) repeat scroll 50% 50%;
		opacity: 0.5;
		filter:Alpha(Opacity=30);
		position: absolute;
		top: 0;
		left: -22px;
		width: 688px;
		height: 100%;
	}
		#uploadSaved img {
			left: 41%;
			top: 39%;
			position: absolute;
		}
	#uploads submit {
		float: right;
	}
	#uploads input[type="submit"] {
		margin: 10px 10px 0 0;
		background: #00325F;
		color: #fff;
		border: none;
	}
#fileInputUploader {
	float: right;
	margin: 8px 0;
}
.fileUploadProgressBar {
	background: #D1002A;
	height: 100% !important;
	border-bottom: 1px solid #fff;
}
.fileUploadProgress {
	background: #CCC;
	margin-bottom: 19px;
	height: 8px;
}
.uploadProgress {
	margin: 0;
}
	.uploadProgress li {
		background: #F1F1F1 url(/img/bkg_li_uploads.png) repeat-x bottom;
		padding: 21px 10px !important;
		position: relative;
		margin: 12px 0;
		border-right: 1px solid #eee;
		border-left: 1px solid #eee !important;
		border-bottom: 1px solid #eee !important;
	}
	.uploadProgress span.status {
		position: absolute;
		bottom: 0;
		right: 6px;
		color: #B5B5B5;
		font-size: 11px;
	}
	.uploadProgress span.filesize {
		font-size: 10px;
		margin-left: 6px;
	}
	.uploadProgress a.close {
		display: block;
		width: 18px;
		height: 18px;
		background: url(/img/li_close.png) no-repeat;
		position: absolute;
		top: 2px;
		right: 6px;
		text-indent: -9999px;
	}
	.uploadProgress span.percentage {
		font-weight: normal;
		font-size: 10px;
		color: #00325F;
	}
	.uploadProgress .step2 {
		background: #e6e6e6 url(/img/bkg_li_step2.png) repeat-x;
		margin: -12px 0 12px 21px;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc !important;
		border-bottom: 1px solid #ccc !important;
		width: 626px;
		padding: 9px 3px !important;
		position: relative;
	}
	.uploads form div {
		margin-left: 5px;
	}
	.uploads input, .uploads select {
		font-size: 11px !important;
	}
	.uploads div.input {
		margin-bottom: 2px;
	}
	.step2_yay {
		background: #00c847 !important;
	}
.fileName {
	color: #00325F;
	font-weight: bold;
}

div.message {
	background: #e5ffe1;
	border-color: #209900;
	color: #209900;
	padding: 1em 0.3em;
	margin-bottom: 17px;
}
	#authMessage {
		color: #990000;
	}
/* login */

.user {
	margin-left: 7px;
}
	.user input {
		width: 190px;
	}
#authMessage {
	background: none;
	font-size: 15px;
	border: none;
}
#loggedin {
	position: absolute;
	top: 5px;
	right: 0;
	font-size: 11px;
}
	#loggedin a {
		font-weight: normal;
		background: #D1002A;
		color: #fff;
		padding: 2px 4px;
		font-size: 11px;
	}
	#loggedin a:hover, #loggedin a:focus {
		background: #680116;
	}
.welcome_username {
	
}
/* mainnav */

#mainnav {
	margin: 0;
}
	#mainnav li {
		border-bottom: 1px solid #e6e6e6;
	}
	#mainnav a {
		padding: 8px 0;
	}
		#mainnav a:hover {
			color: #00325f;
			text-decoration: underline;
		}
	#mainnav li a {
		text-transform: uppercase;
		color: #00325F;
		text-decoration: none;
		display: block;
		width: 97%;
		padding-left: 3%;
		background: #CCC url(../img/li_downarrow.gif) no-repeat right;
	}
	#subnav {
		background: #f1f1f1;
		margin: 0;
	}
		#subnav li {
			border-bottom: 1px solid #e6e6e6;
		}
		#subnav li a {
			color: #4f4f4f;
			text-transform: capitalize;
			font-size: 0.8em;
			background: none;
		}

/* uploads */

.uploads_ul {
	background: #f7f7f7;
	border: 1px solid #ccc;
	margin: 0;
}
	.uploads li {
		padding: 4px 0 0 4px;
		border-bottom: 1px solid #ccc;
		position: relative;
	}
	.uploads_ul h3 a {
		color: #00325F;
		width: 540px;
	}
	.uploads_ul h3 a span.title {
		width: 300px;
	}
	
		.uploads_ul h3, .uploads_ul h3 a {
			margin-bottom: 0;
		}
		.uploads_ul h3 a:hover {
			text-decoration: underline;
		}
		span.posted, span.filesize {
			color: #b5b5b5;
			font-size: 11px;
			margin-left: 8px;
		}
			span.posted {
				font-weight: bold;
				position: absolute;
				bottom: 4px;
				right: 4px;
				margin: 0;
				font-style: italic;
				font-size: 10px;
			}
			span.posted span.cat {
				color: #a5a5a5;
				font-style: normal;
				font-weight: bold;
				font-size: 11px;
			}
		.uploads_ul li {
			position: relative;
			padding-bottom: 21px;
			margin: 0;
		}
			/*
			.uploads_ul li:hover {
				//cursor: move;
			}
			*/
			.uploads_ul li.pin {
				background: #efefef url(../img/img_pin.gif) no-repeat right top;
				border-bottom: 1px dashed #D1002A;
			}
			.uploads_ul li.pin:hover {
				cursor: default;
			}
			
			.uploads_ul li.pin .admin_options {
				margin-right: 27px !important;
			}
			.uploads_ul li.pin a {
				color: #D1002A;
			}
		.admin_options {
			width: 183px;
			height: 33px;
			position: absolute;
			right: 0;
			top: 0;
		}
		.admin_options li {
			float: right;
			border: none;
		}
			.admin_options a, .admin_options li {
				display: block;
				width: 20px;
				height: 20px;
				text-indent: -9999px;
			}
			.admin_options a.pin {
				background: url(../img/img_pin.gif) no-repeat;
			}
			.admin_options a.trash {
				background: url(../img/img_trash.gif) no-repeat;
			}
			.admin_options a.edit {
				background: url(../img/img_edit.gif) no-repeat;
			}
			.admin_options a.move {
				background: url(../img/img_move.gif) no-repeat;
			}
				.admin_options a.move:hover {
					cursor: move;
				}
				.uploads_ul li.pin .admin_options li a.pin {
				/*display: none;*/
				background: url(../img/img_unpin.gif) no-repeat;
			}
.ui-dialog {
	left: 35% !important;
	width: 427px !important;
}
	.ui-dialog-titlebar {
		color: #fff !important;
		background: #D1002A !important;
	}
	.ui-dialog-titlebar-close {
		display: block !important;
		width: 24px !important;
		height: 25px !important;
		background: url(../img/btn_close.gif) no-repeat !important;
	}
		.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
			border: none;
		}
	.ui-state-default {
		color: #680116 !important;
	}

/* users */

.th_username {
	color: #D1002A;
	font-weight: bold;
/*	border-left: 1px solid #fff;*/
}
.newuser a {
	display: block;
	width: 210px;
	height: 56px;
	text-indent: -9999px;
	background: url(../img/btn_newUser.png) no-repeat;
}
/* footer */

#footer {
	padding: 0;
	width: 950px;
}
#footer_bar {
	background: url(../img/bkg_footer_bar.gif) repeat-y;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	padding: 4px 0;
	margin: 0;
}
	#footer_bar li {
		display: inline;
		margin: 0 12px;
	}
	#footer_bar li a {
		color: #999999;
		text-decoration: none;
		font-weight: normal;
		font-size: 0.9em;
	}
	#footer li.first {
		margin-right: 34px;
	}
/* global */

.clear {
	clear: both;
}

/* category */

#category #content {
	background: #fff;
}
	div.upload_top div {
		float: left;
		clear: none;
		margin-right: 16px;
	}
	div.user_upload_box textarea {
		width: 284px;
		height: 55px;
	}
	div.user_upload_box label {
		color: #D1002A;
	}
	div.user_upload_box .submit input {
		position: absolute;
		bottom: 0;
		right: 0;
	}