/* Styles for Public web C4.2, layout declarations. */

/* ======================= LAYOUT ======================= */
/* The main container the holds the complete page content. */
.layout #maincontainer{background-color:#A6CBFF;height:100%;margin:0;width:100%;
                       min-height:700px;position:relative;text-align:left}
.layout #container{background-color:#FFFFFF;height:100%;margin:0 auto;
                   position:relative;text-align:left;width:990px}
/* DIV Container used for header in publicViewTemplate page. */
.layout #header{background:url(/converis/images/client/internet_header.jpg) no-repeat scroll top center #FFFFFF;
                font-size:55%;padding:0;width:990px;height:125px}
#headerlinks{padding:20px 30px 0 0;text-align:right;color:#FFFFFF}
/* DIV Container used for Left navigation column. */
.layout #leftCol{background-color:#FFFFFF;float:left;font-size:80%;
                 margin:0;padding:10px 10px 10px 20px;text-align:left;width:220px}
/* Style for the container that holds the contents in the left column. */
#leftBoxContainer{float:left;padding:4px 4px 25px}
/* Style for the container that holds navigation tree (or Area tree). */
#leftColumnContent{background-color:#FFFFFF;padding-left:5px;
                   padding-top:25px;width:180px}
/* DIV Container used for Right columns. */
.layout #rightCol{background-color:#FFFFFF;border:0;float:left;font-size:70%;
                  left:715px;margin:0;padding-left:5px;padding-right:10px;
                  padding-top:2px;width:205px}
/* Container that holds all the right column contents. */
#rightBoxContainer{float:left;padding:25px 5px}
/* Style for the individual right column contents. */
.rightColumnContent{background-color:#FFFFFF}
/* DIV Container used for the main content. */
.layout #mainContent{float:left;height:auto !important;min-height:550px;
                     padding:5px 0 0 10px;width:710px}
#mainContent{height:550px}
.layout #cloudContent{background-color:white;float:left;height:auto !important;
                      min-height:550px;padding:20px;width:950px}
#cloudContent{height:550px}
/* For IE6 */
/* DIV Container used for Footer in publicViewTemplate page. */
.layout #footer{border:0;clear:both;color:#4F4F4F;font-size:65%;margin:0 !important;
                padding:15px;position:relative;text-align:left;width:960px}
.footerGroup{background:url("/converis/images/client/bg_footer.png") no-repeat scroll top center #FFFFFF;
             height:12px;padding:7px 15px}

/* ====================== BEGIN Tab styles ========================= */
#tab{margin:0 0 0 -40px;list-style-type:none}
#tab li{margin:0;display:block;float:left}
#tab li a:link, #tab li a:visited{
    background:url("/converis/images/client/bg_tab.png") repeat scroll 0 -54px transparent;
    color:#3D3D3D;display:block;font-size:85%;font-weight:bold;
    height:14px;margin:0;padding:7px 0;text-align:center;
    text-decoration:none;vertical-align:middle;width:114px}
#tab li a:hover{background-position:0 27px;color:#0A2375}
#tab #current a{background-position:0 27px;color:#0A2375}
#tab #highlight {color:#0A2375;font-size:12px;font-weight:bold;margin:0px;padding:7px}
.listSelectedTab {
    color:#0A2375;display:block;font-size:85%;font-weight:bold;
    background:url("/converis/images/client/bg_tab.png") repeat scroll 0 27px transparent;
    height:14px;margin:0;padding:7px 0;text-align:center;
    text-decoration:none;vertical-align:middle;width:114px}
/* ====================== END Tab styles ========================= */

/* ======================= GENERAL ======================= */
html,body{background-color:#A6CBFF;color:#000000;
          font-family:verdana,geneva,arial,helvetica,sans-serif;
          font-size:100%;margin:0;padding:0;text-align:center}
/* Bug #2084: Always show vertical scrollbar. */
html{overflow-x:auto;overflow-y: scroll;}
hr{background-color:transparent;border-bottom:1px dotted #89BBFF;
   border-left:0 dotted #9C9D9F;border-right:0 dotted #9C9D9F;
   border-top:0 dotted #9C9D9F;color:#C1C6DC;height:1px;width:100%;margin:4px 0}
h1{color:#000000;font-size:180%;font-weight:normal;margin:0 0 12px}
.successmessage{background-color:#E1FFE1;font-family: Arial, Helvetica, sans-serif;
                font-size:12px;color:#008000;text-align:left;vertical-align:middle;
                border:#008000 solid 1px;padding:2px;}
.errormessage{background-color:#FFE1E1;font-family:Arial, Helvetica, sans-serif;
              font-size:12px;color:#FF0000;text-align:left;vertical-align: middle;
              border:#FF0000 solid 1px;padding:2px;}
.errorvalidation{font-family:Arial, Helvetica, sans-serif;font-size:11px;
                 color:#FF0000;padding-right:5px;}
a:hover{border:0 solid transparent;color:#5D80AA;text-decoration:underline}
a:active,a:link,a:visited{border:0 solid transparent;
                          color:#3B4B8D;text-decoration:none}
/* BreadCrumb container Style. */
.breadContainer{background-color:#FFFFFF;font-size:70%;margin:0;
                padding:5px 20px;width:950px}
.leftColHeading{color:#3B4B8D;font-size:80%;font-weight:bold;height:14px;padding:0px}
.detailLeftColHeading{color: #3B4B8D;font-size: 100%;font-weight: bold;}
.left-tab-cnt-head{color:#3B4B8D;font-size:150%;font-weight:bold;padding:0 0 10px}
.left-tab-cnt{background:transparent url(/converis/images/client/bg_pw_tab_cnt.png) repeat-x scroll bottom left;
              color:#818181;font-size:80%;border:1px solid #F1F1F1;padding:10px}
.left-tab-fltr-head{color:#3B4B8D;font-size:100%;font-weight:bold;padding:0 0 10px}
.left-tab-fltr-cnt{background:#E4E4E4 url(/converis/images/client/bg_pw_filter_cnt.png) repeat-x scroll top left;
                   border:1px solid #F1F1F1;padding:10px;width:186px}

a.tagCloud{color:#5B7FAF;word-wrap:break-word}
a.tagCloud:hover{text-decoration:underline}
.treeTable{width:100%;font-size:75%}
.treeLink{color:#5B7FAF;padding-top:2px;padding-bottom:2px}
/* Default page header. E.g.: Area title, Project title, etc  */
.pageHeading{color:#3B4B8D;font-size:140%;padding-bottom:5px}
.attributeName{font-size:70%;font-weight:bold;color:#000000}
.attributeValue {font-size:70%;color:#000000}
.updatedTxt{color:#6F6F6F;font-size:70%}

.tableColumn{vertical-align:top;padding-left:4px}
.topColumn{vertical-align:top}
.columnLeft{}
.columnRight{float:right}
.orgaColLeft{vertical-align:top}
.orgaColRight{vertical-align:top}
.detail-proj-leftcol{border-bottom:1px dotted #89BBFF;vertical-align:top;width:150px;
                     padding:3px 0 3px 0}
.detail-proj-rightcol{border-bottom:1px dotted #89BBFF;vertical-align:top;
                      padding:3px 0 3px 0}
.persColLeft{vertical-align:top;width:60px}
.persColRight{vertical-align:top}
.personPicture{float:left;padding:1px;border:1px solid #CCCCCB;background-color:white}
.listBox{clear:both;border-bottom:1px solid #CCCCCB;background-color:#FFFFFF;padding:5px 2px 2px 2px}
.listViewPicture{width:60px;float:left;padding:1px;border:1px solid #CCCCCB;background-color:white}
a.detailLink{color:#3B4B8D;font-size:100%;font-weight:bold}
a.detailLink:hover{color:#CC7700}
a.boxLink{color:#3B4B8D;font-size:100%}
a.boxLink:hover{color:#CC7700}
.highlightLink{font-weight:bold}
.link{color:#818181 !important;text-decoration:underline}
.link-sel{color:#818181 !important;font-weight:bold}

.searchField{border-color:#C0CBDF;color:#A6A6A6;font-size:70%;
             margin:45px 5px 0 90px;padding:3px;width:441px}
.searchBox{background-color:transparent;background-image: url(/converis/images/client/bg_search_panel.png);
           background-attachment:scroll;background-repeat:no-repeat;height:80px}
.searchBtn{background:url(/converis/images/client/bg_btn_search.png) no-repeat scroll left top transparent;
           cursor:pointer;font-weight:bold;text-align:center;
           /* Hack for invalid width of the buttons. */
           padding:0 2px 2px;width:60px;height:20px;overflow:visible;border:0 none}
.searchLink{background-attachment:scroll;background-color:transparent;
            background-position:left top;cursor:pointer;font-weight:bold;height:20px;
            background-image: url("/converis/images/client/bg_btn_search.png");
            background-repeat:no-repeat;color:#3B4B8D;padding-bottom:20px;
            padding-left:60px;padding-right:2px;padding-top:0px;width:60px}
.event-box{background: transparent url(/converis/images/client/bg_events_panel.png) no-repeat scroll left top;
           font-size:70%;height:196px}

.cld-group{width:625px;padding-top:15px}
.cld-box{background: transparent url(/converis/images/client/bg_box_cloud.png) no-repeat scroll top left;
         height:240px;width:300px}
.cld-box-head{height:25px;font-size:100%;text-align:left;color:#DC8D42;padding-top:3px;
              font-family:Trebuchet MS,verdana,Arial,Helvetica,sans-serif;width:300px}
.cld-box-cnt{height:170px;padding:5px;text-align:center;width:290px}
.cld-box-foot{font-size:60%;text-align:right;color:#92AAD8;padding-right:5px;width:295px}

.list-search-box{margin-bottom:10px;padding:5px;height:68px;
                 background:transparent url(/converis/images/client/bg_leftcol_back.png) no-repeat scroll top left}
.list-box-filter-attr{width:723px;min-height:100px;font-size:70%;margin:10px 0 10px 0;padding:7px;
                      background: transparent url(/converis/images/client/bg_rel_ios.png) no-repeat scroll top left;
                      font-family:Trebuchet MS,verdana,Arial,Helvetica,sans-serif}
.list-box-sort-page{background:transparent url(/converis/images/client/bg_box_sort.png) repeat-x scroll bottom left;
                    color:#818181;font-size:70%;height:22px;margin-bottom:10px;width:710px;
                    border-bottom:1px solid #F1F1F1;border-left:1px solid #F1F1F1;
                    border-right:1px solid #F1F1F1}
.list-box-btm-links{background-color:#E7EEF8;color:#818181;font-size:70%;
                    margin:10px 0 10px 0;width:710px;height:30px}
.list-filter{background-image: url('/converis/images/client/bg_list_filter.png');
             background-repeat:repeat-x;background-position:left top;min-height:100px;
             font-size:70%;margin-bottom:10px;width:710px;}
.detail-filter{font-size:70%;margin-bottom:10px;min-height:55px;padding:5px 0;width:710px}
.list-filter-head{border-bottom:1px dotted white;color:white;font-size:100%;
                  font-weight:bold;margin-bottom:5px;padding-bottom:5px}
.list-filter-link{padding:2px 0 2px 10px;color:#4F4D50;display:block}
.list-filter-link-sel{background:url(/converis/images/client/ico_delete.png) no-repeat scroll left 6px transparent;
                      padding:2px 0 2px 10px;color:#000000;display:block;font-size:90%}

.detail-back-box{margin-bottom:10px;padding:10px;height:58px;
                 background: transparent url(/converis/images/client/bg_leftcol_back.png) no-repeat scroll top left}
.detail-box-filter-attr{width:696px;min-height:80px;font-size:70%;margin:10px 0 10px 0;padding:7px;
                        background: transparent url(/converis/images/client/bg_rel_ios.png) no-repeat scroll top left;
                        font-family:Trebuchet MS,verdana,Arial,Helvetica,sans-serif}
.detail-box-orga-filter-attr{background:url(/converis/images/client/bg_rel_ios.png) no-repeat scroll left top transparent;
                             font-size:60%;min-height:100px;width:710px}
.detail-box-sort-page{background-color:#E7EEF8;color:#4F4D50;
                      height:30px;margin-bottom:10px;margin-top:50px;width:710px}
.detail-box-btm-links{background-color:#E7EEF8;color:#4F4D50;font-size:70%;
                      margin:20px 0 10px 0;width:710px;height:30px}

.detail-rel-box-out-div {width:340px}
.detail-rel-box-in-div {background: transparent url(/converis/images/client/bg_box_btm.png) no-repeat scroll left bottom;
                        padding-bottom:14px}
.detail-rel-box-head {color:#DC8D42;font-family:Trebuchet MS,verdana,Arial,Helvetica,sans-serif;
                      border-bottom:1px dashed #89BBFF;font-size:100%;height:25px;text-align:left}
.no-result-txt {color:#818181;float:left;font-size:75%;padding:15px 5px 5px}

/* ===== Selected Filter ===== */
.filter-link{background:url(/converis/images/client/ico_add.png) no-repeat scroll left 4px transparent;
             padding-left:10px}
.filter-link-sel{background:url(/converis/images/client/ico_delete.png) no-repeat scroll left 1px transparent;
                 padding-left:14px}

/* ===== Navigation tree links ===== */
/* selected treenode */
.treeNodeOnSelectedPath{background-color:transparent;color:#072C7C;
                        font-weight:bold;padding-left:0}
/* non-selected treenode */
.treeNodeNotOnSelectedPath{background-color:transparent;color:#0069A2;
                           font-weight:normal;padding-left:0}
.treeNodeOnSelectedPath:hover,.treeNodeNotOnSelectedPath:hover{
    color:#D80122;text-decoration:underline !important}
/* top-level */
.treeNodeBig{display:block;font-size:100%;font-weight:bold;padding:2px 0}
/* second-level */
.treeNodeMedium{display:block;font-size:90%;font-weight:normal;padding:4px 0}
/* third-level */
.treeNodeSmall{display:block;font-size:80%;line-height:12px;padding:2px 0}

/* ======================= OVERRIDE ======================= */
/* ===== RichFaces Table styles ===== */
/*Hide borders (top/left) */
.dr-table, .rich-table {
    background-color:transparent;border-left:0 solid #C0C0C0;
    width:100%;border-top:0 solid #C0C0C0;
    font-family:verdana,geneva,arial,helvetica,sans-serif}
/* Hide borders (bottom/right) and remove padding */
.dr-table-cell, .rich-table-cell{
    border-right:0 solid #C0C0C0;font-size:100%;border-bottom:0px dotted #89BBFF;
    padding:6px 0;font-family:verdana,geneva,arial,helvetica,sans-serif}
.dr-table-footer, .rich-table-footer {background-color:transparent}
.dr-table-footercell, .rich-table-footercell {border:0 none}
/* ===== RichFaces TabPanel styles ===== */
.rich-tab-inactive{cursor:pointer}
/* Left and right borders of Tabs */
.dr-tbpnl-tbbrdr, .rich-tabhdr-side-border {
    background-image:url(/converis/images/internet/borders/dr-tbpnl-tbbrdr.gif)}
/* Top border of Tabs */
.dr-tbpnl-tbtopbrdr, .rich-tabhdr-side-cell {border-top-color:#CCCCCB}
/* Bottom line of Tabs */
.dr-bottom-line, .rich-tab-bottom-line{border-bottom:1px solid #CCCCCB}
/* TabPanel content borders */
.dr-tbpnl-cntnt{background-color:#FFFFFF;border-bottom:1px solid #CCCCCB;
                border-left:1px solid #CCCCCB;border-right:1px solid #CCCCCB}
/* Active Tab */
.dr-tbpnl-tb-act, .rich-tab-active {
    background-color:#FFFFFF;
    background-image:url(/converis/images/internet/tabPanel_active.png);
    border:none;color:#000000;font-size:100%;
    font-weight:normal;padding:2px 5px}
/* In-active Tab */
.dr-tbpnl-tb-inact, .rich-tab-inactive {
    background-color:#C2C4C6;
    background-image:url(/converis/images/internet/tabPanel_inactive.png);
    border:none;color:#000000;cursor:pointer;
    font-size:100%;padding:2px 5px}
/* In-active Tab */
.dr-tbpnl-tb{padding:2px 5px}
/* ===== RichFaces DataScroller styles ===== */
/*Table holding the Scroller */
.dr-dscr-t, .rich-dtascroller-table {
    background-color:transparent;border:none;
    color:#34438F;font-size:100%;font-weight:bold}
/* Active page */
.dr-dscr-act, .rich-datascr-act {
    border:none;color:#CF7A05;font-size:100%;font-weight:bold;width:20px}
/* In-active page */
.dr-dscr-inact, .rich-datascr-inact {
    border:none;color:#BDBDBD;cursor:pointer;font-size:100%;
    font-weight:bold;text-align:center;width:20px}
/* Button and separator */
.dr-dscr-button,.dr-dscr-sepctrl .rich-datascr-button {
    background-color:transparent;
    border:none;color:#00689F;cursor:pointer;
    font-size:100%;text-align:center;width:15px}
.ds-top{width:100%;border-bottom:1px solid #BDBDBD}
.ds-btm{width:100%;border-top:1px solid #BDBDBD;border-bottom:1px solid #BDBDBD}
.rich-stglpanel-marker {color:#3B4B8D}
.rich-stglpanel-body {padding:13px}

/* ===== HTML Input elements ===== */
INPUT{border-color:#C2C4C6;border-style:solid;border-width:1px;
      font-family:verdana,geneva,arial,helvetica,sans-serif;
      font-size:85%;text-align:left}
/* SELECT OPTION */
SELECT{border-color:#C2C4C6;border-style:solid;border-width:1px;
       font-size:85%;padding:1px 0;text-align:left}
INPUT[type=checkbox],INPUT[type=radio]{background:none;border:0 solid #FFFFFF}

/*==== Styles for 'Clickable HTML Reports' ====*/
.report_container {background-color:#FFFFFF;border:1px solid #AAAAAA;padding:0 20px;
                   font-size:80%}
#elements {margin:12px 0px 0px 0px}
.element {margin:20px 0 0}
.report_title {background-color:#CAD7EA;border-bottom:1px solid #AAAAAA;
               color:#3B4B8D;font-weight:bold;padding:5px 8px;margin:0 -20px 10px}
.element_help {color:#564B47;font-size:80%}
.element_title {font-weight:bold;height:16px;padding:20px 0 10px;color:#3B4B8D}
.element_table {}
.element table a {color:#3a5B91}
.element table a:hover {color:#CC7700}
.element_table th {background-color:#cad7ea;margin:0px 0px 2px 0px;padding:5px}
.element_table td {margin:0px 0px 2px 0px;padding:5px}
.element_selfilter {font-size:90%;font-weight:bold}
.element_imgpnl {padding:10px 0}

.table_row_even {background-color:#e8e8e8}
.table_row_odd {background-color:#ffffff}
.aleft {float:left}
.aright {float:right}
.tcenter {text-align:center}
.tleft {text-align:left}
.tright {text-align:right}
.atop {vertical-align:top}
.is_button {background-color:#ECF3FD;border:1px solid gray;color:#564B47;font-weight:normal;
            font-size:10px;margin:0 2px;padding:1px 8px 2px;vertical-align:top}
.element_table_th {background-color:#CAD7EA;margin:0 0 2px;padding:5px}
.header {color:#564B47;font-family:Arial,Helvetica,sans-serif;font-size:11px}
.element_table th {color:#564B47;font-family:Arial,Helvetica,sans-serif;font-size:11px}
.amount_elements {color:#777777;font-size:11px;margin:0 0 0 10px;text-transform:none}
.element_table td {color:#564B47;font-family:Arial,Helvetica,sans-serif;font-size:11px;
                   margin:0 0 2px;padding:5px}
.help {padding:0 0 10px;width:100%}
.help td {margin:2px}
.bold {font-weight:bold}

/* ================= CONVERIS MODAL PANEL STYLES=======================*/
.listViewModalPanel {text-align: left;}
.listViewModalPanel .rich-mpnl-body {padding: 0 !important;}
.listViewModalPanel .rich-tab-bottom-line {background-color: #bed6f8;
                                           padding-left: 10px;}
.listViewModalPanelButtons {margin-top: 20px; text-align: right;}
.listViewModalPanelButtons input {border: none;}
.listViewModalPanelButtons img {margin-right: 5px; vertical-align: middle;}

.listViewModalPanelHeaderIOT {font-size: 20px; font-weight: bold;}
.listViewModalPanelHeaderText {font-size: 20px; font-weight: normal;}
.listViewTreeScrollPanel {
    overflow: auto; width: 100%;border: 1px solid #C0CBDF;
    background-color: transparent; padding: 0px;}

.listViewRelationTargetModalPanelBody {
    text-align:left;width:442px;height:442px;overflow-y:auto;
    overflow-x:hidden;padding:10px}
.list-filter-table{width:710px}

/* ModalPanels */
.dr-mpnl-pnl-h, .rich-mpnl-header {
    background:#364C8E url(/converis/images/client/bg_mdpnl_head.png) repeat-x scroll top left;
    color:#FFFFFF}
.dr-mpnl-pnl-b, .rich-mpnl-body {
    font-family:verdana,geneva,arial,helvetica,sans-serif;
    font-size:11px;padding:0;background-color:#FFFFFF;
    background-image: url(/converis/images/client/bg_popup_cnt.png);
    background-attachment:scroll;background-repeat:repeat-x}
.dr-mpnl-shadow {left:2px;top:2px}
.dr-mpnl-mask-div {background-color:#B1AFAF;opacity:0.5;
                   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
                   filter:alpha(opacity=50)}

/* ================== Modal panels =====================*/
.mpHeader{padding:10px;text-align:left;font-size:12px;line-height:16px;
          font-family:verdana,geneva,arial,helvetica,sans-serif}
.mpHeaderText{font-size:18px;font-weight:bold}
.modalPanelBody{text-align:left;width:500px;height:350px;overflow-y:auto;overflow-x:hidden;padding:10px}
.modalPanelSelectionBody{text-align:left;overflow-y:auto;overflow-x:hidden;padding:10px}
.modalPanelFooter{text-align:right;background-color:#FFFFFF;height:26px;
                  padding:0px 6px 0px 10px;border-top:1px solid #959595}
.mpFooterButtonCol{width:90px;text-align:left;padding:0px 0px 0px 0px}
.modalPanelTableHeader{
    color: #000000;font-family: Arial,Verdana,sans-serif;font-size: 11px;
    font-weight:bold;text-align:left;background:#EAF0F8;vertical-align:top;
    background-image:none !important;border-bottom:1px solid #C0CBDF !important}
.button {
    color: #FFFFFF !important;
    background-image: url(/converis/admin/images/btn_bg_act.png);
    background-color: transparent; background-repeat: repeat-x;
    background-position: top left; background-attachment: scroll;
    border-color: #072C7D; border-style: solid; border-width: 1px;
    font-size: 11px; font-weight: bold; text-align: center; cursor: pointer;
    /* Hack for invalid width of the buttons. */
    margin: 1px 5px; padding: 2px 15px; width: auto; overflow: visible;
}
.buttonBlu90 {
    color: #FFFFFF !important;
    background-image: url(/converis/admin/images/btn_bg_blu_full_90.png);
    background-color: transparent; background-repeat: no-repeat;
    background-position: top left; background-attachment: scroll;
    font-size: 11px; font-weight: bold; text-align: center; cursor: pointer;
    /* Hack for invalid width of the buttons. */
    margin: 1px 4px; padding: 2px 2px; width: 90px; height: 20px;
    overflow: visible; display: block; border: 0 none;
}
.buttonBlu120 {
    color: #FFFFFF !important;
    background-image: url(/converis/admin/images/btn_bg_blu_full_120.png);
    background-color: transparent; background-repeat: no-repeat;
    background-position: top left; background-attachment: scroll;
    font-size: 11px; font-weight: bold; text-align: center; cursor: pointer;
    /* Hack for invalid width of the buttons. */
    margin: 1px 4px; padding: 2px 2px; width: 120px; height: 20px;
    overflow: visible; display: block; border: 0 none;
}
.buttonOra90 {
    color: #FFFFFF !important;
    background-image: url(/converis/admin/images/btn_bg_ora_full_90.png);
    background-color: transparent; background-repeat: no-repeat;
    background-position: top left; background-attachment: scroll;
    font-size: 11px; font-weight: bold; text-align: center; cursor: pointer;
    /* Hack for invalid width of the buttons. */
    margin: 1px 4px; padding: 2px 2px; width: 90px; height: 20px;
    overflow: visible; display: block; border: 0 none;
}
.buttonOra120 {
    color:#FFFFFF !important;
    background-image:url(/converis/admin/images/btn_bg_ora_full_120.png);
    background-color:transparent;background-repeat:no-repeat;
    background-position:top left;background-attachment:scroll;
    font-size:11px;font-weight:bold;text-align:center;cursor:pointer;
    /* Hack for invalid width of the buttons. */
    margin:1px 4px;padding:2px 2px;width:120px;height:20px;
    overflow:visible;display:block;border:0 none}
.buttonAlpha {
    color: #062D7A !important;
    background-image: url(/converis/admin/images/btn_bg_inact.png);
    background-color: #082C84; background-repeat: repeat-x;
    background-position: top left; background-attachment: scroll;
    border-color: #C0CBDF; border-style: solid; border-width: 1px;
    font-size: 11px; font-weight: normal; text-align: center; cursor: pointer;
    /* Hack for invalid width of the buttons. */
    margin: 1px 3px; padding: 0px 4px; width: auto; overflow: visible;
}
.buttonAplhaActive {
    color: white !important;
    background-image: url(/converis/admin/images/btn_bg_act.png);
    background-color: #082C84; background-repeat: repeat-x;
    background-position: top left; background-attachment: scroll;
    border-color: #C0CBDF; border-style: solid; border-width: 1px;
    font-size: 11px; font-weight: normal; text-align: center; cursor: pointer;
    /* Hack for invalid width of the buttons. */
    margin: 1px 3px; padding: 1px 6px; width: auto; overflow: visible;
}
.alphabetButtonAll,.addButtonStyle {
    color: #062D7A !important;
    background-image: url(/converis/admin/images/btn_bg_inact.png);
    background-color: #082C84; background-repeat: repeat-x;
    background-position: top left; background-attachment: scroll;
    border-color: #C0CBDF; border-style: solid; border-width: 1px;
    font-size: 11px; font-weight: normal; text-align: center; cursor: pointer;
    /* Hack for invalid width of the buttons. */
    width: auto; overflow: visible; margin: 0px; padding: 1px 10px;
}
.alphabetButtonAllActive {
    color: white !important;
    background-image: url(/converis/admin/images/btn_bg_act.png);
    background-color: #082C84; background-repeat: repeat-x;
    background-position: top left; background-attachment: scroll;
    border-color: #C0CBDF; border-style: solid; border-width: 1px;
    font-size: 11px; font-weight: normal; text-align: center; cursor: pointer;
    /* Hack for invalid width of the buttons. */
    width: auto; overflow: visible; margin: 0px; padding: 2px 10px;
}
.buttonSearchOra {
    color:#FFFFFF !important;
    background-image:url(/converis/admin/images/bg_btn_dlg_search.png);
    background-repeat:repeat-x;background-position:top left;background-attachment:scroll;
    text-align:center;cursor:pointer;text-decoration:none;border:0px;width:61px;height:20px;
    display:block;margin:1px 5px;padding:3px 28px;overflow:visible}

.column_left {text-align: left; vertical-align: middle;}
.column_AddButton {text-align: left; vertical-align: middle; padding-right: 4px; width:32px;}

.mdl-dlg-fltr-count{
    background:#E4E4E4 url(/converis/images/client/bg_dlg_count.png) repeat-x scroll top left;
    border:1px solid #F1F1F1;padding:8px;width:100%;font-size:100%;
    text-align:left;color:#838383}
.mdl-dlg-fltr-link{
    background:transparent url(/converis/images/client/ico_add_green.png) no-repeat scroll left 1px;
    border:none;text-align:left;color:#6C6C6C; padding-left:15px}

.tbpnl-left-pw {width:208px;padding-top:8px}
.welcome-text-box{background-image: url(/converis/images/client/bg_welcome_text.jpg);height:221px}
.welcome-text-cnt{float: left; width: 500px;padding-left: 30px; 
                  padding-top: 70px; color: #000000; font-size: 70%;}
.hlp-sup-center {padding:0px 20px 0px 20px;background-repeat:repeat-y;
                 background-image:url(/converis/images/client/help_centre.png)}

.rprt-options-box {border: 1px solid #F1F1F1;margin-top:10px;padding:15px 0 0 15px;
                   text-align:left;width:695px}
.rprt-options-box-cnt {color:#818181;font-size:70%;margin-right:100px;width:530px}
.cell-btm {vertical-align:bottom}
.cell-top {vertical-align:top}

.filterSettingBox {
    border:1px solid #F1F1F1;margin:10px 0 0;
    padding:15px 0 0 15px;text-align:left;width:690px}
.filterSettingTextBox {
    background-color:#F9F9F9;border:1px solid #F1F1F1;
    font-size:60%;font-weight:bold;min-height:40px;
    margin:20px 15px 15px 0;padding:10px;width:230px}