﻿body {margin:0px; background-color:#fff;word-wrap:break-word;padding: 20px;}
body,td {font-family: arial, helvetica, sans-serif; font-size:11px; }
h1,h2,h3,h4,h5,h6 {font-family:arial, helvetica, sans-serif; color:#FF8000; letter-spacing:1px;  }
h1 {font-size:22px;}
h2 {font-size:20px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:14px;}
blockquote {font-family:arial, helvetica, sans-serif; color:#004A66; font-size:16px; font-style:italic; font-weight:bold; border-top:1px dashed #CCC; border-bottom:1px dashed #CCC; margin:10px; padding:30px 10px 30px 10px; text-align:center; background-color:#EEE; margin-left:0px; }

#pageHeader {height:50px; line-height:50px; color:#80FF00; font-family: arial, helvetica, sans-serif; font-size:24px; padding:10px 16px 10px 16px; background-color:#004A66;  border-bottom:1px solid #FFF; }
#divBaseLinks {height:30px; background-color:#004A66;  border-top:1px solid #FFF; padding:0px 10px 0px 10px; line-height:30px; color:#FFF;}
#divBaseLinks a:link {color:#FFF; text-decoration:none;}
#divBaseLinks a:visited {color:#FFF; text-decoration:none;}
#divBaseLinks a:hover {color:#FFF; text-decoration:none;}
#divBaseLinks a:active {color:#FFF; text-decoration:none;}
#divPageContent {border-top:3px solid #FF8000; border-bottom:3px solid #FF8000; padding:10px 0px 10px 0px;background-color: #FFF;}
#navcontainer { width: 160px; }
#navcontainer ul {margin-left: 0; padding-left: 0; list-style-type: none; font-family: arial, helvetica, sans-serif; }
#navcontainer a { display: block; padding: 4px; width: 160px; background-color: #004A66; border-bottom: 1px solid #FFF; }
#navcontainer a:link, #navlist a:visited {color: #FFF; text-decoration: none; }
#navcontainer a:hover {background-color: #336699; color: #fff; }
#sideBarNews {}
#sideBarNewsContent {background-color:#EEE; padding:10px; }
#newsHeader {height:22px; line-height:22px; color:#80FF00; font-family:arial, helvetica, sans-serif; font-size:14px; padding:0px 5px 0px 5px; background-color:#004A66;  border-bottom:1px solid #FFF; }

.leftColumn { padding:0p 5px 0px 5px; width:170px;}
.rightColumn {padding:0px 10px 10px 10px; border-left:1px dashed #CCC;}
.subHeader {font-family:arial, helvetica, sans-serif; color:#004A66; font-size:16px; letter-spacing:1px; font-weight:bold; margin:10px 0px 10px 0px; border-bottom:1px solid #004A66;}
.note {font-weight:bold; color:#800000; font-style:italic; background-color: #FFF0B7; padding:5px; border:1px solid #FFB96C; }
.newsItem {margin-bottom:5px; font-size:9px; }
.readNewsLink {margin-bottom:10px; font-size:9px; }

/* styles for rounded corners */
b.rtop, b.rbottom{display:block;background: #D8D8D8}
b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; background: #004A66}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

.ajaxToolkit-CalendarExtender .ajax__calendar_container {
	background-color:#ffffff;
	border:1px solid #646464;
	color:darkblue;
}
.ajaxToolkit-CalendarExtender .ajax__calendar_other .ajax__calendar_day, .ajaxToolkit-CalendarExtender .ajax__calendar_other .ajax__calendar_year {
	color:black;
}
.ajaxToolkit-CalendarExtender.ajax__calendar_hover .ajax__calendar_day, .ajaxToolkit-CalendarExtender .ajax__calendar_hover .ajax__calendar_month, .ajaxToolkit-CalendarExtender .ajax__calendar_hover .ajax__calendar_year {
	color:black;
}
.ajaxToolkit-CalendarExtender .ajax__calendar_active .ajax__calendar_day, .ajaxToolkit-CalendarExtender .ajax__calendar_active .ajax__calendar_month, .ajaxToolkit-CalendarExtender .ajax__calendar_active .ajax__calendar_year {
	color:black;
	font-weight:bold;
}


a:link, a:visited, a:active
{
	text-decoration: none;
	color: #0f5a9d;
}

a:hover
{
	text-decoration: underline;
	color: #0f5a9d;

}

/**********************************/


.grid-pager
{
	background: #efefef;
	border-top: solid 1 black;
	font-family: Arial, helvetica, san-serif;
	font-size: 10px;

}

.grid
{
	border: solid 0px Black;
	font-family: Arial, helvetica, san-serif;
	font-size: 10px;
}


.grid-header
{
	color: White;
	background-color: #0f5a9d;
	text-decoration: none;
	font-weight: normal;
	font-family: Arial, helvetica, san-serif;
	font-size: 10px;
	height: 30px;
}

.grid-header th
{
	text-decoration: none;
	font-weight: normal;
	border-style: none;
	padding: 1 1 1 6;
	border-bottom-style: outset;
	border-right-style: none;
	border-width: 1px;	
}
.grid-header a
{
 color: White;
  text-decoration: none;	
}

.DetailLink 
{
	margin-left: 15px;
}

.ModalBackground
{
	background-color:#efefef;
	opacity:0.5;
	-moz-opacity: 0.5; 
	filter: alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	/*background: url('Img/ModalImageBg.gif');*/
}

.popup 
{
	width:600px;  
	height:600px; 
	overflow:scroll; 
	padding:10px; 
	background-color:White;
    border-style:solid;  
    border-color:Black;  
    border-width:1px;
    vertical-align: top;  
    text-align:left; 
}





#LeftNav
{
	padding-top: 25px; 
	padding-left: 0px; 
	width: 210px; 
	line-height: 24px;
}

.textbox, .dropdownlist, .literal, .label
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}


#USFContent
{
	width: 820px;
}

.SectionTitle
{	
	font-size: 18px;
	font-weight: bold;
	color:	#0f5a9d;

}

#ItemNameDetail
{
	font-size: 16px;
	font-weight: bold;	
	padding-top: 5px;
	padding-bottom: 5px;
}


#ButtonBar
{
	text-align: center;
	clear: right;
	width: 800px;
	height: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
}

#ItemImage
{
	float: left; 
	width: 350px; 
	height: 230px;
	margin-right: 20px; 
	text-align: center; 
	border: solid 1px #dadada;
}

#DetailViews
{
	width: 800px;
	height: 370px;
}

#DetailImage
{
	float: left; 
	width: 350px; 
	height: 360px;
	margin-right: 20px; 
	text-align: center; 
	border: solid 1px #dadada;
}

#DetailDrawing
{
	float: left;
	width: 350px;
	height: 360px;
	border: solid 1px #dadada; 
	text-align: center;
	vertical-align: middle;
}


#FavoritesLink 
{
	width: 125px;
	height: 19px;
	text-align: center;
	float: left;
	background-image: url(../../images/bluebutton3.gif);
	background-repeat: no-repeat;
}

.SpecialLink, .SpecialLink a, #FavoritesLink a
{
	text-align: center;
	font-size: 11px;
	color: white;
	font-weight: bold;
}

.SpecialLink 
{
	float: right; 
	padding-right: 15px;
	width: 125px;
	height: 19px;
	text-align: center;
	background-image: url(../../images/bluebutton3.gif);
	background-repeat: no-repeat;

}

#BackLink, #SummaryLink, #DrawingLink, #LetteringLink, #ShowAll
{
	width: 98px;
	height: 19px;
	text-align: center;
	float: left; 
	background-image: url(../../images/bluebutton2.gif);
	background-repeat: no-repeat;
	padding-right: 10px;

}

#BackLink a, #SummaryLink a, #DrawingLink a, #LetteringLink a, #ShowAll a
{
	text-align: center;
	font-size: 11px;
	color: white;
	font-weight: bold;
}

#USFGridView, #USFPreview
{
	float: left;
	clear: both;
	margin-bottom: 15px;
	margin-top: 5px;
	padding-bottom: 3px;
}

#ItemNote
{
	float: left; 
	margin-top: 20px;
	padding: 3px 3px 3px 3px; 
	border: solid 1px #dadada; 
}

#DropDownBar
{
	height: 20px;
	width: 800px;
	margin-top: 10px; 
	margin-bottom: 10px;
	clear: right;
}

#RelatedItems
{
	clear: both;
	padding-top: 15px;
	width: 750px;
}

#AlsoAvailable
{
	width: 350px; 
	margin-right: 20px; 
	border: solid 1px #dadada; 
	float: left; 
	text-align: center;
}

#AvailableCovers, #AvailableGrates
{
	width: 350px; 
	border: solid 1px #dadada; 
	float: left;
	clear: right; 
	text-align: center;
}

#CoverBox
{
	width:	420px; 
	float:	left;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
}

#CoverType, #CoverTypes
{
	
	text-align: center;
	width: 205px; 
	vertical-align: top; 
	float: left;

}

#CoverDrawing
{
	float:left; 
	width: 300px;
}


.SummaryPanel 
{
	border: solid 1px gray;
	padding: 0 0 0 0;
}

.itemCount
{
	font-size: 10px;
}

.dropdownlist, #DropDownBar input, #DropDownBar .label
{
	font-size: 10px;
}

.CoverList
{
	text-align: center;
}


