/* ============ OLD STUFF ============ */



/* General */

body {
	background-color: black;
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
 	font-size: 11px;
 	letter-spacing: 0px;
 	margin: 0px;
 	color: #a8b8c2;
	}

form {
	margin:0px;
}

td {
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
 	font-size: 11px;
 	letter-spacing: 0px;
 	color: #a8b8c2;
 	}

a:link
	{
	color: white;
	border-color: white;
	text-decoration: underline; 
	}

a:visited
	{
	color: white;
	text-decoration: underline;
	}

a:active
	{
	color: white;
	text-decoration: underline; 	
	}

a:hover	{
	color: #a8b8c2;
	text-decoration: underline; 	
	}

a.greyedOut:link
	{
	color: #777777;
	border-color: #ffffff;
	text-decoration: underline; 
	}

a.greyedOut:visited
	{
	color: #777777;
	text-decoration: underline;
	}

a.greyedOut:active
	{
	color: white;
	text-decoration: underline; 	
	}

a.greyedOut:hover	{
	color: white;
	text-decoration: underline; 	
	}
	
.error {
	color: #ff0000;
	}

ul {
	margin-bottom:0px;
	margin-left: 0px;
	padding-left: 20px;
	/* left margin and padding values are to correct discrepancies between IE and Mozilla */
}



/* Header */

td.pageHeader {
	background-image: url(header.jpg);
	}


a.header:link {
	color:White;
	}

a.header:visited {
	color:White;
	}

a.header:hover {
	color:#a8b8c2;
	}



/* Footer */

 .footerText {
 	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
  	font-size: 11px;
 	text-align : center;
	}

.footerText a,
a.footer {
	color: #425968;
	text-decoration: none;
}

.footerText a:hover,
a.footer:hover { text-decoration: underline; }



/* Content Area Backdrop */
	
td.mainContent {
 	background: #fffaed;
	background-image: url(mainBG.jpg);
	background-repeat: no-repeat;
	}
  		
td.leftMargin {
 	background: #a67c00;
	background-image: url(leftMarginTile.gif);
	background-repeat: repeat-y;
	}

td.rightMargin {
 	background: #a67c00;
	background-image: url(rightMarginTile.gif);
	background-repeat: repeat-y;
	}


/* Navigation Bar */

.navSmall {
	font-size : 16px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	font-weight: bold;
	white-space: nowrap;
	} 
	
.navLarge {
	font-size : 20px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	font-weight: bold;
	white-space: nowrap;
	}

a.navBar {
 	color: #a8b8c2;
 	text-decoration: none !important; /* !important for IE */
 	}
 
 
a.navBar:hover {
 	color: white;
 	text-decoration: underline !important; /* !important for IE */
 	}
 	
 	
 	
/* Content Boxes */	
 	

.titleBar {
	color: white;
	background: #C5BFAC;
	}
 
.jobName {
	font-size : 19px;
	font-family : "Trebuchet MS", Trebuchet, Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-weight: bold;
	color: white;
	}
 	
.subJobName {
 	font-size : 16px;
	font-family : "Trebuchet MS", Trebuchet, Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	font-weight: bold;
	}	




/* Object View */

.objectDesc {
	font-size : 11px;
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
	margin-left: 10px;
	margin-right: 10px;
	}

.bordered {
	border-color: #000000;
	border: 1px solid;
	}	
	


.waitingContent {	
	background-image: url('halfRed.png');
	}
	
.unapprovedContent {
	background-image: url('halfGreen.png');
	}
	
.greyedOut {
	color: #777777;
	}
 	
.bgGreyedOut {
 	background: #efefef;
 	}
 	
.unapproved {
	color: #666;
	}
 
.bigError {
 	color: #ff0000;
	font-size : 18px;
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	
.objectDate {
	font-size : 12px;
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	}

.realName {
 	font-size : 17px;
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	
.headerText {
	font-size : 18px;
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #990000;
	color : White;
	}
	
.largeType {
	font-size : 12px;
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

td.subJobLeft {
	border-top:0px solid #cccccc;
	border-bottom:0px solid #cccccc;
	border-left:0px solid #cccccc
}

td.subJobMiddle {
	border-top:0px solid #cccccc;
	border-bottom:0px solid #cccccc;
}

td.subJobRight {
	border-top:0px solid #cccccc;
	border-bottom:0px solid #cccccc;
	border-right:0px solid #cccccc
}


.main {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
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;
	}

textarea { 
	background-color:  #ffffff;
	border-color:  #ffffff;
 	color: #000000;
	}

.edit {
	color: Black;
	background-color:  #ffffff;
	}
	
.admin {
	color: Black;
	background-color:  #ffffff;
	}

tr.staff {
	background : #d4d4d4;
	}

tr.freelance {
	background : #dcdcdc;
	}

tr.client {
	background : #e8e8e8;
	}

.thumbnailDataType {
	font-family:Arial, Helvetica, sans-serif;
	color:White;
	background-image:none; /* for NS4 */
	}

.thumbnailImage {
	background-image:none; /* for NS4 */
	}
	
a.thumbnailName {
	color:Black;
	text-decoration:none;
	flont-weight:bold;
	}

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

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

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

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

a.inactiveLink:hover {
	color:Black;
	text-decoration:underline;
	}

a.thumbnailEdit {
	color:White;
	text-decoration:none;
	}

a.thumbnailEdit:visited {
	color:White;
	text-decoration:none;
	}

a.thumbnailEdit:hover {
	color:White;
	text-decoration:underline;
	}

.folderLine {
	/*background: #efefef;*/
	background-image: url(folderLineBG.gif); /* this file must be in both /common/ and root, so that Netscape 4 can find it */
	}

/* ============ END OLD STUFF ============ */





#logo {
	position: absolute;
	left: 18px;
	top: 0;
}

#footerLogo {
	font-family:Impact,"Arial Black",Verdana,sans-serif;
	font-size:11px;
	}

input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	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: url('thirdBlack.png');
}
	
.innerContent {
	/* background-color: #fbfaf4; */
	background-image: none;
}
	
.innerContentAlt {
	/* background-color: #f2f1e6; */
	background-image: url('quarterBlack.png');
}
	

div.content {
	border:1px solid transparent;
}


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

div.innerContent {
	border:1px solid #011725;
	border:1px solid transparent;
	position:relative;
	background-image: url('halfBlack.png');
}


div.editForm div.innerContent {
	margin:6px;
	padding:4px;
	text-align:left;
	float:none;
	width:auto;
}
	
div.innerContentAlt {
	background-image: url('halfBlack.png');
	border:1px solid transparent;
}

div.waitingContent {
	background-image: url('halfRed.png');
	border:1px solid transparent;
}
	
div.unapprovedContent {
	background-image: url('halfGrey.png');
	border:1px solid transparent;
}

/* ----- 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: #9c9c9c;
		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: #d0d0d0;
	}

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

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

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

div.listContainer { padding: 6px; }

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

	table.uploadFolder tr.listHeader td {
		font-weight:bold;
		color: white;
		border-bottom: 1px solid #011725;
	}
	
table.listContents {
	width: 100%;
	text-align: left;
	background-image: url('quarterBlack.png');
}

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

	table.listContents tr.listHeader td {
		font-weight:bold;
		background-image: url('halfBlack.png');
		padding-top: 5px;
		color: white;
		/* 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-image: url('halfBlack.png');
	}		
	
		

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


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

#pageFrame {

}

#pageHeaderBar {
	background-position: center top;
	background-image: url('bg-header_home.jpg'); /* default */
	background-color: #f0f0f0;
	color: black;
	height:82px;
	text-align:right;
	padding:0px;
	margin:0;
}

#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: #425968;
}

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

#mainContent {
 	border: none;
	text-align:left;
	min-height:245px;
	padding-top: 5px;
}

.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-color: #005280;
 	background-image: url('bg_home.jpg');
 	background-position: center top;
}

#pageMarginLeftCorner {
	padding-left:11px;
}

#pageMarginRight {
}

#pageMarginRightCorner {
	padding-right:11px;
}

#pageFooterBar {
	text-align:left;	
	background-color : white;
	margin:0;
	padding: 7px;
	color: #425968;
}

.pageTitle {
	font-size : 22px;
	font-family : Verdana, Geneva, Arial, Helvetica, 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: 20px auto 0 auto;
 	padding-bottom: 12px;
}

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

		div.badMathLogo a:hover {
			color: white;
			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-image: url('halfBlack.png');
	color: #fbfaf4;
	padding: 3px 0;
}

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

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

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


div.projectBox {
	background-image: url('thirdBlack.png');
	border: none;
	width: 100%;
	text-align: left;
	padding-bottom:1px;
}

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

div.projectName {
	float:left;
}

div.projectHeaderBar {
	background-image: url('halfBlack.png');
	text-align: left;
	padding: 1px 10px 3px 10px;
	margin: 0px;	
	
	font-size : 19px;
	font-family : Verdana, Geneva, Arial, Helvetica, 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 {
	background: none;
	text-align: left;
	font-family: Verdana;
	font-size: 11px;
	padding-left: 11px;
	padding-right: 11px;
	padding-top: 4px;
	padding-bottom: 0px;
	color: white;
}

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-image: url(folderTab.png);
	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: #a8b8c2 !important;
		text-decoration:none !important;
	}
	a.folderBoxTabContent:hover {
		text-decoration:underline !important;
	}

div.folderBox {	
	/* background: #aaa; */
	background-image: url('halfBlack.png');
	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;
	color: white;
}

	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: 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: #a8b8c2;
			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;
	}