/*****************Styles defined for XHTML******************/
body 
	{
	color: #000000;
	font-family:Arial, Verdana, sans-serif;
	background-color: #F8C618;
	margin: 0;
	text-align:center;
	}
a:link {
	color:#006699;
	}
a:hover {color:#000000;}
ul, ol, li, form, p, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
img { border:none; }
/*easy clearer*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.block { display:block; }

	.monitor-top {
		width: 854px;
		height:32px;
		margin:0 auto;		
		margin-top:10px;
		background: #B3CDE3 url(../images/monitor-top.gif) top left no-repeat;
		}
	.monitor-bottom {
		width: 854px;
		margin:0 auto;
		}
/*----content styles----*/
		.content-wrap {
			position:relative;	
			width:854px;
			height:28em;
			overflow:hidden; /* Elsewise IE expands this container to fit all 'theoretical' heights */
			margin:0 auto;
			text-align:left;
			background: #B3CDE3 url(../images/monitor-tile.gif) top right repeat-y;
			}
			.content { margin-left:39px; }
			/* Inbox - email links and background image */
			.inbox {
				background: transparent url(../images/inbox-background.gif) top left no-repeat;
				height:255px;
				margin-top:5px;
				padding-left:150px;
				}
				.inbox ol { padding-top:132px; }
					.inbox ol li {
						list-style-type:none;
						padding-top:2px;
						border-bottom:1px solid #E0E0E0;
						width:592px;
						}
					.inbox ol li a:link {
						display:block;
						margin-bottom:2px;
						padding-left:25px;
						background: #e0e0e0 url(../images/unread-mail-icon.gif) 0.25em 0.25em no-repeat;
						font-size:0.7em;
						text-decoration:none;
						color:#0033FF;
						}
						.inbox ol li a:hover { background-color:#DBDBDB; }
						.inbox ol li a:visited {
							display:block;
							margin-bottom:2px;
							padding-left:25px;
							background: #FFFFFF url(../images/read-mail-icon.gif) 0.25em 0.2em no-repeat;
							font-size:0.7em;
							text-decoration:none;
							color:#000000;
							padding-left:25px;
							}
							.current-email {
								background: #f3f3f3 url(../images/read-mail-icon.gif) 0.25em 0.25em no-repeat !important;
								}								
			/* Email Message Box */				
			.message-box {
				position:absolute;
				top:71px;
				right:25px;
				margin-left:12px;
				width:555px;
				background: transparent url(../images/message-bg-top.gif) top left no-repeat;			
				}
				a.close-msg-button:link, a.close-msg-button:hover, a.close-msg-button:visited {
					position:absolute;
					display:block;
					width:15px;
					height:15px;
					top:5px;
					right:5px;
					}
				.message-box h2 {
					font-size:0.8em;
					font-weight:bold;
					color:#FFFFFF;
					margin-top:5px;
					margin-bottom:47px;
					padding-left:20px;
					}
				.message-box h3 {
					font-size:0.7em;
					font-weight:normal;
					padding-left:55px;
					}
					.margin-adjust { margin-bottom:5px; }
				.message-wrap {
					background: transparent url(../images/message-bg-bottom.gif) bottom left no-repeat;	
					padding-bottom:11px;
					}
					ul.message-attachments {
						background: transparent url(../images/message-bg-attachments.gif) top left repeat;
						padding:0px 16px 2px 16px;
						}
						ul.message-attachments li {
							float:left;
							display:inline; /* IE margin-doubling fix */
							width:16.5%;
							padding-bottom:3px;
							font-size:0.55em;
							text-align:center;
							}
							ul.message-attachments li a:link, ul.message-attachments li a:hover, ul.message-attachments li a:visited {
								display:block;
								text-decoration:none;
								color:#333333;
								}
							ul.message-attachments li a:hover {
								color:#E14F2B;
								background-color:#E9E9E9;
								}
							ul.message-attachments li a:visited { color:#6A8CDD; }								
						ul.message-attachments li.attachment-title	{
							width:100%;
							margin-left:-8px;
							padding:5px 8px 2px 8px;
							font-weight:bold;
							font-size:0.6em;
							text-align:left;border-top:1px solid #c7cfcb;
							}			
					.message-text {
						width:526px;
						margin-left:9px;
						padding:5px;
						height:157px;
						overflow:auto;
						border-top:2px groove #c7cfcb;
						}
						.message-text p {
							font-size:0.75em;
							margin-bottom:8px;
							}					
							
			/* Instruction Box */								
			.instruction-box {
				width:210px;
				margin-top:15px;
				border:1px solid #000000;
				background-color:#FFFFFF;
				}
				.instruction-box h1 {
					font-size:1.0em;
					color:#FFFFFF;
					background-color:#333333;
					margin-top:10px;
					padding-top:5px;
					padding-right:10px;
					padding-bottom:5px;
					padding-left:5px;
					text-align:right;
					}
				.instruction-box p {
					font-size:0.8em;
					margin-top:10px;
					margin-bottom:10px;
					padding-left:10px;
					padding-right:10px;
					}
				a.interactive-equivalent {
					display:block;
					color:#000000;
					font-size:0.8em;
					padding-left:10px;
					padding-bottom:10px;
					}
				a.interactive-equivalent:hover {
					color:#333333;
					text-decoration:none;
					}
				a.interactive-equivalent:visited {
					color:#000099;
					}
					
/*--generic footer styles--*/
.footer {
	display:block;
	margin-top:30px;
	}

