/******************************************************************************
* Defines default styles for site pages.                                      *
******************************************************************************/

body {
  background-color: #ffffff;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  margin: 0 0 0 0;
}

a, a:visited {
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  color : #0066cc; 
} 

a:active {
  color : #993399;
} 

a:hover {
  color : #ff3300;
  text-decoration:underline;
/*
  background-color: #DDEEFF;
 */
} 

/* Most of our site pages are using the table layout so we need to specify styles 
   for it like it was the body. */
td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
}

pre {
  font-family: Courier New, Courier, monospace;
  font-size: 80%;
}


ul {
  list-style-type: square;
}


.MessageBox {
  background-color: #f0e0d0;
  border-color: #d0a070;
  border-style: solid;
  border-width: 1px;
  padding: 8px;
}

.sideBox {
  background-color: #f0e0d0;
  border-color: #d0a070;
  border-style: solid;
  border-width: 1px;
  float: right;
  padding: .5em;
  margin-top: 0px;
  margin-left: 8px;
  margin-bottom: 8px;
  margin-right: 0px;
  width: 12em;
}

td.TabActive {
  background-color:#f1f1f1;
}

a.TabLinkActive, a.TabLinkActive:hover, a.TabLinkActive:active, a.TabLinkActive:visited {
  font-weight:bold;
  color: #000000;
  text-decoration:none;
}

a.TabLinkDimmed, a.TabLinkDimmed:hover, a.TabLinkDimmed:Dim, a.TabLinkDimmed:visited {
  font-weight:bold;
  color: #ffffff;
  text-decoration:none;
}

td.TabDimmed {
  background-color:#33569C;
}


/* Boxed table styles */

table.Box, td.BoxCurveHolder {
  background-color:#f1f1f1;
}

td.BoxBorder {
  background-color:#cccccc;
}

td.BoxBodyText  { text-align: left }

.SubHeader {
  background-color: #3E69BE;
  color: #ffffff;
  font-size: 13px;
  padding: 1pt;
}

.Header {
  padding: 0px;
  color:#ffffff;
  font-size: 13px;
  font-weight: bold;
  background-color:#33569C;
  border-size: 0px;

}

.Header a, .Header a:hover, .Header a:visited, .Header a:active {
  color: #ffffff;
  text-decoration: none;
}

a.BoxLinks {
   
}


/**************************************************
* Form Styles
***************************************************/

td.FieldTitle {
  font-weight: normal;
  font-size: 10pt;
}

td.FieldError {
  color: red;
  font-weight: normal;
  font-size: 10pt;
}

span.tdHeading {
 color: #003399;
 font-size: 13pt;
 font-weight: bold;
}

/**************************************************
* Catalog Styles
***************************************************/

table.CatalogItem {
  border-color: #3E69BE #223967 #223967 #3E69BE;
  border-style: solid;
  border-width: 1px;
  margin-left: 8px;
  margin-bottom: 8px;
}

.CatalogItemBody {
  background-color: #F9F8F7;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
}

TR.H {
  background-color: #C3D6E6
}

TR.HlDel {
  background-color: #f0e0d0
}


/**************************************************
* Footer Styles
***************************************************/
.FooterBar {
  background-color:#33569C;
}
.UnderFoot   { background-color: #808080 }

a.qmrFooterLink, a.qmrFooterLink:visited   { color: #ffffff; font-size: 10px; text-decoration: none }

a.qmrFooterLink:hover, a.qmrFooterLink:active   { color: #ffffff; font-size: 10px; text-decoration: none }


td.qmrFooterText  { color: #ffffff; font-size: 10px; font-family: Verdana, Arial, Helvetica }
td.FooterCopyright   { color: #33569c; font-size: 10px; font-family: Verdana, Arial, Helvetica }
span.PageFoot {
  font-size:11px;
  font-family: Verdana, Arial, Helvetica;
}

a.PageFoot {
  text-decoration:none;
}

a.PageFoot:hover {
  text-decoration:underline;
}

.progtitle {
  font-size:18px;
  font-weight:bold;
  font-family: Verdana, Arial, Helvetica;
  color:#626262;
}

.progsubtitle {
 	font-size:12px;
  font-family: Verdana, Arial, Helvetica;
  color:#626262;
}
.smalltype { 
font-family: Verdana, Arial, Helvetica;
color: #595959; 
font-size: 10px;
}
.orangeannounce { color: orange; font-size: 14px; font-family: Verdana, Arial, Helvetica; font-weight: bold }
.blueannounce { color: #33569C; font-size: 14px; font-family: Verdana, Arial, Helvetica; font-weight: bold }
.greyannounce { color: #333333; font-size: 14px; font-family: Verdana, Arial, Helvetica; font-weight: bold }
.sublist { list-style-type: circle }

#qmrFooter         { position: fixed; z-index: 8; bottom: 0; width: 100%; border-style: none }

/*
	yDSF (ydnar Drop-Shadow-Fu)
	ydnar@sixapart.com - http://www.sixapart.com
*/

.ydsf {
	display: block;
	position: relative;
	margin: 4px -4px -4px 4px;
	background: url(/images/shadow-grid.gif) repeat;
}

/* ie6 ignores this selector */
html>body .ydsf {
	margin: 10px -10px -10px 10px;
	background: url(/images/shadow.png) right bottom no-repeat;
}

/* shadow corners */
.ydsf:before,
.ydsf:after {
	content: " ";
	display: block;
	width: 10px;
	height: 10px;
	background: inherit;	
}

.ydsf:before {
	position: absolute;
	top: 0;
	right: 0;
	margin: -10px 0 0 auto;
	background-position: right top;
}

.ydsf:after {
	margin: -10px 0 0 -10px;
	background-position: left bottom;
}

.ydsf .inner {
	display: block;
	position: relative;
	overflow: hidden; /* prevents margin leakage from child elements */
	left: -4px;
	top: -4px;
}

/* ie6 ignores this selector */
html>body .ydsf .inner {
	left: -10px;
	top: -10px;
	margin: 0;
}


/* helper classes (not YDSF related) */


.clear {
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

.left {
	float: left;
	display: inline; /* fixes ie double margin-left bug */
}

.right { float: right; }

.note {
	width: 300px;
	border: 1px solid #666;
	padding: 10px;
	background: #ffc;
	color: #333;
}