input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; 
 	color: black;
 	padding-left:2px; /* to correct discrepancies between IE and Mozilla */
 	padding-right:2px; /* to correct discrepancies between IE and Mozilla */
}

select {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	background-color:  #ffffff;
	border-color:  #ffffff;
 	color: #000000;
}
	
select.disabled {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	background-color:  #e9e7e3;
	border-color:  #ffffff;
 	color: #808080;
}

form {
	margin:0px;
}

.content {
	background-color: #242424;
	background-image: none;
}
	
.innerContent {
	background-color: #111;
	background-image: none;
}
	
.innerContentAlt {
	background-color: #2a2a2a;
	background-image: none;
}
	

div.content {
}


form div.content {
}

div.innerContent {
	position:relative;
}

div.editForm {
	padding-top:1px;
	padding-bottom:1px;
	background-image: url("hLine.png");
	background-position: top center;
	background-repeat: no-repeat;
}

div.editForm div.innerContent {
	margin:10px;
	padding:4px;
	text-align:left;
	float:none;
	width:auto;
	background-image: url("hLine.png");
	background-position: top center;
	background-repeat: no-repeat;	
}
	
div.innerContentAlt {
	background: #2a2a2a;
	background-image: none;
}

div.waitingContent {
	background: #402121;
	background-image: none;
}
	
div.unapprovedContent {
	background: #1b2335;
	background-image: none;
}

#loginForm{
	margin: auto;
	width:230px;
	text-align:right;
}

/* ----- UNIVERSAL ELEMENTS ----- */


.spacer, #spacer {
	clear: both;
}


span.thumbnail {
	display: block;
	width: 82px;
	float: left;
	text-align: center;
	overflow: hidden;
}

div.thumbnail {
	width: 82px;
	float: left;
	text-align: center;
	overflow: hidden;
}

	.thumbnailWithName {
		margin-top: 15px;
		margin-right: 13px;
		height: 116px;
	}

	.thumbnailNoName {
		margin-top: 0px;
		margin-right: 10px;
		margin-left: 10px;
		height: 77px;
	}

	.thumbnailEdit {
		margin-top: 7px;
		margin-right: 10px;
		padding-left: 20px;
		height: 68px;
		position: relative; /* for IE6 rendering bug */
	}


div.thumbnailFrame {
	padding: 1px;
	color: White;
	font-family:Arial, Helvetica, sans-serif;
}

	.thumbnailFrameNormal {
		background-color: #9a9a9a;
	}

	.thumbnailFrameSeen {
		background-color: #3a4c72;
	}

	.thumbnailFrameWaiting {
		background-color: #9d5252;
	}


div.thumbnailImage {
	width: 80px;
	height: 60px;
	text-align:center;
}

	.thumbnailImageNormal {
		background-color: #d8d8d8;
	}

	.thumbnailImageSeen {
		background-color: #bdbfca;
	}

	.thumbnailImageWaiting {
		background-color: #e2cfcf;
	}


div.thumbnailType {
	float:right;
	padding-right:1px;
}


div.thumbnailSize {
	float:left;
	padding-left:1px;
	text-align:left; /* redundant (due to float), for IE5/Mac rendering bug */
}


a.thumbnailName {
	width: 82px;		/* for IE5/Mac rendering bug that ignores	*/
	overflow: hidden;	/* width parameter from #thumbnail		*/
	color: #bebebe;
	text-decoration:none;
	}

	a.thumbnailName:visited {
		color: #bebebe;
		text-decoration:none;
		}

	a.thumbnailName:hover {
		color: white;
		text-decoration: underline;
		}
		

div.listContainer { 
	padding: 10px; 
	background-image: url("hLine.png");
	background-position: top center;
	background-repeat: no-repeat;	
}

table.uploadFolder {
	/* width: 100%; */
	margin-right: 12px;
}	

	table.uploadFolder tr.listHeader td {
		font-weight:bold;
		border-bottom: 1px solid #2a2a2a;
		color: white;
	}
	
table.listContents {
	width: 100%;
	text-align: left;
}

	table.listContents td {
		border: 0 solid;
	}

	table.listContents tr.listHeader td {
		font-weight:bold;
		background-color: #333;
		padding-top: 5px;
		border-top-style: solid;
		color: white;
	}

	td.listSpacer { height: 6px; }

	table.listContents td.listBottom { 
		border-bottom-style: solid;
		border-left-style: solid;
		border-right-style: solid;
		height: 2px;	
	}

	table.listContents td.listSpacer { 
		background-image: url("hLine.png");
		background-position: bottom center;
		background-repeat: no-repeat;	
	}
	table.listContents td.listLeft { border-left-style: solid; }
	table.listContents td.listRight { border-right-style: solid; }

	table.listContents tr.majorListHeader td {
		border: 0 solid;
		font-weight:bold;
		background-color: #333;
		color: white;
	}
	
		

/* ----- END UNIVERSAL ELEMENTS ----- */


/* ----- GLOBAL PAGE FRAME ----- */

#pageFrame {

}

#pageHeaderBar {
	height:39px;
	text-align:right;
	padding:0px;
	margin:0 auto;
	background-color: #020202;
	background-image: url("headerBar.jpg");
	background-repeat: no-repeat;
	background-position: top center;
}

#pageHeaderCorner {

}

#headerTitle {
	font-size : 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	font-weight: bold;
	color: white;
	text-transform: lowercase;
}

#headerLogo {
	float:left;
	margin-left: 5px;
	border: 0;
}

#nameLogOut {
	padding-top: 3px;
	padding-right: 5px;
}
	#nameLogOut a { color: #bebebe; }

#mainContent {
	text-align:left;
	min-height: 100%;
	
	background-color: #2f2f2b;
	background-image: url("contentBG.png");
	background-repeat: repeat-x;	
	background-position: left 39px;
	
	padding-top: 1px; /* to make BG start in right place in Mozilla */
	margin-top: -1px;
	
	margin-left: 50px;
	margin-right: 50px;
}

#subMainContent {
	text-align:center;
	margin: 0 50px;
}

.realName {
	font-size : 12px;
	font-family: "Trebuchet MS", sans-serif;
	letter-spacing: 0px;
	font-weight: bold;
	padding: 0px 0;
	color: white;
} 

#pageFooterBar {
	text-align:left;	
	padding: 7px;
	color: white;
	/* background-color: #2f2f2b; */
	margin: 0 50px;
}

#pageLocation {
	margin-bottom: 10px;
	padding-top: 13px;
	height: 26px;
	background-image: url("locationBar.jpg");
	background-position: center 6px;
	background-repeat: no-repeat;	
}
	#pageLocation img { margin-top: -7px; }

.pageTitle {
	font-size : 16px;
	font-family: "Trebuchet MS", sans-serif;
	letter-spacing: 0px;
	font-weight: bold;
	color: white;
	}

div.badMathLogo {
	text-align: center;
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
 	font-size: 10px;
 	margin: 0 50px;
 	padding-top: 20px;
 	padding-bottom: 12px;
	/* background-color: #2f2f2b; */
}

	div.badMathLogo a {
		text-decoration: none;
		color: #626262;
	}

		div.badMathLogo a:hover {
			color: white;
			text-decoration: none;
		}

		div.badMathLogo a:hover img {
			background-position: 0 -25px;
		}

	div.badMathLogo img {
		display: inline;
		width: 25px;
		height: 25px;
		border: none;
		margin: 0 8px;
		background-image: url(badMathLogo.gif);
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-top: -2px;
	}

/* ----- END GLOBAL PAGE FRAME ----- */


/* ----- MAIN PAGE ----- */


div.adminButtonsBox {
	width:100%;
	/* background-color: #706d00; */
	color: #fbfaf4;
	padding-top: 1px;
	text-align: right;
}

	div.adminButtonsBox table {
		width: 100%;
		padding: 0;
		margin: 0;
	}

	div.adminButtonsBox table td {
		text-align: center;
	}

	div.adminButtonsBox input {
		margin: 0 0 0 10px;
	}


div.projectBox {
	background-color: #242424;
	/* border: 1px solid #c3bfb5; */
	width: 100%;
	background-position: top;
	background-repeat: repeat-x;
	text-align: left;
	padding-bottom: 1px
}

div.projectEdit {
	float:right;
	padding-top: 1px;
}

div.projectName {
	float:left;
}

div.projectHeaderBar {
	background-image: url("hLine.png");
	background-color: #333;
	background-position: bottom center;
	background-repeat: no-repeat;
	text-align: left;
	padding: 3px 10px 5px 10px;
	margin: 0px;	
	/* border-bottom: 1px solid #c3bfb5; */
	border-top: 1px solid #3a3a3a;
	
	font-size : 16px;
	font-family : "Trebuchet MS", sans-serif;
	letter-spacing: 0px;
	font-weight: bold;
	color: White;	
	
}

span.projectInactive {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
 	font-size: 11px;
 	letter-spacing: 0px;
 	font-weight: normal;
}

div.projectBoxMenuBar {
	text-align: left;
	font-family: Verdana;
	font-size: 11px;
	padding: 4px 11px 0 11px;
}

input.projectBoxMenuBar {
}

div.projectBoxButtons {
	text-align: left;
	width: 80%;
	float: left;
}

div.projectBoxSize {
	text-align: right;
	float: right;
	width:80px; /* fixed-width for IE5/Mac float:right bug (div is full width of page, despite float:right) */
}

div.folderBoxTab {
	background-color: #242424;
	background-image: url(folderTab.gif);
	background-position: top right;
	background-repeat: no-repeat;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	height:16px;
	text-align:right;
	float:none;
}

	div.folderBoxTabContent {
		float:right;	
		text-align:center;
		height:14px;
		width:160px;
		padding-top:2px;
	}

	/* this is done as a seperate explicit "a" element (rather than in the above #folderBoxTabContent) because of an IE6 inheritance bug */
	a.folderBoxTabContent {
		color: #bebebe !important;
		text-decoration:none !important;
	}
	a.folderBoxTabContent:hover {
		text-decoration:underline !important;
	}

div.folderBox {
	background-image: url("hLine.png");
	background-position: top center;
	background-repeat: no-repeat;
	
	background-color: #111;
	/* border: 1px solid #c3bfb5; */
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: left;
	padding-left: 12px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-top: 3px;
	float:none;
}

	div.folderHeader {
		padding-right:10px;
	}

		div.folderAdd {
			float:right;
			padding-right:0px;
			padding-top:3px;
			margin-bottom:4px;
			text-align:right;
			width:170px; /* fixed-width for IE5/Mac float:right bug (div is full width of page, despite float:right) */

			/* these two tags to fix float:right problem where form buttons don't work in Mozilla */
			position:relative;
			z-index:100;
			/* the problem still exists in Opera */
		}

		div.folderName {
			text-align: left;
			font-family : "Trebuchet MS", sans-serif;
			font-size: 15px;
			letter-spacing: 1px;
			font-weight: bold;
			color: White;
			margin:0px;
			position: relative; /* for IE6 rendering bug */
		}
		
			div.folderName a { text-decoration: none; }
			div.folderName a:hover { text-decoration: underline; }

			div.folderEdit {
				display: inline;
				margin-left:4px;
			}

		div.folderDesc {
			text-align: left;
			clear: left;
			color: #bebebe;
			margin:0px;
			padding-top: 2px;
			position: relative; /* for IE6 rendering bug */
		}

#uploadNumber {
	background: #eeeddd;
}

/* ----- END MAIN PAGE ----- */


/* ----- ITEM VIEW PAGE ----- */

div.itemViewHeaderBar {
	align:center;
	padding-left:10px;
	padding-right:10px;
}

	div.itemViewHeaderPrevious {
		float:left;
	}

	div.itemViewHeaderPreviousHidden {
		float:left;
		visibility:hidden;
	}

	div.itemViewHeaderNext {
		float:right;
	}

	div.itemViewHeaderNextHidden {
		float:right;
		visibility:hidden;
	}

div.itemDisplay {
	overflow:auto;
	margin:0px;
	padding:10px;
	background-color: #242424;
	background-image: url("hLine.png");
	background-position: top center;
	background-repeat: no-repeat;
}

div.itemViewText {
	width:630px;
	text-align:left;
	padding:10px;
	margin: auto;
	background-image: url("hLine.png");
	background-position: top center;
	background-repeat: no-repeat;
}

.embeddedItem {
	padding: 0;
	border: 1px solid #111;
	margin: 0 auto;
}

div.itemViewDescription {
	width:75%;
	max-width:600px; /* doesn't work in IE */
	font-size : 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
}

div.itemViewAnnotations {
	width:75%;
	max-width:600px; /* doesn't work in IE */
	font-size : 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
	color:#ff0000;
}

div.itemViewFooterBar {
	width:100%;
}

	div.itemViewFooterPreviousThumb {
		float:left;
	}

	div.itemViewFooterPreviousArrow {
		float:left;
	}

	div.itemViewFooterPreviousText {
		float:left;
		text-align:left;
	}

	div.itemViewFooterNextThumb {
		float:right;
	}

	div.itemViewFooterNextArrow {
		float:right;
	}

	div.itemViewFooterNextText {
		float:right;
		text-align:right;
	}
	
/* ----- END ITEM VIEW PAGE ----- */


/* ----- FOLDER VIEW PAGE ----- */

div.folderViewDescription {
	width:75%;
	max-width:600px; /* doesn't work in IE */
	font-size : 11px;
	text-align: left;
	margin:auto;
	color: #bebebe;
}

div.folderViewFrame {
	padding: 10px;
	background-image: url("hLine.png");
	background-position: top center;
	background-repeat: no-repeat;
}

	div.folderViewBatchCheckItems {
		text-align:left;
		float:left;
	}

	div.folderViewBatchOperation {
		text-align:right;
		float:none;
	}

	div.folderViewItemFrame {
		width:100%;
		margin-top:10px;
		margin-bottom:10px;
		padding-top:5px;
		padding-bottom:5px;
		background-image: url("hLine.png");
		background-position: top center;
		background-repeat: no-repeat;
	}

		div.folderViewItemSpecs {
			float:left;
			text-align:right;
			width:100px;
		}

		div.folderViewItemInfo {
			float:none;
			text-align:left;
			padding-left:202px;
			padding-right:5px;
		}

		div.folderViewItemTypeInactive {
			float:left;
			text-align:center;
			width:102px;
			padding-top:4px;
		}

		div.folderViewItemInfoInactive {
			float:none;
			text-align:left;
		}

	div.folderViewEmptyFolder {
		margin-top:10px;
		margin-bottom:10px;
		padding:5px;
	}

/* ----- END FOLDER VIEW PAGE ----- */


/* ----- EDIT FORM PAGES ----- */

div.editFormStatus {
	text-align:right !important;
}

div.editFormSubmitButtons {
	padding:10px;
	text-align:left;
}

	div.editFormDelete {
		float:right;
		text-align:right;
	}

div.editFormFileInfo {
	margin-left:20px;
	margin-top:5px;
	margin-bottom:5px;
}	

div.editFormNextToThumbnail {
	position: relative; /* for IE6 rendering bug */
	float:left;
	margin-top:10px;
}

#flashUploader {
	background-image: url("hLine.png");
	background-position: top center;
	background-repeat: no-repeat;
}

div.flashUploaderWrapper {
	background-color: #fbfaf4;
	background-image: none;
	border:1px solid #b8b4ab;
	position:relative;
	margin:6px auto;
	padding:0;
	float:none;
	width:550px;
}

/* ----- END EDIT FORM PAGES ----- */



table.logList {
	width:100%;
	margin-top: 10px;
}

table.sortItems {
	margin: auto;
}

body div.editForm div.sortBoxLeft {
	float:left;
	display:inline;
	margin-top:0;
}

body div.editForm div.sortBoxRight {
	float:right;
	display:inline;
	margin-top:0;
}

	table.logList td {
		border: 0px none;
		text-align: left;
	}

	table.logList td.listBottom { 
		border-bottom-style: solid;
		border-left-style: solid;
		border-right-style: solid;
		height: 4px;
	}
	table.logList td.listLeft { border-left-style: solid; }
	table.logList td.listRight { border-right-style: solid; }
	table.logList tr.listTop td { border-top-style: solid; }

	table.logList tr.majorListHeader td {
		border-bottom-style: solid;
		border-top-style: solid;
		font-weight:bold;
		background-color: #fbfaf4;
	}