/* @group general style */
html, body, form { height: 100%; }
h1, form, body { margin: 0; padding: 0; }
body { font-size: 12px; background-color: #fff; font-family: arial,tahoma,verdana,sans-serif; }
img { border: none; vertical-align: middle; }
img.virtualicon { width: 16px; height: 16px; }
a:link, a:active, a:visited { text-decoration: none; color: #222; }
a:hover { color: #DD6900; }
h1 { font-size: 16px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }
table { border-collapse: collapse; }
td, th { overflow: hidden; text-overflow: ellipsis; }
fieldset { border: solid 1px #ccc; padding: 8px; margin-bottom: 5px; border-radius: 3px; }
.controllable { overflow: hidden; text-overflow: ellipsis; padding: 0px; margin: 0px; border: 0px;  white-space:nowrap;}
input[type="checkbox"] { vertical-align: middle; }
.tx-input { width: 100%; }
.tx-input, input[type="text"], textarea, select { font: inherit; line-height: normal; border: 1px solid #ccc; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; padding: 3px 0; }
.tx-input, input.tx-input[type="text"], textarea { box-sizing: border-box; padding: 4px; }
input[type="checkbox"] { vertical-align: middle; }
input[type="button"] { border: solid 1px #ccc; height: 24px; line-height: normal; padding: 0 8px; }
select { padding: 4px 0; }
.tx-input:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(102, 175, 233, .6); }
textarea { resize: none; }
button { cursor: pointer; border: none; background: none; padding: 0; margin: 0; }
input[disabled], select[disabled], input[readonly], select[readonly] { background-color: #eee; opacity: 1; }
.extTopbarWarning { color: Red; overflow: hidden; }
legend { font-weight: bold; }
table:focus { outline: 0; }
iframe { display: block; border: 0; }
span.tx-input { font: inherit; line-height: normal; border: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; padding: 0; }
.tx-customctl-line
{
    padding:8px 20px;
    position:relative;
    width:100%;
    line-height:100%;
    vertical-align:middle;
    box-sizing:border-box;
}
.tx-customctl-row
{
    padding:8px 0px;
    position:relative;
    width:100%;
    line-height:100%;
    vertical-align:middle;
    box-sizing:border-box;
    clear:both;
    overflow:hidden;
    white-space:nowrap;
    
}
.tx-customctl-column
{
    padding:0px;
    position:relative;
    line-height:100%;
    vertical-align:middle;
    box-sizing:border-box;
    float:left;  
    display:block;
    overflow:hidden; 
    white-space:nowrap;
}
.tx-customctl-column .tx-customctl-row:first-child
{
    padding:0px;
}

/* @group helper */
.red { color: red; }
.green { color: green; }
.bold { font-weight: bold; }

.clear { clear: both; }
.clearfix { zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.t-align-c { text-align: center; }
.t-align-l { text-align: left; }
.t-align-r { text-align: right; }
.v-align-t { vertical-align: top; }
.v-align-m { vertical-align: middle; }

.v-separator { height: 5px; }

.nowrap { white-space: nowrap; }

.horizontal-ul, .list-style-none { list-style: none; }
.horizontal-ul li { float: left; }

.fl { float: left; }
.fr { float: right; }
.ofh { overflow: hidden; }
.center { margin: 0 auto; }
.selected { font-weight: bold; }
.button { cursor: pointer; }
.noborder { border: 0; }

.display-block { display: block; }
.display-none, .contextMenu { display: none; }
.feedback { font-weight: 700; padding: 8px; text-align: center; border-radius: 5px; margin: 5px auto; }

.text-muted { color: #777; }
.text-primary { color: #337ab7; }
a.text-primary:hover { color: #286090; }
.text-success { color: #3c763d; }
a.text-success:hover { color: #2b542c; }
.text-info { color: #31708f; }
a.text-info:hover { color: #245269; }
.text-warning { color: #8a6d3b; }
a.text-warning:hover { color: #66512c; }
.text-danger { color: #a94442; }
a.text-danger:hover { color: #843534; }
.bg-light-blue { background-color: #e8f0f5; }
.bg-primary { color: #fff; background-color: #428bca; }
a.bg-primary:hover { background-color: #3071a9; }
.bg-success { background-color: #dff0d8; }
a.bg-success:hover { background-color: #c1e2b3; }
.bg-info { background-color: #d9edf7; }
a.bg-info:hover { background-color: #afd9ee; }
.bg-warning { background-color: #fcf8e3; }
a.bg-warning:hover { background-color: #f7ecb5; }
.bg-danger { background-color: #f2dede; }
a.bg-danger:hover { background-color: #e4b9b9; }

.text_large_bold { font-size: 13px; font-weight: bold; }
.text_small_bold { font-size: 10px; font-weight: bold; }

.w100p { width: 100%; }
.h100p { height: 100%; }
.w80 { width: 80px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w180 { width: 180px; }
.w240 { width: 240px; }
.w700 { width: 700px; }
.w200 { width: 200px; }
.w574 { width: 574px; }
.w578 { width: 578px; }

.h270 { height: 270px; }

.ddl-w180 { width: 180px; }
.ddl-w180 select { width: 90%; }
.ddl-w180 input { width: 90% !important; }

.ddl-w295 { width: 295px; }
.ddl-w295 select { width: 95%; }
.ddl-w295 input { width: 95% !important; }

.p5 { padding: 5px; }
.p10 { padding: 10px; }


.expand, .collapse { display: block; width: 16px; height: 16px; text-indent: -9999px; text-align: left; }
.expand { background: url(../../Images/expand-collapse.png) no-repeat 0 0; }
a.expand:hover { background: url(../../Images/expand-collapse.png) no-repeat 0 -16px; }
.collapse { background: url(../../Images/expand-collapse.png) no-repeat 0 -32px; }
a.collapse:hover { background: url(../../Images/expand-collapse.png) no-repeat 0 -48px; }


.filedchagnedred:not(.cke_top) { background: #fff url(../../Images/red-triangle.png) no-repeat left top !important; }
.cke_top.filedchagnedred:after { background: url(../../Images/red-triangle.png) no-repeat left top !important; content: " "; position: absolute; top: 0; left: 0; width: 12px; height: 12px; }






/* @group panel */
.tx-panel { border: solid 1px #ccc; }
.tx-panel-hdr { height: 24px; line-height: 24px; border-bottom: solid 1px #ccc; position: relative; font-weight: bold; padding: 0 5px; background: #eee; /* for non-css3 browsers */ background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eeeeee)); /* for webkit browsers */ background: -moz-linear-gradient(top, #fafafa, #eeeeee); /* for firefox 3.6+ */ background: -ms-linear-gradient(#fafafa, #eeeeee); background: -o-linear-gradient(#fafafa, #eeeeee); background: linear-gradient(#fafafa, #eeeeee); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#eeeeee'); /* for IE */ zoom: 1; }
.tx-panel-hdr .btnPanel { position: absolute; top: 0; bottom: 0; right: 5px; }
.tx-panel-hdr .btnPanel .tx-icon-btn { height: 18px; width: 18px; }
.tx-panel-body, .tx-panel-footer { padding: 5px; }
.tx-panel-footer { border-top: solid 1px #ccc; }






/* @group pages */
.p-error .tx-panel { box-shadow: 0 0 10px #ccc; margin: 15px; }
.p-error .tx-panel-hdr { height: 40px; line-height: 40px; background: #fff; }
.p-error .tx-panel-body { background: #f0f0f0 url(../../Images/error_body-bg.gif) no-repeat center center; min-height: 300px; }
.p-error h2 { color: #666; }
.prop-wrapper { float: left; height: 28px; line-height: 28px; padding: 1px 2px; }
.page-system .tx-panel { margin: 5px; }




/* @group form style */
.loginInput { width: 170px; font-weight: bold; font-size: 11px; color: #11669b; }
.frmEleWrapper { overflow: hidden; padding: 5px 0; }
.tx-form input, .tx-form textarea { margin: 0; padding: 2px; border-width: 1px; }
.tx-form input[type="text"]:focus, .tx-form textarea:focus { background: #ffc; }
.tx-form .center { margin: 0 auto; padding: 10px; width: 700px; }
.tx-form ul { margin: 0; padding: 0; }
.tx-form ul li { list-style: none; padding: 0 0 3px 10px; }
.tx-form fieldset { margin: 0; padding: 10px; }
.tx-form label { display: block; float: left; width: 120px; }
.tx-form textarea { width: 574px; height: 130px; }
.tx-form legend { margin-left: 10px; }
#btnGenerate, #btnView { margin-left: 10px; }
#relatedBook { background: #fff; border: solid 1px #34547b; width: 584px; height: 120px; display: inline; overflow: auto; }
#relatedBook td span.wikibook-item { padding-left: 20px; background: url(../../Images/wikibook.gif) no-repeat 0 50%; }





/* @group button style */
.tx-btn, .tx-icon-btn { background: #fff; border: 1px solid #ccc; display: inline-block; height: 24px; line-height: normal; padding: 0 8px; text-align: center; cursor: pointer; }
.tx-btn-txt { font-size: 12px; vertical-align: middle; }
.tx-btn:before, .tx-icon-btn:before { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; font-size: 0; box-sizing: border-box; }
.tx-btn:hover, .tx-icon-btn:hover { background-color: #ebebeb; border-color: #adadad; color: #222; }
.tx-icon-btn { width: 24px; height: 24px; padding: 0; }
.tx-btn-group li { padding: 0; margin-left: -1px; font-size: 0; float: left; }
.tx-btn-group li:first-child { margin-left: 0; }
.tx-btn-group .tx-icon-btn { width: 25px; padding: 0; }
.tx-btn-group a:hover { background-color: #eee; border-color: #ccc; }
.tx-btn.selected, .tx-icon-btn.selected, .tx-btn-group a.selected:hover { background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 100%); background-image: none,-moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 100%); background-image: none,-o-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 100%); background-image: none,linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 100%); background-color: #1984c8; border-color: #1984c8; color: #fff; }
.tx-icon { background-image: url("/DevSuiteWebControl/kendoui/styles/Silver/sprite.png"); background-repeat: no-repeat; border-color: transparent; vertical-align: middle; display: inline-block; font-size: 0; height: 16px; line-height: 0; overflow: hidden; text-align: center; width: 16px; }
.tx-btn-transition-selected, .tx-btn-group .tx-btn-transition-selected, .tx-btn-group .tx-btn-transition-selected:hover { background-color: #b22222 !important; color: #fff !important; border: solid 1px #b22222; font-weight: 700; }
.tx-btn-transition-editselected, .tx-btn-group .tx-btn-transition-editselected, .tx-btn-group .tx-btn-transition-editselected:hover { background-color: red !important; color: #fff !important; border: solid 1px #b22222; font-weight: 700; }
.tx-btn.disable { color: Gray; }

.link-play span { font-size: 12px; padding-left: 18px; background: url(../../Images/play.png) no-repeat 0 50%; }
.link-share span { font-size: 12px; padding: 0px; width: 21px; height: 21px; margin: 0px; background: url(../../Images/share.png) no-repeat 50% 50%; }
.link-playidea span { background: url(../../Images/icon_playidea.png) no-repeat 50% 50%; font-size: 12px; padding: 0px; width: 21px; height: 21px; margin: 0px; }
.link-stopidea span { font-size: 12px; padding: 0px; width: 21px; height: 21px; margin: 0px; background: url(../../Images/icon_stopidea.png) no-repeat 50% 50%; }
.btn_select, .top_link, .btn_edit_backlog, .btn_edit_backlog_disable, .btn_link_backlog { height: 18px; width: 70px; border: none; cursor: pointer; }
.btn_new, .btn_edit, .btn_view, .btn_onlinehelp_add, .btn_onlinehelp_edit, .btn_onlinehelp_view, .btn_onlinehelp_delete, .btn_onlinehelp_up, .btn_onlinehelp_down { height: 18px; width: 64px; border: none; cursor: pointer; }
.btn_view { background: url(../../Images/btn_view.gif) no-repeat; display: block; }
.btn_new { background: ButtonFace url(../../Images/btn_new.gif) no-repeat; }
.btn_right, .btn_rightall, .btn_leftall, .btn_left { height: 18px; width: 33px; border: none; cursor: pointer; }
.btn_right { background: url(../../Images/btn_right.gif) no-repeat; }
.btn_rightall { background: url(../../Images/btn_rightall.gif) no-repeat; }
.btn_upload, .btn-import, .btn-sync { height: 18px; width: 71px; border: none; cursor: pointer; }
.btn_upload { background: url(../../Images/btn_upload.gif) no-repeat; }
.btn-import { background: ButtonFace url(../../Images/import.gif) no-repeat; }
.btn-export { background: ButtonFace url(../../Images/export.gif) no-repeat; width: 74px; height: 18px; cursor: pointer; }
.btn-sync { background: ButtonFace url(../../Images/btn-sync.gif) no-repeat; }

.btn_showattendess { background: url(../../Images/btn_showattendess.gif) no-repeat; height: 18px; width: 119px; border: none; cursor: pointer; }
.btn_sendmeeting { background: url(../../Images/btn_sendmeeting.gif) no-repeat; height: 18px; width: 157px; border: none; cursor: pointer; }
.btn_new_backlog { background: url(../../Images/btn_new_backlog.gif) no-repeat; height: 18px; width: 67px; border: none; cursor: pointer; }
.btn_leftall { background: url(../../Images/btn_leftall.gif) no-repeat; }
.btn_left { background: url(../../Images/btn_left.gif) no-repeat; }
.btn_edit { background: url(../../Images/btn_edit.gif) no-repeat; }
.btn_edit_backlog { background: url(../../Images/btn_edit_backlog.gif) no-repeat; cursor: pointer; }
.btn_property { background: ButtonFace url(../../Images/btn_property.gif) no-repeat; height: 18px; width: 74px; border: none; cursor: pointer; }
.btn_forward { background: url(../../Images/btn_forward.gif) no-repeat; height: 18px; width: 73px; border: none; cursor: pointer; }
.btn_select { background: url(../../Images/btn_select.gif) no-repeat; cursor: pointer; }
.btn_down, .btn_down_disable, .btn_wikibook_add, .btn_wikibook_delete, .btn_action, .btn_up, .btn_up_disable { height: 18px; width: 60px; border: none; cursor: pointer; }
.btn_down { background: url(../../Images/btn_down.gif) no-repeat; }
.btn_down_disable { background: url(../../Images/btn_down_disable.gif) no-repeat; }
.btn_wikibook_add { background: url(../../Images/wikibook_add.gif) no-repeat; }
.btn_wikibook_delete { background: url(../../Images/wikibook_remove.gif) no-repeat; }
.btn_action { background: ButtonFace url(../../Images/button_action.gif) no-repeat 0 0; height: 16px; margin-top: 2px; }
.btn_up { background: url(../../Images/btn_up.gif) no-repeat; }
.btn_up_disable { background: url(../../Images/btn_up_disable.gif) no-repeat; }
.btn_delete, .btn_delete_disable { height: 18px; width: 69px; border: none; cursor: pointer; }
.btn_delete { background: ButtonFace url(../../Images/btn_delete.gif) no-repeat; }
.btn_delete_disable { background: url(../../Images/btn_delete_disable.gif) no-repeat; }

.btn_close, .top_search, .top_search_on, .top_advancedsearch, .top_advancedsearch_on, .top_edit, .top_edit_on, .btn_import, .btn_import_disable, .btn_finish { height: 19px; width: 70px; border: none; cursor: pointer; }
.btn_close { background: url(../../Images/btn_close.gif) no-repeat; }
.top_search { background: url(../../Images/top_search2.gif) no-repeat; }
.top_search_on { background: url(../../Images/top_search_on.gif) no-repeat; }
.top_advancedsearch { background: url(../../Images/top_advanced_search.gif) no-repeat; }
.top_advancedsearch_on { background: url(../../Images/top_advanced_search_on.gif) no-repeat; }
.top_edit { background: url(../../Images/top_edit.gif) no-repeat; }
.top_edit_on { background: url(../../Images/top_edit_on.gif) no-repeat; }
.btn_import { background: url(../../Images/buttons-Import.gif) no-repeat; }
.btn_import_disable { background: url(../../Images/buttons-Import_disable.gif) no-repeat; }
.btn_finish { background: url(../../Images/buttons-finish.gif) no-repeat; }
.btn_back { background: url(../../Images/btn_back.gif) no-repeat; height: 22px; width: 61px; border: none; cursor: pointer; }
.top_link { background: url(../../Images/btn_Link.gif) no-repeat; cursor: pointer; }
.btn_goto { background: url(../../Images/button_goto.gif) no-repeat; height: 24px; width: 74px; border: none; cursor: pointer; }
.btn_generate { background: url(../../Images/wikibook_generate.gif) no-repeat; height: 18px; width: 172px; border: none; cursor: pointer; }
.btn_goto_project { height: 18px; width: 55px; border: none; cursor: pointer; }
.btn_onlinehelp_add { background: url(../../Images/onlinehelp_add.gif) no-repeat; }
.btn_onlinehelp_edit { background: url(../../Images/onlinehelp_edit.gif) no-repeat; }
.btn_onlinehelp_view { background: url(../../Images/onlinehelp_view.gif) no-repeat; }
.btn_onlinehelp_delete { background: url(../../Images/onlinehelp_delete.gif) no-repeat; }
.btn_onlinehelp_up { background: url(../../Images/onlinehelp_up.gif) no-repeat; }
.btn_onlinehelp_down { background: url(../../Images/onlinehelp_down.gif) no-repeat; }
.btn_onlinehelp_reset { background: url(../../Images/onlinehelp_reset.gif) no-repeat; height: 18px; width: 57px; border: none; cursor: pointer; }
.btn_onlinehelp_test { background: url(../../Images/onlinehelp_test.gif) no-repeat; height: 18px; width: 48px; border: none; cursor: pointer; }
.btn_onlinehelp_dot { background: url(../../Images/onlinehelp_more.gif) no-repeat; height: 18px; width: 32px; border: none; cursor: pointer; }
.btn_onlinehelp_update { background: url(../../Images/onlinehelp_update.gif) no-repeat; height: 18px; width: 57px; border: none; cursor: pointer; }
.btn_assign { background: url(../../Images/assign.gif) no-repeat; height: 18px; width: 75px; border: none; cursor: pointer; }
.btn_refresh { background: ButtonFace url(../../Images/refresh.gif) no-repeat 0 0; height: 19px; width: 74px; border: none; cursor: pointer; }
.btn_export { background: url(../../Images/btn_export.gif) no-repeat; height: 18px; width: 74px; border: none; cursor: pointer; }
.btn_export_word { background: url(../../Images/btn_export_word.gif) no-repeat; height: 18px; width: 74px; border: none; cursor: pointer; }
.btn_generatpdf { background: url(../../Images/generatpdf.gif) no-repeat; height: 18px; width: 74px; border: none; cursor: pointer; }
.btn_backlog { background: url(../../Images/backlog.gif) no-repeat; height: 19px; width: 74px; border: none; cursor: pointer; }
.btn_continue, .btn_logoff { height: 21px; width: 75px; border: none; cursor: pointer; }
.btn_continue { background: url(../../Images/button_continue.gif) no-repeat; }
.btn_logoff { background: url(../../Images/button_logoff.gif) no-repeat; }
.top_advancedsearch_new, .top_clear_new { width: 16px; height: 16px; border: none; cursor: pointer; }
.top_search_new_on, .top_advancedsearch_new_on, .btn_report_first_disable, .btn_report_prev_disable, .btn_report_next_disable, .btn_report_last_disable, .btn_report_asc_down, .btn_report_asc, .btn_report_des_down, .btn_report_des, .btn_report_property, .btn_report_export, .btn_report_print, .btn_report_first, .btn_report_prev, .btn_report_next, .btn_report_last { height: 18px; width: 18px; border: none; cursor: pointer; }
.top_search_new_on { background: url(../../Images/top_search_go_new_on.gif) no-repeat; }
.top_advancedsearch_new { background: ButtonFace url(../../Images/top_advanced_search_new.gif) no-repeat 0 0; display: block; }
.top_advancedsearch_new_on { background: url(../../Images/top_advanced_search_new_on.gif) no-repeat; }
.top_clear_new { background: ButtonFace url(../../Images/top_clear_new.gif) no-repeat; display: block; }
.btn_report_asc_down { background: url(../../Images/btn_report_asc_down.gif) no-repeat; }
.btn_report_asc { background: url(../../Images/btn_report_asc.gif) no-repeat; }
.btn_report_des_down { background: url(../../Images/btn_report_des_down.gif) no-repeat; }
.btn_report_des { background: url(../../Images/btn_report_des.gif) no-repeat; }
.btn_report_property { background: url(../../Images/btn_report_property.gif) no-repeat; }
.btn_report_export { background: url(../../Images/btn_report_export.gif) no-repeat; }
.btn_report_print { background: url(../../Images/btn_report_print.gif) no-repeat; }
.btn_report_first { background: url(../../Images/btn_report_first.gif) no-repeat; }
.btn_report_prev { background: url(../../Images/btn_report_prev.gif) no-repeat; }
.btn_report_next { background: url(../../Images/btn_report_next.gif) no-repeat; }
.btn_report_last { background: url(../../Images/btn_report_last.gif) no-repeat; }
.btn_report_first_disable { background: url(../../Images/btn_report_first_disable.gif) no-repeat; }
.btn_report_prev_disable { background: url(../../Images/btn_report_prev_disable.gif) no-repeat; }
.btn_report_next_disable { background: url(../../Images/btn_report_next_disable.gif) no-repeat; }
.btn_report_last_disable { background: url(../../Images/btn_report_last_disable.gif) no-repeat; }
.btn_overwrite_local { background: url(../../Images/buttons-OverWrite-Local.gif) no-repeat; height: 19px; width: 120px; border: none; cursor: pointer; }
.btn_print { background: url(../../Images/buttons-print.gif) no-repeat; height: 18px; width: 65px; border: none; cursor: pointer; }
.btn_treesetting { background: url(../../Images/buttons-treesetting.gif) no-repeat; height: 19px; width: 86px; border: none; cursor: pointer; }
.btn_invoke { background: url(../../Images/buttons-invoke.gif) no-repeat; height: 70px; width: 19px; border: none; cursor: pointer; }
.btn_link { background: url(../../Images/buttons-link.gif) no-repeat; height: 18px; width: 65px; border: none; cursor: pointer; }
.btn_next { background: url(../../Images/buttons-next.gif) no-repeat; height: 18px; width: 65px; border: none; cursor: pointer; }
.btn_upload_disable { background: url(../../Images/buttons-upload-disable.gif) no-repeat; height: 18px; width: 71px; border: none; cursor: pointer; }
.btn_previous { background: url(../../Images/buttons-Previous.gif) no-repeat; height: 18px; width: 75px; border: none; cursor: pointer; }
.btn_previous_disable { background: url(../../Images/buttons-Previous_Disable.gif) no-repeat; height: 18px; width: 75px; border: none; cursor: pointer; }
.btn_edit_field { background: url(../../Images/button_edit.gif) no-repeat; height: 21px; width: 50px; border: none; cursor: pointer; }
.btn_edit_field_disable { background: url(../../Images/button_edit_disable.gif) no-repeat; height: 21px; width: 50px; border: none; }
.btn_define_map_disable { background: url(../../Images/buttons-DefineMap_disable.gif) no-repeat; height: 19px; width: 104px; border: none; }
.btn_define_map { background: url(../../Images/buttons-DefineMap.gif) no-repeat; height: 19px; width: 104px; border: none; }
.btn_showbacklog { background: ButtonFace url(../../Images/button_ViewOptions.gif) no-repeat; height: 16px; width: 92px; border: none; margin-top: 2px; }
.btn_changeproductversion { background: ButtonFace url(../../Images/changePV.gif) no-repeat; height: 22px; width: 81px; border: none; cursor: pointer; }
.btn_changeproductversion_disable { background: ButtonFace url(../../Images/changePV_disabled.gif) no-repeat; height: 22px; width: 81px; border: none; cursor: pointer; }
.wikibook_search, .wikibook_clear, .wikibook_searched { background: url(../../Images/wikibook/btn_searching.gif) no-repeat; border: none; cursor: pointer; width: 78px; height: 20px; margin: 7px; }
.wikibook_searched { background: url(../../Images/wikibook/btn_searching_on.gif) no-repeat; }
.wikibook_clear { background: ButtonFace url(../../Images/wikibook/btn_clear.gif) no-repeat; width: 73px; }
.btn_workschedule_edit_new, .btn_workschedule_add_new, .btn_workschedule_add_new, .btn_workschedule_delete_new { width: 50px; height: 21px; border: none; cursor: pointer; }
.btn_workschedule_edit_new { background: url(../../Images/button_edit_new.gif) no-repeat; }
.btn_workschedule_add_new { background: url(../../Images/button_add_new.gif) no-repeat; }
.btn_workschedule_delete_new { background: url(../../Images/button_delete_new.gif) no-repeat; }
.btn_workschedule_view { background: url(../../Images/button_view_new.gif) no-repeat; }


/* button styles for popup window tool bar */
.reset { background-image: url(../../Images/ButtonIcon/arrow-circle.gif ) !important; }
.submit { background-image: url(../../Images/ButtonIcon/accept.gif ) !important; }
.save { background-image: url(../../Images/ButtonIcon/accept.gif ) !important; }
.delete { background-image: url(../../Images/ButtonIcon/delete.png ) !important; }
.cancel { background-image: url(../../Images/ButtonIcon/delete.png ) !important; }
.edit { background-image: url(../../Images/ButtonIcon/edit.gif ) !important; }
.setting { background-image: url(../../Images/ButtonIcon/setting.png) !important; }
.help { background-image: url(../../Images/ButtonIcon/help.png) !important; }
.next { background-image: url(../../Images/ButtonIcon/purple-arrow-right.png) !important; }

.icon-export 
{
    background-image: url("../../images/icons.png") !important;
    background-position: -101px -27px;
}
.icon-share
{
    background-image: url("../../images/icons.png") !important;
     background-position: -125px -27px;
}


/* @group top nav */
#top-nav { white-space: nowrap; height: 32px; line-height: 32px; border-bottom: 1px solid #ccc; position: relative; }
#top-nav ul { list-style: none; margin: 0; padding: 0; }
#top-nav li { float: left; height: 32px; }
#top-nav a { display: block; color: #225e9f; font-weight: bold; height: 22px; line-height: 22px; margin-top: 5px; }
#top-nav a:hover { color: #f60; text-decoration: none; }
#top-nav a.selected { margin-top: 5px; border-radius: 2px; background-color: #d1e3f7; }
#loginInfo { position: absolute; right: 0; top: 0; z-index: 10; }
#mainInfo { position: absolute; left: 0; top: 0; z-index: 11; }
#mainInfo a { padding: 0 7px 0 25px; }
#home a { background: url(../../Images/top2_home2.gif) no-repeat 3px 50%; margin-left: 3px; }
#devSpec a, #kwSpec a { background: url(../../Images/top2_spec.gif) no-repeat 3px 50%; }
#kw a { background: url(../../Images/top2_knowledge.gif) no-repeat 3px 50%; }
#baseline a { background: url(../../Images/top2_baseline.gif) no-repeat 3px 50%; }
#cr a { background: url(../../Images/top_changerequest.gif) no-repeat 3px 50%; }
#report a { background: url(../../Images/top2_reportview.gif) no-repeat 3px 50%; }
#setting a { background: url(../../Images/top2_settings2.gif) no-repeat 3px 50%; }









/* @group treeview */
.tree-body { overflow: auto; }
* html .hitarea { display: inline; float: none; }
.treeview, .treeview ul { padding: 0; margin: 0; list-style: none; font-size: 12px; }
.treeview .hitarea { background: url(/DevSuiteWebControl/kendoui/styles/Silver/sprite.png) 0 -224px no-repeat; height: 16px; width: 16px; margin-left: -20px; float: left; cursor: pointer; }
.treeview .expandable-hitarea { background-position: 0 -192px; }
.treeview li { margin: 0; padding: 2px 2px 2px 20px; white-space: nowrap; }
.treeview a.selected { background-color: #eee; }
.treeview .hover { cursor: pointer; }
.filetree li span { display: inline-block; }
.filetree li span:hover { background-color: #d1e3f7; }
.filetree li input[type="checkbox"]:disabled+span { color: #999; }

.filetree span.baseline { padding: 2px 3px 2px 20px; }
.filetree span.baseline { background: url(../../Images/folder_baseline.gif) 0 0 no-repeat; }
.filetree span.devtrack { padding: 2px 3px 2px 20px; }
.filetree span.devtrack { background: url(../../Images/devtrack.gif) 0 0 no-repeat; }
.filetree span.spec { padding: 2px 3px 2px 20px; }
.filetree span.spec { background: url(../../Images/folder_spec_open.gif) 0 0 no-repeat; }
.filetree span.reqitem { padding: 2px 3px 2px 20px; }
.filetree span.reqitem { background: url(../../Images/epic.png) 0 0 no-repeat; }
.filetree span.productcomponent { padding: 2px 3px 2px 20px; }
.filetree span.productcomponent { background: url(../../Images/productcomponent.gif) 0 0 no-repeat; }
.filetree span.reqitem_closed { padding: 2px 3px 2px 20px; }
.filetree span.reqitem_closed { background: url(../../Images/item_02_0_closed.gif) 0 0 no-repeat; }
.filetree span.subproject-milestone-closed { padding: 2px 3px 2px 20px; background: url(../../Images/milestone-closed.png) 0 0 no-repeat; }
.filetree span.subproject-milestone { padding: 2px 3px 2px 20px; background: url(../../Images/milestone.png) 0 0 no-repeat; }
.filetree span.Subproject_SpecBacklog_Open { padding: 2px 3px 2px 20px; }
.filetree span.Subproject_SpecBacklog_Open { background: url(../../Images/Subproject_SpecBacklog_Open.gif) 0 0 no-repeat; }
.filetree span.Subproject_BacklogFolder_Open { padding: 2px 3px 2px 20px; }
.filetree span.Subproject_BacklogFolder_Open { background: url(../../Images/Subproject_BacklogFolder_Open.gif) 0 0 no-repeat; }
.filetree span.Subproject_SpecBacklog_Close { padding: 2px 3px 2px 20px; }
.filetree span.Subproject_SpecBacklog_Close { background: url(../../Images/Subproject_SpecBacklog_Close.gif) 0 0 no-repeat; }
.filetree span.Subproject_FeatureLink_Close { padding: 2px 3px 2px 20px; }
.filetree span.Subproject_FeatureLink_Close { background: url(../../Images/Subproject_FeatureLink_Close.gif) 0 0 no-repeat; }
.filetree span.Subproject_Normal_Open { padding: 2px 3px 2px 20px; }
.filetree span.Subproject_Normal_Open { background: url(../../Images/Subproject_Normal_Open.gif) 0 0 no-repeat; }
.filetree span.Subproject_Normal_Close { padding: 2px 3px 2px 20px; }
.filetree span.Subproject_Normal_Close { background: url(../../Images/Subproject_Normal_Close.gif) 0 0 no-repeat; }
.filetree span.Subproject_SpringGroup_Open { padding: 2px 3px 2px 20px; }
.filetree span.Subproject_SpringGroup_Open { background: url(../../Images/Subproject_SpringGroup_Open.gif) 0 0 no-repeat; }
.filetree span.Subproject_SpringGroup_Close { padding: 2px 3px 2px 20px; }
.filetree span.Subproject_SpringGroup_Close { background: url(../../Images/Subproject_SpringGroup_Close.gif) 0 0 no-repeat; }
.filetree span.Subproject_SpringSubproject_Open_current { padding: 2px 3px 2px 20px; }
.filetree span.Subproject_SpringSubproject_Open_current { background: url(../../Images/Subproject_SpringSubproject_Open_current.gif) 0 0 no-repeat; }
.filetree span.Subproject_SpringSubproject_Close { padding: 2px 3px 2px 20px; }
.filetree span.Subproject_SpringSubproject_Close { background: url(../../Images/Subproject_SpringSubproject_Close.gif) 0 0 no-repeat; }
.filetree span.Subproject_SpringSubproject_Open_Feature { padding: 2px 3px 2px 20px; }
.filetree span.Subproject_SpringSubproject_Open_Feature { background: url(../../Images/Subproject_SpringSubproject_Open_Feature.gif) 0 0 no-repeat; }
.filetree span.Subproject_SpringSubproject_Open_Past { padding: 2px 3px 2px 20px; }
.filetree span.Subproject_SpringSubproject_Open_Past { background: url(../../Images/Subproject_SpringSubproject_Open_Past.gif) 0 0 no-repeat; }
.filetree span.Subproject_Milestone_Open { padding: 2px 3px 2px 20px; }
.filetree span.Subproject_Milestone_Open { background: url(../../Images/milestone.png) 0 0 no-repeat; }
.filetree span.Subproject_Milestone_Close { padding: 2px 3px 2px 20px; }
.filetree span.Subproject_Milestone_Close { background: url(../../Images/milestone-closed.png) 0 0 no-repeat; }
.filetree span.Subproject_Release_Backlog { padding: 2px 3px 2px 20px; }
.filetree span.Subproject_Release_Backlog { background: url(../../Images/Tracking-open.gif) 0 0 no-repeat; }



.filetree span.ffolder { padding: 2px 3px 2px 20px; }
.filetree span.ffolder { background: url(../../Images/tree_Specfication_close.gif) 0 0 no-repeat; }
.filetree span.changefolder { padding: 2px 3px 2px 20px; }
.filetree span.changefolder { background: url(../../Images/folder_change_open.gif) 0 0 no-repeat; }
.filetree span.fproject { padding: 2px 3px 2px 20px; }
.filetree span.fproject { background: url(../../Images/knowledge-p-open.gif) 0 0 no-repeat; }
.filetree span.linkedreqfolder { padding: 2px 3px 2px 20px; }
.filetree span.linkedreqfolder { background: url(../../Images/devspec2.gif) 0 0 no-repeat; }
.filetree span.approvalfolder {    padding: 2px 3px 2px 20px;}
.filetree span.approvalfolder {    background: url(../../Images/folder_approval.png) 0 0 no-repeat;}

span.folder { padding: 2px 3px 2px 20px; }
span.folder { background: url(../../Images/icon-folder.png) 0 50% no-repeat; }
span.folder_closed { padding: 2px 3px 2px 20px; }
span.folder_closed { background: url(../../Images/icon-folder-closed.png) 0 50% no-repeat; }
span.imagebase { padding: 2px 3px 2px 20px; }
span.imagebase { background: url(../../Images/imagebase-open.gif) 0 50% no-repeat; }
span.reqspace { padding: 2px 3px 2px 20px; }
span.reqspace { background: url(../../Images/devspecspace.gif) 0 50% no-repeat; }
span.req-space-closed { padding: 2px 3px 2px 20px; }
span.req-space-closed { background: url(../../Images/req-space-closed.gif) 0 50% no-repeat; }
span.epic-doc { padding: 2px 3px 2px 20px; background: url(../../Images/epic-doc.gif) no-repeat 0 0; line-height: 16px; }
span.epic-doc-closed { padding: 2px 3px 2px 20px; background: url(../../Images/epic-doc-closed.gif) no-repeat 0 0; line-height: 16px; }
span.imagebase_closed { padding: 2px 3px 2px 20px; }
span.imagebase_closed { background: url(../../Images/imagebase-open_closed.gif) 0 50% no-repeat; }
span.temp, span.doc-temp, span.epic-doc-temp, span.attach-temp { padding: 2px 3px 2px 20px; }
span.temp { background: url(../../Images/temp-open.gif) 0 50% no-repeat; }
span.doc-temp { background: url(../../Images/doc-temp.gif) 0 0 no-repeat; }
span.epic-doc-temp { background: url(../../Images/epic-doc-temp.gif) 0 0 no-repeat; }
span.attach-temp { background: url(../../Images/attach-temp.gif) 0 0 no-repeat; }
span.temp_closed, span.doc-temp-closed, span.epic-doc-temp-closed, span.attach-temp-closed { padding: 2px 3px 2px 20px; background: url(../../Images/temp-open_closed.gif) 0 0 no-repeat; }
span.wiki { padding: 2px 3px 2px 20px; }
span.wiki { background: url(../../Images/wiki-open.gif) 0 0 no-repeat; }
span.report_spec { padding: 2px 3px 2px 20px; }
span.report_spec { background: url(../../Images/report_f.gif) 0 0 no-repeat; }
span.report_knowledge { padding: 2px 3px 2px 20px; }
span.report_knowledge { background: url(../../Images/report_k.gif) 0 0 no-repeat; }
span.report_change { padding: 2px 3px 2px 20px; }
span.report_change { background: url(../../Images/report_c.gif) 0 0 no-repeat; }
span.report_common { padding: 1px 0 1px 20px; }
span.report_common { background: url(../../Images/report_spec_open.gif) 0 0 no-repeat; }
span.report_distribution { padding: 2px 3px 2px 20px; }
span.report_distribution { background: url(../../Images/report_distribution.gif) 0 0 no-repeat; }
span.report_tabular { padding: 2px 3px 2px 20px; }
span.report_tabular { background: url(../../Images/report_tabulate.gif) 0 0 no-repeat; }
span.report_list { padding: 2px 3px 2px 20px; }
span.report_list { background: url(../../Images/report_list.gif) 0 0 no-repeat; }
span.report_parentchild { padding: 2px 3px 2px 20px; }
span.report_parentchild { background: url(../../Images/report_parentchild.png) 0 0 no-repeat; }
span.report_bar { padding: 2px 3px 2px 20px; }
span.report_bar { background: url(../../Images/report_bar.png) 0 0 no-repeat; }
span.report_trendsummary { padding: 2px 3px 2px 20px; }
span.report_trendsummary { background: url(../../Images/report_trend.png) 0 0 no-repeat; }
span.report_folder_public { padding: 2px 3px 2px 20px; }
span.report_folder_public { background: url(../../Images/report_public_open.gif) 0 0 no-repeat; }
span.knowledge_folder { padding: 2px 3px 2px 20px; }
span.knowledge_folder_closed { padding: 2px 3px 2px 20px; }
span.knowledge_folder_closed { background: url(../../Images/icon-folder-closed.png) 0 0 no-repeat; }
span.knowledge_space { padding: 2px 3px 2px 20px; background: url(../../Images/Knowledge_space.png) 0 0 no-repeat; }
span.kw-space-closed { padding: 2px 3px 2px 20px; background: url(../../Images/kw-space-closed.gif) 0 0 no-repeat; }
span.childSpecOfEpicDoc { padding: 2px 3px 2px 20px; display: inline-block; background: url(../../Images/Spec_child_word_item.gif) no-repeat 0 0; }
span.wb-folder { padding: 2px 3px 2px 20px; background: url(../../Images/icon-word-book.png) 0 0 no-repeat; }
span.hb-folder { padding: 2px 3px 2px 20px; background: url(../../Images/icon-help-book-open.png) 0 0 no-repeat; }
span.wb-book-page { padding: 2px 3px 2px 20px; background: url(../../Images/wb-book-page.gif) 0 0 no-repeat; }
span.hb-book-page { padding: 2px 3px 2px 20px; background: url(../../Images/icon-book-page.png) 0 0 no-repeat; }
span.wb-family { padding: 2px 3px 2px 20px; background: url(../../Images/IdeaBook.png) 0 0 no-repeat; }
span.wb-book-cover { padding: 2px 3px 2px 20px; background: url(../../Images/icon-word-book-cover.png) 0 0 no-repeat; }
span.wb-chapter { padding: 2px 3px 2px 20px; background: url(../../Images/icon-word-book-chapter.png) 0 0 no-repeat; }
span.wb-root { padding: 2px 3px 2px 20px; background: url(../../Images/wb-root.gif) 0 0 no-repeat; }
span.wb-item { padding: 2px 3px 2px 20px; background: url(../../Images/wikibook.gif) 0 0 no-repeat; }
span.report_folder { background: url(../../Images/icon-folder.png) 0 0 no-repeat; }
span.knowledge_folder { background: url(../../Images/icon-folder.png) 0 0 no-repeat; }
span.GlobalReport { padding: 2px 3px 2px 20px; }
span.GlobalReport { background: url(/DevSpec/Images/icon-folder.png) 0 0 no-repeat; }
span.wb-normal-folder { padding: 2px 3px 2px 20px; background: url(../../Images/icon-folder.png) 0 0 no-repeat; }
span.wb-normal-folder.root { padding: 2px 3px 2px 20px; background: url(../../Images/wb-root.gif) 0 0 no-repeat; }
span.wikibookroot { padding: 2px 3px 2px 20px; }
span.wikibookroot { background: url(../../Images/wikibook_opened_small.gif) 0 0 no-repeat; }
span.wikibookfolder { padding: 2px 3px 2px 20px; }
span.wikibookfolder { background: url(../../Images/wikibook_opened_purple.gif) 0 0 no-repeat; }
span.wikibookitem { padding: 2px 3px 2px 20px; }
span.wikibookitem { background: url(../../Images/item_01_0.gif) 0 0 no-repeat; }
span.wikibookchapter { padding: 2px 3px 2px 20px; }
span.wikibookchapter { background: url(../../Images/wikibookchapter.gif) 0 0 no-repeat; }
span.imagebaseitem { padding: 2px 3px 2px 20px; }
span.imagebaseitem { background: url(../../Images/img_file.gif) 0 0 no-repeat; }
span.specnode { padding: 2px 3px 2px 20px; }
span.specnode { background: url(../../Images/spec.png) 0 0 no-repeat; }
span.specpnode { padding: 2px 3px 2px 20px; }
span.specpnode { background: url(../../Images/item_03_0_p.gif) 0 0 no-repeat; }
span.specredpnode { padding: 2px 3px 2px 20px; }
span.specredpnode { background: url(../../Images/item_03_0_redp.gif) 0 0 no-repeat; }
span.speccnode { padding: 2px 3px 2px 20px; }
span.speccnode { background: url(../../Images/item_03_0_c.gif) 0 0 no-repeat; }
span.specrnode { padding: 2px 3px 2px 20px; }
span.specrnode { background: url(../../Images/item_03_0_r.gif) 0 0 no-repeat; }
span.specrefnode { padding: 2px 3px 2px 20px; }
span.specrefnode { background: url(../../Images/item_03_0_r.gif) 0 0 no-repeat; }
span.epicnode { padding: 2px 3px 2px 20px; }
span.epicnode { background: url(../../Images/epic.png) 0 0 no-repeat; }
span.epiccnode { padding: 2px 3px 2px 20px; }
span.epiccnode { background: url(../../Images/item_02_0_c.gif) 0 0 no-repeat; }
span.epicpnode { padding: 2px 3px 2px 20px; }
span.epicpnode { background: url(../../Images/item_02_0_p.gif) 0 0 no-repeat; }
span.epicredpnode { padding: 2px 3px 2px 20px; }
span.epicredpnode { background: url(../../Images/item_02_0_redp.gif) 0 0 no-repeat; }
span.epicrefnode { padding: 2px 3px 2px 20px; }
span.epicrefnode { background: url(../../Images/item_02_0_r.gif) 0 0 no-repeat; }
span.reqwordchild { padding: 2px 3px 2px 20px; }
span.reqwordchild { background: url(../../Images/requirementwordchild.gif) 0 0 no-repeat; }
span.specwordchild { padding: 2px 3px 2px 20px; }
span.specwordchild { background: url(../../Images/Spec_child_word_item.gif) 0 0 no-repeat; }
span.reqword { padding: 2px 3px 2px 20px; }
span.reqword { background: url(../../Images/requirementword.gif) 0 0 no-repeat; }
span.specword { padding: 2px 3px 2px 20px; }
span.specword { background: url(../../Images/Spec_word_item.gif) 0 0 no-repeat; }
span.wikibookitem_closed { padding: 2px 3px 2px 20px; }
span.wikibookitem_closed { background: url(../../Images/item_01_20.gif) 0 0 no-repeat; }
span.imagebaseitem_closed { padding: 2px 3px 2px 20px; }
span.imagebaseitem_closed { background: url(../../Images/img_file_closed.gif) 0 0 no-repeat; }
span.wikibookfeature_closed { padding: 2px 3px 2px 20px; }
span.wikibookfeature_closed { background: url(../../Images/spec-closed.png) 0 0 no-repeat; }
span.wikibookrequirement_closed { padding: 2px 3px 2px 20px; }
span.wikibookrequirement_closed { background: url(../../Images/epic-closed.gif) 0 0 no-repeat; }
span.wikibookimplementcopy { padding: 2px 3px 2px 20px; }
span.wikibookimplementcopy { background: url(../../Images/spec_im_copy.gif) 0 0 no-repeat; }
span.wikibook_root { padding: 2px 3px 2px 20px; }
span.wikibook_root { background: url(../../Images/wikibook_opened_small.gif) 0 0 no-repeat; }
span.wikibook_folder { padding: 2px 3px 2px 20px; }
span.wikibook_folder { background: url(../../Images/wikibook_opened_purple.gif) 0 0 no-repeat; }
span.wikibook_family { padding: 2px 3px 2px 20px; }
span.wikibook_family { background: url(../../Images/wikibook_family_opened.gif) 0 0 no-repeat; }
span.wikibook_group { padding: 2px 3px 2px 20px; }
span.wikibook_group { background: url(../../Images/IdeaBook.png) 0 0 no-repeat; }
span.wikibook_item { padding: 2px 3px 2px 20px; }
span.wikibook_item { background: url(../../Images/wikibook_opened_purple.gif) 0 0 no-repeat; }
span.wikibook_section { padding: 2px 3px 2px 20px; }
span.wikibook_section { background: url(../../Images/wikibook_section.gif) 0 0 no-repeat; }
span.wikibook_chapter { padding: 2px 3px 2px 20px; }
span.wikibook_chapter { background: url(../../Images/kw_folder_chapter.gif) 0 0 no-repeat; }
span.wikibook_preface { padding: 2px 3px 2px 20px; }
span.wikibook_preface { background: url(../../Images/kw_item_preface.gif) 0 0 no-repeat; }
span.wikibook_acknowledgement { padding: 2px 3px 2px 20px; }
span.wikibook_acknowledgement { background: url(../../Images/kw_item_acknowledge.gif) 0 0 no-repeat; }
span.wikibook_reference { padding: 2px 3px 2px 20px; }
span.wikibook_reference { background: url(../../Images/kw_item_reference.gif) 0 0 no-repeat; }
span.wikibook_index { padding: 2px 3px 2px 20px; }
span.wikibook_index { background: url(../../Images/kw_item_index.gif) 0 0 no-repeat; }
.filetree span.product { padding: 2px 3px 2px 20px; }
.filetree span.product { background: url(../../Images/tree_orange_open.gif) 0 0 no-repeat; }
.filetree span.productroot { padding: 1px 0 1px 20px; }
.filetree span.productroot { background: url(../../Images/tree_red_open.gif) 0 0 no-repeat; }
.filetree span.report_specroot { padding: 2px 3px 2px 20px; }
.filetree span.report_specroot { background: url(../../Images/report_spec_open.gif) 0 0 no-repeat; }
.filetree span.report_knowledgeroot { padding: 2px 3px 2px 20px; }
.filetree span.report_knowledgeroot { background: url(../../Images/report_knowledge_open.gif) 0 0 no-repeat; }
.filetree span.report_folder_private { padding: 2px 3px 2px 20px; }
.filetree span.report_folder_private { background: url(../../Images/report_private_open.gif) 0 0 no-repeat; }
.filetree span.report_folder { padding: 2px 3px 2px 20px; }
.filetree span.report_folder_closed { padding: 2px 3px 2px 20px; }
.filetree span.report_folder_closed { background: url(../../Images/icon-folder-closed.png) 0 0 no-repeat; }
.filetree span.Subproject_SpecBacklog_Open { padding: 2px 3px 2px 20px; }
.filetree span.Subproject_SpecBacklog_Open { background: url(../../Images/Subproject_SpecBacklog_Open.gif) 0 0 no-repeat; }
.filetree span.project_folder { padding: 2px 3px 2px 20px; }
.filetree span.project_folder { background: url(../../Images/nf_pf_open.gif) 0 0 no-repeat; }
.filetree span.user_folder { padding: 2px 3px 2px 20px; display: inline-block; }
.filetree span.user_folder { background: url(../../Images/user.png) 0 0 no-repeat; }
.filetree span.account_folder { padding: 2px 3px 2px 20px; display: inline-block; }
.filetree span.account_folder { background: url(../../Images/account_type.png) 0 0 no-repeat; }
.filetree span.teamgroup_folder { padding: 2px 3px 2px 20px; display: inline-block; }
.filetree span.teamgroup_folder { background: url(../../Images/team_group.png) 0 0 no-repeat; }
.filetree span.groupfolder_folder { padding: 2px 3px 2px 20px; display: inline-block; }
.filetree span.groupfolder_folder { background: url(../../Images/group_folder.png) 0 0 no-repeat; }
.filetree span.pagedown { padding: 2px 3px 2px 20px; display: inline-block; }
.filetree span.pagedown { background: url(../../Images/page_down3.gif) 5 5 no-repeat; }
.filetree span.pageup { padding: 2px 3px 2px 20px; display: inline-block; }
.filetree span.pageup { background: url(../../Images/page_up3.gif) 5 5 no-repeat; }
.filetree span.childSpec { padding: 2px 3px 2px 20px; }
.filetree span.childSpec { background: url(../../Images/spec-link.gif) 0 0 no-repeat; }
.filetree span.childSpec-closed { padding: 2px 3px 2px 20px; display: inline-block; }
.filetree span.childSpec-closed { background: url(../../Images/child-spec-closed.png) 0 0 no-repeat; }
.filetree span.wikibookitemfile { padding: 2px 3px 2px 20px; }
.filetree span.wikibookitemfile { background: url(../../Images/item_01_1.gif) 0 0 no-repeat; }
.filetree span.wikibookitem_closedfile { padding: 2px 3px 2px 20px; }
.filetree span.wikibookitem_closedfile { background: url(../../Images/item_01_5.gif) 0 0 no-repeat; }
.filetree span.wikibookfeaturefile { padding: 2px 3px 2px 20px; }
.filetree span.wikibookfeaturefile { background: url(../../Images/spec-with-attach.png) 0 0 no-repeat; }
.filetree span.wikibookfeature_closedfile { padding: 2px 3px 2px 20px; }
.filetree span.wikibookfeature_closedfile { background: url(../../Images/item_01_31.gif) 0 0 no-repeat; }
.filetree span.reqitemfile { padding: 2px 3px 2px 20px; }
.filetree span.reqitemfile { background: url(../../Images/item_01_28.gif) 0 0 no-repeat; }
.filetree span.reqitem_closedfile { padding: 2px 3px 2px 20px; }
.filetree span.reqitem_closedfile { background: url(../../Images/item_01_30.gif) 0 0 no-repeat; }
.filetree span.reqchangeitem { padding: 2px 3px 2px 20px; }
.filetree span.reqchangeitem { background: url(../../Images/icon_requirementChange.gif) 0 0 no-repeat; }
.filetree li input { padding: 0; margin: 0 3px 0 0; }
.filetree span.ptRoot { background: url(../../Images/folderTree.gif) no-repeat 0 -15px; padding-left: 16px; }
.filetree span.pcCate { background: url(../../Images/folderTree.gif) no-repeat 0 -45px; padding-left: 16px; }
.filetree span.pc { background: url(../../Images/folderTree.gif) no-repeat 0 -150px; padding-left: 16px; }
.filetree span.pcVersion { background: url(../../Images/folderTree.gif) no-repeat 0 -180px; padding-left: 16px; }
.filetree span.pcBuild { background: url(../../Images/folderTree.gif) no-repeat 0 -210px; padding-left: 16px; }
.filetree span.pfCate { background: url(../../Images/folderTree.gif) no-repeat 0 -105px; padding-left: 16px; }
.filetree span.pf { background: url(../../Images/folderTree.gif) no-repeat 0 -135px; padding-left: 16px; }
.filetree span.pfVersion { background: url(../../Images/folderTree.gif) no-repeat 0 -165px; padding-left: 16px; }
.filetree span.pfBuild { background: url(../../Images/folderTree.gif) no-repeat 0 -195px; padding-left: 16px; }
.filetree span.AV { background: url(../../Images/folderTree.gif) no-repeat 0 -225px; padding-left: 16px; }
.filetree span.nf_pf { background: url(../../Images/nf_pf_open.gif) no-repeat 0 0; padding-left: 16px; }
.filetree span.Subproject_Project { padding: 2px 3px 2px 20px; }
.filetree span.Subproject_Project { background: url(../../Images/f-dt-project.gif) 0 0 no-repeat; }
.filetree span.hierarchy { padding: 2px 3px 2px 20px; }
.filetree span.hierarchy { background: url(../../Images/HierarchyFolder.png) 0 50% no-repeat; }





.search_time { font-size: 11px; color: #333; background-color: #F1F1F6; border-top: 1px solid #335581; border-left: 1px solid #335581; border-right: 1px solid #fff; border-bottom: 1px solid #fff; width: 110px; }
a.btn_relationship { cursor: pointer; height: 16px; width: 21px; border: none; margin: 0 0 0 5px; display: block; }
.div_relationship { position: absolute; background: #fff; border: #296488 1px solid; z-index: 2; }
.div_relationship ul { padding: 0; margin: 0; list-style: none; }
.div_relationship ul li { padding: 1px 10px 1px 2px; color: #335581; font-size: 11px; }

.editorder_drop { background-color: #ffcece; cursor: move; }
.wikionlinehelp-panel { padding: 5px 5px 5px 70px; border: solid 1px #ccc; background: url(../../Images/online-help.png) 8px 8px no-repeat; margin-top: 5px; border-radius: 5px; min-height: 64px; }
.wikionlinehelp-title { color: #0e547e; font-weight: bold; font-size: 16px; }
.wikionlinehelp-link a { color: #1984c8; }
.wikionlinehelp-detail { color: #585757; padding: 5px 0; }
.wikionlinehelp-detail-description { color: #0e547e; font-weight: bold; }





.cproject { font-size: 12px; font-weight: normal; color: #15428b; }
.welcomeinfo { margin-bottom: 5px; height: 40px; line-height: 40px; padding: 0 8px; border: 1px solid #99bbe8; font-size: 13px; color: #15428b; font-weight: bold; background: #dfe8f6; overflow: hidden; }
.home_border { background: #fff; border: 1px solid #99bbe8; }
.home_border .projectframe { width: auto; margin-right: 293px; }
.home_border .autologinframe { width: 280px; float: right; margin-left: 10px; }
.home_border .frame_top { float: left; background: url(../../Images/frame_top_middle.gif) repeat-x; height: 25px; width: 100%; }
.home_border .frame_top .fram_top_left { background: url(../../Images/frame_top_left.gif) no-repeat; width: 6px; height: 25px; float: left; }
.home_border .frame_top .fram_top_right { background: url(../../Images/frame_top_right.gif) no-repeat right; height: 25px; width: auto; font-size: 11px; font-weight: bold; color: #15428b; line-height: 25px; }
.home_border .frame_middle { float: left; background: url(../../Images/frame_middle_bg.gif) repeat-y left #dfe8f6; width: 100%; }
.home_border .frame_middle .fram_middle_right { background: url(../../Images/frame_middle_bg_right.gif) repeat-y right; padding: 10px 10px 2px; }

.selectprojecttable { border: 1px solid #ccc; font-size: 11px; border-collapse: collapse; }
.selectprojecttable a { color: #000; }
.selectprojecttable a:hover { color: #000; text-decoration: underline; background: #ffffa6; }

.selectprojecttabletrheader, .selectprojecttabletrheader2 { font-weight: bold; color: #1662c2; border-bottom: solid 1px #ccc; border-left: 1px solid #ccc; background: url(../../Images/table-even-bg.gif) repeat-x; }
.selectprojecttabletrheader { padding-left: 10px; }
.selectprojecttableeventd { color: #333; background-color: #F1F1F4; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; white-space: nowrap; }
.selectprojecttableoddtd { color: #333; background-color: #FCFCFC; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.home_border .frame_middle .fram_middle_right table.projectname td { border-bottom: 1px solid #ddd; padding-left: 6px; }
.home_border .frame_middle .fram_middle_right table.projectname tr.odd { background: url(../../Images/table-odd-bg.gif) repeat-x; }
.home_border .frame_middle .fram_middle_right table.projectname tr.even { background: url(../../Images/table-even-bg.gif) repeat-x; }
.home_border .frame_middle .fram_middle_right table.projectname td { border-bottom: 1px solid #ddd; padding-left: 6px; }
.home_border .frame_middle .fram_middle_right table.projectname tr.odd { background: url(../../Images/table-odd-bg.gif) repeat-x; }
.home_border .frame_middle .fram_middle_right table.projectname tr.even { background: url(../../Images/table-even-bg.gif) repeat-x; }
.home_border .frame_bottom { float: left; background: url(../../Images/frame_bottom_bg.gif) repeat-x; height: 6px; width: 100%; font-size: 0; line-height: 0; }
.home_border .frame_bottom .fram_bottom_left { background: url(../../Images/frame_bottom_left.gif) no-repeat; width: 6px; height: 6px; float: left; font-size: 0; line-height: 0; }
.home_border .frame_bottom .fram_bottom_right { background: url(../../Images/frame_bottom_right.gif) no-repeat right; height: 6px; width: auto; font-size: 0; line-height: 0; }
.home_border .frame_bottom { float: left; background: url(../../Images/frame_bottom_bg.gif) repeat-x; height: 6px; width: 100%; font-size: 0; line-height: 0; }
.home_border .frame_bottom .fram_bottom_left { background: url(../../Images/frame_bottom_left.gif) no-repeat; width: 6px; height: 6px; float: left; font-size: 0; line-height: 0; }
.home_border .frame_bottom .fram_bottom_right { background: url(../../Images/frame_bottom_right.gif) no-repeat right; height: 6px; width: auto; font-size: 0; line-height: 0; }

.wikionline_table_oddrow { color: #333; background-color: #FCFCFC; }
.wikionline_table_evenrow { color: #333; background-color: #F1F1F4; }
.wikionline_table_oddrow_td_hand { font-size: 11px; padding-left: 3px; cursor: pointer; }
.wikionline_table_evenrow_td_hand { font-size: 11px; padding-left: 3px; cursor: pointer; }
.btn_showproductversion { background-image: url(../../Images/showproductversion.gif); background-color: ButtonFace; background-repeat: no-repeat; height: 16px; width: 16px; border: none; cursor: pointer; background-color: ButtonFace; }
.header_backlog { background: #666 url(../../Images/table1_headerBg.gif) repeat-x; height: 20px; white-space: nowrap; padding: 0 10px; color: #FFF; text-align: center; border-left: 1px solid #949494; border-right: 1px solid #666; font-weight: bold; }
.projectName a { display: block; float: left; }
.projectName img { display: block; float: left; margin: 2px 5px; }
.projectInfo { padding: 2px 5px 0 0; float: left; }
.tabBar2 .tabs_on { font-size: 11px; font-weight: bold; color: #333; background-image: url(../../Images/tabs2_on_bg.gif); white-space: nowrap; padding-right: 4px; padding-left: 4px; }
.tabBar2 .tabs_off { font-size: 11px; font-weight: bold; color: #666; background-image: url(../../Images/tabs2_off_bg.gif); white-space: nowrap; padding-right: 8px; padding-left: 8px; cursor: hand; cursor: pointer; }
.tabBar2 .tabs_header { background-image: url(../../Images/tabs_bg.gif); height: 24px; white-space: nowrap; padding-right: 4px; padding-left: 4px; font-size: 11px; font-weight: bold; color: #333; }
.btn-dot { background-image: url(../../Images/button_dots.gif); background-repeat: no-repeat; border: medium none; cursor: pointer; height: 20px; width: 22px; }
.btn_goto_project { background: ButtonFace url(../../Images/goto.gif) no-repeat; border: none; cursor: pointer; height: 18px; width: 55px; }
.backlog_search_icon_down { height: 20px; text-align: right; border: 1px solid #225e9f; width: 20px; float: none; margin: 1px 0 0 0; padding-top: 2px; }
.folderpath { font-size: 12px; padding: 5px 0 10px 8px; }
.folderpath span { cursor: pointer; color: #24487c; }
.div_subfolder { position: absolute; background-color: #eeeeee; padding: 0; margin: 0; border: #ccc 1px solid; z-index: 2; top: 0; left: 0; }
.div_subfolder ul { padding: 0; margin: 0; list-style: none; }
.div_subfolder ul li { padding: 1px 2px 3px 2px; margin: 0; color: #335581; border-bottom: #f8f6f6 1px solid; font-size: 11px; cursor: pointer; }





/* @group change request toolbar */
.viewIcon { padding-right: 2px; }
.viewIcon { border-left: dotted 1px #666; }
.viewIcon li, .operationIcon li { display: block; float: left; padding-left: 5px; }
.viewIcon li a { display: block; height: 22px; width: 22px; text-indent: -9999px; margin-top: 4px; }
.query { border-left: dotted 1px #666; height: 30px; padding: 0 3px; }
.toolbar-report { display: block; left: 0; overflow: hidden; position: relative; top: 0; }
.projectSelector { width: 15em; white-space: nowrap; font-weight: bold; font-size: 11px; overflow: hidden; }
.projectSelector a { overflow: hidden; padding-left: 20px; background: url(../../Images/project-switcher.png) no-repeat left 50%; display: block; }
.toolbutton { padding: 2px; margin: 0; width: 18px; height: 18px; }






/* @group toolbar */
.toolbar, .tbl-toolbar { background: #fff; white-space: nowrap; height: 36px; line-height: 36px; position: relative; padding: 0 5px; overflow: hidden; vertical-align: middle; display: block; }
.toolbar { border-bottom: solid 1px #ccc; }
.toolbar ul { list-style: none; margin: 0; padding: 0; }
.toolbar ul li { float: left; }
.toolbar ul li a { display: inline-block; }
.toolbar input, .toolbar select { height: 24px; padding: 0 3px; vertical-align: middle; font-size: 12px; }
.seperator { margin: 7px 4px 0; border-right: solid 1px #ccc; height: 21px; display: inline-block; vertical-align: middle; }
.toolbar .tx-btn, .toolbar .tx-icon-btn { margin-top: 5px; }
.tree-toolbar { padding-right: 12px; }
.searchbox { position: relative; }
.searchbox input { height: 24px; margin-top: 5px; border: solid 1px #ccc; float: left; }
.searchbox input::-ms-clear { display: none; }
.searchbox a { margin-left: -1px; float: left; }
.searchbox .btn-clear-txt { border: 0; background: transparent; top: 1px; right: 26px; position: absolute; display: none; }

.pagernumber { font-size: 12px; padding: 0 5px; }
.toolbar-report ul { height: 20px; }
.toolbar-report ul li { float: left; padding-left: 2px; height: 20px; }
ul.listFilter li { float: left; }
.tx-table td { padding: 3px; }
.tx-table td img { vertical-align: middle; margin-right: 3px; }
.gray-header { background: url(../../Images/gray-toolbar-bg.gif) repeat-x 0 0; line-height: 18px; height: 18px; font-size: 14px; font-weight: bold; }
.gray-header td { border-bottom: solid 1px #aaa; padding-left: 5px; }





/* @group jquery-dropdownlist.js style */
.tx-ddl-stage { border: solid 1px #aaa; border-radius: 2px; -webkit-box-shadow: 0 0 3px #eee; -moz-box-shadow: 0 0 3px #eee; box-shadow: 0 0 3px #eee; cursor: pointer; padding: 0 7px; background: url(../../Images/gray-toolbar-bg.gif) repeat-x 0 -3px; }
.tx-ddl-stage:hover { border: solid 1px #06c; -webkit-box-shadow: 0 0 2px #9cf; -moz-box-shadow: 0 0 2px #9cf; box-shadow: 0 0 2px #9cf; }
.tx-ddl-stage .tx-ddl-arrow { background: url(../../Images/arrow-down.png) no-repeat right 50%; padding-right: 23px; }
.tx-ddl-stage .tx-ddl-arrow:hover { background: url(../../Images/arrow-down-hover.png) no-repeat right 50%; }
.tx-ddl-stage .tx-ddl-content { overflow: hidden; white-space: nowrap; padding: 3px 0; }
.tx-ddl a { text-decoration: none; }
.tx-ddl a:hover { color: #335581; }
.tx-ddl ul { margin: 0; padding: 0; list-style: none; border: solid 1px #aaa; background: #fff; position: absolute; }
.tx-ddl ul li a { line-height: 20px; padding: 0 8px 0 5px; cursor: pointer; display: block; white-space: nowrap; }
.tx-ddl ul li a span { display: block; }
.tx-ddl ul li a:hover { background: #D6E5F2; }






/* report thumbnails style */
h4, dl, dt, dd { font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; }
.report-thumbnail-list dl { margin-bottom: 12px; margin-left: 0; margin-right: 0; margin-top: 12px; }
.report-thumbnail-list dd { border: 1px solid #fff; cursor: pointer; display: inline-block; font-size: 12px; line-height: 1.2em; margin-bottom: 5px; margin-left: 10px; margin-right: 5px; margin-top: 5px; overflow: hidden; padding-bottom: 6px; padding-left: 144px; padding-right: 6px; padding-top: 6px; vertical-align: top; width: 300px; }
.report-thumbnail-list dd h4 { color: #336699; font-size: 13px; font-weight: bold; }
.report-thumbnail-list dd img { float: left; margin-left: -132px; width: 122px; height: 96px; border: #9fbdd6 1px solid; }
.report-thumbnail-list dd p { margin-bottom: 1px; margin-left: 0; margin-right: 0; margin-top: 1px; }
.report-thumbnail-list dd i { color: #CC3333; font-style: normal; font-weight: bold; }
.report-thumbnail-list dd a:link { color: #666666; }
.report-thumbnail-list dd em { color: #336699; font-style: normal; }
.report-thumbnail-list dd.over { background-color: #E9F5FD; border: 1px solid #E4ECF2; }
.report-thumbnail-list dd.over h4 { color: #45740F; }
.report-thumbnail-list dd.over a:link { color: #333; }
.report-thumbnail-list dd.over em { color: #45740F; }
.report-mask { background-color: #ccc; left: 0; top: 0; position: absolute; opacity: 0.5; z-index: 9010; }
.report-loading { background-color: #ffffff; z-index: 9011; border: solid 1px #225e9f; text-align: center; vertical-align: middle; position: absolute; width: 33px; height: 33px; }
#feedbackMsg h1 { width: 80%; color: #225e9f; margin: 0 auto; font-size: 14px; padding: 50px 0 20px 65px; min-height: 50px; background: url("../../Images/alert.png") no-repeat 0 40px; }
.CCControlCombobox { background: #fff url("../../Images/page_down2.gif") no-repeat right 50%; padding-right: 17px; }
.board_small { background: url(../../Images/cardmode_small.gif) no-repeat; height: 16px; width: 16px; }

.board_big { background: url(../../Images/cardmode_big.gif) no-repeat; height: 16px; width: 16px; }
.icon_submit { background: url(../../Images/icon_submit.png) no-repeat; height: 16px; width: 16px; display: inline-block; vertical-align: middle; }
.icon_reset { background: url(../../Images/reset.png) no-repeat; height: 16px; width: 16px; display: inline-block; vertical-align: middle; }
.icon_close { background: url(../../Images/icon_close.png) no-repeat; height: 16px; width: 16px; display: inline-block; vertical-align: middle; }
.icon_continue { background: url(../../Images/icon_continue.png) no-repeat; height: 16px; width: 16px; display: inline-block; vertical-align: middle; }
.icon_link { background: url(../../Images/icon-link.png) no-repeat; height: 16px; width: 16px; display: inline-block; vertical-align: middle; }
.icon_edit { background: url(../../Images/icon_edit_color.png) no-repeat; height: 16px; width: 16px; display: inline-block; vertical-align: middle; }
.icon_action { background: url(../../Images/icon_actions_color.png) no-repeat; height: 16px; width: 16px; display: inline-block; vertical-align: middle; }




/* @group table */
.hdr { font-weight: 700; }
.tbl-padding-1 td { padding: 1px; }
.tbl-padding-2 td { padding: 2px; }
.tbl-padding td { padding: 2px 4px; }
.tbl-nopadding td { padding: 0; }
.tbl-with-border { border: 1px solid #ccc; }
.hdr-blue { background: steelblue; padding: 5px 6px; color: #fff; font-weight: 700; border: 0; }
.tlv_verticalline { background: url('../../Images/TreeViewList_Vertical.gif' ) repeat-y center top; width: 17px; border: 0; font-size: 0; }
.tlv_verticalline2 { background: url('../../Images/TreeViewList_Vertical2.gif' ) repeat-y center top; width: 17px; border: 0; font-size: 0; }
.tlv_verticalempty { width: 17px; border: 0; font-size: 0; }
.tlv_lastnochild { background: url('../../Images/TreeViewList_LastNoChildNode.gif' ) no-repeat right top; width: 17px; height: 9px; }
.tlv_centernochild { background: url('../../Images/TreeViewList_CenterNoChildNode.gif' ) no-repeat right center; width: 17px; height: 9px; }
.tlv_centerhaschild { background: url('../../Images/TreeViewList_Horizontal.gif' ) no-repeat right center; width: 17px; height: 9px; text-align: center; }
.tlv_rightline { background: url('../../Images/TreeViewList_Horizontal.gif' ) repeat-x left center; width: 5px; }
.tlv_treelinetable { height: 100%; border: 0; border-collapse: collapse; border-spacing: 0; }
.tlv_treelinetable th, .tlv_treelinetable td { padding: 0; }
.tlv_expandimg { height: 9px; width: 9px; cursor: pointer; border: 0; }
.tlv_noneimg { height: 1px; width: 17px; border: 0; }
.tx-tbl-with-border tr td, .tx-tbl-with-border tr th { border: solid 1px #ccc; padding: 3px 6px; }


table tr.alt { background-color: #f9f9f9; }
table tr.selected { background: #CDDADC; font-weight: normal; }

.tbl-layout-fixed { table-layout: fixed; }
.tx-tbl-padding td, .tx-tbl-padding th, .tx-tbl th, .tx-tbl td, .tx-treelist tr.hdr td { padding: 3px 6px; }
.tx-treelist td { padding: 0 6px; }
.tx-tbl thead th { padding: 4px 6px; border-bottom: solid 1px #ccc; border-left: 1px solid #ccc; text-align: left; font-weight: 700; }
.tx-tbl thead th:first-child { border-left: 0; }
.tx-tbl thead th a { text-decoration: none; color: #333; display: block; padding-right: 14px; font-weight: 700; }
.tx-tbl.dark thead, .tx-tbl.dark .hdr { background: #666; color: #fff; font-weight: 700; }
.tx-tbl.dark thead a, .tx-tbl.dark .hdr a, .tx-tbl.blue thead a, .tx-tbl.blue .hdr a { color: #fff; }
.tx-tbl.dark thead th, .tx-tbl.blue thead th, .tx-tbl .hdr td { border: 0px; white-space: nowrap; }
.tx-tbl.blue thead, .tx-tbl.blue .hdr { background: steelblue; color: #fff; }
.tx-tbl thead th.first { border-left: 0; }
.tx-tbl thead th.last { border-right: 1; }
.tx-tbl thead th.ordered.asc a { background: url(../../Images/arrow_asc.gif) no-repeat right 50%; }
.tx-tbl thead th.ordered.dsc a { background: url(../../Images/arrow_dsc.gif) no-repeat right 50%; }
.tx-tbl tbody tr:hover, .tx-tbl tbody tr.over { background-color: #eee; cursor: pointer; }
.tx-tbl tbody tr.selected { background-color: #1984c8 !important; color: #fff !important; }
.tx-tbl tbody tr.selected, .tx-tbl tbody tr.selected a, .tx-tbl tbody tr.selected * { background-color: #1984c8 !important; color: #fff !important; }
.tx-tbl.dark tbody tr.selected { background-color: #cddadc !important; color: #fff !important; }
.tx-tbl.dark tbody tr.selected, .tx-tbl.dark tbody tr.selected a, .tx-tbl.dark tbody tr.selected * { background-color: #cddadc !important; color: #222 !important; }
.tx-tbl.dark tbody tr.selected > *, .tx-tbl.dark tbody tr.selected a { background-color: #cddadc !important; color: #222; }
.tx-tbl tbody tr.checked { background-color: #EEC; color: #333; }
.tx-tbl tbody tr.checked a { color: #333; }
.tx-tbl tbody td { border-left: 0px solid #ccc; }
.tx-tbl.with-border th, .tx-tbl.with-border td { border: solid 1px #ccc; }

.grid-layout { border: solid 1px #ccc; }
.grid-layout td { padding: 2px 4px; }

.report-layout-tbl td { padding: 3px; }
.tab-tbl td { padding: 0; }







/* @group auto collapse style */
.autoCollapsed { background-color: #fffff0; }
.autoCollapsed a.collapse { background: url(../../Images/pin-spirit.png) no-repeat 0 0; }
.autoCollapsed a.collapse:hover { background: url(../../Images/pin-spirit.png) no-repeat 0 -16px; }

.jHolder { background: #f3f3f4; color: #333; overflow: hidden; display: none; width: 36px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.jHolder-content { cursor: pointer; font-weight: bold; }
.jHolder-content:hover { background: #dee2ea; }

.rotate { display: block; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; white-space: nowrap; position: absolute; top: 0; left: 0; }
.jHolder-content.rotate { left: 36px; top: 37px; line-height: 36px; }
.jHolder-icon{ text-align:center; padding:3px 0px 0px 5px;}






/* @group tab */
.tabs_on { font-size: 11px; font-weight: bold; color: #333; background: url(../../Images/tabs_on_bg.gif) repeat-x 0 0; white-space: nowrap; padding-right: 4px; padding-left: 4px; }
.tabs_off { font-size: 11px; font-weight: bold; color: #999999; background: url(../../Images/tabs_off_bg.gif) repeat-x 0 0; white-space: nowrap; padding-right: 8px; padding-left: 8px; padding-bottom: 3px; cursor: pointer; }
.tabs_header { background: url(../../Images/tabs_bg.gif) repeat-x 0 0; height: 24px; white-space: nowrap; padding-right: 4px; padding-left: 4px; font-size: 11px; font-weight: bold; color: #333; }
.tx-tab-container { overflow: hidden; position: relative; }
.tx-tab { margin: 0; padding: 2px 0 0 3px; list-style: none; border-bottom: solid 1px #ccc; }
.tx-tab li { float: left; margin: 1px 0 0 2px; text-align: center; }
.tx-tab li a { background: #f1f1f1; display: block; line-height: 1.5em; padding: 6px 14px; color: #999; font-weight: bold; border: solid 1px #ccc; border-bottom: 0; }
.tx-tab li a:hover { background: #fff; }
.tx-tab li.selected a { background: #fff; color: #335581; margin-bottom: -1px; border-color: #aaa; border-width: 2px 1px 0; }

.tx-tabex { margin: 0; padding: 2px 0 0 3px; list-style: none; border-bottom: solid 1px #ccc; background:#f9f9f9;}
.tx-tabex li { float: left; margin: 1px 0 0 2px; text-align: center;  padding:0px 14px;}
.tx-tabex li a { display: block; line-height: 1.5em; padding: 6px 0px 4px 0px; color: #999; font-weight: bold; border: solid 0px #ccc; border-bottom: 0; }
.tx-tabex li a:hover { color: #335581; }
.tx-tabex li.selected a { color: #335581; margin-bottom: -1px; border-color: #aaa; border-bottom: solid 3px #1984c8;}




/* @group jquery tip */
.jTip { width: 520px; font-size: 11px; font-family: tahoma,arial,verdana,sans-serif; position: absolute; overflow: hidden; z-index: 9999; }
.jTip-shimmer { position: absolute; z-index: 9998; opacity: 0; }
.folderSkin { background-color: #feeaa3; border: solid 2px #ffad5c; }
.specSkin { background-color: #d9e5f4; border: solid 2px #1650c5; }
.reqSkin { background-color: #e7f9d2; border: solid 2px #7c8d6e; }
.jTip-title-bar { height: 22px; line-height: 22px; overflow: hidden; padding: 2px 5px; }
.jTip-title { float: left; width: 70%; overflow: hidden; }
.jTip table { width: 502px; }
.jTip td { padding: 3px 5px; font-size: 11px; }
.jTip fieldset { margin: 0 5px 5px 5px; padding: 3px; border: solid 1px #ccc; width: auto; }
.jTip fieldset legend { margin-left: 5px; }
.jTip input { background: #fff; border: solid 1px #888; padding: 2px 3px; margin: 0; font-size: 11px; }
.jTip input.disabled { border: solid 1px #aaa; background: #eee; }
.jTip input.jTip-pOwner, .jTip input.jTip-status { width: 120px; }
.jTip input.tipTitle { width: 80%; }
.jTip-content { padding: 5px; overflow: auto; max-height: 120px; }
.jTip input { width: 60px; }
input.jTip-bookIdentifier { width: 300px; }
.jTip .jTip-error { border: solid 1px #f00; background: #fde7e8; }
.jTip .tipBtn { display: block; float: right; border: solid 1px #bababa; border-radius: 2px; text-align: center; background-color: #fff; text-decoration: none; color: #26262e; padding: 0 8px; line-height: 18px; margin-left: 5px; }
.jTip .oddCol { width: 80px; text-align: right; }
.jTip .evenCol { width: 76px; text-align: left; }





/* @group icon */
.tx-i-arrow-n { background-position: 0 0; }
.tx-i-arrow-e { background-position: 0 -16px; }
.tx-i-arrow-s { background-position: 0 -32px; }
.tx-i-arrow-w { background-position: 0 -48px; }
.tx-i-expand { background-position: 0 -192px; }
.tx-i-arrowhead-n { background-position: 0 -256px; }
.tx-i-arrowhead-s { background-position: 0 -288px; }
.tx-i-collapse { background-position: -16px -224px; }
.tx-i-edit, tx-i-pencil { background-position: -32px 0; }
.tx-i-delete, .tx-i-close { background-position: -32px -16px; }
.tx-i-tick, .tx-i-ok, .tx-i-save { background-position: -32px -32px; }
.tx-i-cancel { background-position: -32px -48px; }
.tx-i-plus { background-position: -32px -64px; }
.tx-i-funnel { background-position: -32px -80px; }
.tx-i-refresh { background-position: -32px -112px; }
.tx-i-search { background-position: -32px -240px; }
.tx-i-folder-add { background-position: -32px -272px; }
.tx-i-custom { background-position: -115px -113px; }
.tx-i-note { background-position: -160px -240px; }
.tx-i-roolback { background-position: -64px -160px; }

.tx-i-pvt { background: url(../../Images/iconPVTree.png) no-repeat 0 0; }
.tx-i-help { background: url(../../Images/help.png) no-repeat 0 0; }
.tx-i-setting { background: url(../../Images/setting.png) no-repeat 50% 50%; }
.tx-i-hierarchyview { background: url(../../Images/hierarchy-view.png) no-repeat 50% 50%; }
.tx-i-listview { background: url(../../Images/list-view.png) no-repeat 50% 50%; }
.tx-i-tempview { background: url(../../Images/doc-temp.gif) no-repeat 50% 50%; }
.tx-i-bookview { background: url(../../Images/wikibook.gif) no-repeat 50% 50%; }
.tx-i-documentview { background: url(../../Images/item_01_1.gif) no-repeat 50% 50%;}
.tx-i-roadmapview { background: url(../../Images/roadmap-view.png) no-repeat 50% 50%; }
.tx-i-reqview { background: url(../../Images/viewchange_hover.gif) no-repeat 50% 50%; }
.tx-i-baselineview { background: url(../../Images/baseline-view.png) no-repeat 50% 50%; }
.tx-i-reportview { background: url(../../Images/report-view.png) no-repeat 50% 50%; }
.tx-i-kwview { background: url(../../Images/viewchange_hover.gif) no-repeat 50% 50%; }
.tx-i-crview { background: url(../../Images/icon_request.gif) no-repeat 50% 50%; }
.tx-i-menu-list { background: url(../../Images/menu-list.png) no-repeat 50% 50%; }
.tx-i-expand-detail { background: url(../../Images/expand-detail.png) no-repeat 50% 50%; }
.tx-i-collapse-detail { background: url(../../Images/collapse-detail.png) no-repeat 50% 50%; }
.tx-i-red-close { background: url(/DevSuiteWebControl/style/img/icon-red-close.png) no-repeat 50% 50%; }
.tx-i-selectfile { background: url(../../Images/select-files.png) no-repeat 50% 50%; }
.tx-i-fromtemp { background: url(../../Images/new-from-template.png) no-repeat 50% 50%; }
.tx-i-newnote { background: url(../../Images/new-notes.png) no-repeat 50% 50%; }
.tx-i-singleinlineedit { background: url(../../Images/singleinlineedit.png) no-repeat 50% 50%; }
.tx-i-inlineedit { background: url(../../Images/inlineedit.png) no-repeat 50% 50%; }
.tx-i-saveitem { background: url(../../Images/save-small-icon.png) no-repeat 50% 50%; }
.tx-i-action { background: url(../../Images/action.png) no-repeat 50% 50%; }
.tx-i-property { background: url(../../Images/properity.png) no-repeat 50% 50%; }
.tx-i-tomax { background: url(../../Images/maxmize.png) no-repeat 50% 50%; }
.tx-i-cancelmax { background: url(../../Images/minimize.png) no-repeat 50% 50%; }

.tx-i-report-edit { background: url(../../Images/properity.png) no-repeat 50% 50%; }
.tx-i-report-export { background: url(../../Images/report_export.png) no-repeat 50% 50%; }
.tx-i-report-maxwin { background: url(../../Images/report_maxwin.png) no-repeat 50% 50%; }
.tx-i-report-order { background: url(../../Images/report_order.png) no-repeat 50% 50%; }
.tx-i-report-print { background: url(../../Images/report_print.png) no-repeat 50% 50%; }
.tx-i-report-silverlight { background: url(../../Images/report_silverlight.png) no-repeat 50% 50%; }
.tx-i-report-image { background: url(../../Images/report_image.png) no-repeat 50% 50%; }
.tx-i-report-order-dsc { background: url(../../Images/report_order_dsc.png) no-repeat 50% 50%; }
.tx-i-report-refreshwarning { background: url(../../Images/report_refresh_warning.gif) no-repeat 50% 50%; }
.tx-i-refreshwarning { background: url(../../Images/report_refresh_warning.gif) no-repeat 50% 50%; }

.tx-i-link { background: url(../../Images/link.png) no-repeat 50% 50%; }
.tx-i-viewashtml5 { background: url(../../Images/report_silverlight.png) no-repeat 50% 50%; }
.tx-i-viewasimage { background: url(../../Images/report_image.png) no-repeat 50% 50%; }
.tx-i-saveaction { background: url(../../Images/icon-save.png) no-repeat 50% 50%; }
.tx-i-addcomments { background: url(../../Images/CCComments_add.png) no-repeat 50% 50%; }
.tx-i-show-child-sub {background: rgba(0, 0, 0, 0) url("../../Images/icon-show-child.png") no-repeat scroll 50% 50%;}
.tx-i-hide-child-sub {background: rgba(0, 0, 0, 0) url("../../Images/icon-hide-child.png") no-repeat scroll 50% 50%;}

.tx-i-actionmenu {background: rgba(0, 0, 0, 0) url("../../Images/menu-action.png") no-repeat scroll 50% 50%;}
.tx-i-hierarchytree {background: rgba(0, 0, 0, 0) url("../../Images/HierarchyTree.png") no-repeat scroll 50% 50%; }
.tx-i-download {    background: url(../../Images/download.png) no-repeat 50% 50%;}

/* @group sidebar */
.tx-sidebar, .tx-sidebar ul { margin: 0; padding: 0; list-style: none; }
.tx-sidebar .tx-sidebar-menu li { position: relative; border-bottom: solid 1px #e8f0f5; }
.tx-sidebar > li { background: #f4f8fa; clear: both; margin: 10px 0 0; padding: 0; transition: transform 0.15s ease-in-out 0s, opacity 0.15s ease-in-out 0s; }
.tx-sidebar > .tx-sidebar-menu a { border: medium none; display: block; padding: 5px 10px; text-decoration: none; color: #335581; }
.tx-sidebar .tx-sidebar-menu-hdr { padding: 5px 10px; font-weight: 700; color: #fff; background-color: #1984c8; }
.tx-sidebar > .tx-sidebar-menu a.selected { }
.tx-sidebar > .tx-sidebar-menu a.selected:after { border-color: transparent #1984c8 transparent transparent; border-image: none; border-style: solid; border-width: 6px; content: " "; height: 0; margin-top: -6px; position: absolute; right: 0; top: 50%; width: 0; }




/* @group splitter */
.splitter-v { height: 100%; width: 5px; border: solid 1px #ccc; border-width: 0 1px; cursor: w-resize; background: #f5f5f5 url("../../Images/vertical.gif") no-repeat scroll center center;}
.splitter-h { width: 100%; height: 5px; border: solid 1px #ccc; border-width: 1px 0; cursor: n-resize; background: #f5f5f5 url("../../Images/horizontal.gif") no-repeat scroll center center; }
.splitter:hover { background: #ccc; }
.splitter-red{background: red; }
.splitter-red:hover { background: red; }




/* @group history tab */
.change-history-card { text-align: center; margin: 5px; border: solid 1px #ccc; background: #f5f5f5; }
.card-hdr { font-weight: 600; min-height: 15px; }
.card-hdr, .card-body, .card-footer { padding: 5px 8px; }
.card-body { border: solid 1px #ccc; border-width: 1px 0; background: #fff; }





/* @group override */
/* style fix for popup window tool bar */
.x-window-tbar .x-toolbar { border-right: 1px solid #A9BFD3 !important; padding-top: 0; padding-bottom: 0; }





.upload_file_ui { position: relative; padding-left: 42px; padding-right: 32px; padding-bottom: 3px; margin-top: 15px; box-sizing: border-box; }
.upload_file_ui_nothum { position: relative; padding-left: 10px; padding-right: 12px; padding-bottom: 3px; margin-top: 5px; box-sizing: border-box; bottom: 15px; }
.upload_file_ui_thumbnail { border: 1px solid #ccc; width: 33px; height: 33px; box-sizing: border-box; overflow: hidden; position: absolute; left: 0; }
.upload_file_ui_thumbnail img { min-width: 100%; max-height: 100%; min-height: 100%; }
.upload_file_ui_control { border: 1px solid #fff; position: absolute; right: 0; top: 15px; }
.upload_file_ui_control :hover { border: 1px solid #cccccc; border-radius: 3px; }
.upload_file_ui_control img { border: 0; height: 20px; width: 20px; }
.upload_file_ui_filename { color: #333; height: 25px; display: block; margin-right: 32px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.upload_file_ui_processbar { height: 5px; background: #ccc; display: block; }
.upload_file_ui_processbar-bar { background: #3b73af; height: 100%; display: block; width: 0%; transition: width .1s linear; }
.upload_finished .upload_file_ui_processbar-bar { background: #3BAF52; }
.upload_file_ui_saveas { position: absolute; right: 32px; top: 2px; white-space: nowrap; }
.upload_file_ui_saveas span { padding-right: 3px; }
.upload_file_ui_saveas input { width: 170px; }
.upload_file_dialog_wrap { padding: 10px; }

.links-section-header-row { background-color: #efefef; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 0; }
.main_evenlinkrow { padding: 3px; background: #f9f9f9; }

.inlineedit_container { overflow: hidden; background-color: #eaf1fb; z-index: 10; position: absolute; border: 1px solid #99bbe8; }
.inlineedit_btns { border: 1px solid #99bbe8; border-top: 0px; padding: 3px 15px 1px 15px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; text-align: center; position: absolute; z-index: 11; background-color: #eaf1fb; }
.inlineedit_combox { border: 1px solid #ccc; box-sizing: border-box; width: 100%; height: 24px; background: url(/DevSuiteWebControl/style/img/page_down2.gif) no-repeat right center; }

.calendar_panel { width: 175px; position: absolute; z-index: 9999; background: #fff; box-shadow: 0 0 5px #666; font-size: 12px; border: 1px solid #666;}
.calendar_table { color: #000; }
.calendar_cur_bg { background-color: #0F0; }
.calendar_sel_bg { background-color: #FCC; }
.calendar_sun_word { color: #F00; }
.calendar_sat_word { color: #00F; }
.calendar_td_bg_out { background-color: #FFF; }
.calendar_td_bg_over { background-color: #FFCC00; }
.calendar_tr { font-weight: normal; text-align: center; font-size: 11px; color: #FFF; background-color: #666; }
.calendar_input { border-radius: 3px; border: 1px solid #CCC; background-color: #FAFAFA; width: 18px; }
.calendar_input_btn { border: 1px solid #CCC; background-color: #FAFAFA; width: 100%; font-size: 12px; }
.calendar_input_bg { background-color: #FAFAFA; }


/****************************************** @KWDropdown style */
.dropdown_proxy { border: #cccccc 1px solid; cursor: pointer; padding: 0px; padding-right: 21px; line-height: 24px; height: 24px; background: url(/DevSuiteWebControl/style/img/page_down2.gif) no-repeat right center; }
.dropdown_proxytext { padding-left: 2px; height: 24px; line-height: 24px; overflow: hidden; word-wrap: break-word; word-break: break-all; white-space: nowrap; }
.dropdown_proxytext_Combo { padding-left: 0px; line-height: 24px; height: 24px; overflow: hidden; word-wrap: break-word; word-break: break-all; white-space: nowrap; }

.dropdown_container { }
.dropdown_head_dropdown { font-size: 12px; height: 15px; line-height: 20px; cursor: pointer; background-color: #ffffff; overflow: hidden; padding: 1px 0px 4px 3px; background-image: url('/DevSuiteWebControl/style/img/page_down2.gif'); background-position: center right; background-repeat: no-repeat; border-right: #B0AFAF 1px solid; border-top: #B0AFAF 1px solid; border-left: #B0AFAF 1px solid; }
.dropdown_head_combo { font-size: 12px; height: 24px; cursor: pointer; background-color: #ffffff; overflow: hidden; padding: 1px 0px 0px 3px; border-left: #B0AFAF 1px solid; border-top: #B0AFAF 1px solid; border-right: #B0AFAF 1px solid; position: relative; }
.dropdown_search { height: 24px; padding-top: 0px; background-color: #ffffff; border-top: #B0AFAF 1px solid; border-bottom: #B0AFAF 1px solid; border-right: #B0AFAF 1px solid; border-left: #B0AFAF 1px solid; }
.dropdown_searchinput_combo { width: 100%; border: 0px; height: 24px; padding-left: 0px; }
.dropdown_searchinput_dropdown { background: url(/DevSuiteWebControl/style/img/iconquicksearch.gif) no-repeat left center; width: 100% !important; box-sizing: border-box; border: 0px !important; height: 24px; padding: 0px 0px 0px 15px !important; }
.dropdown_hide { }
.calclesearchicon { width: 10px; position: absolute; display: none; right: 0px; top: 8px; border: 0px; margin: 0px; }
.dropdown_content { font-size: 11px; background-color: #ffffff; list-style-type: none; cursor: pointer; border-right: #B0AFAF 1px solid; border-left: #B0AFAF 1px solid; padding: 0; overflow: auto; }
.dropdown_contenttable { }
.dropdown_column { height: 18px; padding: 1px 0px 1px 8px; background-color: #d2e7f0; }
.dropdown_selectall { margin-right: 5px; }
.dropdown_pre { height: 18px; text-align: center; padding: 1px 0px 1px 8px; }
.dropdown_item { height: 18px; padding: 1px 0px 1px 8px; }
.dropdown_item_select { background-color: #dfe8f6; border-top: #8eabe4 dotted 1px; border-bottom: #8eabe4 dotted 1px; padding: 0px 0px 0px 8px; }
.dropdown_ckb { margin-right: 5px; }
.dropdown_next { height: 18px; text-align: center; padding: 1px 0px 1px 8px; }
.dropdown_bottom { text-align: center; background-color: #ffffff; border-top: #B0AFAF 1px solid; border-right: #B0AFAF 1px solid; border-bottom: #B0AFAF 1px solid; border-left: #B0AFAF 1px solid; height: 26px; vertical-align: middle; padding-top: 3px; width: 100%; }
.dropdown_page { }

/*End**************************************** @KWDropdown style */


/* @group editor style */
.tx-editor .editor-tools-edit { display: none; color: #fff; font-weight: bold; font-size: 13px; }
.tx-editor.hover .editor-tools-edit { display: inline-block; position: absolute; top: 0; right: 0; background: #1984c8; opacity: .9; padding: 5px 16px; }


.searchbtns { position: fixed; bottom: 0; left: 0; right: 0; padding: 10px 0; text-align: center; background: #fff; }
.template-folder-selector { border: solid 1px #888; height: 350px; overflow: auto; }


.x-form-item { -moz-font-feature-settings: normal; -moz-font-language-override: normal; -x-system-font: none; font-family: tahoma,arial,verdana,sans-serif; font-size: 12px; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; }
.x-form-trigger-wrap { vertical-align: top; }
        
.x-form-text { -moz-box-sizing: border-box; box-sizing: border-box; -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-attachment: scroll; background-clip: border-box; background-color: white; background-image: url("../../images/text-bg.gif"); background-origin: padding-box; background-position: 0 0; background-repeat: repeat-x; background-size: auto auto; border: 1px solid #B5B8C8; padding-bottom: 1px; padding-left: 3px; padding-right: 3px; padding-top: 1px; cursor: pointer; }
.x-form-text { height: 22px; line-height: 18px; vertical-align: top; }
.x-form-focus { border-bottom-color: #7EADD9; border-left-color: #7EADD9; border-right-color: #7EADD9; border-top-color: #7EADD9; }
.x-ie8m .x-form-text { line-height: 15px; }
        
.x-form-trigger { background-image: url("../../images/trigger.gif"); background-position: 0 0; border-bottom-color: #B5B8C8; border-bottom-style: solid; border-bottom-width: 1px; cursor: pointer; height: 21px; overflow-x: hidden; overflow-y: hidden; width: 17px; }
.x-form-trigger-wrap-focus .x-form-trigger { background-position: -51px 0; border-bottom-color: #7EADD9; }
.x-form-trigger-over { background-position: -17px 0; border-bottom-color: #7EADD9; }
.x-border-box .x-form-trigger { height: 22px; }
        
.x-layer { overflow-x: hidden; overflow-y: hidden; position: absolute !important; }
.x-boundlist-item { -moz-user-select: -moz-none; border: 1px dotted white; cursor: pointer; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; position: relative; }
        
.x-boundlist-selected { background-attachment: scroll; background-clip: border-box; background-color: #CBDAF0; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; border-bottom-color: #8EABE4; border-left-color-ltr-source: physical; border-left-color-rtl-source: physical; border-left-color-value: #8EABE4; border-right-color-ltr-source: physical; border-right-color-rtl-source: physical; border-right-color-value: #8EABE4; border-top-color: #8EABE4; }
.x-boundlist-item-over { background-attachment: scroll; background-clip: border-box; background-color: #DFE8F6; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; border-bottom-color: #A3BAE9; border-left-color-ltr-source: physical; border-left-color-rtl-source: physical; border-left-color-value: #A3BAE9; border-right-color-ltr-source: physical; border-right-color-rtl-source: physical; border-right-color-value: #A3BAE9; border-top-color: #A3BAE9; }
.x-boundlist-floating { border-top-width: 0; }
.x-boundlist-above { border-bottom-width: 1px; border-top-width: 1px; }
.x-boundlist { background-attachment: scroll; background-clip: border-box; background-color: white; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; border-left: 1px #98C0F4 solid; border-bottom: 1px #98C0F4 solid; border-right: 1px #98C0F4 solid; border-top: 0; }
.x-strict .x-ie6 .x-boundlist-list-ct, .x-strict .x-ie7 .x-boundlist-list-ct { position: relative; }

#listTableHead{background-color: #fff;}
.alllinktable{border:1px solid #ccc;}
.subtotal_main{ border-bottom:1px solid #ccc;background-color: #fff;}
.tx-tbl-b tr.alt { background-color: #fafafa; }
.tx-tbl-b tr:hover { background-color: #f1f1f4; }
.cc_table_productversion{width: 100%; height: 100%; border: solid 1px #999; border-collapse: collapse;}
.cc_div_productversion_tree{border-right: solid 1px #999; height:100%;}

.cctimestamped_container
{
    overflow:auto;
    padding:3px;
}
.cctimestamped_msg_container
{
    
}
.cctimestamped_input_container
{
    
}
.cctimestamped_msg_container_top
{
    padding-top:98px;
    
}
.cctimestamped_input_container_top
{
    position:absolute;
    top:0px;
    width:99%;       
}
.cctimestamped_msg
{
    width:100%;
    clear:both;
    height:auto;
    padding:0px 0px 5px;
}
.cctimestamped_no
{
    float:left;
    width:30px;
    text-align:left;
    padding:2px 0px 0px;
}
.cctimestamped_no_text
{
    border:solid 1px #999;
    padding:1px 3px;
    
}
.cctimestamped_body
{
    padding-left:30px;    
}
.cctimestamped_head
{
    
}
.cctimestamped_text
{
    border-bottom:dashed 1px #999;
    padding:3px;
    white-space: normal;
    width: 95%;
}
.cctimestamped_text.last
{
    border:0px;
}
.cctimestamped_input
{
    width:100%;
    height:50px;
}
.cctimestamped_username
{
    font-weight:bold;
    
}
.cctimestamped_createtime
{
    padding:0px 10px;
    color:#a0a0a0;
}
.cctimestamped_option
{
    color:#097cd0;
    font-size:14px;
    cursor:pointer;
    padding:0px;
}
.cctimestamped_editat
{
    color:Red;
    padding:0px 0px 0px 10px;
}
.cctimestamped_edittime
{
    padding:0px 10px;
    color:#a0a0a0;
}
.cctimestamped_history
{
    color:#097cd0;
    cursor:pointer;
}

/*comment******************************************************/
.CCComments_box{ padding:0px;border:1px solid #ccc;}
.CCComments_item{border-bottom:none; text-align:left;}
.CCComments_item_main{}
.CCComments_item:hover{}
.CCComments_item-title{border-top:1px solid #ccc; cursor:pointer; line-height:18px; padding:9px 0; box-sizing:border-box; display:block; position:relative; padding-left:33px; background:url(../../Images/CCComments_bg1.png) no-repeat 1% center; overflow:hidden;}
.CCComments_item-title:hover{background:url(../../Images/CCComments_bg1.png) no-repeat 1% center #f5f5f5;}
.CCComments_item-title.on{background:url(../../Images/CCComments_bg.png) no-repeat 1% center;}
.CCComments_item-title.on:hover{background:url(../../Images/CCComments_bg.png) no-repeat 1% center #f5f5f5;}
.CCComments_name{ padding:0px; margin:0px;}
.CCComments_name a{text-decoration:none;}
.CCComments_item-content{ padding:2px 33px; line-height:20px; white-space:normal;}
.CCComments_item-content img{ max-width:100%;}
.CCComments_user{ padding-right:12px;color:#1984c8;}
.CCComments_time{ color:#888; padding:0 12px; border-left:1px solid #ccc;}
.CCComments_rule{ background:url(../../Images/CCComments_lock.png) no-repeat 6% center; padding:0 12px 0 34px; border-left:1px solid #ccc;}
.CCComments_red{ color:#E80B19;}
.CCComments_tag{ padding:0px; border-radius:8px; color:#E80B19; display:none;position:absolute; right:18px;}
.CCComments_more{ background:url(../../Images/CCComments_bg-btn.png) no-repeat; display:block; background-position:0 0; width:42px; height:20px; position:absolute; right:18px; top:9px;}
.CCComments_more:hover{background-position:0 -20px;}
.CCComments_mail{ background:url(../../Images/CCComments_bg-mail.png) no-repeat right; padding-right:18px;}
.CCComments_expand{ color:#1984c8; width:55%;text-align:center;height:33px; line-height:33px; display:inline-block; padding:0px; text-decoration:none;}
.CCComments_expandbg{}
.CCComments_expandbg:hover{}
.CCComments_sort{right:5px;float:right;}
.CCComments_add{display:inline-block; width:140px; height:33px; margin:2px 0px 0px 0px; float:left; text-align:left; padding-left:0px;}
.CCComments_okcancel{padding-top:10px; padding-left:0px;}
.CCComments_editor{padding-top:10px; clear:both; position:relative;}
.CCComments_editorarea{ width:100%; height:220px;}
.CCComments_action{ padding:0 30px 0 30px; color:#888; margin:0 0 20px 0;}
.CCComments_action a{ color:#888; text-decoration:none; padding:0 6px;}
.CCComments_action a:hover{ text-decoration:underline;}
.CCComments_prev{ height:12px; line-height:12px; display:inline-block;overflow:hidden;}
.CCComments_expandall{ cursor:pointer;margin:0px 10px; width:12px; display:inline-block;}
.CCComments_viewall{ width:60%; text-align:center; display:inline-block; }
.CCComments_top{ text-align:center; height:33px; background-color:#f5f5f5; white-space:normal;}
.CCComments_icon{ background:url(../../images/comments-sprite.png) no-repeat;width:24px; height:24px; display:inline-block; vertical-align:middle;}
.CCComments_option{ float:right; margin:-3px 3px 0px 0px; background-position:-432px 0px; border:1px solid #ccc; visibility:hidden; cursor:pointer;}
.CCComments_item-title:hover .CCComments_option{visibility:visible;}
.CCComments_name:hover .CCComments_option{visibility:visible;}
.CCComments_span_expand{ float:left; margin:3px 0px 0px 3px; background-position:-240px 0px; border:1px solid #ccc; cursor:pointer;}
.CCComments_span_collapse{ float:left; margin:3px 0px 0px 3px; background-position:-264px 0px; border:1px solid #ccc; cursor:pointer;}
.CCComments_span_sortasc{float:left; margin:3px 0px 0px 0px;background-position:-24px 0px; border:1px solid #ccc;  border-left-width:0px;cursor:pointer;}
.CCComments_span_sortdsc{float:left; margin:3px 0px 0px 0px;background-position:0px 0px; border:1px solid #ccc;  border-left-width:0px;cursor:pointer;}
.CCComments_setting{ float:right; margin:3px;}
.CCComments_verline{border-left:1px solid #ccc; width:1px; height:16px;}
.CCComments_resolved{background:url(../../images/comments-sprite.png) no-repeat;width:24px; margin-left:10px; height:16px; display:inline-block; vertical-align:middle; background-position:-288px -5px;}
.CCComments_unresolved{background:url(../../images/comments-sprite.png) no-repeat;width:24px; margin-left:10px; height:16px; display:inline-block; vertical-align:middle; background-position:-312px -5px;}

.CCComments_reply{ margin:20px 0px 0px 36px; padding:16px 0px 16px 16px; background:#f5f5f5;}
.CCComments_reply .CCComments_item{ border:none; margin:0 0 10px 0;background:none;}
.CCComments_reply .CCComments_item:last-child{ margin:0;}
.CCComments_reply .CCComments_item .CCComments_item-title{ border:none; padding:2px 10px; background:none;}
.CCComments_reply .CCComments_item .CCComments_item-content{ padding:0px 20px;}
.CCComments_reply .CCComments_item .CCComments_action{ padding:0 14px; margin:0;}
.CCComments_item-close{ padding:0; border-bottom:none;}
.CCComments_item-close .CCComments_item-title .CCComments_expand{  background:none;}
.CCComments_reply-pagination{ text-align:center;}
.CCComments_reply-pagination .te-comments-pagination{ display:inline-block; border:none;}
.CCComments_reply-pagination .te-comments-pagination li{ border:none;}

.CCComments_morereply{ background-color:#f5f5f5; border:0px; line-height:24px; height:24px; text-decoration:none; padding:5px 16px; margin-left:36px; margin-bottom:10px;}
.CCComments_morereply:hover{ background:#e6e6e6;}
.CCComments_morereply span{ margin-left:10px;padding-left:10px;background-position:-240px 0; width:24px; height:24px;background:url(../../images/CCComments_bg-dropdown.png) no-repeat center right;}
.CCComments_at
{
    top:15px; left:3px; width:220px; height:205px; background-color:White; position: absolute;display:none;border:1px solid #ccc;
}
.CCComments_at ul{ list-style:none; padding:0px; margin:0px;overflow:auto;}
.CCComments_at li{ padding:5px 5px; cursor:pointer;}
.CCComments_atuser{ color:Blue; cursor:pointer;}
.CCComments_editor_preview{}
.CCComments_editor_file{color:Blue; cursor:pointer;}
.CCComments_editor_file:link, .CCComments_editor_file:active, .CCComments_editor_file:visited {
    color: Blue;
    text-decoration: none;
    cursor:pointer;
}
.CCComments_atsearch{ width:165px;}
.CCComments_access{padding-top:10px; height:30px;}
.Editor_playVideo { position: relative; z-index: 10; }
.Editor_playVideo:after { background: url(../../Images/video-play.png) no-repeat 50% 50%; content: ' '; position: absolute; top: -15px; height:45px; left: 0; right: 0; bottom: 0; z-index: 100; }
/*comment******************************************************/


/*attachment******************************************************/
.tx-title-h3-new{ border-bottom:1px solid #ccc; position:relative; height:26px; margin:0;}
.tx-title-h3-new b{ position:absolute; top:17px; left:0; background:#fff; padding-right:10px;}
.tx-btn-wraper{position:absolute; top:3px; right:3px; padding-left:10px;}

.tx-attachment-box{ padding:5px 0px 5px 0px; border:1px dashed #ccc; margin:0px; text-align:center;}
.tx-attachment-box .tx-attachment-top,.tx-attachment-top-quickview{ background:url(../../images/newUI/bg-new-attachment.png) no-repeat left center; display:inline-block; padding-left:40px; line-height:20px;}
.tx-attachment-box .tx-attachment-top a,.tx-attachment-top-quickview a{ color:#1984c8; text-decoration:underline; padding:0 2px;}
.tx-attachment-btn { color:#1984c8; text-decoration:underline; padding:0 2px; cursor:pointer;}
.tx-attachment-list{ text-align:left; padding-top:20px;}
.tx-attachment-list li,.tx-attachment-list ul,.tx-attachment-thumb ul,.tx-attachment-thumb li{ list-style:none; margin:0; padding:0;}
.tx-attachment-list li:hover{ background:#f5f5f5;}
.tx-attachment-list li{ display:table; width:100%; padding:6px;box-sizing:border-box;}
.tx-attachment-list li .tx-attachment-item{ display:table-cell;}
.tx-attachment-list li .tx-attachment-file{ width:60%; color:#1984c8 !important;}
.tx-attachment-list li .tx-attachment-file:hover{ text-decoration:underline;}
.tx-attachment-list li .tx-attachment-action{ width:12%; text-align:right; visibility:hidden;}
.tx-attachment-list li .tx-attachment-time{ text-align:right;}
.tx-attachment-list li:hover .tx-attachment-action{ visibility:visible;}
.tx-attachment-thumb{ min-height:30px;}
.tx-attachment-thumb ul{ padding-top:0px; margin-right:0px;}
.tx-attachment-thumb li{ width:160px;height:200px; float:left; text-align:left; margin:12px 0px 12px 15px; position:relative; border: 1px solid transparent;}
.tx-attachment-thumb li:hover{ background:#f5f5f5;  border: 1px solid #1984c8;}
.tx-attachment-thumb li .tx-attachment-thumb-pic{ border:1px solid #ccc; padding:1px; text-align:center; display:block; background:#fff; }
.tx-attachment-thumb li .tx-attachment-thumb-pic .tx-img-auto{ display:block; height:134px; vertical-align:middle; line-height:134px; overflow:hidden; background:#f5f5f5; padding-top:2px;}
.tx-attachment-thumb li .tx-attachment-thumb-pic .tx-img-auto img{ max-height:134px; max-width:156px;}
.tx-attachment-thumb li .tx-attachment-thumb-name{ display:block; color:#1984c8; padding:6px 0 4px 0; text-overflow:ellipsis; overflow:hidden; white-space: nowrap;}
.tx-attachment-thumb li .tx-attachment-thumb-name:hover{ text-decoration:underline;}
.tx-attachment-thumb li  .tx-attachment-size{ display:block; padding-top:10px;}
.tx-attachment-thumb li .tx-attachment-action{ visibility:hidden; position:absolute; bottom:12px; right:12px;}
.tx-attachment-thumb li:hover .tx-attachment-action{ visibility:visible;}
.tx-attachment-progressbar{ height:20px; width:100%;}
.tx-attachment-icon{ display:inline-block; width:20px; height:20px; background:url(../../images/newUI/icon-sprite.png) no-repeat; vertical-align:middle;}
.tx-attachment-icon-liveimage {
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url(../../images/newUI/Livelmage.png) no-repeat;
    vertical-align: middle;
}
.tx-attachment-word{ background-position:0 -62px;}
.tx-i-view{ background-position:-293px -245px; margin-right:8px;}
.tx-i-play{ background-position:-293px -292px; margin-right:8px;}
.tx-i-export{ background-position:-293px -269px;}
.tx-attachment-action .tx-i-tx-i-export{ margin-left:-4px;}
.tx-gray-text{ color:#888;}
.tx-attachment-thumb li .tx-attachment-thumb-pic .tx-attachment-icon{ width:42px; height:42px;}
.tx-play-wrapper{ text-align:center;position:absolute; top:0px;  left:0; width:100%; opacity:0.5;}
.tx-attachment-pdf-big{ background-position:3px 0;}
.tx-attachment-word-big{ background-position:-64px 0;}
.tx-attachment-excel-big{ background-position:-132px 0;}
.tx-attachment-ppt-big{ background-position:-201px 0;}
.tx-attachment-txt-big{ background-position:-269px 0;}
.tx-attachment-html-big{ background-position:-337px 0;}
.tx-attachment-xml-big{ background-position:-405px 0;}
.tx-attachment-avi-big{ background-position:-474px 0;}
.tx-attachment-sound-big{ background-position:-543px 0;}
.tx-attachment-rar-big{ background-position:-610px 0;}
.tx-attachment-zip-big{ background-position:-679px 0;}
.tx-attachment-idea-big{ background-position:-747px 0;}
.tx-attachment-rm-big{ background-position:-815px 0;}
.tx-attachment-swf-big{ background-position:-883px 0;}
.tx-attachment-unkown-big{ background-position:-951px 0;}
.tx-attachment-code-big{ background-position:-1019px 0;}
.tx-attachment-play-big{ background-position:0 -137px; margin-top:30px !important; margin-left:10px;}
.tx-menu-uncheck{ padding-left:30px;}
.tx-attachment-placeHolder div { background-color:#f5f5f5; !important; height: 100%; border:dashed 1px #ccc !important; }
.tx-attachment-thumb li .tx-attachment-thumb-pic .tx-attachment-play-big-b{ position:absolute; left:65px; top:60px;width:30px; height:30px; display:block; margin:0!important; line-height:normal; opacity:.5;}
.tx-attachment-thumb li .tx-attachment-thumb-pic .tx-attachment-play-big-b:hover{ opacity:1;}
.disabled {
    pointer-events: none;
    color: grey;
}
/*attachment*****************************************************end*/


/*vieitem********************************************************/
.viewitem_folder_open{background:url(../../images/tag-open.png) no-repeat;width:16px;  height:16px; display:inline-block; vertical-align:middle;}
.viewitem_folder_close{background:url(../../images/tag-close.png) no-repeat;width:16px;  height:16px; display:inline-block; vertical-align:middle;}
.viewitem_linkkw
{
    list-style:none;
    padding: 0px 5px 5px 15px;
    margin:0px;
    border:0px;
}
.viewitem_linkkw li
{
    padding:4px;
}
.viewitem_linkkw span
{
    cursor:pointer;
}
.viewitem_tag
{
    list-style:none;
    padding: 0px 5px 5px 15px;
    margin:0px;
    border:0px;
}
.viewitem_tag ul
{
    list-style:none;
    padding:0px 0px 0px 15px;
    margin:0px;
}
.viewitem_tag li
{
    padding:5px 0px;
    margin:0px;
}
.viewitem_tagname
{
    padding:2px 2px 2px 5px;
}
.viewitem_relateitem
{
    cursor:pointer;
}
.viewitem_expand 
{
    background:url(../../images/comments-sprite.png) no-repeat;width:20px; height:20px; display:inline-block;
    margin:0px; padding:0px; background-position:-240px 0px; cursor:pointer;}
.viewitem_collapse
{ background:url(../../images/comments-sprite.png) no-repeat;width:20px; height:20px; display:inline-block; 
  margin:0px; padding:0px;background-position:-264px 0px; cursor:pointer;}
  
  .viewitem_onepage
{  background:url("../../Images/viewitem-onepage-view.png") no-repeat scroll 50% 50%;}
  .viewitem_multitab
{ background:url("../../Images/viewitem-multi-tab.png") no-repeat scroll 50% 50%}

.viewitem_sectionoption{ background:url(../../Images/CCComments_bg-btn.png) no-repeat; visibility:hidden; display:block; background-position:0 0; margin:3px 10px 0px 0px; width:42px; height:20px; right:38px; top:11px; float:right;}
.viewitem_sectionoption:hover{background-position:0 -20px;}
.wiki-header:hover .viewitem_sectionoption{ visibility:visible;}
.viewitem_tagitem {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
    display: inline-block;
    line-height: 24px;
    margin-right: 8px;
    padding: 0 20px;
    text-decoration: none;
    vertical-align: middle;
}
.viewitem_deltag
{
    cursor:pointer;
}
.viewitem_hidesection
{
    display:none;
}
.viewitem_section
{
}
.viewitem_section:hover{ background-color:#f5f5f5;}
.viewitem_rightlink
{
    list-style:none;
}
.viewitem_rightlink li
{
    list-style:none;
    padding:4px;
}
.viewpage_section
{
    width:100%;margin-top:15px;vertical-align:middle;
    box-sizing:border-box;
    line-height: 33px; border: 1px solid #ccc; padding: 0 10px; font-size: 12px; font-weight: bold;
}
.viewpagesection_collapse
{
    background:url(../../images/comments-sprite.png) no-repeat;width:20px; height:20px; display:inline-block; 
  margin:4px 0px 0px; padding:0px;background-position:-264px 0px; cursor:pointer;
  float:right;
}
.viewpagesection_expand 
{
    background:url(../../images/comments-sprite.png) no-repeat;width:20px; height:20px; display:inline-block;
    margin:4px 0px 0px; padding:0px; background-position:-240px 0px; cursor:pointer;
    float:right;
}
@media screen and (min-width: 930px) {
    .viewpage_main
    {
        margin-right:30%;
    }
    .viewpage_right
    {
        width:28%; right:1.5%; top:45px; float:right; 
        height:200px; position:absolute; box-sizing:border-box;
    }
}
@media screen and (max-width: 929px) {
    .viewpage_main
    {
        margin-right:0px;
    }
    .viewpage_right
    {
        width:100%;
        box-sizing:border-box;
        padding:10px;
    }
}
@media handled {
    .viewpage_main
    {
        margin-right:0px;
    }
    .viewpage_right
    {
        width:100%;
        box-sizing:border-box;
    }
}
/*vieitem*******************************************************end*/

/****************************************** @jQueryContextMenu style */
.jQueryCM-menuStyle { background: #f9f9f9; border: 1px solid #979797; }
.jQueryCM-submenuStyle { border: 1px solid #979797; background-color: #f9f9f9; }
.jQueryCM-separator { border: 1px solid transparent; background: url(/DevSuiteWebControl/img/menuSpt.gif) repeat-x top #f9f9f9; }
.jQueryCM-sptpadding { }
.jQueryCM-itemStyle { border: 1px solid transparent; color: #333; background-color: #f9f9f9; }
.jQueryCM-itemHoverStyle { background-color: #d1e2f2; border: 1px solid #78aee5; }
.jQueryCM-selectedStyle { background-color: #dcebfa; border: 1px solid transparent; }
.jQueryCM-containerItem { border: 1px solid transparent; background: url(/DevSuiteWebControl/img/menu_arrow.gif) no-repeat right center #f9f9f9; }
.jQueryCM-menuShadowStyle { box-shadow: 0 0 15px #979797; }
/*End**************************************** @jQueryContextMenu style */

@font-face {font-family: "iconfont";
 src: url('/DevSuiteWebControl/font/iconfont.eot');
 src: url('/DevSuiteWebControl/font/iconfont.eot') format('embedded-opentype'),
 url('/DevSuiteWebControl/font/iconfont.woff') format('woff'), 
 url('/DevSuiteWebControl/font/iconfont.ttf') format('truetype'),
 url('/DevSuiteWebControl/font/iconfont.svg') format('svg');
}

.cbx_wrap{padding:2px 0 0 0; display:inline-block;}
.cbx_wrap input+span{
 font-family:"iconfont" !important;
 font-size:18px;
 font-style:normal;
 -webkit-font-smoothing: antialiased;
 -webkit-text-stroke-width: 0.2px;
 -moz-osx-font-smoothing: grayscale;
 speak: none;
 display: inline-block;
 cursor: pointer;
 color:#333;
 font-weight: normal;
 line-height:16px;
 vertical-align:middle;
}
.selected .cbx_wrap input+span{color:#fff;}
.cbx_wrap input+span::before{content:"\e602";}
.cbx_wrap input:checked+span::before{content:"\e604";}
.cbx_wrap input:indeterminate+span::before{content:"\e605";}
.cbx_wrap input[type="checkbox"]{display:none;}

.backlog-property-item{
	position:relative;
	width:50%;
	padding-bottom:8px;
	box-sizing: border-box;
	float:left;
	display:inline-block;
	line-height:26px;
}
.backlog-property-item span
{
	position:absolute;
	left:0px;
	top:0px;
	line-height:26px;
	white-space:nowrap;
	text-align: right;
}	
.backlog-property-item select{width:100%;}
.backlog-property-item input{width:100%;}

.short-label{padding-left:50px;}
.short-label span{width:46px;}

.long-label{padding-left:80px;}
.long-label span{width:76px;}

/*jquery ui*/
.ui-dialog
{
    z-index:999 !important;
}
/*jquery ui*/

/****************************************** @Quick view attachment's image style */
.pull-left{ float: left;}
.pull-right{ float: left;}
.clearfix{*zoom:1;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

.te-kw-pic-box .te-pic-preview{ width: 100%; height: 538px; display: table;background:#f5f5f5; border: 1px solid #ccc; box-sizing: border-box;}
.te-kw-pic-box .te-pic-container{text-align: center; position: relative; width: 100%; display: table-cell; vertical-align: middle;}
.te-kw-pic-box .te-pic-container img{ max-height: 538px; max-width: 100%;}
.te-pic-thumbnail-box{ border: 1px solid #ccc; border-top:0; height: 82px; position: relative; overflow: hidden;}
.te-pic-thumbnail-list{position: absolute; left: 44px; top: 8px; max-height: 58px;  overflow: hidden; padding-top: 6px; }
.te-pic-thumbnail-box ul{ width: 10000px; height:58px ;margin: 0; padding: 0;}
.te-pic-thumbnail-box ul li{ float: left; width: 70px; margin-right: 10px; text-align: center;list-style:outside none none; padding: 0;}
.te-pic-thumbnail-box ul li a{ max-height: 52px; display: inline-block; position: relative; border: 3px solid #fff;}
.te-pic-thumbnail-box ul li a img{ max-height: 50px;max-width: 75px;}
.te-pic-thumbnail-box ul li.on a{ border: 3px solid #1984c8;}
.te-pic-thumbnail-box ul li.on a .te-kw-caret{ position: absolute; top: -9px; left: 0;  width: 100%; text-align: center; font-size: 0; line-height: 6px;}
.te-pic-thumbnail-box ul li.on a .te-kw-caret span{ display: inline-block; background: url("../../images/te-kw-caret.png") no-repeat; width: 12px; height: 6px;}
.te-kw-pic-box .te-pic-action{ width: 44px; height: 82px; position: absolute; background: url("../../images/te-kw-pic-arrow.png") no-repeat #fff;z-index:2; }
.te-kw-pic-box .te-pic-prev{ background-position: 0 -164px; left: 0; top: 0;}
.te-kw-pic-box .te-pic-next{ background-position: -44px -164px;right: 0; top: 0;}
.te-kw-pic-box .te-pic-prev:hover{ background-position: 0 0; }
.te-kw-pic-box .te-pic-next:hover{ background-position: -44px 0;}
.te-kw-pic-box .te-pic-prev.disable{ background-position: 0 -82px; cursor: default; }
.te-kw-pic-box .te-pic-next.disable{ background-position: -44px -82px;cursor: default;}
.te-pic-loading {display: inline-block; position: relative;  z-index: 3;width: 100px;height: 100px;}
.te-pic-play{position: absolute;left: 50%; width: 102px; height: 75px; margin-top: -19px; margin-left: -51px;}
.te-kw-pic-thumbnail-view { width: 100%; background:#f5f5f5; border: 1px solid #ccc; box-sizing: border-box; text-align:center;}
/*End**************************************** @Quick view attachment's image style */


@font-face {font-family: "kwiconfont";
  src: url('/DevSpec/App_Themes/kwiconfont.eot?t=1490172862615'); /* IE9*/
  src: url('/DevSpec/App_Themes/kwiconfont.eot?t=1490172862615#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/DevSpec/App_Themes/kwiconfont.woff?t=1490172862615') format('woff'), /* chrome, firefox */
  url('/DevSpec/App_Themes/kwiconfont.ttf?t=1490172862615') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('/DevSpec/App_Themes/kwiconfont.svg?t=1490172862615#iconfont') format('svg'); /* iOS 4.1- */
}
.kwiconfont 
{
    background-image:none;
    display:inline;
    color: #666;
    font-size:18px;
    line-height: 20px;
    vertical-align:middle;
    transition: font-size 0.25s ease-out 0s;
    font-family:"kwiconfont" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.IFSearch{ padding-top:5px; padding-bottom:3px;}
.IFSearch:before { content: "\e631"; }
.IFEdit:before { content: "\e632"; }
.IFShowTaskDetails:before { content: "\e633"; }
.IFRefresh{ padding-top:1px;}
.IFRefresh:before { font-size:16px; color:#545d6b; content: "\e634"; }
.IFClearSearch:before { font-size:16px; color:#545d6b; content: "\e642"; }
.IFProductVersion:before { font-size:16px; color:#545d6b; content: "\e640"; }
.IFHierarchyView:before { font-size:16px; color:#398fa2; content: "\e61c"; }
.IFListView:before { font-size:16px; color:#346387; content: "\e61d"; }
.IFRoadmapView:before { font-size:16px; color:#e04f4f; content: "\e61e"; }
.IFBaselineView:before { font-size:16px; color:#71a0dc; content: "\e61f"; }
.IFCRView:before { font-size:16px; color:#ec8d1c; content: "\e620"; }
.IFReportView:before { font-size:16px; color:#208ff8; content: "\e61a"; }
.IFSetting:before { font-size:16px; color:#8598a6; content: "\e619"; }
/*
.tx-i-collapse-detail:before { font-size:16px; color:#545d6b; content: "\e64d"; }
.tx-i-expand-detail:before { font-size:16px;color:#545d6b; content: "\e670"; }
.tx-i-tempview:before { font-size:16px; content: "\e655"; }
.tx-i-setting:before { font-size:16px;color:#8598a6; content: "\e619"; }
*/
/*********************search space*****************************/
.searchspacebox {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    min-width: 125px;
    display: inline-block;
    padding-left:10px;
}
.searchspacebox input {
    height: 26px;
    border: solid 1px #ccc;
    float: left;
    width: 100px;
    margin-top: 5px;
}
.searchspacebox a.searchbox-cleartxt {
    background-color: #fff;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: inline-block;
    border: 0;
    top: 50%;
    margin-top: -8px;
    right: 28px;
    position: absolute;
    display: none;
}
.searchspacebox a.tx-icon-btn {
    margin-left: -1px;
    float: left;
}

.searchspacebox a.tx-icon-btn {
    margin-left: -1px;
    float: left;
}
/*****************end of search space*****************************/


/********************wiki page************************/
.wiki-header {}
.wiki-header:hover{ background-color:#f5f5f5;}

.viewitem-property {
    background: #f5f5f5 none repeat scroll 0 0;
    color:#515967; 
}

.viewitem-property table .bluebg 
{
	color:#515967;
}

/********************DevSuite Project type icon************************/
.tx-i-p-home, .tx-i-p-dsp, .tx-i-p-kw, .tx-i-p-dtk, .tx-i-p-dtt, .tx-i-p-dtm, .tx-i-p-ppm, .tx-i-p-pr, .tx-i-p-hierarchy, .tx-i-p-list {
    background-image: url(/DevSuiteWebControl/style/img/project-type-sprite.png) !important;
    background-repeat: no-repeat;
}
.tx-i-p-common {
    width: 16px;
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    padding-right: 3px;
}
.tx-i-p-home {
    background-position: -2px -2px !important;
}

.tx-i-p-dsp {
    background-position: -42px -2px !important;
}

.tx-i-p-dtk {
    background-position: -62px -2px !important;
}

.tx-i-p-kw {
    background-position: -102px -2px !important;
}

.tx-i-p-dtm {
    background-position: -122px -2px !important;
}

.tx-i-p-dtt {
    background-position: -82px -2px !important;
}

.tx-i-p-ppm {
    background-position: -22px -2px !important;
}

.tx-i-p-hierarchy {
    background-position: -142px -2px !important;
}

.tx-i-p-list {
    background-position: -162px -2px !important;
}

.tx-i-p-pr {
    background-position: -180px -2px !important;
}
/*************end of DevSuite Project type icon*************************************/

/****approval event Filter style*****/
.ApprovalEventFilterWidget {
    display: none;
    width: 800px;
    height: 100px;
    margin-left: -10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
    overflow: visible;
    position: absolute;
    top: 30px;
    z-index: 10002;
    left: 50px;
    box-sizing: content-box;
    outline: 0px;
}

.ApprovalEventFilterForm {
    background-color: #f5f5f5;
    border-style: none !important;
    font-size: 12px;
    font-family: Helvetica, sans-serif;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    transform: translateY(0px);
    position: absolute;
    width: 100%;
}

.preview_column_filter_proxy {
    position: relative;
    right: 1px;
    top: 8px;
    padding-right: 5px;
    border: 0;
    display: inline;
}

.preview_ColumnFilterWidget {
    display: none;
    width: 800px;
    height: 100px;
    margin-left: -10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
    overflow: visible;
    position: absolute;
    top: 85px;
    z-index: 10002;
    left: 50px;
    box-sizing: content-box;
    outline: 0px;
}

/*******End of approval event style****/