/* default styles for html elements */
html { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  line-height: 12pt; margin: 0; margin-top: 0;}
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  line-height: 12pt; margin: 0; margin-top: 0;}
a { text-decoration: none; color: #000000}
a:hover {  text-decoration: none; color: #0000FF}
p {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12pt}
td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12pt}
li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12pt}
textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; background-color: #FFFFFF ; line-height: 12pt}
input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 10pt}
button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 10pt}
select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFFFFF ; line-height: 12pt}
option { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFFFFF ; line-height: 12pt}
ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12pt }
ol { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 12pt }

/* generic styles that can be used anywhere */
.bold { font-weight: bold }
.bold9 { font-size: 9pt; font-weight: bold ; line-height: 14pt}
.bold9white { font-size: 9pt; font-weight: bold ; line-height: 14pt ; color: #FFFFFF}
.bold10 { font-size: 10pt; font-weight: bold; line-height: 18pt}
.bold10darkred { font-size: 10pt; font-weight: bold ; color: #CC0000; line-height: 18pt}
.bold11 { font-size: 11px; font-weight: bold ; line-height: 19pt}
.bold12 { font-size: 12pt; font-weight: bold ; line-height: 20pt}
.bold14 { font-size: 14pt; font-weight: bold ; line-height: 24pt}
.bold14darkblue { font-size: 14pt; font-weight: bold ; color: #000066; line-height: 24pt}
.bold18 { font-size: 18pt; font-weight: bold ; line-height: 30pt}
.bolditalic { font-style: italic; font-weight: bold }
.bolditalic9 { font-size: 9pt; font-style: italic; font-weight: bold }
.bolditalic14 {  font-size: 14pt; font-style: italic; font-weight: bold; line-height: 24pt}
.boldbrightred { font-weight: bold ; color: #A40F53}
.boldbrightred11 { font-weight: bold ; color: #A40F53; font-size: 11px; line-height: 19pt}
.blue { color: #330099}
.graydark { color: #333333}
.graymedium { color: #666666}
.graymedium7 { color: #666666 ; font-size: 7pt}
.graylight { color: #999999}
.graylight7 { color: #999999 ; font-size: 11px}
.italics { font-style: italic }
.ital9 { font-size: 9pt; font-style: italic }
.ital10 { font-size: 10pt; font-style: italic; line-height: 18pt}
.normal9 { font-size: 9pt; font-style: normal; font-weight: normal}
.normal7 { font-size: 7pt; font-style: normal; font-weight: normal }
.reddark { color: #CC0000; }
.white { color: #FFFFFF}

a.visibleLink { text-decoration: underline; color: #CC0000 }
a.visibleBlackLink { text-decoration: underline; color: #000000 }
a.coloredLink { text-decoration: none; color: #CC0000 }
a.lightGrayLink { text-decoration: none; color: #999999 }
a.darkGrayLink { text-decoration: none; color: #333333 }

a.visibleLinkNo { text-decoration: none; color: #CC0000 }

a.mediumGrayLink { text-decoration: underline; color: #666666 }
a.mediumGrayLink:hover {  text-decoration: underline; color: #0000FF }

a.white { text-decoration:none;color: #FFFFFF}
a.white:hover { text-decoration:none;color: #FFFFFF}


/* IDs for common page elements */
#contentright {
	background-color: #E5E6E8;
	width:335px;
	margin-right:22px;
	padding:12px;
	float:right;
	text-align:left;
}


/* classes for common page elements */
/* the gray bar that does page nav in a selection */
.selectionNavBar { background-color: #999999 ; color: #E0AF60 }
a.whiteLink { text-decoration: none; color: #FFFFFF }
a.whiteLink:hover {  text-decoration: none; color: #0000FF }

/* page-specific header */
.pageTitle {
	color: #990000;
	font-weight: bold;
	font-size: 18pt;
	line-height: 20pt;
	float: left;
	text-align: left;
	margin-left: 40px;
	margin-top: 15px;
}
a.blackLink { text-decoration: underline; color: #000000 }
a.blackLink:hover {  text-decoration: underline; color: #0000FF }
button.rename { width: 120px }

select.lightBoxSelect { font-size: 7pt; line-height: 10pt; width: 142px}

/* thumbnail section */
.thumbnailCell { background-color: #DADADA ; color: #000000; line-height: 10pt}
p.dense { line-height: 10pt}
td.dense { line-height: 10pt; font-size: 7pt}
td.denseSingle {  line-height: 10pt; height: 8pt}
button.delete {  font-size: 6pt; width: 45px }

/* Slicksurface credit on main page */
.mustard { font-size: 7pt; font-style: normal; font-weight: normal; color: #C2B473}
a.mustard { text-decoration: none; color: #C2B473 }
a.mustard:hover {  text-decoration: none; color: #C2B473 }


/* Layer-based stuff */
#mainframe { 
width:750px;
margin-right:auto;
margin-left:auto;
margin-top:0px;
padding:0px;
text-align:left;
}

#mainframewide { 
width:840px;
margin-right:auto;
margin-left:auto;
margin-top:0px;
padding:0px;
text-align:left;
}


/* Nav Bar - Start */
#navbar { 
background:#000;
margin:0px;
margin-top:0px; 
}

#navrow1 {
	background-image: url(/resources/navimages/headerbkgrd.jpg);
	height: 80px;
	margin: 0px;
	background-color: #333333;
}

#navrow1right {
float:right;
text-align:right;
}

#navrow1left {
float:left;
text-align:left;
}

#navrow2 {
	background-image: url(/resources/navimages/mainnavbkgrd.jpg);
	height: 28px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	background-repeat: no-repeat;
	line-height: 28px;
	background-color: #660000;
}
/* Nav Bar - Stop */