<!--
body {
    margin: 0;
}

body, td, p { 
    text-decoration: none; 
    color: black; 
    font-family: Tahoma; 
    font-size: 8pt;
}

a {  
    text-decoration: none;
}

.clearfix {
    *zoom:1; /* IE<8 */
}
.clearfix:after { 
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.help-icon {
   display: inline-block;
   width: 14px;
   height: 14px;
   padding-right: 4px;
   background: url(/cpq/img/bmx/icons/help.gif) no-repeat;
}

/* Overlay and Loading dialog */
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: #000;
    opacity: 0.3;
    filter: alpha(opacity = 30); /*ie7 and 8*/
}

#loading-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -150px;
    width: 250px;
    background-color: #fff;
    border: 1px solid #777;
    padding: 25px;
    text-align: center;
    z-index: 1001;
}

/* Popups */
.popup {
    position: fixed;
    left: 50%;
    top: 50px;
    z-index: 999;
}

.popup.modal {
    z-index: 1002;
}

.popup-header {
    padding: 5px 22px 4px 6px;
}

.popup-title,.popup-header img {
    vertical-align: middle;
}

.popup-content {
    padding: 6px;
    overflow: auto;
}

.popup-footer {
    padding: 6px;
    text-align: right;
    position:relative;
}

.popup-footer .bm-button {
    display: inline-block;
    margin-left: 3px;
    position:relative;
    display: inline !ie;
}
  .popup-header {
    background: #336699 url(/cpq/img/gxt/glossy-top-bottom.png) repeat-x;
    border: 1px solid #336699;
    border-top: none;
  }
  
  .popup-header .popup-title {
    color: #FFFFFF;
    font-weight: bold;
    font-family: Tahoma;
  }
  
  
  .popup-content {
    border-style: solid;
    border-width: 0 1px;
    border-color: #336699;
    background-color: #fff;
  }
  
  .popup-footer {
    border: 1px solid #336699;
    border-top: none;
    background-color: #fff;
  }
  
  .popup-form .field-label {
    font-family: Tahoma; 
    font-size: 8pt; 
    color: #003366; 
    font-weight: bold; 
    text-align: left; 
  }
  
  .popup-form .error .field-label {
    color: #FF0000; 
    font-style: Normal; 
    font-weight: Normal; 
  }
.bm-button .button-middle img {
    height: 14px;
    width: 14px;
    position: relative;
    left: -5px;
}

.bm-button .button-text {
    position: relative;
    top: -1px;
}

.popup-close {
    height: 15px;
    width: 15px;
    position: absolute;
    top: 4px;
    right: 4px;
    background-image: url(/cpq/img/gxt/tool-sprites-gray.gif);
    overflow: hidden;
}

.ok-button-icon {
    background-image: url(/cpq/img/check_mark.gif);
}

.cancel-button-icon {
    background-image: url(/cpq/img/error.gif);
}

.plain-button {
    display: inline;
    cursor: pointer;
}

/* Tabs */
.panel .tab-strip {
    border-bottom: 4px solid #336699;
}

ul.tab-strip {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.tab-strip li {
    float: left;
    white-space: nowrap;
    margin-right: 2px;
}

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

.tab-strip .tab-left {
    /* TODO: rename image as left */
    background: #6699CC url(/cpq/img/gxt/rounded_gradient-tab-right.png) no-repeat 0 0;
    padding-left: 10px;
    cursor: pointer;
}

.tab-strip .tab-right {
    /* TODO: rename image as right */
    background: transparent url(/cpq/img/gxt/rounded_gradient-tab-left.png) no-repeat right 0;
    padding-right: 10px;
}

.tab-strip .tab-inner {
    background: #6699CC url(/cpq/img/gxt/rounded_gradient-tab-inner.png) repeat-x 0 0;
}

.tab-strip .tab-text  {
    color:#FFFFFF; 
    font-weight:Bold;
    font-style:Normal;
    font-family:Tahoma;
    font-size: 8pt;
    
    padding: 2px 0 4px;
    text-decoration:none;
    line-height: normal;
}

/* Tab hover */
.tab-strip a.tab-left:hover,
.tab-strip a.tab-left:hover .tab-inner{
    background-color: #336699;
}
.tab-strip a.tab-left:hover .tab-text {
    color: #FFCC00;
}

/* Tab active */
.tab-strip .tab-active a.tab-left,
.tab-strip .tab-active a.tab-left .tab-inner {
    background-color: #336699;
    cursor: default;
}
.tab-strip .tab-active a.tab-left .tab-text {
    color: #FFFFFF;
}

/* Tab active hover */
.tab-strip .tab-active a.tab-left:hover .tab-text {
    color: #FFCC00;
}

/* --- LEGACY BUTTONS --- */
/* images and font properties for the buttons */

.pagination-button-left{
    background-image: url(/cpq/img/new_buttons/button_left_Silver_20px.gif);  
    background-repeat: no-repeat; 
    width: 10px;
    padding: 0;
    height: 20px;
    float: left;
}

.pagination-button-middle {  
    background-image: url(/cpq/img/new_buttons/button_middle_Silver_20px.gif); 
    background-repeat: repeat-x; 
    text-align : center; 
    height:20px;
    float: left;
}
.pagination-button-right {  
    background-image: url(/cpq/img/new_buttons/button_right_Silver_20px.gif); 
    background-repeat: no-repeat;
    height: 20px; 
    width: 10px;
    float:left;
}

.page-number ul.paging li{
    list-style: none;
    margin: 0!important;
    text-align: center;
    display: inline-block;
    margin-right: -10px;
}

ul.paging li a {
    padding: 8px;
    border-radius: 4px;
}

ul.paging li button.pagingbtn{
    border:0;
    background:#fff!important;
    cursor: pointer;
    padding: 0;
    margin-right:4px;
}

ul.paging li button.pagingbtn:not(.disable):hover{
    color: #3300FF;
}
ul.paging li button.pagingbtn:not(.disable):active{
    color: #3300FF;
}

.button-left {  
    background-image: url(/cpq/img/new_buttons/button_left_Silver_20px.gif);  
    background-repeat: no-repeat; 
    width: 10px;
    padding: 0;
    height: 20px;
}

.button-middle {  
    background-image: url(/cpq/img/new_buttons/button_middle_Silver_20px.gif); 
    background-repeat: repeat-x; 
    text-align : center; 
}
.button-right {  
    background-image: url(/cpq/img/new_buttons/button_right_Silver_20px.gif); 
    background-repeat: no-repeat;
    height: 20px; 
    width: 10px;
}

.button-text, .button-text:link, .button-text:visited {  
    font-family: Tahoma; 
    font-weight: Bold;
    font-style: Normal;
    font-size: 8pt; 
    color: #000000; 
}

a.button-text:hover, a.button-text:visited:hover,
.plain-buton:hover .button-text {
    font-family: Tahoma; 
    font-weight: Bold;
    font-style: Normal;
    font-size: 8pt; 
    color: #3300FF;
}

.button-middle a {
    background-position: 0 center;
    background-repeat: no-repeat;
    padding-top: 1px;
    padding-bottom: 2px;
}

.button-middle a:hover, .button-middle a:focus {
    text-decoration: underline;
}
/* --- DEFAULT BUTTONS --- */

.button-style-default a.button-text:hover, .button-style-default a.button-text:visited:hover {
    color: #000000;
}

.button-style-default .button-middle a img { /* Commerce buttons images */
    margin: -8px 0 0 2px; /* The top margin is minus half height of the image (normally 16px). */
    position: absolute;
    top: 50% !important;
}
.button-style-default .button-middle div {margin: 0 !important; } /* override .js inline click movement */
.button-style-default .button-left, .button-style-default .button-right { display: none; } /* hide sides of original setup - no need for these */
.button-style-default td.button-middle { 
    background:  url(/cpq/img/new_buttons/button-default-bg.png) repeat-x 0 0;
    border: #bbb solid 1px;
    -webkit-background-clip: padding-box; /* Fixes border bleed in webkit */
    display: block;
    padding: 0;
}
.button-style-default td.button-middle:active, 
.button-style-default td.active { background-position: 0 -310px; }  /* shows inverted gradient */  

.button-style-default .button-middle a {
    padding: 0 8px;
    display: block;
    margin: 0;
    color: #000000;
}
.button-style-default .button-middle a:active { padding: 0 7px 0 9px; } /* moves text on click to simulate button press */

.button-style-default .button-middle, 
.button-style-default .button-middle a { height: 22px; line-height: 22px;} /* Button Height */
.button-style-default td.button-middle { 
    background-color: #${buttonBgColor};
    border-color: #bbb;
    border-radius: 4px;
}
.button-style-default td.button-middle:hover,
.button-style-default td.hover { background-color: #3300FF; } /* background hover color */
.button-style-default td.button-middle:active,
.button-style-default td.active { background-color:  #3300FF; } /* background clicked color */

/* --- BACKGROUND COLORS --- */
.bgcolor-list-even, .bgcolor-list-even-selected, .bgcolor-list-even-mouseover { 
    background-color: #FFFFFF; 
    height: 20px;
}
.bgcolor-list-odd, .bgcolor-list-odd-selected, .bgcolor-list-odd-mouseover { 
    background-color: #FFFFFF; 
    height: 20px;
}
.bgcolor-view { 
    background-color: #FFFFFF; 
} 
.bgcolor-form { 
    background-color: #FFFFFF; 
}
.topcolor  { 
    background-color: #ffffff; 
}
.menuentry { 
    margin: 2pt;
    padding: 2pt;
}
.bordercolor { 
    background-color: #6699CC; 
}

.highlighted {
    background-color: #FFFF66;
}

.grayed {
    background-color:#999999;
}

.bolded {
    font-weight: bold;
}

/* --- LISTS --- */
.list-label, .list-label:link, .list-label:visited { 
    background-color: #336699; 
    color: #FFFFFF; 
    font-size: 8pt; 
    font-family : Tahoma; 
}

a.list-label:hover, a.list-label:visited:hover { 
    background-color: #336699; 
    color: #FFCC00; 
    font-size: 8pt; 
    font-family : Tahoma; 
}
.list-field { 
    color: #003366; 
    font-size: 8pt; 
    font-family : Tahoma; 
}
.list-field:link, .list-field:visited { 
    text-decoration: underline;
}

a.list-field:hover, a.list-field:visited:hover { 
    color: #FFCC00;
}
.list-field-new, .list-field-new:link, .list-field-new:visited { 
    color: #003366; 
    font-size: 8pt; 
    font-family : Tahoma; 
}
a.list-field-new:hover, a.list-field-new:visited:hover { 
    color: #FFCC00;
}

.empty-link {
    font-style: italic; 
    /** For empty links in commerce manager grid. **/
}

/* --- VIEW / FORM --- */
.view-header, .form-header { 
    font-family: Tahoma; 
    font-size: 8pt; 
    background-color: #336699; 
    color: #FFFFFF; 
    font-weight: bold; 
    padding-left: 3px;  
}

.view-header h5, .form-header h5 {
    color: inherit;
    margin: 0 4px;
    font-weight: bold;
}

.view-text, .form-input, .form-input select, .form-input-modified, .form-input-selected, .form-input-mouseover,
.form-item input, .form-item select, .form-item textarea, .form-item .menu-attr label,
.attribute-field, .attribute-field-picklist, .cfg-image-menu, cfg-image-picklist, .ui-image-combobox-input {
    font-family: Tahoma; 
    font-size: 8pt; 
    color: #003366; 
    font-weight:normal;
}
.view-text-number, .form-input-number {  
    font-family: Tahoma; 
    text-align: right; 
    font-size: 8pt; 
    color: #003366; 
}    
.view-text:link, .view-text:visited { 
    color: #003366;
}
a.view-text:hover, a.view-text:visited:hover { 
    color: #FFCC00;
}
.view-label, 
.form-label, 
.form-item label { 
    font-family: Tahoma; 
    font-size: 8pt; 
    color: #003366; 
    font-weight: bold; 
    text-align: left;
} 
.view-label-200px { 
    font-size: 8pt; 
    font-weight: bold; 
    color: #003366; 
    padding-left: 1px; 
    width: 200px;
}
.view-number { 
    font-family: Tahoma; 
    font-size: 8pt; 
    color: #003366; 
    text-align: right; 
}

/* --- TOP / BOTTOM DIVIDERS --- */
/* top bar properties */

.display-block
{
    display:block;
}

.top-icon-bg-color
{
    background-color : #6699CC;
}

.top-left-icon { 
    background-image: url(''); 
    background-repeat: no-repeat; 
    width : 20px; 
    height : 20px; 
    background-position : center;  
    background-color : #6699CC; 
} 

/* specify the little icon to be used url */
.top-bar, .top-bar:link, .top-bar:visited { 
    background-color: #6699CC; 
    color: #FFFFFF; 
    font-size : 9pt;
    font-family : Tahoma; 
    font-weight: Bold; 
    font-style: Normal;
} 

.top-bar h4 {
    color: inherit;
    margin: 0 4px;
    font-weight: bold;
}

/* for top bar and folder tabs*/ 
a.top-bar:hover, a.top-bar:visited:hover { 
    color: #FFCC00;
}

.top-bar-on, .top-bar-on:link, .top-bar-on:visited { 
    background-color: #6699CC; 
    color: #FFFFFF; 
    font-size : 9pt;
    font-family : Tahoma; 
    font-weight: Bold;
    font-style: Normal; 
}

/* for SELECTED folder tab*/ 
a.top-bar-on:hover, a.top-bar-on:visited:hover { 
    color: #FFCC00 
}

/* bottom bar properties */
.bottom-bar, .bottom-bar:link, .bottom-bar:visited { 
    background-color: #6699CC; 
    color: #FFFFFF; 
    font-size : 9pt;
    font-family : Tahoma; 
    text-align : right;
    font-style: Normal;
    font-weight: normal;
}
a.bottom-bar:hover, a.bottom-bar:visited:hover { 
    color: #FFCC00;
}
.bottom-bar img {
    vertical-align: middle;
}

/* sidebox bar properties */
.sidebox-bar { 
    background-color: #003366; 
    color: #FFFFFF; 
    font-size : 10pt; 
    font-family : Tahoma; 
    font-weight: bold; 
}    
.help-text { 
    font-family: Verdana; 
    font-size: 8pt; 
    color: #000000; 
    font-style: Normal; 
    font-weight: Normal; 
} 

.error-header { 
    font-family: Tahoma; 
    font-size: 9pt;
    color: #000000; 
    font-style: normal; 
    font-weight: bold; 
} 

.error-text { 
    font-family: Tahoma; 
    font-size: 8pt;
    color: #FF0000; 
    font-style: Normal; 
    font-weight: Normal;
} 
li.error-text {
    background: url('/cpq/img/error.gif') no-repeat 0 0;
    padding-left:18px;
}
ul.error-text {
    list-style-type:none;
    margin:0;
    padding:0;
}
.warning-header {
    background:url('/cpq/img/warning.gif') no-repeat 0 0;
    padding-left:18px;
    padding-top:3px;
    padding-bottom:3px;
    white-space:pre-line;
}
.info-header {
    background:url('/cpq/img/info.gif') no-repeat 0 0;
    padding-left:18px;
    padding-top:3px;
}
/* --- TRAIL TEXT --- */
.trail-text { 
    color: #000000;
    font-family: Tahoma; 
    font-size: 8pt; 
    font-style: Normal;
    font-weight: Bold; 
    text-transform: capitalize;
} 

.trail-text-on { 
    color: #000000;
    font-family: Tahoma; 
    font-size: 8pt; 
    font-style: Normal; 
    font-weight: Bold;
    text-transform: capitalize;
} 

/*  --- GENERAL TEXT --- */
.general-text { 
    font-family: Tahoma; 
    font-size: 8pt; 
    color: #003366 
}
a.general-text:link, a.general-text:visited { 
    text-decoration: underline; 
    color: #003366 
}
a.general-text:hover, a.general-text:visited:hover { 
    color: #FFCC00 
}

.tree:link, .tree:visited { 
    color: #003366; 
    font-size: 8pt; 
}
a.tree:hover, a.tree:visited:hover { 
    color: #FFCC00; 
    font-size: 8pt; 
    text-decoration: underline 
}

/* -- NEW WEB MANAGER OPTIONS -- */

/* -- New Web Manager Image 
    border-width: always 1px
    border-style: always solid
    border-color: same as top-bar background-color
--  */
.web-manager-icon {
/*  border-width: 1px;
    border-style: solid;
    border-color: #336699; */
    width: 60px; 
    height: 60px; 
}

/* -- New Web Manager Table
    border-width: always 1px
    border-style: always dashed
    border-color: same as top-bar background-color
--  */
.dashed-table {
    border-width: 1px;
    border-style: none;
    border-color: #336699;
}

.form-input-modified {
    font-style: italic; 
} 
.form-input-selected, .bgcolor-list-even-selected, .bgcolor-list-odd-selected {
    background-color: #999999; 
} 
.form-input-mouseover, .bgcolor-list-even-mouseover, .bgcolor-list-odd-mouseover {
    background-color: #FFFFCC; 
} 

/* -- Tab Options --*/ 
.tab, .tab-on {
    font-size : 8pt;
    font-weight: Bold; 
    font-style: Normal;
    font-family : Tahoma; 
    background:transparent url(/cpq/img/gxt/rounded_gradient-tab-inner.png) repeat-x scroll 0 -1px;
}

.tab {
    background-color: #6699CC; 
    color: #FFFFFF; 
}

.tab-on {
    background-color: #336699; 
    color: #FFFFFF; 
}

.tab a {
    color: #FFFFFF; 
    text-decoration:none;
}

.tab-on a {
    color: #FFFFFF; 
    text-decoration:none;
}

.tab a:hover { 
    color: #FFCC00;
}

.tab-on a:hover { 
    color: #FFCC00;
}

.bmTooltip {
    position: absolute; 
    display:none; 
    border: solid 1px #999999; 
    background-color: #FFFFCC;  
    padding: 5px;
}
/*--- Folder DND  ---*/

#cm-manager-content .x-grid3-hd-row td
{
    border-left:1px solid #EEEEEE !important;
    border-right:1px solid #D0D0D0 !important;  
}

#cm-manager-content .x-grid3-row
{
    border:0px solid #efefef;
}

#cm-manager-content .x-grid3-row td.x-grid3-valign-center
{
    vertical-align:middle;
}


#cm-manager-content .x-grid-table-bg-color
{
        background-color:#FFFFFF;
}

#cm-manager-content .x-grid-td-tab-name {
    font-weight: bold;
    padding: 3px;
}

#cm-manager-content .x-grid-group-hd{
    border-bottom:2px solid #6699CC;
    padding-top:0px;
    cursor:auto;
}
#cm-manager-content .x-grid3-hd-inner{
    font-family: Tahoma; 
    font-size: 8pt; 
    background-color: #336699; 
    color: #FFFFFF; 
    font-weight: bold; 
    padding-left: 3px;  
    text-align:left;
}
.rowBorder{
    border:0px ;
}

#cm-manager-content .x-grid-group-hd div { 
    background:none;
    padding : 0px;
    cursor:auto;
    font-weight: Bold; 
    font-style: Normal;
    font-family : Tahoma; 
}

#cm-manager-content td
{
    overflow:hidden;
}

/*.grid-tab {
    background: none !important;
    background-color: #6699CC !important; 
    color: #FFFFFF !important; 
    font-family : Tahoma !important; 
    font-size : 8pt !important;
    font-weight: Bold !important; 
    font-style: Normal !important;
}*/

.cm-group-tab{
    padding: 0;
    width: 100%;
    background: transparent;
    voice-family: "\"}\"";
    voice-family: inherit;
}

.cm-group-tab ul{
    /*font: normal 11px Arial, Verdana, sans-serif;*/
    font-family : Tahoma !important; 
    font-size : 8pt !important;
    font-weight: Bold !important; 
    font-style: Normal !important;
    margin:0;
    padding:0;
    list-style:none;
}

.cm-group-tab li{
    margin: 0 4px 0 0;
    padding: 0;
    float: left;
    background: #6699CC url(/cpq/img/gxt/rounded_gradient-tab-inner.png) repeat-x scroll 0 -1px;
}


.cm-group-tab a{
    /*float:left;*/
    display:block;
    color: #FFFFFF;
    background: transparent url(/cpq/img/left_top_tab8x20.gif) no-repeat left top;
    padding:0 0 1px 3px;
    text-decoration:none;
    letter-spacing: 1px;
}

.cm-group-tab a span{
    float:left;
    display:block;
    background: transparent url(/cpq/img/right_top_tab8x20.gif) no-repeat right top;
    padding: 6px 8px 3px 7px;
}

.cm-group-tab a span{
    float:none;
}

#cm-manager-content .x-grid3-cell-inner {
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    padding:3px 3px 3px 5px;
    white-space:normal;
    color: #003366; 
    font-size: 8pt; 
    font-family : Tahoma; 
}

/*---- Added to remove the collapse of the grp header ---- */
#cm-manager-content .x-grid-group-collapsed .x-grid-group-body{
    display:block;
}

#cm-manager-content .x-grid3-row-alt {
    background-color: #FFFFFF;
}
#cm-manager-content 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: #336699 repeat-x scroll left bottom;
}
#cm-manager-content .x-grid3-hd-inner {
    white-space:normal;
}

#cm-manager-content .x-grid3-row-selected {
    background-color: #DFE8F6;
}
#cm-manager-content .hover {
    background-color: #ffc;
}
#cm-manager-content .x-grid3-row-selected.hover {
    background-color: #EAF0E8;
}

#cm-manager-content .x-grid3-header {
    background: #336699 repeat-x 0 bottom;
    cursor:default;
    zoom:1;
    padding:1px 0 0 0;
}

/* Config */
#pipeline-viewer-opener {
    background-color: #336699;
    text-align: right;
    padding: 2px 4px 0;
}

#pipeline-viewer-opener a {
    font-family: Tahoma; 
    font-size: 8pt;
    color: #FFFFFF; 
    font-weight: bold;
}

/* Sticky Action Bar */
#sticky-actions .floating { /*temporary colors until branding is re-worked*/
    background: #FFFFFF url(/cpq/img/gxt/glossy-top-bottom.png) repeat-x scroll 0 0;
    border-color: #FFFFFF;
}

.tab-content {
    padding: 3px;
    border-top: 5px solid #336699;
}

.cm-fieldset {
    border: 1px solid #CCCCCC;
    margin-bottom: 15px;
    padding: 4px 8px;
}

.cm-fieldset .min-content {
    font-style: italic;
}

.fieldset-toggle {
    font-size: 14px;
    font-weight: bold;
    color: #336699;
    padding: 3px 3px 3px 16px;
    background: url(/cpq/img/bmx/icons/miniarrows/arrow-collapsed.png) no-repeat left center;
}

.maximized .fieldset-toggle {
    background-image: url(/cpq/img/bmx/icons/miniarrows/arrow-expanded.png);
}

/* Grid */
table.adv-grid {
    border-collapse:collapse;
    border: 1px solid #bbb;
    border-bottom: none;
    margin-bottom: 10px;
    width:100%
}
td.adv-grid-cell {
    border-bottom:1px solid #DDD;
}

tr.adv-grid-row:hover {
    background-color: #FFFFCC;
} 

td.adv-grid-header-cell{
    border-bottom:1px solid #BBB;
    background-image:url(/cpq/img/adv_grid_header.png);
}

-->

.tabular-data-container {
    display: inline-block;
}


/* Sticky table header and sticky bottom bar styles */
.fixed-header,.fixed-bottom-bar {
    position: fixed;
    z-index:100;
}

.fixed-header th{
    border: solid #fff;
    border-width: 0 1px 0 0;
    padding:1px;
    vertical-align:top;
    border-spacing:0px;
}

.fixed-header tr{
    position:absolute;
    z-index:100;    
}

.fixed-header{
    top:0px;
}

.fixed-bottom-bar{
    bottom:0px;
    background-color:#fff;  
    padding-right:5px;
}


/* Email Templates */

#template-list-header {
    height: 20px;
    position: absolute;
    right: 0px;
    left: 285px;
    background-color: #6699CC;
    color: #FFFFFF;
    font-size : 9pt;
    font-family : Tahoma; 
    font-weight: Bold; 
    font-style: Normal;
    padding-top: 2px;
    padding-left: 2px;
    text-align: -webkit-left;
}

#template-list-header-text {
    float: right;
    position: absolute;
    right: 20px;
}

#template-list-bottom {
    height: 20px;
    right: 0px;
    left: 260px;
    background-color: #6699CC;
    color: #FFFFFF;
    font-size : 9pt;
    font-family : Tahoma; 
    font-weight: Bold; 
    font-style: Normal;
    padding-left: 2px;
    text-align: -webkit-left;
}

#left-content-header {
    font-family: Tahoma; 
    font-size: 8pt; 
    background-color: #336699; 
    color: #FFFFFF; 
    font-weight: bold; 
    padding: 2px 0px 2px 4px;  
    height: 15px;
}

#template-list .template-list-label {
    font-family: Tahoma; 
    font-size: 8pt; 
    background-color: #336699; 
    color: #FFFFFF; 
    font-weight: bold; 
}

.even-row{
    padding: 5px;
    background-color: #FFFFFF;
}

.odd-row{
    padding: 5px;
    background-color: #FFFFFF;
}

#template-list table tr:hover{
    background-color: #FFFFCC; 
}

.info-table td{
    padding:2px 0 2px 15px;
    font-size:14px;
    font-weight:bold;
}
.text-med-gray{
    color:#666666;
    padding-bottom: 5px !important;
}
.text-dark-gray{
    color:#333333;
}
.text-larger{
    font-size:18px;
}
.text-right{
    text-align: right;
}

img.ue-inline-image{
    vertical-align:middle; 
    margin-top: -5px;
}

.legacy-ext-comp-div{
    float: left;
    padding-top:3px;
}

td.list-field-va table.plain-button{
    float:left;
    margin-left: 30%;
    margin-right: 6px;
}

/* --- PICK LISTS --- */
.attribute-field-container .ui-button {
    border: 1px solid #aaaaaa;
    border-radius: 4px;
    margin-left: 1px;
    background-image: url(/cpq/img/new_buttons/button_middle_Silver_20px.gif); 
    background-repeat: repeat-x; 
    background-position: center;
}

.visually-hidden {
      height: 1px;
      overflow: hidden;
      position: absolute;
      white-space: nowrap;
      width: 1px;
}