/* Layout table adding a shadow around the white content "page" */

#Layout {
	border: 0px; padding: 0px; margin: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

#Layout td {
	padding: 0px; margin: 0px;
}

/* First Line -- Logout */
#TopLeft {
	width: 10%; height: 8px;
	background-color: #AFAFAF; background-image: url("../img/ShadowTopLeft.gif");
	background-repeat: no-repeat; background-position: right bottom;
}

#TopMiddle {
	width: 80%; height: 8px; 
	padding: 0px; margin: 0px; border: 0px;
	vertical-align: bottom;
	
	background-color: #fc9200; background-image: url("../img/ShadowTopMiddle.gif");
	background-repeat: repeat-x; background-position: bottom;
}

#TopRight {
	width: 10%; height: 8px;
	background-color: #AFAFAF; background-image: url("../img/ShadowTopRight.gif");
	background-repeat: no-repeat; background-position: left bottom;
}

/* Second Line -- Content */
.ContentLeft {
	width: 10%;
	background-color: #AFAFAF; background-image: url("../img/ShadowMiddleLeft.gif");
	background-repeat: repeat-y; background-position: right;
}

.ContentMiddle {
	width: 80%;
	padding: 0px; margin: 0px;
	color: black; background-color: white;
	vertical-align: top;
}

.ContentRight {
	width: 10%;
	background-color: #AFAFAF; background-image: url("../img/ShadowMiddleRight.gif");
	background-repeat: repeat-y; background-position: top left;
}

/* Third Line -- Bottom */
#BottomLeft {
	width: 10%;
	background-color: #AFAFAF; background-image: url("../img/ShadowBottomLeft.gif");
	background-repeat: no-repeat; background-position: top right;
}

#BottomMiddle {
	width: 80%; height: 27px;
	background-color: #AFAFAF; background-image: url("../img/ShadowBottomMiddle.gif");
	background-repeat: repeat-x; background-position: top left;
}

#BottomRight {
	width: 10%;
	background-color: #AFAFAF; background-image: url("../img/ShadowBottomRight.gif");
	background-repeat: no-repeat; background-position: top left;
}