@charset "utf-8";
/* Reset CSS Document */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    *:before,
    *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { color: #000000; background: #ffffff; height: 100%; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
fieldset, input, select, textarea, p, blockquote, th, td { margin: 0; padding: 0; font-family: Verdana, Geneva, sans-serif; color: #333333; font-size: 12px; height: 100%; height: auto; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }

/* CSS Document */
body { height: 100%; background: #e3eaed; }
a { color: #333333; text-decoration: none; }
    a:hover { text-decoration: underline; }
.attentioncolor { color: #fe0000; }
p { line-height: 16px; }


/**
 *  For modern browsers
 */
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }
/**
 * For IE 6/7 (trigger hasLayout)
 */
.cf { *zoom: 1; }
.fl { float: left; }
.fr { float: right; }


/*Main Top */
.crm-hdr { height: 44px; line-height: 44px; overflow: hidden; }

#techexcel_logo { position: absolute; top: 5px; right: 5px; }

.top_actions span { float: right; margin-right: 5px; font-size: 10px; font-weight: bold; padding-right: 16px; }
    .top_actions span.help { background: url(images/icon-help.png) no-repeat right center; }
    .top_actions span.language { background: url(images/icon-language.png) no-repeat right center; }
    .top_actions span.logout { background: url(images/icon-row-sc.gif) no-repeat right center; }

/*Navigation*/
.navigation_content { font-size: 11px; font-weight: bold; background: url(images/bg-navigation.gif) repeat-x bottom; height: 30px; width: 100%; position: relative; }

.navigation { position: relative; left: 0; bottom: 0; padding-left: 5px; }
    .navigation span { float: left; margin-right: 1px; font-weight: bold; line-height: 25px; }
        .navigation span a { display: block; padding: 0 14px; }
            .navigation span a:hover { text-decoration: none; }
        .navigation span.on, .navigation span:hover { background: url(images/bg-nav-tab-on-left.gif) no-repeat left center; }
            .navigation span.on a, .navigation span:hover a { background: url(images/bg-nav-tab-on-right.gif) no-repeat right center; color: #fff; }

/*Top Section*/
.toptable { width: 100%; height: 30px; background: #e3eaed; padding: 5px; border-bottom: #ccc 1px solid; border-top: #fff 1px solid; }
/*select{ height:21px;border:#9fc6e4 1px solid;width:250px; padding-left:3px; margin-left:3px;}*/
/*input{ height:20px;border:#9fc6e4 1px solid;width:180px; padding-left:3px; margin-left:3px; padding-top:1px;}*/
.btn-search { background: url(images/btn-search-short.gif) no-repeat; width: 28px; height: 21px; border: none; cursor: pointer; padding-left: 3px; padding-bottom: 1px; }

.addnewlist span { float: left; line-height: 18px; margin-left: 10px; }
    .addnewlist span.newincident { background: url(images/icon-new.gif) no-repeat; padding-left: 20px; }
    .addnewlist span.newevent { background: url(images/icon-newevent.gif) no-repeat; padding-left: 20px; }
    .addnewlist span.newcustomer { background: url(images/icon-newcustomer.gif) no-repeat; padding-left: 20px; }
    .addnewlist span a { text-decoration: underline; font-weight: bold; }
        .addnewlist span a:hover { color: #0a5a8e; }

.systemlist span { float: left; line-height: 18px; margin-left: 10px; }
    .systemlist span.search { background: url(images/icon-search-short.gif) no-repeat; padding-left: 20px; }
    .systemlist span.refresh { background: url(images/icon-refresh.png) no-repeat; padding-left: 20px; }
    .systemlist span.settings { background: url(images/icon-setup.gif) no-repeat; padding-left: 20px; }
    .systemlist span a { color: #000000; text-decoration: underline; font-weight: bold; }
        .systemlist span a:hover { color: #0a5a8e; }
.separator_top { background: url(images/separator-top.gif) no-repeat; padding-left: 10px; padding-top: 5px; }

.DetailHeader { background: #e3eaed; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 2px; PADDING-TOP: 1px; COLOR: #013c59; FONT-WEIGHT: 800; FONT-SIZE: 11px; FONT-FAMILY: verdana,arial,geneva,sans-serif; border-bottom: #ccc 1px solid; border-top: #fff 1px solid; height: 24px; }

.groupHeader { background: #e3eaed; PADDING: 1px; COLOR: #013c59; FONT-WEIGHT: 800; FONT-SIZE: 11px; FONT-FAMILY: verdana,arial,geneva,sans-serif; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #999999; border-bottom: 1px solid #999999; height: 24px; }

.groupSubHeader { background: #e3eaed; PADDING: 1px; COLOR: #013c59; FONT-WEIGHT: 800; FONT-SIZE: 11px; FONT-FAMILY: verdana,arial,geneva,sans-serif; border-left: 1px solid #dfdfe1; border-top: 1px solid #fff; border-right: 1px solid #dfdfe1; border-bottom: 1px solid #dfdfe1; height: 24px; }

table.incidentTable { font-size: 11px; font-family: Verdana, Geneva, sans-serif; border-left: 1px solid #dfdfe1; border-top: 1px solid #dfdfe1; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
    table.incidentTable td { line-height: 22px; border-right: #dfdfe1 1px solid; border-bottom: #dfdfe1 1px solid; padding-left: 3px; }
        table.incidentTable td.last { border-right: #ccc 1px solid; border-bottom: #ccc 1px solid; }
    table.incidentTable tr:hover { background: #dff1f1; }

td.incidentTable1stRow { padding: 2px; background: #e3eaed; height: 22px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; border-left: 1px solid #fff; font-weight: bold; color: #333333; }
    td.incidentTable1stRow a:visited { color: #013c59; text-decoration: none; }
    td.incidentTable1stRow a:link { color: #013c59; text-decoration: none; }
    td.incidentTable1stRow a:hover { color: #013c59; text-decoration: none; }

.listtable { border: #9fc6e4 0px solid; border-right: none; border-bottom: #9fc6e4 0px solid; }
    .listtable td { line-height: 20px; border-right: #dfdfe1 1px solid; border-bottom: #dfdfe1 1px solid; padding-left: 2px; }
        .listtable td.last { border-right: #9fc6e4 1px solid; }
    .listtable tr:hover { background-color: #dff1f1; }

tr.mouseOver { BACKGROUND-COLOR: #e3eaed; padding: 0px; }
tr.TrOddRow { BACKGROUND-COLOR: #f0f0f0; padding: 0px; }
tr.TrEvenRow { BACKGROUND-COLOR: #ffffff; padding: 0px; }
tr.TrEventRow { BACKGROUND-COLOR: #e0e0d6; padding: 0px; }
td.RowSpacing { BACKGROUND-COLOR: #999999; border-bottom: 0px solid #666666; height: 1px; }

td.groupSubheader2 { font-size: 11px; font-weight: bold; color: #006633; background-color: #fff; border: none; }
td.groupContent { border-top: 0px solid #cccccc; border-left: 0px solid #cccccc; border-right: 0px solid #999999; border-bottom: 0px solid #999999; padding: 0px; font-size: 11px; color: #333333; }

td.groupFooter { background-color: #fff; }

.span_button { font-family: Tahoma, Verdana, Arial, MS Sans Serif; font-size: 10px; font-weight: bold; color: #013c59; background-color: #E0DFE3; background-image: url(AjaxExt/images/panel/light-hd.gif); height: 17px; cursor: pointer; border-top: 2px outset #FFFFFF; border-right: 1px outset #FFFFFF; border-bottom: 1px outset #FFFFFF; border-left: 2px outset #FFFFFF; TEXT-DECORATION: none; }

.DETAIL_PANEL { background-color: #FFFFFF; border-left: 1px solid #dfdfe1; border-top: 1px solid #dfdfe1; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 100%; FONT-SIZE: 11px; font-weight: normal; FONT-FAMILY: arial, verdana,geneva,sans-serif; color: #000000; }
table.toolbar { padding: 5px; background-color: #e3eaed; border-bottom: #ccc 1px solid; border-top: #fff 1px solid; WIDTH: 100%; HEIGHT: 100%; }

td.tableFields { background-color: #ffffff; border: none; padding: 2px; }
td.tableFields2 { background-color: #ffffff; border: none; padding: 2px; }
td.tableFields3 { background-color: #ffffff; border: none; padding: 2px; }

.tableFieldsText { font-size: 11px; font-weight: bold; color: #333333; }
.tableFieldsTextBlack { font-size: 11px; font-weight: bold; color: #333333; }
.tableFieldsTextGreen { font-size: 11px; font-weight: normal; color: #006600; }
.tableFieldsTextNormal { font-size: 11px; font-weight: normal; color: #333333; }
.tableFieldsMand { font-size: 11px; font-weight: bold; color: #cc0000; }
.tableFieldsButton { font-family: "Tahoma", "Arial", "Verdana"; font-size: 11px; color: #333333; font-weight: normal; height: 20px; }

.editFields { font-size: 11px; color: #333333; border-top: 1px solid #666666; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-left: 1px solid #666666; font-family: "Tahoma", "Arial", "Verdana"; height: 20px; width: 90%; }

.listTitle { background: url(AjaxExt/images/panel/top-bottom.gif) repeat-x 0 0; COLOR: #013c59; FONT-WEIGHT: 800; FONT-SIZE: 11px; FONT-FAMILY: verdana,arial,geneva,sans-serif; border-left: 1px solid #cccccc; border-top: 1px solid #eeeeee; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; height: 24px; width: 100%; }
.pagetitle { font-family: arial; font-size: 13px; font-weight: bold; color: #013c59; }

.tab_primary { padding-top: 5px; }
    .tab_primary span { font-size: 11px; cursor: pointer; float: left; display: block; padding-left: 5px; margin-bottom: 0; margin-left: 2px; line-height: 24px; color: #698999; font-weight: bold; background: url(images/bg-navi-secondary-enable-l.gif) no-repeat top left; }
        .tab_primary span.on { font-size: 11px; color: #fff; background: url(images/bg-navi-secondary-disable-l.gif) no-repeat top left; }
            .tab_primary span.on a { font-size: 11px; background: url(images/bg-navi-secondary-disable-r.gif) no-repeat top right; color: #fff; }
        .tab_primary span a { font-size: 11px; color: #696969; text-decoration: none; background: url(images/bg-navi-secondary-enable-r.gif) no-repeat top right; display: block; padding-right: 10px; }
        .tab_primary span.on a:hover { color: #ffffff; }
        .tab_primary span a:hover { color: #0a5a8e; }
.multisel_list { font-size: 9pt; color: #333333; background-color: #E5EBEF; width: 100%; height: 100%; border-left: 1px solid #294D7B; border-top: 1px solid #294D7B; border-right: 1px solid white; border-bottom: 1px solid white; overflow: auto; scrollbar-face-color: #DEEDF4; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #DEE3E7; scrollbar-3dlight-color: #D1D7DC; scrollbar-arrow-color: #006699; scrollbar-darkshadow-color: #98AAB1; margin-right: 3px; margin-bottom: 3px; margin-left: 3px; }

.login_input { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 13px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
    .login_input:focus { border-color: #66afe9; outline: 0; }
    .login_input::-moz-placeholder { color: #999; opacity: 1; }
    .login_input:-ms-input-placeholder { color: #999; }
    .login_input::-webkit-input-placeholder { color: #999; }

.searchbox .searchbox-text { padding: 0 5px; }