/* New Community Code start */ 
html{
    background-color:#666;
}

a {
    color: #336699;
}

.footer-section-5 .footer-section-inner {
    text-align:center;
}


.language-select{
    float: right;
    margin-top: 30px;
    margin-left: 10px;
}
/* New Community Code end */

/* content code **/

/*backgrounds*/
.bgExport {background: url(HTStaticRes/images/sprite/main.png) no-repeat -848px -89px;}
.bgPrint {background: url(HTStaticRes/images/sprite/main.png) no-repeat -822px -89px;}

.bold {
    font-weight: bold;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.italic {
    font-style: italic;
}

.pointer {
    cursor:pointer;
}

.posRelative {
    position: relative;
}

.hidden {
    visibility:hidden;
}

#htportal body{
    background: #fff;
    margin: 0px;
}

#wrapper {
    width: 981px;
    margin: 0 auto;
    padding: 0 10px;
}

/* Main Navigation */

#sfdc_links li{
    float: left;
    padding: 0px 5px;
    border-left: 1px solid #aaa;
    list-style: none;
}

#sfdc_links a {
    text-decoration: none;
    color: #069;
}

#sfdc_links a:hover {
    text-decoration: underline;
}

#log {
    float: right;
}

#log li{
    float: left;
    padding: 0px 5px;
    border-left: 1px solid #aaa;
    list-style: none;
}

#log a {
    text-decoration: none;
    color: #069;
}

#log a:hover {
    text-decoration: underline;
}

#log span {
    font-weight: bold;
}

/* Main Navigation END*/

/* search field */

.search {
    color: #999999;
    font-size: 14px;
    margin-top: 30px;
    float: right;
    margin-right: 18px;
}

.searchbox {
    width: 440px;
    background-image: url(images/bk_searchbox.gif);
    background-repeat: no-repeat;
    padding: 0px 0px 0px 7px;
    float: left;
}

.searchbox input {
    background-color: transparent;
    color: #333;
    border: transparent 0 solid;
    height: 27px;
    font-size:14px;
    width: 430px;
    padding-top: 5px;
}

.magnify {
    float: right;
}

/*****************
 *  Deduplication
 *****************/

/*****************
 *  Deduplication
 *****************/

#column {
    float: left;
    width: 33.33%;
}

#column_first {
    float: left;
}

#column_second {
    width: 127px;
    float: right;
    margin-right: 12px;
    margin-left: -140px;
}

/* bucket */
#bucket {
    background: #fff;
    margin: 0px 15px 15px 0px;
}

.bucket_top {
    background:url(images/bucket_top_left.gif) no-repeat left top;

}

.bucket_top span {
    display:block;
    position:relative;
    background:url(images/bucket_top_right.gif) no-repeat right top;
}

#bucket h3{
    padding: 5px 10px 5px 18px;
    margin-left: 8px;
    font-size: 14px;
    line-height: 17px;
    color: #333;
    background: url(images/arrow_down.gif) no-repeat left center;
}

.bucket_content {
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    padding: 12px;
}

#bucket p{
    font-size: 12px;
    line-height: 14px;
    padding-bottom: 10px;
}

.bucket_bottom {
    height:7px;
    background:url(images/bucket_bottom_left.gif) no-repeat left bottom;

}

.bucket_bottom span {
    display:block;
    position:relative;
    height:7px;
    background:url(images/bucket_bottom_right.gif) no-repeat right bottom;
}

hr {
    clear: both;
    visibility: hidden;
}
/* Call To Action Buttons */

.ctabutton:link,
.ctabutton:visited { /* Top left corner, top edge */
    float:left;
    color:#333;
    background:#f0f0f0 url(images/ctabutton.gif) no-repeat;
    text-decoration:none;
    font-size: 12px;
    width: 127px;
}

.ctabutton * {
    display:block;
}

.ctabutton p{
    margin-left: 20px;
}

.unavailable {
    font-size: 11px;
    color: #ff1100;
    line-height: 14px;
    font-weight: bold;
}

.no_service {
    color: #666;
}

.ctabutton span { /* Top right corner */
    padding:9px 0 0;
    background:url(images/ctacorners.gif) no-repeat right top;
}

.ctabutton span span { /* Bottom left corner, left and bottom edges */
    padding:0 0 0 9px;
    background:url(images/ctabutton.gif) no-repeat left bottom;
}

.ctabutton span span span { /* Bottom right corner */
    padding:0 0 9px;
    background:url(images/ctacorners.gif) no-repeat right bottom;
}

.ctabutton span span span span { /* Right edge */
    padding:0px 10px 0px 0px; /* Extra padding (3px vertical, 6px horizontal) added to give the text some breathing room */
    background: url(images/ctabutton.gif) no-repeat right center;
    }

.ctabutton:hover,
.ctabutton:focus,
.ctabutton:active { /* Make the button more visible on :hover and :focus */
    color:#000;
}

/* Put the demo buttons on separate rows with some space between */
.ctabutton {margin:0 0 10px;}


.opencase{
    height: 14px;
    width: 14px;
    display: block;
    background: url(images/icon_open_a_case.gif) no-repeat left top;
    float: left;
}


.opencase_gray{
    height: 14px;
    width: 14px;
    display: block;
    background: url(images/icon_open_a_case_gray.gif) no-repeat left top;
    float: left;
}

.ext-el-mask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    border:1px solid;
    background:repeat-x 0 -16px;
    padding:2px;
}

.ext-el-mask-msg div {
    padding:5px 10px 5px 10px;
    border:1px solid;
    cursor:wait;
}

.ext-shim {
    position:absolute;
    visibility:hidden;
    left:0;
    top:0;
    overflow:hidden;
}

.ext-ie .ext-shim {
    filter: alpha(opacity=0);
}

.ext-ie6 .ext-shim {
    margin-left: 5px;
    margin-top: 3px;
}

.x-mask-loading div {
    padding:15px 15px 15px 50px;
    background:no-repeat 5px 5px;
    line-height:16px;
}

/* class for hiding elements without using display:none */
.x-hidden, .x-hide-offsets {
    position:absolute !important;
    left:-10000px;
    top:-10000px;
    visibility:hidden;
}

.x-hide-display {
    display:none !important;
}

.x-hide-visibility {
    visibility:hidden !important;
}

.x-masked {
    overflow: hidden !important;
}
.x-masked-relative {
    position: relative !important;
}

.x-masked select, .x-masked object, .x-masked embed {
    visibility: hidden;
}

.x-layer {
    visibility: hidden;
}

.x-unselectable, .x-unselectable * {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select:none;
}

.x-repaint {
    zoom: 1;
    background-color: transparent;
    -moz-outline: none;
}

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}.ext-el-mask {
    z-index: 100;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    width: 100%;
    height: 100%;
    zoom: 1;
}

h3, .footer-section-inner h3 {
    font-size: 1.17em;
}

.footer-section-inner h3 {
    padding: 0;
}

.x-item-disabled {
    cursor: default;
    opacity: .6;
    -moz-opacity: .6;
    filter: alpha(opacity=60);
}

.x-item-disabled * {
    cursor: default !important;
}

.x-splitbar-proxy {
    position: absolute;
    visibility: hidden;
    z-index: 20001;
    zoom: 1;
    line-height: 1px;
    font-size: 1px;
    overflow: hidden;
}

.x-splitbar-h, .x-splitbar-proxy-h {
    cursor: e-resize;
    cursor: col-resize;
}

.x-splitbar-v, .x-splitbar-proxy-v {
    cursor: s-resize;
    cursor: row-resize;
}

.x-color-palette {
    width: 150px;
    height: 92px;
    cursor: pointer;
}

.x-color-palette a {
    border: 1px solid;
    float: left;
    padding: 2px;
    text-decoration: none;
    -moz-outline: 0 none;
    outline: 0 none;
    cursor: pointer;
}

.x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
    border: 1px solid;
}

.x-color-palette em {
    display: block;
    border: 1px solid;
}

.x-color-palette em span {
    cursor: pointer;
    display: block;
    height: 10px;
    line-height: 10px;
    width: 10px;
}

.x-ie-shadow {
    display: none;
    position: absolute;
    overflow: hidden;
    left:0;
    top:0;
    zoom:1;
}

.x-shadow {
    display: none;
    position: absolute;
    overflow: hidden;
    left:0;
    top:0;
}

.x-shadow * {
    overflow: hidden;
}

.x-shadow * {
    padding: 0;
    border: 0;
    margin: 0;
    clear: none;
    zoom: 1;
}

/* top  bottom */
.x-shadow .xstc, .x-shadow .xsbc {
    height: 6px;
    float: left;
}

/* corners */
.x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr {
    width: 6px;
    height: 6px;
    float: left;
}

/* sides */
.x-shadow .xsc {
    width: 100%;
}

.x-shadow .xsml, .x-shadow .xsmr {
    width: 6px;
    float: left;
    height: 100%;
}

.x-shadow .xsmc {
    float: left;
    height: 100%;
    background: transparent;
}

.x-shadow .xst, .x-shadow .xsb {
    height: 6px;
    overflow: hidden;
    width: 100%;
}

.x-shadow .xsml {
    background: transparent repeat-y 0 0;
}

.x-shadow .xsmr {
    background: transparent repeat-y -6px 0;
}

.x-shadow .xstl {
    background: transparent no-repeat 0 0;
}

.x-shadow .xstc {
    background: transparent repeat-x 0 -30px;
}

.x-shadow .xstr {
    background: transparent repeat-x 0 -18px;
}

.x-shadow .xsbl {
    background: transparent no-repeat 0 -12px;
}

.x-shadow .xsbc {
    background: transparent repeat-x 0 -36px;
}

.x-shadow .xsbr {
    background: transparent repeat-x 0 -6px;
}

.loading-indicator {
    background: no-repeat left;
    padding-left: 20px;
    line-height: 16px;
    margin: 3px;
}

.x-text-resize {
    position: absolute;
    left: -1000px;
    top: -1000px;
    visibility: hidden;
    zoom: 1;
}

.x-drag-overlay {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/s.gif);
    z-index: 20000;
}

.x-clear {
    clear:both;
    height:0;
    overflow:hidden;
    line-height:0;
    font-size:0;
}

.x-spotlight {
    z-index: 8999;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    width:0;
    height:0;
    zoom: 1;
}

#x-history-frame {
    position:absolute;
    top:-1px;
    left:0;
    width:1px;
    height:1px;
    visibility:hidden;
}

#x-history-field {
    position:absolute;
    top:0;
    left:-1px;
    width:1px;
    height:1px;
    visibility:hidden;
}
.x-resizable-handle {
    position:absolute;
    z-index:100;
    /* ie needs these */
    font-size:1px;
    line-height:6px;
    overflow:hidden;
    filter:alpha(opacity=0);
    opacity:0;
    zoom:1;
}

.x-resizable-handle-east{
    width:6px;
    cursor:e-resize;
    right:0;
    top:0;
    height:100%;
}

.ext-ie .x-resizable-handle-east {
    margin-right:-1px; /*IE rounding error*/
}

.x-resizable-handle-south{
    width:100%;
    cursor:s-resize;
    left:0;
    bottom:0;
    height:6px;
}

.ext-ie .x-resizable-handle-south {
    margin-bottom:-1px; /*IE rounding error*/
}

.x-resizable-handle-west{
    width:6px;
    cursor:w-resize;
    left:0;
    top:0;
    height:100%;
}

.x-resizable-handle-north{
    width:100%;
    cursor:n-resize;
    left:0;
    top:0;
    height:6px;
}

.x-resizable-handle-southeast{
    width:6px;
    cursor:se-resize;
    right:0;
    bottom:0;
    height:6px;
    z-index:101;
}

.x-resizable-handle-northwest{
    width:6px;
    cursor:nw-resize;
    left:0;
    top:0;
    height:6px;
    z-index:101;
}

.x-resizable-handle-northeast{
    width:6px;
    cursor:ne-resize;
    right:0;
    top:0;
    height:6px;
    z-index:101;
}

.x-resizable-handle-southwest{
    width:6px;
    cursor:sw-resize;
    left:0;
    bottom:0;
    height:6px;
    z-index:101;
}

.x-resizable-over .x-resizable-handle, .x-resizable-pinned .x-resizable-handle{
    filter:alpha(opacity=100);
    opacity:1;
}

.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,
.x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west
{
    background-position: left;
}

.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,
.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north
{
    background-position: top;
}

.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
    background-position: top left;
}

.x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
    background-position:bottom right;
}

.x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
    background-position: bottom left;
}

.x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
    background-position: top right;
}

.x-resizable-proxy{
    border: 1px dashed;
    position:absolute;
    overflow:hidden;
    display:none;
    left:0;
    top:0;
    z-index:50000;
}

.x-resizable-overlay{
    width:100%;
    height:100%;
    display:none;
    position:absolute;
    left:0;
    top:0;
    z-index:200000;
    -moz-opacity: 0;
    opacity:0;
    filter: alpha(opacity=0);
}
.x-tab-panel {
    overflow:hidden;
}

.x-tab-panel-header, .x-tab-panel-footer {
    border: 1px solid;
    overflow:hidden;
    zoom:1;
}

.x-tab-panel-header {
    border: 1px solid;
    padding-bottom: 2px;
}

.x-tab-panel-footer {
    border: 1px solid;
    padding-top: 2px;
}

.x-tab-strip-wrap {
    width:100%;
    overflow:hidden;
    position:relative;
    zoom:1;
}

#verticalTabContainer .x-tab-strip-wrap {
    background-color: #6CB5DA;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-top: 28px;
}

ul.x-tab-strip {
    display:block;
    width:5000px;
    zoom:1;
}

ul.x-tab-strip-top{
    padding-top: 1px;
    background: repeat-x bottom;
}

ul.x-tab-strip-bottom{
    padding-bottom: 1px;
    background: repeat-x top;
    border-top: 1px solid;
    border-bottom: 0 none;
}

.x-tab-panel-header-plain .x-tab-strip-top {
    background:transparent !important;
    padding-top:0;
}

.x-tab-panel-header-plain {
    background:transparent !important;
    border-width:0 !important;
    padding-bottom:0 !important;
}

.x-tab-panel-header-plain .x-tab-strip-spacer,
.x-tab-panel-footer-plain .x-tab-strip-spacer {
    border:1px solid;
    height:2px;
    font-size:1px;
    line-height:1px;
}

.x-tab-panel-header-plain .x-tab-strip-spacer {
    border-top: 0 none;
}

.x-tab-panel-footer-plain .x-tab-strip-spacer {
    border-bottom: 0 none;
}

.x-tab-panel-footer-plain .x-tab-strip-bottom {
    background:transparent !important;
    padding-bottom:0 !important;
}

.x-tab-panel-footer-plain {
    background:transparent !important;
    border-width:0 !important;
    padding-top:0 !important;
}

.ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer,
.ext-border-box .x-tab-panel-footer-plain .x-tab-strip-spacer {
    height:3px;
}

ul.x-tab-strip li {
    float:left;
}

#verticalTabContainer ul.x-tab-strip li {
    background-image: none;
}

#ext-comp-1030__Chart1 {
    margin-top: 5px;
}

.ext-ie #horizontalTabContainer .x-panel-noborder, .ext-chrome #horizontalTabContainer .x-panel-noborder {
    width: 101% !important;
}

#horizontalTabContainer #verticalTabContainer .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
    background-color: #FFFFFF;
    color: #416AA3;
    margin-right: 30px;
}

#verticalTabContainer .x-tab-strip-active .x-tab-strip-inner {
    background:url("HTStaticRes/images/sprite/main.png") no-repeat scroll 66px 6px transparent;
}

ul.x-tab-strip li.first {
    border: 1px solid #7E7E7E;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    margin-left : 10px;
}

ul.x-tab-strip li.grid {
    background: url("HTStaticRes/images/sprite/main.png") no-repeat scroll -700px -83px transparent;
}

ul.x-tab-strip li.last {
    border: 1px solid #7E7E7E;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

ul.x-tab-strip li.x-tab-edge {
    float:left;
    margin:0 !important;
    padding:0 !important;
    border:0 none !important;
    font-size:1px !important;
    line-height:1px !important;
    overflow:hidden;
    zoom:1;
    background:transparent !important;
    width:1px;
}

.x-tab-strip a, .x-tab-strip span, .x-tab-strip em {
    display:block;
}

.x-tab-strip a {
    text-decoration:none !important;
    -moz-outline: none;
    outline: none;
    cursor:pointer;
}

.x-tab-strip-inner {
    overflow:hidden;
    text-overflow: ellipsis;
}

div#horizontalTabContainer .x-tab-strip-top .x-tab-right .x-tab-strip-inner .icon-block-stub {
    display:inline-block;
    vertical-align: middle;
    padding: 1px;
}
div#horizontalTabContainer .x-tab-strip-top .x-tab-right .x-tab-strip-inner .icon-stub {
    width:20px;
    height:20px;
}

.x-tab-strip span.x-tab-strip-text {
    white-space: nowrap;
    cursor:pointer;
    padding:4px 0;
}

.x-tab-strip-top .x-tab-with-icon .x-tab-right {
    padding-left:6px;
}

.x-tab-strip .x-tab-with-icon span.x-tab-strip-text {
    background-position: 0 3px;
    background-repeat: no-repeat;
}

.x-tab-strip-active, .x-tab-strip-active a.x-tab-right {
    cursor:pointer;
}

.x-tab-strip-active, .x-tab-strip-active a.x-tab-right {
    background-color: #7E7E7E;
}

.x-tot2ivn-vr-tab-panel .x-tab-strip-active, .x-tot2ivn-vr-tab-panel .x-tab-strip-active a.x-tab-right {
    background-color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-left: 3px;
    padding-left: 0;
}

.x-tab-strip-active span.x-tab-strip-text {
    cursor:default;
}

.x-tab-strip-disabled .x-tabs-text {
    cursor:default;
}

.x-tab-panel-body {
    overflow:hidden;
}

.x-tab-panel-bwrap {
    overflow:hidden;
}

.ext-ie .x-tab-strip .x-tab-right {
    position:relative;
}

.x-tab-strip-top .x-tab-strip-active .x-tab-right {
    margin-bottom:-1px;
}

/*
 * Horrible hack for IE8 in quirks mode
 */
.ext-border-box .ext-ie8 .x-tab-strip .x-tab-right{
    top: 1px;
}

.x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
    padding-bottom:5px;
}

#horizontalTabContainer .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
    color: #FFFFFF;
}

div#horizontalTabContainer .x-tab-strip-top .x-tab-right span.gridIcon {
    background: url("HTStaticRes/images/sprite/main.png") no-repeat scroll -707px -89px transparent;
}

div#horizontalTabContainer .x-tab-strip-top .x-tab-strip-active .x-tab-right span.gridIcon {
    background: url("HTStaticRes/images/sprite/main.png") no-repeat scroll -707px -114px transparent;
}

div#horizontalTabContainer .x-tab-strip-top .x-tab-right span.chartIcon {
    background: url("HTStaticRes/images/sprite/main.png") no-repeat scroll -706px -140px transparent;
}

div#horizontalTabContainer .x-tab-strip-top .x-tab-strip-active .x-tab-right span.chartIcon {
    background: url("HTStaticRes/images/sprite/main.png") no-repeat scroll -706px -165px transparent;
}

.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
    margin-top:-1px;
}

.x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
    padding-top:5px;
}

.x-tab-strip-top .x-tab-right {
    background: transparent no-repeat 0 -51px;
    padding-left:10px;
}

.x-tab-strip-top .x-tab-left {
    background: transparent no-repeat right -351px;
    padding-right:10px;
}

.x-tab-strip-top .x-tab-strip-inner {
    background: transparent repeat-x 0 -201px;
}

.x-tab-strip-top .x-tab-strip-over .x-tab-right {
     background-position:0 -101px;
}

.x-tab-strip-top .x-tab-strip-over .x-tab-left {
     background-position:right -401px;
}

.x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
     background-position:0 -251px;
}

.x-tab-strip-top .x-tab-strip-active .x-tab-right {
    background-position: 0 0;
}

.x-tab-strip-top .x-tab-strip-active .x-tab-left {
    background-position: right -301px;
}

.x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
    background-position: 0 -151px;
}

.x-tab-strip-bottom .x-tab-right {
    background: no-repeat bottom right;
}

.x-tab-strip-bottom .x-tab-left {
    background: no-repeat bottom left;
}

.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
    background: no-repeat bottom left;
}

.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
    background: no-repeat bottom right;
}

.x-tab-strip-bottom .x-tab-left {
    padding:0 10px;
}

.x-tab-strip-bottom .x-tab-right {
    padding:0;
}

.x-tab-strip .x-tab-strip-close {
    display:none;
}

.x-tab-strip-closable {
    position:relative;
}

.x-tab-strip-closable .x-tab-left {
    padding-right:19px;
}

.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
    opacity:.6;
    -moz-opacity:.6;
    background-repeat:no-repeat;
    display:block;
    width:11px;
    height:11px;
    position:absolute;
    top:3px;
    right:3px;
    cursor:pointer;
    z-index:2;
}

.x-tab-strip .x-tab-strip-active a.x-tab-strip-close {
    opacity:.8;
    -moz-opacity:.8;
}
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
    opacity:1;
    -moz-opacity:1;
}

.x-tab-panel-body {
    border: 1px solid;
}

.x-tab-panel-body-top {
    border-top: 0 none;
}

.x-tab-panel-body-bottom {
    border-bottom: 0 none;
}

.x-tab-scroller-left {
    background: transparent no-repeat -18px 0;
    border-bottom: 1px solid;
    width:18px;
    position:absolute;
    left:0;
    top:0;
    z-index:10;
    cursor:pointer;
}
.x-tab-scroller-left-over {
    background-position: 0 0;
}

.x-tab-scroller-left-disabled {
    background-position: -18px 0;
    opacity:.5;
    -moz-opacity:.5;
    filter:alpha(opacity=50);
    cursor:default;
}

.x-tab-scroller-right {
    background: transparent no-repeat 0 0;
    border-bottom: 1px solid;
    width:18px;
    position:absolute;
    right:0;
    top:0;
    z-index:10;
    cursor:pointer;
}

.x-tab-scroller-right-over {
    background-position: -18px 0;
}

.x-tab-scroller-right-disabled {
    background-position: 0 0;
    opacity:.5;
    -moz-opacity:.5;
    filter:alpha(opacity=50);
    cursor:default;
}

.x-tab-scrolling-bottom .x-tab-scroller-left, .x-tab-scrolling-bottom .x-tab-scroller-right{
    margin-top: 1px;
}

.x-tab-scrolling .x-tab-strip-wrap {
    margin-left:18px;
    margin-right:18px;
}

.x-tab-scrolling {
    position:relative;
}

.x-tab-panel-bbar .x-toolbar {
    border:1px solid;
    border-top:0 none;
    overflow:hidden;
    padding:2px;
}

.x-tab-panel-tbar .x-toolbar {
    border:1px solid;
    border-top:0 none;
    overflow:hidden;
    padding:2px;
}/* all fields */
.x-form-field{
    margin: 0 0 0 0;
}

/* ---- text fields ---- */
.x-form-text, textarea.x-form-field{
    padding:1px 3px;
    background:repeat-x 0 0;
    border:1px solid;
}

textarea.x-form-field {
    padding:2px 3px;
}

.x-form-text, .ext-ie .x-form-file {
    height:22px;
    line-height:18px;
    vertical-align:middle;
}

.ext-ie6 .x-form-text, .ext-ie7 .x-form-text {
    margin:-1px 0; /* ie bogus margin bug */
    height:22px; /* ie quirks */
    line-height:18px;
}

.ext-ie6 textarea.x-form-field, .ext-ie7 textarea.x-form-field {
    margin:-1px 0; /* ie bogus margin bug */
}

.ext-strict .x-form-text {
    height:18px;
}

.ext-safari.ext-mac textarea.x-form-field {
    margin-bottom:-2px; /* another bogus margin bug, safari/mac only */
}

.ext-strict .ext-ie8 .x-form-text, .ext-strict .ext-ie8 textarea.x-form-field {
    margin-bottom: 1px;
}

.ext-gecko .x-form-text , .ext-ie8 .x-form-text {
    padding-top:2px; /* FF won't center the text vertically */
    padding-bottom:0;
}

textarea {
    resize: none;  /* Disable browser resizable textarea */
}

/* select boxes */
.x-form-select-one {
    height:20px;
    line-height:18px;
    vertical-align:middle;
    border: 1px solid;
}

/* multi select boxes */

/* --- TODO --- */

/* 2.0.2 style */
.x-form-check-wrap {
    line-height:18px;
}

.ext-ie .x-form-check-wrap input {
    width:15px;
    height:15px;
}

.x-editor .x-form-check-wrap {
    padding:3px;
}

.x-editor .x-form-checkbox {
    height:13px;
}

.x-form-check-group-label {
    border-bottom: 1px solid;
    margin-bottom: 5px;
    padding-left: 3px !important;
    float: none !important;
}

/* wrapped fields and triggers */
.x-form-field-wrap .x-form-trigger{
    width:17px;
    height:21px;
    border:0;
    background:transparent no-repeat 0 0;
    cursor:pointer;
    border-bottom: 1px solid;
    position:absolute;
    top:0;
}

.x-form-field-wrap .x-form-date-trigger, .x-form-field-wrap .x-form-clear-trigger, .x-form-field-wrap .x-form-search-trigger{
    cursor:pointer;
}

.ext-safari .x-form-field-wrap .x-form-trigger{
    right:0;
}

.x-form-field-wrap .x-form-twin-triggers .x-form-trigger{
    position:static;
    top:auto;
    vertical-align:top;
}

.x-form-field-wrap {
    position:relative;
    left: 0;
    top: 9px !important;
    zoom:1;
    white-space: nowrap;
}

.x-form-field-wrap .x-form-trigger-over{
    background-position:-17px 0;
}

.x-form-field-wrap .x-form-trigger-click{
    background-position:-34px 0;
}

.x-trigger-wrap-focus .x-form-trigger{
    background-position:-51px 0;
}

.x-trigger-wrap-focus .x-form-trigger-over{
    background-position:-68px 0;
}

.x-trigger-wrap-focus .x-form-trigger-click{
    background-position:-85px 0;
}

.x-trigger-wrap-focus .x-form-trigger{
    border-bottom: 1px solid;
}

.x-item-disabled .x-form-trigger-over{
    background-position:0 0 !important;
    border-bottom: 1px solid;
}

.x-item-disabled .x-form-trigger-click{
    background-position:0 0 !important;
    border-bottom: 1px solid;
}

.x-trigger-noedit{
    cursor:pointer;
}

/* field focus style */
.x-form-focus, textarea.x-form-focus{
    border: 1px solid;
}

/* invalid fields */
.x-form-invalid, textarea.x-form-invalid{
    background:repeat-x bottom;
    border: 1px solid;
}

.ext-safari .x-form-invalid{
    border: 1px solid;
}

.x-form-inner-invalid, textarea.x-form-inner-invalid{
    background:repeat-x bottom;
}

/* editors */
.x-editor {
    visibility:hidden;
    padding:0;
    margin:0;
}
.x-form-check-wrap {
    height: 22px;
    line-height:18px;
}

.ext-ie .x-form-check-wrap input {
    width:15px;
    height:15px;
}

.x-editor .x-form-check-wrap {
    padding:3px;
}

.x-editor .x-form-checkbox {
    height:13px;
}

.x-form-grow-sizer {
    left: -10000px;
    padding: 8px 3px;
    position: absolute;
    visibility:hidden;
    top: -10000px;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    zoom:1;
}

.x-form-grow-sizer p {
    margin:0 !important;
    border:0 none !important;
    padding:0 !important;
}

/* Form Items CSS */

.x-form-item {
    display:block;
    margin-bottom:4px;
    zoom:1;
}

.x-form-item label {
    display:block;
    float:left;
    width:100px;
    padding:3px;
    padding-left:0;
    clear:left;
    z-index:2;
    position:relative;
}

.x-form-element {
    padding-left:105px;
    position:relative;
}

.x-form-invalid-msg {
    padding:2px;
    padding-left:18px;
    background: transparent no-repeat 0 2px;
    line-height:16px;
    width:200px;
}

.x-form-label-left label {
   text-align:left;
}

.x-form-label-right label {
   text-align:right;
}

.x-form-label-top .x-form-item label {
    width:auto;
    float:none;
    clear:none;
    display:inline;
    margin-bottom:4px;
    position:static;
}

.x-form-label-top .x-form-element {
    padding-left:0;
    padding-top:4px;
}

.x-form-label-top .x-form-item {
    padding-bottom:4px;
}

/* Editor small font for grid, toolbar and tree */
.x-small-editor .x-form-text {
    height:20px;
    line-height:16px;
    vertical-align:middle;
}

.ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
    margin-top:-1px !important; /* ie bogus margin bug */
    margin-bottom:-1px !important;
    height:20px !important; /* ie quirks */
    line-height:16px !important;
}

.ext-strict .x-small-editor .x-form-text {
    height:16px !important;
}

.ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
    height:20px;
    line-height:16px;
}

.ext-border-box .x-small-editor .x-form-text {
    height:20px;
}

.x-small-editor .x-form-select-one {
    height:20px;
    line-height:16px;
    vertical-align:middle;
}

.x-small-editor .x-form-num-field {
    text-align:right;
}

.x-small-editor .x-form-field-wrap .x-form-trigger{
    height:19px;
}

.ext-webkit .x-small-editor .x-form-text{padding-top:3px;font-size:100%;}

.x-form-clear {
    clear:both;
    height:0;
    overflow:hidden;
    line-height:0;
    font-size:0;
}
.x-form-clear-left {
    clear:left;
    height:0;
    overflow:hidden;
    line-height:0;
    font-size:0;
}

.x-form-cb-label {
    width:auto !important;
    float:none !important;
    clear:none !important;
    display:inline !important;
    margin-left:4px;
    top: -2px;
}

.ext-gecko2 .x-form-cb-label{
    top: -1px;
}

.ext-ie8 .x-form-cb-label{
    position: static;
}

.ext-strict .ext-ie8 .x-form-cb-label {
    top: -3px;
    position: relative;
}

.ext-opera .x-form-cb-label, .ext-safari3 .x-form-cb-label, .ext-ie7 .x-form-cb-label, .ext-ie6 .x-form-cb-label {
    top: 0;
}

.x-form-column {
    float:left;
    padding:0;
    margin:0;
    width:48%;
    overflow:hidden;
    zoom:1;
}

/* buttons */
.x-form .x-form-btns-ct .x-btn{
    float:right;
    clear:none;
}

.x-form .x-form-btns-ct .x-form-btns td {
    border:0;
    padding:0;
}

.x-form .x-form-btns-ct .x-form-btns-right table{
    float:right;
    clear:none;
}

.x-form .x-form-btns-ct .x-form-btns-left table{
    float:left;
    clear:none;
}

.x-form .x-form-btns-ct .x-form-btns-center{
    text-align:center; /*ie*/
}

.x-form .x-form-btns-ct .x-form-btns-center table{
    margin:0 auto; /*everyone else*/
}

.x-form .x-form-btns-ct table td.x-form-btn-td{
    padding:3px;
}

.x-form .x-form-btns-ct .x-btn-focus .x-btn-left{
    background-position:0 -147px;
}

.x-form .x-form-btns-ct .x-btn-focus .x-btn-right{
    background-position:0 -168px;
}

.x-form .x-form-btns-ct .x-btn-focus .x-btn-center{
    background-position:0 -189px;
}

.x-form .x-form-btns-ct .x-btn-click .x-btn-center{
    background-position:0 -126px;
}

.x-form .x-form-btns-ct .x-btn-click  .x-btn-right{
    background-position:0 -84px;
}

.x-form .x-form-btns-ct .x-btn-click .x-btn-left{
    background-position:0 -63px;
}

.x-form-invalid-icon {
    width:16px;
    height:18px;
    visibility:hidden;
    position:absolute;
    left:0;
    top:0;
    display:block;
    background:transparent no-repeat 0 2px;
}

/* fieldsets */
.x-fieldset {
    border:1px solid;
    padding:10px;
    margin-bottom:10px;
    display:block; /* preserve margins in IE */
}

/* make top of checkbox/tools visible in webkit */
.ext-webkit .x-fieldset-header {
    padding-top: 1px;
}

.ext-ie .x-fieldset legend {
    margin-bottom:10px;
}

.ext-ie .x-fieldset {
    padding-top: 0;
    padding-bottom:10px;
}

.x-fieldset legend .x-tool-toggle {
    margin-right:3px;
    margin-left:0;
    float:left !important;
}

.x-fieldset legend input {
    margin-right:3px;
    float:left !important;
    height:13px;
    width:13px;
}

fieldset.x-panel-collapsed {
    padding-bottom:0 !important;
    border-width: 1px 1px 0 1px !important;
    border-left-color: transparent;
    border-right-color: transparent;
}

.ext-ie6 fieldset.x-panel-collapsed{
    padding-bottom:0 !important;
    border-width: 1px 0 0 0 !important;
    margin-left: 1px;
    margin-right: 1px;
}

fieldset.x-panel-collapsed .x-fieldset-bwrap {
    visibility:hidden;
    position:absolute;
    left:-1000px;
    top:-1000px;
}

.ext-ie .x-fieldset-bwrap {
    zoom:1;
}

.x-fieldset-noborder {
    border:0px none transparent;
}

.x-fieldset-noborder legend {
    margin-left:-3px;
}

/* IE legend positioing bug */
.ext-ie .x-fieldset-noborder legend {
    position: relative;
    margin-bottom:23px;
}
.ext-ie .x-fieldset-noborder legend span {
    position: absolute;
    left:16px;
}

.ext-gecko .x-window-body .x-form-item {
    -moz-outline: none;
    overflow: auto;
}

.ext-gecko .x-form-item {
    -moz-outline: none;
}

.x-hide-label label.x-form-item-label {
     display:none;
}

.x-hide-label .x-form-element {
     padding-left: 0 !important;
}

.x-fieldset {
    overflow:hidden;
}

.x-fieldset-bwrap {
    overflow:hidden;
    zoom:1;
}

.x-fieldset-body {
    overflow:hidden;
}


.x-btn{
    cursor:pointer;
    white-space: nowrap;
}

.x-btn button{
    border:0 none;
    background:transparent;
    padding-left:3px;
    padding-right:3px;
    cursor:pointer;
    margin:0;
    overflow:visible;
    width:auto;
    -moz-outline:0 none;
    outline:0 none;
}

#x-form-el-searchbox_autocomplete {
    width: 500px;
}

* html .ext-ie .x-btn button {
    width:1px;
}

.ext-gecko .x-btn button {
    padding-left:0;
    padding-right:0;
}

.ext-gecko .x-btn button::-moz-focus-inner {
    padding:0;
}

.ext-ie .x-btn button {
    padding-top:2px;
}

.x-btn td {
    padding:0 !important;
}

.x-btn-text {
    cursor:pointer;
    white-space: nowrap;
    padding:0;
}

/* icon placement and sizing styles */

/* Only text */
.x-btn-noicon .x-btn-small .x-btn-text{
    height: 16px;
}

.x-btn-noicon .x-btn-medium .x-btn-text{
    height: 24px;
}

.x-btn-noicon .x-btn-large .x-btn-text{
    height: 32px;
}

/* Only icons */
.x-btn-icon .x-btn-text{
    background-position: center;
    background-repeat: no-repeat;
}

.x-btn-icon .x-btn-small .x-btn-text{
    height: 16px;
    width: 16px;
}

.x-btn-icon .x-btn-medium .x-btn-text{
    height: 24px;
    width: 24px;
}

.x-btn-icon .x-btn-large .x-btn-text{
    height: 32px;
    width: 32px;
}

/* Icons and text */
/* left */
.x-btn-text-icon .x-btn-icon-small-left .x-btn-text{
    background-position: 0 center;
    background-repeat: no-repeat;
    padding-left:18px;
    height:16px;
    border-bottom: none;
}

.x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{
    background-position: 0 center;
    background-repeat: no-repeat;
    padding-left:26px;
    height:24px;
}

.x-btn-text-icon .x-btn-icon-large-left .x-btn-text{
    background-position: 0 center;
    background-repeat: no-repeat;
    padding-left:34px;
    height:32px;
}

/* top */
.x-btn-text-icon .x-btn-icon-small-top .x-btn-text{
    background-position: center 0;
    background-repeat: no-repeat;
    padding-top:18px;
}

.x-btn-text-icon .x-btn-icon-medium-top .x-btn-text{
    background-position: center 0;
    background-repeat: no-repeat;
    padding-top:26px;
}

.x-btn-text-icon .x-btn-icon-large-top .x-btn-text{
    background-position: center 0;
    background-repeat: no-repeat;
    padding-top:34px;
}

/* right */
.x-btn-text-icon .x-btn-icon-small-right .x-btn-text{
    background-position: right center;
    background-repeat: no-repeat;
    padding-right:18px;
    height:16px;
}

.x-btn-text-icon .x-btn-icon-medium-right .x-btn-text{
    background-position: right center;
    background-repeat: no-repeat;
    padding-right:26px;
    height:24px;
}

.x-btn-text-icon .x-btn-icon-large-right .x-btn-text{
    background-position: right center;
    background-repeat: no-repeat;
    padding-right:34px;
    height:32px;
}

/* bottom */
.x-btn-text-icon .x-btn-icon-small-bottom .x-btn-text{
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom:18px;
}

.x-btn-text-icon .x-btn-icon-medium-bottom .x-btn-text{
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom:26px;
}

.x-btn-text-icon .x-btn-icon-large-bottom .x-btn-text{
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom:34px;
}

/* background positioning */
.x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i{
    font-size:1px;
    line-height:1px;
    width:3px;
    display:block;
    overflow:hidden;
}

.x-btn-tr i, .x-btn-tl i, .x-btn-br i, .x-btn-bl i{
    height:3px;
}

.x-btn-tl{
    width:3px;
    height:3px;
    background:no-repeat 0 0;
}
.x-btn-tr{
    width:3px;
    height:3px;
    background:no-repeat -3px 0;
}
.x-btn-tc{
    height:3px;
    background:repeat-x 0 -6px;
}

.x-btn-ml{
    width:3px;
    background:no-repeat 0 -24px;
}
.x-btn-mr{
    width:3px;
    background:no-repeat -3px -24px;
}

.x-btn-mc{
    background:repeat-x 0 -1096px;
    vertical-align: middle;
    text-align:center;
    padding:0 5px;
    cursor:pointer;
    white-space:nowrap;
}

.x-btn-bl{
    width:3px;
    height:3px;
    background:no-repeat 0 -3px;
}

.x-btn-br{
    width:3px;
    height:3px;
    background:no-repeat -3px -3px;
}

.x-btn-bc{
    height:3px;
    background:repeat-x 0 -15px;
}

.x-btn-over .x-btn-tl{
    background-position: -6px 0;
}

.x-btn-over .x-btn-tr{
    background-position: -9px 0;
}

.x-btn-over .x-btn-tc{
    background-position: 0 -9px;
}

.x-btn-over .x-btn-ml{
    background-position: -6px -24px;
}

.x-btn-over .x-btn-mr{
    background-position: -9px -24px;
}

.x-btn-over .x-btn-mc{
    background-position: 0 -2168px;
}

.x-btn-over .x-btn-bl{
    background-position: -6px -3px;
}

.x-btn-over .x-btn-br{
    background-position: -9px -3px;
}

.x-btn-over .x-btn-bc{
    background-position: 0 -18px;
}

.x-btn-click .x-btn-tl, .x-btn-menu-active .x-btn-tl, .x-btn-pressed .x-btn-tl{
    background-position: -12px 0;
}

.x-btn-click .x-btn-tr, .x-btn-menu-active .x-btn-tr, .x-btn-pressed .x-btn-tr{
    background-position: -15px 0;
}

.x-btn-click .x-btn-tc, .x-btn-menu-active .x-btn-tc, .x-btn-pressed .x-btn-tc{
    background-position: 0 -12px;
}

.x-btn-click .x-btn-ml, .x-btn-menu-active .x-btn-ml, .x-btn-pressed .x-btn-ml{
    background-position: -12px -24px;
}

.x-btn-click .x-btn-mr, .x-btn-menu-active .x-btn-mr, .x-btn-pressed .x-btn-mr{
    background-position: -15px -24px;
}

.x-btn-click .x-btn-mc, .x-btn-menu-active .x-btn-mc, .x-btn-pressed .x-btn-mc{
    background-position: 0 -3240px;
}

.x-btn-click .x-btn-bl, .x-btn-menu-active .x-btn-bl, .x-btn-pressed .x-btn-bl{
    background-position: -12px -3px;
}

.x-btn-click .x-btn-br, .x-btn-menu-active .x-btn-br, .x-btn-pressed .x-btn-br{
    background-position: -15px -3px;
}

.x-btn-click .x-btn-bc, .x-btn-menu-active .x-btn-bc, .x-btn-pressed .x-btn-bc{
    background-position: 0 -21px;
}

.x-btn-disabled *{
    cursor:default !important;
}


/* With a menu arrow */
/* right */
.x-btn-mc em.x-btn-arrow {
    display:block;
    background:transparent no-repeat right center;
    padding-right:10px;
}

.x-btn-mc em.x-btn-split {
    display:block;
    background:transparent no-repeat right center;
    padding-right:14px;
}

/* bottom */
.x-btn-mc em.x-btn-arrow-bottom {
    display:block;
    background:transparent no-repeat center bottom;
    padding-bottom:14px;
}

.x-btn-mc em.x-btn-split-bottom {
    display:block;
    background:transparent no-repeat center bottom;
    padding-bottom:14px;
}

/* height adjustment class */
.x-btn-as-arrow .x-btn-mc em {
    display:block;
    background:transparent;
    padding-bottom:14px;
}

/* groups */
.x-btn-group {
    padding:1px;
}

.x-btn-group-header {
    padding:2px;
    text-align:center;
}

.x-btn-group-tc {
    background: transparent repeat-x 0 0;
    overflow:hidden;
}

.x-btn-group-tl {
    background: transparent no-repeat 0 0;
    padding-left:3px;
    zoom:1;
}

.x-btn-group-tr {
    background: transparent no-repeat right 0;
    zoom:1;
    padding-right:3px;
}

.x-btn-group-bc {
    background: transparent repeat-x 0 bottom;
    zoom:1;
}

.x-btn-group-bc .x-panel-footer {
    zoom:1;
}

.x-btn-group-bl {
    background: transparent no-repeat 0 bottom;
    padding-left:3px;
    zoom:1;
}

.x-btn-group-br {
    background: transparent no-repeat right bottom;
    padding-right:3px;
    zoom:1;
}

.x-btn-group-mc {
    border:0 none;
    padding:1px 0 0 0;
    margin:0;
}

.x-btn-group-mc .x-btn-group-body {
    background:transparent;
    border: 0 none;
}

.x-btn-group-ml {
    background: transparent repeat-y 0 0;
    padding-left:3px;
    zoom:1;
}

.x-btn-group-mr {
    background: transparent repeat-y right 0;
    padding-right:3px;
    zoom:1;
}

.x-btn-group-bc .x-btn-group-footer {
    padding-bottom:6px;
}

.x-panel-nofooter .x-btn-group-bc {
    height:3px;
    font-size:0;
    line-height:0;
}

.x-btn-group-bwrap {
    overflow:hidden;
    zoom:1;
}

.x-btn-group-body {
    overflow:hidden;
    zoom:1;
}

.x-btn-group-notitle .x-btn-group-tc {
    background: transparent repeat-x 0 0;
    overflow:hidden;
    height:2px;
}.x-toolbar{
    border-style:solid;
    border-width:0 0 1px 0;
    display: block;
    padding:2px;
    background:repeat-x top left;
    position:relative;
    left:0;
    top:0;
    zoom:1;
    overflow:hidden;
}

.x-toolbar .x-item-disabled .x-btn-icon {
    opacity: .35;
    -moz-opacity: .35;
    filter: alpha(opacity=35);
}

.x-toolbar td {
    vertical-align:middle;
}

.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
    white-space: nowrap;
}

.x-toolbar .x-item-disabled {
    cursor:default;
    opacity:.6;
    -moz-opacity:.6;
    filter:alpha(opacity=60);
}

.x-toolbar .x-item-disabled * {
    cursor:default;
}

.x-toolbar .x-toolbar-cell {
    vertical-align:middle;
}

.x-toolbar .x-btn-tl, .x-toolbar .x-btn-tr, .x-toolbar .x-btn-tc, .x-toolbar .x-btn-ml, .x-toolbar .x-btn-mr,
.x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc
{
    background-position: 500px 500px;
}

/* These rules are duplicated from button.css to give priority of x-toolbar rules above */
.x-toolbar .x-btn-over .x-btn-tl{
    background-position: -6px 0;
}

.x-toolbar .x-btn-over .x-btn-tr{
    background-position: -9px 0;
}

.x-toolbar .x-btn-over .x-btn-tc{
    background-position: 0 -9px;
}

.x-toolbar .x-btn-over .x-btn-ml{
    background-position: -6px -24px;
}

.x-toolbar .x-btn-over .x-btn-mr{
    background-position: -9px -24px;
}

.x-toolbar .x-btn-over .x-btn-mc{
    background-position: 0 -2168px;
}

.x-toolbar .x-btn-over .x-btn-bl{
    background-position: -6px -3px;
}

.x-toolbar .x-btn-over .x-btn-br{
    background-position: -9px -3px;
}

.x-toolbar .x-btn-over .x-btn-bc{
    background-position: 0 -18px;
}

.x-toolbar .x-btn-click .x-btn-tl, .x-toolbar .x-btn-menu-active .x-btn-tl, .x-toolbar .x-btn-pressed .x-btn-tl{
    background-position: -12px 0;
}

.x-toolbar .x-btn-click .x-btn-tr, .x-toolbar .x-btn-menu-active .x-btn-tr, .x-toolbar .x-btn-pressed .x-btn-tr{
    background-position: -15px 0;
}

.x-toolbar .x-btn-click .x-btn-tc, .x-toolbar .x-btn-menu-active .x-btn-tc, .x-toolbar .x-btn-pressed .x-btn-tc{
    background-position: 0 -12px;
}

.x-toolbar .x-btn-click .x-btn-ml, .x-toolbar .x-btn-menu-active .x-btn-ml, .x-toolbar .x-btn-pressed .x-btn-ml{
    background-position: -12px -24px;
}

.x-toolbar .x-btn-click .x-btn-mr, .x-toolbar .x-btn-menu-active .x-btn-mr, .x-toolbar .x-btn-pressed .x-btn-mr{
    background-position: -15px -24px;
}

.x-toolbar .x-btn-click .x-btn-mc, .x-toolbar .x-btn-menu-active .x-btn-mc, .x-toolbar .x-btn-pressed .x-btn-mc{
    background-position: 0 -3240px;
}

.x-toolbar .x-btn-click .x-btn-bl, .x-toolbar .x-btn-menu-active .x-btn-bl, .x-toolbar .x-btn-pressed .x-btn-bl{
    background-position: -12px -3px;
}

.x-toolbar .x-btn-click .x-btn-br, .x-toolbar .x-btn-menu-active .x-btn-br, .x-toolbar .x-btn-pressed .x-btn-br{
    background-position: -15px -3px;
}

.x-toolbar .x-btn-click .x-btn-bc, .x-toolbar .x-btn-menu-active .x-btn-bc, .x-toolbar .x-btn-pressed .x-btn-bc{
    background-position: 0 -21px;
}

.x-toolbar div.xtb-text{
    padding:2px 2px 0;
    line-height:16px;
    display:block;
}

.x-toolbar .xtb-sep {
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    font-size: 1px;
    height: 16px;
    width:4px;
    overflow: hidden;
    cursor:default;
    margin: 0 2px 0;
    border:0;
}

.x-toolbar .xtb-spacer {
    width:2px;
}

/* Paging Toolbar */
.x-tbar-page-number{
    width:30px;
    height:14px;
}

.ext-ie .x-tbar-page-number{
    margin-top: 2px;
}

.x-paging-info {
    position:absolute;
    top:5px;
    right: 8px;
}

/* floating */
.x-toolbar-ct {
    width:100%;
}

.x-toolbar-right td {
    text-align: center;
}

.x-panel-tbar, .x-panel-bbar, .x-window-tbar, .x-window-bbar, .x-tab-panel-tbar, .x-tab-panel-bbar, .x-plain-tbar, .x-plain-bbar {
    overflow:hidden;
    zoom:1;
}

.x-toolbar-more .x-btn-small .x-btn-text{
    height: 16px;
    width: 12px;
}

.x-toolbar-more em.x-btn-arrow {
    display:inline;
    background:transparent;
    padding-right:0;
}

.x-toolbar-more .x-btn-mc em.x-btn-arrow {
    background-image: none;
}

div.x-toolbar-no-items {
    color:gray !important;
    padding:5px 10px !important;
}

/* fix ie toolbar form items */
.ext-border-box .x-toolbar-cell .x-form-text {
    margin-bottom:-1px !important;
}

.ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text {
    margin:0 !important;
}

.ext-ie .x-toolbar-cell .x-form-field-wrap {
    height:21px;
}

.ext-ie .x-toolbar-cell .x-form-text {
    position:relative;
    top:-1px;
}

.ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-text, .ext-strict .ext-ie .x-toolbar-cell .x-form-text {
    top: 0px;
}

.x-toolbar-right td .x-form-field-trigger-wrap{
    text-align: left;
}

.x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{
    vertical-align: top;
    margin-top: 5px;
}

.ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{
    margin-top: 4px;
}

.x-toolbar-cell .x-form-check-wrap label{
    vertical-align: bottom;
}

/* StatusBar */
.x-statusbar .x-status-text {
    height: 21px;
    line-height: 21px;
    padding: 0 4px;
    cursor: default;
}

.x-statusbar .x-status-busy {
    padding-left: 25px;
    background: transparent no-repeat 3px 3px;
}

.x-statusbar .x-status-text-panel {
    border-top: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-left: 1px solid;
    padding: 2px 8px 2px 5px;
}.x-toolbar{
    border-style:solid;
    border-width:0 0 1px 0;
    display: block;
    padding:2px;
    background:repeat-x top left;
    position:relative;
    left:0;
    top:0;
    zoom:1;
    overflow:hidden;
}

.x-toolbar .x-item-disabled .x-btn-icon {
    opacity: .35;
    -moz-opacity: .35;
    filter: alpha(opacity=35);
}

.x-toolbar td {
    vertical-align:middle;
}

.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
    white-space: nowrap;
}

.x-toolbar .x-item-disabled {
    cursor:default;
    opacity:.6;
    -moz-opacity:.6;
    filter:alpha(opacity=60);
}

.x-toolbar .x-item-disabled * {
    cursor:default;
}

.x-toolbar .x-toolbar-cell {
    vertical-align:middle;
}

.x-toolbar .x-btn-tl, .x-toolbar .x-btn-tr, .x-toolbar .x-btn-tc, .x-toolbar .x-btn-ml, .x-toolbar .x-btn-mr,
.x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc
{
    background-position: 500px 500px;
}

/* These rules are duplicated from button.css to give priority of x-toolbar rules above */
.x-toolbar .x-btn-over .x-btn-tl{
    background-position: -6px 0;
}

.x-toolbar .x-btn-over .x-btn-tr{
    background-position: -9px 0;
}

.x-toolbar .x-btn-over .x-btn-tc{
    background-position: 0 -9px;
}

.x-toolbar .x-btn-over .x-btn-ml{
    background-position: -6px -24px;
}

.x-toolbar .x-btn-over .x-btn-mr{
    background-position: -9px -24px;
}

.x-toolbar .x-btn-over .x-btn-mc{
    background-position: 0 -2168px;
}

.x-toolbar .x-btn-over .x-btn-bl{
    background-position: -6px -3px;
}

.x-toolbar .x-btn-over .x-btn-br{
    background-position: -9px -3px;
}

.x-toolbar .x-btn-over .x-btn-bc{
    background-position: 0 -18px;
}

.x-toolbar .x-btn-click .x-btn-tl, .x-toolbar .x-btn-menu-active .x-btn-tl, .x-toolbar .x-btn-pressed .x-btn-tl{
    background-position: -12px 0;
}

.x-toolbar .x-btn-click .x-btn-tr, .x-toolbar .x-btn-menu-active .x-btn-tr, .x-toolbar .x-btn-pressed .x-btn-tr{
    background-position: -15px 0;
}

.x-toolbar .x-btn-click .x-btn-tc, .x-toolbar .x-btn-menu-active .x-btn-tc, .x-toolbar .x-btn-pressed .x-btn-tc{
    background-position: 0 -12px;
}

.x-toolbar .x-btn-click .x-btn-ml, .x-toolbar .x-btn-menu-active .x-btn-ml, .x-toolbar .x-btn-pressed .x-btn-ml{
    background-position: -12px -24px;
}

.x-toolbar .x-btn-click .x-btn-mr, .x-toolbar .x-btn-menu-active .x-btn-mr, .x-toolbar .x-btn-pressed .x-btn-mr{
    background-position: -15px -24px;
}

.x-toolbar .x-btn-click .x-btn-mc, .x-toolbar .x-btn-menu-active .x-btn-mc, .x-toolbar .x-btn-pressed .x-btn-mc{
    background-position: 0 -3240px;
}

.x-toolbar .x-btn-click .x-btn-bl, .x-toolbar .x-btn-menu-active .x-btn-bl, .x-toolbar .x-btn-pressed .x-btn-bl{
    background-position: -12px -3px;
}

.x-toolbar .x-btn-click .x-btn-br, .x-toolbar .x-btn-menu-active .x-btn-br, .x-toolbar .x-btn-pressed .x-btn-br{
    background-position: -15px -3px;
}

.x-toolbar .x-btn-click .x-btn-bc, .x-toolbar .x-btn-menu-active .x-btn-bc, .x-toolbar .x-btn-pressed .x-btn-bc{
    background-position: 0 -21px;
}

.x-toolbar div.xtb-text{
    padding:2px 2px 0;
    line-height:16px;
    display:block;
}

.x-toolbar .xtb-sep {
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    font-size: 1px;
    height: 16px;
    width:4px;
    overflow: hidden;
    cursor:default;
    margin: 0 2px 0;
    border:0;
}

.x-toolbar .xtb-spacer {
    width:2px;
}

/* Paging Toolbar */
.x-tbar-page-number{
    width:30px;
    height:14px;
}

.ext-ie .x-tbar-page-number{
    margin-top: 2px;
}

.x-paging-info {
    position:absolute;
    top:5px;
    right: 8px;
}

/* floating */
.x-toolbar-ct {
    width:100%;
}

.x-toolbar-right td {
    text-align: center;
}

.x-panel-tbar, .x-panel-bbar, .x-window-tbar, .x-window-bbar, .x-tab-panel-tbar, .x-tab-panel-bbar, .x-plain-tbar, .x-plain-bbar {
    overflow:hidden;
    zoom:1;
}

.x-toolbar-more .x-btn-small .x-btn-text{
    height: 16px;
    width: 12px;
}

.x-toolbar-more em.x-btn-arrow {
    display:inline;
    background:transparent;
    padding-right:0;
}

.x-toolbar-more .x-btn-mc em.x-btn-arrow {
    background-image: none;
}

div.x-toolbar-no-items {
    color:gray !important;
    padding:5px 10px !important;
}

/* fix ie toolbar form items */
.ext-border-box .x-toolbar-cell .x-form-text {
    margin-bottom:-1px !important;
}

.ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text {
    margin:0 !important;
}

.ext-ie .x-toolbar-cell .x-form-field-wrap {
    height:21px;
}

.ext-ie .x-toolbar-cell .x-form-text {
    position:relative;
    top:-1px;
}

.ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-text, .ext-strict .ext-ie .x-toolbar-cell .x-form-text {
    top: 0px;
}

.x-toolbar-right td .x-form-field-trigger-wrap{
    text-align: left;
}

.x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{
    vertical-align: top;
    margin-top: 5px;
}

.ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{
    margin-top: 4px;
}

.x-toolbar-cell .x-form-check-wrap label{
    vertical-align: bottom;
}

/* StatusBar */
.x-statusbar .x-status-text {
    height: 21px;
    line-height: 21px;
    padding: 0 4px;
    cursor: default;
}

.x-statusbar .x-status-busy {
    padding-left: 25px;
    background: transparent no-repeat 3px 3px;
}

.x-statusbar .x-status-text-panel {
    border-top: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-left: 1px solid;
    padding: 2px 8px 2px 5px;
}/* Grid3 styles */
.x-grid3 {
    position:relative;
    overflow:hidden;
}

.x-grid-panel .x-panel-body {
    overflow:hidden !important;
}

.x-grid-panel .x-panel-mc .x-panel-body {
    border:1px solid;
}

.x-grid3 table {
    table-layout:fixed;
}

.x-grid3-viewport{
    overflow:hidden;
}

.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
    -moz-outline: none;
    -moz-user-focus: normal;
}

.x-grid3-row td, .x-grid3-summary-row td {
    line-height:13px;
    vertical-align: top;
    padding-left:1px;
    padding-right:1px;
    -moz-user-select: none;
    -khtml-user-select:none;
    -webkit-user-select:none;
}

.x-grid3-cell{
    -moz-user-select: none;
    -khtml-user-select:none;
    -webkit-user-select:none;
}

.x-grid3-hd-row td {
    line-height:15px;
    vertical-align:middle;
    border-left:1px solid;
    border-right:1px solid;
}

.x-grid3-hd-row .x-grid3-marker-hd {
    padding:3px;
}

.x-grid3-row .x-grid3-marker {
    padding:3px;
}

.x-grid3-cell-inner, .x-grid3-hd-inner{
    overflow:hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding:3px 3px 3px 5px;
    white-space: nowrap;
}

.x-grid3-hd-inner {
    position:relative;
    cursor:inherit;
    padding:4px 3px 4px 5px;
}

.x-grid3-row-body {
    white-space:normal;
}

.x-grid3-body-cell {
    -moz-outline:0 none;
    outline:0 none;
}

/* IE Quirks to clip */
.ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{
    width:100%;
}

/* reverse above in strict mode */
.ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner{
    width:auto;
}

.x-grid-row-loading {
    background: no-repeat center center;
}

.x-grid-page {
    overflow:hidden;
}

.x-grid3-row {
    cursor: default;
    border: 1px solid;
    width:100%;
}

.x-grid3-row-over {
    border:1px solid;
    background: repeat-x left top;
}

.x-grid3-resize-proxy {
    width:1px;
    left:0;
    cursor: e-resize;
    cursor: col-resize;
    position:absolute;
    top:0;
    height:100px;
    overflow:hidden;
    visibility:hidden;
    border:0 none;
    z-index:7;
}

.x-grid3-resize-marker {
    width:1px;
    left:0;
    position:absolute;
    top:0;
    height:100px;
    overflow:hidden;
    visibility:hidden;
    border:0 none;
    z-index:7;
}

.x-grid3-focus {
    position:absolute;
    left:0;
    top:0;
    width:1px;
    height:1px;
    line-height:1px;
    font-size:1px;
    -moz-outline:0 none;
    outline:0 none;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: none;
}

/* header styles */
.x-grid3-header{
    background: repeat-x 0 bottom;
    cursor:default;
    zoom:1;
    padding:1px 0 0 0;
}

.x-grid3-header-pop {
    border-left:1px solid;
    float:right;
    clear:none;
}

.x-grid3-header-pop-inner {
    border-left:1px solid;
    width:14px;
    height:19px;
    background: transparent no-repeat center center;
}

.ext-ie .x-grid3-header-pop-inner {
    width:15px;
}

.ext-strict .x-grid3-header-pop-inner {
    width:14px;
}

.x-grid3-header-inner {
    overflow:hidden;
    zoom:1;
    float:left;
}

.x-grid3-header-offset {
    /*padding-left:1px;*/
    text-align: left;
}

td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
    border-left:1px solid;
    border-right:1px solid;
}

td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
    background: repeat-x left bottom;

}

.x-grid3-sort-icon{
    background-repeat: no-repeat;
    display: none;
    height: 4px;
    width: 13px;
    margin-left:3px;
    vertical-align: middle;
}

.sort-asc .x-grid3-sort-icon, .sort-desc .x-grid3-sort-icon {
    display: inline;
}

/* Header position fixes for IE strict mode */
.ext-strict .ext-ie .x-grid3-header-inner, .ext-strict .ext-ie6 .x-grid3-hd {
    position:relative;
}

.ext-strict .ext-ie6 .x-grid3-hd-inner{
    position:static;
}

/* Body Styles */
.x-grid3-body {
    zoom:1;
}

.x-grid3-scroller {
    overflow:visible;
    zoom:1;
    position:relative;
}

.x-grid3-cell-text, .x-grid3-hd-text {
    display: block;
    padding: 3px 5px 3px 5px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

.x-grid3-split {
    background-position: center;
    background-repeat: no-repeat;
    cursor: e-resize;
    cursor: col-resize;
    display: block;
    font-size: 1px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    top: 2px;
    width: 6px;
    z-index: 3;
}

/* Column Reorder DD */
.x-dd-drag-proxy .x-grid3-hd-inner{
    background: repeat-x left bottom;
    width:120px;
    padding:3px;
    border:1px solid;
    overflow:hidden;
}

.col-move-top, .col-move-bottom{
    width:9px;
    height:9px;
    position:absolute;
    top:0;
    line-height:1px;
    font-size:1px;
    overflow:hidden;
    visibility:hidden;
    z-index:20000;
    background:transparent no-repeat left top;
}

/* Selection Styles */
.x-grid3-row-selected {
    border:1px dotted;
}

.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
    background: repeat-x 0 bottom !important;
    vertical-align:middle !important;
    padding:0;
    border-top:1px solid;
    border-bottom:none !important;
    border-right:1px solid !important;
    text-align:center;
}

.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
    padding:0 4px;
    text-align:center;
}

/* dirty cells */
.x-grid3-dirty-cell {
    background: transparent no-repeat 0 0;
}

/* Grid Toolbars */
.x-grid3-topbar, .x-grid3-bottombar{
    overflow:hidden;
    display:none;
    zoom:1;
    position:relative;
}

.x-grid3-topbar .x-toolbar{
    border-right:0 none;
}

.x-grid3-bottombar .x-toolbar{
    border-right:0 none;
    border-bottom:0 none;
    border-top:1px solid;
}

/* Props Grid Styles */
.x-props-grid .x-grid3-cell{
    padding:1px;
}

.x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
    background:transparent repeat-y -16px !important;
    padding-left:12px;
}

.x-props-grid .x-grid3-body .x-grid3-td-name{
    padding:1px;
    padding-right:0;
    border:0 none;
    border-right:1px solid;
}

/* dd */
.x-grid3-col-dd {
    border:0 none;
    padding:0;
    background:transparent;
}

.x-dd-drag-ghost .x-grid3-dd-wrap {
    padding:1px 3px 3px 1px;
}

.x-grid3-hd {
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select: none;
}

.x-grid3-hd-btn {
    display:none;
    position:absolute;
    width:14px;
    background:no-repeat left center;
    right:0;
    top:0;
    z-index:2;
    cursor:pointer;
}

.x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn {
    display:block;
}

a.x-grid3-hd-btn:hover {
    background-position:-14px center;
}

/* Expanders */
.x-grid3-body .x-grid3-td-expander {
    background:transparent repeat-y right;
}

.x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner {
    padding:0 !important;
    height:100%;
}

.x-grid3-row-expander {
    width:100%;
    height:18px;
    background-position:4px 2px;
    background-repeat:no-repeat;
    background-color:transparent;
}

.x-grid3-row-collapsed .x-grid3-row-expander {
    background-position:4px 2px;
}

.x-grid3-row-expanded .x-grid3-row-expander {
    background-position:-21px 2px;
}

.x-grid3-row-collapsed .x-grid3-row-body {
    display:none !important;
}

.x-grid3-row-expanded .x-grid3-row-body {
    display:block !important;
}

/* Checkers */
.x-grid3-body .x-grid3-td-checker {
    background:transparent repeat-y right;
}

.x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner {
    padding:0 !important;
    height:100%;
}

.x-grid3-row-checker, .x-grid3-hd-checker {
    width:100%;
    height:18px;
    background-position:2px 2px;
    background-repeat:no-repeat;
    background-color:transparent;
}

.x-grid3-row .x-grid3-row-checker {
    background-position:2px 2px;
}

.x-grid3-row-selected .x-grid3-row-checker, .x-grid3-hd-checker-on .x-grid3-hd-checker,.x-grid3-row-checked .x-grid3-row-checker {
    background-position:-23px 2px;
}

.x-grid3-hd-checker {
    background-position:2px 3px;
}

.x-grid3-hd-checker-on .x-grid3-hd-checker {
    background-position:-23px 3px;
}

/* Numberer */
.x-grid3-body .x-grid3-td-numberer {
    background:transparent repeat-y right;
}

.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
    padding:3px 5px 0 0 !important;
    text-align:right;
}

/* Row Icon */

.x-grid3-body .x-grid3-td-row-icon {
    background:transparent repeat-y right;
    vertical-align:top;
    text-align:center;
}

.x-grid3-body .x-grid3-td-row-icon .x-grid3-cell-inner {
    padding:0 !important;
    background-position:center center;
    background-repeat:no-repeat;
    width:16px;
    height:16px;
    margin-left:2px;
    margin-top:3px;
}

/* All specials */
.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
    background:transparent repeat-y right;
}

.x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner {
    padding: 1px 0 0 0 !important;
}

.x-grid3-check-col {
    width:100%;
    height:16px;
    background-position:center center;
    background-repeat:no-repeat;
    background-color:transparent;
}

.x-grid3-check-col-on {
    width:100%;
    height:16px;
    background-position:center center;
    background-repeat:no-repeat;
    background-color:transparent;
}

/* Grouping classes */
.x-grid-group, .x-grid-group-body, .x-grid-group-hd {
    zoom:1;
}

.x-grid-group-hd {
    border-bottom: 2px solid;
    cursor:pointer;
    padding-top:6px;
}

.x-grid-group-hd div.x-grid-group-title {
    background:transparent no-repeat 3px 3px;
    padding:4px 4px 4px 17px;
}

.x-grid-group-collapsed .x-grid-group-body {
    display:none;
}

.ext-ie6 .x-grid3 .x-editor .x-form-text, .ext-ie7 .x-grid3 .x-editor .x-form-text {
    position:relative;
    top:-1px;
}

.ext-ie .x-props-grid .x-editor .x-form-text {
    position:static;
    top:0;
}

.x-grid-empty {
    padding:10px;
}

/* fix floating toolbar issue */
.ext-ie7 .x-grid-panel .x-panel-bbar {
    position:relative;
}

.ext-ie6 .x-grid3-header {
    position: relative;
}

/* column lines */
.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
    padding-right:0;
    border-right:1px solid;
}
.x-dd-drag-proxy{
    position:absolute;
    left:0;
    top:0;
    visibility:hidden;
    z-index:15000;
}

.x-dd-drag-ghost{
    -moz-opacity: 0.85;
    opacity:.85;
    filter: alpha(opacity=85);
    border: 1px solid;
    padding:3px;
    padding-left:20px;
    white-space:nowrap;
}

.x-dd-drag-repair .x-dd-drag-ghost{
    -moz-opacity: 0.4;
    opacity:.4;
    filter: alpha(opacity=40);
    border:0 none;
    padding:0;
    background-color:transparent;
}

.x-dd-drag-repair .x-dd-drop-icon{
    visibility:hidden;
}

.x-dd-drop-icon{
    position:absolute;
    top:3px;
    left:3px;
    display:block;
    width:16px;
    height:16px;
    background-color:transparent;
    background-position: center;
    background-repeat: no-repeat;
    z-index:1;
}

.x-view-selector {
    position:absolute;
    left:0;
    top:0;
    width:0;
    border:1px dotted;
    opacity: .5;
    -moz-opacity: .5;
    filter:alpha(opacity=50);
    zoom:1;
}.ext-strict .ext-ie .x-tree .x-panel-bwrap{
    position:relative;
    overflow:hidden;
}

.x-tree-icon, .x-tree-ec-icon, .x-tree-elbow-line, .x-tree-elbow, .x-tree-elbow-end, .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
    border: 0 none;
    height: 18px;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 16px;
    background-repeat: no-repeat;
}

.x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{
    border: 0 none;
    height: 18px;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 16px;
    background-position:center;
    background-repeat: no-repeat;
}

.ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon {
    vertical-align:middle !important;
}

/* checkboxes */
.ext-ie input.x-tree-node-cb {
    width:15px;
    height:15px;
}

input.x-tree-node-cb {
    margin-left:1px;
}

.ext-ie input.x-tree-node-cb {
    margin-left:0;
}

.x-tree-noicon .x-tree-node-icon{
    width:0; height:0;
}

/* loading icon */
.ext-ie .x-tree-node-el input {
    width:15px;
    height:15px;
}

/* No line styles */
.x-tree-no-lines .x-tree-elbow{
    background:transparent;
}

.x-tree-no-lines .x-tree-elbow-end{
    background:transparent;
}

.x-tree-no-lines .x-tree-elbow-line{
    background:transparent;
}

/* Arrows */
.x-tree-arrows .x-tree-elbow{
    background:transparent;
}

.x-tree-arrows .x-tree-elbow-plus{
    background:transparent no-repeat 0 0;
}

.x-tree-arrows .x-tree-elbow-minus{
    background:transparent no-repeat -16px 0;
}

.x-tree-arrows .x-tree-elbow-end{
    background:transparent;
}

.x-tree-arrows .x-tree-elbow-end-plus{
    background:transparent no-repeat 0 0;
}

.x-tree-arrows .x-tree-elbow-end-minus{
    background:transparent no-repeat -16px 0;
}

.x-tree-arrows .x-tree-elbow-line{
    background:transparent;
}

.x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{
    background-position:-32px 0;
}

.x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{
    background-position:-48px 0;
}

.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{
    background-position:-32px 0;
}

.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{
    background-position:-48px 0;
}

.x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
    cursor:pointer;
}

.ext-ie ul.x-tree-node-ct{
    font-size:0;
    line-height:0;
    zoom:1;
}

.x-tree-node{
    white-space: nowrap;
}

.x-tree-node-el {
    line-height:18px;
    cursor:pointer;
}

.x-tree-node a, .x-dd-drag-ghost a{
    text-decoration:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -webkit-user-select:none;
    -kthml-user-focus:normal;
    -moz-user-focus:normal;
    -moz-outline: 0 none;
    outline:0 none;
}

.x-tree-node a span, .x-dd-drag-ghost a span{
    text-decoration:none;
    padding:1px 3px 1px 2px;
}

.x-tree-node .x-tree-node-disabled .x-tree-node-icon{
    -moz-opacity: 0.5;
   opacity:.5;
   filter: alpha(opacity=50);
}

.x-tree-node .x-tree-node-inline-icon{
    background:transparent;
}

.x-tree-node a:hover, .x-dd-drag-ghost a:hover{
    text-decoration:none;
}

.x-tree-node div.x-tree-drag-insert-below{
     border-bottom:1px dotted;
}

.x-tree-node div.x-tree-drag-insert-above{
     border-top:1px dotted;
}

.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{
     border-bottom:0 none;
}

.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{
     border-top:0 none;
}

.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
     border-bottom:2px solid;
}

.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
     border-top:2px solid;
}

.x-tree-node .x-tree-drag-append a span{
     border:1px dotted;
}

.x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{
    display:none !important;
}

/* Fix for ie rootVisible:false issue */
.x-tree-root-ct {
    zoom:1;
}
.x-date-picker {
    border: 1px solid;
    border-top:0 none;
    position:relative;
}

.x-date-picker a {
    -moz-outline:0 none;
    outline:0 none;
}

.x-date-inner, .x-date-inner td, .x-date-inner th{
    border-collapse:separate;
}

.x-date-middle,.x-date-left,.x-date-right {
    background: repeat-x 0 -83px;
    overflow:hidden;
}

.x-date-middle .x-btn-tc,.x-date-middle .x-btn-tl,.x-date-middle .x-btn-tr,
.x-date-middle .x-btn-mc,.x-date-middle .x-btn-ml,.x-date-middle .x-btn-mr,
.x-date-middle .x-btn-bc,.x-date-middle .x-btn-bl,.x-date-middle .x-btn-br{
    background:transparent !important;
    vertical-align:middle;
}

.x-date-middle .x-btn-mc em.x-btn-arrow {
    background:transparent no-repeat right 0;
}

.x-date-right, .x-date-left {
    width:18px;
}

.x-date-right{
    text-align:right;
}

.x-date-middle {
    padding-top:2px;
    padding-bottom:2px;
    width:130px; /* FF3 */
}

.x-date-right a, .x-date-left a{
    display:block;
    width:16px;
    height:16px;
    background-position: center;
    background-repeat: no-repeat;
    cursor:pointer;
    -moz-opacity: 0.6;
    opacity:.6;
    filter: alpha(opacity=60);
}

.x-date-right a:hover, .x-date-left a:hover{
    -moz-opacity: 1;
    opacity:1;
    filter: alpha(opacity=100);
}

.x-item-disabled .x-date-right a:hover, .x-item-disabled .x-date-left a:hover{
    -moz-opacity: 0.6;
    opacity:.6;
    filter: alpha(opacity=60);
}

.x-date-right a {
    margin-right:2px;
    text-decoration:none !important;
}

.x-date-left a{
    margin-left:2px;
    text-decoration:none !important;
}

table.x-date-inner {
    width:100%;
    table-layout:fixed;
}

.x-date-inner th {
    width:25px;
}

.x-date-inner th {
    background: repeat-x left top;
    text-align:right !important;
    border-bottom: 1px solid;
    cursor:default;
    padding:0;
    border-collapse:separate;
}

.x-date-inner th span {
    display:block;
    padding:2px;
    padding-right:7px;
}

.x-date-inner td {
    border: 1px solid;
    text-align:right;
    padding:0;
}

.x-date-inner a {
    padding:2px 5px;
    display:block;
    text-decoration:none;
    text-align:right;
    zoom:1;
}

.x-date-inner .x-date-active{
    cursor:pointer;
    color:black;
}

.x-date-inner .x-date-selected a{
    background: repeat-x left top;
    border:1px solid;
    padding:1px 4px;
}

.x-date-inner .x-date-today a{
    border: 1px solid;
    padding:1px 4px;
}

.x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
    text-decoration:none !important;
}

.x-date-bottom {
    padding:4px;
    border-top: 1px solid;
    background: repeat-x left top;
}

.x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
    text-decoration:none !important;
}

.x-item-disabled .x-date-inner a:hover{
    background: none;
}

.x-date-inner .x-date-disabled a {
    cursor:default;
}

.x-date-menu .x-menu-item {
    padding:1px 24px 1px 4px;
    white-space: nowrap;
}

.x-date-menu .x-menu-item .x-menu-item-icon {
    width:10px;
    height:10px;
    margin-right:5px;
    background-position:center -4px !important;
}

.x-date-mp {
    position:absolute;
    left:0;
    top:0;
    display:none;
}

.x-date-mp td {
    padding:2px;
    font:normal 11px arial, helvetica,tahoma,sans-serif;
}

td.x-date-mp-month,td.x-date-mp-year,td.x-date-mp-ybtn {
    border: 0 none;
    text-align:center;
    vertical-align: middle;
    width:25%;
}

.x-date-mp-ok {
    margin-right:3px;
}

.x-date-mp-btns button {
    text-decoration:none;
    text-align:center;
    text-decoration:none !important;
    border:1px solid;
    padding:1px 3px 1px;
    cursor:pointer;
}

.x-date-mp-btns {
    background: repeat-x left top;
}

.x-date-mp-btns td {
    border-top: 1px solid;
    text-align:center;
}

td.x-date-mp-month a,td.x-date-mp-year a {
    display:block;
    padding:2px 4px;
    text-decoration:none;
    text-align:center;
}

td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
    text-decoration:none;
    cursor:pointer;
}

td.x-date-mp-sel a {
    padding:1px 3px;
    background: repeat-x left top;
    border:1px solid;
}

.x-date-mp-ybtn a {
    overflow:hidden;
    width:15px;
    height:15px;
    cursor:pointer;
    background:transparent no-repeat;
    display:block;
    margin:0 auto;
}

.x-date-mp-ybtn a.x-date-mp-next {
    background-position:0 -120px;
}

.x-date-mp-ybtn a.x-date-mp-next:hover {
    background-position:-15px -120px;
}

.x-date-mp-ybtn a.x-date-mp-prev {
    background-position:0 -105px;
}

.x-date-mp-ybtn a.x-date-mp-prev:hover {
    background-position:-15px -105px;
}

.x-date-mp-ybtn {
   text-align:center;
}

td.x-date-mp-sep {
   border-right:1px solid;
}.x-tip{
    position: absolute;
    top: 0;
    left:0;
    visibility: hidden;
    z-index: 20000;
    border:0 none;
}

.x-tip .x-tip-close{
    height: 15px;
    float:right;
    width: 15px;
    margin:0 0 2px 2px;
    cursor:pointer;
    display:none;
}

.x-tip .x-tip-tc {
    background: transparent no-repeat 0 -62px;
    padding-top:3px;
    overflow:hidden;
    zoom:1;
}

.x-tip .x-tip-tl {
    background: transparent no-repeat 0 0;
    padding-left:6px;
    overflow:hidden;
    zoom:1;
}

.x-tip .x-tip-tr {
    background: transparent no-repeat right 0;
    padding-right:6px;
    overflow:hidden;
    zoom:1;
}

.x-tip .x-tip-bc {
    background: transparent no-repeat 0 -121px;
    height:3px;
    overflow:hidden;
}

.x-tip .x-tip-bl {
    background: transparent no-repeat 0 -59px;
    padding-left:6px;
    zoom:1;
}

.x-tip .x-tip-br {
    background: transparent no-repeat right -59px;
    padding-right:6px;
    zoom:1;
}

.x-tip .x-tip-mc {
    border:0 none;
}

.x-tip .x-tip-ml {
    background: no-repeat 0 -124px;
    padding-left:6px;
    zoom:1;
}

.x-tip .x-tip-mr {
    background: transparent no-repeat right -124px;
    padding-right:6px;
    zoom:1;
}

.ext-ie .x-tip .x-tip-header,.ext-ie .x-tip .x-tip-tc {
    font-size:0;
    line-height:0;
}

.ext-border-box .x-tip .x-tip-header, .ext-border-box .x-tip .x-tip-tc{
    line-height: 1px;
}

.x-tip .x-tip-header-text {
    padding:0;
    margin:0 0 2px 0;
}

.x-tip .x-tip-body {
    margin:0 !important;
    line-height:14px;
    padding:0;
}

.x-tip .x-tip-body .loading-indicator {
    margin:0;
}

.x-tip-draggable .x-tip-header,.x-tip-draggable .x-tip-header-text {
    cursor:move;
}

.x-form-invalid-tip .x-tip-tc {
    background: repeat-x 0 -12px;
    padding-top:6px;
}

.x-form-invalid-tip .x-tip-bc {
    background: repeat-x 0 -18px;
    height:6px;
}

.x-form-invalid-tip .x-tip-bl {
    background: no-repeat 0 -6px;
}

.x-form-invalid-tip .x-tip-br {
    background: no-repeat right -6px;
}

.x-form-invalid-tip .x-tip-body {
    padding:2px;
}

.x-form-invalid-tip .x-tip-body {
    padding-left:24px;
    background:transparent no-repeat 2px 2px;
}

.x-tip-anchor {
    position: absolute;
    width: 9px;
    height: 10px;
    overflow:hidden;
    background: transparent no-repeat 0 0;
    zoom:1;
}
.x-tip-anchor-bottom {
    background-position: -9px 0;
}
.x-tip-anchor-right {
    background-position: -18px 0;
    width: 10px;
}
.x-tip-anchor-left {
    background-position: -28px 0;
    width: 10px;
}.x-menu {
    z-index: 15000;
    zoom: 1;
    background: repeat-y;
}

.x-menu-floating{
    border: 1px solid;
}

.x-menu a {
    text-decoration: none !important;
}

.ext-ie .x-menu {
    zoom:1;
    overflow:hidden;
}

.x-menu-list{
    padding: 2px;
    background:transparent;
    border:0 none;
    overflow:hidden;
    overflow-y: hidden;
}

.ext-strict .ext-ie .x-menu-list{
    position: relative;
}

.x-menu li{
    line-height:100%;
}

.x-menu li.x-menu-sep-li{
    font-size:1px;
    line-height:1px;
}

.x-menu-list-item{
    white-space: nowrap;
    -moz-user-select: none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    display:block;
    padding:1px;
}

.x-menu-item-arrow{
    background:transparent no-repeat right;
}

.x-menu-sep {
    display:block;
    font-size:1px;
    line-height:1px;
    margin: 2px 3px;
    border-bottom:1px solid;
    overflow:hidden;
}

.x-menu-focus {
    position:absolute;
    left:-1px;
    top:-1px;
    width:1px;
    height:1px;
    line-height:1px;
    font-size:1px;
    -moz-outline:0 none;
    outline:0 none;
    -moz-user-select: none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    overflow:hidden;
    display:block;
}

a.x-menu-item {
    cursor: pointer;
    display: block;
    line-height: 16px;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
    padding: 3px 21px 3px 27px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}

.x-menu-item-active {
    background-repeat: repeat-x;
    background-position: left bottom;
    border-style:solid;
    border-width: 1px 0;
    margin:0 1px;
    padding: 0;
}

.x-menu-item-active a.x-menu-item {
    border-style:solid;
    border-width:0 1px;
    margin:0 -1px;
}

.x-menu-item-icon {
    border: 0 none;
    height: 16px;
    padding: 0;
    vertical-align: top;
    width: 16px;
    position: absolute;
    left: 3px;
    top: 3px;
    margin: 0;
    background-position:center;
}

.ext-ie .x-menu-item-icon {
    left: -24px;
}
.ext-strict .x-menu-item-icon {
    left: 3px;
}

.ext-ie6 .x-menu-item-icon {
    left: -24px;
}

.ext-ie .x-menu-item-icon {
    vertical-align: middle;
}

.x-menu-check-item .x-menu-item-icon{
    background: transparent no-repeat center;
}

.x-menu-group-item .x-menu-item-icon{
    background: transparent;
}

.x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
    background: transparent no-repeat center;
}

.x-date-menu .x-menu-list{
    padding: 0;
}

.x-menu-date-item{
    padding:0;
}

.x-menu .x-color-palette, .x-menu .x-date-picker{
    margin-left: 26px;
    margin-right:4px;
}

.x-menu .x-date-picker{
    border:1px solid;
    margin-top:2px;
    margin-bottom:2px;
}

.x-menu-plain .x-color-palette, .x-menu-plain .x-date-picker{
     margin: 0;
     border: 0 none;
}

.x-date-menu {
   padding:0 !important;
}

.x-cycle-menu .x-menu-item-checked {
    border:1px dotted !important;
    padding:0;
}

.x-menu .x-menu-scroller {
    width: 100%;
    background-repeat:no-repeat;
    background-position:center;
    height:8px;
    line-height: 8px;
    cursor:pointer;
    margin: 0;
    padding: 0;
}

.x-menu .x-menu-scroller-active{
    height: 6px;
    line-height: 6px;
}

.x-menu-list-item-indent{
    padding-left: 27px;
}
/*
 Creates rounded, raised boxes like on the Ext website - the markup isn't pretty:
  <div class="x-box-blue">
        <div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>
        <div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc">
            <h3>YOUR TITLE HERE (optional)</h3>
            <div>YOUR CONTENT HERE</div>
        </div></div></div>
        <div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>
    </div>
 */

.x-box-tl {
    background: transparent no-repeat 0 0;
    zoom:1;
}

.x-box-tc {
    height: 8px;
    background: transparent repeat-x 0 0;
    overflow: hidden;
}

.x-box-tr {
    background: transparent no-repeat right -8px;
}

.x-box-ml {
    background: transparent repeat-y 0;
    padding-left: 4px;
    overflow: hidden;
    zoom:1;
}

.x-box-mc {
    background: repeat-x 0 -16px;
    padding: 4px 10px;
}

.x-box-mc h3 {
    margin: 0 0 4px 0;
    zoom:1;
}

.x-box-mr {
    background: transparent repeat-y right;
    padding-right: 4px;
    overflow: hidden;
}

.x-box-bl {
    background: transparent no-repeat 0 -16px;
    zoom:1;
}

.x-box-bc {
    background: transparent repeat-x 0 -8px;
    height: 8px;
    overflow: hidden;
}

.x-box-br {
    background: transparent no-repeat right -24px;
}

.x-box-tl, .x-box-bl {
    padding-left: 8px;
    overflow: hidden;
}

.x-box-tr, .x-box-br {
    padding-right: 8px;
    overflow: hidden;
}#x-debug-browser .x-tree .x-tree-node a span {
    padding-top:2px;
    line-height:18px;
}

#x-debug-browser  .x-tool-toggle {
    background-position:0 -75px;
}

#x-debug-browser  .x-tool-toggle-over {
    background-position:-15px -75px;
}

#x-debug-browser.x-panel-collapsed .x-tool-toggle {
    background-position:0 -60px;
}

#x-debug-browser.x-panel-collapsed .x-tool-toggle-over {
    background-position:-15px -60px;
}.x-combo-list {
    border:1px solid;
    zoom:1;
    overflow:hidden;
}

.x-combo-list-inner {
    overflow:auto;
    position:relative; /* for calculating scroll offsets */
    zoom:1;
    overflow-x:hidden;
}

.x-combo-list-hd {
    border-bottom:1px solid;
    padding:3px;
}

.x-resizable-pinned .x-combo-list-inner {
    border-bottom:1px solid;
}

.x-combo-list-item {
    padding:2px;
    border:1px solid;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
}

.x-combo-list .x-combo-selected{
    border:1px dotted !important;
    cursor:pointer;
}

.x-combo-list .x-toolbar {
    border-top:1px solid;
    border-bottom:0 none;
}.x-panel {
    border-style: solid;
    border-width:0;
}

.x-panel-header {
    overflow:hidden;
    zoom:1;
    padding:5px 3px 4px 5px;
    border:1px solid;
    line-height: 15px;
    background: transparent repeat-x 0 -1px;
}

.x-panel-body {
    border:1px solid;
    border-top:0 none;
    overflow:hidden;
    position: relative; /* added for item scroll positioning */
}

.x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
    border:1px solid;
    border-top:0 none;
    overflow:hidden;
    padding:2px;
}

.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
    border-top:1px solid;
    border-bottom: 0 none;
}

.x-panel-body-noheader, .x-panel-mc .x-panel-body {
    border-top:1px solid;
}

.x-panel-header {
    overflow:hidden;
    zoom:1;
}

.x-panel-tl .x-panel-header {
    padding:5px 0 4px 0;
    border:0 none;
    background:transparent;
}

.x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon {
    padding-left:20px !important;
    background-repeat:no-repeat;
    background-position:0 4px;
    zoom:1;
}

.x-panel-inline-icon {
    width:16px;
    height:16px;
    background-repeat:no-repeat;
    background-position:0 0;
    vertical-align:middle;
    margin-right:4px;
    margin-top:-1px;
    margin-bottom:-1px;
}

.x-panel-tc {
    background: transparent repeat-x 0 0;
    overflow:hidden;
}

/* fix ie7 strict mode bug */
.ext-strict .ext-ie7 .x-panel-tc {
    overflow: visible;
}

.x-panel-tl {
    background: transparent no-repeat 0 0;
    padding-left:6px;
    zoom:1;
    border-bottom:1px solid;
}

.x-panel-tr {
    background: transparent no-repeat right 0;
    zoom:1;
    padding-right:6px;
}

.x-panel-bc {
    background: transparent repeat-x 0 bottom;
    zoom:1;
}

.x-panel-bc .x-panel-footer {
    zoom:1;
}

.x-panel-bl {
    background: transparent no-repeat 0 bottom;
    padding-left:6px;
    zoom:1;
}

.x-panel-br {
    background: transparent no-repeat right bottom;
    padding-right:6px;
    zoom:1;
}

.x-panel-mc {
    border:0 none;
    padding:0;
    margin:0;
    padding-top:6px;
}

.x-panel-mc .x-panel-body {
    background:transparent;
    border: 0 none;
}

.x-panel-ml {
    background: repeat-y 0 0;
    padding-left:6px;
    zoom:1;
}

.x-panel-mr {
    background: transparent repeat-y right 0;
    padding-right:6px;
    zoom:1;
}

.x-panel-bc .x-panel-footer {
    padding-bottom:6px;
}

.x-panel-nofooter .x-panel-bc, .x-panel-nofooter .x-window-bc {
    height:6px;
    font-size:0;
    line-height:0;
}

.x-panel-bwrap {
    overflow:hidden;
    zoom:1;
    left:0;
    top:0;
}
.x-panel-body {
    overflow:hidden;
    zoom:1;
}

.x-panel-collapsed .x-resizable-handle{
    display:none;
}

.ext-gecko .x-panel-animated div {
    overflow:hidden !important;
}

/* Plain */
.x-plain-body {
    overflow:hidden;
}

.x-plain-bbar .x-toolbar {
    overflow:hidden;
    padding:2px;
}

.x-plain-tbar .x-toolbar {
    overflow:hidden;
    padding:2px;
}

.x-plain-bwrap {
    overflow:hidden;
    zoom:1;
}

.common-accordion-panel-body .accordionContent {
    border-bottom: 1px solid #CCCCCC;
    margin: 0 16px;
}

.common-accordion-panel-body .accordionContent:last-child {
    border-bottom: 0px;
}

.accordionContent .x-accordion-hd {
    height:27px;
}

.accordionContent .x-plain-bwrap {
    padding:1px;
}

.accordionContent .x-accordion-hd .x-plain-header-text {
    font-size:14px;
    font-weight: bold;
    height:27px;
}

.accordionContent .x-tool, .accordionContent .x-plain-header .x-tool-toggle {
    background: url("HTStaticRes/images/sprite/main.png") no-repeat scroll -685px -173px transparent;
    float: left;
    margin-top: 3px;
}

.x-plain {
    overflow:hidden;
}

/* Tools */
.x-tool {
    overflow:hidden;
    width:15px;
    height:15px;
    float:right;
    cursor:pointer;
    background:transparent no-repeat;
    margin-left:2px;
}

/* expand / collapse tools */
.x-tool-toggle {
    background-position:0 -60px;
}

.x-tool-toggle-over {
    background-position:-15px -60px;
}

.x-panel-collapsed .x-tool-toggle {
    background-position:0 -75px;
}

.x-panel-collapsed .x-tool-toggle-over {
    background-position:-15px -75px;
}


.x-tool-close {
    background-position:0 -0;
}

.x-tool-close-over {
    background-position:-15px 0;
}

.x-tool-minimize {
    background-position:0 -15px;
}

.x-tool-minimize-over {
    background-position:-15px -15px;
}

.x-tool-maximize {
    background-position:0 -30px;
}

.x-tool-maximize-over {
    background-position:-15px -30px;
}

.x-tool-restore {
    background-position:0 -45px;
}

.x-tool-restore-over {
    background-position:-15px -45px;
}

.x-tool-gear {
    background-position:0 -90px;
}

.x-tool-gear-over {
    background-position:-15px -90px;
}

.x-tool-pin {
    background-position:0 -135px;
}

.x-tool-pin-over {
    background-position:-15px -135px;
}

.x-tool-unpin {
    background-position:0 -150px;
}

.x-tool-unpin-over {
    background-position:-15px -150px;
}

.x-tool-right {
    background-position:0 -165px;
}

.x-tool-right-over {
    background-position:-15px -165px;
}

.x-tool-left {
    background-position:0 -180px;
}

.x-tool-left-over {
    background-position:-15px -180px;
}

.x-tool-up {
    background-position:0 -210px;
}

.x-tool-up-over {
    background-position:-15px -210px;
}

.x-tool-down {
    background-position:0 -195px;
}

.x-tool-down-over {
    background-position:-15px -195px;
}

.x-tool-refresh {
    background-position:0 -225px;
}

.x-tool-refresh-over {
    background-position:-15px -225px;
}

.x-tool-minus {
    background-position:0 -255px;
}

.x-tool-minus-over {
    background-position:-15px -255px;
}

.x-tool-plus {
    background-position:0 -240px;
}

.x-tool-plus-over {
    background-position:-15px -240px;
}

.x-tool-search {
    background-position:0 -270px;
}

.x-tool-search-over {
    background-position:-15px -270px;
}

.x-tool-save {
    background-position:0 -285px;
}

.x-tool-save-over {
    background-position:-15px -285px;
}

.x-tool-help {
    background-position:0 -300px;
}

.x-tool-help-over {
    background-position:-15px -300px;
}

.x-tool-print {
    background-position:0 -315px;
}

.x-tool-print-over {
    background-position:-15px -315px;
}

/* Ghosting */
.x-panel-ghost {
    z-index:12000;
    overflow:hidden;
    position:absolute;
    left:0;top:0;
    opacity:.65;
    -moz-opacity:.65;
    filter:alpha(opacity=65);
}

.x-panel-ghost ul {
    margin:0;
    padding:0;
    overflow:hidden;
    font-size:0;
    line-height:0;
    border:1px solid;
    border-top:0 none;
    display:block;
}

.x-panel-ghost * {
    cursor:move !important;
}

.x-panel-dd-spacer {
    border:2px dashed;
}

/* Buttons */
.x-panel-btns {
    padding:5px;
    overflow:hidden;
}

.x-panel-btns-right .x-panel-fbar {
    float:right;
    clear:none;
}

.x-panel-btns-left .x-panel-fbar {
    clear:none;
}

.x-panel-btns-center{
    text-align:center; /*ie*/
}

.x-panel-btns-center .x-toolbar-ct {
    margin:0 auto; /*everyone else*/
    text-align:left;
    width:auto;
}

.ext-gecko2 .x-panel-btns-right .x-toolbar-ct {
    width:auto;
}

.x-panel-btns td.x-toolbar-cell{
    padding:3px;
}

.x-panel-btns .x-btn-focus .x-btn-left{
    background-position:0 -147px;
}

.x-panel-btns .x-btn-focus .x-btn-right{
    background-position:0 -168px;
}

.x-panel-btns .x-btn-focus .x-btn-center{
    background-position:0 -189px;
}

.x-panel-btns .x-btn-over .x-btn-left{
    background-position:0 -63px;
}

.x-panel-btns .x-btn-over .x-btn-right{
    background-position:0 -84px;
}

.x-panel-btns .x-btn-over .x-btn-center{
    background-position:0 -105px;
}

.x-panel-btns .x-btn-click .x-btn-center{
    background-position:0 -126px;
}

.x-panel-btns .x-btn-click  .x-btn-right{
    background-position:0 -84px;
}

.x-panel-btns .x-btn-click .x-btn-left{
    background-position:0 -63px;
}

.x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
    white-space: nowrap;
}
/**
 * W3C Suggested Default style sheet for HTML 4
 * http://www.w3.org/TR/CSS21/sample.html
 *
 * Resets for Ext.Panel @cfg normal: true
 */
.x-panel-reset .x-panel-body html,
.x-panel-reset .x-panel-body address,
.x-panel-reset .x-panel-body blockquote,
.x-panel-reset .x-panel-body body,
.x-panel-reset .x-panel-body dd,
.x-panel-reset .x-panel-body div,
.x-panel-reset .x-panel-body dl,
.x-panel-reset .x-panel-body dt,
.x-panel-reset .x-panel-body fieldset,
.x-panel-reset .x-panel-body form,
.x-panel-reset .x-panel-body frame, frameset,
.x-panel-reset .x-panel-body h1,
.x-panel-reset .x-panel-body h2,
.x-panel-reset .x-panel-body h3,
.x-panel-reset .x-panel-body h4,
.x-panel-reset .x-panel-body h5,
.x-panel-reset .x-panel-body h6,
.x-panel-reset .x-panel-body noframes,
.x-panel-reset .x-panel-body ol,
.x-panel-reset .x-panel-body p,
.x-panel-reset .x-panel-body ul,
.x-panel-reset .x-panel-body center,
.x-panel-reset .x-panel-body dir,
.x-panel-reset .x-panel-body hr,
.x-panel-reset .x-panel-body menu,
.x-panel-reset .x-panel-body pre              { display: block }
.x-panel-reset .x-panel-body li              { display: list-item }
.x-panel-reset .x-panel-body head            { display: none }
.x-panel-reset .x-panel-body table           { display: table }
.x-panel-reset .x-panel-body tr              { display: table-row }
.x-panel-reset .x-panel-body thead           { display: table-header-group }
.x-panel-reset .x-panel-body tbody           { display: table-row-group }
.x-panel-reset .x-panel-body tfoot           { display: table-footer-group }
.x-panel-reset .x-panel-body col             { display: table-column }
.x-panel-reset .x-panel-body colgroup        { display: table-column-group }
.x-panel-reset .x-panel-body td,
.x-panel-reset .x-panel-body th               { display: table-cell }
.x-panel-reset .x-panel-body caption         { display: table-caption }
.x-panel-reset .x-panel-body th              { font-weight: bolder; text-align: center }
.x-panel-reset .x-panel-body caption         { text-align: center }
.x-panel-reset .x-panel-body body            { margin: 8px }
.x-panel-reset .x-panel-body h1              { font-size: 2em; margin: .67em 0 }
.x-panel-reset .x-panel-body h2              { font-size: 1.5em; margin: .75em 0 }
.x-panel-reset .x-panel-body h3              { font-size: 1.17em; margin: .83em 0 }
.x-panel-reset .x-panel-body h4,
.x-panel-reset .x-panel-body p,
.x-panel-reset .x-panel-body blockquote,
.x-panel-reset .x-panel-body ul,
.x-panel-reset .x-panel-body fieldset,
.x-panel-reset .x-panel-body form,
.x-panel-reset .x-panel-body ol,
.x-panel-reset .x-panel-body dl,
.x-panel-reset .x-panel-body dir,
.x-panel-reset .x-panel-body menu            { margin: 1.12em 0 }
.x-panel-reset .x-panel-body h5              { font-size: .83em; margin: 1.5em 0 }
.x-panel-reset .x-panel-body h6              { font-size: .75em; margin: 1.67em 0 }
.x-panel-reset .x-panel-body h1,
.x-panel-reset .x-panel-body h2,
.x-panel-reset .x-panel-body h3,
.x-panel-reset .x-panel-body h4,
.x-panel-reset .x-panel-body h5,
.x-panel-reset .x-panel-body h6,
.x-panel-reset .x-panel-body b,
.x-panel-reset .x-panel-body strong          { font-weight: bolder }
.x-panel-reset .x-panel-body blockquote      { margin-left: 40px; margin-right: 40px }
.x-panel-reset .x-panel-body i,
.x-panel-reset .x-panel-body cite,
.x-panel-reset .x-panel-body em,
.x-panel-reset .x-panel-body var,
.x-panel-reset .x-panel-body address          { font-style: italic }
.x-panel-reset .x-panel-body pre,
.x-panel-reset .x-panel-body tt,
.x-panel-reset .x-panel-body code,
.x-panel-reset .x-panel-body kbd,
.x-panel-reset .x-panel-body samp             { font-family: monospace }
.x-panel-reset .x-panel-body pre             { white-space: pre }
.x-panel-reset .x-panel-body button,
.x-panel-reset .x-panel-body textarea,
.x-panel-reset .x-panel-body input,
.x-panel-reset .x-panel-body select           { display: inline-block }
.x-panel-reset .x-panel-body big             { font-size: 1.17em }
.x-panel-reset .x-panel-body small,
.x-panel-reset .x-panel-body sub,
.x-panel-reset .x-panel-body sup              { font-size: .83em }
.x-panel-reset .x-panel-body sub             { vertical-align: sub }
.x-panel-reset .x-panel-body sup             { vertical-align: super }
.x-panel-reset .x-panel-body table           { border-spacing: 2px; }
.x-panel-reset .x-panel-body thead,
.x-panel-reset .x-panel-body tbody,
.x-panel-reset .x-panel-body tfoot           { vertical-align: middle }
.x-panel-reset .x-panel-body td,
.x-panel-reset .x-panel-body th               { vertical-align: inherit }
.x-panel-reset .x-panel-body s,
.x-panel-reset .x-panel-body strike,
.x-panel-reset .x-panel-body del              { text-decoration: line-through }
.x-panel-reset .x-panel-body hr              { border: 1px inset }
.x-panel-reset .x-panel-body ol,
.x-panel-reset .x-panel-body ul,
.x-panel-reset .x-panel-body dir,
.x-panel-reset .x-panel-body menu,
.x-panel-reset .x-panel-body dd           { margin-left: 40px }
.x-panel-reset .x-panel-body ul, .x-panel-reset .x-panel-body menu, .x-panel-reset .x-panel-body dir { list-style-type: disc;}
.x-panel-reset .x-panel-body ol              { list-style-type: decimal }
.x-panel-reset .x-panel-body ol ul,
.x-panel-reset .x-panel-body ul ol,
.x-panel-reset .x-panel-body ul ul,
.x-panel-reset .x-panel-body ol ol            { margin-top: 0; margin-bottom: 0 }
.x-panel-reset .x-panel-body u,
.x-panel-reset .x-panel-body ins              { text-decoration: underline }
.x-panel-reset .x-panel-body br:before       { content: "\A" }
.x-panel-reset .x-panel-body :before, .x-panel-reset .x-panel-body :after { white-space: pre-line }
.x-panel-reset .x-panel-body center          { text-align: center }
.x-panel-reset .x-panel-body :link, .x-panel-reset .x-panel-body :visited { text-decoration: underline }
.x-panel-reset .x-panel-body :focus          { outline: thin dotted invert }

/* Begin bidirectionality settings (do not change) */
.x-panel-reset .x-panel-body BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
.x-panel-reset .x-panel-body BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }
.x-window {
    zoom:1;
}

.x-window .x-resizable-handle {
    opacity:0;
    -moz-opacity:0;
    filter:alpha(opacity=0);
}

.x-window-proxy {
    border:1px solid;
    z-index:12000;
    overflow:hidden;
    position:absolute;
    left:0;top:0;
    display:none;
    opacity:.5;
    -moz-opacity:.5;
    filter:alpha(opacity=50);
}

.x-window-header {
    overflow:hidden;
    zoom:1;
}

.x-window-bwrap {
    z-index:1;
    position:relative;
    zoom:1;
    left:0;top:0;
}

.x-window-tl .x-window-header {
    padding:5px 0 4px 0;
}

.x-window-header-text {
    cursor:pointer;
}

.x-window-tc {
    background: transparent repeat-x 0 0;
    overflow:hidden;
    zoom:1;
}

.x-window-tl {
    background: transparent no-repeat 0 0;
    padding-left:6px;
    zoom:1;
    z-index:1;
    position:relative;
}

.x-window-tr {
    background: transparent no-repeat right 0;
    padding-right:6px;
}

.x-window-bc {
    background: transparent repeat-x 0 bottom;
    zoom:1;
}

.x-window-bc .x-window-footer {
    padding-bottom:6px;
    zoom:1;
    font-size:0;
    line-height:0;
}

.x-window-bl {
    background: transparent no-repeat 0 bottom;
    padding-left:6px;
    zoom:1;
}

.x-window-br {
    background: transparent no-repeat right bottom;
    padding-right:6px;
    zoom:1;
}

.x-window-mc {
    border:1px solid;
    padding:0;
    margin:0;
}

.x-window-ml {
    background: transparent repeat-y 0 0;
    padding-left:6px;
    zoom:1;
}

.x-window-mr {
    background: transparent repeat-y right 0;
    padding-right:6px;
    zoom:1;
}

.x-window-body {
    overflow:hidden;
}

.x-window-bwrap {
    overflow:hidden;
}

.x-window-maximized .x-window-bl, .x-window-maximized .x-window-br,
    .x-window-maximized .x-window-ml, .x-window-maximized .x-window-mr,
    .x-window-maximized .x-window-tl, .x-window-maximized .x-window-tr {
    padding:0;
}

.x-window-maximized .x-window-footer {
    padding-bottom:0;
}

.x-window-maximized .x-window-tc {
    padding-left:3px;
    padding-right:3px;
}

.x-window-maximized .x-window-mc {
    border-left:0 none;
    border-right:0 none;
}

.x-window-tbar .x-toolbar, .x-window-bbar .x-toolbar {
    border-left:0 none;
    border-right: 0 none;
}

.x-window-bbar .x-toolbar {
    border-top:1px solid;
    border-bottom:0 none;
}

.x-window-draggable, .x-window-draggable .x-window-header-text {
    cursor:move;
}

.x-window-maximized .x-window-draggable, .x-window-maximized .x-window-draggable .x-window-header-text {
    cursor:default;
}

.x-window-body {
    background:transparent;
}

.x-panel-ghost .x-window-tl {
    border-bottom:1px solid;
}

.x-panel-collapsed .x-window-tl {
    border-bottom:1px solid;
}

.x-window-maximized-ct {
    overflow:hidden;
}

.x-window-maximized .x-resizable-handle {
    display:none;
}

.x-window-sizing-ghost ul {
    border:0 none !important;
}

.x-dlg-focus{
    -moz-outline:0 none;
    outline:0 none;
    width:0;
    height:0;
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
}

.ext-webkit .x-dlg-focus{
    width: 1px;
    height: 1px;
}

.x-dlg-mask{
    z-index:10000;
    display:none;
    position:absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity:.50;
    filter: alpha(opacity=50);
}

body.ext-ie6.x-body-masked select {
    visibility:hidden;
}

body.ext-ie6.x-body-masked .x-window select {
    visibility:visible;
}

.x-window-plain .x-window-mc {
    border: 1px solid;
}

.x-window-plain .x-window-body {
    border: 1px solid;
    background:transparent !important;
}.x-html-editor-wrap {
    border:1px solid;
}

.x-html-editor-tb .x-btn-text {
    background:transparent no-repeat;
}

.x-html-editor-tb .x-edit-bold, .x-menu-item img.x-edit-bold {
    background-position:0 0;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/editor/tb-sprite.gif);
}

.x-html-editor-tb .x-edit-italic, .x-menu-item img.x-edit-italic {
    background-position:-16px 0;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/editor/tb-sprite.gif);
}

.x-html-editor-tb .x-edit-underline, .x-menu-item img.x-edit-underline {
    background-position:-32px 0;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/editor/tb-sprite.gif);
}

.x-html-editor-tb .x-edit-forecolor, .x-menu-item img.x-edit-forecolor {
    background-position:-160px 0;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/editor/tb-sprite.gif);
}

.x-html-editor-tb .x-edit-backcolor, .x-menu-item img.x-edit-backcolor {
    background-position:-176px 0;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/editor/tb-sprite.gif);
}

.x-html-editor-tb .x-edit-justifyleft, .x-menu-item img.x-edit-justifyleft {
    background-position:-112px 0;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/editor/tb-sprite.gif);
}

.x-html-editor-tb .x-edit-justifycenter, .x-menu-item img.x-edit-justifycenter {
    background-position:-128px 0;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/editor/tb-sprite.gif);
}

.x-html-editor-tb .x-edit-justifyright, .x-menu-item img.x-edit-justifyright {
    background-position:-144px 0;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/editor/tb-sprite.gif);
}

.x-html-editor-tb .x-edit-insertorderedlist, .x-menu-item img.x-edit-insertorderedlist {
    background-position:-80px 0;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/editor/tb-sprite.gif);
}

.x-html-editor-tb .x-edit-insertunorderedlist, .x-menu-item img.x-edit-insertunorderedlist {
    background-position:-96px 0;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/editor/tb-sprite.gif);
}

.x-html-editor-tb .x-edit-increasefontsize, .x-menu-item img.x-edit-increasefontsize {
    background-position:-48px 0;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/editor/tb-sprite.gif);
}

.x-html-editor-tb .x-edit-decreasefontsize, .x-menu-item img.x-edit-decreasefontsize {
    background-position:-64px 0;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/editor/tb-sprite.gif);
}

.x-html-editor-tb .x-edit-sourceedit, .x-menu-item img.x-edit-sourceedit {
    background-position:-192px 0;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/editor/tb-sprite.gif);
}

.x-html-editor-tb .x-edit-createlink, .x-menu-item img.x-edit-createlink {
    background-position:-208px 0;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/editor/tb-sprite.gif);
}

.x-html-editor-tip .x-tip-bd .x-tip-bd-inner {
    padding:5px;
    padding-bottom:1px;
}

.x-html-editor-tb .x-toolbar {
    position:static !important;
}.x-panel-noborder .x-panel-body-noborder {
    border-width:0;
}

.x-panel-noborder .x-panel-header-noborder {
    border-width:0 0 1px;
    border-style:solid;
}

.x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
    border-width:0 0 1px;
    border-style:solid;
}

.x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
    border-width:1px 0 0 0;
    border-style:solid;
}

.x-window-noborder .x-window-mc {
    border-width:0;
}

.x-window-plain .x-window-body-noborder {
    border-width:0;
}

.x-tab-panel-noborder .x-tab-panel-body-noborder {
    border-width:0;
}

.x-tab-panel-noborder .x-tab-panel-header-noborder {
    border-width: 0 0 1px 0;
}

.x-tab-panel-noborder .x-tab-panel-footer-noborder {
    border-width: 1px 0 0 0;
}

.x-tab-panel-bbar-noborder .x-toolbar {
    border-width: 1px 0 0 0;
    border-style:solid;
}

.x-tab-panel-tbar-noborder .x-toolbar {
    border-width:0 0 1px;
    border-style:solid;
}.x-border-layout-ct {
    position: relative;
}

.x-border-panel {
    position:absolute;
    left:0;
    top:0;
}

body.ext-ie6 .x-border-panel {
    left:0px !important;
}

.x-tool-collapse-south {
    background-position:0 -195px;
}

.x-tool-collapse-south-over {
    background-position:-15px -195px;
}

.x-tool-collapse-north {
    background-position:0 -210px;
}

.x-tool-collapse-north-over {
    background-position:-15px -210px;
}

.x-tool-collapse-west {
    background-position:0 -180px;
}

.x-tool-collapse-west-over {
    background-position:-15px -180px;
}

.x-tool-collapse-east {
    background-position:0 -165px;
}

.x-tool-collapse-east-over {
    background-position:-15px -165px;
}

.x-tool-expand-south {
    background-position:0 -210px;
}

.x-tool-expand-south-over {
    background-position:-15px -210px;
}

.x-tool-expand-north {
    background-position:0 -195px;
}
.x-tool-expand-north-over {
    background-position:-15px -195px;
}

.x-tool-expand-west {
    background-position:0 -165px;
}

.x-tool-expand-west-over {
    background-position:-15px -165px;
}

.x-tool-expand-east {
    background-position:0 -180px;
}

.x-tool-expand-east-over {
    background-position:-15px -180px;
}

.x-tool-expand-north, .x-tool-expand-south {
    float:right;
    margin:3px;
}

.x-tool-expand-east, .x-tool-expand-west {
    float:none;
    margin:3px auto;
}

.x-accordion-hd .x-tool-toggle {
    background-position:0 -255px;
}

.x-accordion-hd .x-tool-toggle-over {
    background-position:-15px -255px;
}

.x-panel-collapsed .x-accordion-hd .x-tool-toggle {
    background-position: -700px -71px;
}

.x-accordion-hd {
    border-top:0 none;
    color:#222;
    font-weight:normal;
    padding-top:4px;
    padding-bottom:3px;
    cursor:pointer;
    float:left;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    height:27px;
    padding:8px 0 0 0;
    width:100%;
}

.accordion-item {
    border-bottom:1px dotted #999999;
    padding: 8px 0;
}

.accordion-item-last {
    border-bottom: 0px;
    padding: 8px 0;
}

.accordion-item-header-text div.tip {
    float: right;
    margin-left: 5px;
    width:16px;
}

.x-layout-collapsed{
    position:absolute;
    left:-10000px;
    top:-10000px;
    visibility:hidden;
    width:20px;
    height:20px;
    overflow:hidden;
    border:1px solid;
    z-index:20;
}

.ext-border-box .x-layout-collapsed{
    width:22px;
    height:22px;
}

.x-layout-collapsed-over{
    cursor:pointer;
}

.x-layout-collapsed-west .x-layout-collapsed-tools, .x-layout-collapsed-east .x-layout-collapsed-tools{
    position:absolute;
    top:0;
    left:0;
    width:20px;
    height:20px;
}


.x-layout-split{
    position:absolute;
    height:5px;
    width:5px;
    line-height:1px;
    font-size:1px;
    z-index:3;
    background-color:transparent;
}

/* IE6 strict won't drag w/out a color */
.ext-strict .ext-ie6 .x-layout-split{
    background-color: #fff !important;
    filter: alpha(opacity=1);
}

.x-layout-split-h{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/s.gif);
    background-position: left;
}

.x-layout-split-v{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/s.gif);
    background-position: top;
}

.x-column-layout-ct {
    overflow:hidden;
    zoom:1;
}

.x-column {
    float:left;
    padding:0;
    margin:0;
    overflow:hidden;
    zoom:1;
}

.x-column-inner {
    overflow:hidden;
    zoom:1;
}

/* mini mode */
.x-layout-mini {
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:5px;
    height:35px;
    cursor:pointer;
    opacity:.5;
    -moz-opacity:.5;
    filter:alpha(opacity=50);
}

.x-layout-mini-over, .x-layout-collapsed-over .x-layout-mini{
    opacity:1;
    -moz-opacity:1;
    filter:none;
}

.x-layout-split-west .x-layout-mini {
    top:48%;
}

.x-layout-split-east .x-layout-mini {
    top:48%;
}

.x-layout-split-north .x-layout-mini {
    left:48%;
    height:5px;
    width:35px;
}

.x-layout-split-south .x-layout-mini {
    left:48%;
    height:5px;
    width:35px;
}

.x-layout-cmini-west .x-layout-mini {
    top:48%;
}

.x-layout-cmini-east .x-layout-mini {
    top:48%;
}

.x-layout-cmini-north .x-layout-mini {
    left:48%;
    height:5px;
    width:35px;
}

.x-layout-cmini-south .x-layout-mini {
    left:48%;
    height:5px;
    width:35px;
}

.x-layout-cmini-west, .x-layout-cmini-east {
    border:0 none;
    width:5px !important;
    padding:0;
    background:transparent;
}

.x-layout-cmini-north, .x-layout-cmini-south {
    border:0 none;
    height:5px !important;
    padding:0;
    background:transparent;
}

.x-viewport, .x-viewport body {
    margin: 0;
    padding: 0;
    border: 0 none;
    overflow: hidden;
    height: 100%;
}

.x-abs-layout-item {
    position:absolute;
    left:0;
    top:0;
}

.ext-ie input.x-abs-layout-item, .ext-ie textarea.x-abs-layout-item {
    margin:0;
}

.x-box-layout-ct {
    overflow:hidden;
    zoom:1;
}

.x-box-inner {
    overflow:hidden;
    zoom:1;
    position:relative;
    left:0;
    top:0;
}

.x-box-item {
    position:absolute;
    left:0;
    top:0;
}.x-progress-wrap {
    border:1px solid;
    overflow:hidden;
}

.x-progress-inner {
    height:18px;
    background:repeat-x;
    position:relative;
}

.x-progress-bar {
    height:18px;
    float:left;
    width:0;
    background: repeat-x left center;
    border-top:1px solid;
    border-bottom:1px solid;
    border-right:1px solid;
}

.x-progress-text {
    padding:1px 5px;
    overflow:hidden;
    position:absolute;
    left:0;
    text-align:center;
}

.x-progress-text-back {
    line-height:16px;
}

.ext-ie .x-progress-text-back {
    line-height:15px;
}.x-list-header{
    background: repeat-x 0 bottom;
    cursor:default;
    zoom:1;
    height:22px;
}

.x-list-header-inner div {
    display:block;
    float:left;
    overflow:hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.x-list-header-inner div em {
    display:block;
    border-left:1px solid;
    padding:4px 4px;
    overflow:hidden;
    -moz-user-select: none;
    -khtml-user-select: none;
    line-height:14px;
}

.x-list-body {
    overflow:auto;
    overflow-x:hidden;
    overflow-y:auto;
    zoom:1;
    float: left;
    width: 100%;
}

.x-list-body dl {
    zoom:1;
}

.x-list-body dt {
    display:block;
    float:left;
    overflow:hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor:pointer;
    zoom:1;
}

.x-list-body dt em {
    display:block;
    padding:3px 4px;
    overflow:hidden;
    -moz-user-select: none;
    -khtml-user-select: none;
}

.x-list-resizer {
    border-left:1px solid;
    border-right:1px solid;
    position:absolute;
    left:0;
    top:0;
}

.x-list-header-inner em.sort-asc {
    background: transparent no-repeat center 0;
    border-style:solid;
    border-width: 0 1px 1px;
    padding-bottom:3px;
}

.x-list-header-inner em.sort-desc {
    background: transparent no-repeat center -23px;
    border-style:solid;
    border-width: 0 1px 1px;
    padding-bottom:3px;
}
/* Shared styles */
.x-slider {
    zoom:1;
}

.x-slider-inner {
    position:relative;
    left:0;
    top:0;
    overflow:visible;
    zoom:1;
}

.x-slider-focus {
    position:absolute;
    left:0;
    top:0;
    width:1px;
    height:1px;
    line-height:1px;
    font-size:1px;
    -moz-outline:0 none;
    outline:0 none;
    -moz-user-select: none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    display:block;
    overflow:hidden;
}

/* Horizontal styles */
.x-slider-horz {
    padding-left:7px;
    background:transparent no-repeat 0 -22px;
}

.x-slider-horz .x-slider-end {
    padding-right:7px;
    zoom:1;
    background:transparent no-repeat right -44px;
}

.x-slider-horz .x-slider-inner {
    background:transparent repeat-x 0 0;
    height:22px;
}

.x-slider-horz .x-slider-thumb {
    width:14px;
    height:15px;
    position:absolute;
    left:0;
    top:3px;
    background:transparent no-repeat 0 0;
}

.x-slider-horz .x-slider-thumb-over {
    background-position: -14px -15px;
}

.x-slider-horz .x-slider-thumb-drag {
    background-position: -28px -30px;
}

/* Vertical styles */
.x-slider-vert {
    padding-top:7px;
    background:transparent no-repeat -44px 0;
    width:22px;
}

.x-slider-vert .x-slider-end {
    padding-bottom:7px;
    zoom:1;
    background:transparent no-repeat -22px bottom;
}

.x-slider-vert .x-slider-inner {
    background:transparent repeat-y 0 0;
}

.x-slider-vert .x-slider-thumb {
    width:15px;
    height:14px;
    position:absolute;
    left:3px;
    bottom:0;
    background:transparent no-repeat 0 0;
}

.x-slider-vert .x-slider-thumb-over {
    background-position: -15px -14px;
}

.x-slider-vert .x-slider-thumb-drag {
    background-position: -30px -28px;
}.x-window-dlg .x-window-body {
    border:0 none !important;
    padding:5px 10px;
    overflow:hidden !important;
}

.x-window-dlg .x-window-mc {
    border:0 none !important;
}

.x-window-dlg .ext-mb-input {
    margin-top:4px;
    width:95%;
}

.x-window-dlg .ext-mb-textarea {
    margin-top:4px;
}

.x-window-dlg .x-progress-wrap {
    margin-top:4px;
}

.ext-ie .x-window-dlg .x-progress-wrap {
    margin-top:6px;
}

.x-window-dlg .x-msg-box-wait {
    background:transparent no-repeat left;
    display:block;
    width:300px;
    padding-left:18px;
    line-height:18px;
}

.x-window-dlg .ext-mb-icon {
    float:left;
    width:47px;
    height:32px;
}

.ext-ie .x-window-dlg .ext-mb-icon {
    width:44px; /* 3px IE margin issue */
}

.x-window-dlg .x-dlg-icon .ext-mb-content{
    zoom: 1; margin-left: 47px;
}

.x-window-dlg .ext-mb-info, .x-window-dlg .ext-mb-warning, .x-window-dlg .ext-mb-question, .x-window-dlg .ext-mb-error {
    background:transparent no-repeat top left;
}

.ext-gecko2 .ext-mb-fix-cursor {
    overflow:auto;
}.ext-el-mask {
    background-color: #ccc;
}

.ext-el-mask-msg {
    border-color:#ddd;
    background-color:#eee;
    border-radius:5px;
    /*
    border-color:#6593cf;
    background-color:#c3daf9;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/box/tb-blue.gif);
    */
}
.ext-el-mask-msg div {
    background-color: #eee;
    border-color:#ddd;
    /*border-color:#a3bad9;*/
    color:#222;
    font:normal 11px tahoma, arial, helvetica, sans-serif;
}

.x-mask-loading div {
    background-color:#fff;
    background-image:url(/img/loading32.gif);
}

.x-item-disabled {
    color: gray;
}

.x-item-disabled * {
    color: gray !important;
}

.x-splitbar-proxy {
    background-color: #aaa;
}

.x-color-palette a {
    border-color:#fff;
}

.x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
    border-color:#8bb8f3;
    background-color: #deecfd;
}

.x-color-palette em {
    border-color:#aca899;
}

.x-ie-shadow {
    background-color:#777;
}

.x-shadow .xsmc {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/shadow-c.png);
}

.x-shadow .xsml, .x-shadow .xsmr {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/shadow-lr.png);
}

.x-shadow .xstl, .x-shadow .xstc,  .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbc, .x-shadow .xsbr{
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/shadow.png);
}

.loading-indicator {
    font-size: 11px;
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/loading.gif);
}

.x-spotlight {
    background-color: #ccc;
}
.x-tab-panel-header, .x-tab-panel-footer {
    background-color: #deecfd;
    border-color:#8db2e3;
    overflow:hidden;
    zoom:1;
}

.x-tab-panel-header, .x-tab-panel-footer {
    border-color:#8db2e3;
}

ul.x-tab-strip-top{
    background-color:#cedff5;
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tabs/tab-strip-bg.gif);
    border-bottom-color:#8db2e3;
}

ul.x-tab-strip-bottom{
    background-color:#cedff5;
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tabs/tab-strip-btm-bg.gif);
    border-top-color:#8db2e3;
}

.x-tab-panel-header-plain .x-tab-strip-spacer,
.x-tab-panel-footer-plain .x-tab-strip-spacer {
    border-color:#8db2e3;
    background-color: #deecfd;
}

.x-tab-strip span.x-tab-strip-text {
    font:bold 11px tahoma,arial,helvetica;
    color:#222222;
}

.x-tot2ivn-vr-tab-panel .x-tab-strip span.x-tab-strip-text {
    font:bold 15px tahoma,arial,helvetica;
    color:#FFFFFF;
}

.x-tab-strip span.x-tab-strip-text span {
    font-size:11px;
    display : inline;
}

.x-tab-strip-over span.x-tab-strip-text {
    color:#15428b;
}

.x-tab-strip-active span.x-tab-strip-text {
    color:#FFFFFF;
    font-weight:bold;
}

.x-tab-strip-disabled .x-tabs-text {
    color:#aaaaaa;
}

.ht-portlet .x-tab-strip-top .x-tab-right, .ht-portlet .x-tab-strip-top .x-tab-left, .ht-portlet .x-tab-strip-top .x-tab-strip-inner{
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tabs/tabs-sprite.gif);
}

.x-tab-strip-bottom .x-tab-right {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tabs/tab-btm-inactive-right-bg.gif);
}

.x-tab-strip-bottom .x-tab-left {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tabs/tab-btm-inactive-left-bg.gif);
}

.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tabs/tab-btm-right-bg.gif);
}

.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tabs/tab-btm-left-bg.gif);
}

.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tabs/tab-close.gif);
}

.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tabs/tab-close.gif);
}

.x-tab-panel-body {
    border-color:#8db2e3;
    background-color:#fff;
}

.x-tab-panel-body-top {
    border-top: 0 none;
}

.x-tab-panel-body-bottom {
    border-bottom: 0 none;
}

.x-tab-scroller-left {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tabs/scroll-left.gif);
    border-bottom-color:#8db2e3;
}

.x-tab-scroller-left-over {
    background-position: 0 0;
}

.x-tab-scroller-left-disabled {
    background-position: -18px 0;
    opacity:.5;
    -moz-opacity:.5;
    filter:alpha(opacity=50);
    cursor:default;
}

.x-tab-scroller-right {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tabs/scroll-right.gif);
    border-bottom-color:#8db2e3;
}

.x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar {
    border-color:#99bbe8;
}.x-form-field{
    font:normal 12px tahoma, arial, helvetica, sans-serif;
}

.x-form-text, textarea.x-form-field{
    background-color:#fff;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/form/text-bg.gif);
    border-color:#b5b8c8;
}

.x-form-select-one {
    background-color:#fff;
    border-color:#b5b8c8;
}

.x-form-check-group-label {
    border-bottom: 1px solid #99bbe8;
    color: #15428b;
}

.x-editor .x-form-check-wrap {
    background-color:#fff;
}

.x-form-field-wrap .x-form-trigger{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/form/trigger.png);
    border-bottom-color:#b5b8c8;
}

.x-form-field-wrap .x-form-date-trigger{
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/form/date-trigger.gif);
}

.x-form-field-wrap .x-form-clear-trigger{
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/form/clear-trigger.gif);
}

.x-form-field-wrap .x-form-search-trigger{
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/form/search-trigger.gif);
}

.x-trigger-wrap-focus .x-form-trigger{
    border-bottom-color:#7eadd9;
}

.x-item-disabled .x-form-trigger-over{
    border-bottom-color:#b5b8c8;
}

.x-item-disabled .x-form-trigger-click{
    border-bottom-color:#b5b8c8;
}

.x-form-focus, textarea.x-form-focus{
    border-color:#7eadd9;
}

.x-form-invalid, textarea.x-form-invalid{
    background-color:#fff;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/invalid_line.gif);
    border-color:#c30;
}

.ext-safari .x-form-invalid{
    background-color:#fee;
    border-color:#ff7870;
}

.x-form-inner-invalid, textarea.x-form-inner-invalid{
    background-color:#fff;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/invalid_line.gif);
}

.x-form-grow-sizer {
    font:normal 12px tahoma, arial, helvetica, sans-serif;
}

.x-form-item {
    font:normal 12px tahoma, arial, helvetica, sans-serif;
}

.x-form-invalid-msg {
    color:#c0272b;
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/shared/warning.gif);
}

.x-form-empty-field {
    color:gray;
}

.x-small-editor .x-form-field {
    font:normal 11px arial, tahoma, helvetica, sans-serif;
}

.ext-safari .x-small-editor .x-form-field {
    font:normal 12px arial, tahoma, helvetica, sans-serif;
}

.x-form-invalid-icon {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/form/exclamation.gif);
}

.x-fieldset {
    border-color:#b5b8c8;
}

.x-fieldset legend {
    font:bold 11px tahoma, arial, helvetica, sans-serif;
    color:#15428b;
}
.x-btn{
    font:normal 11px tahoma, verdana, helvetica;
}

.x-btn button{
    font:normal 11px arial,tahoma,verdana,helvetica;
    color:#333;
}

.x-btn em {
    font-style:normal;
    font-weight:normal;
}

.x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/button/btn.gif);
}

.x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text{
    color:#000;
}

.x-btn-disabled *{
    color:gray !important;
}

.x-btn-mc em.x-btn-arrow {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/button/arrow.gif);
}

.x-btn-mc em.x-btn-split {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/button/s-arrow.gif);
}

.x-btn-over .x-btn-mc em.x-btn-split, .x-btn-click .x-btn-mc em.x-btn-split, .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-btn-pressed .x-btn-mc em.x-btn-split {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/button/s-arrow-o.gif);
}

.x-btn-mc em.x-btn-arrow-bottom {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/button/s-arrow-b-noline.gif);
}

.x-btn-mc em.x-btn-split-bottom {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/button/s-arrow-b.gif);
}

.x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-btn-click .x-btn-mc em.x-btn-split-bottom, .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-btn-pressed .x-btn-mc em.x-btn-split-bottom {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/button/s-arrow-bo.gif);
}

.x-btn-group-header {
    color: #3e6aaa;
}

.x-btn-group-tc {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/button/group-tb.gif);
}

.x-btn-group-tl {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/button/group-cs.gif);
}

.x-btn-group-tr {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/button/group-cs.gif);
}

.x-btn-group-bc {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/button/group-tb.gif);
}

.x-btn-group-bl {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/button/group-cs.gif);
}

.x-btn-group-br {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/button/group-cs.gif);
}

.x-btn-group-ml {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/button/group-lr.gif);
}
.x-btn-group-mr {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/button/group-lr.gif);
}

.x-btn-group-notitle .x-btn-group-tc {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/button/group-tb.gif);
}.x-toolbar{
    border-color:#a9bfd3;
    background-color:#d0def0;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/toolbar/bg.gif);
}

.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
    font:normal 11px arial,tahoma, helvetica, sans-serif;
}

.x-toolbar .x-item-disabled {
    color:gray;
}

.x-toolbar .x-item-disabled * {
    color:gray;
}

.x-toolbar .x-btn-mc em.x-btn-split {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/button/s-arrow-noline.gif);
}

.x-toolbar .x-btn-over .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split,
.x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split
{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/button/s-arrow-o.gif);
}

.x-toolbar .x-btn-mc em.x-btn-split-bottom {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/button/s-arrow-b-noline.gif);
}

.x-toolbar .x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split-bottom,
.x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split-bottom
{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/button/s-arrow-bo.gif);
}

.x-toolbar .xtb-sep {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/grid-blue-split.gif);
}

.x-tbar-page-first{
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/page-first.gif) !important;
}

.x-tbar-loading{
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/refresh.gif) !important;
}

.x-tbar-page-last{
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/page-last.gif) !important;
}

.x-tbar-page-next{
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/page-next.gif) !important;
}

.x-tbar-page-prev{
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/page-prev.gif) !important;
}

.x-item-disabled .x-tbar-loading{
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/loading.gif) !important;
}

.x-item-disabled .x-tbar-page-first{
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/page-first-disabled.gif) !important;
}

.x-item-disabled .x-tbar-page-last{
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/page-last-disabled.gif) !important;
}

.x-item-disabled .x-tbar-page-next{
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/page-next-disabled.gif) !important;
}

.x-item-disabled .x-tbar-page-prev{
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/page-prev-disabled.gif) !important;
}

.x-paging-info {
    color:#444;
}

.x-toolbar-more-icon {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/toolbar/more.gif) !important;
}

.x-statusbar .x-status-busy {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/loading.gif);
}

.x-statusbar .x-status-text-panel {
    border-color: #99bbe8 #fff #fff #99bbe8;
}.x-resizable-handle {
    background-color:#fff;
}

.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east,
.x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west
{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/sizer/e-handle.gif);
}

.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south,
.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north
{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/sizer/s-handle.gif);
}

.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/sizer/s-handle.gif);
}
.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/sizer/se-handle.gif);
}
.x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/sizer/nw-handle.gif);
}
.x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/sizer/ne-handle.gif);
}
.x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/sizer/sw-handle.gif);
}
.x-resizable-proxy{
    border-color:#3b5a82;
}
.x-resizable-overlay{
    background-color:#fff;
}
.x-grid3 {
    background-color:#fff;
}

.x-grid-panel .x-panel-mc .x-panel-body {
    border-color:#99bbe8;
}

.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
    font:normal 11px arial, tahoma, helvetica, sans-serif;
}

.x-grid3-hd-row td {
    border-left-color:#eee;
    border-right-color:#CCCCCC;
}

.x-grid-row-loading {
    background-color: #fff;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/shared/loading-balls.gif);
}

.x-grid3-row {
    border-color:#ededed;
    border-top-color:#fff;
}

.x-grid3-row-alt{
    background-color:#fafafa;
}

.x-grid3-row-over {
    border-color:#ddd;
    background-color:#efefef;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/row-over.gif);
}

.x-grid3-resize-proxy {
    background-color:#777;
}

.x-grid3-resize-marker {
    background-color:#777;
}

.x-grid3-header{
    background-color:#f9f9f9;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/grid3-hrow.gif);
}

.x-grid3-header-pop {
    border-left-color:#d0d0d0;
}

.x-grid3-header-pop-inner {
    border-left-color:#eee;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/hd-pop.gif);
}

td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
    border-left-color:#aaccf6;
    border-right-color:#aaccf6;
}

td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
    background-color:#ebf3fd;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/grid3-hrow-over.gif);

}

.sort-asc .x-grid3-sort-icon {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/sort_asc.gif);
}

.sort-desc .x-grid3-sort-icon {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/sort_desc.gif);
}

.x-grid3-cell-text, .x-grid3-hd-text {
    color:#000;
}

.x-grid3-split {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/grid-split.gif);
}

.x-grid3-hd-text {
    color:#15428b;
}

.x-dd-drag-proxy .x-grid3-hd-inner{
    background-color:#ebf3fd;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/grid3-hrow-over.gif);
    border-color:#aaccf6;
}

.col-move-top{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/col-move-top.gif);
}

.col-move-bottom{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/col-move-bottom.gif);
}

.x-grid3-row-selected {
    background-color: #dfe8f6 !important;
    background-image: none;
    border-color:#a3bae9;
}

.x-grid3-cell-selected{
    background-color: #b8cfee !important;
    color:#000;
}

.x-grid3-cell-selected span{
    color:#000 !important;
}

.x-grid3-cell-selected .x-grid3-cell-text{
    color:#000;
}

.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
    background-color:#ebeadb !important;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/grid-hrow.gif) !important;
    color:#000;
    border-top-color:#fff;
    border-right-color:#6fa0df !important;
}

.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
    color:#15428b !important;
}

.x-grid3-dirty-cell {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/dirty.gif);
}

.x-grid3-topbar, .x-grid3-bottombar{
    font:normal 11px arial, tahoma, helvetica, sans-serif;
}

.x-grid3-bottombar .x-toolbar{
    border-top-color:#a9bfd3;
}

.x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/grid3-special-col-bg.gif) !important;
    color:#000 !important;
}

.x-props-grid .x-grid3-body .x-grid3-td-name{
    background-color:#fff !important;
    border-right-color:#eee;
}

.xg-hmenu-sort-asc .x-menu-item-icon{
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/hmenu-asc.gif);
}

.xg-hmenu-sort-desc .x-menu-item-icon{
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/hmenu-desc.gif);
}

.xg-hmenu-lock .x-menu-item-icon{
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/hmenu-lock.gif);
}

.xg-hmenu-unlock .x-menu-item-icon{
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/hmenu-unlock.gif);
}

.x-grid3-hd-btn {
    background-color:#c3daf9;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/grid3-hd-btn.gif);
}

.x-grid3-body .x-grid3-td-expander {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/grid3-special-col-bg.gif);
}

.x-grid3-row-expander {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/row-expand-sprite.gif);
}

.x-grid3-body .x-grid3-td-checker {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/grid3-special-col-bg.gif);
}

.x-grid3-row-checker, .x-grid3-hd-checker {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/row-check-sprite.gif);
}

.x-grid3-body .x-grid3-td-numberer {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/grid3-special-col-bg.gif);
}

.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
    color:#444;
}

.x-grid3-body .x-grid3-td-row-icon {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/grid3-special-col-bg.gif);
}

.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/grid3-special-col-sel-bg.gif);
}

.x-grid3-check-col {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/menu/unchecked.gif);
}

.x-grid3-check-col-on {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/menu/checked.gif);
}

.x-grid-group, .x-grid-group-body, .x-grid-group-hd {
    zoom:1;
}

.x-grid-group-hd {
    border-bottom-color:#99bbe8;
}

.x-grid-group-hd div.x-grid-group-title {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/group-collapse.gif);
    color:#3764a0;
    font:bold 11px tahoma, arial, helvetica, sans-serif;
}

.x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/group-expand.gif);
}

.x-group-by-icon {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/group-by.gif);
}

.x-cols-icon {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/columns.gif);
}

.x-show-groups-icon {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/group-by.gif);
}

.x-grid-empty {
    color:gray;
    font:normal 11px tahoma, arial, helvetica, sans-serif;
}

.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
    border-right-color:#ededed;
}

.x-grid-with-col-lines .x-grid3-row{
    border-top-color:#ededed;
}

.x-grid-with-col-lines .x-grid3-row-selected {
    border-top-color:#a3bae9;
}.x-dd-drag-ghost{
    color:#000;
    font: normal 11px arial, helvetica, sans-serif;
    border-color: #ddd #bbb #bbb #ddd;
    background-color:#fff;
}

.x-dd-drop-nodrop .x-dd-drop-icon{
  background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/dd/drop-no.gif);
}

.x-dd-drop-ok .x-dd-drop-icon{
  background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/dd/drop-yes.gif);
}

.x-dd-drop-ok-add .x-dd-drop-icon{
  background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/dd/drop-add.gif);
}

.x-view-selector {
    background-color:#c3daf9;
    border-color:#3399bb;
}.x-tree-node-expanded .x-tree-node-icon{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tree/folder-open.gif);
}

.x-tree-node-leaf .x-tree-node-icon{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tree/leaf.png);
}

.x-tree-node-collapsed .x-tree-node-icon{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tree/folder.png);
}

.x-tree-node-loading .x-tree-node-icon{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tree/loading.gif) !important;
}

.x-tree-node .x-tree-node-inline-icon {
    background-image: none;
}

.x-tree-node-loading a span{
     font-style: italic;
     color:#444444;
}

.ext-ie .x-tree-node-el input {
    width:15px;
    height:15px;
}

.x-tree-lines .x-tree-elbow{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tree/elbow.gif);
}

.x-tree-lines .x-tree-elbow-plus{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tree/elbow-plus.gif);
}

.x-tree-lines .x-tree-elbow-minus{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tree/elbow-minus.gif);
}

.x-tree-lines .x-tree-elbow-end{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tree/elbow-end.gif);
}

.x-tree-lines .x-tree-elbow-end-plus{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tree/elbow-end-plus.gif);
}

.x-tree-lines .x-tree-elbow-end-minus{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tree/elbow-end-minus.gif);
}

.x-tree-lines .x-tree-elbow-line{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tree/elbow-line.png);
}

.x-tree-no-lines .x-tree-elbow-plus{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tree/elbow-plus-nl.gif);
}

.x-tree-no-lines .x-tree-elbow-minus{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tree/elbow-minus-nl.gif);
}

.x-tree-no-lines .x-tree-elbow-end-plus{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tree/elbow-end-plus-nl.gif);
}

.x-tree-no-lines .x-tree-elbow-end-minus{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tree/elbow-end-minus-nl.gif);
}

.x-tree-arrows .x-tree-elbow-plus{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tree/arrows.gif);
}

.x-tree-arrows .x-tree-elbow-minus{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tree/arrows.gif);
}

.x-tree-arrows .x-tree-elbow-end-plus{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tree/arrows.gif);
}

.x-tree-arrows .x-tree-elbow-end-minus{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tree/arrows.gif);
}

.x-tree-node{
    color:#000;
    font: normal 11px arial, tahoma, helvetica, sans-serif;
}

.x-tree-node a, .x-dd-drag-ghost a{
    color:#000;
}

.x-tree-node a span, .x-dd-drag-ghost a span{
    color:#000;
}

.x-tree-node .x-tree-node-disabled a span{
    color:gray !important;
}

.x-tree-node div.x-tree-drag-insert-below{
     border-bottom-color:#36c;
}

.x-tree-node div.x-tree-drag-insert-above{
     border-top-color:#36c;
}

.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
     border-bottom-color:#36c;
}

.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
     border-top-color:#36c;
}

.x-tree-node .x-tree-drag-append a span{
     background-color:#ddd;
     border-color:gray;
}

.x-tree-node .x-tree-node-over {
    background-color: #eee;
}

.x-tree-node .x-tree-selected {
    background-color: #d9e8fb;
}

.x-tree-drop-ok-append .x-dd-drop-icon{
  background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tree/drop-add.gif);
}

.x-tree-drop-ok-above .x-dd-drop-icon{
  background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tree/drop-over.gif);
}

.x-tree-drop-ok-below .x-dd-drop-icon{
  background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tree/drop-under.gif);
}

.x-tree-drop-ok-between .x-dd-drop-icon{
  background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/tree/drop-between.gif);
}.x-date-picker {
    border-color: #1b376c;
    background-color:#fff;
}

.x-date-middle,.x-date-left,.x-date-right {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/shared/hd-sprite.gif);
    color:#fff;
    font:bold 11px "sans serif", tahoma, verdana, helvetica;
}

.x-date-middle .x-btn .x-btn-text {
    color:#fff;
}

.x-date-middle .x-btn-mc em.x-btn-arrow {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/toolbar/btn-arrow-light.gif);
}

.x-date-right a {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/shared/right-btn.gif);
}

.x-date-left a{
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/shared/left-btn.gif);
}

.x-date-inner th {
    background-color:#dfecfb;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/shared/glass-bg.gif);
    border-bottom-color:#a3bad9;
    font:normal 10px arial, helvetica,tahoma,sans-serif;
    color:#233d6d;
}

.x-date-inner td {
    border-color:#fff;
}

.x-date-inner a {
    font:normal 11px arial, helvetica,tahoma,sans-serif;
    color:#000;
}

.x-date-inner .x-date-active{
    color:#000;
}

.x-date-inner .x-date-selected a{
    background-color:#dfecfb;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/shared/glass-bg.gif);
    border-color:#8db2e3;
}

.x-date-inner .x-date-today a{
    border-color:darkred;
}

.x-date-inner .x-date-selected span{
    font-weight:bold;
}

.x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a {
    color:#aaa;
}

.x-date-bottom {
    border-top-color:#a3bad9;
    background-color:#dfecfb;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/shared/glass-bg.gif);
}

.x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
    color:#000;
    background-color:#ddecfe;
}

.x-date-inner .x-date-disabled a {
    background-color:#eee;
    color:#bbb;
}

.x-date-mmenu{
    background-color:#eee !important;
}

.x-date-mmenu .x-menu-item {
    font-size:10px;
    color:#000;
}

.x-date-mp {
    background-color:#fff;
}

.x-date-mp td {
    font:normal 11px arial, helvetica,tahoma,sans-serif;
}

.x-date-mp-btns button {
    background-color:#083772;
    color:#fff;
    border-color: #3366cc #000055 #000055 #3366cc;
    font:normal 11px arial, helvetica,tahoma,sans-serif;
}

.x-date-mp-btns {
    background-color: #dfecfb;
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/shared/glass-bg.gif);
}

.x-date-mp-btns td {
    border-top-color: #c5d2df;
}

td.x-date-mp-month a,td.x-date-mp-year a {
    color:#15428b;
}

td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
    color:#15428b;
    background-color: #ddecfe;
}

td.x-date-mp-sel a {
    background-color: #dfecfb;
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/shared/glass-bg.gif);
    border-color:#8db2e3;
}

.x-date-mp-ybtn a {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/panel/tool-sprites.gif);
}

td.x-date-mp-sep {
   border-right-color:#c5d2df;
}.x-tip .x-tip-close{
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/qtip/close.gif);
}

.x-tip .x-tip-tc, .x-tip .x-tip-tl, .x-tip .x-tip-tr, .x-tip .x-tip-bc, .x-tip .x-tip-bl, .x-tip .x-tip-br, .x-tip .x-tip-ml, .x-tip .x-tip-mr {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/qtip/tip-sprite.gif);
    max-width: 500px;
}

.x-tip .x-tip-mc {
    font: normal 11px tahoma,arial,helvetica,sans-serif;
}
.x-tip .x-tip-ml {
    background-color: #fff;
}

.x-tip .x-tip-header-text {
    font: bold 11px tahoma,arial,helvetica,sans-serif;
    color:#444;
}

.x-tip .x-tip-body {
    font: normal 11px tahoma,arial,helvetica,sans-serif;
    color:#444;
}

.x-form-invalid-tip .x-tip-tc, .x-form-invalid-tip .x-tip-tl, .x-form-invalid-tip .x-tip-tr, .x-form-invalid-tip .x-tip-bc,
.x-form-invalid-tip .x-tip-bl, .x-form-invalid-tip .x-tip-br, .x-form-invalid-tip .x-tip-ml, .x-form-invalid-tip .x-tip-mr
{
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/form/error-tip-corners.gif);
}

.x-form-invalid-tip .x-tip-body {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/form/exclamation.gif);
}

.x-tip-anchor {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/qtip/tip-anchor-sprite.gif);
}.x-menu {
    background-color:#f0f0f0;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/menu/menu.gif);
}

.x-menu-floating{
    border-color:#718bb7;
}

.x-menu-nosep {
    background-image:none;
}

.x-menu-list-item{
    font:normal 11px arial,tahoma,sans-serif;
}

.x-menu-item-arrow{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/menu/menu-parent.gif);
}

.x-menu-sep {
    background-color:#e0e0e0;
    border-bottom-color:#fff;
}

a.x-menu-item {
    color:#222;
}

.x-menu-item-active {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/menu/item-over.gif);
    background-color: #dbecf4;
    border-color:#aaccf6;
}

.x-menu-item-active a.x-menu-item {
    border-color:#aaccf6;
}

.x-menu-check-item .x-menu-item-icon{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/menu/unchecked.gif);
}

.x-menu-item-checked .x-menu-item-icon{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/menu/checked.gif);
}

.x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/menu/group-checked.gif);
}

.x-menu-group-item .x-menu-item-icon{
    background-image:none;
}

.x-menu-plain {
    background-color:#fff !important;
}

.x-menu .x-date-picker{
    border-color:#a3bad9;
}

.x-cycle-menu .x-menu-item-checked {
    border-color:#a3bae9 !important;
    background-color:#def8f6;
}

.x-menu-scroller-top {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/layout/mini-top.gif);
}

.x-menu-scroller-bottom {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/layout/mini-bottom.gif);
}
.x-box-tl {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/box/corners.gif);
}

.x-box-tc {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/box/tb.gif);
}

.x-box-tr {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/box/corners.gif);
}

.x-box-ml {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/box/l.gif);
}

.x-box-mc {
    background-color: #eee;
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/box/tb.gif);
    font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
    color: #393939;
    font-size: 12px;
}

.x-box-mc h3 {
    font-size: 14px;
    font-weight: bold;
}

.x-box-mr {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/box/r.gif);
}

.x-box-bl {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/box/corners.gif);
}

.x-box-bc {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/box/tb.gif);
}

.x-box-br {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/box/corners.gif);
}

.x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/box/corners-blue.gif);
}

.x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/box/tb-blue.gif);
}

.x-box-blue .x-box-mc {
    background-color: #c3daf9;
}

.x-box-blue .x-box-mc h3 {
    color: #17385b;
}

.x-box-blue .x-box-ml {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/box/l-blue.gif);
}

.x-box-blue .x-box-mr {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/box/r-blue.gif);
}#x-debug-browser .x-tree .x-tree-node a span {
    color:#222297;
    font-size:11px;
    font-family:"monotype","courier new",sans-serif;
}

#x-debug-browser .x-tree a i {
    color:#ff4545;
    font-style:normal;
}

#x-debug-browser .x-tree a em {
    color:#999;
}

#x-debug-browser .x-tree .x-tree-node .x-tree-selected a span{
    background-color:#c3daf9;
}.x-combo-list {
    border-color:#98c0f4;
    background-color:#ddecfe;
    font:normal 12px tahoma, arial, helvetica, sans-serif;
}

.x-combo-list-inner {
    background-color:#fff;
    width: 499px !important;
}

.x-combo-list-hd {
    font:bold 11px tahoma, arial, helvetica, sans-serif;
    color:#15428b;
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/layout/panel-title-light-bg.gif);
    border-bottom-color:#98c0f4;
}

.x-resizable-pinned .x-combo-list-inner {
    border-bottom-color:#98c0f4;
}

.x-combo-list-item {
    border-color:#fff;
}

.x-combo-list .x-combo-selected{
    border-color:#a3bae9 !important;
    background-color:#dfe8f6;
}

.x-combo-list .x-toolbar {
    border-top-color:#98c0f4;
}

.x-combo-list-small {
    font:normal 11px tahoma, arial, helvetica, sans-serif;
}.x-panel {
    border-color: #99bbe8;
}

.x-panel-header {
    color:#15428b;
    font-weight:bold;
    font-size: 11px;
    font-family: tahoma,arial,verdana,sans-serif;
    border-color:#99bbe8;
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/panel/white-top-bottom.gif);
}

.x-panel-body {
    border-color:#99bbe8;
    background-color:#fff;
}

.x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar {
    border-color:#99bbe8;
}

.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
    border-top-color:#99bbe8;
}

.x-panel-body-noheader, .x-panel-mc .x-panel-body {
    border-top-color:#99bbe8;
}

.x-panel-tl .x-panel-header {
    color:#15428b;
    font:bold 11px tahoma,arial,verdana,sans-serif;
}

.x-panel-tc {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/panel/top-bottom.gif);
}

.x-panel-tl, .x-panel-tr, .x-panel-bl,  .x-panel-br{
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/panel/corners-sprite.gif);
    border-bottom-color:#99bbe8;
}

.x-panel-bc {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/panel/top-bottom.gif);
}

.x-panel-mc {
    font: normal 11px tahoma,arial,helvetica,sans-serif;
    background-color:#dfe8f6;
}

.x-panel-ml {
    background-color: #fff;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/panel/left-right.gif);
}

.x-panel-mr {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/panel/left-right.gif);
}

.x-tool {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/panel/tool-sprites.gif);
}

.x-panel-ghost {
    background-color:#cbddf3;
}

.x-panel-ghost ul {
    border-color:#99bbe8;
}

.x-panel-dd-spacer {
    border-color:#99bbe8;
}

.x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{
    font:normal 11px arial,tahoma, helvetica, sans-serif;
}
.x-window-proxy {
    background-color:#c7dffc;
    border-color:#99bbe8;
}

.x-window-tl .x-window-header {
    color:#15428b;
    font:bold 11px tahoma,arial,verdana,sans-serif;
}

.x-window-tc {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/window/top-bottom.png);
}

.x-window-tl {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/window/left-corners.png);
}

.x-window-tr {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/window/right-corners.png);
}

.x-window-bc {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/window/top-bottom.png);
}

.x-window-bl {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/window/left-corners.png);
}

.x-window-br {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/window/right-corners.png);
}

.x-window-mc {
    border-color:#99bbe8;
    font: normal 11px tahoma,arial,helvetica,sans-serif;
    background-color:#dfe8f6;
}

.x-window-ml {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/window/left-right.png);
}

.x-window-mr {
    background-image: url(HTStaticRes/ExtJSCollapsiblePanel/images/default/window/left-right.png);
}

.x-window-maximized .x-window-tc {
    background-color:#fff;
}

.x-window-bbar .x-toolbar {
    border-top-color:#99bbe8;
}

.x-panel-ghost .x-window-tl {
    border-bottom-color:#99bbe8;
}

.x-panel-collapsed .x-window-tl {
    border-bottom-color:#84a0c4;
}

.x-dlg-mask{
   background-color:#ccc;
}

.x-window-plain .x-window-mc {
    background-color: #ccd9e8;
    border-color: #a3bae9 #dfe8f6 #dfe8f6 #a3bae9;
}

.x-window-plain .x-window-body {
    border-color: #dfe8f6 #a3bae9 #a3bae9 #dfe8f6;
}

body.x-body-masked .x-window-plain .x-window-mc {
    background-color: #ccd9e8;
}.x-html-editor-wrap {
    border-color:#a9bfd3;
    background-color:#fff;
}
.x-html-editor-tb .x-btn-text {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/editor/tb-sprite.gif);
}.x-panel-noborder .x-panel-header-noborder {
    border-bottom-color:#99bbe8;
}

.x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
    border-bottom-color:#99bbe8;
}

.x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
    border-top-color:#99bbe8;
}

.x-tab-panel-bbar-noborder .x-toolbar {
    border-top-color:#99bbe8;
}

.x-tab-panel-tbar-noborder .x-toolbar {
    border-bottom-color:#99bbe8;
}.x-border-layout-ct {
    background-color:#dfe8f6;
}

.x-layout-collapsed{
    background-color:#d2e0f2;
    border-color:#98c0f4;
}

.x-layout-collapsed-over{
    background-color:#d9e8fb;
}

.x-layout-split-west .x-layout-mini {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/layout/mini-left.gif);
}
.x-layout-split-east .x-layout-mini {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/layout/mini-right.gif);
}
.x-layout-split-north .x-layout-mini {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/layout/mini-top.gif);
}
.x-layout-split-south .x-layout-mini {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/layout/mini-bottom.gif);
}

.x-layout-cmini-west .x-layout-mini {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/layout/mini-right.gif);
}

.x-layout-cmini-east .x-layout-mini {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/layout/mini-left.gif);
}

.x-layout-cmini-north .x-layout-mini {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/layout/mini-bottom.gif);
}

.x-layout-cmini-south .x-layout-mini {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/layout/mini-top.gif);
}.x-progress-wrap {
    border-color:#6593cf;
}

.x-progress-inner {
    background-color:#e0e8f3;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/qtip/bg.gif);
}

.x-progress-bar {
    background-color:#9cbfee;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/progress/progress-bg.gif);
    border-top-color:#d1e4fd;
    border-bottom-color:#7fa9e4;
    border-right-color:#7fa9e4;
}

.x-progress-text {
    font-size:11px;
    font-weight:bold;
    color:#fff;
}

.x-progress-text-back {
    color:#396095;
}.x-list-header{
    background-color:#f9f9f9;
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/grid3-hrow.gif);
}

.x-list-header-inner div em {
    border-left-color:#ddd;
    font:normal 11px arial, tahoma, helvetica, sans-serif;
}

.x-list-body dt em {
    font:normal 11px arial, tahoma, helvetica, sans-serif;
}

.x-list-over {
    background-color:#eee;
}

.x-list-selected {
    background-color:#dfe8f6;
}

.x-list-resizer {
    border-left-color:#555;
    border-right-color:#555;
}

.x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/sort-hd.gif);
    border-color: #99bbe8;
}.x-slider-horz, .x-slider-horz .x-slider-end, .x-slider-horz .x-slider-inner {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/slider/slider-bg.png);
}

.x-slider-horz .x-slider-thumb {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/slider/slider-thumb.png);
}

.x-slider-vert, .x-slider-vert .x-slider-end, .x-slider-vert .x-slider-inner {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/slider/slider-v-bg.png);
}

.x-slider-vert .x-slider-thumb {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/slider/slider-v-thumb.png);
}.x-window-dlg .ext-mb-text,
.x-window-dlg .x-window-header-text {
    font-size:12px;
}

.x-window-dlg .ext-mb-textarea {
    font:normal 12px tahoma,arial,helvetica,sans-serif;
}

.x-window-dlg .x-msg-box-wait {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/loading.gif);
}

.x-window-dlg .ext-mb-info {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/window/icon-info.gif);
}

.x-window-dlg .ext-mb-warning {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/window/icon-warning.gif);
}

.x-window-dlg .ext-mb-question {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/window/icon-question.gif);
}

.x-window-dlg .ext-mb-error {
    background-image:url(HTStaticRes/ExtJSCollapsiblePanel/images/default/window/icon-error.gif);
}
/*
END ext-all.css
*/

/*
START dialog box classes
*/
.ht-dlg-400 {
    width: 400px !important;
}
.ht-dlg-650 {
    width: 650px !important;
}
/*
END dialog box classes
*/

/** Standard tags **
 *******************/
table {
    /*border-collapse: collapse;*/
}
.x-panel-btns-ct .x-panel-btns-right table {
    margin: 0 auto;
    text-align: center;
}

th {
    font-weight: bold;
}

td {
    padding: 5px 0;
    border-bottom: 1px solid #ccc
}
table.messageTable td {
    border-bottom: none;
}

th, .list td, .list th {
    padding-bottom: 4px;
    border-bottom: 1px solid #ccc;
    border-collapse: collapse;
    color: #333;
}

.list .headerRow th, .list .headerRow th a {
    border-bottom-color: #999;
    font-family: Arial, Helvetica, Sans-serif;
}
.list .headerRow th a {
    padding-bottom: 0;
    border-bottom-width: 0;
}

label {
    font-weight: bold;
    white-space:normal;
}

/* extra parent tags used to give this rule more precedence
 * over platform-specified CSS */
div li, ol li, ul li {
    margin-left: 0;
    padding: 0;
}
ul ul ul li {
    list-style-type: none;
}

img {
    border: 0 none;
}


/** VisualForce Classes **
 *************************/
.bPageBlock, .individualPalette .bPageBlock {
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0;
    background: #fff none;
    clear: both;
}

.bPageBlock .labelCol {
    padding: 2px 10px;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    color: #000;
}

.bPageBlock .dataCol {
    padding: 0;
    text-align: left;
}

.bPageBlock .pbBody {
    background-color: #fff;
    margin: 0;
    padding: 0;
}

.bPageBlock .pbFooter,
.bWizardBlock .pbFooter {
    float: right;
    height: 9px;
    width: 9px;
    background: transparent none;
}

.individualPalette .tertiaryPalette {
    background-color: #f2f2f2;
    border-color: #c2e4fe;
}

.pbHeader .pbTitle h2,
.pbHeader .pbTitle h2 a,
.pbHeader .pbTitle h3,
.pbHeader .pbTitle h3 a,
.pbSubheader h3,
.pbSubheader h3 a {
    font-family: Arial, Helvetica, Sans-serif;
    color:#444;
}

.editPage .bPageBlock .detailList tr td {
    padding: 2px;
    border-bottom: medium none;
}

.requiredLegend {
    background-color: transparent;
}


/** Global Header/Navigation **
 ******************************/
#globalNavigation {
    height: 144px;
}

#globalNavigation #header .nav .headerNav {
    clear: right;
    float: right;
    font-size: 10px;
    margin-right: 10px;
    margin-top: 10px;
    width: 100%;
}

/** Breadcrumbs **
 *****************/
#bread {
    color: #000;
    font-size: 12px;
    height: 15px;
    padding: 11px 0;
    background: transparent none;
    line-height: 15px;
}

#bread span {
    padding: 12px 0 12px 7px;
}

#bread ul {
    display: inline;
    border: none;
    padding-left: 5px;
    margin: 0;
}

#bread ul li {
    border: none;
    list-style: none;
    display: inline;
}

#bread-gen ul li:before {
    content: "\0020 \0020 \0020 \00BB \0020";
    color: #000;
}

#bread-gen ul li.first:before {
    content: " ";
}

#bread a {
    color: #069;
    text-decoration: none;
    font-weight: bold;
}

#bread a:hover {
    text-decoration: underline;
}

#breadcrumb li {
    margin: 0;
    padding-left: 10px;
    border: 0;
    line-height: 26px;
}

#breadcrumb a {
    outline: none;
    display: inline-block;  /*fix for ie6 */
}

.bc_home {
    height: 23px;
}
.bc_end {
    height: 25px;
}


/** Content Wrapper for Portal Template **
 *****************************************/
.content_wrap_cap_top {
    display: block;
    background: transparent;
    font-size: 1px;
    margin-right: 10px;
}

.content_wrap_cap_xb1, .content_wrap_cap_xb2, .content_wrap_cap_xb3, .content_wrap_cap_xb4 {
    display: block;
    overflow: hidden;
}

.content_wrap_cap_xb1, .content_wrap_cap_xb2, .content_wrap_cap_xb3 {
    height: 1px;
}

.content_wrap_cap_xb2, .content_wrap_cap_xb3, .content_wrap_cap_xb4 {
    background: #EFF3FF;
    border-left: 1px solid #eff3ff;
    border-right: 1px solid #eff3ff;
}

.content_wrap_cap_xb1 {
    margin: 0 5px;
    background: #EFF3FF;
}

.content_wrap_cap_xb2 {
    margin: 0 3px;
    border-width: 0 2px;
}

.content_wrap_cap_xb3 {
    margin:0 2px;
}

.content_wrap_cap_xb4 {
    height: 2px;
    margin: 0 1px;
}

.content_wrap_cap_xboxcontent {
    display: block;
    background: #eff3ff;
    border: solid #eff3ff;
    border-width: 0 1px;
}

#content_wrap {
    float: none;
    margin: 0 10px 0 0;
    background: url(HTStaticRes/imagese/images/bg_grad.png) repeat-x;
}


/** Content Classes **
 *********************/
.mainBodyContent {
    float: left;
    display: block;
    width: 98%;
    margin: 3px 0 0 10px;
    border-left: 0 #ccc solid;
    text-align: left;
}

#content {
    width: 100%;
    margin: 0;
    background-color: #f2f4f5;
}

#content_main_container{
    min-width: 1101px;
    background-color:#fff;
    border: 1px solid #ddd;
    border-radius:3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding:10px 0;
}

div.sectionContent {
    display: block;
    height: 25px;
    margin-right: 0px;
    padding-right: 5px; /* sliding doors padding */
    background: transparent url(HTStaticRes/images/right_section_header.gif) no-repeat scroll top right;
    text-decoration: none;
    color: #545454;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
}

div.sectionContent span {
    display: block;
    height: 25px;
    padding: 3px 0 3px 10px;
    background: transparent url(HTStaticRes/images/left_section_header.gif) no-repeat;
    line-height: 16px;
    white-space: nowrap;
}


/** HTFooterInclude **
 *********************/
#footer .fineprint .bottom {
    background-position: center bottom;
}

#footer .fineprint{
    text-align: center;
}

/** Extras **
 ************/
.hide {
    display: none;
}

.show {
    display: block;
}

/* masks page when javascript windows/dialogs appear */
.ext-el-mask {
    z-index: 20000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ABC7EC;
    -moz-opacity: 0.5;
    opacity: 0.50;
    filter: alpha(opacity=50);
    zoom: 1;
}


/** Detail/Status/Error Info Line **
 ***********************************/
.statusInfoSection, .serviceInfoSection, .errorInfoSection {
    width: 100%;
    height: 28px;
    margin-bottom: 1em;
    background: transparent url(HTStaticRes/imagese/images/status_bar_right.png) no-repeat scroll right top;
    font-size: 12px;
    text-decoration: none;
}

.serviceInfoSection {
    background-image: url(HTStaticRes/imagese/images/info_bar_right.gif);
}

.errorInfoSection {
    background-image: url(HTStaticRes/imagese/images/status_error_right.png);
}

.statusInfoSection div, .serviceInfoSection div, .errorInfoSection div {
    padding: 3px 10px;
    background: transparent url(HTStaticRes/imagese/images/status_left_bar.png) no-repeat scroll 0 0;
    line-height: 22px;
}

.serviceInfoSection div {
    background-image: url(HTStaticRes/imagese/images/info_bar_left.gif);
}

.errorInfoSection div {
    background-image: url(HTStaticRes/imagese/images/status_error_left.png);
}

.serviceInfoWithButtons {
    float: left;
    width: 400px;
}

.statusMsgImage {
    margin-bottom: 2px;
    border: 0;
    vertical-align: middle;
}

.suggestedKBArticleEmptyText {
    margin-left: 105px;
}


/** Floating Buttons - E.g. buttons like "Cancel" and "Next" on HTPortalLogCase **
 *********************************************************************************/
/* generic container (i.e. div) for floating buttons */
.actionButton {
    float: left;
    display: inline-block;
    overflow: hidden;
    padding-left: 10px;
    padding-bottom: 5px;
}

a.abutton {
    cursor: pointer;
    display: inline-block;
    height: 21px;
    margin-right: 6px;
    padding-right: 10px; /* sliding doors padding */
    background: transparent url(HTStaticRes/images/action_buttons_right.gif) no-repeat scroll top right;
    text-decoration: none;
    color: #545454;
    font-size: 12px;
    font-weight: bold;
}

a.abutton span {
    display: inline-block;
    padding: 2px 0 3px 10px;
    background: url(HTStaticRes/images/action_buttons_left.gif) no-repeat;
    line-height: 16px;
}

a.abutton:active {
    background-position: top right;
    color: #545454;
}

a.abutton:active span {
    background-position: top left;
}

.ctabutton:link, .ctabutton:visited {
    width:85%;
    margin-left:10px;
}


/** Spinning Dials **
 ********************/
.loading {
    background-color: #fff;
    border: 0;
    color: #666;
    font-size: 95%;
    padding: 4px;
    font-weight: bold;
    margin: 0 auto;
    text-align: center;
    white-space: nowrap;
}

.loading img {
    vertical-align: middle;
}

.loading .loadingText {
    vertical-align: middle;
    padding-left: 5px;
}

/** Tabs **
 **********/
.tabContent {
    margin: 10px 10px 0 0;
}

.salesforce-tab .salesforce-tab-header .x-tab-right {
    border: 1px solid #ccc;
    background: #fff none;
}
.salesforce-tab .salesforce-tab-header .x-tab-strip-top  li .x-tab-right {
    float: left;
    overflow: hidden;
    position: relative;
    top: 1px;
}

.salesforce-tab .salesforce-tab-header .x-tab-left,
.salesforce-tab .salesforce-tab-header .x-tab-strip-inner {
    background: #fff none;
}

.salesforce-tab .salesforce-tab-header ul {
    height: 42px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #ebf2f8;
}

.salesforce-tab .salesforce-tab-header .x-tab-strip-text {
    height: 20px;
}

.salesforce-tab .salesforce-tab-header .x-tab-strip-spacer {
    height: 0;
    border: 0;
    background: transparent none;
    font-size: 0;
    line-height: 0;
}

.salesforce-tab .salesforce-tab-header .x-tab-strip-top {
    width: 270px;
    height: 42px;
    margin: 0 auto;
    border: 0;
    background-color: #ebf2f8;
    text-align: center;
}
.x-tab-panel-header-plain .x-tab-strip-top {
    background: #ebf2f8 none;
    padding: 5px 0px;
    margin-bottom: 15px;
}

.salesforce-tab .x-tab-strip-top li {
    margin: 0 4px;
}

.x-tab-panel-header-plain .x-tab-strip-spacer,
.x-tab-panel-footer-plain .x-tab-strip-spacer {
    height: 0;
    border: 0; /* solid #8db2e */
    background: transparent none;
    font-size: 1px;
    line-height: 0;
}

.common-tab-panel .common-tab-panel-header ul.x-tab-strip > li:first-child {
    margin-left: 0;
}

.common-tab-panel .common-tab-panel-header li.x-tab-strip-active .x-tab-right {
    /*background: transparent url(HTStaticRes/imagese/tab_images/settings_tab_span.gif) no-repeat scroll left top*/
}

.common-tab-panel .common-tab-panel-header li.x-tab-strip-active .x-tab-left {
    /*background: transparent url(HTStaticRes/imagese/tab_images/settings_tab_cap.gif) no-repeat scroll right top;*/
}

.common-tab-panel .common-tab-panel-header .x-tab-strip .x-tab-right {
    /*background: transparent url(HTStaticRes/imagese/tab_images/settings_tab_span_off.gif) no-repeat scroll left top;*/
}

.common-tab-panel .common-tab-panel-header .x-tab-strip .x-tab-left {
    /*background: transparent url(HTStaticRes/imagese/tab_images/settings_tab_cap_off.gif) no-repeat scroll right top;*/
}

.common-tab-panel .common-tab-panel-header .x-tab-strip-active span.x-tab-strip-text {
    font-weight: bold;
}

.common-tab-panel .common-tab-panel-header .x-tab-strip span.x-tab-strip-text {
    display: block;
    margin-left: 0;
    padding: 5px 0;
    color: #464646;
    font-size: 12px;
    text-decoration: none;
}

.common-tab-panel .common-tab-panel-header ul.x-tab-strip-top {
    border-bottom-color: #ccc;
}

.common-tab-panel .common-tab-panel-header .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
    padding-bottom: 5px;
    margin-bottom: 1px;
}

.common-tab-panel .common-tab-panel-header .x-tab-strip-inner {
    /*background-image: none;*/
}

.common-tab-panel .common-tab-panel-header .x-tab-strip-spacer{
    background: transparent none repeat scroll 0 0;
    height: 0;
    border: 0 solid #8db2e3;
    font-size: 0;
    line-height: 0;
}

.common-accordion-panel {
    margin:-10px -16px -12px;
}

.portlet_view .common-accordion-panel {
    font-size: 13px;
    margin: 0px;
}

.portlet_view {
    margin-left: 20px;
    width: 940px;
}

#analytics-home.portlet_view {
    margin-left: 10px;
    width: 958px;
}

.portlet_view #faq-accordion .faq-question {
    padding: 10px 0 0 0;
}

.portlet_view #faq-accordion .faq-question-text {
    padding: 3px 0 0 25px;
}

.portlet_view #faq-accordion .faq-question a {
    color: #000000;
    font-weight:bold;
    text-decoration: none;
}

.portlet_view #faq-accordion .faq-answer {
    display: block;
    padding: 10px 0 0 0;
}

.portlet_view #faq-accordion .faq-answer-text {
    padding: 3px 0 0 25px;
}

.portlet_view #faq_detail_link_container {
    display: none;
}


/* Top Support Question gadget CSS start*/
.portlet_view #faq_portlet_description, .portlet_view #ht_top_support_question_portlet_description, .portlet_view #ht_popular_topics_portlet_description {
    font-size:13px;
    margin: 10px 0;
}

.portlet_view #faq-accordion .qaIcon, .portlet_view #ht_top_support_question-accordion .qaIcon, .portlet_view #ht_popular_topics-accordion .qaIcon {
    color:#CCCCCC;
    display: block;
    float:left;
    font-size:18px;
    vertical-align:top;
    width:22px;
}

.portlet_view #ht_top_support_question-accordion .ht_top_support_question-question, #ht_popular_topics-accordion .ht_popular_topics-question {
    padding: 0 0 0 0;
}

#ht_top_support_question-accordion .ht_top_support_question-question-text {
    padding: 3px 0 0 25px;
    color: #336699;
    font-weight: normal;
}

#ht_top_support_question-accordion .ht_top_support_question-question a, .portlet_view #ht_popular_topics-accordion .ht_popular_topics-question a:hover {
    color: #336699;
    font-weight:bold;
    text-decoration: underline;
}

.portlet_view #ht_top_support_question_detail_link_container, .portlet_view #ht_popular_topics_detail_link_container {
    display: none;
}
/* Top Support Question gadget CSS End*/

/* Popular Topics gadget CSS start*/

#ht_popular_topics-accordion .accordionContent .x-accordion-hd {
    height:32px;
}

#ht_popular_topics-accordion .ht_popular_topics-question-text {
    padding: 3px 0 0 25px;
}

#ht_popular_topics-accordion .ht_popular_topics-question a {
    color: #336699;
    font-weight:normal;
    text-decoration: none;
}

#ht_popular_topics-accordion .ht_popular_topics-question a:hover {
    color: #336699;
    font-weight:normal;
    text-decoration: underline;
}

.portlet_view #ht_popular_topics-accordion .ht_popular_topics-question a {
    color: #336699;
    font-weight:bold;
    text-decoration: none;
}

/* Popular Topics gadget CSS End*/

body.ext-ie6 .common-accordion-panel {
    margin: 0;
}
/* Tabs rendered on the Settings pages (e.g. "My Settings") */
#tabs1 {
    float: left;
    width: 100%;
    padding-bottom: 1px;
    border-bottom: 1px solid #BCD2E6;
    background-color: #f4f7fb;
    font-size: 93%;
    line-height: normal;
}

#tabs1 ul {
    margin: 0;
    padding: 10px 10px 0;
    list-style: none;
}

#tabs1 li {
    display: inline;
    margin: 0;
    padding: 0;
}

#tabs1 a {
    float: left;
    margin: 0;
    padding: 0 0 0 4px;
    background: url(HTStaticRes/images/tableft1.gif) no-repeat left top;
    text-decoration: none;
}

#tabs1 a span {
    float: left;
    display: block;
    padding: 5px 15px 4px 6px;
    background: url(HTStaticRes/images/tabright1.gif) no-repeat right top;
    color: #627eb7;
}

#tabs a:hover span {
    color:#627EB7;
}

#tabs1 a:hover {
    background-position: 0 -42px;
}

#tabs1 a:hover span {
    background-position: 100% -42px;
}

#tabs1 #current a {
    background-position: 0 -42px;
}

#tabs1 #current a span {
    background-position: 100% -42px;
}


/** ExtJS Button Styles **
 *************************/
.x-panel-btns-ct {
    padding: 0;
    background: #fff none;
}

.x-btn-left, .x-btn-right {
    font-size: 1px;
    line-height: 1px;
}

.x-btn .x-btn-left {
    width: 3px;
    height: 21px;
    background: transparent url(HTStaticRes/imagese/images/bg_button_span.gif) no-repeat;
}
.x-panel-btns-ct .x-btn-over .x-btn-left {
    background: transparent url(HTStaticRes/imagese/images/bg_button_span.gif) no-repeat;
}

.x-btn .x-btn-right {
    display: block;
    height: 25px;
    margin-right: 6px;
    padding-right: 10px; /* sliding doors padding */
    background: transparent url(HTStaticRes/imagese/images/bg_button_a.gif) no-repeat scroll top right;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.x-panel-btns-ct .x-btn-over .x-btn-right {
    background: transparent url(HTStaticRes/imagese/images/bg_button_a.gif) no-repeat scroll top right;
}

.x-btn-center {
    background: #565656 none;
}
.x-panel-btns-ct .x-btn-over .x-btn-center {
    background-position: 0 -105px;
}

.x-btn button {
    font: bold 12px Verdana;
    color: #fff;
}

.x-btn-text {
    color: #fff;
}
.x-btn-noicon .x-btn-small .x-btn-text {
    color: #545454;
}


/** ExtJS Menu **
 ****************/
 .x-menu a.x-menu-item {
    padding: 3px 21px 3px 28px;
}


/** ExtJS Portals/Panels/Windows/Tools **
 ****************************************/
.x-portal {
    position: relative;
    border: 0;
    background: transparent;
}

.x-panel {
    border: 0;
}

.x-portlet, .x-panel {
    padding-bottom: 15px;
    margin: 0;
}

.x-panel-bc {
    overflow: hidden;
    width: 100%;
    background: transparent url(HTStaticRes/images/bucket-bottom-middle.jpg) repeat-x scroll 0 0;
}

.x-panel-body {
    border-width: 0;
    background: transparent none;
}

.ext-ie7 .x-panel-body {
    overflow:visible !important;
}

.x-panel-mc .x-panel-body {
    padding: 0;
    background: #fff;
}

.x-panel-bwrap {
    overflow: hidden;
    width: 100%;
}
#tabTwitter .x-panel-bwrap, #tabFacebook .x-panel-bwrap {
    height:550px;
    overflow:auto;
}

#portalid .x-panel-bwrap .x-panel-body .x-column-inner {
    min-height:100px;
}

.x-panel-header-text {
    padding: 0;
    margin: 1px 0 0;
    line-height: 15px;
    color: #333;
    font: 14px/15px Arial;
}

.x-panel-tl {
    zoom:1;
    padding-left:6px;
    border-bottom:1px solid #cccccc;
    background: transparent url(HTStaticRes/imagese/images/bucket_top_left.gif) no-repeat 0 0;
}

.x-panel-tr {
    zoom:1;
    padding-right:5px;
    background: transparent url(HTStaticRes/imagese/images/bucket_top_right.gif) no-repeat right 0;
}

.x-panel-tc {
    overflow: hidden;
    width: 100%;
    background: transparent repeat scroll 0 0;
}

.x-panel-ml {
    zoom: 1;
    padding-left: 1px;
    background: #fff url(HTStaticRes/images/backgroundleftright.gif) repeat-y 0 0;
}

.x-panel-mr {
    zoom: 1;
    padding-right: 1px;
    background: #fff url(HTStaticRes/images/backgroundleftright.gif) repeat-y right 0;
}

.x-panel-mc {
    margin: 0;
    padding: 14px 11px;
    background: transparent none;
    font: 12px/16px Arial, Helvetica, Sans-serif;
    color: #333;
}
#ht_social_id .x-panel-mc {
    padding:0;
}

.x-panel-bl {
    zoom: 1;
    height: 7px;
    padding-left: 5px;
    background: transparent url(HTStaticRes/imagese/images/bucket_bottom_left.gif) repeat-x 0px -315px;
}

.x-panel-br {
    zoom: 1;
    height: 7px;
    padding-right: 5px;
    background: transparent url(HTStaticRes/imagese/images/bucket_bottom_right.gif) no-repeat right bottom;
}

.x-panel-fbar td,
.x-panel-fbar span,
.x-panel-fbar input,
.x-panel-fbar div,
.x-panel-fbar select,
.x-panel-fbar label {
    border: 0;
}

.x-border-layout-ct {
    background: transparent;
}

.x-window {
    zoom: 1;
}

.x-window .x-resizable-handle {
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}

.x-window-proxy {
    z-index: 12000;
    overflow: hidden;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
    border: 1px solid #99bbe8;
    background: #c7dffc;
}

.x-window-header {
    zoom: 1;
    overflow: hidden;
}

.x-window-tl .x-window-header {
    padding: 5px 0 4px 0;
    color: #15428b;
    font: bold 11px tahoma, arial, verdana, sans-serif;
}

.x-window-header-text {
    cursor: pointer;
}
.x-window-draggable, .x-window-draggable .x-window-header-text {
    cursor: move;
}
.x-window-maximized .x-window-draggable,
.x-window-maximized .x-window-draggable .x-window-header-text {
    cursor: default;
}

.x-window-bwrap {
    z-index: 1;
    zoom: 1;
    position: relative;
    left: 0;
    top: 0;
    overflow: hidden;
}

.x-window-maximized .x-window-bl, .x-window-maximized .x-window-br,
.x-window-maximized .x-window-ml, .x-window-maximized .x-window-mr,
.x-window-maximized .x-window-tl, .x-window-maximized .x-window-tr {
    padding: 0;
}

.x-window-bl {
    border: 1px solid #ccc;
    border-width: 0 1px;
    background: white;
}

.x-window-br {
    zoom:1;
    padding-right: 6px;
    border-color: #ccc;
    border-style: solid;
    border-right-width: 1px;
    background: transparent url(HTStaticRes/imagese/images/right-corners-aloha.png) no-repeat right bottom;
}

.x-window-bc {
    zoom: 1;
    background: transparent url(HTStaticRes/imagese/images/top-bottom-aloha.png) repeat-x 0 bottom;
}

.x-window-tl {
    zoom: 1;
    padding-left: 6px;
    border-bottom: 1px solid #ccc;
    background: transparent url(HTStaticRes/imagese/images/bucket_top_left.gif) repeat-x 0 0;
}

.x-window-tr {
    zoom: 1;
    padding-right: 6px;
    background: transparent url(HTStaticRes/imagese/images/bucket_top_right.gif) no-repeat right 0;
}

.x-window-tc {
    overflow: hidden;
    width: 100%;
    background: transparent;
}
.x-window-maximized .x-window-tc {
    padding-left: 3px;
    padding-right: 3px;
    background-color: white;
}

.x-window-ml {
    background: white;
    border: 1px solid #ccc;
    border-width: 0 1px;
}

.x-window-mr {
    zoom: 1;
    padding-right: 6px;
    background: transparent url(HTStaticRes/imagese/images/left-right-aloha.png) repeat-y right 0;
}

.x-window-mc {
    margin: 0;
    padding: 0;
    border: 1px solid #99bbe8;
    background-color: #dfe8f6;
    font: normal 11px Tahoma, Arial, Helvetica, Sans-serif;
}
.x-window-maximized .x-window-mc {
    border-width: 1px 0;
}
.x-window-plain .x-window-mc {
    background-color: #cad9ec;
    border: 1px solid #dfe8f6;
    border-top-color: #a3bae9;
    border-left-color: #a3bae9;
}
body.x-body-masked .x-window-plain .x-window-mc {
    background-color: #fff;
}

.x-window-body {
    overflow: hidden;
    background-color: transparent;
}
.x-window-plain .x-window-body {
    border: 1px solid #dfe8f6;
    border-bottom: 1px solid #a3bae9;
    border-right: 1px solid #a3bae9;
    background-color: transparent !important;
}

body.ext-ie6 .x-window-plain .x-window-body {
    background-color: #FFFFFF !important;
}

.x-window-tbar .x-toolbar, .x-window-bbar .x-toolbar {
    border-left: 0;
    border-right: 0;
}
.x-window-bbar .x-toolbar {
    border-top: 1px solid #99bbe8;
    border-bottom: 0;
}

.x-window-footer {
    padding-bottom: 0;
}
.x-window-bc .x-window-footer {
    padding-bottom: 0;
    zoom: 1;
    font-size: 0;
    line-height: 0;
}

.x-tool-toggle, .x-tool-toggle-over {
    width: 13px;
    height: 13px;
    /*background: transparent url(HTStaticRes/images/arrow_down.gif) no-repeat 0 0;*/
}
.x-tool-toggle {
    margin: 2px 3px 3px 0;
}

.x-panel-collapsed .x-tool-toggle, .x-panel-collapsed .x-tool-toggle-over {
    background: transparent url(HTStaticRes/images/sprite/main.png) no-repeat -685px -160px;
}

.x-solution-collapsed .x-tool-toggle {
    background: transparent url(HTStaticRes/imagese/images/arrow_blue_up.gif) no-repeat scroll 0 0;
    float: left;
    height: 13px;
    width: 13px;
}

.x-solution-open .x-tool-toggle {
    background:transparent url(HTStaticRes/imagese/images/arrow_blue_down.gif) no-repeat scroll 0 0;
    height:13px;
    width:13px;
    float:left;
}

.x-tool-options {
    background: transparent none;
    width: auto;
}

.x-tool-down {
    width: auto;
    padding-right: 17px;
    background-position: 45px -195px;
    background-repeat: no-repeat;
}

.x-tool-gear {
    width: 17px;
    height: 17px;
    margin-right: 10px;
    margin-top: 5px;
    background: transparent url(HTStaticRes/imagese/portlet_images/icon_dropdown_static.gif) no-repeat;
}

.x-tool-gear-over {
    background: transparent url(HTStaticRes/imagese/portlet_images/icon_dropdown_hover.gif) no-repeat;
}

.x-hide-display {
    height: 300px;
}

.x-portal-column, .x-column {
    padding-top: 0;
}

/**
 * Styles for Salesforce Help and Training portal search results page and anywhere document list with icon is used.
 * Previously in HTSearchResultsCSS
 */

/* Search results page specific styles */

    a {
        color:#336699;
    }

    #suggestedKBArticlesPanelWrapper a {
        color:#336699;
        text-decoration:none;
    }

    #suggestedKBArticlesPanelWrapper a:hover {
        color:#000000;
        text-decoration:underline;
    }


    a.caseMru .mruIcon {
        background-image: url(/img/icon/cases16.png);
        height:16px;
        width:16px;
    }

.bPageBlock, .individualPalette .bPageBlock {
    background-color:#FFFFFF;
    border-style:hidden;
}

    /* define solution article style */

    .solution {
        background: transparent url(/img/icon/solutions16.gif) no-repeat scroll left top;
        display:block;
        font-weight:bold;
        padding-left:22px;
    }

    #solutionresults.module li {
        display: block;
        font-weight: bold;
        background: url(/img/icon/solutions16.gif) no-repeat left top;
        padding-left: 22px;
    }

    #solutionresults.module h3 {
        background: #eee;
        color: #333;
        display:block;
        padding:4px;
    }

    /* module */
    .module{
        color: #333333;
        padding: 10px 0px 0px 0px;
        border-bottom: 1px solid #FFFFFF;
        font-size: 12px;
    }

    .module h3 {
        color: #333;
        padding: 5px 0px 2px;
        font-size: 113%;
        border-bottom: 3px solid #E8E8E8;
        display: block;
    }

    .module h3 a {
        text-decoration: none;
    }

    .module p {
        color: #666666;
        margin: 2px 0px 5px;
        font-weight: normal;
        padding-top: 0px;
    }

    .module p a {
        color: #666666;
    }

    .module a {
        font-size: 100%;
        color: #444;
    }

    .module ul {
        list-style-type: none;
        display: block;
        margin: 5px 0px 5px 0px;
        padding: 0px;
    }

    .module li {
        list-style-type: none;
        display: block;
        line-height: 14px;
        margin: 0px 0px;
        padding: 2px 0px;
    }
    /* define document article style */
    /* define excel article style */
    /* define pdf article style */

    /* help content main body css */

    .bodyDiv {
        padding-top: 0px;
    }

    #right {
        border: 1px solid #E8E8E8;
        padding-left: 5px;
        padding-bottom: 20px;
    }


    #helptopicresults.module h3 {
        background:#C3CFDA none repeat scroll 0 0;
        color:#333333;
        display:block;
        padding:4px;
        font-weight: bold;
    }

    #homepagesections.module h3 {
        background:#C3CFDA none repeat scroll 0 0;
        color:#333333;
        display:block;
        padding:4px;
        font-weight: bold;
    }

    #featuredsolutions.module h3, #right h2  {
        background:#C3CFDA none repeat scroll 0 0;
        color:#333333;
        display:block;
        padding:4px;
        font-size: 11px;
        font-weight: bold;
    }

    ul.searchresultsUL {
        list-style-type:decimal;
        color: #336699;
        display:block;
        font-weight:normal;
        padding-left:22px;
    }

    li.searchresultsLI {
        font-weight:normal;
        padding-bottom: 10px;
    }

    .caseresults, .solutionresults,
    .quickstartsresults, .gettingstartedsresults, .trainingresults,
    .helptopicresults, .communityresults, .helpdocumentresults {
        font-weight:normal;
        line-height: 15px;
        list-style-position:outside;
        padding-left:22px;
        position: relative;
        margin-bottom: 10px;
    }

    .caseresults .icon, .solutionresults .icon,
    .quickstartsresults .icon, .gettingstartedsresults .icon, .trainingresults .icon,
    .helptopicresults .icon, .communityresults .icon, .helpdocumentresults .icon {
        height: 16px;
        left: 0px;
        position: absolute;
        width: 16px;
    }

    .caseresults .icon  {
        background:transparent url(HTStaticRes/images/sprite/main.png) no-repeat scroll -684px -124px;
    }

    .solutionresults .icon {
        background:transparent url(HTStaticRes/images/sprite/main.png) no-repeat scroll -685px -142px;
    }

    .quickstartsresults .icon {
        background:transparent url(HTStaticRes/images/sprite/main.png) no-repeat scroll -684px -87px;
    }

    .trainingresults .icon {
        background:transparent url(HTStaticRes/images/sprite/main.png) no-repeat scroll -683px -71px;
    }

    .helptopicresults .icon, .helpdocumentresults .icon {
        background:transparent url(HTStaticRes/images/sprite/main.png) no-repeat scroll -684px -106px;
    }
    
    .gettingstartedsresults .icon {
        background:transparent url(HTStaticRes/images/sprite/main.png) no-repeat scroll -684px -87px;
    }

    .communityresults {
        background:transparent url(/img/icon/lightning16.gif) no-repeat scroll left top;
    }

     .solution li {
        background: transparent url(/img/icon/solutions16.gif) no-repeat scroll left top;
        display:block;
        font-weight:normal;
        padding-left:22px;
    }


     #resource.module li {
        line-height: 1.2em;
        display:block;
        font-weight:bold;
        padding-left:0px;

    }

    .msexcel {
        line-height: 1.2em;
        display:block;
        font-weight:normal;
        padding-left:0px;
    }

    .pdf {
        background: transparent url(/img/pdf17.gif) no-repeat scroll left top;
        line-height: 1.2em;
        display:block;
        font-weight:normal;
        padding-left:22px;
    }

    .pic {
        line-height: 1.2em;
        display:block;
        font-weight:normal;
        padding-left:0px;
    }

    #right h3 {
        background:#C3CFDA none repeat scroll 0 0;
        color:#333333;
        display:block;
        padding:4px;
        font-size: 11px;
        font-weight: bold;
    }


/*  ===== Pagination styles  ===== */

.bottomNav {
    background-color:#F3F3F3;
    border:1px solid #F3F3F3;
    padding:5px;
}

.clearingBox {
    clear:both;
    font-size:1%;
}


    #pagination-clean {
        border:0; margin:0; padding:0;
        line-height:25px;
        width:100%;
        text-align:center;
    }

    #pagination-clean li{
        border:0; margin:0; padding:0;
        font-size:12px;
        list-style:none;
    }

    #pagination-clean li, #pagination-clean a{
        border-right:solid 0px #ccc;
        margin-right:0px;
        height:10px;
        display:inline;

    }
    #pagination-clean .first-off,
    #pagination-clean .previous-off,
    #pagination-clean .next-off,
    #pagination-clean .last-off {
        color:#888888;
        display:inline;
        float:none;
        font-weight:bold;
        padding:3px 4px;

    }
    #pagination-clean .first a,
    #pagination-clean .previous a,
    #pagination-clean .next a,
    #pagination-clean .last a {
        border:none;
        font-weight:bold;
        text-decoration:none;
    }

    #pagination-clean .active{
        color:#000000;
        font-weight:bold;
        display:inline;
        float:none;
        padding:3px 6px;
    }
    #pagination-clean a:link,
    #pagination-clean a:visited {
        color:#0063e3;
        display:inline;
        float:none;
        padding:3px 6px;
        text-decoration:underline;
    }

    #pagination-clean a:hover{
    }

    .rating{
      width:66px;
      height:11px;
    }

    .rating1{
      background: url(/resource/HTStaticRes/imagese/images/rating_1.gif) no-repeat left top;
    }

    .rating2{
      background: url(/resource/HTStaticRes/imagese/images/rating_2.gif) no-repeat left top;
    }

    .rating3{
      background: url(/resource/HTStaticRes/imagese/images/rating_3.gif) no-repeat left top;
    }

    .rating4{
      background: url(/resource/HTStaticRes/imagese/images/rating_4.gif) no-repeat left top;
    }

    .rating5{
      background: url(/resource/HTStaticRes/imagese/images/rating_5.gif) no-repeat left top;
    }

    .searchCombo{
       width:96%;

    }

    .searchHeading{
      margin-left:2px;
      font-weight:bold;
    }
    
    div.htreleaseFacetHeading{
      margin-left:2px;
      font-weight:bold;
      font-size:15px;
    }
    
    

/**
 * END
 * Styles for Salesforce Help and Training portal search results page and anywhere document list with icon is used.
 * Previously in HTSearchResultsCSS
 */
/**
 * START
 * Styles for Salesforce Help and Training portal header and main navigation.
 * Previously in HTSHeaderInclude.page
 */
  .ac_bucket_content .x-tip .x-tip-ml {
    background-color:transparent;
    }

    .ac_bucket_content .x-tip .x-tip-tc, .ac_bucket_content .x-tip .x-tip-tl, .ac_bucket_content .x-tip .x-tip-tr, .ac_bucket_content .x-tip .x-tip-bc, .ac_bucket_content .x-tip .x-tip-bl, .ac_bucket_content .x-tip .x-tip-br, .ac_bucket_content .x-tip .x-tip-ml, .ac_bucket_content .x-tip .x-tip-mr {
      background:transparent none repeat scroll 0 0;
    }

    .ac_bucket_content .x-shadow{
    visibility:hidden;
    }


    #header {
        display: block;
        overflow: visible;
        padding: 0;
    }

    #header a {
        text-decoration: none;
    }

    body.ext-ie6 #header  {
       background-image:url('https://www.salesforce.com/common/assets/img/ie6/gradient-header-bg.png');
    }

    #main_nav {
        background-color: transparent;
        display: inline-block;
        float: right;
        width: 50%;
        color: #333333;
        font-size: 12px;
        padding: 5px 10px;
        margin-top:5px;
    }

    #main_nav ul li:first-child {
        border: none;
    }

    body.ext-ie6 #main-logo {
        background-image:url('https://www.salesforce.com/common/assets/img/ie6/logo.gif');
    }
    #main-logo span {
        display:none;
    }

    #header .ctas {
        float: right;
        height: 35px;
        margin-right: 0px;
        padding-right: 0px;
        padding-top: 5px;
        display: inline-block;
    }

    #header .ctas ul {
        float: right;
    }
    #header .ctas ul li {
        color: #fff;
        float: left;
        height: 19px;
        margin: 0 0 10px;
    }
    #header .ctas ul li a {
        color: #fff;
        display:block;
        font-size:11px;
        font-weight:bold;
        margin:0;
        text-decoration:none;
    }

    #header .ctas ul li a .rightside {
        background-position:100% 0;
        background-repeat:no-repeat;
        display:block;
        min-width:115px;
        padding:9px 16px 12px 20px;
        cursor: pointer;
    }

    #header .ctas .app_homepage a span {
        background:transparent url(HTStaticRes/imagese/images/bk_black_button.png) no-repeat scroll 6px 1px !important;
        padding-right:0 !important;
    }
    #header .ctas .app_homepage a {
        background:transparent url(HTStaticRes/imagese/images/bk_black_button_right.png) no-repeat scroll right 1px;
        min-width:115px;
        padding-right:14px;
    }

    #header .ctas .search_cta {
        margin-left: 30px;
        width: 140px;
    }
    #header .ctas .corp_search {
        clear: right;
        float: right;
        margin-right: 7px;
        margin-top: 5px;
    }
    #header .ctas .corp_search .corp_searchbox {
        background-image: url(HTStaticRes/imagese/images/corp_bk_searchbox.png);
        background-repeat: no-repeat;
        float: left;
        padding:4px 1px 5px 7px;
    }

    #header .ctas .corp_search .corp_searchbox input {
        background-color:transparent;
        border:0 solid transparent;
        color:#808080;
        font-size:11px;
        height:14px;
        padding:0;
        width:103px;
    }
    #header .ctas .corp_search * {
        float: left;
    }
    #header .ctas .corp_search .corp_magnify{
        float: left;
    }

    #header .ctas .opinionlabs {
        color:#808080;
        padding-top: 7px;
        padding-right: 4px;


    }
    #header .ctas .opinionlabs img {
        margin-right:5px;
    }
/**
 * END
 * Styles for Salesforce Help and Training portal header and main navigation.
 * Previously in HTSHeaderInclude.page
 */
 /**
 * START
 * Styles for Salesforce Help and Training portal action links.
 * Previously in HTActionLinks.component
 */
 
.lapollpanel{
    background-image:url('/resource/HTStaticRes/images/loading32.gif');
    width:32px;
    height:32px;
}

 a.chatUn,
    a.chatUn:hover {
        text-decoration: none;
        cursor: default;
    }

    a.chat {
        cursor: pointer;
    }
    .unavailable {
        color:#FF1100;
        font-size:11px;
        font-weight:bold;
        line-height:14px;
        margin-left: 30px;
    }

    #chatToolTip {
        background-color: transparent! important;
        width: auto! important;
    }
    .x-ie-shadow {
        display: none! important;
    }
    .chat_divMain{
        height:141px;
        width:219px;
    }

    .chat_divTop{
      background:transparent url(HTStaticRes/imagese/images/chat_no_top_left.png) no-repeat scroll 0 0;
      width:219px;
      height:18px;
    }
    .chat_divBottom{
      background:transparent url(HTStaticRes/imagese/images/chat_no_bottom.png) no-repeat scroll 0 bottom;
      width:200px;
      font-size: 11px;
      padding: 0 10px 10px 10px;
    }
    #divChatMain {
        display: inline-block;
    }

    ul.action_links {
        width: 275px;
        clear: none;
        float:left;
        margin:0;
        list-style-type:none;
        margin:3px 0px 5px 10px;
        
    }

    ul.action_links li a {
        color:#808080;
        display:block;
        font-size:11px;
        font-weight:bold;
        line-height:13px;
        position:relative;
        text-align:left;
        text-decoration: none;
    }
    ul.action_links li a:hover .arrow{
        background-position:-4px 0;
    }
    ul.action_links li a:hover {
        color: #ff0000;
    }

    ul.action_links:hover {
        cursor: pointer;
    }

    ul.action_links li {
        background:none repeat scroll 0 0 transparent;
        float:left;
        width: 275px! important;
        -webkit-box-sizing: initial;
        -moz-box-sizing: initial;
        box-sizing: initial;
    }
    .ht-btn-main {
        width:238px;
        height:34px;
        float:left;
        padding:11px 0px 0px 5px;
        font-size:13px;
        font-weight:bold;
    }

    .ht-btn-mr {
        width:32px! important;
        height:40px;
        background:transparent url(HTStaticRes/images/sprite/main.png) no-repeat -267px -819px;
        float:right;
    }

    .action_links li:hover .ht-btn-mr {
       background: url('HTStaticRes/images/sprite/main.png') no-repeat scroll -267px -859px transparent;
    }

    ul.gadgetOption li {
        background: none repeat scroll 0 0 transparent;
        float: none;
        width: 200px !important;
        height: 34px;
    }

    ul.gadgetOption:hover {
        cursor: pointer;
    }

    .action_links .icon {
        height: 30px;
        margin: -3px 8px 0 0;
        float: left;
        width: 32px;
    }

    #trainingChannel .icon {
        background: url("HTStaticRes/images/sprite/main.png") no-repeat scroll -64px -0px transparent;
    }
    #gettingStarted .icon {
        background: url("HTStaticRes/images/icons/gettingstartedbutton.png") no-repeat scroll transparent;
    }

    #contactSupport .icon {
        background: url("HTStaticRes/images/sprite/main.png") no-repeat scroll -35px -0px transparent;
    }

    #trustSalesforce .icon {
        background: url("HTStaticRes/images/sprite/main.png") no-repeat scroll -115px -0px transparent;
    }

    #addGadgets .icon {
        background: url("HTStaticRes/images/sprite/main.png") no-repeat scroll -0px -0px transparent;
    }

    #addGadgets {
        color: blue;
        line-height: 200%
    }
    
    #addGadgets:visited {
        color: #00FF00;
    }

    #addGadgets:hover {
        color: #FF00FF;
    }

    #htportal .ext-el-mask {
        background-color: #eee;
    }

    .lightBox .x-window-tl {
        background: transparent url(HTStaticRes/images/sprite/main.png) no-repeat scroll 0 -740px !important;
        border: none !important;
    }

    #youtube_lightbox .x-window-tl {
        background: transparent url(HTStaticRes/images/background/lightbox-sm-top.png) no-repeat scroll left top !important;
    }

    .lightBox .x-window-tr {
        background: none !important;
        border: none !important;

    }

    .lightBox .x-window-bl {
        background: transparent url(HTStaticRes/images/sprite/main.png) no-repeat scroll 0 -792px !important;
        height: 20px;
        border:none !important;
    }

    #youtube_lightbox .x-window-bl {
        background: transparent url(HTStaticRes/images/background/lightbox-sm-bottom.png) no-repeat scroll left top !important;
    }

    .lightBox .x-window-br,
    .lightBox .x-window-bc {
        background: none !important;
        border: none !important;
    }

    .lightBox .x-window-ml {
        background-image: none !important;
        border-left: 2px solid #2E2E2E !important;
        border-right: 2px solid #2E2E2E !important;
    }
    .lightBox .x-window-mc {
        border: 0px none !important;
    }
    .lightBox .x-window-body {
        border:0 none !important;
    }

    #youtube_lightbox .x-window-body {
        text-align:center;
    }

    .lightBox label {
        font-weight: bold;
    }

    .lightBox .support-channels-table,
    .lightBox .support-channels-table td{
        border: none !important;

    }
    .lightBox .support-channels-container {
        font-size: 12px;
    }
    .lightBox .support-channels-container a{
        height: 126px;
        width: 126px;
        cursor:pointer;
        display: block;
    }
    .lightBox .support-channels-container a.chatSupport{
        display: inline;
    }
    .lightBox .x-window-header {
        padding: 15px 0 0 15px!important;
    }
    .lightBox .x-window-header-text {
        font-size:  18px;
        font-weight: normal;
        color: black;
        cursor:default;
    }
    .lightBox .x-tool-close {
        background-image: url(HTStaticRes/imagese/support_images/button-close.gif) !important;
        height: 20px !important;
        width: 20px !important;
        background-position:0 0;
        margin-right:15px;
    }

    .lightBox .support-button-text {
        position:absolute;
        top:85px;
        left:10px;
        color: black;
        text-align:center;
        font-size:12px;
        font-family: arial;
        font-weight: bold;
        width: 105px;
        height: 30px;
        white-space:wrap;
        word-wrap: break-word;
        overflow: hidden;
    }
    .lightBox .button-chat {
        background-image: url('HTStaticRes/imagese/support_images/button-chat-hover.gif');
        text-decoration: none;
    }
    .lightBox .button-chat:link,
    .lightBox .button-chat:visited{
        background-image: url('HTStaticRes/imagese/support_images/button-chat.gif');
    }
    .lightBox .button-chat:hover,
    .lightBox .button-chat:active{
        background-image: url('HTStaticRes/imagese/support_images/button-chat-hover.gif');
    }

    .lightBox .button-case {
        background-image: url('HTStaticRes/imagese/support_images/button-case-hover.gif');
        text-decoration: none;
    }
    .lightBox .button-case:link,
    .lightBox .button-case:visited {
        background-image: url('HTStaticRes/imagese/support_images/button-case.gif');
    }
    .lightBox .button-case:hover,
    .lightBox .button-case:active{
        background-image: url('HTStaticRes/imagese/support_images/button-case-hover.gif');
    }
    
    .lightBox .button-call-disabled {
        background-image: url('HTStaticRes/imagese/support_images/button-call-disabled.gif');
        text-decoration: none;
        cursor: default !important;
    }
    
    .lightBox .button-call {
        background-image: url('HTStaticRes/imagese/support_images/button-call-hover.gif');
        text-decoration: none;
    }
    .lightBox .button-call:link,
    .lightBox .button-call:visited {
        background-image: url('HTStaticRes/imagese/support_images/button-call.gif');
    }
    .lightBox .button-call:hover,
    .lightBox .button-call:active{
        background-image: url('HTStaticRes/imagese/support_images/button-call-hover.gif');
    }

    .lightBox .button-community {
        background-image: url('HTStaticRes/imagese/support_images/button-community-hover.gif');
        text-decoration: none;
    }
    .lightBox .button-community:link,
    .lightBox .button-community:visited {
        background-image: url('HTStaticRes/imagese/support_images/button-community.gif');
    }
    .lightBox .button-community:hover,
    .lightBox .button-community:active{
        background-image: url('HTStaticRes/imagese/support_images/button-community-hover.gif');
    }

    .lightBox .button-feature {
        background-image: url('HTStaticRes/imagese/support_images/button-feature-hover.gif');
        text-decoration: none;
    }
    .lightBox .button-feature:link,
    .lightBox .button-feature:visited {
        background-image: url('HTStaticRes/imagese/support_images/button-feature.gif');
    }
    .lightBox .button-feature:hover,
    .lightBox .button-feature:active{
        background-image: url('HTStaticRes/imagese/support_images/button-feature-hover.gif');
    }

    .lightBox .button-online-training {
        background-image: url('HTStaticRes/images/icons/button-onlinetraining-hover.gif');
        text-decoration: none;
    }
    .lightBox .button-online-training:link,
    .lightBox .button-online-training:visited {
        background-image: url('HTStaticRes/images/icons/button-onlinetraining.gif');
    }
    .lightBox .button-online-training:hover,
    .lightBox .button-online-training:active{
        background-image: url('HTStaticRes/images/icons/button-onlinetraining-hover.gif');
    }

    .lightBox .button-instructor-training {
        background-image: url('HTStaticRes/images/icons/button-instructortraining-hover.gif');
        text-decoration: none;
    }
    .lightBox .button-instructor-training:link,
    .lightBox .button-instructor-training:visited {
        background-image: url('HTStaticRes/images/icons/button-instructortraining.gif');
    }
    .lightBox .button-instructor-training:hover,
    .lightBox .button-instructor-training:active{
        background-image: url('HTStaticRes/images/icons/button-instructortraining-hover.gif');
    }

    .lightBox .button-training-history {
        background-image: url('HTStaticRes/images/icons/button-tracking-hover.gif');
        text-decoration: none;
    }
    .lightBox .button-training-history:link,
    .lightBox .button-training-history:visited {
        background-image: url('HTStaticRes/images/icons/button-tracking.gif');
    }
    .lightBox .button-training-history:hover,
    .lightBox .button-training-history:active{
        background-image: url('HTStaticRes/images/icons/button-tracking-hover.gif');
    }
    .lightBox .contactSupportText {
        color: #333333;
    }
    .lightBox .contactSupportDisabledText {
        color: #d5d5d5;
    }
    .lightBox .contactSupportDisabledCaption {
        color: #888888;
    }
/**
 * END
 * Styles for Salesforce Help and Training portal action links.
 * Previously in HTActionLinks.component
 */
 /**
 * START
 * Styles for Help search box.
 * Previously in HTSearchBox.component
 */
.searchbox {
    width: 130px;
}
#saasy_searchbox {
    display: inline-block;
    width: 683px;
    height: 130px;
    background: url('community_header_footer/uilib/img/help_bar.png');
    margin-left: 8px;
    position: relative;
}
#saasy_searchbox_div {
    display: inline-block;
    float: left;

}

#searchbox_autocomplete {
    border: none;
    background-image: none;
    color: #333333;
    font-size: 16px;
    height: 24px;
    width: 488px !important;
    box-shadow: none;
}
#saasy_searchbox_div_submit {
    position: absolute! important;
    white-space: nowrap;
    left: 498px! important;
    height: 39px! important;
    width: 40px! important;

}
#saasy_searchbox_form_panel {
    position: absolute;
    left: 36px;
    top: 56px;
    width: 533px! important;
    height: 40px! important;
    padding: 0px;
}
#saasy_searchbox_form {
    height: 100%;
}
#saasy_searchbox_form_panel .x-plain-bwrap {
    height: 100%;
}
#saasy_searchbox_form_panel .x-btn-mc {
    background-image: none;
    padding: 0;
    cursor: pointer;
}
.saasy_searchbox_combobox{
    background: transparent;
    border: none;
}

#saasy_searchbox .ghost_text {
    color: #c6c6c6! important;
}

.saasy_searchbox_submit_icon {
    background: none;
}
.searchbox_list {
    margin-left: 40px;
    width: 499px! important;
    border-top: none! important;
    border-right: solid #ccc 2px! important;
    border-bottom: solid #ccc 2px! important;
    border-left: solid #ccc 2px! important;
    background-color: #fff;
}


.searchbox_list  .x-combo-list-item {
    font-size: 13px;
    color: #000;
}
.searchbox_list  .x-combo-list-item b{
    background-color: #faf7c9;
}
.searchbox_list  x-combo-selected {
    background-color: #e8edf5;
}
.searchbox_list .x-combo-list-inner .group-header {
    font-size: 14px! important;
    line-height: 180%;
    font-weight: bold;
    color: #838383! important;
    border: none! important;
    border-top: #838383 1px dotted! important;
    background: none;
    cursor: default;
}
 /**
 * END
 * Styles for Help search box.
 * Previously in HTSearchBox.component
 */
/**
* START
* Styles for font resizer.
*/
.doc-toolbar-wrapper {
    width:97px;
}
.doc-toolbar-left {
    width:5px;
    height:34px;
    background-image:url(HTStaticRes/images/icons/docmenu-cap-left.png);
    float:left;
}
.doc-toolbar-center {
    width:87px;
    height:30px;
    padding-top:2px;
    border-top:#D8D8D8 1px solid;
    border-bottom:#D8D8D8 1px solid;
    float:left;
}
.doc-toolbar-right {
    width:5px;
    height:34px;
    background-image:url(HTStaticRes/images/icons/docmenu-cap-right.png);
    float:right;
}
a.fontsizer-decrease-btn {
    display: block;
    float:left;
    width: 29px; height: 28px;
    background-image:url(HTStaticRes/images/icons/fontsizer-decrease.png);
    background-position: top;
}
a.fontsizer-decrease-btn:hover {
    background-position: bottom;
}
a.fontsizer-increase-btn {
    display: block;
    float:left;
    width: 29px; height: 28px;
    background-image:url(HTStaticRes/images/icons/fontsizer-increase.png);
    background-position: top;
}
a.fontsizer-increase-btn:hover {
    background-position: bottom;
}
a.printpage-btn {
    display: block;
    float:right;
    width: 29px; height: 28px;
    background-image:url(HTStaticRes/images/icons/printpage.png);
    background-position: top;
}
a.printpage-btn:hover {
    background-position: bottom;
}
/**
* END
* Styles for font resizer.
*/
/**
 * START Generic styles for Grid View gadgets
**/
    .pbBody a, .lbBody a {
        color:#336699;
        text-decoration: none;
    }

    .pbBody a:hover, .lbBody a:hover{
        color:#464646;
        text-decoration: underline;
        cursor: pointer;
    }

    .selectContainer {
        width: 100%;
        height: 45px;
        background: transparent url(HTStaticRes/images/gadgets/cases-selector-bg.png) repeat-x scroll 0 0;
    }

    .selectContainer td {
        padding: 0;
        border-bottom-width: 0;
    }

    .selectContainer select {
        margin: 13px 6px 0;
        font-size: 12px;
    }

    #training-catalog-panel .x-grid3-hd-btn {
        display: block;
        height: 30px;
    }

    #training-catalog-panel .x-grid3-row {
        border-width:0px 0px 0px 0px;
        border-style: none none none none;
        cursor:default;
        width:100%;
    }

    #training-catalog-panel .x-grid3-row-alt {
        background-color: #f3f6fb;
    }

    #training-catalog-panel .training_course_grid div.x-grid3-row-last td {
        border-bottom-width: 0;
    }

    #training-catalog-panel .x-grid3-cell-inner,
    #training-catalog-panel .x-grid3-hd-inner {
        font: normal 12px Arial,Helvetica,Geneva,sans-serif;
        overflow: hidden;
        padding: 8px 8px 8px 5px;
        white-space: nowrap;
        color: #464646;
    }

    #training-catalog-panel .x-grid3-hd-over .x-grid3-hd-inner {
        background-color: transparent;
        background-image: none;
    }

    #training-catalog-panel .x-grid3-viewport {
        border-left: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
    }

    #training-catalog-tab #classTypeSelect td {
        background-color: #4698C0;
        /*background-image: url("/img/alohaSkin/tabs_sprite.png");*/
        background-position: left 0;
        background-repeat: no-repeat;
        border-bottom: 1px solid #4698C0;
        border-radius: 10px 10px 0 0;
        margin: 0;
        padding: 0 0 0 6px;
        text-align: center;
        border: medium none;
        padding-left: 0;
        border-color: #4698C0;
        font-weight: bold;
    }

    #training-catalog-tab #classTypeSelect td div {
        /*background-image: url("/img/alohaSkin/tabs_sprite.png");*/
        background-position: right -150px;
        background-repeat: no-repeat;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: bold;
        max-height: 15px;
        padding: 6px 10px;
        text-align: center;
    }

    .ext-ie #training-catalog-tab #classTypeSelect td div {
        background-image: url("/img/alohaSkin/tabs_sprite.png");
    }

    .ext-ie #training-catalog-tab #classTypeSelect td {
        background-image: url("/img/alohaSkin/tabs_sprite.png");
    }

    #training-catalog-tab #classTypeSelect td div {
        font-size: 16px;
    }

    #training-catalog-tab #classTypeSelect td div a  {
        color: #FFFFFF;
        text-decoration: none;
    }

    #training-catalog-tab .selectContainer {
        background: none;
        float: left;
        height: 29px;
        width: 690px;
    }

    #training-catalog-panel .list td,
    #training-catalog-tab .list td {
        border-bottom: 0px;
    }

    #training-catalog-tab #classTypeSelect td.activefalse {
        background-color: #C8E2E9;
        border-radius: 10px 10px 0 0;
    }

    #training-catalog-tab #classTypeSelect td.activefalse a {
        color: #000000;
    }

    .ellipsis {
        -moz-binding:url(HTStaticRes/imagese/gadgets/case/ellipsis-xbl.xml#ellipsis);
        overflow: hidden;
        white-space: nowrap;
        text-overflow:ellipsis; /**ie**/
    }

    .noCases {
        padding-top: 10px;
    }

    .b-training-class-table {
        width: 100%;
    }

    .b-training-class-table th {
        border: 0;
    }
    .b-training-class-table td {
        border: 0;
        padding: 10px 0;
        font: 12px Arial,Helvetica,Geneva,sans-serif;
    }
    .m-training-table-cost {
        width: 60px;
        white-space: nowrap;
    }
 
 
    /**
        START of Training Catalog Page
    */
    .training-catalog-header {
        height: 35px;
    }

    .training-catalog-header-title {
        font-size: 18px;
        font-weight: bold;
    }

    #training-catalog-tab .newActionButton {
        clear: right;
        float: right;
        height: 29px;
    }

    .trainingCatalogClear {
       border-bottom: 5px solid #4698C0;
       clear:both;
    }

    /** grid row expander cell **/
    #training-catalog-panel td.x-grid3-body-cell {
        padding-bottom:0px;
        padding-top:0px;
        border-bottom:0px;
    }

    #training-catalog-panel .x-grid3-hd-row td {
       padding: 0px;
    }

    #training-catalog-header .newActionButton a span {
       font-size: 13px;
    }

    #training-catalog-panel .caseInfo {
        padding: 10px 0;
        text-align: center;
    }

    #training-catalog-panel div.x-grid3-hd-training-course-launch a,
    #training-catalog-panel div.x-grid3-hd-expander a {
        display: none;
    }

    #training-catalog-panel .selectContainer td.clearfilter {
       font-size: 1em;
       padding-left: 10px;
       padding-top: 12px;
    }

    #training-catalog-panel div.training-course-cell {
       font: 12px Arial,Helvetica,Geneva,sans-serif;
       padding: 8px 8px 8px 5px;
    }

    #training-catalog-panel .x-grid3-row td.modules {
       padding: 0px;

    }

    #training-catalog-panel .training-course-header {
       font-weight:bold;
    }

    #training-catalog-panel td.training-path-description-cell {
       width: 411.6px;
    }

    #training-catalog-panel td.training-path-other-cell {
       width: 264.6px;
    }

    #training-catalog-panel td.training-path-prerequisites {
      border-bottom: 0;
    }

    #training-catalog-panel td.training-path-empty-cell {
       width: 99px;
    }

    #training-catalog-panel div.training-course-modules-header {
       background-color: #F3F6FB;
       font-weight:bold;
    }

    #training-catalog-panel td.training-course-name-cell {
       width: 795px;
    }

    #training-catalog-panel td.training-course-duration-cell {
       width: 98px;
       vertical-align: middle;
    }

    #training-catalog-panel td.mytrainingmodules {
      vertical-align: middle;
      width: 448px;
    }

  #training-catalog-panel td.mytraininglength,
  #training-catalog-panel td.mytrainingstatus,
  #training-catalog-panel td.mytrainingtype,
  #training-catalog-panel td.mytraininglv    {
    vertical-align: middle;
    width: 110.5px;
  }

  #training-catalog-panel td.mytraining-course-name-cell {
    vertical-align: middle;
    width: 448px;
  }

  #training-catalog-panel td.mytraining-course-duration-cell,
  #training-catalog-panel td.mytraining-course-status-cell,
  #training-catalog-panel td.mytraining-course-deliverytype-cell,
  #training-catalog-panel td.mytraining-course-lvdate-cell    {
    vertical-align: middle;
    width: 110.5px;
  }

  #training-catalog-panel td.traininghistorymodules {
    vertical-align: middle;
    width: 398px;
  }

  #training-catalog-panel td.traininghistorylength,
  #training-catalog-panel td.traininghistorystatus,
  #training-catalog-panel td.traininghistorytype,
  #training-catalog-panel td.traininghistorylv    {
    vertical-align: middle;
    width: 98px;
  }

  #training-catalog-panel td.traininghistory-course-name-cell{
    vertical-align: middle;
    width: 398px;
  }

  #training-catalog-panel td.traininghistory-course-duration-cell,
  #training-catalog-panel td.traininghistory-course-status-cell,
  #training-catalog-panel td.traininghistory-course-deliverytype-cell,
  #training-catalog-panel td.traininghistory-course-lvdate-cell    {
    vertical-align: middle;
    width: 98px;
  }

  .training-course-header-cell {
    float: left;
    width: 30%;
    padding: 8px 0 2px 5px;
    font: 12px Arial,Helvetica,Geneva,sans-serif;
  }

  .training-course-header-label {
    float: left;
    font-weight: bold;
  }
  .training-course-header-item {
    float: left;
    padding-left: 3px;
  }
  .training-course-modules-header .eventButton, .m-training-table-a {
    padding: 2px 10px;
    background: #029acc;
    /*
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI2JSIgc3RvcC1jb2xvcj0iIzAyOWFjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjlhY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    */
    background: -moz-linear-gradient(top,  #ffffff 0%, #029acc 26%, #029acc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(26%,#029acc), color-stop(100%,#029acc));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#029acc 26%,#029acc 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#029acc 26%,#029acc 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#029acc 26%,#029acc 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#029acc 26%,#029acc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#029acc',GradientType=0 );
    border: 1px solid #029acc;
    text-decoration: none;
    color: #fff;
    margin: -4px 0 0 20px;
    cursor: pointer;
    display: block;
    width: auto;
    float: right;
    font-size: 12px;
    font-weight: normal;
  }
  .training-course-modules-header .eventButton:hover, .m-training-table-a:hover {
    background: #029acc;
    text-decoration: none;
    color: #fff;
  }
  .m-training-table-a {
    margin-left: 0;
    white-space: nowrap;
  }
  .m-three-classes {
    color: #029acc;
    font-size: 16px;
    height: 10px;
    text-align: right;
  }

    .newActionButton a {
       background: url("HTStaticRes/images/but_lg_left_aloha_blue.gif") no-repeat scroll left top transparent;
       cursor: pointer;
       float: left;
       padding: 0 0 0 5px;
       text-decoration: none !important;
    }

    .newActionButtonDisabled a {
       opacity: 0.3;
       filter: alpha(opacity = 30); /*opacity for IE5-7*/
       -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*opacity for IE8*/
    }

    .newActionButton a span {
        background: url("HTStaticRes/images/but_lg_right_aloha_blue.gif") no-repeat scroll right top transparent;
        color: #FFFFFF !important;
        display: block;
        font-weight: bold;
        line-height: 13px;
        margin: 0 0px 0 6px;
        min-width: 50px;
        padding: 7px 22px 12px 6px;
        text-align: center;
        white-space: nowrap;
    }

    .certificateButton {
        margin: 0 auto;
        width: 30px;
    }

    .certificateButton a {
        background: url("HTStaticRes/images/lms_training_certificate.png") no-repeat scroll right top transparent;
        cursor: pointer;
        display: block;
        width: 18px;
        height: 25px;
        padding: 0 0 0 12px;
        text-decoration: none !important;
    }

    .csvDownload {
        margin: 0 auto;
        width: 16px;
    }

    .course_retirement_notice {
        text-align: center;
    }

    .course_retirement_notice_bold {
        font-weight: bold;
    }

    .csvDownload a {
        background: url("HTStaticRes/images/document_excel.png") no-repeat scroll right top transparent;
        cursor: pointer;
        display: block;
        width: 16px;
        height: 16px;
        padding: 0 0 0 0;
        text-decoration: none !important;
    }
    .certificateButtonDisabled a {
        opacity: 0.3;
        filter: alpha(opacity = 30);
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*opacity for IE8*/
    }

    .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
       border-right-color: #CCCCCC;
    }

    #training-catalog-panel .x-grid3-body .x-grid3-td-expander {
        background-image:none;
        padding-top: 0;
        padding-bottom: 0;
    }

    #training-catalog-panel .x-grid3-row-expanded .x-grid3-td-expander {
        background-color: #dfe8f6;
    }

    #training-catalog-content-div .loading,
    #training_tracker_detail.loading {
        padding:15px;
    }

    #training-catalog-panel .x-grid3 table.module-table {
        table-layout: auto;
        width:100%;
    }

    #training-catalog-panel .x-grid3 table.module-table a{
        text-decoration: none;
    }

    #training-catalog-panel .x-grid3 table.module-table a:hover{
        text-decoration: underline;
    }

    #training-catalog-panel .x-grid3-row-expander {
       margin: 15px auto 0;
       width: 11px;
    }

    #training-catalog-panel .x-grid3-row-collapsed .x-grid3-row-expander {
       background: url("HTStaticRes/imagese/images/icon_tree_plus.gif") no-repeat;
    }

    #training-catalog-panel .x-grid3-row-expanded .x-grid3-row-expander {
        background: url("HTStaticRes/imagese/images/icon_tree_minus.gif") no-repeat;
    }

    #training-catalog-panel .x-grid3-col-expander {
        cursor: pointer;
    }

    #training-catalog-panel .x-grid3-row-expanded .x-grid3-col-expander {
        border-bottom: 1px solid #CCCCCC;
    }

    #training-catalog-panel .x-grid3-col-expander {
       vertical-align: middle;
    }

    #training-catalog-panel .x-grid3-cell-last {
       border-right:0px;
    }

    #training-catalog-panel .premier-courses-disable{
       color: #A9A9A9;
    }
    #training-catalog-panel .retired-courses-disable{
       color: #A9A9A9;
    }
    #training-catalog-panel .premier-courses-disable-hover-icon {
       float: right;
       clear: right;
       background: url("HTStaticRes/images/gadgets/icon-info.png") no-repeat scroll left bottom transparent;
       height:16px;
       width:16px;
       margin-left:5px;
    }
    .premier-courses-event-icon {
        display: inline-block;
       background: url("HTStaticRes/images/gadgets/icon-info.png") no-repeat scroll left bottom transparent;
       height:16px;
       width:16px;
       margin-left:5px;
    }

    .float-right {
       float: right;
       clear: right;
    }

    .new-version-notice {
       color:#cf700b;
    }

    .new-version-notice-header {
       font-weight:bold;
    }

    #training-catalog-panel .course-updated-sign {
       background: url("HTStaticRes/images/sprite/main.png") no-repeat scroll -839px -143px transparent;
       height:16px;
       padding-left:20px;
       margin-left:5px;
    }

    #training-catalog-panel .new-course-sign {
       background: url("HTStaticRes/images/sprite/main.png") no-repeat scroll -803px -116px transparent;
       height:16px;
       padding-left:20px;
       margin-left:5px;
    }

    #training-catalog-panel .new-course-launch {
        background: url("HTStaticRes/images/sprite/main.png") no-repeat scroll -875px -143px transparent;
        height: 16px;
        padding-left: 20px;
    }

    #training-catalog-panel .x-grid3-row-selected .x-grid3-row-body-tr {
        background-color: #FFFFFF;
    }

    #training-catalog-panel .x-grid3-row-selected .x-grid3-col-expander {
        background-color: #dfe8f6 !important;
    }

    #training-catalog-panel div.x-grid3-hd-lms-certificate .x-grid3-hd-btn {
        display:none;
    }

    .premier-courses-disable-tip {
       color: #464646;
       font-size: 12px;
       padding: 5px;
       text-align: center;
       width: 250px;
    }

    .ht-btn-ml {
       background: url('HTStaticRes/images/sprite/main.png') no-repeat scroll 0 -819px transparent;
       height: 29px;
       margin-bottom: 5px;
    }

    .action_links li:hover .ht-btn-ml {
       background: url('HTStaticRes/images/sprite/main.png') no-repeat scroll 0 -859px transparent;
    }

    /**
        END of Training Catalog Page
    */

/**
 * START
 * Styles for training gadget.
 */
#training-stats {
    border: 1px solid #999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 5px;
    behavior: url(HTStaticRes/PIE.htc);
}

#training-stats-bg-lt {
    background: transparent url(HTStaticRes/images/sprite/main.png) no-repeat scroll 0 -738px;
    height: 20px;
}

#training-stats-bg-rt {
    background: url("HTStaticRes/images/sprite/main.png") no-repeat scroll -907px -738px #FFFFFF;
    display: block;
    float: right;
    height: 20px;
    position: relative;
    width: 14px;
}

#training-stats-bg-lb {
    background: transparent url(HTStaticRes/images/sprite/main.png) no-repeat scroll 0 -792px;
    height: 20px;
    margin-bottom: 20px;
}

#training-stats-bg-rb {
    background: url("HTStaticRes/images/sprite/main.png") no-repeat scroll -907px -792px #FFFFFF;
    display: block;
    float: right;
    height: 20px;
    position: relative;
    width: 14px;
}

#training-stats-content {
    padding: 12px 0 0 20px;
    position: absolute;
}

#training-stats-content .label {
    float: left;
    margin: 0 20px 0 0;
}

.training-stats-counter {
    color: #FFFFFF;
    float: left;
    font-weight: bold;
    margin: 0 10px 0 0;
    padding: 0 1px 0 6px;
}

.training-stats-counter-r {
    height: 16px;
    position: absolute;
    width: 8px;
}

#training-stats-content #completed {
    background: transparent url(HTStaticRes/images/sprite/main.png) no-repeat scroll -484px -16px;
}

#training-stats-content #completed .training-stats-counter-r {
    background: transparent url(HTStaticRes/images/sprite/main.png) no-repeat scroll -596px -16px;
}

#training-stats-content #inprogress {
    background: transparent url(HTStaticRes/images/sprite/main.png) no-repeat scroll -484px 0;
}

#training-stats-content #inprogress .training-stats-counter-r {
    background: transparent url(HTStaticRes/images/sprite/main.png) no-repeat scroll -596px 0;
}

.ext-ie6 #training-stats-content #completed .training-stats-counter-r, .ext-ie7 #training-stats-content #completed .training-stats-counter-r {
    background-position-y: -17px;
}

.ext-ie6 #training-stats-content #inprogress .training-stats-counter-r, .ext-ie7 #training-stats-content #inprogress .training-stats-counter-r {
    background-position-y: -1px;
}

/**
 * END
 * Styles for training gadget.
 */

/**
 * END Generic styles for Grid View gadgets
**/

.chartOption a {
    font-size: 11px;
    font-weight: bold;
}

.chartOption a:hover {
    color:#333333;
}

.chartOption {
    display:inline;
    font-weight:normal;
    font-size:12px;
    margin-right:20px;
}

.chartOption div {
    display:inline;
    vertical-align:middle;
    padding-left:26px;
}

.chartOption span {
    height:12px;
    padding-bottom:10px;
    padding-left:25px;
    position:absolute;
}

.trainingchartOption a {
    font-size: 11px;
    font-weight: bold;
    margin-left: 4px;
    text-decoration: none;
}

.trainingchartOption a:hover {
    color:#333333;
}

.trainingchartOption {
    display:inline;
    font-weight:normal;
    font-size:12px;
    margin-right:20px;
}

.introText {
    font-size: 14px;
    line-height: 20px;
    margin : 20px 0 20px 10px;
}

.analyticsGridLinks {
    top: -20px;
    height: 0px;
}

.trainingGridLinks {
    top: 15px;
    height: 0px;
}

.analyticstypeFilter {
    margin: 0 5px;
}

.analyticsperiodFilter {
    margin: 0 5px;
}

.analyticsFromDateFilter {
    margin: 0 5px;
}

.analyticsToDateFilter {
    margin: 0 5px;
}

.dateRangeWrapper {
    text-align:center;
    white-space: nowrap;
}

.dateRangeText {
    margin: 10px 10px 10px 80px;
    font-weight: normal;
    font-size: 12px;
    color: grey;
}

.responseErrors {
    margin: 0 0 0 80px;
    font-weight: normal;
    font-size: 12px;
}

.analyticstopFilter {
    margin: 0 5px;

}

.analyticsFromDateText {
    margin: 0 5px;
    font-size: 12px;
    font-weight: normal;
}

.analyticsToDateText {
    margin: 0 5px;
    font-size: 12px;
    font-weight: normal;
}

.analyticsstatusFilter {
    margin: 0 5px;
}

.exportOption a {
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

.exportOption a:hover {
    color:#333333;
    text-decoration: underline;
}

.exportOption {
    display:inline;
    font-weight:normal;
    font-size:12px;
    margin-right:20px;
}

.exportOption div {
    display:inline;
    vertical-align:middle;
    padding-left:26px;
}

.exportOption span {
    height:12px;
    padding-bottom:10px;
    padding-left:25px;
    position:absolute;
}

.analyticsChartView {
    width: 720px;
}

/* VrTabPanel CSS for Blue theme */

/* Left Panel */
.x-tot2ivn-vr-tab-panel-header {
    float: left;
    margin-right: 10px;
}

.x-tot2ivn-vr-tab-panel .x-tot2ivn-vr-tab-strip-spacer { visibility: hidden; }
.x-tot2ivn-vr-tab-panel ul.x-tot2ivn-vr-tab-strip-top { border-bottom: 0; }

/* Right Body Panel */
.x-tot2ivn-vr-tab-panel-bwrap {
    /*float: right;*/
    background: #fff;
}

/* Menu Items */
.x-tot2ivn-vr-tab-panel li.x-tot2ivn-vr-tab-strip-title {
    /**-moz-border-radius: 15px;**/
    /**border-radius: 10px 10px 10px 10px;**/
    clear: left;
    display: inline-block;
    float: left;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    width: 200px;
}

.x-tab-strip span.x-tot2ivn-vr-tab-strip-text,
/* Active Items. Adjust tab padding in here !! */
.x-tab-strip-active .x-tab-right span.x-tot2ivn-vr-tab-strip-text{
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

/*This is a css fix for the chrome charts issue. https://gus.salesforce.com/a07B0000000LotAIAS
The problem is chrome javascript has race condition issues which is setting the width to 0 and because of this the charts are not seen on chrome browser.*/
body.ext-chrome #AnalyticsChartsVerticalTabPanel div.x-tot2ivn-vr-tab-panel-body {
   width: auto !important;
}

/*** sf additional ***/
.trainingCatalogClear {margin-bottom:10px;}
#trainingCatalogGrid .x-grid3-header {border-top:1px solid #ccc;}
.datePicker {font-size:12px;}

.b-courses-tbl {float:right;width:650px;}
.eventButton {color:#333; font-size:12px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; text-align:center; display:inline-block; padding:5px 5px; min-width:70px; border: 1px solid #b5b5b5; border-bottom-color: #7f7f7f; background:#e8e8e9 url('/img/alohaSkin/btn_sprite.png') repeat-x 100% 0; text-decoration:none; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; width:119px;}

/* sidebar */
.b-sidebar {float:left; width:257px;}
    .b-sidebar .b-box {padding:10px; border:1px solid #e7e7e7; background:#fff; margin-bottom:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
        .b-sidebar .b-box select, .b-sidebar .b-box input[type="text"] {color:#444; border:1px solid #ccc;}
        .b-sidebar .b-box.m-links a {margin-right:5px;}
        .b-sidebar .b-box.m-links .b-clear-btn,
        .b-sidebar .b-box.m-links .b-apply-btn {color:#333; font-size:12px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; text-align:center; display:inline-block; padding:5px 5px; min-width:70px; border: 1px solid #b5b5b5; border-bottom-color: #7f7f7f; background:#e8e8e9 url('/img/alohaSkin/btn_sprite.png') repeat-x 100% 0; text-decoration:none; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; width:119px;}
        .b-sidebar .b-box.m-links .b-clear-btn {margin-right:0}

        .b-sidebar .b-box.m-links .b-apply-btn {color:#fff; background-position: right -120px; position:relative;}
            .b-sidebar .b-box.m-links .b-apply-btn .b-icon {display:none; width:13px; height:13px; position:absolute; top:6px; left:4px; background:url("HTIcons/Icons/ico_filter_check.png") repeat-x 0 0}

        .b-sidebar .b-box.m-links .b-clear-btn:hover {background-position: right -30px;}
        .b-sidebar .b-box.m-links .b-apply-btn:hover {background-position: 0 -154px}

        .b-sidebar .b-box.m-links .b-apply-btn.m-active { padding-left:16px; width:119px; background:url("HTIcons/Icons/bg_green_apply.png") repeat-x 0 0}
            .b-sidebar .b-box.m-links .b-apply-btn.m-active .b-icon {display:block;}


        .b-sidebar .b-box .m-title {color:#464646; font-weight:bold; margin-bottom:5px;}
            .b-sidebar .b-box .m-title .m-checkboxes { margin-left:15px; position:relative; top:2px;}

    .b-sidebar .b-box .m-title.m-help {display:inline-block; }
    .b-sidebar .b-box .mouseOverInfo {color:#464646; font-size:12px; border-color:#8eaace; background-color: #e9f2ff;}
        .b-sidebar .b-box .mouseOverInfoOuter .infoIcon {position:relative; top:3px; left:2px; }

    .b-sidebar .m-checkboxes input  {margin-right:3px;}
    .b-sidebar .m-checkbox-align {margin: 11px 10px 0 0 !important; vertical-align: top;}
    .b-sidebar .m-checkboxes label {font-weight:normal; position:relative; top:-2px; color:#666; }
    .b-sidebar .m-checkboxes table td {border:0 none; padding-bottom:0;}

    .b-sidebar .m-select select {width:235px;}
    .b-sidebar .m-select select.m-combined {margin-bottom:8px;}

    .b-sidebar .b-date-line {margin-top:10px;}
        .b-sidebar .b-date-line + .b-date-line {margin-top:5px;}
        .b-sidebar .b-date-line .dateFormat {font-size:11px; margin-left:3px; position:relative; top:-1px;}
        .b-sidebar .b-date-line label {color:#666; font-weight:normal; display:inline-block; width:68px; }

/* select container */
.selectContainer {}
    .selectContainer .b-select-controls {padding:6px 12px; text-align:right}
        .selectContainer .b-select-controls input {vertical-align:middle}
        .selectContainer .b-select-controls input[type="text"]{color:#666; padding:1px; width:70%; }


/*** details page ***/
.b-course-details { background:#fff; margin-bottom:20px;}
    .b-course-details .b-head {border-bottom:5px solid #4698C0; margin-bottom:15px;}
        .b-course-details .b-head h1 {color:#333; font-weight:normal; font-size:17px; padding-left:25px; margin-bottom:10px; display:block; position:relative}
            .b-course-details .b-head h1 a {font-size:11px; font-weight:normal; position:absolute; left:0; top:10px;}
        .b-course-details .b-head .b-details {margin-left:25px; margin-bottom:10px;}
            .b-course-details .b-head .b-details li {color:#333; font-size:13px; display:inline-block; padding:7px 60px; margin-right:10px; background:#eee; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }

/* details sidebar */
.b-course-details .b-sidebar {float:right; width:257px}
    .b-course-details .b-sidebar p {color:#666; font-size:13px; margin-left:2px;}
    .b-course-details .b-sidebar p.m-title {font-size:13px; margin-left:2px;}
    .b-course-details .b-sidebar .b-box h2 {color:#333; font-size:20px; margin-bottom:10px;}
    .b-course-details .b-sidebar .b-box ul {margin:10px 0 10px 30px}
    .b-course-details .b-sidebar .b-box ul.m-last {margin-bottom:0}
        .b-course-details .b-sidebar .b-box ul li {color:#666; font-size:12px; line-height:16px; list-style-type:disc;}
    .b-course-details .b-sidebar .b-box .m-separate {width:100%; height:1px; border-top:1px dotted #C4BCA4; padding-bottom:10px;}

/* details overview */
.b-course-details .b-course-overview {float:left; width:650px}
    .b-course-details .b-course-overview h2 {color:#333; font-size:12px; margin-bottom:10px;}
    .b-course-details .b-course-overview p {color:#666; font-size:13px; line-height:1.3em; margin-left:2px; margin-bottom:15px;}

/* details tabs */
.b-course-details .b-tabs {padding-left:5px; border-bottom:4px solid #4698C0;}
    .b-course-details .b-tabs .b-tab {cursor:pointer;float:left; color:#000; font-size:14px; min-width:120px; text-align:center; margin-right:2px; max-height: 15px; padding: 6px 10px; font-weight:bold; background:#c8e2e9; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0;}
    .b-course-details .b-tabs .b-tab.m-active {color:#fff; background:#4698c0;}
.b-course-details .b-tab-bodies {padding:15px; border:1px solid #4698c0; margin-bottom:20px;}
    .b-course-details .b-tab-bodies .b-tab-body {height:300px; overflow-x:hidden; overflow-y:auto; padding-right:15px;}
        .b-course-details .b-tab-bodies .b-tab-body p {color:#666; font-size:13px; line-height:1.3em; margin-bottom:1em;}

/* details table */
.b-course-details .m-tbl {color:#464646; width:100%; font: 12px Arial,Helvetica,Geneva,sans-serif; margin-bottom:20px; border-collapse:collapse;}
    .b-course-details .m-tbl td,
    .b-course-details .m-tbl th {padding: 8px 8px 8px 5px; border:1px solid #ccc}
    .b-course-details .m-tbl th {background:url("HTStaticRes/ExtJSCollapsiblePanel/images/default/grid/grid3-hrow.gif") repeat-x scroll 0 bottom #F9F9F9; border-bottom:0 none; text-transform:uppercase}
    .b-course-details .m-tbl .m-first td {border-top:0 none}
    .b-course-details .m-tbl .m-odd td {background:#f3f6fb}
    .b-course-details .m-tbl .m-over td {background:#dfe8f6}

/* details pagination */
.b-course-details .b-pagination table td {font-size:13px;border:0 none;}
.b-course-details .b-pagination table td.m-left {text-align:left}
.b-course-details .b-pagination table td.m-right {text-align:right}
.b-course-details .b-pagination table td.m-center {text-align:center}

/* details btns */
.b-course-details .btn,
.b-course-details  a.btn {color:#333; font-size:12px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; display:inline-block; padding:2px 5px; border: 1px solid #b5b5b5; border-bottom-color: #7f7f7f; background:#e8e8e9 url('/img/alohaSkin/btn_sprite.png') repeat-x 100% 0; text-decoration:none; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.b-course-details .btn.m-over,
.b-course-details a.btn:hover { background-position: right -30px;}


/*** confirmation page ***/
.b-confirmation {text-align:center; padding:20px; margin: 10px 20px; background:#fff; border:1px solid #ccc; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
    .b-confirmation h1 {color:#444; text-align:center; font-size:23px; margin-bottom:15px;}

.b-course-info {color:#666; padding:15px 10px 8px; width:550px; margin:0 auto 20px auto; border-width:1px 0; border-style:dotted; border-color:#c4bca4}
    .b-course-info p {color:#666; font-size:15px; margin-bottom:7px;}

.b-register-form { width:870px; margin:0 auto; }
    .b-register-form p.m-instruction {color:#666; font-size:15px; text-align:center; margin-bottom:15px;}
    .b-register-form .btn {color:#fff; font-size:20px; padding:5px; width:394px; cursor:pointer; background:#4698c0; border: 1px solid #1697bf;}
    .b-register-form .btn:hover {background:#2a7fa8;}


/*** congratulations page ***/
.b-congratulations-text {padding:20px 25px; width:520px; margin:0 auto;  background:#eef7fa}
    .b-congratulations-text p {color:#444; line-height:1.5em; font-size:18px}
        .b-congratulations-text p a {color:#336699; text-decoration:underline}
        .b-congratulations-text p a:hover {color:#336699; text-decoration:none}


/*** form holder ***/
div.b-form-holder {padding:25px 25px 0px; font-family:Arial,Helvetica,sans-serif;}
div.b-form-holder.m-blue {padding:25px 25px 20px; background:#eef7fa}

/* form lines */
div.b-form-holder div.b-form-line { margin-bottom:0.5em; display:table;}
div.b-form-holder div.b-form-line.m-combined { margin-bottom:0; }
div.b-form-holder div.b-form-line.m-spaced { margin-bottom:1.8em; }
div.b-form-holder div.b-form-line:after { content:" "; clear:both; display:block; overflow:hidden; width:0; height:0; font-size:0; }
div.b-form-holder div.b-form-line {zoom:1}

/* form cols */
div.b-form-holder div.b-col1,
div.b-form-holder div.b-col2,
div.b-form-holder div.b-colfree {padding-bottom:0.3em; text-align:left; vertical-align:middle; display:table-cell; }

div.b-form-holder div.b-col1 {width:115px;}
*:first-child+html div.b-form-holder div.b-col1 label {line-height:20px; *margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");}
div.b-form-holder div.b-line {text-align:left; vertical-align:middle; display:table-cell;}

div.b-form-holder label {font-size:13px; line-height:1.1; color:#444;}
div.b-form-holder input[type='text'],
div.b-form-holder input[type='password'],
div.b-form-holder textarea {color:#444; font-size:13px; line-height:1.2; font-family:Arial,Helvetica,sans-serif; padding:1px 2px; border:1px solid #a5acb2;}
div.b-form-holder select {color:#444; border:1px solid #a5acb2;}
div.b-form-holder input[disabled] {color:#555; background:#ebebe4;}
div.b-form-holder div.b-col2 {color:#444; font-size:13px; line-height:1.1; min-width:250px;}
div.b-form-holder .m-checkbox label {color:#666; font-weight:normal; position:relative; top:-2px;}
div.b-form-holder .m-checkbox input[type="checkbox"]{margin-right:5px;}

/* text input widths */
.m-huge {width:390px !important;}
.m-longer {width:300px !important;}
.m-long {width:250px !important;}
.m-med {width:180px !important;}
.m-short {width:110px !important;}

/* cart styles */
.cart-panels {
    font-size: 12px;
}
.cart-box {
    float: left;
    margin: 0 0 0 28px;
    position: relative;
    border-radius: 5px;
    background: rgb(223, 223, 223);
    behavior: url("HTShoppingCart/js/PIE.htc");
}
.cart-box a:hover {
    text-decoration: none;
}
.cart {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: rgb(0, 0, 0) !important;
    height: 29px;
    padding: 5px;
    text-decoration: none !important;
    min-width: 89px;
    display: inline-block;
}
.cart .cart-ico {
    background-image: url('HTShoppingCart/img/cart.png');
      background-position: center;
      background-repeat: no-repeat;
      background-size: 20px;
      display: inline-block;
      padding: 12px;
}
.cart .cart-qty {
  background: rgb(200, 200, 200);
  border-radius: 5px;
  display: inline-block;
  font-weight: bold;
  padding: 2px 8px;
  vertical-align: top;
  font-size: 13px;
  behavior: url('HTShoppingCart/js/PIE.htc');
}

.cart .cart-qty-witems {
    background: #E93A22;
    color:#fff;
}

.cart .arrow-down {
  display: inline-block;
  height: 5px;
  position: relative;
  top: -7px;
  width: 10px;
  background: url('HTShoppingCart/img/cart-arrow-ico.png');
}
.cart-box:hover, .cart-box.active {
    background: #4698c0;
}
.cart:hover .cart-ico, .cart.active .cart-ico {
    background-image: url('HTShoppingCart/img/cart-active.png');
}
.cart:hover .cart-qty, .cart.active .cart-qty {
    background: #c5e0e7;
}
.cart:hover .arrow-down, .cart.active .arrow-down {
    background: url('HTShoppingCart/img/cart-arrow-ico-w.png');
}
.truncate {
    width: 75%;
}
.m-truncate {
    width: 72%;
    margin: 0 0 0 20px;
}
.cart-dialog {
    position: absolute;
    border: 1px solid #4698c0;
    border-radius: 5px;
    background: #e5e5e5;
    z-index:3;
}
.empty-cart-dialog {
    font-size: 18px;
    font-weight: bold;
    padding: 32px 100px;
    right: 0;
    white-space: nowrap;
}
.cart-dialog-csroller {
    max-height: 157px;
    overflow-y: auto;
    padding: 20px;
    width:100%;
}
.withitems-cart-dialog {
    white-space: nowrap;
    right: -122px;
    min-width:365px;
}
.withitems-cart-dialog td {
    padding: 5px 20px 5px 0;
    border: 0;
    font-size: 12px;
}
.withitems-cart-dialog td.cart-item-delete {
    padding: 5px 0;
}
.cart-item-price {
    font-weight: bold;
}
.cart-checkout-button {
    background: #CCCCCC;
    padding: 20px 40px 25px;
    text-align: right;
}
.cart-checkout-button a {
    padding: 3px 10px;
    text-decoration: none;
    color: #fff;
    background: #029acc;
    /*
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI2JSIgc3RvcC1jb2xvcj0iIzAyOWFjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjlhY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    */
    background: -moz-linear-gradient(top,  #ffffff 0%, #029acc 26%, #029acc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(26%,#029acc), color-stop(100%,#029acc));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#029acc 26%,#029acc 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#029acc 26%,#029acc 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#029acc 26%,#029acc 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#029acc 26%,#029acc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#029acc',GradientType=0 );
    display: inline-block;
    border: 1px solid #029acc;
    font-size: 14px;
}
.cart-checkout-button a:hover {
    background: #029acc;
    color: #FFFFFF;
    text-decoration: none;
}
.cart-item-delete a {
    text-decoration: none;
    display: block;
    height: 24px;
    width: 22px;
    background-image: url('HTShoppingCart/img/cart-item-delete.png');
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
}
.cart-blue-btn {
    padding: 5px 50px;
    font-size: 14px !important;
    background: #029acc;
    /*
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI2JSIgc3RvcC1jb2xvcj0iIzAyOWFjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjlhY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    */
    background: -moz-linear-gradient(top,  #ffffff 0%, #029acc 26%, #029acc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(26%,#029acc), color-stop(100%,#029acc));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#029acc 26%,#029acc 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#029acc 26%,#029acc 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#029acc 26%,#029acc 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#029acc 26%,#029acc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#029acc',GradientType=0 );
    border: 1px solid #029acc !important;
    text-decoration: none;
    color: #fff;
    margin: 0 0 0 20px;
    cursor: pointer;
    display: inline-block;
    float: right;
}
.cart-blue-btn:hover {
    background: #029acc;
    text-decoration: none;
    color: #fff;
}
.help-button {
    float: right;
}
.help-button a {
    background: url("HTShoppingCart/img/help.png") no-repeat scroll 0 0 transparent;
    color: #000000;
    display: block;
    font-size: 11px;
    margin: 3px 0 0;
    padding: 3px 0 4px 24px;
    text-decoration: none;
}
.help-button a:hover {
    color: #000;
    text-decoration: none;
}
.m-training-catalog-tab {
    width: 940px;
    margin: 0 20px;
}
.mask {
    height: 100%;
    width: 100%;
    position: fixed;
    background: #000;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    z-index: 999;
}
.light-box {
    background: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 3px 12px grey;
    width: 660px;
    z-index: 9999;
}
.help-title {
    background: url("HTShoppingCart/img/help-blue.png") no-repeat scroll 220px center #e5edf8;
    border-radius: 5px 5px 0 0;
    font-size: 18px;
    font-weight: bold;
    padding: 13px 0;
    text-align: center;
}
.help-description {
    padding: 20px;
}
.help-message {
    border: 1px solid #808080;
    height: 200px;
    margin: 0 20px 20px;
    width: 607px;
    overflow-y: scroll;
    padding: 10px 0 10px 10px;
}
.help-buttons {
    padding: 0 20px 15px;
    text-align: right;
}
.help-cancel, .m-receive-find {
    background: #CCCCCC;
    border: 1px solid #000000;
    color: #000000;
    display: inline-block;
    font-size: 16px;
    padding: 5px 50px;
    text-decoration: none;
}
.help-cancel:hover, .m-receive-find:hover {
    text-decoration: none;
    color: #000000;
}
.help-send, .help-ok, .Checkout-but, .m-regform-submit, .m-receive-chck {
    padding: 5px 50px;
    font-size: 16px;
    background: #029acc;
    /*
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI2JSIgc3RvcC1jb2xvcj0iIzAyOWFjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjlhY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    */
    background: -moz-linear-gradient(top,  #ffffff 0%, #029acc 26%, #029acc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(26%,#029acc), color-stop(100%,#029acc));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#029acc 26%,#029acc 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#029acc 26%,#029acc 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#029acc 26%,#029acc 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#029acc 26%,#029acc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#029acc',GradientType=0 );
    border: 1px solid #029acc;
    text-decoration: none;
    color: #fff;
    margin: 0 0 0 20px;
    cursor: pointer;
    display: inline-block;
}
.help-send:hover, .help-ok:hover, .Checkout-but:hover, .m-regform-submit:hover, .m-receive-chck:hover {
    background: #029acc;
    text-decoration: none;
    color: #fff;
}
.receipt-buts {
    padding: 10px 25px !important;
    font-size: 16px;
    background: #ffffff;
    border: 1px solid #737373;
    color: #fff;
    cursor: pointer;
    margin: 0 10px 0 0 !important;
    /*
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc0JSIgc3RvcC1jb2xvcj0iIzA5MDkwOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    */
    background: -moz-linear-gradient(top,  #ffffff 0%, #090909 74%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(74%,#090909));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#090909 74%);
    background: -o-linear-gradient(top,  #ffffff 0%,#090909 74%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#090909 74%);
    background: linear-gradient(to bottom,  #ffffff 0%,#090909 74%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#090909',GradientType=0 );
    text-decoration: none;
}
.receipt-buts:hover {
    background: #090909;
    text-decoration: none;
    color: #fff;
}
.goToTrainingBut {
    background: #b2b2b2;
    border: 1px solid #029acc;
    color: #FFF;
    display: inline-block;
    font-size: 16px;
    padding: 5px 50px;
    text-decoration: none;
}
.goToTrainingBut, .Checkout-but {
    padding: 5px 15px;
    cursor: pointer;
    font-size: 14px !important;
}
.cart-buttons-box {
    background: #cccccc;
    padding: 5px 20px;
    width:96%;
    min-height:39px;
}
.succes-titile {
    font-size: 18px;
    font-weight: bold;
    padding: 20px 0 20px 85px;
    background: url("HTShoppingCart/img/succes.png") no-repeat scroll 25px center transparent;
}
.succes-description {
    padding: 0 0 200px 85px;
}

.trainingCatalogBreadcrumbs {
    border-top: 1px solid #919496;
    position: relative;
}
.brad-arrow {
    background: url('HTShoppingCart/img/cart-arrow.png');
    width: 41px;
    height: 13px;
    right: 155px;
    top:-10px;
    position: absolute;
}
.trainingCatalogBreadcrumbsWrap {
    width: 660px;
    margin: 30px auto;
}
.CatalogBreadcrumbs-cart {
    display: inline-block;
    *display:inline; /* IE7 fix */
    zoom:1;/* IE7 fix */
    width: 160px;
    text-align: center;
}
.Breadcrumb-point {
    width: 13px;
    height: 13px;
    margin: 10px auto 0;
    background: url('HTShoppingCart/img/breadcrumbpoint.png');
}
.Breadcrumb-active .Breadcrumb-point {
    background: url('HTShoppingCart/img/breadcrumbpoint-a.png');
}
.pinter-line {
    height: 2px;
    background: #808080;
    width: 489px;
    margin: -37px 0 20px 217px;
}
.paymentfl-title {
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 20px;
}

.rich-table-thead div {
    font-weight: normal;
    padding: 5px 15px;
    border-left: 1px solid #808080;
}
.rich-table-thead tr :first-child div {
    border: 0 none;
}
.rich-table-thead tr :last-child div {
    border: 0;
}
.cart-data-table tr td,.cart-data-table-confirm tr td{
    background-color: #f2f2f2;
    border-top: 10px solid #fff;
    border-bottom: 0;
    padding: 15px 15px;
    vertical-align: top;
}
.cart-data-table tr td:last-child {
    background-color: #fff;
    vertical-align: middle;
    padding: 5px;
}
.cart-data-table tr td:first-child,.cart-data-table-confirm tr td:first-child {
    width: 550px;
}
.receipt .cart-data-table tr td:last-child,
.b-registration-pages .cart-data-table tr td:last-child {
    background-color: #f2f2f2;
    vertical-align: top;
    padding: 15px;
}
.b-registration-pages .cart-data-table tr td {
    border-bottom: 0;
    border-top: 10px solid #fff;
}
.cart-data-name {
    font-size: 16px;
    font-weight: bold;
}
.subTotal {
    border-top: 3px solid #858585;
    padding: 15px 10px 15px;
    color: #4698c0;
    border-bottom: 3px solid #858585;
    font-size: 16px;
}
.subTotal.subTotal-top {
    border-bottom: 0;
}
.subTotal-sum {
    line-height: 30px;
    width: 100%;
    text-align:right;
}
.subTotal table {
    width: 280px;
}
.subTotal td {
    color: #4698c0;
    font-size: 16px;
}
.cart-data-header {
    border-bottom: 1px solid #858585;
}
.PaymentInfoTitle, .BillingInfoTitle {
    display: inline-block;
    width: 47%;
    padding: 5px 1%;
    background: #e5e8e8;
    margin: 0 0 10px 0;
}
.PaymentInfoTitle-wide {
    display: inline-block;
    width: 98%;
    padding: 5px 1%;
    background: #e5e8e8;
    margin: 0 0 10px 0;
}
.BillingInfoTitle {
    margin-left: 1%;
    width: 48%;
}
.cart-panels form label {
    display:block;
    font-weight: normal;
}
.cart-panels select {
    border: 1px solid #808080;
    padding: 4px 0 4px 5px;
}
.cart-panels form input, .cart-panels form select {
    font-size: 12px;
    margin: 0;
}
.cart-panels form input {
    padding: 5px;
    border: 1px solid #808080;
}
.confirmInfoTitle {
    background: #E5E8E8;
    display: block;
    margin: 0 0 10px;
    padding: 5px;
}
div.confirmInfoTitle {
    width: 94%;
}
.confirmInfoTitle a {
    float: right;
    color: #000;
}
.cart-thanks {
    display: block;
    font-size: 16px;
}
.receipt {
    margin: 0;
    border: 1px solid #808080;
    padding: 10px 10px 20px;
    box-shadow: -5px 5px 7px gray;
    font-size: 12px;
}
.receiptTitle {
    font-size: 18px;
    font-weight: bold;
    padding: 15px 0px;
}
.totsub {
    color: #000;
    font-weight: bold;
}
.cart-price-head {
    padding: 0 0 0 60px !important;
}
.cart-price-value,
.cart-price-value-no-sep {
    font-size: 16px;
    font-weight: bold;
    padding-left: 30px;
    padding-right: 20px;
    white-space: nowrap;
}
.delete-purchase-item {
    background-image: url("HTShoppingCart/img/cart-item-delete.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    display: block;
    height: 24px;
    text-decoration: none;
    width: 22px;
}
.registrant-name {
    padding: 0 4px 0 0;
}
.m-hor-separated {
    background-image: url("HTShoppingCart/img/ver-separator.png");
    background-position: left center;
    background-repeat: no-repeat;
}
.m-hor-separated-price {
    width: 100px;
}


/* cart-registration styles */

.b-registration-pages {
    margin: 20px;
    font-size: 12px;
}
.b-registration-pages .training-catalog-header-title {
    padding: 0 0 20px;
}
.m-register-fields-note {
    font-weight: normal;
    padding: 0 0 0 50px;
    font-size: 12px;
}
.b-form-header {
    margin: 30px 30px 20px;
    font-size: 16px;
    font-weight: bold;
}
.b-form-header-left,
.b-form-header-right {
    float: left;
    text-align: center;
    width: 50%;
}
.b-form-wrap {
    margin: 0px 30px 20px;
}
.b-form-wrap-center {
    margin: 40px 0 0;
    padding: 25px 0;
    background-color: #EEF7FA;
}
.b-form-wrap-left {
    float: left;
    width: 50%;
    padding: 25px 0;
    background-color: #EEF7FA;
    min-height: 255px;
}
.b-form-wrap-right {
    float: left;
    width: 49%;
    border-left: 4px solid #fff;
    padding: 25px 0;
    background-color: #EEF7FA;
    min-height: 255px;
}
.b-form-wrap-right .b-form-l {
    width: 25%;
}
.b-form-l {
    float: left;
    text-align: right;
    width: 40%;
    padding-top: 4px;
    padding-right: 17px;
    padding-bottom: 11px;
}
.b-form-r {
    float: left;
    width: 50%;
    padding-bottom: 15px;
}
.m-chk-label {
    font-size: 11px;
    font-weight: normal;
}
.b-form-wrap input[type="text"] {
    width: 200px;
    border: 1px solid #000;
    padding: 2px 4px;
    font-size: 12px;
}
.b-form-wrap input[type="text"].m-promo-input {
    width: 140px;
}
.b-form-wrap input[type="text"].m-req-field {
    width: 197px;
    border-left: 4px solid #ff0000;
}
.m-apply_button {
    border: 1px solid #808080;
    background-color: #e5e5e5;
    padding: 1px 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    margin-left: 4px;
}
.m-cancel-policy {
    text-align: center;
}
.m-reg-buttons {
    text-align: center;
    padding: 20px 0 10px;
}
.m-reg-buttons a{
    color: #000;
}
.m-cancel-policy a {
    color: #009ddc;
}
.m-reg-buttons a.m-regform-submit {
    color: #fff;
}
.m-reg-buttons a:hover, .m-cancel-policy a:hover {
    text-decoration: none;
}
.m-sead-res-header-title {
    background: url("HTShoppingCart/img/succes.png") no-repeat scroll 15px center transparent;
    padding-left: 60px !important;
    padding-top: 20px !important;
}
.b-receive-buttons {
    padding: 20px 60px 20px 20px;
    text-align: right;
}
.m-receive-find {
    padding: 5px 15px;
}
.m-clas-full-header-title {
    background: url("HTShoppingCart/img/warning.png") no-repeat scroll 15px center transparent;
    padding-left: 60px !important;
    padding-top: 20px !important;
}
.m-waitlist-header-title {
    background: url("HTShoppingCart/img/info.png") no-repeat scroll 15px center transparent;
    padding-left: 60px !important;
    padding-top: 20px !important;
}
.b-reg-warn-mess {
    font-size: 14px;
    padding: 20px 60px 0 20px;
    text-align: right;
}
.cart-panels form input.m-invalid-field {
    background-color: #FFD9D9;
    border: 1px solid #FF0000;
}
.cart-panels form select.m-invalid-field {
    background-color: #FFD9D9;
    border: 1px solid #FF0000;
}
.m-res-thahks {
    padding: 0 0 50px 300px;
    font-weight: bold;
}

.b-course-details .m-tbl .rich-table-thead div {
    border-left:0;
    padding: 0;
}

/*** cleaner ***/
.m-cfix:after {content:" ";clear:both;display:block;overflow:hidden;width:0;height:0;font-size:0;}
.m-cfix {zoom:1}
 
/* safari/chrome fix */
@media screen and (-webkit-min-device-pixel-ratio:0){
    .b-courses-tbl .x-grid3-header-offset table {width:633px!important}
    .b-courses-tbl .x-grid3-td-8 {display:none; width:0px!important}
    .selectContainer .b-select-controls .btn {padding:2px 5px}
}

.b-action-button{color:#fff; font-size:12px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; text-align:center; display:inline-block; padding:3px 3px; min-width:70px; border: 1px solid #b5b5b5; border-bottom-color: #7f7f7f; background:#e8e8e9 url('/img/alohaSkin/btn_sprite.png') repeat-x 100% 0; text-decoration:none; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; width:119px;background-position: right -120px;}
.b-action-button:hover{background-position: 0 -154px;}
.hrDotted{border-bottom: 2px dashed #C0C0C0; border-style: none none dotted;}
.comty .footer .footer-section-6 {
    clear:both;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.divider {
    color: #FFFFFF;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: block;
}

.searchResultsClass {
    font-size: 100% !important;   
}

/** webpar overrides **/
#webparcontainer {
    font-size:120% !important;
}
.footer-globe {
    background: url(community_header_footer/uilib/img/icon_globe.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    float: left;
    margin-top: 4px;
}
.comty .footer .footer-section-5 ul li {
    line-height: 25px;
}
.container-lang {
    width: 1145px;
}
.btn-submit-case{
    border-style: none solid solid none;
    border-width: medium 1px 1px medium;
    color: #FFFFFF;
    cursor: pointer;
}
/** css styles for support channel window messages **/
span.basic-support-message{
    color:red;
    font-size:12px !important;
}
span.basic-support-message a{
    color:red;
    display:inline !important;
    text-decoration:underline;
    font-weight:bold;
}

/** css to override search page styles **/
.htSearchActionButton a.htUpdateSearch{
    font-size:11px;
}

.htSearchActionButton{
    float:none;
    width:180px !important;
    padding-left:0px !important;
    text-align:center;
}

.CoveoBreadcrumb {
    clear: both !important;
}