input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	background-color: white;
	border-color: white;
 	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: #eeeddd;
	background-image: none;
}
	
.innerContent {
	background-color: #fbfaf4;
	background-image: none;
}
	
.innerContentAlt {
	background-color: #f2f1e6;
	background-image: none;
}
	

div.content {
	border:1px solid #bab7ad;
}


form div.content {
	border:1px solid #bab7ad;
}

div.innerContent {
	border:1px solid #b8b4ab;
	position:relative;
}


div.editForm div.innerContent {
	margin:6px;
	padding:4px;
	text-align:left;
	float:none;
	width:auto;
}
	
div.innerContentAlt {
	background: #e5e0d5;
	background-image: none;
	border:1px solid #b8b4ab;
}

div.waitingContent {
	background: #fff7f3;
	background-image: none;
	border:1px solid #b8b4ab;
}
	
div.unapprovedContent {
	background: #f2fcff;
	background-image: none;
	border:1px solid #b8b4ab;
}

/* ----- 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: #A49F90;
		border-bottom: 1px solid #57544C;
	}

	.thumbnailFrameSeen {
		background: #959A9F;
		border-bottom: 1px solid #525457;
	}

	.thumbnailFrameWaiting {
		background: #B39081;
		border-bottom: 1px solid #57463E;
	}


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

	.thumbnailImageNormal {
		background: #D8D3C5;
	}

	.thumbnailImageSeen {
		background: #D2D3D4;
	}

	.thumbnailImageWaiting {
		background: #DED2CC;
	}


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:Black;
	text-decoration:none;
	}

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

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

div.listContainer { padding: 6px; }

table.uploadFolder {
	width: 100%;
	padding-right: 12px;
}	

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

	table.listContents td {
		border-color: #bab7ad;
		border-style: none;
		border-width: 1px;
	}

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

	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.listLeft { border-left-style: solid; }
	table.listContents td.listRight { border-right-style: solid; }

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

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


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

#pageFrame {

}

#pageHeaderBar {
	/* width:96.0%; */
	background-image: url(header.gif);
	background-repeat: no-repeat;
	height:91px;
	text-align:right;
	background-color : #706d00;
	padding:0px;
	margin:0 11px;
}

#pageHeaderCorner {
	width:11px;
	height:80px;
	float:right;
	padding:0px;
	margin:0px;
}

#headerTitle {
	font-size : 16px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	font-weight: bold;
	color: #fafaed;
}

#nameLogOut {
	padding-top: 9px;
	padding-right: 18px;
}
	#nameLogOut a { color: #fafaed; }

#mainContent {
 	background: #fafaed;
 	border: 1px solid #dcdcdc;
	text-align:left;
	min-height:245px;
}

.realName {
	font-size : 14px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	font-weight: bold;
	padding: 3px 0;
} 

#pageMarginLeft {
	/* width=96%; */
 	background: #fbfaf4;
}

#pageMarginLeftCorner {
	padding-left:11px;
}

#pageMarginRight {
 	background: #fbfaf4;
}

#pageMarginRightCorner {
	padding-right:11px;
}

#pageFooterBar {
	/* width:96%; */
	text-align:left;	
	background-color : #706d00;
	margin:0 11px;
	padding: 7px;
	color: #fafaed;
}

.pageTitle {
	font-size : 22px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	font-weight: bold;
	}

div.badMathLogo {
	text-align: center;
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
 	font-size: 10px;
 	margin: 20px auto 0 auto;
 	padding-bottom: 12px;
}

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

		div.badMathLogo a:hover {
			color: black;
		text-decoration: underline;
		}

		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;
	border: 1px solid #706d00;
	padding-top: 1px;
}

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

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

	div.adminButtonsBox input {
		background-color:  #CFD3B0;
		font-weight: bold;
		margin: 0 10px;
	}


div.projectBox {
	background: #eeeddd;
	border: 1px solid #c3bfb5;
	width: 100%;
	background-position: top;
	background-repeat: repeat-x;
	text-align: left;
}

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

div.projectName {
	float:left;
}

div.projectHeaderBar {
	/* background: #D5D1C6; */
	/* background-image: url(projectBar.png); */
	background: #deddc6;
	background-position: top;
	background-repeat: repeat-x;
	text-align: left;
	padding: 1px 10px 3px 10px;
	margin: 0px;	
	border-bottom: 1px solid #c3bfb5;
	
	font-size : 19px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	font-weight: bold;
	color: Black;	
	
}

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

div.projectBoxMenuBar {
	background: #eeeddd;
	text-align: left;
	font-family: Verdana;
	font-size: 11px;
	padding-left: 11px;
	padding-right: 11px;
	padding-top: 4px;
	padding-bottom: 0px;
}

input.projectBoxMenuBar {
	background-color:  #f3efe9;
}

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: #eeeddd;
	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: #dc5c31 !important;
		text-decoration:none !important;
	}
	a.folderBoxTabContent:hover {
		text-decoration:underline !important;
	}

div.folderBox {

	/* background-image: url(folderBottom.gif); */
	/* background-position: bottom; */
	/* background-repeat: repeat-x; */
	
	background: #fbfaf4;
	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 : Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size: 15px;
			letter-spacing: 1px;
			font-weight: bold;
			color: Black;
			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: Black;
			margin:0px;
			padding-top: 2px;
			position: relative; /* for IE6 rendering bug */
		}

#uploadNumber {
	background: #eeeddd;
}

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


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

div.itemViewHeaderBar {
	width:100%;
	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:0px;
	width:100%;
}

div.itemViewText {
	width:630px;
	text-align:left;
	padding:10px;
	border:1px solid black;
	margin: auto;
}

.embeddedItem {
	border: 1px solid black;
	padding: 0px;
	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;
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	margin:auto;
}

div.folderViewFrame {
	padding:8px;
}

	div.folderViewBatchCheckItems {
		text-align:left;
		float:left;
		xborder:1px solid red;
	}

	div.folderViewBatchOperation {
		text-align:right;
		float:none;
		xborder:1px solid green;
	}

	div.folderViewItemFrame {
		width:100%;
		margin-top:10px;
		margin-bottom:10px;
		padding-top:5px;
		padding-bottom:5px;
	}

		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:8px;
	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;
}

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: 6px;
}

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-color: #bab7ad;
		border-style: none;
		border-width: 1px;
		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;
	}