@charset "UTF-8";
/* CSS Document */

body{background-image:url(css/i/xby8-gradient.jpg); background-repeat:repeat-x; 
		padding:0px; margin:0px;
		font-size:1em;
		background-color:#e8ebf2;
		font-family:Arial, Helvetica, sans-serif;}

.shell{float:left;width:100%}

.crumbs{float:left; width:100%; background-color:#162744; text-align:left}
	.crumbs-content{padding:3px; color:#ffffff}

	.crumbs a{color:#fff; text-decoration:none}
	.crumbs a:visited{color:#fff; text-decoration:none}

.header{background-color:#d2d8e1; border-bottom:4px solid #93969d}

.container{
	float:left;
	width:100%;
	padding:0px;
	margin:0px;
}

.body-container{
	float:left;
	background-color:#ffffff;
	min-height:400px;
	border:thin solid #ccc;
	border-width:0px 2px 2px 2px;
	margin:0% 10% 0% 10%;
	padding:0px;
	width: 80%;
	text-align:left;
	
}


.body-container-wide{
	float:left;
	background-color:#ffffff;
	min-height:800px;
	border:thin solid #ccc;
	border-width:0px 2px 2px 2px;
	margin:0% 2% 0% 2%;
	padding:0px;
	width: 80%;
	text-align:left;
	
}



.body-menu{
	width:100%;
	text-align:right;
	float:left;
	margin: 0px;
	padding: 0px;
}

	.body-menu a{
	color:#76421B; margin-right:5px; margin-left:5px
}
	.body-menu a:visted{color:#76421B}

	.body-menu li{
		list-style-type:none;
		display:inline;
		margin-right:25px;
}

.body-content{padding:10px}


.footer{float:left; width:100%; margin-top:10px; text-align:center}





.body-content h1{
	color: #162744;
	font-size: 1.6em;
}
.body-content h2{
	color: #A7ABB2;
	font-size: 1.4em;
}
.body-content h3{
	color: #666666;
	font-size: 1.2em;
}

.body-content p{
	color: #666666;
}

.body-content a{
	color: #76421B;
}
.body-content a:hover{
	color: #8F6712;
}
.body-content a:visited{color:#76421B}



.box{float:left;border:thin solid #ccc; margin:2px 1px 3px 1px; width:100% }

.box .title{
	padding:1%; width:98%; background-color:#cccccc; 
	background: url(i/box-title-gradient.jpg)  top left; 
	background-repeat:repeat-x;
	color:#162744; font-size:1.1em; font-weight:bold;float:left;
	float:left;
	}

.box .body{background-color:#ececec; padding:2%; width:96%;float:left;
			background: url(i/box-body-gradient.jpg)  top left;}

.box .title h1 {
	margin:0px; padding:0px;
	color:#000066; font-size:1.1em; font-weight:bold;float:left;
	}	





.errorMessage{
		font-size:.8em;
		width:400px;
		left:10px;
		padding:5px;
		background-color: #FFF;
		border: 3px solid #cc0000;
		margin:10px 5px 10px 200px;
}

	.errorMessage p{font-weight:bold; color:#cc0000}


.message2{
		left:0px;
		top:0px;
		color:#082c4b;
		width:96%;
		text-align:center;
		font-size:1.1em;
		font-style:italic;
		padding:.5% 2% .5% 2%;
		background: #F1F0F1;
		border: thin solid #848284;
		border-width:0px 1px 1px 1px;
		background-image:url(i/message-slice.jpg); background-repeat:repeat-x;
		cursor:pointer;
}
			
div.formContainer{border:none; margin:10px}

div.narrow{width:33%}
div.medium{width:66%}
div.wide{width:100%}



.table-menu{text-align:right; font-size:.8em}
.table-menu a{text-decoration:none}

div.menu{float:left; margin:10px 0px 0px 20px; margin-left:10px}
		.menu-item{float:left; margin-left:10px;  padding:3px 0px 10px 25px; width:80%; background-image:url(i/menu_bullet.gif); background-repeat:no-repeat; position:left}	
		.menu-item a {text-decoration:none; color:#738799}
		.menu-item a:visited {text-decoration:none; color:#738799}
	

.table-menu{float:right; text-align:right; margin:0px 10px 0px 0px;  font-size:.9em}
	.table-menu a{color:#003300; font-weight:bold; text-decoration:none; padding:6px; margin:3px;  border:thin solid #ccc; border-width:1px 1px 0px 1px; background-color:#eaeaea }
	.table-menu a:visited{color:#003300}
	.table-menu a:hover{background-color:#fff}
	.table-menu a{float:right; margin:0px; color:#003300}

	table.display{border:thin solid #b0b0b0; margin:0px 0px 0px 5px; padding:0px}
	table tr.dark{}
	table tr.light{}
	table td, table th{font-size:.9em; padding:10px}
	table thead th, table thead td, table thead a{
			background-image:url(i/th-gradient.jpg); background-repeat:repeat-x; 
			font-size:1em; font-weight:bold; padding:2px 4px 2px 4px;
			color:#666;
			}



.wirebox{float:left; border:thin solid #ccc; padding:5px; margin:10px; font-size:.8em;}