html, body, h1, h2, h3, h4, ul, li {
	margin: 5px;
	padding: 5px;
}
h1 img {
	display: block;
}
img {
	border: 0;
}
a {
    color: DarkBlue;
    text-decoration: none;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
}
a:hover {
    color: Crimson;
}
.left {
	float: left;
}
.right {
	float: right;
}
.more {
	text-align: right;
}
.clear {
	clear: both;
}

table {
   border-radius: 10px;
   box-shadow: 10px 10px 5px Silver;
   padding: 10px
}

input {
   border-radius: 5px;
   background-color: FloralWhite;
}

input[type="button"] {
   border-radius: 5px;
   background-color: indigo;
   color:white;
   padding: 5px;
   font-size: 13px;
}

input[type="submit"] {
   border-radius: 5px;
   background-color: indigo;
   color:white;
   padding: 5px;
   font-size: 13px;
}

input[type="button"].smallButton, input[type="submit"].smallButton {
   font-size: 11px;
}

select {
   border-radius: 5px;
   background-color: FloralWhite;
}

textarea {
   border-radius: 5px;
   background-color: FloralWhite;
}

checkbox {
   border-radius: 5px;
   background-color: FloralWhite;
}

td {
   border-radius: 5px;
   background-color: transparent;
}

th {
   border-top-right-radius: 5px;
   border-top-left-radius: 5px;
   background-color: Olive;
   color: white;
}

strong {
	color: red;
}

body {
	background: white repeat-x;
	color: black;
	padding-bottom: 10px;
}

.rosterDayCell {
   border: 3px groove #2f4f4f;
   padding: 10px;
   vertical-align: top;
   text-align: center;
}

.rosterDayHeader {
   background-color: olive;
   color: white;
   border-radius: 5px;
   padding: 5px;
   margin: 10px;
   font-weight: bold;
}

#payslipCriteria {
   text-align: center
}

#payslipViewContainer, .container {
   width: 600px;
   margin: auto;
   text-align: center;
}

.error {
   font-weight: bold;
   color: #ff0000;
}

/* Private Messaging */
.unreadThread td {
   background-color: #33FFCC;
   font-weight: bold;
}

#newThreadTable, .fullWidth {
   width: 100%;
}

#newThreadTable td .inputField {
   width: 80%;
}

#readThread, #participantsContainer {
   text-align: left;
}

#threadMessagesContainer {
   border: 1px solid #000000;
   padding: 5px;
}

.threadMessage {
   width: 80%;
   margin-bottom: 10px
}

.fromMe {
   margin-left: auto;
}

.threadMessageDateTime {
   float: right;
}

.threadMessageContent {
   background: #00CC99;
   border-radius: 0.4em;
   padding:5px 2px;
}

.fromMe .threadMessageContent {
   background: #FFFF99;
}

#threadMessageReplyContainer {
   padding: 5px;
}

#threadMessageReplyContainer textarea {
   width: 90%;
   height: 50px;
}

#threadMessageReplyContainer input[type=file] {
   width: 90%;
}

#threadMessageReplyContainer input[type=submit] {
   width: 8%;
   height: 50px;
   vertical-align: top;
}

.threadMessageReadList {
   font-style: italic;
}

.unreadList {
   font-style: italic;
   margin-bottom: 10px;
}

.threadOptions li {
   margin: 0 5px;
   padding: 0 5px;
}

#newThreadLink {
   margin-bottom: 20px;
}

#threadListTable {
   width: 100%;
}

#threadListTable td:nth-of-type(2) a {
   display: inline-block;
   width: 100%;
}

.threadMessageAttachmentList a {
   font-size: 12px;
}

#timesheetTable {
   margin: auto;
   min-width: 400px;
   box-shadow: none;
}

#timesheetTable td.dateHeader {
   background-color: #D9E5F2;
   border-radius: 0;
   font-size: 14px;
   padding-top: 5px;
}

#timesheetTable td.dateHeader span {
   font-size: 12px;
   float: right;
}

#timesheetTable tbody td {
   background-color: #ffffff;
   border: 1px solid #D9E5F2;
   padding: 0 5px;
}

#timesheetTable strong {
   color: inherit;
}

div#kioskMenuContainer {
   background-color: #EEFFEE;
   padding: 5px;
   border-radius: 0.4em;
   float: left;
   width: 99%;
}

div#kioskMenuLogo {
   float: left;
   width: 300px;
}

div#kioskMenuItems {
   float:left;
   width: calc(100% - 310px);
   min-width: 600px;
   padding-left: 10px;
   text-align: center;
}

div#kioskMenuItems ul {
   list-style: none;
   padding: 0;
   margin: 0;
}

div#kioskMenuItems li {
   display: inline-block;
   padding: 0;
   margin: 0;
}

div#kioskMenuItems li:after {
   content: '|';
   padding: 4px;
}

div#kioskMenuItems li:last-of-type:after {
   content: '';
   padding: 0;
}

.mobileOnly {
   display: none;
}

.blueBorder {
   border-color:blue;
   border-style: groove;
   border-width: 5px;
}

.textCenter {
   text-align: center;
}

.printOnly {
   display: none;
}

.empNameAndNumber {
   font-size: 12pt;
   font-weight: bold;
}

.empDeptAndModel {
   font-size: 12pt;
   font-weight: bold;
}

@media print {
   #kioskMenuContainer{
      display:none;
   }
   
   table{
      margin: 0;
      width: 100%;
      height: 100%;
      border-radius: unset;
      box-shadow: none;
      border-collapse: collapse;
   }

   td{
      font-size: 12pt;
   }

   #mainDiv h2{
      font-size: 16pt;
   }

   .blueBorder {
      border-style: none;
   }

   td {
      border-radius: initial;
   }

   .printOnly {
      display: revert;
   }

 }