/*
	FILE PURPOSE:
		Contains table styles for the content area of the website
	
	UPDATE HISTORY:
		DATE				DESCRIPTION
		21-Nov-05			File created
		1-Feb-06			First live version
		15-Feb-06			Changed widths for the table.offering .date class
	
	ADDITIONAL NOTES: To be used for all media
*/
table { font-size: 100%; margin-bottom: 1em; }
caption {
	text-align: left;
	font-weight: bold;
	padding-bottom: 0.5em;
}
/* defalt table for course/category lists */
table.list {
	border-collapse: collapse;
	width: 570px;
}
table.list td, table.list th {
	padding: 0.35em 1em;
}
table.list th {
	vertical-align: bottom;
	color: #4D4A4A;
	text-align: left;
}

table.list .course { font-weight: bold; }
table.list .dates { text-align: center; }
table.list .enrol { text-align: center; }
table.list .course-total { text-align: center; width: 105px; }
table.list .course-total strong { color: #B92720; }

table.list .arrow { width: 24px; text-align: center; }

#list-category th {
	color: #194d75;
	line-height: normal;
	padding-top: 0;
}

/* for a-to-z list */

table.list .letter {
	width: 50px;
	border: 0;
	padding: 0;
	text-transform: uppercase;
}

table.list .letter-empty {
	border: 0;
	padding: 0;
}

div.letter-box {
	background-color: #EDF1F4;
	padding: 0.25em 0;
	width: 34px;
	text-align: center;
	border: 1px solid #CCD8E1;
	font-weight: bold;
}

table.list td {
	border: 1px solid #CCD8E1;
}

/* offering table for calendar etc */
table.offerings {
	width: 572px;
	border-collapse: collapse;
	margin-bottom: 2em;
}

table.offerings th, table.offerings td {
	border-bottom: 1px solid #CBD7E0;
}

table.offerings td {
	padding: 0.5em 1em;
}

table.offerings th {
	color: #194d75;
	padding: 0 1em 0.25em 1em;
}

#offerings-home { width:362px; }

table.offerings caption { font-size: 115%; color: #B92720; }

/* auto width for main item, usually course name */
table.offerings .course { width: auto; }
table.offerings td.course { font-weight: bold; }
table.offerings .places { padding-left: 0; padding-right: 0; width: 75px; }
table.offerings td.more { padding-right: 0; width: 85px; }
table.offerings td.places { text-align: center; font-weight: bold; color: #B92720; }
table.offerings .date { width: 135px; }
table.offerings .price { width: 130px; }
table.offerings .presenter { width: 120px; }
table.offerings .region { width: 60px; }
table.offerings .icon { width: 38px; padding: 0; text-align: center; }
table.offerings .spacer { border: 0; }
table.offerings .location { width: 105px; }

table.offerings .border-left { border-left: 1px solid #CBD7E0; }
table.offerings .border-right { border-right: 1px solid #CBD7E0; }

/* Calendar table stuff */
table.offerings-calendar { width: 659px; }
table.offerings-calendar .date { width: 160px; }


table.course td, table.people td {
	background-color: #E5EBF0;
	border: 1px solid #DAE3E9;
}

table.course .course, table.people .user { width: 260px; }
table.course .offering { width: 108px; }
table.course .price, table.people .price { /*width: 80px;*/ }
table.course td.spacer, table.people td.spacer { border: 0; background-color: #f3f6f8; }

/* Cart styles */
table.course, table.people {
	border-collapse: collapse;
	width: 520px;
}

table.course th, table.people th {
	color: #194d75;
}

table.course a.course, table.people td.user span {
	font-weight: bold;
	text-decoration: none;
	color: #333;
}

table.course td, table.course th, table.people td, table.people th {
	/*border: 1px solid #DAE3E9;*/
	padding: 0.35em 0.5em;
}
table.price {
	width: 250px;
	border-collapse: collapse;
}

table.price td {
	padding: 0.25em 0.5em;
}

tr.total-final td {
	border-top: 1px solid #194d75;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 2px solid #194d75;
}

/* feature course */
div.featured table.offerings { width: 530px; margin-bottom: 0; } /* drop size in featured course box */
div.featured table.offerings th { padding-top: 0; padding-bottom: 0; border-bottom: 0; } /* remove heading padding */
div.featured table.offerings td { padding-top: 0; border-bottom: 0; } /* remove heading padding */
div.featured .course { padding-left: 0; } /* don't pad course / first cell */
div.featured td.course { font-weight: normal; }

/* Styles for the login form */
#login-tbl {
	width:100%;	
}
#login-col {
	width:50%;
}
#login-errors {
	margin-right:35px;
}


/* Register box */
#registerbox-table {
	width: 403px;
	margin:0px 0px 0px 84px;
	padding:0px;
	border:none;
	border-collapse:collapse;
}
#registerbox-top {
	padding:0px;
	margin:0px;
	background-image: url('../_images/boxes/registerbox-top.gif');
	background-repeat:no-repeat;
	line-height:16px;
	border:none;	
}
.registration-row {
	padding:10px 0px 0px 0px;
	margin:0px;
	background-image: url('../_images/boxes/registerbox-background.gif');
	background-repeat:repeat-y;
	border:none;	
}
/* Registration fields */
td.registration-field-title {
	margin:0px;
	padding: 0px 0px 0px 24px;
	border:none;	
}
td.registration-field {
	margin:0px;
	padding: 0px 0px 10px 24px;
	border:none;	
}
td.registration-notice {
	margin:0px;
	padding:0px 24px 10px 0px;
	border:none;	
}
td.registration-special {
	margin:0px;
	padding: 0px 24px 10px 24px;
	border:none;	
}
#registration-bottom {
	width: 403px;
	margin:0px 0px 0px 84px;
	background-color:#B2C4D1;
}