body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 20px;}

h1 { font: bold 17px Verdana, Arial, sans-serif; padding-bottom: 10px; border-bottom: 1px dashed #ddd; }
h2 { font: bold 15px Verdana, Arial, sans-serif; padding-bottom: 0px; margin-bottom: 10px; border-bottom: 1px solid #ddd;}
h3 { font: bold 13px Verdana, Arial, sans-serif !important }
h3 { margin-bottom: 5px; padding-bottom: 0; }
h4 { padding-top: 0; margin-top: 0; margin-bottom: 5px; padding-bottom: 0; }

th { text-align: left; }

a:link, a:visited { text-decoration: none; color: #00c; }
a:hover { text-decoration: underline; color: #00c; }

table.deptable th { background-color: #eee; padding: 2px; }

a.loggedinuser { color: #888; }
td.score { width: 30px; text-align: right; padding: 2px; padding-right: 16px !important; padding-left: 4px !important; background-color: inherit; }
td.subdepscore { width: 30px; text-align: right; padding: 2px; padding-right: 16px !important; padding-left: 4px !important; }
td.assertion { background-color: inherit !important; width: 510px; padding: 4px; padding-left: 4px;}
th.score { text-align: right !important; width: 32px !important; padding: 2px; padding-right: 15px !important; padding-left: 5px !important; background-color: #eee;}
td.fivers { text-align: center; vertical-align: top !important; padding-bottom: 6px !important;}
td.drivernumber { width: 19px; vertical-align: top; font-weight: bold; padding: 4px;}

ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}

.button_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
.button_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
.button_link:hover { text-decoration: none; }
.date-questrange a, .date-questrange a:link, .date-questrange a:visited { color: #000; background: #ffd !important; }
.date-questreminder a, .date-questreminder a:link, .date-questreminder a:visited { color: #000; background: #ffc !important; font-weight: bold; }
.date-questfinish a, .date-questfinish a:link, .date-questfinish a:visited { color: #000; background: #fed !important; font-weight: bold; }
.demo { background-color: transparent !important;}
.demoHeaders { margin-top: 2em; }
.logitem { margin-left: 1.2em; }
.label { font: bold 11px verdana, arial; margin-bottom: 5px; }
.yeargroup { background-color: #eee !important; }
.input { margin-bottom: 7px; }
.dtree a { color: #000; text-decoration: none; }
.scorenumber { border-bottom: 1px dotted #aaa; }
.fiverscore { background-color: #fff; margin-top: 1px; padding: 4px; text-align: center; vertical-align: middle; width: 140px; border: 1px solid #999; }
.cooltable th { border: 1px solid #ffffff; background-color: #E6EEEE; padding: 4px; }
.spreadgraph, .fivers, .spreadlegend { display: none; }
.red { color: red !important; }
.yellow { color: #998800 !important; }
.green { color: #007700 !important; }
.buttons { width: 98%; border: 1px solid #f3f3f3; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #f9f9f9; padding: 4px; padding-top: 11px; padding-bottom: 11px; }
#tabs {box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.25);}
#footer { background-color: #f7f7f7; margin-top: 20px; height: 20px; text-align: center; vertical-align: middle; padding-top: 6px; border-top: 1px solid #ddd; color: #666; }
#footer a:link, #footer a:visited { padding-bottom: 2px; color: #555; text-decoration: none; border-bottom: 1px dotted #999; }
#deps_block input { margin-right: 10px; }
#quest_new_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#quest_new_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
#quest_publish_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#quest_publish_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
#ui-datepicker-div { display: none; }
#questtabs { padding: 3px 0; }
.ui-tabs-nav { margin: 0 4px !important; }
.ui-tabs-nav li { /* IE10 fix */ list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); }

.mailstatus-icon-1, .mailstatus-icon-11 {
	display: inline; float: left; top: -2px; margin-right: 3px; width: 14px; height: 14px; background: no-repeat url('/img/user_added.png')
}
.mailstatus-icon-3 {
	display: inline; float: left; top: -2px; margin-right: 3px; width: 14px; height: 14px; background: no-repeat url('/img/user_responded.png')
}
.mailstatus-icon-6, .mailstatus-icon-7 {
	display: inline; float: left; top: -2px; margin-right: 3px; width: 14px; height: 14px; background: no-repeat url('/img/user_error.png')
}
.mailstatus-icon-2, .mailstatus-icon-22, .mailstatus-icon-9 {
	display: inline; float: left; top: -2px; margin-right: 3px; width: 14px; height: 14px; background: no-repeat url('/img/user.png')
}

.smsstatus-icon-0 {
	display: inline; float: left; width: 0px; height: 0px;
}

.smsstatus-icon-1, .smsstatus-icon-11 {
	display: inline; float: left; position: relative; top: 0px; left: -3px; width: 14px; height: 14px; background: no-repeat url('/img/sms_added.png')
}

.smsstatus-icon-2, .smsstatus-icon-22, .smsstatus-icon-9 {
	display: inline; float: left; position: relative; top: 0px; left: -3px; width: 14px; height: 14px; background: no-repeat url('/img/sms.png')
}

.smsstatus-icon-3 {
	display: inline; float: left; position: relative; top: 0px; left: -3px; width: 14px; height: 14px; background: no-repeat url('/img/sms_responded.png')
}

.smsstatus-icon-6 {
	display: inline; float: left; position: relative; top: 0px; left: -3px; width: 14px; height: 14px; background: no-repeat url('/img/sms_error.png')
}


@media print {
  body, td, div, select, input, textarea, .input, .label { font: 12pt garamond, times new roman !important;}
  .label { font-weight: bold !important; border: 0; padding: 0; }
  .ui-tabs-hide { display: none !important; }
}


.hq-comment, textarea.categoryquestion {
    margin-top: 5px;
    border-color: #ccc;
    border-radius: 5px;
    padding: 5px;
    width: 98% !important;
}

.question_details {
	margin-top: -0.5em;
}

.redactor-styles {
	padding: 8px 8px !important;
	font: 11px verdana !important;
}

#tabs.ui-widget-content {
	border: 0;
}