body { background-color: #ebf3fb; }
/*a { text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }*/
/*#hd-container { min-width: 960px; background-color: #e4ddcd; }*/
#hd-container { min-width: 960px; }
#hd-header { height: 82px; background-color: #fff; }
#hd-softrimlogo { float: right; margin-top: 20px; margin-right: 20px; height: 36px; width: 368px; } 
#hd-logo { float: left; margin-top: 10px; margin-left: 30px; background: url(images/helpdesk_logo.gif) top left no-repeat; width: 256px; height: 62px; overflow: hidden; }
#hd-logo a { display: block; width: 100%; height: 100%; padding-top: 30px; text-indent: -3999px; }
#hd-portal { font-size: 21px; font-weight: bold; font-family: Verdana, Serif; position: absolute; top: 20px; left: 150px;  }
#hd-account { float: right; margin-top: 20px; margin-right: 10px; font-size: 1.2em; color: #999; }
#hd-account a { color: #666; text-decoration: none; }
#hd-account a:hover { color: #000; }
/* === Navigation =========== */
/*.ui-tabs .ui-tabs-nav li { margin: 0 0.2em -1px 0; border-collapse: collapse; }*/
#hd-nav { background-color: #fff; }
/* === Body ================= */
#hd-body { padding: 10px; margin-top: 1.2em; min-height: 400px; height: auto !important; height: 400px; }
#hd-body h1 { color: #1c94c4; font-weight: normal; font-size: 2em; }
#hd-body h1 span { color: #666; font-size: 14px; }
#hd-body h1 img { vertical-align: baseline; cursor: pointer; margin-left: 5px; opacity: 0.5; position: relative; top: 2px; }
#hd-body h1 img:hover { opacity: 1.0; }
#hd-page { position: relative; margin-top: 1em; }
#hd-main { margin-right: 200px; }
/* === Side Bar ============= */
#hd_sidebar { position: absolute; right: -10px; width: 180px; }
#hd-sidebar-nav .hd-rule { margin: 1em 0; }
.sidebaroff #hd-main { margin-right: 0; }
.sidebaroff #hd_sidebar {display:none; }
#hd-sidebar-nav { border-right: 0px; padding: 10px; margin-bottom: 1em; }
#hd-sidebar-nav li { font-size: 1.2em; margin-bottom: 0.5em; }
#hd-sidebar-nav li:last-child { margin-bottom: 0; }
#hd-sidebar-nav a { color: #1C94C4; text-decoration: none; }
#hd-sidebar-nav a:hover { text-decoration: underline; color: #333; }
#hd-sidebar-nav img { vertical-align: text-bottom; margin-right: 5px; }
#hd-sidebar-nav .hd-rule { margin: 1em 0; }
/* === Horizontal Rule ==== */
.hd-rule { background: url(images/hrule.gif) top left repeat-x; height: 1px; margin: 2em 0; }
.hd-rule hr { display: none; }
/* == Content Box == */
#hd-main div.hd-box.fullwidth { margin-left: 20px; margin-right: 20px; }
.hd-box { padding: 10px; margin-bottom: 1em; }
.hd-box dt { font-size: 1.0em; }
.hd-box label { cursor: pointer; line-height: 1.0em; }
.hd-box dd { margin-bottom: 1.3em; }
.hd-box input[type="text"], .hd-box input[type="password"], .hd-box textarea { font-size: 1.3em; }
.hd-box h3.header { color: #55452d; font-size: 1.4em; margin-bottom: 14px; }
.hd-box.fullwidth input[type="text"], .hd-box.fullwidth input[type="password"], .hd-box.fullwidth textarea { width: 99%; }
/* == Panels & Criteria  == */
.hd-panels { width: 100%; margin: 0 0 1em 0; border-collapse: collapse; }
.hd-panels .panel { width: 50%; }
.hd-panels td.panel, .hd-panels th.panel, 
.hd-criteria td.panel, .hd-criteria th.panel { border: 1px solid #eee; padding: .6em 10px; }
.hd-criteria { width: 35%; margin: 1em auto; border-collapse: collapse; }
.hd-criteria ul { margin-top: .5em; }
.criteria li { margin-bottom: .5em; }
.statusinfo li strong, .criteria li strong { float: left; }
.statusinfo li, .criteria li { text-align: right; font-size: 1.1em; line-height: 1.4em; }
/* == Grids == */
.grid { margin: 0 auto; font-size: 10px; }
.grid tr.ui-widget-header th { border: 1px solid #bbb; padding: .6em 10px; }
div.grid table td { border: 1px solid #bbb; padding: 3px 4px; }
.grid .dxgvHeader.ui-widget-header, .grid .dxgvHeader.ui-widget-header table { color: #fff; font-weight; bold; font-size: 11px; }
/* == elements == */
.ui-button { outline: 0; margin: auto 4px auto auto; padding: .4em 1em .5em; text-decoration: none; cursor: pointer; position: relative; text-align: center; }
img.ui-icon { height: 16px; width:16px; position: relative; display:inline; text-indent: 0px; }

h3.message { padding: 3px 7px; }
a.delete, a.download { padding: .1em .7em .1em; margin-top: 20px; top: 5px; }
dd ul li { float: left; margin-right: 20px; }
dd ul { clear: both; }

/* == validation */
div.hd-validation { width: 700px; margin: 0 auto; }
input.hd-error, textarea.hd-error, select.hd-error { border: 1px solid #fad42e; background-color: #fbec88; margin-top:1px; margin-left: 1px; margin-bottom: 1px; }
div.ui-state-error ul { margin: 10px 25px; padding: 0 .7em; }
div.ui-state-error ul li { margin-top: 4px; }
div.ui-state-error ul li img.ui-icon { position: relative; top: 3px; }
div.ui-state-error p { font-weight: bold; }
p img.ui-icon { margin: 0 5px; position: relative; top: 3px; }
input:focus, input.hd-error:focus, textarea.hd-error:focus, select.hd-error:focus { border: 1px dotted black; margin-top: 1px; margin-left: 1px; margin-bottom: 1px; }

/* == attachments == */
div.attachments img { vertical-align: bottom; margin-right: 6px; }
div.attachments li { margin-bottom: 0.5em; }
#hd-ticket-attach { margin-bottom: 0.5em; }
#hd-ticket-delete p, #hd-ticket-savedattach p { display: inline; }
#hd-ticket-delete img,#hd-ticket-savedattach img { cursor: pointer; }

/* == ticket screen specific === */
.techtime input { width: auto !important; }

/* == login screen === */

.hd-login #hd-body { width: 100%; }
.hd-login #hd-page { margin: 0 auto; width: 300px; margin-top: 30px; }

.w50 { width:50px; }
.charts { text-align:center; margin: 0; padding: 0; }

/* == checkboxlist wrapping == */
div.cbl { display: inline-block; height: 150px;  overflow:scroll; padding: 5px 20px 5px 5px; overflow-x: hidden; }