@import "../../RadControls/Calendar/Skins/Default/Calendar.css";
@import "../../RadControls/Calendar/Skins/Default/RadTimePicker.css";

body {
	background: #fff;
	color: #000;
	font: 87.5%/1.4 Arial, sans-serif;
	margin: 6px 12px 12px;
}

h1 {
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 .5em;
}

h2 {
	font-size: 1.5em;
	font-weight: normal;
	margin: 1em 0 .5em;
}

h3 { font-size: 1.17em; margin: .75em 0; }
h4 { font-size: 1em; }
h5 { font-size: .83em; }
h6 { font-size: .67em; }

h1, h2, h3, h4, h5, h6 {
    font-family: Georgia, serif;
	line-height: 1.1;
}

input, textarea, select {
	font: 12px arial, helvetica, verdana, sans-serif;
}

label, input[type="submit"], input[type="button"], button {
	cursor: pointer;
}

div.contentTop, #container {
	border: 1px solid #AD0408;
}

#container {
	margin-top: 12px;
}

div.contentHeader {
	background: #F9F5DB;
	border-bottom: 1px solid #AD0408;
	padding: 3px 5px;
}

div.content2 {
	margin: 10px 5px 20px 5px;
}

div.contentMenu1 {
	background: #E7E7E7;
	border: 1px solid #AD0408;
	color: #AD0408;
	line-height: 22px;
	overflow: hidden;
	width: 100%;
}

div.contentMenu2 {
	background: #FFF;
	border: 0;
	border-bottom: 1px solid #AD0408;
	color: #AD0408;
	margin: 3px 0;
}

.contentMenuActive {
	background-color: #FAF5DB;
	border: 0;
	border-right:1px solid #AD0408;
	color: #AD0408;
	float: left;
	font-weight: bold;
	padding: 3px 6px;
	vertical-align: middle;
}

.contentMenuUnactive {
	background-color: #EEE;
	border: 0;
	border-right: 1px solid #AD0408;
	color: #AD0408;
	float: left;
	font-weight: bold;
	padding: 3px 6px;
}

div.contentMenu2 {
	background-color: #FFF;
	border: 0;
	border-bottom: 1px solid #AD0408;
	margin-top: 3px;
}

div.contentBlock1 {
	margin-top: 20px;
}

td.overview {
	background-color: transparent;
	color: #000;
	font-size: 12px;
	border-bottom: 1px solid #E7E7E7;
}

td.overviewEndMonth {
	border-bottom: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	color: #000;
	font-size: 12px;
}

td.overviewFilled {
	background-color: #AD0408;
	border-bottom: 1px solid #E7E7E7;
	color: #000;
	font-size: 12px;
}

td.highLighted {
	background-color: #FAF5DB;
	border-bottom: 1px solid #E7E7E7;
	color: #000;
	font-size: 12px;
}

th.overviewWeekday {
	background-color: transparent;
	border-bottom: 1px solid #E7E7E7;
	color: #999;
	font-size: 12px;
	font-weight: normal;
}

th.overviewWeekdayEndMonth {
	color: #999;
	border-bottom: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	font-size: 12px;
	font-weight: normal;
}

th.overviewEndMonth { /* Rubrik: De avslutande dagarna i varje månad i overview */
	border-bottom: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	color: #000;
	font-size: 12px;
	text-align: left;
}

th.overviewHeaderMonth { /* Rubrik:Månaderna i overview */
	border-right: 1px solid #E7E7E7;
	color: #AD0408;
	font-size: 12px;
	text-align: left;
}

th.overviewHeaderText { /* Rubrik: Kurs i overview */
	border-bottom: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
	color: #000;
	font-size: 12px;
	text-align: left;
}

th.overviewHeader { /* Rubrik: Dagar i overview */
	border-bottom: 1px solid #E7E7E7;
	color: #000;
	font-size: 12px;
}

legend {
	color: #AD0408;
	font-size: 12px;
}

a.overview {
	color: #000;
	text-decoration: none;
}

a {
	color: #039;
	text-decoration: none;
}

a:hover,
a:focus {
	text-decoration: underline;
}

.contentMenu1 a,
.contentMenu2 a {
	color: #AD0408;
}

div.panel {
	padding: 5px 5px 5px 5px;
}

.scroll {
	border: none;
	display: inline-block;
	min-height: 300px;
	overflow: auto;
	width: 627px;
}

.scrollBlock {
	border: 1px solid #AD0408;
	display: inline-block;
	height: 110%;
	overflow: hidden;
	width: 690px;
}

img.info {
	cursor: help;
}

a img {
	border: 0;
}

.successful {
	background-color: transparent;
	color: #00CC00;
	font: bold 11px arial, helvetica, verdana, sans-serif;
}

.error {
	background-color: transparent;
	color: #CC0000;
	font: bold 11px arial, helvetica, verdana, sans-serif;
}

.bgHdr1 {
	background-color: #AD0408;
	color: #FFF;
	font-weight: bold;
}

.gvSearchResult {
	border: 0;
	border-collapse: collapse;
}

.gvSearchResult th {
	background-color: #AD0408;
	color: #FFF;
	padding: 3px;
	text-align: left;
	white-space: nowrap;
}

.gvSearchResult td {
	border: 0;
	padding: 3px;
}

.bgStudentRow td {
	background-color: #FFF;
	border-top: 1px solid #AD0408;
	color: #000;
}

.bgStudentRowFine td {
	background-color: #FAF5DB;
	border-top: 1px solid #FFF;
	color: #000;
}

.bgStudentRowExtra td {
	border-top: 1px solid #d0d0d0;
}

.bgItemDefault {
	border-bottom: 1px solid #d0d0d0;
}

.bgItemDefault td {
	border-bottom: 1px solid #d0d0d0;
}

.infoBox {
	background-color: #FAF5DB;
	border: 1px solid #AD0408;
	color: #000;
	padding: 1px;
}

.tblInvoice {
	border: 0;
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}

.tblInvoice td {
	border: 1px solid #a0a0a0;
	border-bottom: 0;
	font-size: 12px;
	padding: 4px;
	vertical-align: top;
}

.tblInvoice td.brd {
	border-bottom: 1px solid #a0a0a0;
}

.tblInvoice td h3 {
	background-color: #FAF5DB;
	color: #000;
	font-size: 11px;
	font-weight: normal;
	margin: 0 0 3px 0;
	padding: 0;
}

.tblInvoiceRows {
	border: 0;
	border-collapse: collapse;
	width: 100%;
}

.tblInvoiceRows tr {
	border: 0;
}

.tblInvoiceRows th {
	border: 1px solid #a0a0a0;
	background-color: #f0f0f0;
	color: #000;
	font-size: 11px;
	font-weight: normal;
	padding: 2px;
	text-align: left;
	vertical-align: top;
}

.tblInvoiceRows td {
	border: 1px solid #a0a0a0;
	font-size: 12px;
	padding: 2px;
	vertical-align: top;
}

.tblInvoiceRows .alt {
	background-color: #f0f0f0;
	color: #000;
}

.tblInvoiceRows td h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 12px 0 3px 0;
	padding: 0;
}

.tblSum {
	border: 0;
	border-collapse: collapse;
}

.tblSum tr {
	border: 0;
}

.tblSum th {
	background-color: #f0f0f0;
	border: 1px solid #a0a0a0;
	color: #000;
	font-size: 12px;
	font-weight: normal;
	padding: 2px 20px 2px 2px;
	text-align: left;
	vertical-align: top;
}

.tblSum td {
	border: 1px solid #a0a0a0;
	font-size: 11px;
	padding: 2px 20px 2px 2px;
	vertical-align: top;
}

#wrap h1, #content_email, .loginForm h1 {
	background: transparent;
	border: 0;
	font: bold 18px arial, helvetica, verdana, sans-serif;
	margin: 0 0 4px 0;
	padding: 0;
}

h4 {
	font: bold 11px arial, helvetica, verdana, sans-serif;
	margin: 0 0 3px 0;
}

.hidden {
	display: none;
}

.totalSum {
	font-size: 13px;
	font-weight: normal;
}

.clearer {
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
	visibility: hidden;
}

.loginForm {
	color: #333;
	font-weight: normal;
	margin: 0;
	padding: 10px;
}

.loginForm a {
	background-color: #fff500;
	color: #333;
	text-decoration: none;
	text-decoration: none;
}

.loginForm a:hover, .loginForm a:focus {
	background-color: #0f0;
}

table#lgLogin h1 {
	font-size: 28px;
	font-weight: normal;
}

.loginForm h1 {
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 8px 0;
}

.loginForm input {
	margin-bottom: 4px;
}

.loginForm li,.loginForm p {
	padding-bottom: 4px;
}

.tbLogin {
	width: 200px;
}

.btnLogin {
	margin-top: 4px;
}

thead {
	display: table-header-group;
}

tfoot {
	display: table-footer-group;
}

#leftoversReportSelection ul {
	list-style: none;
	margin: 10px 0 10px 10px;
	padding: 0;
}

.sumRow td {
	font-weight: bold;
}

.btnReport {
	font-size: 11px;
	width: 90px;
}

#content_email {
	font: 12px arial, helvetica, sans-serif;
	margin: 10px;
}

#content_email input,
#content_email select,
#content_email textarea {
	font: 12px arial, helvetica, sans-serif;
}

#content_email h1 {
	background: transparent;
	border: 0;
	font: 18px arial, helvetica, sans-serif;
	margin: 0 0 .8em 0;
	padding: 0;
}

#content_email h2 {
	font: bold 13px arial, helvetica, sans-serif;
	border-bottom: 1px solid #000;
	margin: 0 0 12px 0;
}

#content_email fieldset {
	border: 0;
	margin: 0 0 20px 0;
	padding: 0;
}

#content_email ol,
#content_email ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#content_email ul {
	margin-bottom: 12px;
}

#content_email ol li {
	margin: 0 0 12px 0;
	padding: 0;
}

#content_email ul li {
	margin: 0;
	padding: 0;
}

#content_email ul li span {
	font-size: 11px;
	margin-left: 10px;
}

#content_email label {
	display: block;
}

#content_email label span {
	color: #999;
}

#content_email input,
#content_email textarea {
	box-sizing: border-box;
	width: 100%;
}

#content_email .btnOk,
#content_email .btnCancel {
	width: auto;
}

#content_email textarea {
	overflow: auto;
}

#content_email input.btn {
	width: 100px;
}

#content_email input.btnSend {
	width: 200px;
}

#content_email_header {
	width: 100%;
	overflow: hidden;
}

#content_email_header h1 {
	float: left;
}

#content_email_header p {
	float: left;
	margin-left: 20px;
	padding-top: 5px;
}

#content_email_message {
	padding: 10px 0;
}

#content_email_recipients {
	margin-left: 12px;
	padding: 10px;
	background: #f0f0f0;
}

#content_email_recipients ol{
	margin-top: 12px;
}

#content_email_recipients select {
	box-sizing: border-box;
	width: 100%;
}

#content_email_recipients input {
	box-sizing: border-box;
	width: 80%;
}

#content_email_recipients input.btn {
	box-sizing: border-box;
	width: 15%;
}

#content_email_send {
	clear: both;
	margin-bottom: 20px;
}

#content_email_send em {
	margin-left: 20px;
}

div.btnRow {
	background: #d0dde0;
}

#content_email_log {
	font: 12px arial, helvetica, sans-serif;
	margin: 10px;
}

#content_email_log h2 {
	font: 18px arial, helvetica, sans-serif;
	margin: 0 0 .8em 0;
	padding: 0;
}

#content_email_log .pickerWrapper_Default {
	display: inline-block;
	vertical-align: middle;
}

.content_email_log {
	width: 100%;
	border-collapse: collapse;
	border: 0;
}

.content_email_log th,
.content_email_log td {
	padding: 5px;
	border: 1px solid #d0d0d0;
	font: 12px arial, helvetica, sans-serif;
}

.content_email_log th {
	text-align: left;
	background: #cde;
	font-weight: bold;
}

.content_email_log_list {
	margin-bottom: 30px;
}

.tblReport
{
	width: 100%;
}

.tblReport th
{
	text-align: left;
	vertical-align: middle;
}

.tblReport td
{
	text-align: left;
	vertical-align: top;
}

.tblReport ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.tblReport li
{
	margin: 0;
	padding: 0;
}

table.courseInfo {
	border: 0;
	border-collapse: collapse;
	padding: 0;
	width: 150px;
}
table.courseInfo th {
	font-weight: normal;
	text-align: left;
	border-top: 1px solid #f0f0f0;
	padding: 2px 5px 2px 0;
	vertical-align: top;
}
table.courseInfo td {
	border-top: 1px solid #f0f0f0;
	padding: 2px 0 0 5px;
	vertical-align: top;
	width: 70px;
}
table.courseInfo tr.first td,
table.courseInfo tr.first th {
	border: 0;
	padding-top: 0;
}

#course-outlay-detailed {
	font: 11px/16px arial, helvetica, verdana, sans-serif;
	padding-top: 10px;
	padding-left: 80px;
}
#course-outlay-detailed #wrapper {
	overflow-x: auto;
	overflow-y: hidden;
	padding-bottom: 40px;
	width: 100%;
}

#course-outlay-detailed table {
	border-collapse: collapse;
	border: 0;
	border-top: 1px solid #AD0408;
}

#course-outlay-detailed th {
	font-weight: normal;
}

#course-outlay-detailed tbody td {
	background: #fff;
	border: 1px solid #f0f0f0;
	padding: 0;
}

#course-outlay-detailed tbody th {
	text-align: left;
}

#course-outlay-detailed th span {
	border: 0;
	left: 20px;
	margin-top: -8px;
	position: absolute;
	white-space: nowrap;
}
#course-outlay-detailed th em {
	border-top: 1px solid #f0f0f0;
	display: block;
	font-style: normal;
	font-weight: bold;
	margin: 2px 0 0;
	padding: 2px 0 0;
}
#course-outlay-detailed th.month {
	background: #f6f6f6;
	border-right: 1px solid #AD0408;
	border-top: 1px solid #AD0408;
	color: #AD0408;
	font-weight: bold;
	padding-left: 5px;
	text-align: left;
}

#course-outlay-detailed tr.hilite td {
	background: #FAF5DB;
}
#course-outlay-detailed td div {
	color: #f0f0f0;
	overflow: hidden;
	width: 20px;
}
#course-outlay-detailed td.sel div {
	background: #c00;
	color: #c00;
}
#course-outlay-detailed tbody tr:hover th span {
	background: #FAF5DB;
}

h1 {
	background: #F9F5DB;
	border-bottom: 1px solid #AD0408;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 3px 5px;
}

/* Top nav */
#nav {
	margin: 12px 6px 24px;
}

#nav-main {
	background: #e7e7e7;
	border: 1px solid #ad0408;
	overflow: hidden;
	padding: 3px 0;
}
#nav-main,
#nav-main li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav-main li {
	border-right: 1px solid #ad0408;
	float: left;
}
#nav-main a {
	background: #e7e7e7 url(../../Images/ADD-RECORD.png) no-repeat 4px 4px;
	color: #ad0408;
	float: left;
	font-weight: bold;
	padding: 3px 6px 3px 24px;
	text-decoration: none;
}
#nav-main a:hover,
#nav-main a:focus {
	background-color: #faf5db;
}
#nav-main .current a {
	background-color: #faf5db;
}
#nav-main .calendar a { background-image: url(../../Images/Calendar.png); }
#nav-main .copy a { background-image: url(../../Images/COPY-RECORD.png); }
#nav-main .updatestudyplan a { background-image: url(../../Images/UpdateStudyPlan.png); }
#nav-main .search a { background-image: url(../../Images/Search_1.png); }
#nav-main .fine a { background-image: url(../../Images/FinePlacement.png); }
#nav-main .placerequirement a { background-image: url(../../Images/PlaceRequirement.png); }
#nav-main .chart a { background-image: url(../../Images/Chart_1.png); }
#nav-main .map a { background-image: url(../../Images/Map.png); }

p.print {
	border-bottom: 1px solid #ad0408;
	line-height: 16px;
	margin: 6px 0 0;
	padding-bottom: 3px;
}
p.print a {
	background: #fff url(../../Images/Print.png) no-repeat top left;
	color: #ad0408;
	display: block;
	padding-left: 20px;
	text-decoration: none;
}
/* End top nav */

#content {
	margin: 0 6px 24px;
}

/* Buttons */
.buttons {
	background: #f0f0f0;
	margin-top: 18px;
}

.buttons.indented {
	background: #fff;
	border-top: 1px solid #f0f0f0;
	margin-top: 12px;
	padding-top: 12px;
}

.buttons input,
input[type="submit"] {
	margin-right: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
}

.buttons input:last-child {
	margin-right: 0;
}
/* End buttons */

/* Tables */
table.result {
	border-collapse: collapse;
	margin: 12px 0;
	width: 100%;
}

table.result th,
table.result td {
	line-height: 1.4;
	text-align: left;
}

table.result th {
	background: #AD0408;
	border: 0 !important;
	color: #fff;
	font-weight: bold;
	padding: 3px;
}

table.result td {
	color: #000;
	border-bottom: 1px solid #e7e7e7;
	border-left: 0 !important;
	border-right: 0 !important;
	border-top: 0 !important;
	padding: 1px 3px;
}

table.result th a {
	color: #fff;
}

table.result.outlay th + th,
table.result.outlay td + td {
	text-align: center;
}

table.result .bgStudentRow td {
	background-color: #FFF;
	border-top: 1px solid #AD0408 !important;
	color: #000;
}

table.result .bgStudentRowFine td {
	background-color: #FAF5DB;
	border-top: 1px solid #FFF;
	color: #000;
}

table.result ul,
table.result li {
	list-style: none;
	margin: 0;
	padding: 0;
}

table.result.leftovers ul {
	margin: 10px 0 10px 10px;
}

table.result.top td {
	vertical-align: top;
}

table.result.editgrid tr:hover {
	background: #f0f0f0;
}

.bgStudentRowExtra td {
	border-top: 1px solid #d0d0d0;
}
/* End tables */

/* Forms */
.standard-admin-form > div {
	clear: both;
	padding: 3px 0;
}

.standard-admin-form label,
.standard-admin-form .checkboxes .lbl {
	float: left;
	line-height: 20px;
	width: 130px;
}

.standard-admin-form input[type="text"],
.standard-admin-form input[type="password"] {
	width: 200px;
}

.standard-admin-form .checkbox,
.standard-admin-form .buttons {
	padding-left: 130px;
}

.standard-admin-form .checkboxes label {
	display: inline;
	float: none;
	width: auto;
}

.standard-admin-form .buttons {
	background: #fff;
	border-top: 1px solid #f0f0f0;
	margin-top: 12px;
	padding-top: 12px;
}

.standard-admin-form .buttons input {
	margin-right: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
}

.standard-admin-form .checkbox label {
	float: none;
	line-height: 1;
	width: auto;
}
/* End forms */

/* Result messages */
.msg {
	font-size: 12px;
	margin-bottom: 20px;
	padding: 12px;
}

.success {
	background: #DFF2BF;
	border: 1px solid #4F8A10;
	color: #4F8A10;
}

.error {
	background: #FFBABA;
	border: 1px solid #D8000C;
	color: #D8000C;
}
/* End result messages */

.result-wrapper {
	margin-top: 20px;
}

.result-wrapper h2 {
	border-bottom: 1px solid #d0dde0;
	font-size: 12px;
	margin: 20px 0 6px;
}

#panelTeacherInfo > div {
	margin-bottom: 6px;
}

.ingrid,
.form-info {
	color: #888;
}

ul.report-selection {
	list-style: none;
	margin: 12px;
	padding: 0;
}

/* Datepicker */
.pickerWrapper_Default {
	display: inline-block;
	vertical-align: middle;
}
.pickerWrapper_Default table {
	width: 110px !important;
}
.pickerWrapper_Default > table td {
	border:none !important;
}

/* DatePicker - Calendar PopUp */
.calendarWrapper_Default [id$="_calendar_Top"] [class^="DaysOfWeek_"] {
	font-size:12px;
}
.calendarWrapper_Default .TableLayout_Default td a {
    padding: 3px;
}

div.ajxLoading{
	background: #fff;
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

div.ajxLoading img.ajxLoading {
	display: block;
	margin: 8% auto 0 auto;
}

input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner {
	border: none !important;
	padding: 0 !important;
}

/* OOCSS */
.grid {
	display: block;
	padding: 0;
	margin: 0 -10px;
	text-align: left;
	letter-spacing: -0.31em;
	text-rendering: optimizeSpeed;
}

.grid--reverse {
	direction: rtl;
}

.opera:-o-prefocus,
.grid {
	word-spacing: -0.43em;
}

.grid > .grid {
	overflow: hidden;
	margin-right: 0;
	margin-left: 0;
}

.grid__cell {
	box-sizing: border-box;
	width: 100%;
	direction: ltr;
	display: inline-block;
	margin: 0;
	padding: 0 10px;
	vertical-align: top;
	text-align: left;
	letter-spacing: normal;
	word-spacing: normal;
	text-rendering: auto;
}

.grid--center {
	text-align: center;
}

.grid--left {
	text-align: left;
}

.grid--right {
	text-align: right;
}

.grid__cell--center {
	display: block;
	margin: 0 auto;
}

.grid__cell--left {
	display: block;
	margin-right: auto;
}

.grid__cell--right {
	display: block;
	margin-left: auto;
}

.unit {
	display: inline-block;
	margin: 6px 0;
	vertical-align: top;
}
.size1of1 {
	width: 100%;
}
.size1of2 {
	width: 50%;
}
.size1of3 {
	width: 33.333333%;
}
.size2of3 {
	width: 66.666666%;
}
.size1of4 {
	width: 25%;
}
.size3of4 {
	width: 75%;
}

.full-width {
	width: 100%;
	box-sizing: border-box;
}

.date-picker {
	width: 80px;
}
/*
.date-range {
	display: flex;
}

.date-range .date-picker {
	flex: 1 1 auto;
	max-width: 120px;
}
*/
.top-margin {
	margin-top: 1em;
}

.box1 {
	background: #f0f0f0;
	border-radius: 6px;
	margin: 12px 0;
	padding: 10px;
}

.box-selectable {
	border: 1px solid #f0f0f0;
	border-radius: 6px;
}

.box-selectable .hd {
	background: #f0f0f0;
	padding: 10px;
}

.box-selectable .bd {
	height: 160px;
	overflow: auto;
	padding: 10px;
}

.status {
	display: inline-block;
	padding: 0 3px;
	font-weight: bold;
	background: #f0f0f0;
}

.status--active {
	background: #36AB2A;
	color: #fff;
}

.status--inactive {
	background: #666;
	color: #fff;
}

.inactive-option {
	color: #f00;
}

.pagination {
	background: #eee;
}

.pagination td > span {
	display: inline-block;
	background: #333;
	color: #fff;
	padding: 0.1em 0.3em;
}

.pagination a {
	color: rgb(0, 51, 153);
	text-decoration: none;
}

.pagination a:hover,
.pagination a:focus {
	text-decoration: underline;
}

.pagination-button {
	vertical-align: middle;
	padding: 0;
	background: #d0d0d0;
	color: #666;
	border: 1px solid #a0a0a0;
	font-size: 1.4em;
	width: 26px;
}

.pagination-button:hover,
.pagination-button:focus {
	background: #f6f6f6;
}

.pagination-button::-moz-focus-inner {
	border: none;
	padding: 0;
}

@media print {
	div.contentTop,
	#container {
		width: auto;
		border: 0;
	}

	div.contentHeader,
	h1 {
		height: auto;
		background: #fff;
	}

	#nav,
	div.contentMenu1,
	div.contentMenu2,
	.navButtons,
	.noPrint {
		display: none;
	}

	table {
		width: 100%;
		border: 0;
	}

	th,
	td {
		font: 10px verdana, helvetica, arial, sans-serif;
		border-bottom: 1px solid #000;
	}

	th {
		font-weight: bold;
		background: #fff;
		color: #000;
	}
}