@media print
{
.pg-br { clear: both; display: block; page-break-before: always; }
}


body {
	font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
	font-size: 10pt;
}

.hd {
	margin-top: 1em;
	margin-bottom: 1em;
}

.bd {
	clear: both;
	margin-top: 1em;
	margin-bottom: 1em;
}

.ft {
	clear: both;
	margin-top: 1em;
	margin-bottom: 1em;
}

.hl {
	background-color: #eee;
	border: 1px solid #ccc;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0.5em;
	text-align: center;
}

.logo {
	float: left;
	height: 2.5em;
	margin-right: 1em;
	margin-bottom: 1em;
}

.title {
	font-size: 1.3em;
	font-weight: bold;
}

.desc {
	clear: both;
}

.header {
	clear: both;
}

.student {
	clear: both;
	margin-top: 2em;
	margin-bottom: 1em;
}

.teacher {
	clear: both;
	margin-top: 2em;
	margin-bottom: 1em;
}

.info-grid {
	border: 2px solid #666;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 10pt;
	margin-top: 1em;
	margin-bottom: 1em;
	width: 100%;
}

.info-grid th {
	background-color: #333;
	border: 1px solid #999;
	color: #fff;
	padding: 0.5em;
	text-align: left;
	vertical-align: top;
}

.info-grid td {
	border: 1px solid #ccc;
	padding: 0.5em;
	text-align: left;
	vertical-align: top;
}

.last-initial {
	color: #999;
	float: right;
	font-size: 4em;
	line-height: 0.25em;
}

.teacher-name {
	clear: left;
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 1em;
}

.teacher-address {
	width: 50%;
}

.teacher-town {
	width: 20%;
}

.teacher-state {
	width: 20%;
}

.teacher-zip {
	width: 10%;
}

.teacher-phone {
	width: 50%;
}

.section-name {
	font-size: 1.3em;
}

.section-student {
	width: 10%;
}

.section-father {
	width: 10%;
}

.section-mother {
	width: 10%;
}

.section-address {
	width: 30%;
}

.section-phone1 {
	width: 10%;
}

.section-phone2 {
	width: 10%;
}

.section-email {
	width: 20%;
}

.contact-header {
	width: 33.333%;
}

.course-name {
	width: 30%;
}

.course-teacher {
	width: 20%;
}

.course-section {
	width: 10%;
}

.course-when {
	width: 20%;
}

.course-where {
	width: 20%;
}

.student-info {
	float: left;
	margin-bottom: 1em;
	width: 49.999%;
}

.student-name {
	font-size: 1.5em;
	font-weight: bold;
}

.student-li {
	color: #999;
	float: right;
	font-size: 4em;
	line-height: 0.25em;
}

.address-header {
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 1em;
}

.student-address {
	padding-left: 2em;
}

.parents-header {
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 1em;
}

.student-parents {
	padding-left: 2em;
}

.emer-header {
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 1em;
}

.student-emergency {
	padding-left: 2em;
}

.courses-header {
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 1em;
}

.student-courses {
	float: left;
	width: 49.999%;
	margin-bottom: 1em;
}

.course-info {
	margin-left: 2em;
	margin-bottom: 1em;
}

.course-title {
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 1em;
}

.family {
	float: left;
	margin-bottom: 1em;
	width: 49.999%;
}

.family-body {
	padding: 0.5em;
}

.parents {
	font-weight: bold;
}

.job-confirm {
	float: right;
}

.job-message {
	background-color: #ffc;
	border: 1px solid #cc9;
	font-weight: bold;
	padding: 0.5em;
}

.job-message-true {
	background-color: #cfc;
	border: 1px solid #9c9;
	font-weight: bold;
	padding: 0.5em;
}

.job-message-false {
	background-color: #fcc;
	border: 1px solid #c99;
	font-weight: bold;
	padding: 0.5em;
}

.job-table {
	border: 2px solid #666;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 10pt;
	margin-top: 1em;
	margin-bottom: 1em;
	width: 100%;
}

.job-table th {
	background-color: #333;
	border: 1px solid #999;
	color: #fff;
	padding: 0.5em;
	text-align: left;
	vertical-align: top;
}

.job-table td {
	border: 1px solid #ccc;
	padding: 0.5em;
	vertical-align: top;
}

.job-date {
	background-color: #eee;
	font-weight: bold;
}

.job-daytime {
	width: 150px;
}

.job-role-name {
	width: 150px;
}

.job-family-name {
	width: 100px;
}

.job-primary-phone {
	width: 100px;
}

.job-secondary-phone {
	width: 100px;
}

.job-present {
	width: 30px;
}

.job-hours {
	width: 50px;
}

.resps {
	margin-bottom: 1em;
}

.resp {
	float: left;
	margin-bottom: 1em;
	width: 49.99%;
}

.resp-body {
	padding: 0.5em;
}

.resp-name {
	background-color: #333;
	border: 2px solid #999;
	color: white;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 1em;
	padding: 0.2em;
}

.bb-title {
	font-size: 1.3em;
	font-weight: bold;
}

.bb-subtitle {
	font-size: 1.1em;
	font-weight: bold;
}

.bb-schedule {
	border: 2px solid #999;
	border-collapse: collapse;
	border-spacing: 0;
/*	float: left;  TPS request to remove */
	font-size: 10pt;
	margin-right: 1em;
	margin-bottom: 1em;
}

.bb-day {
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 0.2em;
}

.bb-time {
	border: 1px solid #ccc;
	padding: 0.2em;
	text-align: right;
}

.bb-ul {
	margin-top: 0;
	margin-bottom: 0;
}

.bb-note {
	background-color: #ffc;
	border: 1px solid #cc9;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0.5em;
}

.bb-note-title {
	font-weight: bold;
	margin-right: 0.5em;
}

.bb-timegrid {
	border: 2px solid #666;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

.bb-timegrid .bb-tday {
	background-color: #333;
	border: 1px solid #999;
	color: #fff;
	font-weight: bold;
	padding: 0.2em;
	text-align: left;
	width: 100px;
}

.bb-timegrid .bb-ttime {
	border: 1px solid #ccc;
	padding: 0.2em;
	text-align: right;
	width: 100px;
}

.row-info td {
	background-color: #eee;
	border-bottom: 2px solid #666;
}