@charset "utf-8";
/* CSS Document */

/* Login Page Styles *****************************************************************/
.login-box { margin-top: -20px; height: 211px; }
.login-img-application-logo { width:196px; height:38px; float:left; }
.login-img-header-band { width:532px; height:38px; float:left; margin-top:-38px; }
.login-img-lock { width:32px; height:30px; float:left; margin-top:-3px; margin-right:15px; }
.login-img-faq { width:114px; height:68px; float:right; margin-top:-2px; }
.login-content { height:159px; float:left; padding-top: 20px; }
.login-auth-section { width:281px; height: 156px; border-right:1px solid #CFCFCF; float:left; padding-right:21px; }
.login-auth-section label { font-size:11px; color:#505D6D; margin-top:-5px; }
.login-input-box { width:100%; margin-top:-5px !important; margin-bottom:5px !important; float:none !important; }
.login-element { margin-bottom:2px !important; float:none !important; }
.login-faq-section { width:212px; height: 156px; float:left; padding-top: 3px; padding-left: 17px; }
.login-forgot { margin-top: 10px; font-weight:bold; }
.login-button { float:right; margin-top: 8px; margin-right: -1px; }
.login-section-hdr { color:#15326E; font-size:18px; }
.login-section-hdr-auth { margin-bottom:12px; }
.login-section-hdr-faq { margin-top:53px; }
.login-faq-p { color:#505D6D; font-size:14px; line-height:16px; }

.formReadonly { display:none !important; }

/* General Form Styles *****************************************************************/
/* Don't pad the right side, the child .element DIVs will margin the right. */
fieldset { padding: 5px 0 5px 5px; }
fieldset legend {padding:0 3px; margin-left: -4px;}
fieldset > div.element { margin-right: 5px; }

.dropShadows { -webkit-box-shadow:2px 3px 4px rgba(0, 0, 0, 0.88); -moz-box-shadow:2px 3px 4px rgba(0, 0, 0, 0.88);
               box-shadow:2px 3px 4px rgba(0, 0, 0, 0.88);
               /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=120, Color='#444444')";
               /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=120, Color='#444444'); }

/*buttons, tabs,*/ .application-tab, .application-tab-container { display:none; }
.tab-position { position: relative; }
.application-tab-panel { overflow: auto; padding: 0 !important; }

.ui-dialog-titlebar a, .ui-dialog-titlebar a:link, .ui-dialog-titlebar a:visited, .ui-dialog-titlebar a:hover, .ui-dialog-titlebar a:active { text-decoration:none; font-weight: bold; color: white !important; text-shadow: #222222 1px 1px 2px; }
.ui-dialog-titlebar .dark * { color: black !important; text-shadow: none;}

.ui-dialog .ui-dialog-titlebar-menu { height: 18px; margin: -10px 0 0; padding: 1px; position: absolute; right: 2.5em; top: 50%; width: 19px; }
.ui-dialog .ui-dialog-titlebar-menu span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-menu:hover, .ui-dialog .ui-dialog-titlebar-menu:focus { padding: 0; }
.ui-dialog-titlebar-menubutton { width: 70px; }
.ui-dialog-titlebar-menubutton .ui-icon { display: inline-block; }
.ui-dialog-titlebar a.ui-dialog-titlebar-menubutton:hover { text-decoration:none; font-weight: bold; color: black !important; text-shadow: none; }
.ui-dialog-titlebar-button-text { vertical-align: top; margin-left: 2px; }

.ui-dialog-content form { margin-top: 10px; }
.ui-dialog-content form.with-statusbar { margin-top: 39px; }
.ui-state-notice { border-width:1px; }

.nofocus-overlay { box-sizing: border-box; position: absolute; height: 100%; width: 100%; top: 0; z-index: 999; display: none;}

label { font-weight: normal; display:inline-block; }
label.ui-state-error, label.ui-state-notice, label.ui-state-highlight, label.ui-state-active, label.ui-state-hover, label.ui-state-white { border:none !important; background:none !important; }
.form.element { position:relative; }
.form.element > div.input-area { width:100%; }
.element { float:left; margin-right:9px; margin-bottom:12px; }
.no-right-margin { margin-right:0; }
/*.grid { margin-right:9px; margin-bottom:12px; }*/

.form-error-icon { position:absolute; left:2px; top:-2px; cursor:pointer !important; }
.ui-dialog-title.error-shift { margin-left:20px; }
.ui-state-notice, .ui-state-notice .ui-multiselect { background:none repeat scroll 0 0 #E5F6FE !important;/*FBF1A4*/ }
.ui-tabs-nav-item.ui-state-notice { background: none repeat scroll 0 0 #E5F6FE !important; border: 1px solid #5C7AB1; }
.ui-widget-header .ui-state-notice a { color: #4C6DA9; }
.input-error { border-color: #E9594D !important; border: 2px solid; /*padding: 2px !important;*/ }
.input-notice { border-color: #ADD9ED !important; border: 1px solid; /*padding: 2px !important;*/ }
.input-green { border-color: #1FA83A !important; border: 2px solid; background-color: #EAFCEA!important; background-image: none!important; /*padding: 2px !important;*/ }
.input-disabled { filter: alpha(opacity = 35); }
.input-nostyle { border:none!important; background-color:transparent!important; }
.picker-icon-disabled, .picker-icon-readonly,
.child-picker-icon-disabled span.ui-icon-search,
.child-picker-icon-readonly span.ui-icon-search { display:none; }
.ui-state-error span.cke_skin_manatee { border:solid 1px #E9594D !important; }
.ui-state-notice span.cke_skin_manataee { border:none !important; /*border:solid 1px #ADD9ED !important;*/ }

.section1, .section2, .section3 { width:100%; display:inline-block; }
.section1 { margin-bottom:10px; }
.col1, .col2, .col3 { width:32%; float:left; position:relative; }
.col2 { margin-left:2%; margin-right:2%; }

.page-hdr { margin-bottom:.15em; }
.required-mark { width:8px; height:8px; padding-right:5px; }
.tooltip, .tooltip-cursor { cursor:help !important; }
.description { display:none; }
.description-icon { width:12px; height:12px; margin: 3px 5px 0; }
/*.input-textarea { height:150px; width:345px; }*/
.input-textarea { height:150px; width:250px; resize:none; }
.input-field, .input-select, .input-textarea, .input-picker { margin-top:0 !important; margin-bottom:0 !important; padding: 3px; resize:none; }
.input-select { padding: 2px 2px 2px 3px; font-size: 1em;}
select.input-field { padding: 2px 2px 2px 3px; }
div.input-field-border { border: solid 1px #aaa; overflow:hidden; text-overflow:ellipsis; }
.input-picker, .input-picker-processed { padding-left: 20px !important; }
.input-picker-changed { font-style:italic; color:#888; }
.input-picker-changed:focus { font-style:inherit; color:inherit; }
.input-button { font-size:12px !important; font-weight:bold !important; padding:4px 10px; position:relative; text-decoration:none; }
.input-section { border:none; padding:5px; margin:0; }
.input-area { display: inline-block; }
.input-area.ui-state-error { border:none!important; }
.form.grid .input-area { display: block; }
.griddle-form-element-container, .griddle-form-element-container .input-area, .griddle-form-element { height: 100%; padding: 0; }
.griddle-form-element-container .input-area { display: inherit; }
.griddle-container { border: 1px solid #AAAAAA; }
.input-area-date { margin-top:-1px; }

.checkbox-center { margin-top: 18px; }

.checklist { margin-top:0 !important; }

.multiSelectAdvSearch { font-size:12px; }

.hideButton { display:none !important; }
.ui-dialog-buttonpane { font-size:11px; }
.ui-icon-right { right: 0.7em; }
.ui-datepicker-trigger {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin: -2px -3px 0 -1px;
    padding: 0;
}
.hasDatepicker { margin-top:0 !important; margin-bottom:0 !important; padding:3px; }
.ui-button:hover, .ui-button:focus { border: 1px solid #b8c3d6; background: #b8c3d6 url('jquery-ui/manatee/images/ui-bg_glass_75_b8c3d6_1x400.png') 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-button-text-left { padding-left: .8em !important; padding-right: 2.3em !important; }
.ui-button-text-hide span.ui-button-text { padding-left:0.5em; }
.ui-button-merge-left { margin-left:0 !important; }
.ui-button-merge-right { margin-right:0 !important; }
.ui-button-merge-left.ui-button-merge-right.ui-button-text-hide { width: 33px; }
.ui-button-merge-right .ui-button-text { padding-right:0.1em; }

span.ui-icon.ui-btn-icon.ui-btn-icon-tableGo { background-image: url('../images/griddle/table_go.png') !important; }
span.ui-icon.ui-btn-icon.ui-btn-icon-wrench { background-image: url('../images/griddle/wrench.png') !important; }

.ui-btn-icon { width:18px; height:18px; background-image: url('../images/sprites/form_btn_icons.png') !important; }
.ui-btn-icon-save { background-position: 0 0; }
.ui-btn-icon-delete { background-position: -19px 0; }
.ui-btn-icon-clear { background-position: -38px 0; }
.ui-btn-icon-prev, .ui-btn-icon-back { background-position: -57px 0; }
.ui-btn-icon-next, .ui-btn-icon-continue { background-position: -76px 0; }
.ui-btn-icon-confirm { background-position: -95px 0; }
.ui-btn-icon-cancel { background-position: -114px 0; }
.ui-btn-icon-refresh { background-position: -133px 0; }
.ui-btn-icon-collapse { background-position: -152px 0; }
.ui-btn-icon-search { background-position: -171px 0; }
.ui-btn-icon-back { background-position: -190px 0; }
.ui-btn-icon-continue { background-position: -209px 0; }
.ui-btn-icon-report { background-position: -228px 0; }
.ui-btn-icon-send { background-position: -247px 0; }
.ui-btn-icon-reply { background-position: -266px 0; }
.ui-btn-icon-forward { background-position: -285px 0; }
.ui-btn-icon-add { background-position: -304px 0; }
.ui-btn-icon-remove { background-position: -323px 0; }
.ui-btn-icon-savenew { background-position: -342px 0; }
.ui-btn-icon-saveclose { background-position: -361px 0; }
.ui-btn-icon-errorflag { background-position: -380px 0; }
.ui-btn-icon-convert { background-position: -399px 0; }
.ui-btn-icon-cart { background-position: -418px 0; }
.ui-btn-icon-approve { background-position: -437px 0; }
.ui-btn-icon-deny { background-position: -456px 0; }
.ui-btn-icon-print { background-position: -475px 0; }
.ui-btn-icon-transfer { background-position: -494px 0; }
.ui-btn-icon-addrange { background-position: -514px 0; }
.ui-btn-icon-money { background-position: -530px 0; }

/*buttons, tabs,*/ .application-tab, .application-tab-container { display:none; }
.tab-position { position: relative; }
.application-tab-panel { overflow: auto; padding: 0px !important; }
div.mcdropdown { width:400px; }

.input-radioLabel, .input-radioField { float:left; }
.valueFloatRight { display:inline; float:none; }
.valueFloatRight .input-radioField { float:right; }

.parentField {
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap;
}

.parentField a {
    outline: none;
}

.readonlyField, .readonlyField:focus { background:#F0F1F3 !important; border:1px solid #CCC !important; }
.readonlyField.input-error { border:1px solid #E9594D !important; }
.readonlyField.input-nostyle { background-color:transparent!important; border:none!important; }

#fieldset-modifieddg { z-index:10; }
.form-modified { margin-bottom:0px; }
.form-modified .input-radioField { margin-top: -4px; }
.form-modified .input-field { border:none; background-color:transparent; width:105px; margin-top:2px !important; }

.textarea-counter{ position:absolute; right:0; top:0; font-size:10px; font-weight:bold; color:#888; }
.textarea-warning { color:#600; }
.textarea-exceeded {color:#e00;  }
.textarea-large-version {
    margin: 0;
    resize: vertical;
    width: 99%;
}

.ui-carousel { height: 145px; overflow:hidden; }
.ui-carousel .ui-carousel-viewport { float: left; width:100px; height:100px; overflow: hidden; position: relative; }
.ui-carousel .ui-carousel-buttons { display: block; margin: 30px 10px 0 0; float: left; }
.ui-carousel .ui-carousel-btn-icon { width:16px; height:64px; background-image: url('../images/sprites/carousel_nav.png') !important; }
.ui-carousel .ui-carousel-prev .ui-carousel-btn-icon { background-position: 0 0; }
.ui-carousel .ui-carousel-prev:hover .ui-carousel-btn-icon { background-position: -16px 0; }
.ui-carousel .ui-carousel-disable { visibility: hidden; }
.ui-carousel .ui-carousel-next .ui-carousel-btn-icon { background-position: 0 -64px; }
.ui-carousel .ui-carousel-next:hover .ui-carousel-btn-icon { background-position: -16px -64px; }
.ui-carousel .ui-carousel-overview { list-style: none; padding: 0; margin: 0;  position: absolute; left: 0; top: 0; }
.ui-carousel .ui-carousel-overview li.ui-carousel-item { float: left; margin: 0 20px 0 0; padding: 1px; height:100px; width:100px;}
.ui-carousel .ui-carousel-overview li.ui-carousel-item div { float: left; }

.ui-carousel .ui-carousel-pager { overflow:hidden; list-style: none; clear: both; margin: 0 0 0 45px; }
.ui-carousel li.ui-carousel-page { float: left; }
.ui-carousel a.ui-carousel-pagenum { background-color: #fff; text-decoration: none; text-align: center; padding: 5px; color: #555555; font-size: 14px; font-weight: bold; display: block; }
.ui-carousel .ui-carousel-active { color: #fff; background-color:  #555555; }

/* Service Desk ********************************************************************/
.knowledgebase-icon { width:30px; height:30px; background: url('../images/forms/knowledgebase_check_icon.png') transparent !important; border: none !important; }
.generate-auth-code-icon { width:16px; height:16px; background: url('../images/forms/control_repeat_blue.png') transparent !important; border: none !important; cursor: pointer; }
.swap-icon { width:32px; height:32px; background: url('../images/forms/control_repeat.png') transparent !important; border: none !important; cursor: pointer; }
.vcard-add-icon { width:16px; height:16px; background: url('../images/forms/vcard_add.png') transparent !important; border: none !important; cursor: pointer; }
.computer-add-icon { width:16px; height:16px; background: url('../images/forms/computer_add.png') transparent !important; border: none !important; cursor: pointer; }
.computer-edit-icon { width:16px; height:16px; background: url('../images/forms/computer_edit.png') transparent !important; border: none !important; cursor: pointer; }
.urgency-icon { float: right; width:30px; height:30px; background-image: url('../images/sprites/urgency_sprite.png') !important; background-color: transparent !important; border: none !important; cursor: pointer; }
.urgency-icon.urgency-icon-off { background-position:0 0; }
.urgency-icon.urgency-icon-low { background-position:0 -31px; }
.urgency-icon.urgency-icon-medium { background-position:0 -62px; }
.urgency-icon.urgency-icon-high { background-position:0 -93px; }
.urgency-icon.urgency-icon-second { position: absolute; right: 0px; }
.urgency-icon.urgency-icon-third { position: absolute; right: 35px; }
.urgency-icon.urgency-icon-fourth { position: absolute; right: 70px; }
.mainurgency { font-size: 14px; }
.mainimpact { font-size: 14px; }
.slideimpact { position: absolute; right: 34px; top: 0px; width: 100px; height: 30px; }
.slideurgency { position: absolute; right: 34px; width: 100px; height: 30px; }
.impact-icon { width:30px; height:30px; background-image: url('../images/sprites/impact_sprite.png') !important; background-color: transparent !important; border: none !important; cursor: pointer; }
.impact-icon.impact-icon-off { background-position:0 0; }
.impact-icon.impact-icon-low { background-position:0 -31px; }
.impact-icon.impact-icon-medium { background-position:0 -62px; }
.impact-icon.impact-icon-high { background-position:0 -93px; }
.impact-icon.impact-icon-second { position: absolute; right: 0px; }
.impact-icon.impact-icon-third { position: absolute; right: 35px; }
.impact-icon.impact-icon-fourth { position: absolute; right: 70px; }

/* Thumb Carousel ********************************************************************/
.thumbCarousel { overflow:hidden; position: relative; padding-right: 2px; }
.thumbCarousel .ui-carousel-viewport { float: left; width: 202px; height: 152px; overflow: hidden; position: relative; }
.thumbCarousel .ui-carousel-buttons { display: block; margin: 43px 5px 0 0; float: left; }
.thumbCarousel .ui-carousel-next { margin: 43px 0 0 5px;  }
.thumbCarousel .ui-carousel-disable { visibility: hidden; }
.thumbCarousel .ui-carousel-overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
.thumbCarousel .ui-carousel-overview li.ui-carousel-item, .thumbCarousel .ui-carousel-overview li.ui-carousel-item-empty { float: left; margin: 0; padding: 0; height: 150px; background-color: #FFFFFF; color:#999999; border: 1px solid #BBBBBB; width: 200px; height: 150px; text-align: center; line-height: 146px; }
.thumbCarousel .ui-carousel-overview li.ui-carousel-item img { vertical-align: middle; }
.thumbCarousel .ui-carousel-btn-icon { width:16px; height:64px; background-image: url('../images/sprites/carousel_nav.png') !important; }
.thumbCarousel .ui-carousel-prev .ui-carousel-btn-icon { background-position: 0 0; }
.thumbCarousel .ui-carousel-prev:hover .ui-carousel-btn-icon { background-position: -16px 0; }
.thumbCarousel .ui-carousel-next .ui-carousel-btn-icon { background-position: 0 -64px; }
.thumbCarousel .ui-carousel-next:hover .ui-carousel-btn-icon { background-position: -16px -64px; }
.thumbCarousel .ui-carousel-number { clear: both; text-align: center; }
.thumbCarousel .ui-carousel-menu { width: 19px; height: 18px; margin-left: 1px; position: absolute; top: 0; right: 0; }
.thumbCarousel .ui-carousel-menu span { display: block; margin: 1px; }

/* Pretty Checkbox ********************************************************************/
.pretty-checklist { list-style: none; margin: 0; padding: 0; }
.pretty-checklist li { float: left; margin-top: 5px; margin-bottom: 5px; margin-right: 10px; background: url('../images/forms/checkboxbg.png') no-repeat 0 0; width: 105px; height: 123px; position: relative; font-size:14px; }
.pretty-checklist li.selected { background-position: -105px 0; }
.pretty-checklist li.selected .checkbox-select { display: none; }
.checkbox-select { display: block; float: left; position: absolute; top: 91px; left: 10px; width: 85px; height: 23px; text-align:center; font-weight:bold; text-decoration:none;
                   background: url('../images/forms/select.png') no-repeat 0 0; /*text-indent: -9999px;*/ color: #fff !important; }
.pretty-checklist li input { display: none; }
a.checkbox-deselect { display: none; color: white; font-weight: bold; text-decoration: none; position: absolute; top: 93px; right: 10px; }
.pretty-checklist li.selected a.checkbox-deselect { display: block; }
.pretty-checklist li label { display: block; text-align: center; padding: 8px; font-weight: bold; font-size: 9pt; }
.pretty-checklist li.selected label { color: #fff; }

/* Wizard Enable Check ****************************************************************/
.wizard-enable-check { list-style: none; margin: 0; padding: 0; }
.wizard-enable-check div.input-radioField { float: left; margin-top: -4px; margin-bottom: 5px; margin-right: 10px; background: url('../images/forms/wizard_check_sprite.png') no-repeat 0 0; width: 31px; height: 30px; position: relative; font-size:14px; }
.wizard-enable-check div.input-radioField.selected { background-position: -31px 0; }
.wizard-enable-check div.input-radioField input { display: none; }

div.statusbar { position:absolute; top:2px; padding: 0 12px !important; border:solid 1px #CECECE; }
.statusbar.input-error { border-color: #E9594D; }
.statusbar span.status-label { margin:5px 0; }
.statusbar span.status-option { padding:3px 5px; margin: 2px 6px; }
.statusbar .required-span { margin-top:5px; }
.statusbar .required-span img { padding-left:5px; }
.statusbar .required-span.white { background-color:#fff; }

/* Quick Add Contact Form classes ****************************************************************/
.contact-picker-image-position, .contact-picker-image-position-div { position:absolute !important; right:23px; bottom:6px; font-size:14px; text-align:center; }
.contact-picker-image-position-div { bottom:-45px; }
.contact-action-position, .contact-action-position-div { position:absolute !important; right:85px; bottom:50px; }
.contact-action-position-div { bottom:0; }

/* For Article Form Partials****************************************************************/
.article-title, .article-error, .article-info-container, .article-content, .article-attachment-container { float:left; }
.article-title { color:#000; font-size: 25px; font-weight: bold; line-height: 1; margin-bottom: 0.2em; margin-right:10px; }
.article-info-container { font-weight:bold; margin-bottom:15px; }
.article-author, .article-date-created { display:inline-block; }
.article-content { /*width:70%;*/ float:left; }
.form.element .article-content p { margin-bottom:15px; }
.article-attachment-container { width:200px;  float:right; border-left:1px solid #DDD; border-bottom:1px solid #DDD; padding:5px 0 15px 20px; margin: 0 0 17px 20px }
.attachment-container-title { font-weight:bold; }
.article-attachment-container ul { margin:5px 0; padding-left:20px; }

/* class for the duedatetime filter */
.scheduleddate-future { color:#000; font-weight:normal; }
.scheduleddate-approach { color:#EFA61E;/*FDA400*/ font-weight:bold; }
.scheduleddate-past { color:#fa2c27; font-weight:bold; }

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

/* 360 Form Formatting ***************************************************************/
.search360-remark { margin:5px; padding:5px; border:1px solid #CCC; background-color:#FAFAFA; }
.search360-remark .details { padding-bottom:5px; border-bottom:1px solid #CCC; margin-bottom:5px; }

.ui-autocomplete { max-height:200px; overflow:auto; }
.auto-picker-label { font-size: 10px; color: #515151; text-align:center; }

.pwdShade { color: #ccc; }

.table-container table, .table-container td, .table-container th { border: solid 1px #c0c0c0; }

.ui-progressbar {
  position: relative;
}

.progress-description {
    display:block;
}

.progress-label {
  position: absolute;
  left: 45%;
  top: 4px;
  font-weight: bold;
  text-shadow: 1px 1px 0 #fff;
}

#vakata-contextmenu li a.sp-cancel {
    display: none;
}

.CodeMirror-wrap {
    border: 1px solid #bbb;
}

span.inactive-display {
    overflow-y:hidden;
}

.ui-icon-pencil.select-loose-pencil {
    cursor   : pointer;
    position : absolute;
    right    : 0;
    top      : 50%;
}

.formNotice {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;

    left: 0;
    right: 0;
    top: 0;
}

.formNotice button {

}

.formNoticeActionButtons {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}