html, button, input, select, textarea {
    color: #222;
}
body {
    font-size: 1em;
    line-height: 1.4;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
img {
    vertical-align: middle;
    max-height: 66%}
img, canvas, iframe, video, svg {
    max-width: 100%}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
.chromeframe {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0;
}
html, body {
    width: 100%;
    height: 100%}
body {
    font-size: .813em;
    color: #555;
    font-family: 'Open Sans', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
body#login, body#tv {
    background: #000 url(../img/bg-login.png) no-repeat center top;
}
a {
    text-decoration: none;
}
b {
    color: #e46616;
    margin-left: 30px;
}
p b:first-child {
    margin-left: 0;
}
header {
    background-color: #666;
    width: 98%;
    height: 66px;
    padding: 1%;
    vertical-align: middle;
    display: inline-block;
}
#logo {
    float: left;
    width: 165px;
    height: 40px;
    background: transparent url(../img/logo.png) no-repeat;
    margin: 10px 0;
}
#logo.color {
    width: 226px;
    height: 55px;
    background: transparent url(../img/logo-color.png) no-repeat;
}
#logo a {
    display: block;
    width: 100%;
    height: 100%}
.line {
    margin: 0 20px;
    width: 1px;
    height: 66px;
    border-left: 1px solid #222;
    border-right: 1px solid #aaa;
    float: left;
}
.user {
    float: left;
    height: 46px;
    padding: 10px;
    background-color: #444;
    margin-right: 20px;
}
.user p {
    margin: 0;
    color: #fff;
    font-size: 1.231em;
}
.user p small {
    font-size: .688em;
}
.user mark {
    padding: 0 3px;
    text-transform: uppercase;
}
.user a {
    padding: 5px;
    background-color: #e46616;
    color: #fff;
}
.user a:hover {
    color: #fff;
    background-color: #111;
}
.links {
    margin-top: 20px;
    float: right;
}
.notifications {
    float: left;
    margin: -15px 20px 0 0;
    position: relative;
}
.notifications .number {
    background-color: #d1080f;
    padding: 2px 8px;
}
.links a {
    margin-right: 20px;
    color: #fff;
    display: inline-block;
}
.links a i {
    font-size: 1.231em;
}
.links a:hover, .links a.selected {
    color: #e46616;
}
.links a:last-child {
    margin-right: 0;
}
.links .section {
    text-transform: uppercase;
}
section {
    display: inline-block;
    width: 100%}
aside {
    width: 14%;
    float: left;
    background-color: #111;
}
aside form {
    margin: 1em 0 0 .6em;
    width: 85%}
aside input {
    width: 100%}
.expomark a {
    color: #fff;
}
.expomark a:hover {
    color: #84b231;
}
nav a {
    display: block;
    color: #fff;
    padding: 5px 5px 10px 20px;
    margin-bottom: .5em;
    clear: both;
    float: none;
}
nav a:hover, nav a.selected {
    background-color: #e46616;
}
nav .icon, td .icon {
    display: block;
    float: left;
    margin-right: 10px;
    width: 15px;
    font-size: 1.231em;
}
article {
    float: left;
    width: 84%;
    padding: 1%}
article h1 {
    margin-top: 0;
    color: #666;
    font-weight: 300;
}
#qualifications article h1 {
    float: left;
}
article .colors {
    float: right;
    margin-top: 10px;
}
article .colors div {
    display: inline-block;
    margin-left: 10px;
}
article .colors span {
    width: 30px;
    height: 12px;
    display: inline-block;
}
article .orange span {
    background-color: #F50;
}
article .red span {
    background-color: #d1080f;
}
article table {
    margin-bottom: 30px;
}
article table .taright {
    text-align: right;
}
article th {
    text-align: left;
    padding: 10px;
    color: #fff;
    font-size: 1.385em;
    font-weight: 300;
}
article th a {
    color: #fff;
}
article th a:hover {
    color: #111;
}
article th i {
    font-size: 1em;
}
#documents th {
    background-color: #51ab36;
    border: 1px solid #51ab36;
}
#safetysecurity th {
    background-color: #e6d60c;
    border: 1px solid #e6d60c;
}
#security th {
    background-color: #9d8765;
    border: 1px solid #9d8765;
}
.error {
    background-color: red;
    color: #fff;
    font-weight: 700;
}
#documents .breadcrumb td, #safetysecurity .breadcrumb td {
    background-color: #cbc0ae;
}
#documents .breadcrumb td, #security .breadcrumb td {
    background-color: #b5e3a7;
}
#documents .parent, #documents .folder, #safetysecurity .parent, #security .parent, #safetysecurity .folder, #security .folder {
    cursor: pointer;
}
menu {
    padding: 0;
}
menu a {
    padding: 5px;
    background-color: #e46616;
    color: #fff;
    text-transform: uppercase;
}
menu a.active {
    background-color: #e23d35;
}
#users th {
    background-color: #5b7b07;
    border: 1px solid #5b7b07;
}
#todo th {
    background-color: #076a9b;
    border: 1px solid #076a9b;
}
#tododone th {
    background-color: #0880bb;
    border: 1px solid #0880bb;
}
#news th {
    background-color: #7b348c;
    border: 1px solid #7b348c;
}
#newsbody.post tr {
    cursor: normal;
}
#newsbody.post p {
    line-height: 1.4em;
    margin-bottom: 20px;
}
#newsbody a {
    color: #7b348c;
}
#newsbody a:hover {
    color: #111;
}
#notices th {
    background-color: #e23d35;
    border: 1px solid #e23d35;
}
#notices td a {
    color: #e23d35;
}
#notices td a:hover {
    color: #111;
}
#calendar th {
    background-color: #ddd;
    border: 1px solid #ccc;
    color: #555;
}
#suppliers th {
    background-color: #52b9e9;
    border: 1px solid #52b9e9;
    color: #fff;
}
#instructors th {
    background-color: #d88769;
    border: 1px solid #d88769;
    color: #fff;
}
#external th {
    background-color: #f88529;
    border: 1px solid #f88529;
    color: #fff;
}
#qualifications th {
    background-color: #666;
    border: 1px solid #666;
    color: #fff;
}
article td {
    cursor: pointer;
}
article tr:hover {
    background-color: #eee;
}
article td {
    text-align: left;
    padding: 10px;
    border: 1px solid #ccc;
}
article tr.unread {
    background-color: #ddd;
}
#qualifications article tr.almostended td {
    background-color: #f50;
    color: #fff;
}
#qualifications article tr.ended td {
    background-color: #d1080f;
    color: #fff;
}
article #todo td:first-child {
    border-right: 0 none;
}
article #todo td:last-child {
    border-left: 0 none;
}
article table p {
    margin: .5em 0;
}
.veryImportant .level {
    background-color: #e23d3a;
}
.important .level {
    background-color: #7b348c;
}
.normal .level {
    background-color: #2d4fe3;
}
.low .level {
    background-color: #51ab36;
}
.veryImportant .icon {
    color: #e23d3a;
}
.important .icon {
    color: #7b348c;
}
.normal .icon {
    color: #2d4fe3;
}
.low .icon {
    color: #51ab36;
}
.level {
    padding: 3px 5px;
    color: #fff;
    font-size: .846em;
}
#todobody tr td:first-child, #tododonebody tr td:first-child {
    cursor: pointer;
}
td .icon-remove {
    color: #e23d3a;
    cursor: pointer;
}
td .icon-remove:hover {
    color: #e46616;
}
td .icon-download-alt, td .icon-pencil, td .icon-trash {
    color: #111;
    cursor: pointer;
}
td .icon-download-alt:hover, td .icon-pencil:hover, td .icon-trash:hover {
    color: #e46616;
}
footer p {
    text-align: center;
}
#login header {
    width: 100%;
    height: 80px;
    background-color: #fff;
    padding: 0;
    margin: 0;
    border-bottom: 7px solid #e46616;
}
#login h1 {
    margin: 15px 0 0 20px;
}
#login h2 {
    color: #a1a5a5;
    font-weight: 300;
    float: right;
    margin: 25px 20px 0 0;
    font-size: 1.846em;
}
#login section {
    max-width: 450px;
    margin: 15% auto;
    display: block;
}
#login article {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background-color: #fff;
}
#login section header {
    background-color: #e46616;
    width: 100%;
    height: 40px;
    font-size: 1em;
    padding: 5px 0;
}
#login section h1 {
    color: #fff;
    margin: 0 10px;
}
#login form {
    width: 100%}
#login .name {
    display: none;
}
#login p {
    margin: 1em 0 0;
}
#login input, #login label {
    margin: 0 10px;
    width: 92%}
#login .button {
    width: auto;
}
.remember {
    padding: 0 10px 10px;
}
.remember a {
    color: #555;
}
.remember a:hover {
    color: #e46616;
}
.calendar {
    margin: 2em 0 2em .6em;
    cursor: pointer;
}
.calendar {
    width: 90%}
#miniCalendar {
    width: 100%}
#calendar #miniCalendar td, #calendar .calendar .date, #calendar #miniCalendar th, #miniCalendar td, .calendar .date, #miniCalendar th {
    background-color: #222;
    color: #fff;
    height: 25px;
    text-align: center;
}
.calendar .date {
    padding-top: 3px;
}
#calendar #miniCalendar th, #miniCalendar th {
    background-color: #111;
    border: 0 none;
    font-weight: 300;
    color: #bbb;
}
#calendar #miniCalendar td, #miniCalendar td {
    width: 14%;
    vertical-align: middle;
    border: 2px solid #111;
}
#calendar #miniCalendar td.today, #miniCalendar td.today {
    color: #d1080f;
}
#calendar #miniCalendar td.event, #miniCalendar td.event {
    background-color: #e46616;
}
#calendar #miniCalendar td.event.today, #miniCalendar td.event.today {
    color: #000;
}
#calendar h1 {
    float: left;
}
.views {
    float: right;
}
.views a {
    padding: 2px 5px;
    color: #fff;
}
.views .month {
    background-color: #e23d35;
}
.views .year {
    background-color: #51ab36;
}
.views a:hover {
    background-color: #e46616;
}
#calendar h2 {
    text-align: center;
    float: left;
    margin: 0;
    width: 94%;
    color: #555;
}
#calendar .prev {
    float: left;
    width: 3%}
#calendar .next {
    float: right;
    width: 3%;
    text-align: right;
}
#calendar .next a, #calendar .prev a {
    color: #555;
    font-size: 1.231em;
}
#calendar tr:hover {
    background-color: transparent;
}
#calendar td {
    height: 90px;
    vertical-align: top;
    width: 14%;
    cursor: pointer;
}
#calendar td.today {
    color: #d1080f;
}
#calendar td:hover {
    background-color: #ddd;
}
.othermonth {
    color: #999;
    background-color: #eee;
}
#calendar .event {
    background-color: #2d4fe3;
    margin-bottom: 2px;
    font-size: .846em;
}
#calendar .event a {
    color: #fff;
    display: block;
    padding: 2px 5px;
}
.eventDay {
    padding: 0 20px 20px;
    border: 1px solid #ccc;
    margin-top: 20px;
}
input, textarea, select {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 5px;
    color: #555;
    font-family: 'Open Sans', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    width: 100%;
    margin-bottom: 20px;
}
input[type="radio"], input[type="checkbox"] {
    width: 20px;
    display: inline-block;
}
#documentsbox article, #safetysecuritybox article {
    width: 90%}
#documentsbox article, #securitybox article {
    width: 90%}
#qualificationsbox form, #eventbox form, #documentsbox form, #suppliersbox form, #instructorsbox form, #safetysecuritybox form, #securitybox form {
    width: 100%}
#qualificationsbox input {
    width: 52%}
#qualificationsbox input.date {
    width: 19%}
#eventbox input.date {
    width: 40%}
#clone {
    display: none;
}
#usersbox form {
    width: 100%}
.validators {
    width: 50%}
.validators input {
    width: 90%}
#usersbox label {
    font-size: .923em;
}
#usersbox select, #eventbox select, #documentsbox select, #newsbox select, #safetysecuritybox select, #securitybox select {
    width: 39%}
.ml9 {
    margin-left: 9px;
}
.button {
    zoom: 1;
    display: inline;
    vertical-align: baseline;
    outline: 0;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    border-radius: .5em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    margin: 0 2px;
    padding: .5em 2em .55em;
    color: #fff;
    border: solid 1px #e46616;
    background: #e46616;
    background: -webkit-gradient(linear, left top, left bottom, from(#ed8340), to(#e46616));
    background: -moz-linear-gradient(top, #ed8340, #e46616);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed8340', endColorstr='#e46616');
}
.button:hover, .button:active {
    text-decoration: none;
    background: #ed8340;
    background: -webkit-gradient(linear, left top, left bottom, from(#e46616), to(#ed8340));
    background: -moz-linear-gradient(top, #e46616, #ed8340);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e46616', endColorstr='#ed8340');
}
.button:active {
    position: relative;
    top: 1px;
}
.bigrounded {
    border-radius: 2em;
}
.medium {
    font-size: 12px;
    padding: .4em 1.5em .42em;
}
.small {
    font-size: 11px;
    padding: .2em 1em .275em;
}
#todobox .button {
    border: solid 1px #076a9b;
    background: #076a9b;
    background: -webkit-gradient(linear, left top, left bottom, from(#0a96dc), to(#076a9b));
    background: -moz-linear-gradient(top, #0a96dc, #076a9b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a96dc', endColorstr='#076A9B');
}
#todobox .button:hover, #todobox .button:active {
    background: #0a96dc;
    background: -webkit-gradient(linear, left top, left bottom, from(#076a9b), to(#0a96dc));
    background: -moz-linear-gradient(top, #076a9b, #0a96dc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#076A9B', endColorstr='#0a96dc');
}
#documentsbox .button {
    border: solid 1px #51ab36;
    background: #51ab36;
    background: -webkit-gradient(linear, left top, left bottom, from(#b5e3a7), to(#51ab36));
    background: -moz-linear-gradient(top, #b5e3a7, #51ab36);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5e3a7', endColorstr='#51ab36');
}
#documentsbox .button:hover, #todobox .button:active {
    background: #b5e3a7;
    background: -webkit-gradient(linear, left top, left bottom, from(#51ab36), to(#b5e3a7));
    background: -moz-linear-gradient(top, #51ab36, #b5e3a7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#51ab36', endColorstr='#b5e3a7');
}
#safetysecuritybox .button {
    border: solid 1px #e6d60c;
    background: #e6d60c;
    background: -webkit-gradient(linear, left top, left bottom, from(#f4e631), to(#e6d60c));
    background: -moz-linear-gradient(top, #f4e631, #e6d60c);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4e631', endColorstr='#e6d60c');
}
#safetysecuritybox .button:hover, #todobox .button:active {
    background: #f4e631;
    background: -webkit-gradient(linear, left top, left bottom, from(#e6d60c), to(#f4e631));
    background: -moz-linear-gradient(top, #e6d60c, #f4e631);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6d60c', endColorstr='#f4e631');
}
#securitybox .button {
    border: solid 1px #9d8765;
    background: #9d8765;
    background: -webkit-gradient(linear, left top, left bottom, from(#aa977a), to(#9d8765));
    background: -moz-linear-gradient(top, #aa977a, #9d8765);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa977a', endColorstr='#9d8765');
}
#securitybox .button:hover, #todobox .button:active {
    background: #aa977a;
    background: -webkit-gradient(linear, left top, left bottom, from(#9d8765), to(#aa977a));
    background: -moz-linear-gradient(top, #9d8765, #aa977a);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9d8765', endColorstr='#aa977a');
}
#qualificationsbox .button {
    border: solid 1px #a2213a;
    background: #a2213a;
    background: -webkit-gradient(linear, left top, left bottom, from(#be2744), to(#a2213a));
    background: -moz-linear-gradient(top, #be2744, #a2213a);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#be2744', endColorstr='#a2213a');
}
#qualificationsbox .button:hover {
    background: #be2744;
    background: -webkit-gradient(linear, left top, left bottom, from(#a2213a), to(#be2744));
    background: -moz-linear-gradient(top, #a2213a, #be2744);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2213a', endColorstr='#be2744');
}
#usersbox .button {
    border: solid 1px #5b7b07;
    background: #5b7b07;
    background: -webkit-gradient(linear, left top, left bottom, from(#7fab0a), to(#5b7b07));
    background: -moz-linear-gradient(top, #7fab0a, #5b7b07);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fab0a', endColorstr='#5b7b07');
}
#usersbox .button:hover {
    background: #7fab0a;
    background: -webkit-gradient(linear, left top, left bottom, from(#5b7b07), to(#7fab0a));
    background: -moz-linear-gradient(top, #5b7b07, #7fab0a);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b7b07', endColorstr='#7fab0a');
}
#newsbox .button {
    border: solid 1px #7b348c;
    background: #7b348c;
    background: -webkit-gradient(linear, left top, left bottom, from(#9c42b1), to(#7b348c));
    background: -moz-linear-gradient(top, #9c42b1, #7b348c);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9c42b1', endColorstr='#7b348c');
}
#newsbox .button:hover {
    background: #9c42b1;
    background: -webkit-gradient(linear, left top, left bottom, from(#7b348c), to(#9c42b1));
    background: -moz-linear-gradient(top, #7b348c, #9c42b1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b348c', endColorstr='#9c42b1');
}
#newsbox.notices .button {
    border: solid 1px #e23d35;
    background: #e23d35;
    background: -webkit-gradient(linear, left top, left bottom, from(#e65a53), to(#e23d35));
    background: -moz-linear-gradient(top, #e65a53, #e23d35);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e65a53', endColorstr='#e23d35');
}
#newsbox.notices .button:hover {
    background: #e65a53;
    background: -webkit-gradient(linear, left top, left bottom, from(#e23d35), to(#e65a53));
    background: -moz-linear-gradient(top, #e23d35, #e65a53);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e23d35', endColorstr='#e65a53');
}
#newsbox.external .button {
    border: solid 1px #f88529;
    background: #f88529;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9984a), to(#f88529));
    background: -moz-linear-gradient(top, #f9984a, #f88529);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9984a', endColorstr='#f88529');
}
#newsbox.external .button:hover {
    background: #f9984a;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9984a), to(#e65a53));
    background: -moz-linear-gradient(top, #f9984a, #e65a53);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9984a', endColorstr='#e65a53');
}
#suppliersbox .button {
    border: solid 1px #52b9e9;
    background: #52b9e9;
    background: -webkit-gradient(linear, left top, left bottom, from(#25a7e3), to(#52b9e9));
    background: -moz-linear-gradient(top, #25a7e3, #52b9e9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#25a7e3', endColorstr='#52b9e9');
}
#suppliersbox .button:hover, #todobox .button:active {
    background: #25a7e3;
    background: -webkit-gradient(linear, left top, left bottom, from(#52b9e9), to(#25a7e3));
    background: -moz-linear-gradient(top, #52b9e9, #25a7e3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52b9e9', endColorstr='#25a7e3');
}
#instructorsbox .button {
    border: solid 1px #d88769;
    background: #d88769;
    background: -webkit-gradient(linear, left top, left bottom, from(#d1714e), to(#d88769));
    background: -moz-linear-gradient(top, #d1714e, #d88769);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1714e', endColorstr='#D88769');
}
#instructorsbox .button:hover, #todobox .button:active {
    background: #d1714e;
    background: -webkit-gradient(linear, left top, left bottom, from(#d88769), to(#d1714e));
    background: -moz-linear-gradient(top, #d88769, #d1714e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D88769', endColorstr='#d1714e');
}
.tbox {
    position: absolute;
    display: none;
    z-index: 3;
}
.tinner {
    background: #fff url(../img/preload.gif) no-repeat 50% 50%;
    box-shadow: 0 0 10px #000;
}
.tmask {
    height: auto!important;
}
#documentsbox header {
    background-color: #51ab36;
    width: 98%;
    height: 66px;
}
#safetysecuritybox header {
    background-color: #e6d60c;
    width: 98%;
    height: 66px;
}
#securitybox header {
    background-color: #e6d60c;
    width: 98%;
    height: 66px;
}
#documentsbody .approve, #safetysecuritybody .approve {
    margin-left: 20px;
    color: #008000;
}
#documentsbody .approve, #securitybody .approve {
    margin-left: 20px;
    color: #008000;
}
#documentsbody .deny, #safetysecuritybody .deny {
    margin-left: 20px;
    color: #e23d3a;
}
#documentsbody .deny, #securitybody .deny {
    margin-left: 20px;
    color: #e23d3a;
}
#todobox header {
    background-color: #076a9b;
    width: 98%;
    height: 66px;
}
#newsbox header {
    background-color: #7b348c;
    width: 98%;
    height: 66px;
}
#suppliersbox header {
    background-color: #52b9e9;
    width: 98%;
    height: 66px;
}
#instructorsbox header {
    background-color: #d88769;
    width: 98%;
    height: 66px;
}
#usersbox header {
    background-color: #5b7b07;
    width: 98%;
    height: 66px;
}
#qualificationsbox header {
    background-color: #be2744;
    width: 98%;
    height: 66px;
}
#usersLogBox header {
    background-color: #be2744;
    width: 98%;
    height: 66px;
}
#usersLogBox th {
    background-color: #be2744;
    font-size: 1.154em;
}
#usersLogBox table p {
    margin: 0;
}
#eventbox header {
    background-color: #777;
    width: 98%;
    height: 66px;
}
#newsbox section, .lightbox section {
    width: 91%}
#newsbox article, .lightbox article {
    width: 100%}
#newsbox.notices header {
    background-color: #e23d35;
}
#newsbox.external header {
    background-color: #f88529;
}
.tbox header, #newsbox header, #users header {
    height: 66px;
}
.tbox h1, #newsbox h1, .lightbox h1 {
    font-size: 1.385em;
    float: left;
    color: #fff;
    font-weight: 300;
}
.tbox header a, #newsbox header a, .lightbox header a {
    float: right;
    color: #fff;
}
.tbox header a:hover, #newsbox header a:hover, .lightbox header a:hover {
    color: #111;
}
.tbox section, #newsbox section, .lightbox section {
    padding: 10px;
}
#newsbox textarea {
    height: 200px;
}
#newsbox form {
    width: 100%}
#wysihtml5-toolbar {
    position: relative;
}
#wysihtml5-toolbar a {
    color: #222;
}
#wysihtml5-toolbar a:hover {
    color: #e46616;
}
#wysihtml5-toolbar .wysi-bold {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
}
#wysihtml5-toolbar .wysi-bold:after {
    content: '\f032'}
#wysihtml5-toolbar .wysi-italic {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
}
#wysihtml5-toolbar .wysi-italic:after {
    content: '\f033'}
#wysihtml5-toolbar .wysi-list {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
}
#wysihtml5-toolbar .wysi-list:after {
    content: '\f03a'}
#wysihtml5-toolbar .wysi-link {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
}
#wysihtml5-toolbar .wysi-link:after {
    content: '\f0c1'}
#wysihtml5-toolbar .wysi-image {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
}
#wysihtml5-toolbar .wysi-image:after {
    content: '\f03e'}
[data-wysihtml5-dialog] {
    color: #333;
    background: #fff;
    position: absolute;
    text-align: center;
}
.tt-dropdown-menu {
    width: 422px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    padding: 8px 0;
    margin-top: -20px;
}
.tt-suggestion {
    line-height: 24px;
    padding: 3px 20px;
}
.tt-suggestion.tt-is-under-cursor {
    color: #fff;
    background-color: #0097cf;
}
.tt-suggestion p {
    margin: 0;
}
.twitter-typeahead {
    width: 100%}
.tooltip, .tooltipBottom {
    display: inline;
    position: relative;
}
nav a.tooltip, nav a.tooltipBottom {
    display: block;
}
.tooltipBottom:hover:after {
    top: 26px;
    content: attr(title);
    right: -10px;
    position: absolute;
    z-index: 98;
    background: rgba(0, 0, 0, .3);
    border-radius: 5px;
    color: #FFF;
    padding: 5px 15px;
    text-align: center;
}
.tooltip:hover:after {
    bottom: 26px;
    content: attr(title);
    right: -10px;
    position: absolute;
    z-index: 98;
    background: rgba(0, 0, 0, .3);
    border-radius: 5px;
    color: #FFF;
    padding: 5px 15px;
    text-align: center;
}
#notificationsContent {
    top: 41px;
    right: -10px;
    position: absolute;
    z-index: 98;
    background: rgba(0, 0, 0, .7);
    border-radius: 5px;
    color: #FFF;
    padding: 5px 15px;
    text-align: left;
    width: 300px;
}
th .tooltip:hover:after {
    background: rgba(0, 0, 0, .7);
    font-size: .722em;
}
td .tooltip:hover:after, .tbox .tooltip:hover:after, #calendar .tooltip:hover:after {
    background: rgba(0, 0, 0, .7);
}
.tooltip:hover:before {
    bottom: 20px;
    content: "";
    right: 0;
    position: absolute;
    z-index: 99;
    border: solid;
    border-color: rgba(0, 0, 0, .3) transparent;
    border-width: 6px 6px 0 6px;
}
.tooltipBottom:hover:before {
    top: 20px;
    content: "";
    right: 0;
    position: absolute;
    z-index: 99;
    border: solid;
    border-color: rgba(0, 0, 0, .3) transparent;
    border-width: 0 6px 6px 6px;
}
#notificationsContent:before {
    top: -6px;
    content: "";
    right: 10px;
    position: absolute;
    z-index: 99;
    border: solid;
    border-color: rgba(0, 0, 0, .7) transparent;
    border-width: 0 6px 6px 6px;
}
th .tooltip:hover:before, td .tooltip:hover:before, .tbox .tooltip:hover:before, #calendar .tooltip:hover:before {
    border-color: rgba(0, 0, 0, .7) transparent;
}
.icon-ok {
    color: green;
}
#notificationsContent i {
    color: red;
}
.w100 {
    width: 100%}
.w50 {
    width: 49%}
.center {
    text-align: center;
}
.uppercase {
    text-transform: uppercase;
}
.left {
    float: left;
}
.right {
    float: right;
}
img.left {
    margin-right: 10px;
}
img.right {
    margin-left: 10px;
}
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%}
.hidden {
    display: none!important;
    visibility: hidden;
}
.hide-text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix {
    display: inline-table;
}
* html .clearfix {
    height: 1%}
.clearfix {
    display: block;
}
@media only screen and (max-width:880px) {
    nav {
    width: 534px;
    margin: 0 auto;
}
nav a {
    padding: 5px;
}
nav span, .calendar {
    display: none;
}
form {
    width: 385px;
}
aside {
    float: none;
    width: 100%}
aside form {
    width: 90%;
    margin: 0 auto;
}
.links a, .notifications {
    margin-right: 10px;
}
.search {
    padding-top: 10px;
}
nav a {
    clear: none;
    display: inline-block;
}
nav a:hover, nav a.selected {
    background: transparent;
    color: #e46616;
}
.expomark {
    display: none;
}
article {
    width: 98%}
.w50 {
    width: 100%}
}@media only screen and (max-width:739px) {
    #logo {
    background-size: 120px 22px;
    width: 120px;
    height: 22px;
}
.line {
    display: none;
}
header {
    height: 96px;
}
.user {
    padding: 5px;
    margin: 0 5px 10px 0;
    float: right;
}
.user p {
    font-size: 1em;
}
.links {
    float: none;
    clear: both;
    width: 300px;
    margin: 0 auto;
}
.links a, .notifications {
    margin-right: 8px;
}
#notificationsContent {
    left: -10px;
    right: auto;
}
#notificationsContent:before {
    left: 12px;
    right: auto;
}
nav {
    width: 480px;
}
aside form {
    width: 75%}
#login h2 {
    text-align: center;
    margin: 20px 0;
}
#login section {
    margin-top: 18% auto;
}
}@media only screen and (max-width:480px) {
    nav {
    width: 320px;
}
form {
    width: 280px;
}
}@media print {
    * {
    background: transparent!important;
    color: #000!important;
    box-shadow: none!important;
    text-shadow: none!important;
}
a, a:visited {
    text-decoration: underline;
}
a[href]:after {
    content: " (" attr(href) ")"}
abbr[title]:after {
    content: " (" attr(title) ")"}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""}
pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
}
thead {
    display: table-header-group;
}
tr, img {
    page-break-inside: avoid;
}
img {
    max-width: 100%!important;
}
@page {
    margin: .5cm;
}
p, h2, h3 {
    orphans: 3;
    widows: 3;
}
h2, h3 {
    page-break-after: avoid;
}
}