h3 {font-weight: bold;}

#breadcrumb { margin:0; }

a.booking-list-anchor, .booking-list {
	padding:8px 0px 8px 30px;
	border-top:1px dotted #cecece;
	background:url(/images/oct07/icons/date.png) no-repeat 8px 9px;
	display:block;
	color:#555;
	text-decoration:none;
	outline:none;
}

.bookings { padding:0 20px 40px 20px; }
.bookings h2 { color:#333; background: #eee; padding:5px; margin-bottom: 5px; }
.booking-list { clear:both; overflow:auto; }
.booking-list:last-child { border-bottom:1px dotted #cecece;  }

.attend-date { float:left; width:130px; margin-right:6px; /*background:red;*/ }
.attend-info { float:left; width:350px; margin-right:6px; /*background:blue;*/ }
.course-info { float:left; width:500px; margin-right:6px; }
.invoice-info { float:right; width:150px; margin-right:6px; }
.exam-info { float:left; width:auto; margin-right:6px; /*background:blue;*/ }
.files, .points-column { float:left; width:410px; border-left:1px dotted #ccc; padding-left:5px ; /*background:green;*/ }


.files ul, .files li { margin:0; padding:0; list-style-type:none; }
.files li { border-bottom:1px dotted #ddd; font-size:11px; background:url(/images/oct07/icons/page.png) no-repeat 6px 6px; padding:4px 5px 4px 28px; }
.files li:last-child { border:none; }

a.booking-list-anchor:hover { background-color:#ffe; }
a.selected-booking, a.selected-booking:hover { background-color:#e3f3ff; color:#333; }

a.delete { color:#e06666; font-size:10px; }
a.delete:hover { color:#c00; }

a.print-invoice { color:#333; background:#f8f8f8 url(/images/oct07/icons/page_white_acrobat.png) no-repeat 6px 7px; padding:5px 5px 5px 28px; border-top:1px solid #ccc; text-decoration:none; }
a.print-invoice em { font-style:normal; color:#00B3F0; }


#view-booking { margin-left:350px; width:586px; max-height:360px; overflow:auto; }

.altRow { background:#f8f8f8; }

/*.notes { text-transform:uppercase; }*/

table.cpd { width:100%; border-collapse:collapse; }
table.cpd td, table.cpd th { border:1px solid #eee; padding:15px; }
table.cpd th { font-size:13px; background:#f4f4f4; text-align:center; }
table.cpd td { vertical-align:top; }
table.cpd .buttonCell { text-align:center; background:#fdfdc4; font-size:15px; font-weight:bold; color:#222; }
table.cpd ul { margin:0; padding:0 20px; }

/* outlines modification to match other stuff under user-admin */
.outlines { border-top:1px dotted #cecece; }
.outlines td { border-bottom:1px dotted #cecece; }
.attachment { margin-bottom:7px; }

fieldset { border:none; border-top:1px solid #ccc; border-bottom:1px solid #ccc;  }
legend { margin:0 5px; padding:0 5px; font-weight:bold; }

/* CPD Tabs */
.cpd-tabs { padding:10px 0px 5px 0px; list-style:none; border-bottom:1px solid #777;}
.cpd-tabs a { text-decoration:none; color: #777;}
.cpd-tabs a:hover { color:white !important; }
.cpd-tabs li { display:inline; padding:10px 20px; color:#777; font-size:13px;
				-webkit-border-top-left-radius: 2px;
				-webkit-border-top-right-radius: 2px;
				-moz-border-radius-topleft: 2px;
				-moz-border-radius-topright: 2px;
				border-top-left-radius: 2px;
				border-top-right-radius: 2px;
				border-top:1px solid #777;
				border-left:1px solid #777;
				border-right:1px solid #777;
				cursor:pointer;
			}
.cpd-tabs li:hover { background:#777 !important; color:black !important;}
.cpd-tabs-selected { background:#777 !important; color:white !important; border-left:1px solid #777; border-top:1px solid #777; border-right:1px solid #777;}
.cpd-tabs-selected a {color:white;}

.cpd-corporate-box {padding:15px 20px 15px 85px;margin:10px 0 20px 0;color:#333;background:#dbbdf9 url(/images/icons/user_group_48x48.png) no-repeat 18px 10px;overflow:auto;}

/* CPD Summary Header*/
.cpd-summary {background: #f8f8f8; padding: 10px;}
.cpd-summary td {vertical-align: top; padding:0;}
.cpd-summary img {display: block;}
.cpd-summary .large-text {font-size:36px; font-weight:normal; margin:14px 0;}
.cpd-summary .small-text {font-size:11px; font-weight:normal; margin:5px 0;}
.cpd-summary .fee-box {border-radius:12px; background:#ddd; padding:8px; font-weight:bold; line-height:1.1em; text-align:center;}
.cpd-summary .points-box {height:97px; width:150px; border-radius:12px; padding:8px; color:white; font-weight:bold; text-align:center; line-height:1.2em; background: #444;}
.cpd-summary .points-box-points {font-size:40px; padding:12px;}
.cpd-summary .enrolment-box {padding:8px; font-weight:bold; line-height:1.2em; text-align:right;}

/* CPD points summary */
table.points-summary { border-collapse:collapse; width:100%; }
table.points-summary tbody td { vertical-align:top; padding:6px; }
table.points-summary td.points {text-align:right; font-size:16px; font-weight:bold;}
table.points-summary td.points-subtotal { color:#444; font-size:16px; text-align:right; }
table.points-summary td.points-subtotal-by-type { background:#888; color:#fff; text-align:right; }

/* CPD More Info */
.cpd-request {margin:5px 0px; padding:10px; background:#dddddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.cpd-response {margin:5px 0px; padding:10px; background:#444; color:#fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

/* CPD Provider Network */
#overlay {position: fixed; top:0; left:0px; width:100%; height:100%; background: black; z-index:1; -moz-opacity:.50; filter:alpha(opacity=5); opacity:.50;}

#form-message {padding:10px; border-radius:4px;}
#form-message ul {padding-left:25px; margin:0px;}

#upload-frame {position:relative;}
#upload-box {position:absolute; z-index:10; padding:10px; width:400px; background:white; box-shadow:0 0 5px #888; border-radius:4px;}
#more-info {position:absolute; z-index:10; padding:10px; width:400px; background:white; box-shadow:0 0 5px #888; border-radius:4px;}

.red {
	background:red !important;
}

.cpd-button {
	padding:15px 30px;
	background:#0033FF;
	font-weight:bold;
	color:white !important;
	text-decoration:none;
	border-radius:2px;
	box-shadow:0 0 2px #444;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0066FF), to(#0033FF)); background:-moz-linear-gradient(#0066FF, #0033FF);
	cursor:pointer;
}
.cpd-button:hover {background:#003399}

.mini-button {
	padding: 1px 5px;
	background: #325bff;
	color:white !important;
	text-decoration:none;
	border-radius:2px;
	font-size:10px;
}
.mini-button:hover {background:#0033ff}

.std-button {
	padding:10px 20px;
	background:#0033FF;
	font-weight:bold;
	color:white !important;
	text-decoration:none;
	border-radius:2px;
	box-shadow:0 0 2px #444;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0066FF), to(#0033FF)); background:-moz-linear-gradient(#0066FF, #0033FF);
}
.std-button:hover {background:#003399}

.cpd-breakout-box {padding:10px; background:#f2f2f2; border-radius:5px;}

.cpd-history-box {
	background: #f2f2f2; padding:10px; margin-bottom: 5px; border-radius: 3px;
}

.cpd-history-box:hover {
	background: #ddd;
}

.course-box {
	padding: 10px 20px;
	border-radius:2px;
	border: 1px solid #ddd;
	margin-bottom: 10px;
}

.course-box h3 {
	margin:0px;
}

.course-box label {
	display: block;
	font-size: 11px;
	color: #444;
}

.course-box input[type=text], input[type=url], input[type=email] {
	width:430px;
}

.course-box select {
	width:438px;
}

.course-box textarea {
	height:60px;
}

.course-box  input[type=radio] {
	padding:0px;
	margin: 0px;
}

.info-box {
	width:430px;
	background:#eee;
	height: 60px;
	padding:5px;
	font-size:12px;
	font-family:arial;
	border-radius:2px;
}

.selection-box {
	text-align:center;
	margin:10px 0px 10px 10px;
	padding:5px;
	}

#qualification-box { margin:0px 10px; border-radius:4px; text-shadow:0 1px #eee; box-shadow: inset 0px 0px 4px #555; }
#pointer { border:solid 6px transparent;border-bottom-color:#bbb;position:absolute;margin:-12px 0 0 218px;}

.doc-list {
	margin:0px;
	height:60px;
	overflow:auto;
	padding:5px;
	font-size:12px;
	font-family:arial;
	border-radius:2px;
	border: 1px solid #ddd;
}

.doc-list li {
	height:22px;
}

.doc-list span {
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=5);
}

.doc-list span:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=1);
}

.icons {
	margin-bottom:-2px;
}

.comments {
	list-style: none;
	margin: 10px 0px;
	padding: 0px;
}

.comments li {
	margin:5px 0px;
	padding:5px;
	color: #444;
	border-top: 1px dotted #888;
}

.comments li:nth-child(odd) {
	text-align:right;
}

.page-gradient {
	background: #f1f1f1;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f1f1f1)); background:-moz-linear-gradient(#fff, #f1f1f1);
}

.page-curl {
	position: relative;
	background: white;
}

.page-curl:after {
	z-index: -1;
	position: absolute;
	background: transparent;
	width: 10%;
	height: 10%;
	content: '';
	right: 10px;
	bottom: 10px;
	-webkit-transform: skew(15deg) rotate(5deg); -moz-transform: skew(15deg) rotate(5deg);
	-webkit-box-shadow: 8px 12px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 8px 12px 10px rgba(0, 0, 0, 0.3);
}

.page-curl:before {
	z-index: -2;
	position: absolute;
	background: transparent;
	width: 10%;
	height: 10%;
	content: '';
	left: 10px;
	bottom: 10px;
	-webkit-transform: skew(-15deg) rotate(-5deg); -moz-transform: skew(-15deg) rotate(-5deg);
	-webkit-box-shadow: -8px 12px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: -8px 12px 10px rgba(0, 0, 0, 0.3);
}

.page-deterioration {
	/*
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	*/
}