/* syles used in the whole application */
body{
    background-color: #ffffff;
    text-align: center;
}

table{
    border-collapse: collapse;
    text-align: center;
    /*background-color: #EEEEFF;*/
    vertical-align: top;
}	

td.title{
    font: bold 23px/300% 'Arial Black';
    color: #FFFF00;
}

input{
	margin-left: 5px;
	margin-right: 5px;
	font-size: 13px;
}

input.close{
	margin-left: 5px;
	margin-right: 5px;
    color: #FF0000;
	font-size: 13px;
}

textArea{
    width: 600px;
    font-size: 13px;
	margin-left: 5px;
	margin-right: 5px;
}

select{
	margin-left: 5px;
	margin-right: 5px;
}

/* styles used in the header */
table.header{
    height: 60px;
    width: 790px;
    font-size: 13px;
    padding-bottom: 5px;
    background-image: url("../image/scrollpaper.jpg");
    background-repeat: repeat;
    border-bottom: 1px #a39565 solid;
}

td.links{
    width: 100%;
    text-align: right;
}

td.logo{
    width: 100px;
    text-align: left;
    border: none;
}

div.logo{
    width: 100px;
    background: url("../image/logo.gif") no-repeat;
}

input.headerKeyword{
    font-size: 13px;
    border: 1px #00FF00 dotted;
    background-color: #FFFFCC;
    color: #999999;
}

#logo{
    border: ridge red;
    text-decoration: none; 
}

/* styles used in the footer */
td.footer{
    height: 65px;
    width: 790px;
    font-size: 11px;
    color: #336699;
    background-image: url("../image/scrollpaper.jpg");
    background-repeat: repeat;
    border-top: 1px #a39565 solid;
}

/* styles used in the body of home page */
td.topPhoto{
    height: 90px;
    width: 120px;
    background-color: #FFFFFF;
    border: 1px #00FF00 dotted;
    text-align: center;
    vertical-align: middle;
}

td.projectName{
    height: 190px;
    width: 790px;
    background-color: #a39565;
    color: #FFFFFF;
}

p.projectNameFirstLine{
    font: bold 23px/200% 'Arial Black';
    text-align: left;
}

p.projectNameSecondLine{
    font: bold italic 18px/200% 'Bookman Old Style';
}

td.body{
    padding: 15px;
    vertical-align: top;
}

/* styles used in the browse page*/
table.browse{
    width: 790px;
    background-color: #FFFFFF;
    border-collapse: collapse;
    font-size: 15px;
}

table.inner{
    width: 400px;
    text-align: left;
}

th.title2{
    font-size: 18px;
    color: #FFFF00;
    background-color: #a39565;
}

td.field{
    width: 80px;
    text-align: left;
    vertical-align: top;
    border-right: 1px #a39565 dashed;
    color: #a39565;
    padding-top: 10px;
    padding-bottom: 10px;
}

td.selectionItems{
    width: 400px;
    vertical-align: top;
    text-align: left;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

td.button{
    width: 150px;
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 10px;
}

span.label{
    font-size: 12px;
    color: #FF0000;
}

span.headerText{
    color: #FFFFFF;
    background-color: #000000;
    width: 100%;
}


.rows{
	background-color: #EEEEFF;
}

select{
    font-size: 15px;
}

/* styles used in the search result, collection detail page*/
table.searchResult{
    width: 790px;
    background-color: #FFFFFF;
    border-collapse: collapse;
    font-size: 15px;
}

td.image{
    width: 120px;
    text-align: left;
    vertical-align: top;
    border-right: 1px #a39565 dashed;
    padding-top: 20px;
    padding-bottom: 15px;
}

td.content{
    width: 520px;
    vertical-align: top;
    text-align: left;
    padding-left: 15px;
    padding-top: 20px;
    padding-bottom: 15px;
}

td.collectionDetail{
    width: 520px;
    vertical-align: top;
    text-align: left;
    padding-left: 10px;
    padding-top: 10px;
}

/* styles used in the assembly line pages*/
table.listResult{
    width: 790px;
    text-align: left;
    background-color: #FFFFFF;
    border-collapse: collapse;
    font-size: 15px;
	border: 1px #999999 solid;
    line-height: 150%;
}

table.titleTrack{
    width: 790px;
    text-align: left;
    background-color: #DDFFBB;
    border-collapse: collapse;
    color: #000099;
    font-size: 13px;
    line-height: 200%;
    font-weight: bold;
}    

th.listResultHeader{
    background-color: #FFCC99;
    font-weight: bold;
    white-space: nowrap;
}

td.box{
    width: 30px;
}

td.id{
    width: 50px;
}

td.third1{
    width: 150px;
}

td.third2{
    width: 300px;
}

td.third3{
    width: 450px;
}

td.action{
    width: 30px;
}

td.selectArea{
    padding-top: 10px;	
    padding-bottom: 10px;
}

td.thumbnail{
    width: 100px;
}

span.hint{
	color: #000099;
	font-size: 13px;
}

/* styles used in the administration pages*/
table.admin{
    width: 180px;
    text-align: left;
    background-color: #FFFFFF;
    border-collapse: collapse;
    font-size: 15px;
	border: 1px #999999 solid;
    line-height: 150%;
}

table.browse3{
    width: 180px;
    text-align: left;
    background-color: #FFFFFF;
    border-collapse: collapse;
    font-size: 15px;
	border: 1px #999999 solid;
    line-height: 150%;
}

table.search3{
    width: 180px;
    text-align: left;
    background-color: #FFFFFF;
    border-collapse: collapse;
    font-size: 15px;
	border: 1px #999999 solid;
    line-height: 150%;
}

table.quickSearch3{
    width: 300px;
    text-align: left;
    background-color: #FFFFFF;
    border-collapse: collapse;
    font-size: 15px;
	border: 1px #999999 solid;
    line-height: 150%;
}

th.admin{
    background-color: #FFCC99;
    font-weight: bold;
}

td.admin{
	text-indent: 15px; 
}

tr.admin{
	background-color: #EEEEFF;
	text-align: center;
}

td.quickSearch{
	text-align: center;	
}	



/* styles used in the search pages*/

table.search{
    width: 790px;
    text-align: center;
    background-color: #CCFF99;
    border-collapse: collapse;
    font-size: 15px;
}

td.searchField{
    padding-top: 10px;	
    padding-bottom: 10px;
    text-align: center;
}

span.seperator{
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
}

/* styles used in the lookup pages*/

table.lookup{
    width: 300px;
    text-align: center;
    background-color: #CCFF99;
    border-collapse: collapse;
    font-size: 15px;
}

table.lookupPager{
    width: 300px;
    background-color: #FFCC99;
    border-collapse: collapse;
    border-left: 1px #999999 solid;
    border-right: 1px #999999 solid;
    line-height: 150%;
    font-size: 13px;
}

table.listLookupResult{
    width: 300px;
    background-color: #FFFFFF;
    text-align: left;
    border-collapse: collapse;
    font-size: 15px;
	line-height: 150%;
}   

/* styles used in the collection summary page */

table.blank{
	height: 20px;
	width: 790px;
	background-color: #FFFFFF;
}

table.summary{
    width: 790px;
    text-align: left;
    background-color: #FFFFFF;
    border-collapse: collapse;
    font-size: 15px;
	border: 1px #000099 solid;
}

th.summaryHeader{
    background-color: #6699CC;
    font-weight: bold;
    color: #FFFFFF;
}

table.summaryCollection{
    width: 790px;
    background-color: #FFFFFF;
    border-collapse: collapse;
    font-size: 15px;
}

td.summaryField{
	width: 100px;
	color: #000099;
	font-weight: bold;
	vertical-align: top;
	padding-top: 5px;	
	padding-bottom: 5px;
	text-align: left;
}

td.summaryContent{
	width: 540px;
	padding-top: 5px;	
	padding-bottom: 5px;
	vertical-align: top;
	text-align: left;
	line-height: 150%;
}

td.itemContent{
	width: 540px;
	vertical-align: top;
	text-align: left;
	line-height: 150%;
}

/* styles used in the update pages */
span.confirmation{
    color: #FF0000;
}

span.question{
    color: #000099;
    font-size: 20px;
    font-weight: bold;
    line-height: 200%;
}

span.description{
    white-space: normal;
}

/* styles used in the data pager */
table.pager{
    width: 790px;
    background-color: #FFCC99;
    border-collapse: collapse;
    border-left: 1px #999999 solid;
    border-right: 1px #999999 solid;
    line-height: 150%;
    font-size: 13px;
    text-align: right;
}

td.record{
	width: 150px;
	text-align: left;
}

a.currentPage{
    font-weight: bold;
    color: #FF0000;
}

a.pagerLink{
}

/* styles used in the upload pages */
table.upload{
    width: 300px;
    text-align: center;
    background-color: #CCFF99;
    border-collapse: collapse;
    font-size: 13px;
}

td.fileBrowser{
    font-size: 13px;
    text-align: left;
    line-height: 200%;
	padding-top: 10px;	
	padding-bottom: 10px;
}

/* styles used in error pages */
td.error{
    font-size: 18px;
    text-align: left;
    line-height: 200%;
    color: #a39565;
	padding-top: 10px;	
	padding-bottom: 10px;
}