body {
margin: 0;
background: #f2f2f2;
font-family: "Verdana", serif;
font-size: 12px;
color: #000;
overflow-x: hidden;
}

#header {
margin: -100px;
background: #333;
width: 110%;
min-height: 100px;
position: absolute;
}

#title {
margin: 0 auto;
width: 100%;
padding-top: 30px;
font-size: 32px;
color: #fff;
text-align: center;
}

#container {
margin: 100px auto;
padding: 5px;
width: 1400px;
}

#nav {
margin-top: 20px;
width: 100%;
text-align: center;
padding: 10px;
font-size: 14px;
}

#nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#nav li {
display: inline;
margin: 0 2px 0 2px;
}

#nav a {
padding: 10px;
color: #fff;
}

#nav a:hover {
background: #4a4a4a;
padding: 10px;
color: #fff;
}

#globalMessage {
background: #ffffcb;
border: 1px solid #ffff00;
margin: 40px auto -20px auto;
width: 70%;
padding: 10px;
}

#globalMessage h2 {
color: #000;
margin-top: 0;
font-size: 18px;
font-weight: bold;
text-decoration: underline;
}

.search {
margin: 50px auto 20px auto;
background: #fff;
border: 1px solid #ccc;
padding: 10px;
width: 55%;
text-align: center;
}

.search input[type=submit] {
padding: 5px 40px 5px 40px;
}

.section {
background: #fff;
border: 1px solid #ccc;
margin: 10px 0 30px 0;
padding: 10px;
}

#columns {
columns: 2;
column-gap: 10px;
}

.halfsection {
display: inline-block;
vertical-align: top;
width: 655px;
background: #fff;
border: 1px solid #ccc;
margin: 10px 10px 30px 10px;
padding: 10px;
}

.section h2, .halfsection h2, .userhubsection h2 {
color: #0062ad;
margin-top: 0;
font-size: 18px;
font-weight: bold;
text-decoration: underline;
}

.userhubnav h2 {
color: #0062ad;
margin-top: 0;
font-size: 16px;
font-weight: bold;
text-decoration: underline;
}

.userhubnav {
float: left;
width: 16%;
background: #fff;
border: 1px solid #ccc;
margin: 10px 10px 30px 10px;
padding: 10px;
}

.userhubnav span {
float: right;
}

.userhubsection {
float: right;
width: 77%;
background: #fff;
border: 1px solid #ccc;
margin: 10px 10px 30px 10px;
padding: 10px;
}

ul.userhub {
list-style: none;
margin: 0;
padding: 0;
text-indent: 0;
width: 100%;
}

.userhub a li {
display: block;
padding: 10px;
}

.userhub a:nth-child(odd) li {
background: #efefef;
}

.userhub a:hover li {
background: #e5e5e5;
}

.important {
float: right;
width: 600px;
margin-left: 10px;
padding: 5px;
color: #ff0000;
}

table {
margin-bottom: 10px;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}

td.overdue {
text-align: center;
background: #ff0000 !important;
font-weight: bold;
color: #fff !important;
}

td.orange {
text-align: center;
background: #ff8c00 !important;
font-weight: bold;
color: #000 !important;
}

td.yellow {
text-align: center;
background: #ffdd00 !important;
font-weight: bold;
color: #000 !important;
}

table tr:nth-child(odd) {
background: #efefef;
}

table a {
color: #166fff;
}

table a:hover {
color: #004cc6;
}

th, td {
height: 18px;
text-align: left;
padding: 5px;
border-bottom: 1px solid #3a85ff;
}

th {
color: #0062ad;
}

table tr:hover {
background: #dbdbdb;
}

table.auto {
width: auto;
}

table.auto td {
padding-left: 10px;
padding-right: 60px;
}

table.center {
width: 100%;
}

table.center h2 {
text-align: left;
font-size: 14px;
margin-bottom: 5px;
}

table.center tr:nth-child(odd) {
background: none;
}

table.center tr:hover {
background: none;
}

table.center td {
font-size: 11px;
}

table.center td a {
font-size: 12px;
}

table.important {
width: 100%;
}

table.form {
width: 48%;
}

table.form td {
vertical-align: top;
border: none;
}

table.form tr:nth-child(odd) {
background: none;
}

table.form tr:hover {
background: none;
}

.rightform {
width: 52%;
float: right;
}

table.search {
border: none;
max-width: 100%;
float: left;
white-space: nowrap;
}

table.search td {
vertical-align: top;
border: none;
}

table.search tr:nth-child(odd) {
background: none;
}

table.search tr:hover {
background: none;
}

table.calendar {
border: none;
width: 100%;
}

table.calendar tr:hover {
background: none;
}

caption {
font-size: 24px;
}

th.header {
text-align: center;
background: #c6dcff;
width: 14.28%;
}

table.calendar {
border: 1px solid #000;
}

td.day {
background: #fff;
border: 1px solid #000;
height: 100px;
vertical-align: top;
}

td.today {
background: #dbdbdb;
border: 1px solid #000;
height: 100px;
vertical-align: top;
}

.caldate {
font-size: 14px;
margin-bottom: 10px;
}

.calcourse {
font-size: 12px;
width: 98%;
padding: 2px;
margin: 2px;
}

.good {
margin-bottom: 10px;
width: 99%;
padding: 10px 0px 10px 10px;
background: #bafcc3;
border-bottom: 2px solid #03c400;
}

.bad {
margin-bottom: 10px;
width: 99%;
padding: 10px 0px 10px 10px;
background: #ffbfbf;
border-bottom: 2px solid #ff0000;
}

.neutral {
margin-bottom: 10px;
width: 99%;
padding: 10px 0px 10px 10px;
background: #fbffcc;
border-bottom: 2px solid #eeff00;
}

.good b, .bad b, .neutral b {
border: none;
}

.empinfo {
float: right;
width: 50%;
margin-left: 10px;
padding: 5px;
}

.empinfo h3 {
color: #ff0ca6;
margin-top: 0;
font-size: 16px;
font-weight: bold;
text-decoration: underline;
}

.clear {
clear: both;
}

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

a:hover {
color: #ff4cbd;
text-decoration: none;
}

a[href^="mailto:"] {
border-bottom: 1px dashed #f92faf;
}

input[type=text], input[type=password] {
width: 300px;
height: 18px;
padding: 2px;
border: 1px solid #007fe0;
}

input[type=submit] {
color: #007fe0;
font-weight: bold;
padding: 10px;
background: #f2f2f2;
border: 1px solid #007fe0;
}

textarea, select {
font-family: "Verdana", serif;
padding: 2px;
border: 1px solid #007fe0;
}

b {
border-bottom: 1px dashed #3a85ff;
}

p {
margin: 1px;
}

.head th {
background: #c6dcff;
}

td.center, .head th.center {
text-align: center;
}

td.right, th.right {
text-align: right;
}

.pending td {
background: #f6fab1;
}

.followup td {
background: #d2fce8;
}

.login {
background: #fff;
border: 1px solid #ccc;
padding: 50px;
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}

.login table {
border: none;
}

.login th, .login td {
padding: 15px;
border-bottom: none;
}

.login tr:nth-child(odd) {
background: none;
}

.login tr:hover {
background: none;
}

.login input[type=text], input[type=password] {
font-size: 16px;
height: 30px;
padding: 5px;
}

.login input[type=submit] {
padding-left: 40px;
padding-right: 40px;
}

.newfeature p {
border-bottom: 1px solid #f92faf;
padding-bottom: 10px;
margin-bottom: 10px;
}

.newfeature span {
font-size: 11px;
border-left: 5px solid #f92faf;
padding: 4px;
}

.projectDate {
margin: -10px 0px 10px 0px;
font-size: 11px;
padding: 2px;
color: #555555;
}

.projPhases {
float: right;
width: 50%;
padding: 5px;
background: #e8e8e8;
border: 1px solid #557a95;
}

.projPhases h3 {
margin: 0;
font-size: 12px;
font-weight: bold;
}

.projPhases ul {
list-style-type: square;
margin-top: 2px;
margin-bottom: 7px;
}

.projPhases li {
padding-left: 5px;
}

.projPhases li.green {
color: #159e00;
}

.projPhases li.red {
color: #ff0000;
}

.projPhases .date {
margin-bottom: 5px;
font-size: 11px;
padding: 2px;
color: #555555;
}

input[type='checkbox'] {
-webkit-appearance: none;
width: 20px;
height: 20px;
background: #fff;
border-radius: 3px;
border: 2px solid #000;
}

input[type='checkbox']:checked {
background: #04eb00;
}

input[type='checkbox']:checked.na {
background: #ff0000;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	body {
	font-size: 12px;
	}

	#header {
	margin: 0;
	background: #333;
	width: 100%;
	position: absolute;
	}
}

@media and (-webkit-min-device-pixel-ratio:0) {
	#nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

	#nav li {
	display: inline;
	}
}