/* Reset margins and padding */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,tr,th,td,table,img { margin:0; padding:0; }

HTML{ width: 100%; margin: 0; padding: 0; }
BODY{ background-image: url('../../images/rebrand/template/background.jpg'); background-repeat: no-repeat; background-position: right top; background-color: White;
   /*background-image: url('../../images/rebrand/template/rule-21px.png'); background-repeat: repeat; */
  margin: 0px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; color: #5c5c5c; text-align: left; }
H1,H2,H3 { /*color: #27577D;*/ color: #30668A; font-family: "Trebuchet MS",Arial,sans-serif; font-weight: normal; }
H1 { font-size: 2em; line-height: 0.875em; margin-bottom: 0.875em; }
H2 { color: #6090B5; font-size: 1.583em; line-height: 1.658em; margin-bottom: 0.553em; letter-spacing: 0.03em; }
H3 { font-size: 1.3em; line-height: 1.4em; font-weight: bold; margin-bottom: 0.5em; }
P { font-size: 1em; margin-bottom: 1.75em; }
A { /*color: #f0981b;*/ color: #f09000; text-decoration: none; font-weight: bold; }
A:hover { text-decoration: underline; }
A[disabled="disabled"] { color: silver; cursor: default; text-decoration: none; }
A IMG{ border: none; outline: none; }
FIELDSET { border: solid 1px #bcc7da; background-color: #f8f8f9; margin: 0; padding: 1em; }
LEGEND{ color: #386491; font-weight: bold; padding: 0 0.5em 0 0.5em; }
TEXTAREA { color: #333; border: solid 1px #bcc7da; font-family: Arial,Helvetica,sans-serif; font-size: 11px; }
INPUT, SELECT, BUTTON { color: #333; border: solid 1px #bcc7da; font-size: 11px;
    padding: 2px; box-sizing:content-box; -moz-box-sizing: content-box; }  
INPUT[type=radio] { border: none; }           
    INPUT:focus, SELECT:focus, TEXTAREA:focus { border-color: #f68519; outline: none; }
    INPUT::-moz-focus-inner, SELECT::-moz-focus-inner, OPTION::-moz-focus-inner { border: 0; }
INPUT[type=checkbox] { border: none; margin: 4px 0 3px 0; }  
    INPUT[type=checkbox]:focus { outline: solid 1px #f68519; }

UL { margin: 0 0 1.75em 1.75em; padding: 0; list-style-image: url('../../images/rebrand/arrowBullet.png'); list-style-type: none; }
UL.no-btm-margin { margin-bottom: 0; }
OL { margin: 0 0 1.75em 1.25em; }
LI { padding-left: 0.75em; line-height: 1.75em; }
DL { }
DT { margin: 0 0.5em 0 0; float: left; }
DD { margin: 0 0 1em 0; font-style: italic; }
BLOCKQUOTE { padding: 0 2.5em 1.75em 2.5em; }
BLOCKQUOTE P { font-family: Georgia; font-style: italic; font-size: 1.25em; line-height: 1.4em; color: #27577D; margin-bottom: 0; }
CITE { font-size: 0.917em; line-height: 1.91em; color: #aaa; padding-left: 1em; font-style: normal; }

BLOCKQUOTE.shortQuote { width: 175px; float: right; margin: 0.675em 0 0.675em 2.25em; padding: 1.075em 1em 1.075em 1em; background-color: #e9f0f9; }
BLOCKQUOTE.shortQuote P { font-size: 1em; line-height: 1.75em; }

PRE.css { display: block; background-color: #ebebeb; border: dashed 0.0833em #708090; margin-top: -0.0833em; }
CODE { font-family: "Courier New", Courier, Monospace; font-size: 1em; line-height: 1.75em; color: #bb0077; }
.css CODE { color: #770099; }

.outcome { margin-bottom: 10px; padding: 10px; background-color: #f7f7f7; border: 1px #bcbcbc solid; }
.outcome.error { color: Red; }
.outcome.success { color: Green; }



#container { width: 980px; margin: 9px auto 0px auto; }
#header { padding: 0; }
#xariosLogo { float: left; margin-bottom: 8px; }
.logoStrapline { margin: 20px 0 0 50px; float: left; }
#testing-indicator { margin: 10px 0 0 50px; float: left; color: #fff; background-color: Red; text-transform: uppercase; font-size: 2em; padding: 0.3em; }
#userPanel { float: right; text-align: right; margin: 0; }
#userPanel .border-right { padding-right: 10px; border: solid 0px #cad0da; border-right-width: 1px; }
#userPanel ul { list-style-type: none; margin: 0; padding: 0; }
#userPanel li { float: right; margin-left: 10px; }
#logon .input { padding-bottom: 8px;  }
#logon .input label { float: left; text-align: right; width: 85px; margin-right: 10px; }
#logon .pwdLink { font-size: 11px; margin: -3px 0 20px 0; width: 260px; text-align: right; }
#logon .buttons { text-align: center; }


#topBar { clear: both; background-repeat: no-repeat;
           padding: 0; margin: 1em 0 1em 0; height: 49px; }
#siteNav { background-image: url('../../images/Rebrand/IntranetSiteNav.png'); background-repeat: no-repeat;
           width: 979px; height: 49px; display: block; line-height: 49px; }
#siteNav ul { list-style: none outside none; padding: 0; margin: 0; margin: auto; width: 420px; }
#siteNav li { background-image: url('../../images/rebrand/IntranetSiteNav.png'); background-repeat: no-repeat; float: left;
              height: 49px; width: 140px; margin: 0; padding: 0; cursor: pointer; text-indent: -9999px; }
#siteNav li a { display: block; height: 49px; width: 140px; }
.sn-home { background-position: -280px 0; }
.sn-home:hover { background-position: -280px -49px; }
.sn-contact { background-position: -420px 0; }
.sn-contact:hover { background-position: -420px -49px; }
.sn-account { background-position: -560px 0; }
.sn-account:hover { background-position: -560px -49px; }


#logonDetailsLangSel { margin: 2px 0 0 0; height: 28px; vertical-align: top; }

.xarioscomBtn, .logonBtn, .logoffBtn, .myAccountBtn { overflow: hidden !important; float: right; text-align: left; text-indent: -9999px; margin-left: 0.5em; }
.xarioscomBtn { background: url('../../images/rebrand/buttons/XariosDotComBtn.png') no-repeat 0 0; width: 95px; height: 27px; }
.logonBtn { background: url('../../images/rebrand/buttons/logonBtn.png') no-repeat 0 0; width: 65px; height: 27px; }
.logoffBtn { background: url('../../images/rebrand/buttons/logoffBtn.png') no-repeat 0 0; width: 65px; height: 27px; }
.myAccountBtn { background: url('../../images/rebrand/buttons/myAccountBtn.png') no-repeat 0 0; width: 95px; height: 27px; }
.xarioscomBtn:hover, .logoffBtn:hover, .logonBtn:hover, .myAccountBtn:hover { background-position: 0 -27px; }

.breadcrumb { padding: 0; margin-top: -6px; }

#content { clear: both; min-height: 300px; }

#footer { text-align: left; color: #808080; margin: 3em 0 0 0; font-size: 11px; line-height: 1.455em;  }           
    #footerLogos { text-align: center; }
    #footerLogos img { margin: 0 2.1em 1.05em 0; }
#footer h5 a { font-size: 11px; font-weight: bold !important; }
#footer a { color: #5078a3; font-weight: normal; }
#footer ul { margin: 0;}
#footer li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
#footer .siteMapArea { float: right; padding-left: 2.1em; background: url('../../images/rebrand/template/borderVert.png') repeat-y 0 0; }
#footer .siteMapArea div { float: left; margin-right: 2.1em; }


#popupContent { margin: 15px; padding: 15px; background-color: #fff; opacity: 0.7; filter:alpha(opacity=70);
    border: solid 1px #bcc7da; -moz-border-radius: 8px; border-radius: 8px; height: 100%; }

.rounded { clear: both; margin-top: 0.5em; }
.rounded .top, .rounded .bottom { line-height: 1px; }
.rounded .top .left { float: left; background: url('../../images/rebrand/rounded/top-left.png') no-repeat scroll 0 0 transparent; width: 16px; height: 16px; }
.rounded .top .middle { background: url('../../images/rebrand/rounded/top.png') repeat-x scroll 0 0 transparent; height: 16px; padding:0px;  }
.rounded .top .right { float: right; background: url('../../images/rebrand/rounded/top-right.png') no-repeat scroll 0 0 transparent; width: 16px; height: 16px; }
.rounded .middle .left { background: url('../../images/rebrand/rounded/left.png') repeat-y scroll left center transparent; }
.middle,
.rounded .middle .middle {  padding: 0.75em 0.5em 0 0.5em; vertical-align: top; height: 100%; }
.rounded .middle .middle { background-color: #F5F6F7; }
.rounded .middle .right { background: url('../../images/rebrand/rounded/right.png') repeat-y scroll right center transparent; }
/*.rounded .content-clearfix { clear: both; }*/
.rounded .bottom .left {  background: url('../../images/rebrand/rounded/bottom-left.png') no-repeat scroll 0 0 transparent; width: 16px; height: 16px; }
.rounded .bottom .middle { background: url('../../images/rebrand/rounded/bottom.png') repeat-x scroll 0 0 transparent; height: 16px; }
.rounded .bottom .right {  background: url('../../images/rebrand/rounded/bottom-right.png') no-repeat scroll 0 0 transparent; width: 16px; height: 16px; }


.buttons { margin-top: 25px; }

.button, .submit, .buttonDisabled { font-size: 12px; font-weight: bold; background-image: url('../../images/rebrand/template/button_bg.png'); text-transform: lowercase;
    vertical-align: middle;  background-position: left bottom; background-repeat: repeat-x; background-color: #ffffff; border: solid 1px #bcc7da;
    border-radius: 4px; -moz-border-radius: 4px; padding: 3px 10px 4px 10px; color: #386491; outline: none; cursor: pointer; vertical-align: bottom; }
.button:hover, .submit:hover, .button:focus { color: #f68519; border-color: #f6a569; }
.button:active, .submit:active { color: #dc5f62; border-color: #dc5f62; outline: none; }
.buttonDisabled,
.button.disabled { color: #cccccc; border-color: #aaaaaa; cursor: default; }

.invertedbutton { font-size: 12px; font-weight: bold; background-image: url('../../images/rebrand/template/invertedbutton_bg.gif'); text-transform: lowercase;
    vertical-align: middle;  background-position: left bottom; background-repeat: repeat-x repeat-y; background-color: #E0E3E9; border: solid 1px #E0E3E9;
    border-radius: 4px; -moz-border-radius: 4px; padding: 3px 10px 4px 10px; color: #E0E3E9; outline: none; cursor: pointer; vertical-align: bottom; }

.invertedbutton:hover, .invertedbutton:focus { color: #f68519; border-color: #f6a569; }
.invertedbutton:active, { color: #dc5f62; border-color: #dc5f62; outline: none; }
.invertedbutton.disabled { color: #cccccc; border-color: #aaaaaa; cursor: default; }


a.button { text-decoration: none; }

.form td { padding: 0.4375em 0 0.4375em 0; }
.formLabel, .form label { font-weight: bold; padding-right: 20px !important; padding-left: 0; width: 140px; }
.required { font-weight: bold; color: #f22; vertical-align: top; padding-left: 4px; }
.formLabel-disabled { font-weight: bold; padding-right: 20px !important; padding-left: 0; width: 140px; color: #B8B8B8}


.error { color: #c00622; font-weight: bold; }
.success { color: #53b700; font-weight: bold; }
.more { background-image: url('../../images/rebrand/template/more-arrow.png'); background-repeat: no-repeat; background-position: right center; padding-right: 8px; }
.note { font-style: italic; color: #909090; }
.strapline { color: #6790B9; font-style: italic; font-size: 1.166em; line-height: 1.5em; letter-spacing: 0.1em; }


.pageLink { padding-right: 0.25em; }


.infoBox-right { float: right; background-color: #e7ebef; padding: 0.875em 1.75em 0.875em 1.75em; margin: 0.875em 0 0.875em 1.75em; border-radius: 5px; -moz-border-radius: 5px; }
.floatLeft { float: left; margin: 0 7em 0 0; }
.borderLeft { float: left; padding-left: 1.75em; background: url('../../images/rebrand/template/borderVert.png') repeat-y 0 0; }

.spacedList li { padding-bottom: 0.875em; }

.updateProgress { border: solid 3px #bcc7da; background-color: #F4F5F9; padding: 10px; z-index: 99999; filter: alpha(opacity=95);
    opacity:.95; text-align: center; position: absolute; width: 100px; height: 45px; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; }








/* COLLAPSE PANEL */
.collapsePanel { position: inherit !important; margin-bottom: 12px; }
.collapsePanel .header { height: 26px; color: White; font-weight: bold; }
.collapsePanel .header .left { width: 16px; background-image: url("../../images/rebrand/collapsePanel/panel-header-left.png"); background-repeat: no-repeat; background-position: 0 0; }
.collapsePanel .header .middle { background-image: url("../../images/rebrand/collapsePanel/panel-header-middle.png"); background-repeat: repeat-x; padding: 2px 0 0 0 !important; background-position: 0 0; vertical-align: middle; }
.collapsePanel .header .right { width: 16px; background-image: url("../../images/rebrand/collapsePanel/panel-header-right.png"); background-repeat: no-repeat; background-position: 0 0; }
.collapsePanel .header .filterMsg { color: #f28519; }
.collapsePanel .highlighted td { background-position: 0 -56px !important; }
.collapsePanel .content { background-color: #f8f8f9; height: 100%; }
.collapsePanel .content .left { width: 2px;  background-image: url("../../images/rebrand/collapsePanel/left.png"); background-repeat: repeat-y; background-position: left top; }
.collapsePanel .content .middle { background-color: #f8f8f9; overflow: hidden; }
.collapsePanel .content .right { width: 1px; background-image: url("../../images/rebrand/collapsePanel/right.png"); background-repeat: repeat-y; background-position: right top; }
.collapsePanel .footer { height: 8px; font-size: 1px; }
.collapsePanel .footer .left { width: 8px; background-image: url("../../images/rebrand/collapsePanel/bottom-left.png"); background-repeat: no-repeat; background-position: left bottom;  }
.collapsePanel .footer .middle { background-image: url("../../images/rebrand/collapsePanel/bottom.png"); background-repeat: repeat-x; background-position: left bottom; }
.collapsePanel .footer .right { width: 8px; background-image: url("../../images/rebrand/collapsePanel/bottom-right.png"); background-repeat: no-repeat; background-position: right bottom;  }
/* END COLLAPSE PANEL */



.collapsible {  }
.collapsible > .header { color: #fff; font-weight: bold; box-sizing: border-box; padding: 5px 8px 0 8px; height: 28px; line-height: 18px;
                         border: solid 1px #0f466b; border-width: 0 1px; border-radius: 6px 6px 0 0;
                       background-image: url("../../images/rebrand/collapsePanel/panel-header-middle.png"); background-repeat: repeat-x; }
.collapsible > .header .filterMsg { color: #f28519; }
.collapsible > .content { background-color: #f8f8f9; padding: 1.5em; border: solid 1px #bcc7da; border-width: 0 1px 1px 1px; border-radius: 0 0 6px 6px; }
.collapsible > .header > .collapse-state-icon { width: 17px; height: 17px; float: right; background-image: url('/Images/Rebrand/collapseBtn.png'); background-repeat: no-repeat;  }
.collapsible.collapsed > .header > .collapse-state-icon { background-image: url('/Images/Rebrand/expandBtn.png'); }




.leftSide { float: left; margin: 0 25px 20px 0; width: 200px; }
.contentSide { float: left; width: 755px; }
.ticketContentSide { float: left; width: 100%; }

.content-panel { min-height: 500px; }

/* TreeView styles */
.tree { font: cursor:pointer; font-size: 12px; font-family: "Segoe UI", Arial, Sans-Serif; }
    .tree .ico { cursor:pointer; display:block; height:16px; background:transparent url("../../images/icons.png") no-repeat; padding:0 0 0 12px; }
    .tree .node { cursor:pointer; line-height: 20px; color: #303030; border: solid 1px transparent; padding: 0 3px 0 2px; }
    *html .tree .node { border-color: #fff; }
        .tree .node .ico { cursor: pointer;}
    .tree .node-h { cursor:pointer; color:#000; text-decoration:none; line-height:20px; border: solid 1px #b0d0e0; padding: 0 3px 0 2px; background-color: #e2eeff; }
        .tree .node-h .ico { cursor:pointer; }
    .tree .node-s { cursor:pointer; line-height:20px; padding: 0 3px 0 2px; color: #f68519; border: solid 1px transparent; font-weight: bold; }
        .tree .node-s .ico { cursor:pointer; }
    .tree .node-d { cursor:pointer; color:#999; line-height:20px; border: solid 1px transparent; padding: 0 3px 0 2px; }
.node-childSelected { line-height: 20px; padding: 0 3px 0 2px; /*color: #f68519; */
                    font-weight: normal !important; border: solid 1px transparent; }
.node-childSelected:after { content: "*"; color: #f68519; }


/* dialog */
.dialog { background-color: #e9ebef; border: solid 1px #003d73; -moz-border-radius: 6px; border-radius: 6px; }
.dialogHeader { background-image: url('../../images/rebrand/template/dialog-header-bg.png');  background-repeat: repeat-x; -moz-border-radius: 4px; border-radius: 4px;
    height: 30px; cursor: move;  color: White; font-weight: bold; padding: 5px 6px 0px 6px; line-height: 20px; }
    .dialogHeader a { cursor: pointer !important; }
.dialogCloseBtn { float: right; }
.modalMask { background-color: Transparent !important; filter: none !important; background-repeat: repeat;
    background-image: url('../../Images/ComponentArt/modalMask.png') !important; }
.dialog .dlg-content { padding: 10px; }


/* grid */
.gridView { border: solid 1px #BCC7DA; margin-top: 0.875em; line-height: 1.75; }
.gridRow .indentCell, .gridAltRow, .gridAltRow .indentCell { color: #505050; }
.gridRowSelected, .gridRowSelected .indentCell, .gridRowSelected .caGridDataCell{ background-color: #BCC7DA; border-color: #BCC7DA; 
    border-width: 0; border-style: solid; cursor: pointer; }
.gridRow .caGridDataCell, .gridRow .indentCell, .gridAltRow .caGridDataCell, .gridAltRow .indentCell { 
    border-color: #c0c0c0; border-width: 0; border-style: solid; }
.gridRow img.grid-icon { cursor: pointer; }

.gridRow,
.gridAltRow { background-color: #fff; }
.gridRow.gridRowOption:hover,
.gridAltRow.gridRowOption:hover { background-color: #CCD7EA; cursor: pointer; }

.gridHeader { text-transform: uppercase; background-color: #154972; background-image: url('../../images/rebrand/template/gridHeaderBG.png'); 
    background-position: left top; background-repeat: repeat-x;  color: #ffffff;  font-weight: bold; }
.subGridView .gridHeader { background-color: #457ca7; background-image: none; text-transform: capitalize; }
.gridView.ca td td,
.gridView.non-ca td { padding: 3px 4px; }
.gridHeader td,
.gridView.non-ca .gridHeader th,
.gridView.ca .gridHeader td td { padding: 3px 4px !important; }
.gridView.non-ca .gridHeader th a,
.gridView.ca .gridHeader td td { cursor: pointer; }
.gridHeader th { font-weight: inherit; }
.gridHeader a { color: White !important; font-weight: inherit; }
.gridFooter { padding-top: 1em; background-color: #fff; }
.gridPager { background-color: #fff; }
.gridView.non-ca .gridPager td { padding: 0 0 0 0.25em; }
.gridView td { border-color: #BCC7DA ; }







.XariosBubble { clear: both; margin-top: 0.5em; }
.XariosBubble .top, .XariosBubble .bottom { line-height: 1px; padding: 0; }
.XariosBubble .top .left { float: left; background: url('../../images/GUI/XariosBubble/bubble_top_left.png') no-repeat scroll 0 0 transparent; width: 18px; height: 18px; padding: 0; }
.XariosBubble .top .middle { background: url('../../images/GUI/XariosBubble/bubble_top_middle.png') repeat-x scroll 0 0 transparent; height: 18px; padding: 0; }
.XariosBubble .top .right { float: right; background: url('../../images/GUI/XariosBubble/bubble_top_right.png') no-repeat scroll 0 0 transparent; width: 44px; height: 18px; padding: 0; }
.XariosBubble .middle .left { background: url('../../images/GUI/XariosBubble/bubble_middle_left.png') repeat-y scroll left center transparent; width: 18px; padding: 0; }
.XariosBubble .middle .middle { background-color: #E4E9EF; padding: 0.75em 0.5em 0.5em 0.5em; vertical-align: top; height: 100%; position: relative; }
.XariosBubble .middle .right { background: url('../../images/GUI/XariosBubble/bubble_middle_right.png') repeat-y scroll right center transparent; width: 44px; padding: 0; }
/*.rounded .content-clearfix { clear: both; }*/
.XariosBubble .bottom .left {  background: url('../../images/GUI/XariosBubble/bubble_bottom_left.png') no-repeat scroll 0 0 transparent; height: 38px; width: 18px; padding: 0; }
.XariosBubble .bottom .middle { background: url('../../images/GUI/XariosBubble/bubble_bottom_middle.png') repeat-x scroll 0 0 transparent; height: 38px; padding: 0; }
.XariosBubble .bottom .right { background: url('../../images/GUI/XariosBubble/bubble_bottom_right.png') no-repeat scroll 0 0 transparent; height: 38px; width: 44px;padding: 0;  }
.XariosBubble .title { color: #003d73; margin: -24px 0 10px 0; }
.XariosBubble .link { display: block; }
.XariosBubble .content { max-width: 600px; overflow: auto; }

.CustomerBubble { clear: both; margin-top: 0.5em; }
.CustomerBubble .top, .CustomerBubble .bottom { line-height: 1px; padding: 0; }
.CustomerBubble .top .left { float: left; background: url('../../images/GUI/CustomerBubble/bubble_top_left.png') no-repeat scroll 0 0 transparent; width: 38px; height: 18px; padding: 0; }
.CustomerBubble .top .middle { background: url('../../images/GUI/CustomerBubble/bubble_top_middle.png') repeat-x scroll 0 0 transparent; height: 18px; padding: 0; }
.CustomerBubble .top .right { float: right; background: url('../../images/GUI/CustomerBubble/bubble_top_right.png') no-repeat scroll 0 0 transparent; width: 18px; height: 18px; padding: 0; }
.CustomerBubble .middle .left { background: url('../../images/GUI/CustomerBubble/bubble_middle_left.png') repeat-y scroll left center transparent; width: 38px; padding: 0; }
.CustomerBubble .middle .middle { background-color: #F9F9F9; padding: 0.75em 0.5em 0.5em 0.5em; vertical-align: top; height: 100%; position: relative; }
.CustomerBubble .middle .right { background: url('../../images/GUI/CustomerBubble/bubble_middle_right.png') repeat-y scroll right center transparent; width: 18px; padding: 0; }
/*.rounded .content-clearfix { clear: both; }*/
.CustomerBubble .bottom .left {  background: url('../../images/GUI/CustomerBubble/bubble_bottom_left.png') no-repeat scroll 0 0 transparent; height: 44px; width: 38px; padding: 0; }
.CustomerBubble .bottom .middle { background: url('../../images/GUI/CustomerBubble/bubble_bottom_middle.png') repeat-x scroll 0 0 transparent; height: 44px; padding: 0; }
.CustomerBubble .bottom .right { background: url('../../images/GUI/CustomerBubble/bubble_bottom_right.png') no-repeat scroll 0 0 transparent; height: 44px; width: 18px;padding: 0;  }
.CustomerBubble .title { color: #003d73; margin: -24px 0 10px 0;}
.CustomerBubble .link { display: block; }
.CustomerBubble .content { max-width: 620px; overflow: auto; padding: 5px; }

.bubble.merged .merged-text { text-transform: uppercase; color: Gray; padding-left: 10px; font-weight: bold; font-style: italic; }




/* TABS */
.TopGroup
{
    
  z-index:99;
  position:relative;
}

.DefaultTab 
{
  color:black; 
  background-image: url(../../images/componentArt/tabs/tab_bg.gif);
  background-repeat:repeat-x;
  cursor:default;
}

.DefaultTab td
{
    font-family:MS Sans Serif, Verdana; 
    font-size:10px;
}

.DefaultTabHover 
{
  color:black; 
  background-image: url(../images/../../images/componentArt/tabs/hover_tab_bg.gif);
  background-repeat:repeat-x;
  cursor:default;
}

.DefaultTabHover td
{
    font-family:MS Sans Serif, Verdana; 
    font-size:10px; 
}

.SelectedTab 
{
  color:black; 
  background-image: url(../../images/componentArt/tabs/selected_tab_bg1.gif);
  cursor:default;
}

.SelectedTab td
{
    font-family:MS Sans Serif, Verdana; 
    font-size:10px; 
}

.MultiPage
{
  background-color:#F7F6F3;
  border: 1px solid #919B9C;
  width:680px;
  height:150px;
  position:relative;
  padding:10px;
  top:-3px;
  left:1px;
  z-index:98;
}

.MultiPage td
{
    font-family:Arial;
    font-size: 8pt;
}

.PageContent
{
  font-family:MS Sans Serif, Verdana; 
  font-size:10px; 
}

.DisabledTab 
{
  color:#AAAAAA; 
  background-image: url(../../images/componentArt/tabs/tab_bg.gif);
  cursor:default;
}

.DisabledTab td
{
    font-family:MS Sans Serif, Verdana; 
    font-size:10px;
}
/* end tabs */

.filter-field { float: left; margin-right: 20px; line-height: 30px; }
.filter-field label { padding-right: 10px; }
.filter-field label { font-weight: bold; }
.clear { clear: both; }

/* PAGES */
/* Contacts */
.privileges .formLabel.col-2,
.privileges .formLabel.col-3 { padding-left: 10px; }

/* KB Article */
.kb-content { height: 400px; overflow: auto; }
.kb-content .admin-content { display: block; margin-top: 10px; margin-bottom: 10px; padding: 10px; border: dashed 1px #BCC7DA; }

/* Tickets */
.ticket-thread { height: 380px; overflow: auto; }
#control-tickets .buttons.back { margin-bottom: 25px; }
#uploaded-file-list td,
#uploaded-file-list th { padding: 0; }
#uploaded-file-list th { text-decoration: underline; }
#uploaded-file-list .filename { padding-right: 20px; }
#iframeTicketUploader { height:50px; border-width:0; width:100%; }
#iframeTicketUploader-body { background: none #F8F8F9; }
#iframeTicketUploader-body .progress-block { width: 20px; background-color: #386491; display: inline-block; }
#attachment-file-list .file-attachment-header { padding-left: 20px; background: url(../../images/icon16/paperclip.png) no-repeat; display: inline-block; line-height: 16px; margin-top: 15px; font-weight: bold; }

/* Sites */
#feature-listing { height: 300px; overflow: auto; }
#feature-listing .gridView { border-width: 0px; }
#info-breakdown .info-breakdown-item { line-height: 2em; }
#info-breakdown .info-breakdown-item label { display: inline-block; font-weight: bold; width: 120px; padding-right: 20px; }

/* files */
#control-files .gridView { border-width: 0px; }

/* news */
.newsListItem {
    display: block;
    padding-bottom: 0.792em;
    margin-bottom: 0.875em;
    border-bottom: solid 1px #DDD;
    clear: both;
    font-weight: normal !important;
    color: #555 !important;
    line-height: 1.75;
}

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

.newsListItem-date {
    color: #386491;
}

.newsListItem-headline {
    color: #F0981B;
    font-weight: bold;
    margin-left: 10px;
}

.newsListItem-abstract {
    display: block;
    clear: both;
}

.adminIcon, .adminIconDisabled
{
    float: left;
    height: 68px;
    width: 100px;
    margin: 0px 15px 20px 0px;
    text-align: center;
    line-height: 1.2;
    border: none;
}

.adminIconDisabled a
{
    cursor: default;	
}

.adminIcon img, .adminIconDisabled img
{
    border: none;
}

.adminIcon .label, .adminIconDisabled .label
{
    display: block;
    padding-top: 6px;
    text-decoration: none;
    font-weight: bold;
}

.adminIconDisabled .label
{
    color: #C0C0C0;	
}

/* ordering */
#new-order-container { }
#new-order-container .left { float: left; padding-bottom: 30px; width: 490px; }
#new-order-container .right { position: absolute; right: 0; width: 250px; }
#new-order-container .right fieldset { margin-bottom: 10px; }
#new-order-container .gridView { border-width: 1px; border-collapse: collapse; width: 490px; }
#new-order-container .gridView input { text-align: center; }
#new-order-container .subGridView { margin-bottom: 40px; }
#new-order-container .formLabel { width: auto; }
#new-order-container .gridView .gridFooter { line-height: 3em; }
.calculator-popup { background-color: #154972; }
#order-inner { position: relative; }
#order-inner .buttons { padding-bottom: 100px; text-align: center; }




/* ComponentArt Calendar styling */
.caCalendar
{
  border: solid 1px #bcc7da;
  border-collapse:collapse;
  background-color:#FFFFFF;
  cursor:default;
}

.caCalendar td
{
    font-size:11px;
}

.caCalendar .title
{
    font-weight:bold;
    background-color: #bcc7da;
}

.caCalendar .button
{
    border:none;
    cursor:pointer;
}

.caPicker
{
    background-color: #FFFFFF;
    border: 1px gray solid;
    font-size: 12px;
    font-weight: bold;
    font-family: "Verdana",monospace;
    padding: 2px;
    cursor: pointer;
}

.caCalendar .day
{
    width:25px;
    cursor:pointer;
    text-align:center;
    border: solid 1px #F0F2F7;
}

.caCalendar .dayHover
{
    width: 25px;
    cursor: pointer;
    text-align: center;
    border: solid 1px #bcc7da;
}

.caCalendar .dayHeader
{
    width:25px;
    text-align:center;
    border-width:1px;
    border-color:white;
    border-style:solid;
    font-weight:bold;
    background-color:#FFFFFF;
}

.caCalendar .otherMonthDay
{
  color:#bcc7da;
}

.caCalendar .outOfRangeDay
{
    visibility: hidden;
}

.caCalendar .selectedDay
{
  width: 25px;
  background-color: #bcc7da;
  color: #000000;
  border-width: 1px;
  border-color: #003d73 !important;
  border-style: solid;
  font-weight: bold;
}

.caCalendar .month
{
  background-color:#F0F2F7;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:0px;
}

.caCalendar .nextPrev
{
  cursor:pointer;
  height:25px;
  vertical-align: middle;
  padding:0px 5px 0px 5px;
}

.caCalendar .selector
{
  width:14px;
  cursor:pointer;
  text-align:left;
  vertical-align: middle;
  background-color:#FFFFFF;
}
/* END Componentart calendar styling */

/* Non Componentart calendar styling */
.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #EEF0F4;
  font-family: tahoma, verdana, sans-serif;
  z-index: 1000;
}

.calendar table {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #EEF0F4;
  font-family: tahoma, verdana, sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar .nav {
  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: #003D73;
  color: #fff;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background: #d8e0ee;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background-color: #d8e0ee;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #b8c0ce;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #f4f0e8;
}

.calendar tbody .rowhilite td {
  background: #e4e0d8;
}

.calendar tbody .rowhilite td.wn {
  background: #EEEEEE;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  padding: 2px 2px 0px 2px;
  background: #e4e0d8;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #003D73;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #f4f0e8;
  padding: 1px;
  border: 1px solid #000;
  background: #003D73;
  color: #fff;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #dce2e8;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  background: #b9bec8;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar .combo .hilite {
  background: #003D73;
  color: #ffffff;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #766;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}
/* END Non Componentart calendar styling */


.combo { cursor:default;  background-color: white; border: solid 1px #bcc7da; padding: 0px; line-height: 16px; }
.combo-hover { /*border-color: #aaf1fe;*/ border-color: #acd9f1; }
.combo-dd { background-color: White; border: solid 1px #bcc7da; margin: 2px 0px 0px 1px; cursor: pointer; }
.combo-item { padding: 2px; }
.combo-item-hover { background-color: #bcc7da; }
.combo-text { border: none; margin:0; padding:0; }
.combo td { padding: 0 !important; }
.combo input { padding: 2px 5px !important; }



.stockOK, .stockReorder, .stockLow, .stockVeryLow, .legacy
{
    color: #10BE40;
    font-weight: bold;
}
.stockReorder 
{
    color: #BBC500;
}
.stockLow
{
    color: #E99000;
}
.stockVeryLow 
{
    color: #BB0000;
}

.legacy
{
    color: #2E2BFF;
}


.warning-icon-32,
.ok-icon-32,
.info-icon-32
{
    padding-left: 50px; min-height: 32px;
}
.warning-icon-32.single-line,
.ok-icon-32.single-line,
.info-icon-32.single-line
{
    line-height: 32px;
}
.info-icon-32 { background:  url(/images/icon32/information2.png) no-repeat 0 50%; }
.warning-icon-32 { background:  url(/images/icon32/warning.png) no-repeat 0 50%; }
.ok-icon-32 { background:  url(/images/icon32/check.png) no-repeat 0 50%; }

.hideit
{
    display: none;
}

.combo-item.sales-site-picker .st,
.combo-item.sales-site-picker .fst { padding: 2px; line-height: 1.66em; }
.combo-item.sales-site-picker .fst { color: Green; }
.combo-item-hover.sales-site-picker .fst { background-color: Green; color: #fff; }

.no-size { resize: none; } /* chrome only */

.radio-buttons label { font-weight: normal; }

.checkbox-list label { font-weight: normal; padding-left: 10px; }

UL.site-dropdown-icons { list-style-image: none; margin-left: 0; }
UL.site-dropdown-icons LI { float: left; padding: 0; }

.important, .error
{
	font-weight: bold;
	color: #ac0f12;
}

.hiddencol { display:none; } 

.hbColName { width:100px; }
.hbColValue { width:auto; background-color:White; }

tr.pendingTrial td { color: black; }
tr.expiredTrial td { color: red; }
tr.ongoingTrial td { color: green; }

div.narrowerTabStripTabs div.cart-tabstrip-top-item a span.cart-outer span.cart-inner {
    padding: 0 8px 0 4px !important;
}

span.radio-buttons span[disabled="disabled"] label { color: lightgrey; }

.swas-list td, .swas-list th {
  padding-right: 1em; }

.swas-list th {
  font-weight: 500;
  text-align: left; }

.swas-list-level-0 > td:first-of-type {
  padding-left: 0em; font-weight:bold; color:#6090b5 }

.swas-list-level-1 > td:first-of-type {
  padding-left: 1.5em; }

.swas-list-level-2 > td:first-of-type {
  padding-left: 3em; }

.swas-list-level-3 > td:first-of-type {
  padding-left: 4.5em; }

.swas-list-level-4 > td:first-of-type {
  padding-left: 6em; }

.swas-list-level-5 > td:first-of-type {
  padding-left: 7.5em; }

.swas-list-level-6 > td:first-of-type {
  padding-left: 9em; }

.swas-list-level-7 > td:first-of-type {
  padding-left: 10.5em; }

.swas-list-level-8 > td:first-of-type {
  padding-left: 12em; }

.swas-list-level-9 > td:first-of-type {
  padding-left: 13.5em; }

.swas-list-level-10 > td:first-of-type {
  padding-left: 15em; }

.label-disabled {
    color: aqua
}