.ydlg-proxy {
    background-image: url('images/gradient-bg.gif');
    background-color:#c3daf9;
    border:1px solid #6593cf;
    z-index:10001;
    overflow:hidden;
    position:absolute;
    left:0;top:0;
}
.ydlg-shadow{
    background:#aaaaaa;
    position:absolute;
    display:none;
}
.ydlg-mask{
    z-index:10000;   
   display:none;
   position:absolute;
   top:0;
   left:0;
   -moz-opacity: 0.5;
   opacity:.50;
   filter: alpha(opacity=50);
   background-color:#CCC;
}
body.masked{
    overflow:hidden;
}
body.masked select {
    visibility:hidden;
}
body.masked .ydlg select {
    visibility:visible;
}



.ydlg{
    z-index:10001;
    overflow:hidden;
    position:absolute;
    left:300;top:0;
}
.yresizable-proxy{
    z-index:10002;
}
.ydlg .ydlg-hd {
    background: url(images/basic-dialog/hd-sprite.gif) repeat-x 0px -82px;
    background-color:navy;
    color:#FFF;
    font:bold 12px "sans serif", tahoma, verdana, helvetica;
    overflow:hidden;
    padding:5px;
}
.ydlg .ydlg-hd-left {
    background: url(images/basic-dialog/hd-sprite.gif) no-repeat 0px -41px;
    padding-left:3px;
    margin:0px;
}
.ydlg .ydlg-hd-right {
    background: url(images/basic-dialog/hd-sprite.gif) no-repeat right 0px;
    padding-right:3px;
}

.ydlg-hd h1 {
    display:none;
}


 .ydlg .ydlg-dlg-body{
    background:url(images/layout/gradient-bg.gif);
    border:1px solid #6593cf;
    border-top:0px none;
    padding:10px;
}
.ydlg .ydlg-bd{
    overflow:hidden;
}
.ydlg .ydlg-ft{
    overflow:hidden;
    padding:5px;
    padding-bottom:0px;
}
.ydlg .yui-ext-tabbody{
    background:white;
    overflow:auto;
}
.ydlg .ytabs-top .yui-ext-tabbody{
    border:1px solid #6593cf;
    border-top:0px none;
}
.ydlg .ytabs-bottom .yui-ext-tabbody{
    border:1px solid #6593cf;
    border-bottom:0px none;
}
.ydlg .ylayout-container  .yui-ext-tabbody{
    border:0px none;
}
.ydlg .inner-tab{
    margin:5px;
}
.ydlg .ydlg-button{
    font:normal 11px arial, tahoma, verdana, helvetica;
    margin-right:5px;
    float:right;
    cursor:pointer;
    clear:none;
}
.ydlg-button-left, .ydlg-button-right{
    font-size:1px;
    line-height:1px;
}

.ydlg-button-left{
    width:3px;
    height:21px;
    background:url(images/basic-dialog/btn-sprite.gif) no-repeat 0px 0px;
}
.ydlg-button-right{
    width:3px;
    height:21px;
    background:url(images/basic-dialog/btn-sprite.gif) no-repeat 0px -21px;
}
.ydlg-button-focus{
    text-decoration:none !important;
}
.ydlg-button-center{
    background:url(images/basic-dialog/btn-sprite.gif) repeat-x 0px -42px;
    font:normal 11px "san serif",tahoma,verdana,helvetica;
    vertical-align: middle;
    text-align:center;
    padding:0px 5px;
    cursor:pointer;
    white-space:nowrap;
    -moz-user-select: none;
    -khtml-user-select: none;
}
.ydlg-button-over .ydlg-button-left{
    background-position:0px -63px;
}
.ydlg-button-over .ydlg-button-right{
    background-position:0px -84px;
}
.ydlg-button-over .ydlg-button-center{
    background-position:0px -105px;
}
.ydlg-button-click .ydlg-button-center{
    background-position:0px -126px;
}

.ydlg-button-disabled{
    cursor:default;
}
.ydlg-button-disabled .ydlg-button-center{
    color:gray;
    cursor:default;
}
.ydlg-draggable .ydlg-hd{
    cursor:move;
}
.ydlg-closable .ydlg-hd{
    padding-right:22px;
}
.ydlg .ydlg-close {
    position:absolute;
    top:4px;
    right:4px;
    z-index:6;
    height:15px;
    width:15px;
    margin:0px;
    padding:0px;
    line-height:1px;
    font-size:1px;
    background-repeat:no-repeat;
    cursor:pointer;
    visibility:inherit;
    background-image:url(images/basic-dialog/close.gif);
}
.ydlg div.yresizable-handle-east{
    background-image:url(images/basic-dialog/e-handle.gif);
    border:0px;
    background-position:right;
}
.ydlg div.yresizable-handle-south{
    background-image:url(images/sizer/s-handle-dark.gif);
    border:0px;
    height:6px;
}
.ydlg div.yresizable-handle-west{
    background-image:url(images/basic-dialog/e-handle.gif);
    border:0px;
    background-position:1px;
}
.ydlg div.yresizable-handle-north{
    background-image:url(images/s.gif);
    border:0px;
}
.ydlg div.yresizable-handle-southeast{
    background-image:url(images/basic-dialog/se-handle.gif);
    background-position: bottom right;
    width:8px;
    height:8px;
    border:0px;
}

/** gray theme */

.ytheme-gray .ydlg-proxy {
    background-image: url('images/layout/gray/gradient-bg.gif');
    background-color:#EAE8D5;
    border:1px solid #b3b6b0;
}
.ytheme-gray .ydlg-shadow{
    background:#aaaaaa;
}
.ytheme-gray .ydlg-proxy .tabset{
    background:url(images/layout/gray/gradient-bg.gif);
}
.ytheme-gray .ydlg .ydlg-hd {
    background: url(images/basic-dialog/gray/hd-sprite.gif) repeat-x 0px -82px;
    background-color:#333333;
}
.ytheme-gray .ydlg .ydlg-hd-left {
    background: url(images/basic-dialog/gray/hd-sprite.gif) no-repeat 0px -41px;
}
.ytheme-gray .ydlg .ydlg-hd-right {
    background: url(images/basic-dialog/gray/hd-sprite.gif) no-repeat right 0px;
}
.ytheme-gray .ydlg .ydlg-dlg-body{
    background:#efefec;
    border:1px solid #b3b6b0;
    border-top:0px none;
}
.ytheme-gray .ydlg .ytabs-top .yui-ext-tabbody{
    border:1px solid #b3b6b0;
    border-top:0px none;
}
.ytheme-gray .ydlg .ytabs-bottom .yui-ext-tabbody{
    border:1px solid #b3b6b0;
    border-bottom:0px none;
}
.ytheme-gray .ydlg .ylayout-container  .yui-ext-tabbody{
    border:0px none;
}
.ytheme-gray .ydlg .ydlg-close {
    background-image:url(images/basic-dialog/gray/close.gif);
}
.ytheme-gray .ydlg div.yresizable-handle-east{
    background-image:url(images/basic-dialog/gray/e-handle.gif);
    border:0px none;
}
.ytheme-gray .ydlg div.yresizable-handle-south{
    background-image:url(images/basic-dialog/gray/s-handle.gif);
    border:0px none;
}
.ytheme-gray .ydlg div.yresizable-handle-west{
    background-image:url(images/basic-dialog/gray/e-handle.gif);
    border:0px none;
}
.ytheme-gray .ydlg div.yresizable-handle-southeast{
    background-image:url(images/basic-dialog/gray/se-handle.gif);
    background-position: bottom right;
    width:8px;
    height:8px;
    border:0px;
}
.ytheme-gray .ydlg div.yresizable-handle-north{
    background-image:url(images/s.gif);
    border:0px none;
}
.ylayout-container{
    width:100%;
    height:100%;
    overflow:hidden;
     background-color:#c3daf9;
}
.ylayout-collapsed{
    position:absolute;
    left:-10000px;
    top:-10000px;
    visibility:hidden;
    background-color:#c3daf9;
    width:20px;
    height:20px;
    overflow:hidden;
     border:1px solid #98c0f4;
     z-index:20;
}
.ylayout-collapsed-over{
    cursor:pointer;
     background-color:#d9e8fb;
}
.ylayout-collapsed-west  .ylayout-tools-button{
    float:right;
}
.ylayout-collapsed-east  .ylayout-tools-button{
    float:left;
}
.ylayout-collapsed-north, .ylayout-collapsed-south{
    text-align:right;
}
.ylayout-collapsed .ylayout-tools-button{
    margin:2px;
     width:12px;
     text-align:center;
}
.ylayout-inactive-content{
    position:absolute;
    left:-10000px;
    top:-10000px;
    visibility:hidden;
}
.ylayout-active-content{
    visibility:visible;
}
.ylayout-panel{
    position:absolute;border:1px solid #98c0f4;overflow:hidden;background-color:white;
}
.ylayout-panel-east, .ylayout-panel-west {
    z-index:10;
}
.ylayout-panel-north, .ylayout-panel-south {
    z-index:11;
}
.ylayout-collapsed-north, .ylayout-collapsed-south, .ylayout-collapsed-east, .ylayout-collapsed-west {
    z-index:12;
}
.ylayout-panel-body{
    overflow:hidden;
}
.ylayout-grid-wrapper{

}
.ylayout-split{
    position:absolute;
    height:5px;
    width:5px;
    line-height:1px;
    font-size:1px;
    z-index:3;
    background-color:#c3daf9;
}
.ylayout-panel-hd{
    background-image: url(images/layout/panel-title-light-bg.gif);
    color: black;
    border-bottom:1px solid #98c0f4;
    position:relative;
}
.ylayout-panel-hd-text{
    font:normal 11px tahoma, verdana, helvetica;
    padding: 4px;
    padding-left: 4px;
    display:block;
}
.ylayout-panel-hd-tools{
    position:absolute;
    right:0px;
    top:0px;
    text-align:right;
    padding-top:2px;
    padding-right:2px;width:40px;
}
.ylayout-tools-button{
    z-index:6;
    padding:2px;
    cursor:pointer;
    float:right;
}
.ylayout-tools-button-over{
    padding:1px;
    border:1px solid #98c0f4;
    background-color:white;
}
.ylayout-tools-button-inner{
    height:12px;
    width:12px;
    line-height:1px;
    font-size:1px;
    background-repeat:no-repeat;
    background-position:center;
}
.ylayout-close{
    background-image:url(images/layout/panel-close.gif);
}
.ylayout-collapse-west,.ylayout-expand-east{
    background-image:url(images/layout/collapse.gif);
}
.ylayout-expand-west,.ylayout-collapse-east{
    background-image:url(images/layout/expand.gif);
}
.ylayout-collapse-north,.ylayout-expand-south{
    background-image:url(images/layout/ns-collapse.gif);
}
.ylayout-expand-north,.ylayout-collapse-south{
    background-image:url(images/layout/ns-expand.gif);
}
.ylayout-split-h{
    background-image:url(images/sizer/e-handle.gif);
    background-position: left;
}
.ylayout-split-v{
    background-image:url(images/sizer/s-handle.gif);
    background-position: top;
}
.ylayout-panel .ytab-wrap{
    background:url(images/layout/gradient-bg.gif);
}
.ylayout-panel .yui-ext-tabbody {
    background-color:white;
    overflow:auto;height:100%;
}
.ylayout-component-panel, .ylayout-nested-layout {
    position:relative;
   padding:0px;
    overflow:hidden;
    width:200px;
    height:200px;
}
.ylayout-nested-layout .ylayout-panel {
      border:0px none;
}
.ylayout-nested-layout .ylayout-panel-north {
      border-bottom:1px solid #98c0f4;
}
.ylayout-nested-layout .ylayout-panel-south {
      border-top:1px solid #98c0f4;
}
.ylayout-nested-layout .ylayout-panel-east {
      border-left:1px solid #98c0f4;
}
.ylayout-nested-layout .ylayout-panel-west {
      border-right:1px solid #98c0f4;
}
.yui-ext-repaint{
    zoom:1;
     background-color: transparent;
}
.ylayout-panel-dragover {
    border: 2px solid #6593cf;
}
.ylayout-panel-proxy {
    background-image: url('images/layout/gradient-bg.gif');
    background-color:#c3daf9;
    border:1px dashed #6593cf;
    z-index:10001;
    overflow:hidden;
    position:absolute;
    left:0;top:0;
}
.ylayout-slider {
    z-index:15;
    overflow:hidden;
    position:absolute;
}

/** gray theme */

.ytheme-gray,div.ytheme-gray,.ytheme-gray .ylayout-container{
    background-color:#f3f2e7;
}
.ytheme-gray{
    background-color:#f3f2e7;
}
.ytheme-gray .ylayout-collapsed{
    background-color:#f3f2e7;
     border:1px solid #aca899;
}
.ytheme-gray .ylayout-collapsed-over{
     background-color:#fbfbef;
}
.ytheme-gray .ylayout-panel{
    border:1px solid #aca899;
}
.ytheme-gray .ylayout-nested-layout .ylayout-panel {
      border:0px none;
}
.ytheme-gray .ylayout-split{
    background-color:#f3f2e7;
}
.ytheme-gray .ylayout-panel-hd{
    background-image: url(images/layout/gray/panel-title-light-bg.gif);
    border-bottom:1px solid #aca899;
}
.ytheme-gray .ylayout-tools-button-over{
    border:1px solid #aca899;
}
.ytheme-gray .ylayout-close{
    background-image:url(images/layout/gray/panel-close.gif);
}
.ytheme-gray .ylayout-collapse-west,.ytheme-gray .ylayout-expand-east{
    background-image:url(images/layout/gray/collapse.gif);
}
.ytheme-gray .ylayout-expand-west,.ytheme-gray .ylayout-collapse-east{
    background-image:url(images/layout/gray/expand.gif);
}
.ytheme-gray .ylayout-collapse-north,.ytheme-gray .ylayout-expand-south{
    background-image:url(images/layout/gray/ns-collapse.gif);
}
.ytheme-gray .ylayout-expand-north,.ytheme-gray .ylayout-collapse-south{
    background-image:url(images/layout/gray/ns-expand.gif);
}
.ytheme-gray .ylayout-split-h{
    background-image:url(images/sizer/gray/e-handle-dark.gif);
}
.ytheme-gray .ylayout-split-v{
    background-image:url(images/sizer/gray/s-handle-dark.gif);
}
.ytheme-gray .ylayout-panel .ytab-wrap{
    background:url(images/layout/gray/gradient-bg.gif);
}
.ytheme-gray .ylayout-nested-layout .ylayout-panel-north {
      border-bottom:1px solid #aca899;
}
.ytheme-gray .ylayout-nested-layout .ylayout-panel-south {
      border-top:1px solid #aca899;
}
.ytheme-gray .ylayout-nested-layout .ylayout-panel-east {
      border-left:1px solid #aca899;
}
.ytheme-gray .ylayout-nested-layout .ylayout-panel-west {
      border-right:1px solid #aca899;
}
.ytheme-gray .ylayout-panel-dragover {
    border: 2px solid #aca899;
}
.ytheme-gray .ylayout-panel-proxy {
    background-image: url('images/layout/gray/gradient-bg.gif');
    background-color:#f3f2e7;
    border:1px dashed #aca899;
}
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.0
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 * 
 */
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.22em;}

.ygrid-cell-text {
    display: block;
    font: normal 8pt arial;
    overflow: hidden;
    padding: 3px 5px;
    white-space: nowrap;
}
.ygrid-col{
    cursor: default;
    height:21px !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position:absolute;
    display:block;
    -moz-outline: none;
    -moz-user-focus: normal;
    overflow: hidden;
    border-left: 1px solid #f1efe2;
}
.yeditgrid .ygrid-col{
    -moz-outline: normal;
}
.ygrid-col, .ygrid-hd {
    font: normal 8pt arial;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.ygrid-col-0{
    border-left: 0px;
}
.ygrid-col-last{
    border-right: 1px solid #f1efe2;
}
.ygrid-editor{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position:absolute;
    visibility:hidden;
    font: normal 8pt arial;
    border: 1px solid #afbdc9;
    z-index:10;
}
.ygrid-editor input{
    font: normal 8pt arial;
    border: 0px;
    padding-top:2px;
    padding-left:3px;
}
.ygrid-editor-container{
    overflow:hidden;
    display:block;
    background-color:white;
}
.ygrid-editor .pick-button{
    width:15px;
    height:20px;
    position:absolute;
    display:block;
    right:0;
    top:0;
    z-index:2;
    background-image: url(images/grid/pick-button.gif);
    background-repeat: no-repeat;
}
.ygrid-editor-invalid{
    background-image: url(images/grid/invalid_line.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    border: 1px solid #afbdc9;
}
.ygrid-checkbox-editor{
    text-align: center;
    overflow:hidden;
    display:block;
    background-color:white;
}
.ygrid-checkbox-editor input{
    margin-top:3px;
    height:13px;
    width:13px;
}
select.ygrid-editor{
    padding: 0px;
    -moz-outline: none;
    border: 1px solid #afbdc9;
}
.ygrid-num-editor{
    text-align:right;
    padding-top:2px;
    padding-left:3px;
}
.ygrid-text-editor{
    padding-top:2px;
    padding-left:3px;
}
.ygrid-hd{
    background-color: #ebeadb;
    border-bottom: 1px solid #cbc7b8;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    position: absolute;
    overflow:hidden;
}
.ygrid-column-sizer {
    width:1px;
    border-right:1px dashed #6593cf;
    background:none;
    cursor: col-resize;
}
.ygrid-drag-proxy{
    width:150px;
    height:24px;
    background-color:#3366cc;
    border: 1px solid #002266;
    position:absolute;
    visibility:hidden;
    z-index:10000;
}
.ygrid-drag-text{
   font: normal 8pt arial;
    color:white;
    position:absolute;
    top:0px;
    left:26px;
    padding:3px;
    display:block;
}
.ygrid-drop-icon{
   position:absolute;
    top:0px;
    left:0px;
    display:block;
    width:24px;
    height:100%;
    background-position: center;
    background-repeat: no-repeat;
}
.ygrid-drop-nodrop{
   background-image: url(images/grid/drop-no.gif);
}
.ygrid-drop-ok{
   background-image: url(images/grid/drop-yes.gif);
}
.ygrid-hd .sort-asc {
    background-image: url(images/grid/sort_asc.gif);
    background-position: right;
    background-repeat: no-repeat;
    display: none;
    height: 14px;
    width: 16px;
}
.ygrid-hd .sort-desc {
    background-image: url(images/grid/sort_desc.gif);
    background-position: right;
    background-repeat: no-repeat;
    display: none;
    height: 14px;
    width: 16px;
}
.ygrid-hd-body {
    border-bottom: 2px solid #d6d2c2;
    cursor: default;
    display: block;
    font: normal 8pt arial;
    left: 0;
    overflow: hidden;
    padding: 3px 5px;
    position: relative;
    top: 0;
    white-space: nowrap;
}
.ygrid-hd-body span {
    font: normal 8pt arial;
    white-space: nowrap; 
}
.ygrid-hd-over{
    border-bottom: 2px solid #fcc247;
}
.ygrid-hd-over .ygrid-hd-body{
    background-color: #faf9f4;
    border-bottom: 1px solid #f9a900;
}
.ygrid-hd-split {
    background-image: url(images/grid/grid-split.gif);
    background-position: center;
    background-repeat: no-repeat;
    cursor: e-resize;
    display: block;
    font-size: 1px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    top: 2px;
    width: 6px;
    z-index: 3;
}
.ygrid-hrow{
    background-color: #ebeadb;
    display: block;
    height: 22px;
    left: 0;
    position: relative;
    top: 0;
    width: 10000px;
    overflow:hidden;
    z-index:2;
}
.ygrid-hrow-frame{
    height: 22px;
    left: 0;
    display:block;
    position: absolute;
    top: 0;
    width: 10000px;
    z-index:1;
}
.ygrid-footer .ytoolbar{
    border:0px;
}
.ygrid-page-number{
    width:24px;
    height:14px;	
}
.ygrid-page-first{
    background-image: url(images/grid/page-first.gif);
}
.ygrid-loading{
    background-image: url(images/grid/done.gif);
}
.ygrid-page-last{
    background-image: url(images/grid/page-last.gif);
}
.ygrid-page-next{
    background-image: url(images/grid/page-next.gif);
}
.ygrid-page-prev{
    background-image: url(images/grid/page-prev.gif);
}
.ytb-button-disabled .ygrid-loading{
    background-image: url(images/grid/loading.gif);
}
.ytb-button-disabled .ygrid-page-first{
    background-image: url(images/grid/page-first-disabled.gif);
}
.ytb-button-disabled .ygrid-page-last{
    background-image: url(images/grid/page-last-disabled.gif);
}
.ytb-button-disabled .ygrid-page-next{
    background-image: url(images/grid/page-next-disabled.gif);
}
.ytb-button-disabled .ygrid-page-prev{
    background-image: url(images/grid/page-prev-disabled.gif);
}
.ygrid-mso{
}
.ygrid-mso .ygrid-hd{
    background:none;
    border-bottom:0px;
}
.ygrid-mso .ygrid-footer {
    border-top: 1px solid #6593cf;
}

.ygrid-mso .ygrid-footer .ygrid-fbutton{
    border:0px;
}
.ygrid-mso .ygrid-hd-body {
    border-bottom:0px;
}
.ygrid-mso .ygrid-hd-over{
    border-bottom:0px;
}
.ygrid-mso .ygrid-hd-over .ygrid-hd-body{
    background-color: transparent;
}
.ygrid-mso .ygrid-hd-split {
    background-image: url(images/grid/grid-blue-split.gif);
}
.ygrid-mso .ytoolbar .ytb-sep {
    background-image: url(images/grid/grid-blue-split.gif);
}
.ygrid-mso .ygrid-hrow{
    background: url(images/grid/mso-hd.gif);
    border-bottom: 1px solid #6593cf;
    height: 21px;
}
.ygrid-mso .ygrid-row{
    color: black;
    border-bottom: 1px solid #ddecfe;
}
.ygrid-mso .ygrid-row-alt{
    background-color: #f5f5f5;
}
.ygrid-mso .ygrid-row-selected{
    background-color: #b3c8e8  !important;
    color: black;
}
.ygrid-mso .ygrid-row-selected span{
    color: black !important;
}
.yprops-grid .ygrid-col-1{
     background-color: #f1efe2;
}
.yprops-grid .ygrid-col-1 .ygrid-cell-text{
     background-color: white;
}
.yprops-grid .ygrid-col-0{
     background-color: #f1efe2;
}
.yprops-grid .ygrid-col-0 .ygrid-cell-text{
     background-color: white;
     margin-left:10px;
}
.yprops-grid .ygrid-prop-edting .ygrid-col-0 .ygrid-cell-text{
     background-color: #316ac5;
     color: white;
}
.yprops-grid .ygrid-prop-edting .ygrid-col-0{
     color: white;
}
.yprops-grid .ygrid-num-editor{
    text-align:left;
}
.ygrid-row{
    border-bottom: 1px solid #f1efe2;
    overflow: visible;
    white-space: nowrap;
    height:21px;
    width:10000px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display:block;
    position:absolute;
}
.ygrid-row-alt{
    background-color: #fcfaf6;
}
.ygrid-row-over{
    background-color: #f1f1f1;
    color: black;
}
.ygrid-row-selected{
    background-color: #316ac5 !important;
    color: white;
}
.ygrid-row-selected span{
    color: white !important;
}
.ygrid-vista{
     border:1px solid #535353;
}
.ygrid-vista .ygrid-hd{
    border-bottom:0px;
}
.ygrid-vista .ygrid-hd-body {
    border-bottom: 1px solid #b3bcc0;
}
.ygrid-vista .ygrid-hd-over{
    border-bottom:0px;
}
.ygrid-vista .ygrid-hd-over .ygrid-hd-body{
    background-color: transparent;
    border-bottom:0px;
}
.ygrid-vista .ygrid-hd-split {
    background-image: url(images/grid/grid-split.gif);
}
.ygrid-vista .ygrid-hrow{
    background: url(images/grid/grid-vista-hd.gif);
    height: 21px;
}
.ygrid-vista .ygrid-row-alt{
    background-color: #f5f5f5;
}
.ygrid-vista .ygrid-row-selected{
    background-color: #535353  !important;
    color: white;
}
.ygrid-vista .ygrid-row-selected span{
    color: white !important;
}
.ygrid-vista .ygrid-wrap-body {
}
/* 
  To have the scrollbars overlap the header, change .ygrid-wrap top style to 0 and 
  and ygrid-wrap-body top to 22px
  Then grid.getView().scrollbarMode = YAHOO.ext.grid.GridView.SCROLLBARS_OVERLAP;
 */
.ygrid-wrap {
    height: 100%;
    left: 0;
    overflow: auto;
    position: relative;
    top: 22px;
    width: 100%;
}
.ygrid-footer{
    display: block;
    padding:0px;
    border-top: 1px solid #cbc7b8;
}
.ygrid-wrap-footer {
    display: block;
    overflow: hidden;
    width:100%;
    height:25px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #ebeadb;
    position:absolute;
    bottom:0px;
}
.ygrid-wrap-body {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    display: block;
}
.ygrid-wrap-headers {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 12;
}
/* 
The grid first check if a column style is defined as:
#your-grid .ygrid-col-0
if it doesn't find it, it uses one of the generic empty rules below.
If you have more than one grid on your page - you MUST define you columns
like above - #container-id .ygrid-col-0 and they must each be a separate rule
*/
.ygrid-col-0{
}
.ygrid-col-1{
}
.ygrid-col-10{
}
.ygrid-col-11{
}
.ygrid-col-12{
}
.ygrid-col-13{
}
.ygrid-col-14{
}
.ygrid-col-15{
}
.ygrid-col-16{
}
.ygrid-col-17{
}
.ygrid-col-18{
}
.ygrid-col-19{
}
.ygrid-col-2{
}
.ygrid-col-20{
}
.ygrid-col-3{
}
.ygrid-col-4{
}
.ygrid-col-5{
}
.ygrid-col-6{
}
.ygrid-col-7{
}
.ygrid-col-8{
}
.ygrid-col-9{
}

.ygrid-header-0{
}
.ygrid-header-1{
}
.ygrid-header-10{
}
.ygrid-header-11{
}
.ygrid-header-12{
}
.ygrid-header-13{
}
.ygrid-header-14{
}
.ygrid-header-15{
}
.ygrid-header-16{
}
.ygrid-header-17{
}
.ygrid-header-18{
}
.ygrid-header-19{
}
.ygrid-header-2{
}
.ygrid-header-20{
}
.ygrid-header-3{
}
.ygrid-header-4{
}
.ygrid-header-5{
}
.ygrid-header-6{
}
.ygrid-header-7{
}
.ygrid-header-8{
}
.ygrid-header-9{
}
/* The styles below are for the examples and can be removed */
#grid-example{
    border: 1px solid #cbc7b8;
    left: 0;
    position: relative;
    top: 0;
}
#grid-example .ygrid-col-0 {
}
#grid-example .ygrid-col-1 {
    text-align: right;
}
#grid-example .ygrid-col-2{
    text-align: right;
}
#grid-example .ygrid-col-3 {
    text-align: right;
}
#grid-example .ygrid-col-4 {
    text-align: right;
}
#grid-example.ygrid-mso{
    border: 1px solid #6593cf;
}
#grid-example.ygrid-vista{
    border: 1px solid #b3bcc0;
}
#xml-grid-example{
    border: 1px solid #cbc7b8;
    left: 0;
    position: relative;
    top: 0;
}
#xml-grid-example .ygrid-col-0 {
}
#xml-grid-example .ygrid-col-1 {
}
#xml-grid-example .ygrid-col-2{
}
#xml-grid-example .ygrid-col-3 {
}
#xml-grid-example.ygrid-mso{
    border: 1px solid #6593cf;
}
#xml-grid-example.ygrid-vista{
    border: 1px solid #b3bcc0;
}
#editor-grid .ygrid-col-2{
    text-align:right;
}
.ypopcal{
    background: white;
    padding:2px;
    border: 1px solid gray;
}
.ypopcal-shadow {
    background: #dddddd;
    filter: progid:DXImageTransform.Microsoft.Blur(MakeShadow=true,pixelradius=1) Alpha(opacity=35,style=1,startX=0,finishX=200,FinishOpacity=35);
    padding: 0px;
    position:absolute;
}
.ypopcal-head{
    width:150px;
    background: #93b5e4;
}
.ypopcal-head td{
    padding:1px;
}
.ypopcal-month{
    color: white;
    font: bold 7pt verdana;
    text-decoration: none;
    text-align:center;
}
.ypopcal-head .ypopcal-arrow{
    width:16px;
    text-align:center;
    cursor:pointer;
    -moz-user-select: none;
}

.ypopcal-head .next-month{
    width:16px;
    background-image: url(images/grid/arrow-right-white.gif);
    background-position: center;
    background-repeat: no-repeat;
    cursor:pointer;
}
.ypopcal-head .prev-month{
    width:16px;
    background-image: url(images/grid/arrow-left-white.gif);
    background-position: center;
    background-repeat: no-repeat;
    cursor:pointer;
}

.ypopcal-table {
    background:white;
    border-bottom: 1px solid #cccccc;
}
.ypopcal-table tr{
    
}
.ypopcal-table td{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid white;
    text-align:right;
    color:#aaaaaa;
    cursor:pointer;
    font:normal 8pt arial;
    background:white;
    padding:1px 2px;
    width:12px;
    height:12px;
}
.ypopcal-table td.today{
    border: 1px solid darkred;
}
.ypopcal-table .ypopcal-daynames td{
    text-align:center !important;
    border:0px;
    border-bottom: 1px solid #cccccc;
    font-size: 8pt;
    font-weight: normal;
    text-align:right;
    color:black;
    cursor:default;
}
.ypopcal-table td.active{
    cursor:pointer;
    color:black;
}
.ypopcal-table td.ypopcal-disabled{
    cursor:default;
    background:#eeeeee;
    border: 1px solid #eeeeee;
    color:#bbbbbb;
}
.ypopcal-table td.selected{
    background: #ddecfe;
    border: 1px solid #c3daf9;
}
.ypopcal-today{
    color: black;
    cursor: hand;
    display: inline-block;
    font: normal 8pt arial;
    margin-left: 2px;
    text-decoration: none;
    margin-top:0px;
}

.ygrid-simple-view .ygrid-col{
     height:100% !important;
     position:static;
     display:table-cell;
     display:inline-block;
}
.ygrid-simple-view .ygrid-row{
     position:static; 
     display: table-row;
}
/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}
#roster {
    margin-left : 0;
    padding-left : 0;
    list-style : none;
    }
li.group-label a.group-link { 
    border: 1px solid #BBC3D7;
    display: block;
    background-color: #D9E8FA;
    text-decoration: none;
    color : #215DC6;
    }
    
li.roster-contact-available {
    list-style-image: url(images/im_available.png);
}

li.roster-contact-away {
    list-style-image: url(images/im_away.png);
}

li.roster-contact-available a.contact-link, li.roster-contact-away a.contact-link {
    text-decoration: none;
    color : #000000;
}

li.roster-contact-away a.contact-link {
    font-style : italic;
}
 
 .ylayout-container {
    background-color: transparent !important;
}


.ydlg .ydlg-close {
    background-image: url(jive-images/basic-dialog/btn-close-sprite.png);
    cursor:pointer;
    font-size:1px;
    height:29px;
    width:25px;
    line-height:1px;
    margin:0px;
    padding:0px;
    position:absolute;
    right:5px;
    top:0px;
    visibility:inherit;
    z-index:6;
    }
.ydlg .ydlg-close.hover {
    background-image: url(jive-images/basic-dialog/btn-close-sprite.png) no-repeat fixed 0px 29px;
}


strong {
    font-weight: bold;
    }

/* YUI Overrides --- This will override the YUI styles from basic-dialog.css --------------------------------------------=========---------- */
.jivetheme-muc .ydlg { /* .ydlg is the Container for the entire chat window */
    }
.jivetheme-muc .ydlg .ydlg-dlg-body { /* The container for everything below the titlebar */
    background: #f7f7f7 url(jive-images/layout/bg_ydlg-dlg-body.gif) repeat-x scroll left bottom;
    border: 1px #d8d8d8 solid;
    border-top: 0px none;
    padding: 0px 15px;
    }
 .jivetheme-muc .ylayout-panel { /* All internal layout is contained inside a panel with the class ylayout-panel */
    border: none;
    background: none
}
 .jivetheme-muc .ylayout-nested-layout .ylayout-panel-north,
 .jivetheme-muc .ylayout-nested-layout .ylayout-panel-east,
 .jivetheme-muc .ylayout-nested-layout .ylayout-panel-south {
    border: none;
}
 .jivetheme-muc .ydlg .ydlg-bd, .ydlg .ylayout-container {
     border: none;
 }


/* Custom classes and IDs for Group Chat --------------------------------------------------------------------------------------------------- */

/* Container for the chat window. Helps determine where the chat window is on page. */
/* If fitToParent: "true" in the config js, then #groupchat-container controls where the dialog is positioned on screen as well as its size */
#groupchat-container { 
    background: #fff url(jive-images/animated/waitLoadingChattrans.gif) no-repeat center center;
    height: 500px;
    width: 650px;
    margin: 15px 0px;
    font-family: Arial, Helvetica, sans-serif;	
}

#groupchat-container a, #groupchat-container a:link {
    color: #FE6F01;
    text-decoration: underline;
    cursor: hand;
    cursor: pointer;	
    }
#groupchat-container a:visited {
    color: #CB5701;
    text-decoration: underline;
    }
#groupchat-container a:hover {
    text-decoration: none;
    }
#groupchat-container a:active {
    color: #FF9300;
    text-decoration: underline;
    }

/* Tooltips ------------------------------------------------------------------------------------------------------------------------------- */
.jivetheme-muc div.yui-tt { /* Tooltip with a small pointer arrow */
    /* background: url(jive-images/backgrounds/bg_tooltip-btm.gif) no-repeat left bottom; */
    width: 114px;
    /* padding: 0px 0px 5px 0px; */
    margin: 0px;
    z-index: 15000;
}
.jivetheme-muc div.yui-tt div.bd p {
    margin: 0px 0px 0px;
    padding: 5px;
    background: #FCB607 url(jive-images/backgrounds/bg-tooltip.gif) repeat-x left bottom;
    display: block;
    font: 10px/12px Arial, Helvetica, sans-serif;
    -moz-border-radius: 5px;

}


/* Group Chat Topic ----------------------------------------------------------------------------------------------------------------------- */
.jivetheme-muc .jive-topic {
    background: url(jive-images/labels/lbl-topic.gif) no-repeat left 0px;
    margin: 10px 0 0 0;
}

div.jive-topic p {
    height: 36px;
    color: #000;
    padding: 0px;
    font: bold 16px Georgia, "Times New Roman", Times, serif;
    padding: 8px 0 0 0;
    }
span.jive-topic-schedule {
    color: #666;
    font: normal 11px Arial, Helvetica, sans-serif;
}
    
/* User Controls - Username and Availability -------------------------------------------------------------------------------------------- */
/* The overall width of these controls should be at least the same as the intiial width set in Spank.js */

div.jive-user-controls {
    background: url(jive-images/labels/lbl-username.gif) no-repeat left 0px;
    margin: 10px 0 0 0;
}
div.jive-user-controls input.jive-muc-username {
    background: transparent;
    font: bold 16px Georgia, "Times New Roman", Times, serif;
    height: 20px;
    margin: 8px 0px 0px 0px;
    padding: 0px 0px;
    float: left;
    width: 135px;
    display: block;
    border: none;
}
div.jive-user-controls input.jive-muc-username-active {
    border: 1px solid #b5b5b5;
    background:#FFFFFF url(jive-images/backgrounds/bg-chatinset.gif) repeat-x left top;
    font: bold 16px Georgia, "Times New Roman", Times, serif;
    height: 18px;
    margin: 8px 0px 0px 0px;
    padding: 0px 2px;
    float: left;
    width: 129px;
    display: block;
}
div.jive-user-controls a.jive-muc-username-edit { /* Edit link next to username */
    width: 30px;
    font: 9px Arial, Helvetica, sans-serif;
    text-decoration: underline;
    background: none;
    border: none;
    display: block;	
    margin: 0px;
    padding: 15px 0px 0px 5px;
    position: absolute;
    right: 0px;
    background: #F8F8F8;
}
div.jive-muc-presence-control {
    clear: left;
    float: left;
    width: 160px;
    color: #666;
    font: normal 11px Arial, Helvetica, sans-serif;
    padding: 0px 0px 0px 15px;
    height: 16px;
    line-height: 16px;
    cursor: hand;
    cursor: pointer;
}
div.jive-user-controls div.available {
    background: url(images/im_available.png) no-repeat -3px top!important;
    }
div.jive-user-controls div.away {
    background: url(images/im_away.png) no-repeat -3px top !important;
    font-style: italic;
    color: #999;
    }
    
/* Title Bar ------------------------------------------------------------------------------------------------------------------------- */
/* .ydlg-hd is the titlebar for the chat window. It is broken up into 3 sections. Center then Left & Right Corners. */
.jivetheme-muc .ydlg .ydlg-hd {
    background: #000;
    padding: 5px;
    }
 .jivetheme-muc .ydlg .ydlg-hd-left {
    background: #000;
    padding-left: 5px;
    }
 .jivetheme-muc .ydlg .ydlg-hd-right {
    background: #000;
    padding-right: 5px;
    }
 .jivetheme-muc div.ydlg-hd h1 {
    color: #FFF;
    font-size: 100%;
    background: url(jive-images/groupchat/logo-SparkWeb-small.png) no-repeat;
    height: 17px;
    padding-left: 20px;
    margin-left: 5px;
    padding-top: 2px;
    }

/* Divider Handles (for resizing the dialogue internals) ------------------------------------------------------------------------------ */
 .jivetheme-muc .ylayout-split {
    background: none;
    height: 16px; /* Only effects vertical */
    width: 16px; /* Only effects horizontal */
    }
 .jivetheme-muc .ylayout-split-v {
    background: transparent url(jive-images/basic-dialog/s-handle.gif) repeat-x center center;
}
 .jivetheme-muc .ylayout-split-h {
    background:transparent url(jive-images/basic-dialog/e-handle.gif) repeat-y scroll center;
    padding:10px 0px;
    }

/* message entry area */
.jivetheme-muc textarea.jive-tab-message
{
    font-family: Arial,Geneva,sans-serif;
    font-size: 1em;
    border: 1px solid #DCDCDC;
    background:#FFFFFF url(jive-images/backgrounds/bg-chatinset.gif) repeat-x left top;
}

/* The Chat Window (where all the chatting happens)  ----------------------------------------------------------==--------------------- */
.jivetheme-muc .jive-chat { /*The main chat window */
    border: 1px solid #DCDCDC;
    background:#FFFFFF url(jive-images/backgrounds/bg-chatinset.gif) repeat-x left top;
}

.jivetheme-muc div.jive-history {
    margin: 0px 0px -15px; /* Fixes the overflow of text dissapearing at the bottom */
}

.jivetheme-muc div.jive-history div {
    padding: 0px;
    font-family: Verdana,Arial,Geneva,sans-serif;
    font-size: 10px !important;
    margin: 0px;
}
.jivetheme-muc div.jive-history div.contact-message {
    padding: 2px 15px;
    margin: 5px 0px;
}

.jivetheme-muc div.jive-history div.user-message {
    background: #f4f8ff;
    margin: 5px 0px;
    padding: 5px 15px;
}

.jivetheme-muc div.jive-history div.mentioned {
    background: #ffff99;
}

.jivetheme-muc div.jive-history div.consecutive {
    margin: -10px 0px 5px 0px;
}

.jivetheme-muc div.jive-history div span.meta {
    font-weight: bold;
    width: 100%;
}

.jivetheme-muc div.jive-history div.consecutive span.meta {
    display: none;
}

.jivetheme-muc div.jive-history div.action span.meta {
    display: none;
}

.jivetheme-muc div.jive-history div span.message-content {
    line-height: 13px;
    width: 100%;
}

.jivetheme-muc div.jive-history div.user-message span.meta {
    color: #354e79;
}
.jivetheme-muc div.jive-history div.contact-message span.meta {
    color: #000;
}

.jivetheme-muc div.jive-history div.status-message { /* Messages from the server (User logged out, logged in, etc.) */
    color: #666666;
    margin: 3px 0px;
    padding: 2px 5px;
}

.jivetheme-muc div.jive-history div span.meta em /* Date and Time Messages */
{
    display: none;  /* hides the timestamp next to the user name in the chat window */
    color: #444;
}


/* The Contact List aka Roster ------------------------------------------------------------------------------------------------------------ */
.jivetheme-muc div.jive-contact-list {
    background-color: #EDEDED;
    border: 1px solid #DCDCDC;
}
.jivetheme-muc ul.jive-roster, div.jive-muc-occupants ul {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    font-family: Arial,Geneva,sans-serif;
    font-size: 11px;
}

.jivetheme-muc ul.jive-roster span.group-label, 
.jivetheme-muc div.jive-muc-occupants span.group-label {  /* Collapsable Group Labels */
    display: block;
    padding: 5px 10px;
    background: #929292 url(jive-images/backgrounds/bg_grouplabel.gif) repeat-x left top;
    border-bottom: solid 1px #FFFFFF;
}
.jivetheme-muc ul.jive-roster span.group-label em, 
.jivetheme-muc div.jive-muc-occupants span.group-label em { /* Group Label Name */
    font-style: none;
    color: #FFF;
    font-weight: bold;
    display: block;
    font-size: 12px;
}

.jivetheme-muc ul.jive-roster ul.group-list li span.msg, 
.jivetheme-muc div.jive-muc-occupants ul ul.group-list li span.msg { /* Users Status Message */
    background-image: none;
    color: #999;
    background-color: transparent;
    display: inline;
    border-bottom-width: 0px;
    padding: 0px 2px;
    display: none;
}


/* FORMAT FOR USERS IN CONTACT LIST: 
<li class="even/odd/hover/selected">
    <span class="roster-contact-(status)>Username</span>
    <span class="msg">User's message</span>
</li>

I've set it up so that the li sets the background, and the span on the username sets the status icon. - Sigler

*/

.jivetheme-muc ul.jive-roster ul.group-list li, 
.jivetheme-muc div.jive-muc-occupants ul ul.group-list li {
    display: block;
    height: 11px;
    cursor: pointer;
    color: #000;
    font-size: 11px;
    padding: 4px 0px;
    overflow: hidden;
}

.jivetheme-muc ul.jive-roster ul.group-list li.even, 
.jivetheme-muc div.jive-muc-occupants ul ul.group-list li.even { /* Every even numbered contact */
    background: #e3e3e3;
}

.jivetheme-muc ul.jive-roster ul.group-list li.odd, 
.jivetheme-muc div.jive-muc-occupants ul ul.group-list li.odd { /* Every odd numbered contact */
}

.jivetheme-muc ul.jive-roster ul.group-list li.hover, 
.jivetheme-muc div.jive-muc-occupants ul ul.group-list li.hover { /* Hovering over a user in roster */
    color: #000;
    background: #ffc955 url(jive-images/backgrounds/bg-roster-userhighlight.gif) repeat-x center center;
}

.jivetheme-muc ul.jive-roster ul.group-list li.selected, 
.jivetheme-muc div.jive-muc-occupants ul ul.group-list li.selected { /* Selecting a user in the roster */
    color: #000;
    border-top: 1px solid #FFAD04;
    border-bottom: 1px solid #FFAD04;
    background: #ffc955 url(jive-images/backgrounds/bg-roster-userhighlight.gif) repeat-x center center;
    padding: 3px 0px;
}

.jivetheme-muc ul.jive-roster ul.group-list span.username, 
.jivetheme-muc div.jive-muc-occupants ul ul.group-list span.username { /* Usernames in Roster */
    padding: 0px 0px 0px 20px;
    margin: 0px 0px 0px 5px;
    line-height: 11px;
}

.jivetheme-muc .roster-contact-available {
    background: url(images/im_available.png) no-repeat left center!important;
}

.jivetheme-muc .roster-contact-chat {
    background: url(images/im_free_chat.png) no-repeat !important;
}

.jivetheme-muc .roster-contact-composing {
    background: url(images/message_edit.png) no-repeat !important;
}

.jivetheme-muc .roster-contact-away {
    background: url(images/im_away.png) no-repeat !important;
    font-style: italic;
    color: #999;
}

.jivetheme-muc .roster-contact-xa {
    background: url(images/im_away.png) no-repeat !important;
    font-style: italic;
    color: #999;
}

.jivetheme-muc .roster-contact-dnd {
    background: url(images/im_dnd.png) no-repeat !important;
    font-style: italic;
    color: #999;
}

.jivetheme-muc .roster-contact-onphone {
    background: url(images/im_onphone.png) no-repeat !important;
    font-style: italic;
    color: #999;
}

.jivetheme-muc .roster-contact-onroad {
    background: url(images/im_onroad.png) no-repeat !important;
}

.jivetheme-muc .roster-contact-pending {
    background: url(images/im_pending.png) no-repeat !important;
}

.jivetheme-muc .roster-contact-unavailable {
    background: url(images/im_unavailable.png) no-repeat !important;
    font-style: italic;
    color: #999;
}


/* Invite Menu ------------------------------------------------------------------------------------------------ */
div.jive-userpane {
    background: transparent url(images/sparkbg.gif) repeat-x scroll left center;
    height: 22px;
    padding: 7px 5px;
    position: relative;
    font-family: Arial,Geneva,sans-serif;
    font-size: 0.9em;
}
div.jive-userpane strong {font-weight: bold;}
div.jive-userpane a {
    text-decoration: none;
    color: #333;
    background-color: #e5e9ec;
    padding: 3px 6px;
    border: 1px solid #333;
    margin: 0px 10px;
}
    
div.muc-ctrl-frame {
    display: inline;
    position: absolute;
    top: 7px; /* i don't know either */
    right: 3px;
}
div.jive-invite-control {
    background-color: #e5e9ec;
    margin-left: 4px;
    padding: 2px 5px;
    border: 1px solid black;
    cursor: pointer;
    display: inline;
}
div.jive-invite-menu {
    position: absolute;
    border: 1px solid #000;
    background-color: white;
}
div.yui-ac-bd {
    font-family: Arial,Geneva,sans-serif;
}
div.yui-ac-bd li {
    height: 16px;
    overflow: hidden;
    cursor: pointer;
}
div.yui-ac-bd li.yui-ac-highlight {
    background-color: #bcc;
}
div.jive-invite-menu div.yui-ac-bd li div {
    padding-left: 18px;
}
div.yui-ac-bd div.empty {
    padding: 2px;
    font-style: italic;
}

div.jive-mucinvite { /* thing that appears inline in chat windows */
    background-color: #e5e9ec;
}
div.jive-mucinvite p {
    font-weight: bold;
}
div.jive-mucinvite a {
    margin: 0px 9px;
}

/* tabs */
.ytab-strip .ytab-text {padding-left: 16px;}
.ylayout-panel .ytab-wrap {
    background: transparent url(images/sparkbg.gif) repeat-x scroll left bottom !important;
}


/* roster window controls */
.jive-ctrlbar {
    height: 22px;
    margin-top: 2px;
    margin-left: 5px;
}
.jive-ctrlbar a.jive-control-btn,
.jive-userstatus p.jive-mystatus a
{
    color: #000 !important;
    text-decoration: none;
    display: none;
    margin: 0px 3px 0px 0px;
    padding: 1px 3px;
    font-family: Arial,Geneva,sans-serif;
    font-size: 0.8em;
}
.jive-ctrlbar a.jive-control-btn {
    background-color: #ddd;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #aaa;
    border-left: 2px solid #fff;
    border-right: 2px solid #aaa;
    border-style: outset;
}
.jive-ctrlbar a.jive-control-btn:hover,
.jive-userstatus a.jive-statusmenu-ctrl:hover {
    background-color: #eee;
}
.jive-ctrlbar a.jive-control-btn:active {
    border-style: inset;
    border-top: 2px solid #aaa;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #aaa;
    border-right: 2px solid #fff;
    background-color: #eee;
}
.jive-ctrlbar a.disabled {
    color: #999;
    border: 1px solid #999;
    padding: 2px 4px;
    cursor: none;
}
.jive-ctrlbar img.autobtn {
    cursor: pointer;
    margin-right: 5px;
}


.jive-userstatus, .jive-chat-toppane, .jive-controlpanel {
    padding: 4px;
    font-family: Arial,Geneva,sans-serif;
    background: transparent url(images/sparkbg.gif) repeat-x scroll left bottom;
    position: relative;
}
.jive-chat-toppane p {
    margin-left: 4px; 
}
.jive-userstatus p.avatar, .jive-chat-toppane p.avatar {
    float: left;
    margin: 3px 6px 2px 2px;
    display: none;
}
.jive-userstatus p.avatar img, .jive-chat-toppane p.avatar img {
    margin: 0px;
    padding: 1px;
    border-width: 0px 1px 1px 0px;
    border-color: #999;
    border-style: none solid solid none;
    background-color: white;
}
.jive-userstatus h4, .jive-chat-toppane h4 {
    margin-left: 5px;
    font-size: 0.78em;
}

.jive-userstatus p.jive-mystatus a {
    display: inline;
    margin-left: 0px;
    padding-left: 18px;
    font-size: 0.8em;
    background-position: 0px 0px !important;
}
.jive-userstatus p.jive-mystatus a span {
    padding-right: 10px;
    background: transparent url(images/menutri.gif) no-repeat right 50%;
}

div#jive-statusmenu, div#contact-conmenu, div#group-conmenu {
    font-family: Arial,Geneva,sans-serif;
    font-size: 0.8em;
    background-color: white;
}
div#jive-statusmenu ul, div#contact-conmenu ul, div#group-conmenu ul {
    padding: 4px 0px 0px 0px;
}
div#jive-statusmenu ul.first-of-type,
div#contact-conmenu ul.first-of-type, 
div#group-conmenu ul.first-of-type {
    padding: 0px 0px 4px 0px;
}
div#jive-statusmenu ul li, div#contact-conmenu ul li, div#group-conmenu ul li {
    padding: 2px 0px 1px 18px;
}
div#jive-statusmenu ul li a,
.jive-userstatus p.jive-mystatus a span {
    font-style: normal !important;
}

.jive-chat-toppane .jive-ctrlbar-topchat {
    position: absolute;
    top: 5px;
    right: 4px;
}
/* oh, and: */
.jive-chat-toppane {
    height: 50px;
}

/* small dialogs and chat toppane */
.ydlg-bd .dhead {
    background-color: white;
    padding: 8px 4px;
    font-family: Arial,Geneva,sans-serif;
}
.ydlg-bd .dhead p {
    padding: 7px;
    background-color: #e5e9ec;
}
.ydlg-bd .dbody {
    padding: 3px 5px;
    font-family: Arial,Geneva,sans-serif;
}
/*.jive-toppane {
    padding: 5px 5px; 
    background: transparent url(images/sparkbg.gif) repeat-x scroll left bottom;
}
.jive-toppane span {padding-top: 2px;}*/
.jive-toppane strong {font-weight: bold;} /* duh */
.jive-toppane a {
    margin: 0px 7px;
    color: #333;
    background-color: #ddd;
    text-decoration: none;
    border: 1px solid #333;
    padding: 3px;
    font-size: 0.78em;
}

.ydlg-bd .dbody td {
    padding: 4px 0px;
}
.ydlg-bd .dbody input.btn {
    padding: 1px 9px;
}
div.groups-ac {
    font-family: Arial,Geneva,sans-serif;
    font-size: 0.78em;
    position: absolute;
    border: 1px solid black;
    background-color: #fff;
    padding: 2px;
    width: 100px;
    visibility: hidden;
}

div.subrequest {
    margin: 20px 4px 8px 4px;
    border: 1px solid #aaa;
    padding: 5px;
}
p.legend {
    margin-top: -15px;
    margin-bottom: 5px;
}
p.legend span {
    background-color: #e5e9ec;
    padding: 2px;
}
div.subrequest label.disabled, div.subrequest td.disabled {color: #999;}
input.subrequest {margin: 0px 6px; padding: 1px 4px;}

#jive-spinner
{
    padding: 3px;
    width: 120px;
    height: 25px;
    position: absolute;
    font-family: Arial,Geneva,sans-serif;
    font-weight: bold;
}
#jive-spinner img {padding: 0px 4px;}
div.jive-spinnertab {background-color: #e5e9ec !important; position: relative;}
div.jive-spinnertab div {position: absolute; top: 185px; left: 200px;}