BODY
{
    BACKGROUND-COLOR: #FFFFFF;
    COLOR: black;
    FONT-FAMILY: Arial, Verdana, Helvetica;
}
H1
{
    COLOR: black;
    FONT-FAMILY: Arial, Verdana, Helvetica;
    TEXT-TRANSFORM: none;
	font-size: 16pt
}
H2
{
    COLOR: black;
    FONT-FAMILY: Arial, Verdana, Helvetica;
    TEXT-TRANSFORM: none;
	font-size: 14pt
}
H3
{
    COLOR: black;
    FONT-FAMILY: Arial, Verdana, Helvetica;
    TEXT-TRANSFORM: none;
	font-size: 12pt;
	font-weight: bold
}

H4
{
    COLOR: black;
    FONT-FAMILY: Arial, Verdana, Helvetica;
    TEXT-TRANSFORM: none
}

H5
{
    COLOR: #6666CC;
    FONT-FAMILY: 'Times New Roman';
    TEXT-TRANSFORM: capitalize
}
H6
{
    COLOR: #6666CC;
    FONT-FAMILY: 'Times New Roman';
    TEXT-TRANSFORM: capitalize
}
TH {
 color: white;
 font-size: 0.8em;
 	vertical-align:top;
}

P {
	font-size: 12pt
}

P.footer {
	color: white
}

P.header {
	color: white
}

TD.footer {
	background-color: black;
	text-align: right;
	color: white;
	font-size: 12pt;
	padding-right: 5px;
	vertical-align: center;
}

TD.header {
	background-color: #2173bd;
	color: white;
	font-size: 12pt;
	padding: 4px;
	text-align: left;
	vertical-align: bottom;
}

TD.sidebar {
	background-color: #62b0ff;
	color: black;
	font-size: 12pt;
	width: 150px;
	vertical-align: top;
	height: 350px;
	padding-left: 4px;
}

TD.mainbody {
	font-size: 12pt;
	padding: 5px;
	vertical-align: top;	
}

TD {
    FONT-FAMILY: Arial, Verdana, Helvetica;
	font-size: 12pt;
	vertical-align: top;
}

TABLE.canvas {
	width: 650px;
	padding: 0px;
	border-width: 0px;
	border-style: none
}

A.header {
	color: white
}
A:visited.header {
	color: white;
	text-decoration: none
}
A:hover.header {
	color: white;
	text-decoration: underline
}

A:LINK.header {
	color: white;
	text-decoration: none	
}

A.sidebar {
	color: black;
	font-size: 12pt
}
A:visited.sidebar {
	font-size: 12pt;
	color: black;
	text-decoration: none
}
A:hover.sidebar {
	color: white;
	text-decoration: underline
}

A:LINK.sidebar {
	color: black;
	text-decoration: none	
}

A.standard {
	color: black
}
A:visited.standard {
	color: black;
	text-decoration: none
}
A:hover.standard {
	color: black;
	text-decoration: underline
}

A:LINK.standard {
	color: black;
	text-decoration: none	
}

TR.heading {
	background-color: black;
	color: white;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
}
TR.odd {
	text-align: center;
	background-color: #d6e0ef;
	vertical-align: center;
}
TR.even {
	text-align: center;
	background-color: #becee7;
	vertical-align: center;
}

TR.even2 {
	background-color: #EFEFEF
}
TR.odd2 {
	background-color: #DEDEDE
}

TR.urgent {
	background-color: #becee7;
	color: red;
	font-weight: bold
}

TD.address {
	font-size: 12pt
}

.box_title {
	background-color : #62b0ff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin: 5px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	font-weight: bold;
}
.box_content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid
}

table.class_list {
	border-collapse: collapse;
	margin-bottom: 2em;
}
table.class_list th {
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #999;
    position: sticky;
    top: 0;
    z-index: 2;
    font-size: 1.0em;
}
table.class_list td {
	padding: 0px;
	border: 1px solid #999;
}
table.class_list th {
	background-color: white;
	color: black;
	font-weight: bold;
}
table.class_list td div {
	width: 90px;
	height: 90px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
table.class_list td div.calendarItemInfo {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
}
table.class_list td div.calendarItemInfo span.leftColumn {
	width: 25%; 
	float: left;
}
table.class_list td div.calendarItemInfo span.rightColumn {
	width: 75%; 
	float: left;
}
.urgency1 {
	background: #99CCFF;
}
.urgency2 {
	background: yellow;
}
.urgency3 {
	background: red;
}
.notApplicable {
	background: white;
}
.completed {
	background: white;
	background-image: url('../images/checkmark.jpg');
	background-repeat: no-repeat;
	background-position: center;
}
label.required:before {
	content: '*';
}

.spacer-before {
    margin-top: 10px;
}

.spacer-after {
	margin-bottom: 10px;
}

.message {
	color: blue;
}

.error-message {
	color: red;
}

.acceptable {
	color: green;
}

.not-acceptable {
	color: red;
}

input[type='text'], input[type='email'], input[type='password'] {
    min-width: 400px;
    font-size: 12pt;
    padding: 4px;
    border: thin solid #cfcfcf;
}

input[type='text'][name='startTime'], [type='text'][name='endTime'] {
    min-width: 100px;
}

input[type="checkbox"] {
    transform:scale(1.4, 1.4);
}

select {
    font-size: 12pt;
    padding: 4px;
    	max-width: 400px;
}
input[type='date'] {
    font-size: 12pt;
    padding: 2px;
}
form {
	padding-left: 20px;
	line-height: 1.75em;
}

input[type="button"], input[type="submit"], button {
    border-radius: 5px;
    color: #ffffff;
    text-align: left;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 12px;
    padding-left: 16px;
    padding-right: 16px;
    background-color: #007fca;
    cursor: pointer;
}

input[type="submit"][value="Cancel"], input[type="submit"][name="org.apache.struts.taglib.html.CANCEL"], input[type="submit"].danger, button.danger {
    border-radius: 5px;
    color: #ffffff;
    text-align: left;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 12px;
    padding-left: 16px;
    padding-right: 16px;
    background-color: #f45c42;
    cursor: pointer;
}

input[type="submit"]:disabled, button:disabled {
    background-color: #cfcfcf
}
form.submitted input:invalid {
	border-color: red;
}