* { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

body { padding: 0px; margin: 0; }

body, td, th, input, textarea, select, option { font-family: Tahoma; font-size: 11px; }

h1 { font-size: 18px; font-weight: normal; }
h2 { font-size: 10pt; }

table.list { border-collapse: collapse; }
table.list td, table.list th { padding: 5px 20px 5px 10px; border-bottom: 1px solid #e5e5e5; }
table.list th { text-align: left; border-bottom: 1px solid #CCC; }
table.list td.r, table.list th.r { text-align: right; }
table.list tr.fat td { border-bottom: 1px solid #333; }

table.list tr.odd td { background: #f4f4f4; }

table.list td.red { color: #CC0000; }

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

a.button { display: inline-block; padding: 5px 10px; background: #f4f4f4; border: 1px solid #CCC; }

.space { float: left; width: 100%; padding: 20px; }

input[type=text] { width: 275px; }
input[type=text].small { width: 50px; }

/* FORM */
label { font-weight: bold; display: block; padding-bottom: 5px; }
label.checkbox { font-weight: normal; display: inline; padding-bottom: 0; }


.top { float: left; width: 100%; background: #1a171b; padding: 10px 0; }
.top img { float: left; padding-left: 20px; }
.top ul { float: left; margin: 18px 0 0 50px; padding: 0; list-style: none; }
.top ul li { float:left; padding: 0 10px; }
.top ul li a { float: left; padding: 5px 10px; color: #FFF; border-bottom: 2px solid #666; font-weight: bold; text-transform: uppercase; }
.top ul li a:hover { border-bottom: 2px solid #FFF; text-decoration: none; }

.left { float: left; }
.right { float: right; }

div.box, div.box-s { float: left; border: 1px solid #CCC; background: #f2f2f2; padding: 10px; }
div.box-s { padding: 5px; }

div.box table { border-collapse: collapse; }
div.box table td { padding: 2px; }


div.calendar { position: relative; width: 100%; height: 500px; background: #CCC; }
div.calendar .time { position: absolute; width: 100%; left: 0; top: 0; height: 20px; border-bottom: 1px solid #333; }

/* Tickets */
table.tickets { border-collapse: collapse; }
table.tickets th,
table.tickets td { text-align: left; padding: 10px 40px 10px 5px; border-bottom: 1px solid #eaeaea; }
table.tickets td.spacer { border-bottom: 2px solid #CCC; padding-top: 0px; }
table.tickets td.company { font-size: 20px; font-weight: bold; padding-top: 20px; padding-bottom: 0; border: 0; }
table.tickets td.project { font-size: 13px; font-weight: bold; padding-top: 20px; }
table.tickets td.r, table.tickets th.r { text-align: right; }
table.tickets td.red { color: #CC0000; }
table.tickets tr.desc td { background: #f2f2f2; padding: 10px; }

div.tickets { float: left; width: 100%; }
div.tickets .project { float: left; border: 1px solid #CCC; border-radius: 5px; padding: 10px; margin: 5px; }
div.tickets .project h4 { float: left; width: 100%; margin: 0; padding: 0; font-size: 12px; }
div.tickets .project table { border-collapse: collapse; margin: 10px 0 0; padding: 0; border-top: 1px solid #CCC; }
div.tickets .project ul li { width: 100%; padding: 3px 0; }
div.tickets .project h5 { font-size: 11px; margin: 0; }