/* Page Layout Style Specific to Staff page */
/* Version V1.0.0, 15/05/2008 WBM. */
/* Copyright 2008 property of PNSA */
/* Produced by Design Atom - www.designatom.com */


/* ------------------------------------------------------------ */

/* Page Wrapper */
div.wrapper {
	width: 800px; 
	height: auto; 
	background-color: #FFFFFF;
	z-index: 1;
}

/* Scroll Arrows Container */
div.arrows {
	position: relative;
	top: 0px;
	left: 0px;
	width: 22px; 
	height: 370px;
	background-color: #B0220A;
	float: left;
	overflow: hidden;
	z-index: 1;
}

/* Left Split Content */
div.leftsplit {
	position: relative;
	top: 0px;
	left: 0px;
	width: 190px; 
	height: 415px;
	background-color: #B0220A;
	float: left;
	overflow: hidden;
	z-index: 1;
}

/* Top Right Split */
div.topright {
	position: relative;
	top: 0px;
	left: 0px;
	width: 390px; 
	height: auto;
	background-color: #B0220A;
	float: right;
	overflow: hidden;
	z-index: 1;
}

/* Right Split Content */
div.rightsplit {
	position: relative;
	top: 0px;
	left: 0px;
	width: 390px; 
	height: 345px;
	background-color: #B0220A;
	float: right;
	overflow: hidden;
	z-index: 1;
}

div.innerleft {
	position: relative;
	top: 0px;
	left: 0px;
	width: 160px; 
	background-color: #B0220A;
	float: left;
	z-index: 2;
}

div.innerright {
	position: relative;
	top: 0px;
	left: 0px;
	width: 360px; 
	background-color: #B0220A;
	float: left;
	z-index: 2;
}

/* Scroll Up Arrow */
img.scrollup {
	position: relative; 
	top: 270px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	border: 0px;
	z-index: 1;
}

/* Scroll Down Arrow */
img.scrolldown {
	position: relative; 
	top: 270px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	border: 0px;
	z-index: 1;
}

p.question {
	position: relative;
	top: 0px;
	left: 0px;
	font-family: Arial; 
	font-size: 15px; 
	font-weight: normal;
	text-align: right; 
	color: #FFFFFF; 
	line-height: 110%; 
	margin: 0px; 
	border: 0px; 
	padding: 0px; 
	z-index: 1;
}

/* Table */
/* Div style table */
div.table {
	display: table;
	width: 100%;
	border: 0px;
	border-spacing: 14px;
	border-collapse: separate;
	margin-top: 30px;
}

/* table row */
div.rowdiv  {
	display: table-row;
	width: 100%;
	float: left;
	clear: both;
}

/* table cell - class name */
div.cellclassname {
	width: 90%;
	display: table-cell;
	float: left;
	text-align: left;
}

/* table cell - teachers name */
div.cellteacher {
	width: 58%;
	display: table-cell;
	float: left;
	text-align: left;
}

/* table cell - class day */
div.cellclassday {
	width: 21%;
	display: table-cell;
	float: left;
	text-align: left;
}

/* table cell - class time */
div.cellclasstime {
	width: 27%;
	display: table-cell;
	float: left;
	text-align: left;
}

/* table cell - age range */
div.cellagerange {
	width: 22%;
	display: table-cell;
	float: left;
	text-align: left;
}

/* table cell - class cost */
div.cellcost {
	width: 28%;
	display: table-cell;
	float: left;
	text-align: left;
}

/* table cell - notes number */
div.cellnumber {
	width: 10%;
	display: table-cell;
	float: left;
	text-align: left;
}

/* table cell - notes detail */
div.cellnotes {
	width: 87%;
	display: table-cell;
	float: left;
	text-align: left;
}