html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,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%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
table{
    border: none !important;
}
table.padded tbody tr td, table.padded tr td
{
padding:2px;    
}
td{
    vertical-align: top
}
div.toggleicon.arrow-s
{ padding-bottom:0px;}
div.toggleicon.arrow-n
{ padding-bottom:5px;}

div.toggleicon
{font-weight:bold;}
span.recent-id
{font-weight:bold;}
div#filelist div a {
    text-decoration: none;
}

a.tblbtn
{
    text-decoration:none;
    color:#000000;
}
a.tblbtn img
{
    vertical-align:middle;
    
}
div.sla-name
{
    font-weight:bold;
}
div.sla-name table
{
    margin-left:20px;
    
}   
div.sla-name table thead td
{
    font-weight:bold;
padding:2px 10px 2px 10px;    
}   
div.sla-name table tbody td
{
    font-weight:normal;
    padding:2px 10px 2px 10px;
}  
div.sla-name table tbody tr.expired td{ font-weight:400; color:Red;}
input.datepicker
{
BACKGROUND-IMAGE: url(../images/calendar.gif);
BACKGROUND-REPEAT: no-repeat;
HEIGHT: 16px;
WIDTH: 16px;
border: none;
background-color: transparent;
margin: 0;
padding: 0;
vertical-align: bottom;    
}
table.sortable thead tr.ProblemListTitle td
{
    padding-right:14px;
}
table.sortable thead tr.ProblemListTitle td.sorttable_sorted, table.sortable thead tr.ProblemListTitle td.sorttable_sorted_reverse
{
    padding-right:0px;
}
#TABLE1{
    padding:1em;
}
td.middle table td
{
    padding:1px;
    vertical-align:middle;
}
div.dlgcontent #bordertable
{
    margin:0 auto 0 auto;
}
div.dlgbtns
{
    padding-top: 10px;
    text-align: right;
}
div.rightdlgbtns
{   
    margin:4px 4px 0 0 ;
    text-align:right;
}
#SaveImg
{
    background-color:White;
}
table.detailsection tbody tr td 
{ padding:2px;}
a.db
{

    border: solid 1px #ffffff;
    text-decoration:none;
    color:Black;
    display:block;
    padding:3px 0 3px 0;

}
a.db:hover
{
    background-image:url('../images/toolbar/largeBtnHover-2.png');
    border:solid 1px #b28c5b;
    text-decoration:none;
    color:Black;
    display:block;
    padding:3px 0 3px 0;
}
#quicklinks
{
    width:100%;
    text-align:center;
    white-space:nowrap;
}
#quicklinks a
{
    text-decoration:none;
    color:#000000;
}

#CalDiv
{
    position:absolute;
    width:150px;
    height:150px;
    overflow:hidden;
}

.detailbox .topleft
{
    width:24px;
    height:15px;
    
}
.detailbox .topmiddle
{
 height:15px;    
}
.detailbox .topright
{
width:24px;
height:15px;   
}
.detailbox .left
{
    height:15px;
    width:24px;
    vertical-align:bottom ;    
}
.detailleftimg
{
    width:24px;
    height:37px;    
}

.detailbox .right
{
    width:24px;
    vertical-align:bottom ;
}
.detailrightimg
{
    width:24px;
    height:37px;
    border:none;    
}
.detailbox .botleft
{
        width:24px;
        height:21px;  
}
.detailbox .botmiddle
{
    height:21px;
}
.detailbox .botright
{
   height:21px;
   width:24px;    
}

.sectionheading .shleft
{
       height:29px;
   width:20px;    
}
.sectionheading .shmiddle
{           
    height:29px;      
   vertical-align:middle;
   text-transform:capitalize;
}
.sectionheading .shright
{
   height:29px;
   width:20px;       
}
div.sectionheading
{
    margin:2px 2px 2px 0;
    padding:8px 0 0 5px;
    width:auto ;
}

.sectionheading
{
    width:100%;
    margin:2px 0 2px 0;
}



.centered
{
    text-align:center;
}

#RecentItems ul li{
margin:0;
padding:0;
list-style-type:none;

}


#recentreport li{
background:url('../images/buttons/small/Reports.png') left top no-repeat;
padding-top:2px;
padding-bottom:2px;
padding-left:18px;
width:100%;
overflow:hidden;
white-space:nowrap;
} 
#recentreport li ul li{
background:url('../images/buttons/small/Report.png') left top no-repeat;
padding-left:18px;
} 
/**/
.mailheader
{    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;

}

.attachment
{
    padding-left:5px;
    padding-right:2px;
    
}
#popupMask {
    position: absolute;
    z-index: 200;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: .4;
    filter: alpha(opacity=40);
    background-color:transparent !important;
    background-color: #333333;
    background-image/**/: url("../images/maskBG.png") !important; /* For browsers Moz, Opera, etc.*/
    background-image:none;
    background-repeat: repeat;
    display:none;
}
#popupContainer {
    position: absolute;
    z-index: 201;
    top: 0px;
    left: 0px;
    display:none;
    background-color:#ffffff;
}
#popupInner {

        background-color: rgba(0, 0, 0, 0.05);
}

#popupFrame {
    margin: 0px;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 202;
}
#popupTitleBar {

    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    padding: 4.4px 11px 4.4px 11px;
    height:16px;
    position: relative;
    z-index: 203;
    font-weight:700;
}
#popupTitle {
    float:left;
    font-size: 1.1em;
}
#popupControls {
    float: right;
    cursor: pointer;
}
#popCloseBox
{
    background-image:url('images/ui-icons_888888_256x240.png');
    background-position:-96px -128px;
    height:16px;
    width:16px;
  
    background-color:rgb(230,230,230);
}
#copyright
{
    bottom: 0;
    clear: both;
    margin-top: 5px;
    text-align: right;
    padding: 2em;
    text-align: left;
    color: #777;
}
form
{
    margin:0px 0px 0px 0px;
}
#utilbar
{
    float: right;
    width: 19%;
    margin-top:8px;
    overflow:hidden;

}
#NavListDiv
{
    padding-left:1px;
    text-align:left;
    
    
}
#NavListDiv a
{
    color:Black;
    text-decoration:none;
    
    
}
#NavListDiv ul 
{
    padding-left:1px;
    margin-left:8px;
}
#NavListDiv ul li
{
    padding-left:1px;
    margin-left:5px;
}
#NavListDiv ul li ul
{
    padding-left:1px;
    margin-left:5px;
}
#NavListDiv ul li ul li
{
    padding-left:1px;
    margin-left:5px;
}

#maincontent
{
    float:left;
    width:80%;
    margin-left:2px;
    overflow-x:auto !important;
/*    margin-top: 2em;
*/}
.NoPrint
{}
.plist
{
    float:left;
    display:inline;
    width:200px;
    margin-top:10px;
}
.plistt
{
    font-weight:bold;
    margin-bottom:5px;
}
.pa
{
    text-decoration:none;
    color:black;
}
.divDragTitle {
    position: absolute;
    height: 18px;
    padding:0px; margin:0px;
    cursor:move;
}

.divDragTitle table {
    border-spacing:0px; width:100%;
}

.divDragTitle table tr td {
    padding:0px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px; font-weight:bold;
    color:#FFFFFF;
}

.divDragContent {
    position: absolute;
    padding:0px; margin:0px;
    display:block;
}

.divTitleButton {
    border:0px;
}


.linkednotehidden
{
    display:none;
}
.page-in .linkednote 
{
    background-color:rgb(224,237,215);}
.linkednote
{
    display:block;
    background-color:rgb(245,230,199);
}

#MenuDiv
{
    width:150px;   
    
}
div.page-cr #PersonImg {background-image:url('../images/change.png');}
div.page-cr #PersonImglinked {background-image:url('../images/changeLinked.png');}
div.page-cr #PersonImgmaster {background-image:url('../images/changemaster.png');}

div.page-pr #PersonImg {background-image:url('../images/problem.png');}
div.page-pr #PersonImglinked {background-image:url('../images/problemLinked.png');}
div.page-pr #PersonImgmaster {background-image:url('../images/problemmaster.png');}

div.page-in #PersonImg {background-image:url('../images/incident.png');}
div.page-in #PersonImglinked {background-image:url('../images/incidentLinked.png');}
div.page-in #PersonImgmaster {background-image:url('../images/incidentmaster.png');}



#PersonImg,#PersonImglinked,#PersonImgmaster
{
    background-repeat:no-repeat;
    width:128px;
    height:128px;
    
}
.headerappname
{
    font-size: 10px;
    cursor: pointer;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    white-space: nowrap;
    color: #ffffff;
    font-weight: bold;
}

.loggedonlist
{
    background-color:#ececec;
}
a.headerlink:hover
{
    font-size: 10px;
    cursor: pointer;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    white-space: nowrap;
    color: #ff872f;
    font-weight: bold;
}


.headerlink
{
    font-size: 10px;
    cursor: pointer;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    white-space: nowrap;
    color: #ffffff;
    font-weight: bold;
}

body
{
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0px 0px 0px 0px;
    background-color: White;
}
textarea.InputText, textarea.inputtext, textarea.ManCustData
{
    height:auto;
}
.InputText, .inputtext, .ManCustData, input[type="text"],  select, input[type="password"]
{
    border: #bac3c6 1px solid;
}
 input[type="text"].ui-state-error,  select.ui-state-error, input[type="password"].ui-state-error
{
    border: #cd0a0a 1px solid;
}
textarea.customdata {
resize:none;
}
input
{
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.CoolBtn
{
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
    background-color: #ececec;
}
td
{
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
select
{
    border: #bac3c6 1px solid;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
option
{
    border-right: gray 1px;
    border-top: gray 1px;
    font-size: 10px;
    border-left: gray 1px;
    border-bottom: gray 1px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.Title
{
    font-weight: 600;
    font-size: 12pt;
    color: white;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #3f415f;
    text-align: center;
}
.Copyright
{
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    float:none;
    clear:both;
}
.MenuOver
{
    font-weight: normal;
    font-size: 8pt;
    text-transform: capitalize;
    cursor:pointer;
    color: black;
    font-family: Arial;
    background-color: #c2c2c2;
}
.MenuSel
{
    font-weight: 600;
    font-size: 8pt;
    text-transform: capitalize;
    cursor:pointer;
    color: black;
    font-family: Arial;
    background-color: #c2c2c2;
}
.MenuSelOver
{
    font-weight: 600;
    font-size: 8pt;
    text-transform: capitalize;
    cursor:pointer;
    color: black;
    font-family: Arial;
    background-color: #c2c2c2;
}
.button, .Button
{
    border-right: #000000 1px;
    padding-right: 1px;
    border-top: #000000 1px;
    padding-left: 1px;
    font-size: 10px;
    padding-bottom: 1px;
    border-left: #000000 1px;
    cursor:pointer;
    color: black;
    border-bottom: #000000 1px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    height: 20px;
    background-color: transparent;
    text-decoration: none;
}
.Disabledbutton, .disabledButton
{
    border-right: #000000 1px;
    padding-right: 1px;
    border-top: #000000 1px;
    padding-left: 1px;
    font-size: 10px;
    padding-bottom: 1px;
    border-left: #000000 1px;
    cursor: default;
    color: gray;
    border-bottom: #000000 1px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    height: 18px;
    background-color: transparent;
    text-decoration: none;
}
.buttondown, .ButtonDown
{
    border-right: #000000 1px;
    padding-right: 0px;
    border-top: #000000 1px;
    padding-left: 2px;
    font-size: 10px;
    padding-bottom: 0px;
    border-left: #000000 1px;
    cursor:pointer;
    color: black;
    padding-top: 2px;
    border-bottom: #000000 1px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    height: 18px;
    background-color: transparent;
    text-decoration: none;
}
.TableBorder
{
    border-top: #6e7d98 1px solid;
}
.clock
{
    border-right: medium none;
    border-top: medium none;
    border-left: medium none;
    color: black;
    border-bottom: medium none;
    background-color: transparent;
    color: #ffffff;
}
.detailstable
{
    background-color: #ffffff;
}
table.detailstable td
{
    padding: 2px;
    padding-left: 1.5em;
}
.detailsection
{
    background-color: Transparent;
}
textarea
{
    border-right: #bac3c6 1px solid;
    border-top: #bac3c6 1px solid;
    font-size: 10px;
    border-left: #bac3c6 1px solid;
    border-bottom: #bac3c6 1px solid;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.CoolBtnhover
{
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
    background-color: #657fa4;
}

.UserLink,a.userLink, .userlink, a.Userlink
{
    font-size: 10px;
    cursor:pointer;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    white-space: nowrap;
    text-decoration:none;
}
strong
{
    font-weight:bold;
}
em
{
    font-style:italic!important;
}
a.userlink img
{
    vertical-align:middle;
}
.UserLinkSel, .userlinksel, .UserlinkSel,.userlinkSel
{
    font-size: 10px;
    cursor: pointer;
    color: white;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #1b1464;
    text-decoration: none;
    white-space: nowrap;
}
.label
{
    border-right: medium none;
    border-top: medium none;
    border-left: medium none;
    border-bottom: medium none;
    background-color: transparent;
}
.ProblemList
{
    cursor:pointer;
    background-color: white;
}
.ProblemListRow1
{
        background-color: #ececec;
}
.ProblemListRow2,.problemListRow2
{
            background-color: #ffffff;
}
.ProblemListRow1,.problemListRow2,.ProblemListRow2
{
/*    border: #203d69 1px solid;
*/    height: 24px;

    cursor:pointer;
}

table.sortable {
border: #c2c2c2 1px solid !important;
}
.ProblemListTitle
{
/*    border: #203d69 1px solid;
*/    font-weight: bold;
    background-color: #c2c2c2;
    text-align: center;
    height: 24px;
}
table tr.ProblemListRow1 td, table tr.ProblemListRow2 td, table tr.ProblemListTitle td,table tr.ProblemListTitle th ,table tr.ProblemListRowHover td
{
        border-right: #c2c2c2 1px solid;
 padding:2px;
    /*text-align: center;*/
}
.Normal
{
    border-right: white thin solid;
    border-top: white thin solid;
    border-left: white thin solid;
    border-bottom: white thin solid;
}
.MenuTop
{
    background-color: #ececec;
}
.MenuSub
{
    cursor:pointer;
    background-color: #ececec;
}
.MenuTopHover
{
    cursor:pointer;
    background-color: #c2c2c2;
}
.noborder
{
    border-right: medium none;
    border-top: medium none;
    border-left: medium none;
    border-bottom: medium none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.Customerdetailstable
{
    background-color: Transparent;
    width: 100%;
}
.SelectedFldr
{
    color: white;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: black;
    text-decoration: none;
}
.Fldr
{
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}
.menubar
{
    margin-top:5px;
    padding: 4px;
    background-color: #f3f3f3;
}
.BlackBorder
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
}
.TicketNo
{
    font-weight: bold;
    font-size: 14px;
    color: black;
    font-family: Verdana;
    text-align: center;
    width: 100%;
    padding:2px;
}
.MenuBack
{
    font-size: 10px;
    color: black;
    font-family: Verdana;
    background-color: #ececec;
}
.menuback
{
    font-size: 10px;
    color: black;
    font-family: Verdana;
    background-color: #ececec;
}
.summaryrow
{
    height: 24px;
}
.summaryrow td
{
    border-bottom:solid 1px #fff;
    padding: 1em;
}
.ProblemListRowHover
{
    cursor:pointer;
    height: 24px;
    background-color: #c2c2c2;
}
.ActiveTabMiddle
{
    background-image: url(../images/Tab_middle.gif);
    cursor:pointer;
    color: black;
    text-align: center;
    text-decoration: none;
}
.InactiveTabMiddle
{
    background-image: url(../images/Tab_middle_grey.gif);
    text-align: center;
}


.TicketBack
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    background-color: #d5e7d7;
}
.ticketnavdiv
{
    z-index: 30;
    overflow: hidden;
    clip: rect(auto 149px auto auto);
    position: absolute;
    top: 0px;
}
.TabLink
{
    font-size: 10px;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}
.SummaryHead
{
    font-size: 10pt;
    cursor:pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: white;
    text-align: center;
}
.SummaryHeadHover
{
    font-weight: bold;
    font-size: 10pt;
    cursor:pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #657fa4;
    text-align: center;
}
.link
{
    color: black;
    text-decoration: none;
}
.QuickLink
{
    color: black;
    text-decoration: none;
}
.QuickLinkHover
{
    font-weight: bold;
    color: red;
    text-decoration: none;
}
.PrintOnly
{
    display: none;
}
.DivHide
{
    display: none;
}
.DivDisplay
{
    display: block;
}
.ArrowBtn
{
    border-right: medium none;
    padding-right: 0px;
    border-top: medium none;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    border-left: medium none;
    padding-top: 0px;
    border-bottom: medium none;
}
.Language
{
    padding-right: 1pt;
    padding-left: 1pt;
    font-size: 8pt;
    text-transform: uppercase;
    color: white;
    font-family: Arial;
    background-color: #00008b;
    text-align: center;
    font-size:10pt;
}
.pagehead
{
    font-size: 12pt;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-bottom: 5px;
    padding-top: 15px;
    font-weight: bold;
}
h4
{
    font-size: 12pt;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-bottom: 15px;
}
h5
{
    font-size: 10pt;
    color: black;
    line-height: 10pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.MenuTopItem
{
    width: 150px;
    background-color: #ececec;
}
.SubMenu
{
    width: 150px;
    padding-left: 0px;
    background-color: #ececec;
}
a.MenuItem:link
{
    width: 150px;
    color: black;
    padding-left: 0px;
    text-decoration: none;
    background-color: #ececec;
}
a.MenuItem:active
{
    width: 150px;
    padding-left: 0px;
    color: black;
    text-decoration: none;
    background-color: #ececec;
}
a.MenuItem:visited
{
    width: 150px;
    padding-left: 0px;
    color: black;
    text-decoration: none;
    background-color: #ececec;
}
a.MenuItem:hover
{
    width: 150px;
    padding-left: 0px;
    color: #ff652d;
    text-decoration: none;
    background-color: #c2c2c2;
}


/* Classes Used to define the appearance of the TAB's */
.Tabbackground
{
    background-image: url(../images/Tab_middle_grey.gif);
    background-repeat: repeat-x;
    height: 29px;
}
.Tabbackground_Left
{
    background-image: url(../images/Tab_left_grey.gif);
    width: 10px;
    background-repeat: no-repeat;
    height: 29px;
}
.Tabbackground_Right
{
    background-image: url(../images/tab_Right_grey.gif);
    width: 10px;
    background-repeat: no-repeat;
    height: 29px;
}
.TabbackgroundActive
{
    background-image: url(../images/Tab_middle.gif);
    background-repeat: repeat-x;
    height: 29px;
}
.TabbackgroundActive_Left
{
    background-image: url(../images/tab_left.gif);
    width: 10px;
    background-repeat: no-repeat;
    height: 29px;
}
.TabbackgroundActive_Right
{
    background-image: url(../images/tab_right.gif);
    width: 10px;
    background-repeat: no-repeat;
    height: 29px;
}
A.Tabnav:link
{
    font-weight: normal;
    font-size: 11px;
    color: #003366;
    padding-top: 4px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    height: 20px;
    text-align: center;
    text-decoration: none;
}
A.Tabnav:visited
{
    font-weight: normal;
    font-size: 11px;
    color: #003366;
    padding-top: 4px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    height: 20px;
    text-align: center;
    text-decoration: none;
}
A.Tabnav:hover
{
    font-weight: normal;
    font-size: 11px;
    color: #ff0000;
    padding-top: 4px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    height: 20px;
    text-align: center;
    text-decoration: none;
}
A.Tabnav:active
{
    font-weight: normal;
    font-size: 11px;
    color: #003366;
    padding-top: 4px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    height: 20px;
    text-align: center;
    text-decoration: none;
}
.optionlabel
{
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;   
}
.treeitem
{
    font-size: 10px;
    cursor:pointer;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none
}
.selecttreeitem
{
    font-SIZE: 10px;
    cursor:pointer;
    color: white;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #1b1464;
    text-decoration: none
}
.nodeimage
{
    text-decoration:none;
    border:none;
    vertical-align:middle ;
}
.expandlink
{
    text-decoration:none;
    border:none;
    vertical-align:middle ;
}
.expandimg
{
    text-decoration:none;
    border:none;
    vertical-align:middle ;
}
ul.tree
{
    display:none;
    margin-left:18px;
    list-style-image:none;
    list-style-type:none;
}
.opengroup
{
    padding-top:2px;
    background-image:url('..\images\vdot.gif');
    background-repeat:repeat-y;
    list-style-image:none;
    list-style-type:none;
}
.closedgroup
{
    background-image:url('..\images\vdot.gif');
    background-repeat:repeat-y;
    padding-top:2px;
    list-style-image:none;
    list-style-type:none;
}
.solutioncontent
{
    overflow:auto;
    width:99%;
    height:150px;
    background-color:White;
    border:solid 1px black;
    
          
}
.tree
{
    background-image:url('../images/vdot24.gif');
    background-repeat:repeat-y;
}

.treediv
{
    background-image:url('../images/vdot.gif');
    background-repeat:repeat-y;
}
table.tabtable{ border-collapse:separate !important;}
#tab-bar
{
}

.tab
{
    text-decoration:none;
    height:25px;
    border-right: 5px solid white;
    /*border-left:solid 1px #c0c0c0;
    border-top:solid 1px #c0c0c0;
    border-right:solid 1px #c0c0c0;*/
    
}
.tab a
{
    text-decoration:none;

}
.tab .lefttab
{
   border:none; 
   vertical-align:top;
   height:25px;
   width:10px;
   
}
.tab .centertab
{
    /*background-image: url(../images/Tab_middle.gif);*/
    cursor:pointer;
    color: black;
    text-align: center;
    background-repeat: repeat-x;
    height: 25px;
    white-space: nowrap;
    text-transform:capitalize;
}
.tab .rightab
{
  border:none;
  vertical-align:top; 
  background-repeat:no-repeat; 
  height:25px;
  width:10px;
}
.tabinactive
{
    text-decoration:none;
    height:25px;   

    
}
.tableft{    border-right: 5px solid white;}
.tabright{border-left: 5px solid white;}

.tabinactive a
{
    text-decoration:none;

}
.tabinactive a:hover
{
    text-decoration: none;
    color: #ff6347;
}
.tabinactive .lefttab
{
   border:none; 
   vertical-align:top;
   height:25px;
   width:10px;
   
}
.tabinactive .centertab
{
    cursor:pointer;
    color: black;
    text-align: center;
    background-repeat: repeat-x;
    height: 25px;
    white-space: nowrap;
    
}
.tabinactive .centertab a:hover
{
    text-decoration: none;
    color: #ff6347;
    
}
.tabinactive .rightab
{
  height:25px;
  width:10px;
  border:none;
  vertical-align:top;
}
.tab-sp
{
   height:25px;
   width:1px;
   vertical-align:middle;
   border:none;
}
 div.detailbox{
margin:2px 2px 2px 0;
padding:5px;
}
table.detailbox, .tab, div.detailbox
{
    background:#f6f6f6;
}


.detailbox .topleft
{
    width:24px;
    height:15px;

    
}
.detailbox .topmiddle
{

 height:15px;    
}
.detailbox .topright
{
width:24px;
height:15px;
 
}
.detailbox .left
{
    height:15px;
    width:24px;
    vertical-align:bottom ;
 
}
.detailleftimg
{
    width:24px;
    height:37px;

}
.detailbox .middle
{

     background-position:bottom 
}
.detailbox .right
{
    width:24px;
    vertical-align:bottom ;
   
}
.detailrightimg
{
    width:24px;
    height:37px;
    border:none;    
}
.detailbox .botleft
{
        width:24px;
        height:21px;
 
}
.detailbox .botmiddle
{
    height:21px;

}
.detailbox .botright
{
   height:21px;
   width:24px;    

}
.sectionheading ,.tabinactive
{
    background:#e6e6e6;
}
table.detailbox,.sectionheading, div.detailbox
{
/*border: solid 1px #c0c0c0;*/
}    
.sectionheading
{
    width:100%;
    height:22px;
    vertical-align:middle;
    text-transform:capitalize;

}
.sectionheading .shleft
{           
width:20px;
    
}
div.toggleicon
{

background-repeat:no-repeat;
    background-image:url('images/ui-icons_454545_256x240.png');
    padding-left:18px;
    top:-2px;
    

}
/* Colors for objects*/
/*pr*/
    div.page-pr div#escpanel_tab,div.page-pr div#otherstatuspanel_tab, div.page-pr div#escpanel_tab, div.page-pr div.info-panel,div.page-pr table.detailsTable td,div.page-pr table.ProblemList tr.ProblemListRow1,div.page-pr .greybox, div.page-pr table.detailbox, div.page-pr .tab, li.recent-pr ul li ,li.recent-search-list-pr ul li,li.recent-pr ul li,.page-pr .detailbox,.pr .detailbox
    {    background:rgb(184,205,226);  }
    div.page-pr .sectionheading ,div.page-pr .tabinactive,li.recent-pr a.userlink,div.page-pr table.ProblemList tr.ProblemListTitle, li.recent-pr a.userlink,li.recent-search-list-pr a.userlink,.page-pr .sectionheading,.pr .sectionheading
    {    background:rgb(137,172,207);  }
    div.page-pr div#escpanel_tab,div.page-pr div#otherstatuspanel_tab, div.page-pr div#escpanel_tab, div.page-pr div.info-panel, div.page-pr .greybox, div.page-pr table.detailbox, div.page-pr .sectionheading, li.recent-search-list-pr a.userlink, li.recent-search-list-pr ul, .page-pr .detailbox, .pr .detailbox, .page-pr .sectionheading, .pr .sectionheading
    {
    /*border: solid 1px rgb(58,116,175);*/
    } 
    #recentpr
    {
        border: solid 1px rgb(58,116,175);
        background:rgb(137,172,207);
        
        }
    div.page-pr #infopanels
    {
        border-top:solid 1px rgb(58,116,175);
    }
    div.page-pr .tab{
        border-right:solid 5px white;
    }
    /*defaults*/
    
    
#recentsearch
{
    background-color:#e6e6e6;
    border:solid 1px #c0c0c0;
    }
#recentsearch,#recentin,#recentpr,#recentcr,#recentdept,#recentuser,#recentcomp,#recentcat,#recentsol,#recentreport,#loggedonuser
{
    padding:4px;  
    margin-top: 4px;    
}  
div.arrow-n, div.arrow-s
{
    background-image:url('images/arrows.png');

} 
div.arrow-s
{
    background-position:0 -34px;
} 
div.arrow-n
{
    background-position:0 -96px;
}  
/*in*/
    div.page-in div#escpanel_tab,div.page-in div#otherstatuspanel_tab, div.page-in div#escpanel_tab, div.page-in div.info-panel, div.page-in table.detailsTable td,div.page-in table.ProblemList tr.ProblemListRow1, div.page-in .greybox, div.page-in table.detailbox, div.page-in .tab, li.recent-in ul li ,li.recent-search-list-in a.userlink, li.recent-in a.userlink,li.recent-search-list-in ul li ,li.recent-in ul li ,.page-in .detailbox ,.in .detailbox 
    {
    background:rgb(194,226,212); 
    }
    div.page-in .sectionheading ,div.page-in .tabinactive,li.recent-in a.userlink,div.page-in table.ProblemList tr.ProblemListTitle, li.recent-search-list-in a.userlink, li.recent-in a.userlink,.page-in .sectionheading,.in .sectionheading,#recentin
    {
    background:rgb(154,206,184);  
    
    }
    li.user-op{ background-image:url('../images/buttons/small/OpUser.png') !important;}
    li.current{ font-weight:bold;}
    div#recentin a.userlink,div.#recentsearch a.userlink,div#recentpr a.userlink,div#recentcr a.userlink
    ,div#recentsearch a.userlink
    ,div#recentuser a.userlink
    ,div#recentcomp a.userlink
    ,div#recentdept a.userlink
    ,div#recentsol a.userlink
    ,div#recentcat a.userlink
    ,div#recentreport a.userlink
    ,div#loggedonuser a.userlink
    
    {
        margin-bottom:4px;
        cursor:pointer;
    }
    div.page-in div#escpanel_tab,div.page-in div#otherstatuspanel_tab, div.page-in div#escpanel_tab, div.page-in div.info-panel, div.page-in .greybox, div.page-in table.detailbox,div.page-in .sectionheading,li.recent-search-list-in ul, li.recent-search-list-in a.userlink, .page-in .sectionheading,.in .sectionheading,.page-in .detailbox ,.in .detailbox ,#recentin
    {
    /*border: solid 1px rgb(86,173,137);*/
    } 
    div.page-in #infopanels
    {
        border-top:solid 1px rgb(86,173,137);
    }
    div.page-in .tab{
        border-right: solid 5px white;
    }
/*cr */
    div.page-cr div#escpanel_tab,div.page-cr div#otherstatuspanel_tab, div.page-cr div#escpanel_tab, div.page-cr div.info-panel,div.page-cr table.detailsTable td,div.page-cr table.ProblemList tr.ProblemListRow1,div.page-cr .greybox, div.page-cr table.detailbox, div.page-cr .tab, li.recent-cr ul li ,li.recent-search-list-cr ul li ,li.recent-cr ul li,.page-cr .detailbox,.cr .detailbox
    {
    background:rgb(247,229,200);
    }
    div.page-cr .sectionheading ,div.page-cr .tabinactive,li.recent-cr a.userlink,div.page-cr table.ProblemList tr.ProblemListTitle,li.recent-search-list-cr a.userlink,li.recent-cr a.userlink,.page-cr .sectionheading,.cr .sectionheading,#recentcr
    {
    background:rgb(242,212,163);
    }
    div.page-cr div#escpanel_tab,div.page-cr div#otherstatuspanel_tab, div.page-cr div#escpanel_tab, div.page-cr div.info-panel, div.page-cr .greybox, div.page-cr table.detailbox, div.page-cr .sectionheading, li.recent-search-list-cr a.userlink, li.recent-search-list-cr ul, .page-cr .sectionheading, .cr .sectionheading, .page-cr .detailbox, .cr .detailbox,#recentcr
    {
   /* border: solid 1px rgb(234,183,102);*/
    } 
    div.page-cr #infopanels
    {
        border-top:solid 1px rgb(234,183,102);
    }
    div.page-cr .tab{
        border-right: solid 5px white;
    }

/*dept*/
div.page-dept .sectionheading ,div.page-dept .tabinactive,li.recent-dept a.userlink,#recentdept
{ background:rgb(230,216,198);}
div.page-dept table.detailbox,div.page-dept .sectionheading,li.recent-dept ul,#recentdept
{border: solid 1px rgb(208,182,148);} 
div.page-dept table.detailbox, div.page-dept .tab, li.recent-dept ul li 
{background:rgb(242,235,225);}
div.page-dept .tab{
    border-left:solid 1px rgb(208,182,148);
    border-top:solid 1px rgb(208,182,148);
    border-right:solid 1px rgb(208,182,148);
}

/*user*/
div.page-user .sectionheading ,div.page-user .tabinactive,li.recent-user a.userlink,#recentuser, #loggedonuser
{background:rgb(217,225,248)}
div.page-user table.detailbox,div.page-user .sectionheading,li.recent-user ul,#recentuser, #loggedonuser
{border: solid 1px rgb(168,187,239)} 
div.page-user table.detailbox, div.page-user .tab, li.recent-user ul li 
{background:rgb(233,238,251);}
div.page-user .tab{
    border-left:solid 1px rgb(168,187,239);
    border-top:solid 1px rgb(168,187,239);
    border-right:solid 1px rgb(168,187,239);
}

/*Comp*/
div.page-comp .sectionheading ,div.page-comp .tabinactive,li.recent-comp a.userlink,#recentcomp
{background:rgb(223,225,229); }
div.page-comp table.detailbox,div.page-comp .sectionheading,li.recent-comp ul,#recentcomp
{border: solid 1px rgb(182,188,196);} 
div.page-comp table.detailbox, div.page-comp .tab, li.recent-comp ul li 
{background:rgb(237,238,241);}
div.page-comp .tab{
    border-left:solid 1px rgb(182,188,196);
    border-top:solid 1px rgb(182,188,196);
    border-right:solid 1px rgb(182,188,196);
}
/*Cat*/
div.page-cat .sectionheading ,div.page-cat .tabinactive,li.recent-cat a.userlink,#recentcat
{background:rgb(255,246,197);}/*dark*/
div.page-cat table.detailbox,div.page-cat .sectionheading,li.recent-cat ul,#recentcat
{border: solid 1px rgb(255,241,161);} /*border*/
div.page-cat table.detailbox, div.page-cat .tab, li.recent-cat ul li 
{background:rgb(255,251,229);}/*Light*/
div.page-cat .tab{
    border-left:solid 1px rgb(255,241,161);
    border-top:solid 1px rgb(255,241,161);
    border-right:solid 1px rgb(255,241,161);
}

/*sol*/
div.page-sol .sectionheading ,div.page-sol .tabinactive,li.recent-sol a.userlink, div.page-sol tr.ProblemListTitle, div.page-sol .ProblemListRowHover,#recentsol
{background:rgb(224,223,249);}
div.page-sol table.detailbox,div.page-sol .sectionheading,li.recent-sol ul,#recentsol
{border: solid 1px rgb(187,181,241);} 
div.page-sol table.detailbox, div.page-sol .tab, li.recent-sol ul li ,div.page-sol tr.ProblemListRow1
{ background:rgb(238,236,252);}
div.page-sol .tab{
    border-left:solid 1px rgb(187,181,241);
    border-top:solid 1px rgb(187,181,241);
    border-right:solid 1px rgb(187,181,241);
}

.hdbutton
{
    cursor:pointer;
}

.hdbutton .clearbtn
{
    border:none;
    background-color:Transparent ;
    color:#000000;
    
}
.hdbuttonover
{
    cursor:pointer;
}

.hdbuttonover .clearbtn
{
    border:none;
    background-color:Transparent ;
    color:#ffffff;
    
}
.sectiontitle
{
    width:100%;
    color:#ffffff;
    font-size:12pt;
}
.sectiontitle .stleft
{
       height:29px;
   width:20px;    
    background:#4987c5;
}
.sectiontitle .stmiddle
{           
    height:29px;
    background:#4987c5;
   vertical-align:middle;
    color:#ffffff;
    font-size:12pt;   
    text-align:center ;
    text-transform:uppercase;
    font-weight:bold;
    font-family:Tahoma;
   
   
}

.sectiontitle .stright
{
       height:29px;
   width:20px;       
    background:#4987c5;
}
.greybox 
{
    font-size:6px;
    
}

.greybox .gtopleft
{
    height:8px;
    width:7px;
        font-size:6px;
}
.greybox .gtopmiddle
{
    height:8px;
        font-size:6px;
}
.greybox .gtopright
{
    height:8px;
    width:7px;
        font-size:6px;
}
.greybox .gleft
{
    
    width:7px;
        font-size:6px;
}
.greybox .gmiddle
{
    vertical-align:top;
}
.greybox .gright
{
    
    width:7px;
        font-size:6px;
}
.greybox .gbotleft
{
    height:8px;
    width:7px;
        font-size:6px;
}
.greybox .gbotmiddle
{
    height:8px;
        font-size:6px;
}
.greybox .gbotright
{
    height:8px;
    width:7px;
        font-size:6px;
}



.escbox 
{
    font-size:6px;
    
}

.logoleft, .logoright, .logom
{    height:49px;
     background:#f6f6f6;
}
.logoleft, .logoright
{    width:26px;    }


#productlogo
{
    background-image:url('../images/2/sdlogo.png');    
    background-position:center 3px;
    background-repeat:no-repeat;
    height:49px;
    margin: 1.5em .5em;
}
.logom
{
    text-align:center;
}
.btnnewi
{
    background:#eee;
    border-bottom:#999 1px solid;
    border-right:#999 1px solid;
    border-top:#ccc 1px solid;
    border-left:#ccc 1px solid;
    display:block;
    color:Black;
    font-family:Arial,sans-serif;
    line-height:0.8em; 
}
.btnnewo
{   
    
    border-bottom:#e7e7e7 1px solid;
    border-right:#e7e7e7 1px solid;
    display:inline-block;
    font-family:Arial,sans-serif;
    line-height:0.8em; 
    margin:3px 0px 3px 0px;
}

.progressbar
{
  width:425px;
   height:35px;
   background-image:url('../images/2/ProgressBG.gif');
    background-repeat:no-repeat ;
}
#StatusBar
{

   height:35px;
   background-image:url('../images/2/ProgressBar.gif');
    background-repeat:no-repeat ;
}
.mailitem
{
    cursor:pointer;
    
}
.mailitemsel
{
    cursor: pointer;
    background-color: navy;
    color: White;
}
td.maillist
{
    padding:1px 2px 1px 2px;

       
}
td.maillisthead
{
    background-color: #e6e6e6;
    color: #000000;
    border-left:solid 1px black;
    border-bottom:solid 1px black;
    border-top:solid 1px black;
    padding:1px 2px 1px 2px;
    cursor:default;
}

#mailitemheader
{
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-attachment: scroll;
    background-image: url('../images/2/EmailHeadBg.jpg');
    background-repeat: repeat-x;
    margin-bottom:10px;
    padding:3px 3px 3px 3px;
}

#mailbody
{
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 3px 3px 3px 3px;
}
.mailheaditem
{
    font-weight: bold;
}
.mailitembody
{
    margin:2px 2px 2px 2px; 
    background-color:#ffffff;  
}

.manf
{
    color:Red;
}
img
{
    border:none;
}
.errmsg
{
color:Red; font-weight:bold;   
}
#recentsearch ul, #recentsearches, #recentINsearches
{
    list-style:none;
    padding-left:0;
}

li.recent-search-list-in a.userlink, li.recent-search-list-cr a.userlink, li.recent-search-list-pr a.userlink
{ 
    display:block; 
    padding:2px;
/*    margin-top:5px;
*/}
#RecentItems li.recent-search-list-in ul li, #RecentItems li.recent-search-list-cr ul li, #RecentItems li.recent-search-list-pr ul li,#RecentItems li.recent-in ul li,#RecentItems li.recent-cr ul li,#RecentItems li.recent-pr ul li,#RecentItems li.recent-user ul li,#RecentItems li.recent-dept ul li,#RecentItems li.recent-comp ul li,#RecentItems li.recent-cat ul li,#RecentItems li.recent-sol ul li
{  padding:8px 4px 8px 22px;
    background-position:8px 6px; }
li.recent-search-list-in ul li a,li.recent-search-list-cr ul li a,li.recent-search-list-pr ul li a,li.recent-in ul li a,li.recent-pr ul li a,li.recent-cr ul li a,li.recent-user ul li a,li.recent-dept ul li a,li.recent-comp ul li a,li.recent-cat ul li a,li.recent-sol ul li a
{ text-decoration:none; color:Black;}


li.recent-user a.userlink,li.recent-cr a.userlink,li.recent-pr a.userlink,li.recent-in a.userlink,li.recent-comp a.userlink,li.recent-dept a.userlink,li.recent-sol a.userlink,li.recent-cat a.userlink,li.recent-report a.userlink,li.recent-search-list a.userlink, li.recent-search-list-in a.userlink, li.recent-search-list-pr a.userlink, li.recent-search-list-cr a.userlink
{
    display:block;
    cursor:pointer;
}

li.recent-search-list-in ul li { background-image:url('../images/SearchIcons/Icon1.png') ; background-repeat:no-repeat;}
li.recent-search-list-in ul li:nth-child(odd) { background: white; background-image:url('../images/SearchIcons/Icon1.png') ; background-repeat:no-repeat;}
li.recent-in ul li  { background-image:url('../images/16/incident.png') ; background-repeat:no-repeat;}
li.recent-in ul li:nth-child(odd)  { background: white; background-image:url('../images/16/incident.png') ; background-repeat:no-repeat;}



li.recent-search-list-cr ul li { background-image:url('../images/SearchIcons/Icon1.png') ; background-repeat:no-repeat;}
li.recent-search-list-cr ul li:nth-child(odd){ background: white; background-image:url('../images/SearchIcons/Icon1.png') ; background-repeat:no-repeat;}
li.recent-cr ul li { background-image:url('../images/16/Change.png') ; background-repeat:no-repeat;}
li.recent-cr ul li:nth-child(odd) { background: white; background-image:url('../images/16/Change.png') ; background-repeat:no-repeat;}



li.recent-search-list-pr ul li { background-image:url('../images/SearchIcons/Icon1.png') ; background-repeat:no-repeat;}
li.recent-search-list-pr ul li:nth-child(odd) { background: white; background-image:url('../images/SearchIcons/Icon1.png') ; background-repeat:no-repeat;}
li.recent-pr ul li { background-image:url('../images/16/Problem.png') ; background-repeat:no-repeat;}
li.recent-pr ul li:nth-child(odd) { background: white; background-image:url('../images/16/Problem.png') ; background-repeat:no-repeat;}

li.recent-user ul li {  background-image:url('../images/buttons/small/user.png') ; background-repeat:no-repeat; padding-left: 3em !important;}
li.recent-user ul li:nth-child(odd) { background: white; background-image:url('../images/buttons/small/user.png') ; background-repeat:no-repeat;}

li.recent-dept ul li { background-image:url('../images/dept.png') ; background-repeat:no-repeat;}
li.recent-dept ul li:nth-child(odd) { background: white; background-image:url('../images/dept.png') ; background-repeat:no-repeat;}

li.recent-comp ul li { background-image:url('../images/company.png') ; background-repeat:no-repeat;}
li.recent-comp ul li:nth-child(odd) { background: white; background-image:url('../images/company.png') ; background-repeat:no-repeat;}

li.recent-cat ul li { background-image:url('../images/buttons/small/catinprcr.png') ; background-repeat:no-repeat;}
li.recent-cat ul li:nth-child(odd) { background: white; background-image:url('../images/buttons/small/catinprcr.png') ; background-repeat:no-repeat;}

li.recent-sol ul li {  background-image:url('../images/buttons/small/newsolution.png') ; background-repeat:no-repeat;}
li.recent-sol ul li:nth-child(odd) { background: white; background-image:url('../images/buttons/small/newsolution.png') ; background-repeat:no-repeat;}

/*TOOLBAR*/

#MainTbl
{
    margin-top:auto;
    margin-bottom:auto;
}
table.no-mar
{
    margin:0;
}

div.tree-24
{
    background-image:url('../Images/vdot24.gif');
    background-repeat:repeat-y;
    white-space:nowrap;
}
div.tree-24 .bottom
{
    background-image:none;
    background-repeat:repeat-y;
}
div.tree-24 div.children
{
    margin-left:26px;
    display:none;
}
div.tree-24 a img,div.tree-24 img
{
    vertical-align:middle;
    width:24px;
}
span.sla-fail,span.sla-sucess,span.sla-pending
{
    margin-left:20px;
}
span.sla-sucess,span.state-sucess {color:Green;}
span.sla-fail,span.state-fail{color:red;}
span.sla-pending,span.state-pending{color:orange;}
#infopanels
{
/*padding:5px;*/
width:100%;
height:180px;

}
div.info-panel
{
min-width:200px;
padding:1em;
height:170px;
float:right;
margin-left:5px;
margin-top:5px;

}
div.panel-userinfo,
div.panel-otherstatus,
div.panel-auth{
    margin-top: 5px;
    margin-bottom: 3px;    
}
#ticketidpanel
{
border:none;
background-color: transparent;
float:left;
}
div#errdlgmsg {

}
#errorlist {
    margin-left: 50px;
}
div.dialog-message {
    padding-left: 50px;
    padding-top: 10px;
    padding-bottom:10px;
}

div#errdlg ,div.dialog-warn ,div.dialog-info
{
    background-repeat:no-repeat !important;
    background-position:8px 8px !important;
}
div#errdlg {background-image:url('../images/32/error.png') !important;}
div.dialog-warn {    background-image:url('../images/32/warning.png')!important;}
div.dialog-info {background-image:url('../images/32/info.png')!important;}
input#Result {
    background-color: transparent;
}
.ui-dialog-content label
{
display:block;

}
.ui-dialog-content input[type="checkbox"]{
margin-left:5px;
}
.ui-dialog-content input,.ui-dialog-content select{
margin-top:2px;
margin-bottom:12px;
padding: .4em;
}
.ui-dialog-content input[type="text"],.ui-dialog-content  select,.ui-dialog-content  input[type="password"]  {
width:90%;
}
div#userinfo.ui-state-error
{
    border:1px solid #cd0a0a;
}

#RecentItems, #onlineuserlist
{
    margin-right: 15px;
    margin-top: 10px;
}

td.notes
{
    background-color:#ffffff;
    border:solid 1px black;
}
td.notes div.note a img
{
    vertical-align:middle;
}
td.notes div.note 
{
    vertical-align:middle;
    padding: .8em .8em .8em 0;
}
#greeting
{
    margin:14px 0 6px 10px;
    text-align: center;
}
div.dialog
{
    display:none;
}
div#escpanel_tab, div#otherstatuspanel_tab, div#escpanel_tab, div#authpanel_tab
{
    width:100%;
    padding:0;
    float:none;
    margin:2px 0 2px 0;
}
div#escpanel_tab div#escpanel, div#otherstatuspanel_tab div#otherstatuspanel, div#escpanel_tab div#escpanel, div#authpanel_tab div#authpanel
{
    border:none;
    float:none;
}
input.wide {
    width:95% !important;
}

:focus{

    outline: 0 !important;

}
h5{
    margin-bottom: 0.5em !important;
    font-weight: bold;
    color:#555;
    text-align: center;
}

input, textarea, select {
    padding: 0.5em 0.5em 0.5em 0.8em
}

select{
    margin-bottom: 0.8em
}

.sectionheading .shmiddle {
    font-weight: bold;
    font-size: larger;
    padding-left: 0.4em;
}

input.datepicker{
    vertical-align: middle;
}

#tabs_content{
    margin-bottom: 1em
}

div.page-in #HardwareInv, 
div.page-in #SoftwareInv{
    border-top: solid 1px rgb(86,173,137); 
    padding: 1em;
}

div.page-cr #HardwareInv, 
div.page-cr #SoftwareInv{
    border-top: solid 1px rgb(234,183,102); 
    padding: 1em;
}

div.page-pr #HardwareInv, 
div.page-pr #SoftwareInv{
    border-top: solid 1px rgb(58,116,175); 
    padding: 1em;
}

#recentsearches > li a, #recentcats > li a, #loggedonusers > li a,
#recentusers > li a,
#recentdepts > li a,
#recentcomps > li a,
#recentreports > li a
{
    padding:1em;
}

.recent-search-list > a,
.recent-comp > a,
.recent-cat > a,
.recent-dept > a,
.recent-user > a,
.recent-cr > a,
.recent-in > a,
.recent-pr > a,
.recent-sol > a{
    padding-top:.5em;
    font-size: 1.2em
}
.recent-cat > a,
.recent-comp > a,
.recent-dept > a,
.recent-user > a,
.recent-cr > a,
.recent-in > a,
.recent-pr > a,
.recent-sol > a{
    padding-bottom: .5em
}

li.recent-search-list-in a.userlink:first-child,
li.recent-search-list-cr a.userlink:first-child,
li.recent-search-list-pr a.userlink:first-child{
    border-bottom: none
}

li.recent-search-list-in a.userlink:first-child > div.arrow-n,
li.recent-search-list-cr a.userlink:first-child > div.arrow-n,
li.recent-search-list-pr a.userlink:first-child > div.arrow-n{
    background-position: -5px -96px;
}

li.recent-search-list-in a.userlink:first-child > div.arrow-s,
li.recent-search-list-cr a.userlink:first-child > div.arrow-s,
li.recent-search-list-pr a.userlink:first-child > div.arrow-s{
    background-position: -5px -34px;
}

#recentsols li a div,
#recentcrs > li > a span,
#recentins > li > a span,
#recentprs > li > a span
{
    padding-left:1em;
}
#recentins > li > a > span:first-child{
    padding-left: 0
}
#userinfo > table tr td{
    padding-right:0.5em;
}
#FormDiv, #MainPage{
    padding:1em 1em 1em 1em;
}
#FormDiv a{
    color:#4163A9;
}
.daylink{
    cursor: pointer;
}
.selectedday .daylink{
    color:white !important;
}

td.notes {
    padding-left: 1em !important;
    padding-right: 1em !important;
    border-color: white
}
/* added by adam but affecting all addbtn's need to know why he did this
#AddBtn{
    margin-left:2em;
}
*/
#HWDiv .detailsTable td{
    padding:1em;
}

.recent-search-list-in,
.recent-search-list-pr,
.recent-search-list-cr{
    margin-bottom: 0.7em !important
}

.recent-search-list-in{
    border:solid 1px rgb(154,206,184)
}
.recent-search-list-pr{
    border:solid 1px rgb(137,172,207)
}
.recent-search-list-cr{
    border:solid 1px rgb(242,212,163)
}

#Summary, #Description{
    margin-bottom: 1em;
    margin-top: 0.4em
}

.sectionheading{

}
.page-pr table.sectionheading:last-child,
.page-in table.sectionheading:last-child,
.page-cr table.sectionheading:last-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;

}
table.sectionheading .shmiddle{
    padding-top:.5em;
    padding-bottom: .5em
}
.summaryrow td > a{
    text-transform: uppercase;
}

#SaveBtn{
    display: block;
    margin-top: 1em;
}

#SMTP_tab{
    border-right: 5px solid white
}
#ListFrm{
    margin-bottom: 1em
}

#otherstatuspanel table{
    width: 100%
}

#SearchFrm{
    margin-top:1em;
    margin-left:1em;
}

#OptionsFrm{
    padding:1em;
}



#LogonFrm{
    margin-top:15em
}

.new-btn{
    background-image: none !important;
    border:none !important;
    margin: .5em .5em .5em 0 !important;
}
.new-btn{
    color: white !important;
}
.green-btn{
    background-color: rgb(86,173,137) !important;
}

.red-btn{
    background-color: rgb(80,30,20) !important;
}

#waitdiv{
    margin-top: 2em;
    margin-bottom: 1em;
}



/***************************************************
*************** jQuery UI Overrides ****************
***************************************************/

.ui-dialog .ui-dialog-titlebar-close { padding:1px !important; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0;
}



.ui-widget-header{
    background: rgb(137,172,207) !important;
    border-color: rgb(137,172,207) !important;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.ui-dialog{
    padding:0 !important;
}

.ui-dialog .ui-dialog-titlebar, #popupTitleBar{
    padding: .9em .9em .9em 1.3em;
}

div#errdlg, div.dialog-warn, div.dialog-info{
    background-position: 13px 13px !important;
}

.ui-widget-content{
    border: none;
}

.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-state-disabled,
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus,
.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default,
.ui-button,
.ui-button:hover,
.ui-button:focus
{
    border: #dedede solid 1px !important;
    background: #dadada !important;
    font-weight: normal !important;
    color: #333 !important;
    font-weight: bold !important;
    padding: 1em 2em;
}
.ui-button:hover {
    border: #c2c2c2 solid 1px !important;
    background: #dcdcdc !important;
    }
.ui-dialog .ui-dialog-titlebar-close:hover {
    padding:1px;
}
.ui-datepicker-calendar .ui-state-hover, 
.ui-datepicker-calendar .ui-widget-content .ui-state-hover, 
.ui-datepicker-calendar .ui-widget-header .ui-state-hover, 
.ui-datepicker-calendar .ui-state-focus, 
.ui-datepicker-calendar .ui-widget-content .ui-state-focus, 
.ui-datepicker-calendar .ui-widget-header .ui-state-focus,
.ui-datepicker-calendar .ui-state-default, 
.ui-datepicker-calendar .ui-widget-content .ui-state-default, 
.ui-datepicker-calendar .ui-widget-header .ui-state-default
{
    text-align: center;
    padding: .5em !important;
}

.ui-datepicker-next, .ui-datepicker-prev,
.ui-datepicker-next-hover, .ui-datepicker-prev-hover{
    background: rgb(137,172,207) !important;
    padding: 0 !important
}

.ui-dialog .ui-dialog-titlebar, #popupTitleBar
{
    color:#ffffff;
    background: rgb(137,172,207) !important;
    border-color: rgb(137,172,207) !important;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: .5em;
}

.ui-dialog .ui-dialog-buttonpane button{
    margin: .5em 0.5em .5em 0;
    padding: .5em .5em .5em .5em !important;
}

input.ui-button, button.ui-button{
    padding: 1em 2em;
    margin-top: .5em;
    margin-bottom: .5em
}
input.ui-button.small,
button.ui-button.small
{
       padding: .5em 1em; 
}

#Criteria input.ui-button{
    padding: 1em .5em 1em .5em !important;
    margin: 0 .5em 0 .5em;
}

/***************************************************
******************* CSS Helpers ********************
***************************************************/

.float-left{
    float:left;
}
.float-right{
    float:right;
}
.clearfix{
    overflow: auto
}
table.reportlist tbody tr:nth-child(even)
{
    background-color:#f3f3f3;
}
table.reportlist td
{
    vertical-align:middle;
}
table.reportlist tbody tr.selected
{
    background-color:#d5d5d5;
}
table.sortable tbody td, table.vmiddle tbody td
{ vertical-align:middle;}
input[type="checkbox"], input[type="radio"]
{ vertical-align:inherit ;}

table.wizard
{
    width:800px;
    margin-top:1em;
    margin-left:auto;
    margin-right:auto;
    
}
img.treeview-icon, div#EscDivNewTickets a img,div#EscDivExistingTickets a img  {
    width: 24px;
    height: 24px;
}
table.detailsection td
{
    vertical-align:middle;
}
select.nomargin
{
    margin:0;
    }
td.a-top
{
    vertical-align:top !important;
}
#CriteriaFrm div {
    text-align: left !important;
}
tr.ProblemListFilter td {
    padding-right: 20px;
    padding-left: 2px;
}
h1.layout-list-title {
    text-align:center;
font-size:1.5em;
}
.listfooter,.listheader {
    text-align: center;
    font-size:1.2em;
    margin-top:.5em;
    margin-bottom:.5em;
}
    .listfooter {
    }
    .listheader {
    }
.listfooter a,.listheader a {
    display: inline-block;
    border: solid 1px #ccc;
    padding: .5em 1em;
    text-decoration: none;
    color: black;
    background-color: #f5f5f5;
}
.listfooter a:hover,.listheader a:hover {
    background-color: #e9e9e9;
}
.listfooter b ,.listheader b {
    display: inline-block;
    padding: .5em 1em;
}
table > thead > tr > td.sort-asc {
    padding-right:12px;
    background-image:url('../images/view-sortdown.gif');
    background-repeat:no-repeat;
    background-position:right;
}
table > thead > tr > td.sort-desc {
        padding-right:12px;
    background-image:url('../images/view-sortup.gif');
    background-repeat:no-repeat;
    background-position:right;
}

    .ProblemList td {
        vertical-align:middle;
    }
    .ProblemList tbody tr {
    height: 24px;
    cursor: pointer;
    }
.page-in .ProblemList>tbody>tr:nth-of-type(even) {
    background-color: rgb(194,226,212)
}
.page-in .ProblemList tbody tr:hover {
background-color:#9aceb8;
    }
.page-in table.ProblemList {
border:solid 1px #9aceb8 !important ;
    }
.page-in table.ProblemList>tbody>tr>td {
border-left:solid 1px #9aceb8 ;
padding:2px;
    }
.page-in table.ProblemList>thead>tr>td,.page-pr table.ProblemList>thead>tr>td,.page-cr table.ProblemList>thead>tr>td {
white-space:nowrap;
    }
.page-pr .ProblemList>tbody>tr:nth-of-type(even) {
    background-color: rgb(184,205,226)
}
.page-pr .ProblemList tbody tr:hover {
background-color:rgb(137,172,207)
    }
.page-pr table.ProblemList>tbody>tr>td {
border-left:solid 1px  rgb(137,172,207) ;
padding:2px;
    }
.page-pr table.ProblemList {
border:solid 1px rgb(137,172,207) !important ;
    }
.page-cr .ProblemList>tbody>tr:nth-of-type(even) {
    background-color: rgb(247,229,200)
}
.page-cr .ProblemList tbody tr:hover {
background-color:rgb(242,212,163)
    }
.page-cr table.ProblemList {
border:solid 1px rgb(242,212,163) !important ;
    }
.page-cr table.ProblemList>tbody>tr>td {
border-left:solid 1px  rgb(242,212,163) ;
padding:2px;
    }
div.note a {
text-decoration:none;
color:#000;
font-size:1.2em;
}
div.note a:hover {
color:#4163A9;
}
div.note div.note-detail {
margin-left:2em;    
}
.tab > a > img.lefttab, 
.tab > a > img.rightab , 
.tabinactive  > a > img.lefttab, 
.tabinactive  > a > img.rightab 
{
display:none;
}
.tabinactive > a > span.centertab,
.tab > a > span.centertab {
    padding:.5em 1.5em;
    display:inline-block;
}
.section-head {
    font-weight: bold;
    font-size: larger;
    background: #e6e6e6;
    padding-top: 1em;
    padding-bottom: 1em;    
    text-transform: capitalize ;

    margin-top:.2em;
    padding-left:2em;
}
.section-content {

        background: #f6f6f6;
        margin-top:.2em;
        padding:1.5em 2em;
}
button.ui-button {
padding: .5em;
}
    div.button-strip > table {
    display:inline-block;
    }

select#CompId.nomargin {
    max-width: 300px;
}
li.recent-in a div,#recentins li,li.recent-pr a div,#recentprs li,li.recent-cr a div,#recentcrs li,li.recent-search-list a div,li.recent-user a div
,li.recent-dept a div
,li.recent-comp a div
,li.recent-cat a div
 {
    overflow: hidden;
    text-overflow: ellipsis;
}
@media screen and (max-width: 730px){
    #utilbar{
    display:none;

    }
    #maincontent{
        width:98%;
    }
}

span.ad-ou {
    max-width: 280px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
}
.note.linkednotehidden {
    background-color: rgba(29, 162, 228, 0.19);
}

.note {
    border-radius: 5px;
    margin-bottom: .1em;
    padding-left: .4em !important;
}
div.img-preview {
    width: 199px;
    height: 130px;
    background-repeat: no-repeat;
    background-size: contain;
}


td.hardwareLightShade span.titleText, .softwareLightShade span.titleText {
    display: block;
    margin-top:.7em;
    margin-left:2em;
}

table.cellbackground, table.tableBackground  {
    margin-bottom: 1em;
    border:#bac3c6 1px solid !important;

}
table.cellbackground>tbody>tr:first-child>td, table.tableBackground>tbody>tr:first-child>td  {
    padding-top: 1em;
}
table.cellbackground>tbody>tr:last-child>td, table.tableBackground>tbody>tr:last-child>td  {
    padding-bottom: 1em;
}
td.cellBackgroundNoBorder>div.tableText {
    text-align: right;
}
td.cellBackground>div.tableText, td.cellbackground>div.tableText {
    text-align: left;
    font-weight:bold;
}

td.cellBackground, td.cellbackground {
    border: none;
}
div.tableText{
    margin: .3em ;   
}

table.cellbackground td, table.tableBackground td{
    border: none;
}

th div.columnText {
    margin: .4em;
    text-align:left !important;
}
td div.tableText {
    margin: .3em;
}
table.softwarelist tbody tr:nth-child(odd) td{
  background: #ececec;
}
#SoftwareResult h2 {
margin-top:2em;
font-size:1.5em;
font-weight:bold;
margin-bottom:.3em;

}
div.note-detail * :not(img) {
all:revert;

}
.ui-dialog-content input.inline {
     width:unset;
}
label.inline, input.inline, select.inline {
    display: inline-block;
}
input.inline, select.inline {
 width:unset;

}
#OoOOptions {
margin:1em;}

    #TypeList img {
    width:24px;
    height:24px;
    }


/* switch css*/
.panel-heading label.switch {
    float: right;
}
.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
  margin-bottom:0;
  top:.2em;

}
.switch input {display:none;}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .productselect {
  display:inline-block;
}
input + .productselect {
  display:none;
}
input:checked + .slider {
  background-color: #5eda63;
}
input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
/* switch css*/