html {overflow-y: scroll;}

body {
    background: #f1f1f1 url('../images/body-bg.png') repeat-x 0 0;
    font: normal 12px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    color: #333;
}

.clearboth {
    clear: both;
}

a {
    color: #333333;
    outline:none;
    cursor:pointer;
    text-decoration:none;

}

a:hover {
    color: #A80000;
}

.liveupdate {
    border-bottom: dotted 1px #cc0000;
}

h2 {
    font-size: 18px;
    letter-spacing: -1px;
    color: #325b83;
    padding-bottom: 10px;
    font-weight: normal;
}

h3     {
    display: block;
    padding: 10px;
    line-height: 14px;
    font-size: 14px;
    color: #fff;
    background: #325b83 url('../images/collapsible-bg.png') repeat-x 0 0;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border: 1px solid #325b83;
    font-weight: normal;
    clear: both;
    margin-top: 5px;
}

h4 {
    font-weight: bold;
    font-size: 13px;
    color: #6c6c6c;
}

h5 {
    font-weight: bold;
    font-size: 12px;
    color: #5d8228;
    padding-bottom: 2px;
}

ul.dots{ 
    margin-left: 5px;
    margin-bottom: 15px;
    list-style: none;
}

.dots li {
    background: url('../images/bullet-gray.gif') no-repeat left center;
    padding-left: 15px;
}

ul.links{ 
    margin-left: 5px;
    margin-bottom: 15px;
    list-style: none;
}

.links li {
    /* background: url(../images/sitewide/fw.gif) no-repeat left center; */
    padding-left: 11px;
}

li.red { background-image: url('../images/bullet-red.gif'); }
li.blue { background-image: url('../images/bullet-blue.gif'); }
li.green { background-image: url('../images/bullet-green.gif'); }
li.yellow { background-image: url('../images/bullet-yellow.gif'); }
li.gray { background-image: url('../images/bullet-gray.gif'); }
li.none { background:none; }

.red{
    color:red;
}

.body7red {
    font            : bold 7pt/11pt "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    text-decoration : none;
    color           : red;
}

.when {
    color: #a4a4a4;
    font-size: 10px;
    float: right;
    clear: right;
    height: 10px;
}

p {
    padding-bottom: 15px;
}

.ticketNamePriorityHigh {
    color:red;
}

.ticketNamePriorityMed {
    color:orange;
}

.ticketNamePriorityLow {
    color:black
}

#wrap {

}

.blue-box {
    background: #E0E8EF;
    padding: 15px;
    /*margin-top: 15px;*/
    border-top: 2px solid #A8BDCF;
    /*margin-bottom: 15px;*/
}

.blue-box p {
    padding-bottom: 5px;
    clear: left;
}
.blue-box label {
    margin-right: 15px;
    width: auto;
    text-align: left;
    float: left;
}
.blue-box label input {
    margin-right: 5px;
    width: 25px;
}

.options {
    padding-left: 20px;
}


.errorlabel {
    color       : #000000;
    font        : bold 15px Verdana, Arial, Helvetica, sans-serif;
}

.errorvalue {
    color   : #000099;
    font    : bold 13px Verdana, Arial, Helvetica, sans-serif;
}


.searchfound
{
    background-color: #FFFF33;
    padding         : 1px 3px 1px 3px;
    color           : #000000;
    font-size       : 10px;
    font-weight     : bold;
    margin-right    : 1px;
}

/*---- Header ----*/
#header {
    width: 100%;
    height: 96px;
    position: relative;
    padding-top: 30px;
    margin-bottom: 11px;
}

h1.mainlogo,
h1.mainlogo a {
    width: 115px;
    height: 125px;
    display: block;
}

h1.mainlogo {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -15px;
    margin-left: -20px;
}

h1.mainlogo a {
    background: url('../images/logo.png') no-repeat 0 0;
    text-indent: -9999px;
}



#logout {
    width: 95px;
    height: 95px;
    position: absolute;
    top: 0;
    right: 0;
}

/* --- Search ----*/
.searchquery{
    background-image:url('../images/sitewide/searchbg.png');
    background-position:left center;
    background-repeat:no-repeat;
    color:#535353;
    height:22px;
    padding-top:1px;
    padding-left:22px;
    position:absolute;
    padding-left:0;
    right:16px;
    top:84px;
    width:162px;
}

.searchquery input {
    border: none;
    background:#FFFFFF none repeat scroll 0 0;
    font-family:Verdana;
    font-size:10px;
    margin-left:4px;
    margin-top:4px;
    width:145px;
}

.searchquery #searchsubmit{
    border: none;
    position:absolute;
    right:162px;
}

#advancedsearchcontent select{
    width:240px;
}

.searchresultlist{
    position: fixed !important;
    right:4px;
    left:auto !important;
    top:109px !important;
}

.bold-item{
    font-weight: bold;
}

.search-item {
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    padding:3px 10px 3px 10px;
    border:1px solid #fff;
    border-bottom:1px solid #eeeeee;
    white-space:normal;
    color:#555;
}
.search-item h3 {
    display:block;
    font:inherit;
    border:0px;
    background:none;
    margin-top:0px;
    padding:0px;
    font-weight:bold;
    color:#222;
}

.search-item h3 span {
    float: right;
    font-weight:normal;
    margin:0 0 5px 5px;
    display:block;
    clear:none;
}

/*team status*/
.teamstatusmsg{
    border-bottom:1px solid #DCDCDC;
}
.teamspeakprofileimg img{
    border:5px solid #D9D9D9;
}
.teamstatusmsgfooter, .teamstatusmsgfooter a{
    font-size:10px;
    text-decoration: none;
}
.teamstatusmessage_form {
    background:transparent url('../images/teamstatus/message_form_bkgd.gif') no-repeat scroll 0 0;
    padding-top:10px;
    width: 475px;
}

.teamstatusmessage_form .content {
    background: #D0E7EF url('../images/teamstatus/message_form_bkgd.gif') no-repeat scroll -475px bottom;
    padding: 5px 0 15px 20px;
}

/*---- Nav ----*/
#nav {
    background: url('../images/nav-right.gif') no-repeat right 5px;
    height: 45px;
    position: absolute;
    left: 110px;
    padding-right: 1px;
}

#nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    background: url('../images/nav-bg.gif') repeat-x 0 0;
    height: 45px;
}

#nav ul li {
    margin-top: 3px;
    background: url('../images/nav-sep.gif') no-repeat 0 3px;
    padding: 0;
}

#nav ul li,
#nav ul li a,
#nav ul li span {
    display: block;
    float: left;
    color: #919191;
    text-decoration: none;
    height: 50px;
    cursor: pointer;
}

#nav ul li a {
    padding: 12px 15px 0 15px;
    height: 38px;
}

#nav ul li a:hover {
    color: #555;
}

#nav ul li.active {
    background: url('../images/nav-active-left.gif') no-repeat 0 0;
    padding-left: 3px;
}

#nav ul li.active span {
    background: url('../images/nav-active-right.gif') no-repeat right 0;
    padding-right: 3px;
}

#nav ul li.active a {
    color: #605f5f;
}

/*---- Dropdown ----*/
#nav ul li .dropdown {
    display: none;
    margin-top: 41px;
    width: 200px;
    background: #dfdfdf url('../images/dropdown-bg.png') no-repeat right 0;
    position: absolute;
    z-index: 10001;
    border-left: 1px solid #B8B8B8;
    border-right: 1px solid #B8B8B8;
    border-bottom: 1px solid #B8B8B8;
}

#nav ul li:hover .dropdown {
    display: block;
}

#nav ul li.active:hover .dropdown {
    margin-left: -3px;
}

#nav ul li .dropdown ul {
    background: none;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    height: auto;
    margin: 0;
    margin-top: -1px;
    padding: 0;
    border-bottom: 1px solid #fff;
}

#nav ul li .dropdown ul li,
#nav ul li .dropdown ul li a {
    float: none;
    display: block;
    padding: 0;
    height: auto;
    background: none;
    color: #636363;
    margin: 0;
}

#nav ul li .dropdown ul li {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #b8b8b8;
    height:28px;
}

#nav ul li .dropdown ul li.first {
    border-top: 0;
}

#nav ul li .dropdown ul li a {
    padding: 5px 10px;
}

#nav ul li .dropdown ul li a:hover {
    color: #222;
    background: #fafafa;
}

#nav ul li.active .dropdown li a {
    background: none;
}


#selectedcustomernav .dropdown {
    display: none;
    margin-top: -9px;
    width: 168px;
    background: #E6E6E6 url('../images/selectedcustomer-dropdown-bg.png') no-repeat right 0;
    position: absolute;
    z-index: 10001;
    border-bottom: 1px solid #B8B8B8;
}

#selectedcustomernav:hover .dropdown {
    display: block;
}

#selectedcustomernav .dropdown ul li {
    border-bottom: 1px solid #F2F2F2;
    padding-left:10px;
    padding-top:2px;
    font-size: 10px;
    height:20px;
}

#selectedcustomernav .first{
    padding-top:8px !important;
}


/*---- Subnav ----*/
ul#subnav {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    left: 122px;
    top: 85px;
}

ul#subnav li {
    margin-right: 21px;
    background: none;
    padding: 0;
}

ul#subnav li,
ul#subnav li a {
    display: block;
    float: left;
    height: 23px;
    cursor: pointer;
}

ul#subnav li a {
    text-decoration: none;
    color: #595959;
    padding-top: 2px;
    height: 21px;
}

ul#subnav li a:hover {
    color: #fff;
}

ul#subnav li.active {
    padding-left: 12px;
    background: url('../images/subnav-active-left.gif') no-repeat 0 0;
}

ul#subnav li.active a {
    padding-right: 12px;
    background: url('../images/subnav-active-right.gif') no-repeat right 0;
    color: #fff;
}

/*---- User info ----*/    
#user {
    position: absolute;
    font-size:10px;
    right: 120px;
    top: 2px;
    color: #535353;
}

#user a {
    color: #232323;
}

#note {
    position: absolute;
    right: 20px;
    top: 90px;
    display: block;
    width: 14px;
    height: 14px;
    background: url('../images/note.gif') no-repeat 0 0;
    text-indent: -9999px;
}

/*---- Container ----*/
#main {
    margin: 0 auto;
    padding-left: 10px;
    overflow: hidden;
}

#left-col {
    width: 200px;
    overflow: hidden;
    float: left;
    font-size: 11px;
    margin-right: 10px;
}

#right-col {
    width: 100%;
    overflow: hidden;
    float: left;
    margin-right: -233px;
}

#right-col .wrap {
    margin-right: 232px;
}


#right-col .container {
    min-height: 450px;
    padding-bottom: 40px;
}

#left-col .container {
    margin-left:10px;
}

#breadcrumb{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#FAFAFA none repeat scroll 0 0;
    width:100%;
    min-height: 20px;
    font-size: 11px;
    border-bottom:1px solid #DFDFDF;
}
.container {
    background: #fff;
    border: 1px solid #cccccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 10px;
}
.selectedcustomer {
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;

    -webkit-border-bottom-right-radius:  5px;
    -webkit-border-bottom-left-radius:  5px;

    background:#dfdfdf none repeat scroll 0 0;
    color:#555555;
    line-height:160%;
    margin-bottom:4px;
    margin-left:0px;
    margin-top:-2px;
    padding:5px;
    width:158px;
}

#supportfilterlinks span.count {
    float:right;
    font-size:9px;
    padding-right:33px;
}

#supportfilterlinks span.count a{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius-bottomleft:7px;
    -moz-border-radius-bottomright:7px;
    -moz-border-radius-topleft:7px;
    -moz-border-radius-topright:7px;

    -webkit-border-top-right-radius:  5px;
    -webkit-border-top-left-radius:  5px;
    -webkit-border-bottom-right-radius:  5px;
    -webkit-border-bottom-left-radius:  5px;

    background:#aaaaaa none repeat scroll 0 0;
    color:#FFFFFF !important;
    padding:2px 8px;
    font-weight:bold;
    text-decoration:none;
}

.customergroupstyle a {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius-bottomleft:7px;
    -moz-border-radius-bottomright:7px;
    -moz-border-radius-topleft:7px;
    -moz-border-radius-topright:7px;
    -webkit-border-top-right-radius:  5px;
    -webkit-border-top-left-radius:  5px;
    -webkit-border-bottom-right-radius:  5px;
    -webkit-border-bottom-left-radius:  5px;

    color:#FFFFFF !important;
    font-weight:bold;
    padding:2px 8px;
    text-decoration:none;
}

#supportfilterlinks ul li{
    line-height:20px;
    padding-left:22px;
}

#supportfilterlinks ul li.open{
    padding-left:22px;
}

#supportfilterlinks ul li.filters{
    padding-left:0px;
    clear:both;
}

#supportfilterlinks ul li a.toggle, #supportfilterlinks ul li a.toggleopen {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url('../images/small_toggles.png') no-repeat scroll;
    border:medium none;
    display:block;
    float:left;
    height:26px;
    padding:0;
    text-indent:-9999px;
    width:21px;
    position:relative;
    top:0px;
}

#supportfilterlinks ul li a.toggle {
    background-position:0 0;
}

#supportfilterlinks ul li a.toggleopen{
    background-position:-26px 0;
}

.customer-name {
    margin-left:8px;
    display: block;
}

.staff-note {
    float: left;
    margin-top: 1px;
    margin-left: 2px;
    margin-right:8px;
    width: 16px;
    height: 16px;
    background: url('../images/profilecard.png') no-repeat 0 0;
    text-indent: -9999px;
}

#breadcrumb a{
    text-decoration:none;
}

.shadetabs{
    padding: 3px 0;
    margin-left: 0;
    margin-top: 1px;
    margin-bottom: 0;
    font: bold 12px Verdana;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
    display: inline;
    margin: 0;
}

.shadetabs li a{
    text-decoration: none;
    color: #999999;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: #DCDCDC;
    border-right-color: #DCDCDC;
    border-left-color: #DCDCDC;
    height: 18px;
    padding-top: 3px;
    padding-right: 7px;
    padding-bottom: 3px;
    padding-left: 7px;
    background-image: url('../images/bg_bot01.jpg');
    background-repeat: repeat-x;
}

.shadetabs li a:hover{
    text-decoration: none;
    color: #2d2b2b;
}

.shadetabs li.selected{
    position: relative;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
}

.shadetabs li.selected a{ /*selected main tab style */
                          background-image: url('../images/bg_bot02.jpg');
                          background-repeat: repeat-x;
                          border-top-width: 1px;
                          border-right-width: 1px;
                          border-left-width: 1px;
                          border-top-style: solid;
                          border-right-style: solid;
                          border-left-style: solid;
                          border-top-color: #43698E;
                          border-right-color: #43698E;
                          border-left-color: #43698E;
                          font-family: Verdana, Arial, Helvetica, sans-serif;
                          font-size: 11px;
                          color: #FFFFFF;
                          text-decoration: none;
                          position:relative;
                          top: 1px;
}

.shadetabs li.selected a:visited{ /*selected main tab style */
                                  background-image: url('../images/bg_bot02.jpg');
                                  background-repeat: repeat-x;
                                  border-top-width: 1px;
                                  border-right-width: 1px;
                                  border-left-width: 1px;
                                  border-top-style: solid;
                                  border-right-style: solid;
                                  border-left-style: solid;
                                  border-top-color: #43698E;
                                  border-right-color: #43698E;
                                  border-left-color: #43698E;
                                  font-family: Verdana, Arial, Helvetica, sans-serif;
                                  font-size: 11px;
                                  color: #FFFFFF;
                                  text-decoration: none;
                                  position:relative;
                                  top: 1px;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
                                text-decoration: none;
}

.heading {
    border-bottom: 1px solid #45729F;
    /*background: #fff url(../images/blue-tab.png) repeat-x 0 5px;*/
    background: #325b83 url('../images/collapsible-bg.png') repeat-x 0 0;
    font-size: 14px;
    line-height: 14px;
    color: #6c6c6c;
    padding: 10px 10px 10px 10px;
    color: #fff;
}
.heading img {
    float: right;
}

.heading .button,
.table-header .button,
.green-button {
    width: 121px;
    height: 22px;
    padding: 4px 0 0 0;
    display: block;
    background: url('../images/heading-button.png') no-repeat 0 0;
    color: #fff;
    font-size: 11px;
    border: 0;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    float: right;
    margin-top: -3px;
    text-transform: none;
    line-height: 11px;
}

.green-button {
    float: left;
}

.table-header a.button,
a.green-button {
    padding-top: 5px;
    height: 20px;
}

.inside {
    padding: 10px;
    width: auto;
    overflow: hidden;
}

/*---- Interior Tabs ----*/
ul.tabs {
    list-style: none;
    margin: 10px 0 20px 0;
    padding: 0;
    border-bottom: 1px solid #d4d4d4;
    height: 29px;
}

ul.tabs li,
ul.tabs li a {
    float: left;
    display: block;
    background: none;
    padding: 0;
}

ul.tabs li a {
    margin-right: 2px;
    border: 1px solid #d4d4d4;
    padding: 5px 10px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    background: #fff url('../images/container-header-bg.gif') repeat-x 0 bottom;
    text-decoration: none;
    color: #666;
}

ul.tabs li a:hover {
    color: #7190af;
}

ul.tabs li.active a {
    border-bottom-color: #fff;
    background: #fff;
    color: #333;
}

.tab {
    padding: 0 14px;
}

.cols50 {
    float: left;
    width: 50%;
    overflow: hidden;
}

/*---- Notices ----*/
.notice {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px;
    background: #FFFFDF;
    margin-bottom: 10px;
}

.notice .inside {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #CECF74;
    background: #fff;
    padding: 10px;
}

.notice .inside h6 {
    color: #444;
}

.notice .inside p {
    padding: 0;
    color: #555;
}

.notice-red { background: #FFCFCF; }
.notice-red .inside { border-color: #D02323; }

.notice-blue { background: #B5CADF; }
.notice-blue .inside { border-color: #5F81A3; }

.notice-green { background: #C8DFA7; }
.notice-green .inside { border-color: #60852B; }

.notice-gray { background: #efefef; }
.notice-gray .inside { border-color: #d4d4d4; }

/*---- Footer ----*/
#copyright {
    margin: 0 auto;
    color: #a1a1a1;
    font-size: 11px;
    text-align: center;
    padding-bottom: 70px;
}

#footer {
    position: fixed;
    bottom: 0;
    background: url('../images/footer-bg.png') repeat-x 0 0;
    height: 40px;
    width: 100%;
}

#footer ul#activechats {
    list-style: none;
    margin: 15px 0 0 13px;
    padding: 0;
}

#footer ul#activechats li,
#footer ul#activechats li a {
    float: left;
    display: block;
    background: none;
}

#footer ul#activechats li {
    padding-left: 0;
    padding-right: 12px;
}

#footer ul#activechats li a {
    background: url('../images/footer-sep.png') no-repeat left 0;
    padding-left: 12px;
    color: #fff;
    text-decoration: none;
}

#footer ul#activechats li a:hover {
    text-decoration: underline;
}

#footer ul#activechats li a span { font-size: 120%; }
#footer ul#activechats li a span.green { color: #5d9f00; }
#footer ul#activechats li a span.yellow { color: #f8e018; }
#footer ul#activechats li a span.red { color: #d22f23; }
#footer ul#activechats li a span.blue { color: #0b81e5; }

#chat {
    float: right;
    margin-right: 14px;
    background: url('../images/chat.png') no-repeat center center;
    width: 33px;
    height: 33px;
    margin-top: 13px;
    padding: 5px;
    position: relative;
    z-index: 10001;
    color: #fff;
}

#chat em {
    text-align:center;
    font-weight: bold;
    font-size: 10px;
    display: block;
    padding-top: 3px;
    font-style: normal;
}

#chat:hover {
    width: 32px;
    height: 32px;
    border: 1px solid #777;
    border-top: 0;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-radius-bottomright: 5px;
    background-color: #fff;
}

#chats {
    font-size: 11px;
    text-align: left;
    background: #fff;
    width: 180px;
    height: 180px;
    padding: 10px;
    margin-top: -221px;
    margin-right: 15px;
    margin-left: -164px;
    border: 1px solid #777;
    border-bottom: 0;
    display: none;
    z-index: -1;
    position: relative;
    -moz-border-radius-topleft: 5px;
    -webkit-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-radius-topright: 5px;
}

#chats #borderfix {
    border-bottom: 1px solid #777;
    width: 158px;
    position: absolute;
    bottom: 0;
    left: 0;
}

#chat:hover #chats {
    display: block;
}

select#onlineStatus {
    width: 100px;
}

.chat-message {
    border-bottom:1px solid #d4d4d4;
    padding:4px;
}

.chatbar-clicked {
    border: solid 2px #D4D4D4;
}

.msg .x-box-mc {
    font-size:12px;
}

#msg-div {
    position:absolute !important;
    right:100px;
    top:25px;
    width:250px;
    z-index:20000;
}

/* Vertical tabs used for the plugins section */

#vtabsContainer {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    width: 100%;
}

#vtabsBar {
    width: 195px; 
    /*padding: 10px 0 10px 10px;*/
    /*background-color: #e9e9e9;*/
    border-right: solid 1px #D4D4D4;
    /*min-height: 400px;*/
    float: left;
}

#vtabContent {
    background-color: #ffffff;
    padding-left: 225px;
}

#vtabsBar .vtab {
    display: block; 
    width: 174px; 
    padding: 10px; 
    margin-bottom: 3px; 
    background-color: #F5F5F5;
    border-right: none; 
    font-size: 11px;
    color: #666;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

#vtabsBar .vtab:hover {
    color:#ffffff;
    background-color:#B5CADF;
}

#vtabsBar .vtab.active {
    position: relative;
    background-color: #ffffff; 
    border: solid 1px #999999; 
    border-right: none;
    font-weight:bold;
    padding-right:11px;
    color: #000000;
}

#vtabsBar .vtab.active .hidingBorder {
    position: absolute; 
    right: -1px; 
    top: 0; 
    z-index: 1; 
    width: 1px; 
    height: 30px; 
    background-color: #ffffff
}

.vtab a {
    text-decoration: none;
    color: #666;
}

.vtab a:hover {
    color: #7190af;
}

.vtab.active a {
    text-decoration: none;
    color: #000000;
}

#vtabsBar .vtab.over {
    background-color: #ffffcc
}

#vtabsBar .vtab h3 {
    margin: 0; 
    margin-bottom: 5px; 
    font-family: Arial; 
    font-size: 14px; 
    color: #336699
}

/* Bottom Tabs.. might replace all tabs */
.nav_subtab {margin:0;position:relative;z-index:1;width:100%;font-size:11px;background:#FFF url('../images/tabs/01/bkg_nav_1_5.gif') no-repeat bottom right}
.nav_subtab UL {list-style:none;margin:0 !important;padding:0 0 0 .5em;border-bottom:1px solid #CCC;background:transparent url('../images/tabs/01/bkg_nav_1_6.gif') no-repeat bottom left}
.nav_subtab UL.subs {margin:1em 0 4em 0;}
.nav_subtab UL:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.nav_subtab UL {display:inline-block}
.nav_subtab UL {display:block}
* html .nav_subtab UL {height:1px}
.nav_subtab LI {display:inline;margin:0;padding:0;}
.nav_subtab A:Link {color:black}
.nav_subtab A {color:#777;float:left;margin-left:.3em;position:relative;top:1px;text-decoration:none;background:#FFF url('../images/tabs/01/bkg_nav_1_3.gif') no-repeat top left}
.nav_subtab A:Visited {color:#000000}
.nav_subtab SPAN {display:block;padding:6px 1.2em 4px 1.2em;background:transparent url('../images/tabs/01/bkg_nav_1_4.gif') no-repeat top right;}
.nav_subtab A:Hover {background-image:url('../images/tabs/01/bkg_nav_1_1.gif');color:#000}
.nav_subtab A:Hover SPAN {background-image:url('../images/tabs/01/bkg_nav_1_2.gif')}
.nav_subtab LI.selected A {background-image:url('../images/tabs/01/bkg_nav_1_1.gif')}
.nav_subtab LI.selected A:Link, .nav_subtab LI.selected A:Visited {color:#000}
.nav_subtab LI.selected A SPAN {padding:6px 1em 5px 1em;background-image:url('../images/tabs/01/bkg_nav_1_2.gif')}
/* Sub Tabs *//**/
.nav_subtab_subs_1 {border:1px solid #CCC;position:relative;top:-1px;padding:.5em 1em;z-index:0}
.nav_subtab_subs_1 A.here:Link, .nav_subtab_subs_1 A.selected:Visited {color:#333;font-weight:bold}

/* fine touch styles */
.linkbackbanner {
    font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
    font-size:10px;
}

.linkbackbanner a{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius-bottomleft:13px;
    -moz-border-radius-bottomright:13px;
    -moz-border-radius-topleft:13px;
    -moz-border-radius-topright:13px;
    -webkit-border-bottom-left-radius:13px 13px;
    -webkit-border-bottom-right-radius:13px 13px;
    -webkit-border-top-left-radius:13px 13px;
    -webkit-border-top-right-radius:13px 13px;
    background:#F5F5F5;
    border:medium none;
    display:block;

    height:10px;
    line-height:10px;
    margin:0;
    padding:8px 25px;
    text-decoration:none;
    color:#0281CA;
}

.linkbackbanner a:hover{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#dfdfdf none repeat scroll 0 0;
}

.linkbackbanner a em{
    color: #555555;
    padding-left:10px;
    border-left:1px solid #D5D5D5;
}

.linkbackbanner a strong{
    padding-right:7px;
}

.grid-meta{
    color:#777777;
    font-size:11px;
    font-family:"Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
}

/* Column Cells - Ticket Style */
.innerPriorityOne {
    background-color: #CD5C5C;
    padding-bottom:6px;
    color:white;
}
.innerPriorityTwo {
    background-color: #FFCCCC;
    padding-bottom:6px;
}
.innerPriorityThree {
    background-color: #FFFFCC;
    padding-bottom:6px;
}

/* Column Cells - Invoice Status Style */

.invoicenotpaid, .invoicenotpaid a {
    background-color: #FF3333;
    padding-bottom:6px;
    color:white !important;
}
.invoiceoverdue, .invoiceoverdue a{
    background-color: #CC0000;
    padding-bottom:6px;
    color:white !important;
}
.invoicepaid, .invoicepaid a{
    background-color: #669966;
    padding-bottom:6px;
    color:white !important;
}
.invoicevoidrefund, .invoicevoidrefund a{
    background-color: #dfdfdf;
    padding-bottom:6px;
    color:black !important;
}

/* Overrides to extjs */
.x-small-editor .x-form-field-wrap .x-form-trigger {
    height:22px !important;
}

.ext-strict .x-small-editor .x-form-text {
    height:19px !important;
}

.x-selectable, .x-selectable * {
    -moz-user-select: text!important;
    -khtml-user-select: text!important;
}

.x-grid3-row{
    height:32px !important;
}

.x-grid3-row-expanded{
    height:100% !important;
}

.x-grid3-td-expander{
    padding-bottom:7px;
    padding-top:7px;
}

.x-grid3-cell-inner{
    padding-top: 8px !important;
    padding-left: 5px !important;
}
.x-grid3-row-table .x-grid3-td-checker{
    padding-top:7px !important;
    background-image:none !important;
}

.x-grid3-hd-row .x-grid3-hd-checker{
    height:14px;
}

.x-grid3-hd-checker  {
    background-position:2px -1px;
}

.x-grid3-hd-checker-on .x-grid3-hd-checker {
    background-position:-23px -1px;
}

.x-tbar-page-number {
    margin-top:2px !important;
}
.x-grid-empty{
    height:20px;
    margin-top:10px;
    font-size:12px;
    text-align:center;
    color:#888888;
}

.x-combo-list, .x-grid3-hd-row td, .x-grid3-row td,
.x-grid3-summary-row td {
    font:11px !important;
    font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif !important;
}

.x-grid3-row-selected {
    background-color:#F3EFE0 !important;
    /*background-color: #F5F5F5 !important;*/
}

.x-panel-footer{
    background:#DDDDDD url('../../../javascript/ext/images/gray/toolbar/bg.gif') repeat scroll 0 0;
    border-color:#D0D0D0;
    border-style:none solid solid;
    border-width:0 1px 1px;
}

.ext-el-mask{
    width:99.9% !important;
}
.tip-target {
    cursor:pointer;
    margin:0px;
    position:relative;
    top:4px;
}
.ddelement .x-form-field-wrap{
    height:5px !important;
}

.x-form-item {
    overflow:visible !important;
}

.x-form-text, .x-form-focus,  .x-form-textarea{
    font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif !important;
    border-color:#7C7C7C #C3C3C3 #DDDDDD;
    border-style:solid;
    border-width:1px;
    /*font-size:11px!important;
    padding-top:1px !important;*/
}

.x-form-field-float-left{
    float:left;
}

.x-btn-text{
    height:20px !important;
    font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif !important;
}

#ccbuttons .x-btn-text{
    height:15px !important;
}

.x-btn em{
    padding-left:5px !important;
}

.x-panel-mc {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif !important;
}

#gridheader .x-form-field-wrap{
    display:inline-block !important;
}

/* Begin Profile Header */
.profile-header-item{
    font-size:11px;
}
.profile-header-item label{
    font-weight:bold;
}

.profile-status-pending a{
    color:black;
}
.profile-status-active a{
    color:green;
}
.profile-status-inactive a{
    color:#cdcdcd;
}
.profile-status-cancelled a{
    color:red;
}
.profile-status-fraud a{
    color:red;
}
#profile-status{
    border:1px none rgb(213,213,213);
    padding-top:3px;
    padding-left:21px;
    font-weight:bold;
    font-size:10px;
}
#label_customerstatus a{
    text-decoration:none;
    border-bottom:1px dotted red;
}
#profile-group-label a{
    text-decoration:none;
    border-bottom:1px dotted red;
}
#profile-actions a{
    padding-right:8px;
}
#profile-header-action-links a{
    padding-left:5px;
    position:relative;
    top:-4px;
}
/* End Profile Header */

/* MJL START Nov 23 2009 implement new design for ticket details screen */

.heading_line_usr h2 {
    float:left;
}
.heading_line_usr h2 a {
    font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    color:#000;
    display:block;
}
.heading_line_usr h2 a.open {
    background:url('../images/open.gif') no-repeat left 1px;
    padding:0 0 0 25px;
}
.heading_line_usr h2 span.open {
    background:url('../images/open.gif') no-repeat left 1px;
    padding:5px 0 0 25px;
}
.heading_line_usr h2 a.closed {
    background:url('../images/closed.gif') no-repeat left 1px;
    padding:0 0 0 25px;
}
.heading_line_usr h2 span.active {
    background:url('../images/actve.gif') no-repeat left top;
    width:41px;
    height:17px;
    display:inline-block;
    margin:5px 0 0 5px;
    float:left;
}
.navigate {
    background:url('../images/navgate_rght.gif') no-repeat right top;
    float:right;
    height:27px;
}
.navigate_left {
    float:right;
    background:url('../images/navgate_left.gif') no-repeat left top;
    height:27px;
    padding:0 15px;
}
.navigate_left ul {
    float:left;
}
.navigate_left ul li {
    float:left;
    display:block;
    background:url('../images/sep.gif') no-repeat right center;
}
.navigate_left ul li.last {
    background:none;
}
.navigate_left ul li a {
    padding:0 10px;
    font-size:10px;
    line-height:27px;
    color:#8c8c89;
    font-family: "Lucida Grande", Arial, sans-serif;
    font-weight:bold;
}
.navigate_left ul li a:hover {
    color:#5fa1d5;
}
.clear {
    clear:both;
}
.for_img {
    float:left;
    width:126px;
}
.for_img img {
    border:5px solid #d9d9d9;
}
.box_usr_nfo {
    background:url('../images/box_bottom.gif') no-repeat left bottom;
    width:732px;
    float:left;
}
.box_usr_nfo_top {
    background:url('../images/box_top.gif') no-repeat left top;
    float:left;
    width:682px;
    padding:15px 20px 10px 30px;
}
.box_usr_nfo_top ul {
    float:left;
    width:292px;
}
.box_usr_nfo_top ul li {
    float:left;
    width:100%;
}

.pricesDiv {
    background:url('../images/price.gif') no-repeat;
    width:166px;
    height:69px;
    float:left;
    padding:20px 0 0;
    text-align:center;
}
.ticketsDiv {
    background:url('../images/tickets_total.gif') no-repeat;
    width:207px;
    height:69px;
    float:right;
    padding:20px 0 0;
    text-align:center;
}
.account_balance {
    width:80px;
    float:left;
}
.account_total {
    float:left;
    width:86px;
}
.pricesDiv span , .pricesDiv strong, .ticketsDiv span , .ticketsDiv strong {
    font-family: "Lucida Grande", Arial, sans-serif;
    font-size:12px;
    font-weight:bold;
    display:block;
    line-height:24px;
}
.pricesDiv span, .ticketsDiv span {
    color:#666666;
}
.pricesDiv strong , .totalTicketsDiv  strong {
    color:#5f8714;
}
.openTicketsDiv {
    float:left;
    width:103px;
}
.totalTicketsDiv {
    width:103px;
    float:left;
}
.heading_line_usr h2 span.open_ticket {
    background:url('../images/open_ticket.gif') no-repeat left top;
    width:150px;
    height:25px;
    display:inline-block;
    margin:0px 0 0 5px;
    float:left;
}

.heading_line_usr #tdSubject{
    font-size:15px;
}


div.heading_line_usr .snapshot-header-text{
    font-size:15px;
}

.box_long_bottom {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #D4D4D4;
    color:#666666;
    padding:10px;
    height:90px;
}
.box_long_bottom ul {
    /*float:left;*/
    overflow:hidden;
}
.box_long_bottom ul li {
    clear:both;
}

.box_long_bottom ul li span{
    font-size:11px;
    line-height:17px;
    float:left;
}

.box_long_bottom ul li span.label{
    font-size:11px;
    font-weight:bold;
    line-height:17px;
    color:black;
    width:76px;
    margin-right:10px;
    text-align:right;
}

.box_long_bottom ul li span.value {
    color:#666666;
    overflow:hidden;
    font-weight:normal;
}


.box_long_bottom ul li  a.ticketOwner {
    color:#5f8714;
}

.ticketCreatedDiv {
    background:url('../images/ticketCreatedDiv.gif') no-repeat left top;
    width:275px;
    height:74px;
    float:left;
    margin-left:5px;
    padding:15px 23px 0 0;
    text-align:center;
}
.ticketCreatedDate {
    float:left;
    padding-left:14px;
    width:119px;
}
.ticketElapsedDate {
    float:left;
    padding-left:18px;
    width:100px;
}
.ticketCreatedDiv span , .ticketCreatedDiv strong, .ticketAsignToDiv span , .ticketAsignToDiv strong, .ticketPriorityDiv span {
    font-family: "Lucida Grande", Arial, sans-serif;
    font-size:11px;
    font-weight:bold;
    display:block;
    line-height:19px;
}
.ticketCreatedDiv span, .ticketAsignToDiv span, .ticketPriorityDiv span  {
    color:#666;
}
.ticketCreatedDiv strong {
    line-height:15px;
}
.ticketAsignToDiv {
    background:url('../images/ticket_assignedDiv.gif') no-repeat left top;
    width:138px;
    height:72px;
    float:left;
    text-align:center;
    padding:20px 0 0;
}
.ticketPriorityDiv {
    background:url('../images/ticket_priorityDiv.gif') no-repeat left top;
    width:107px;
    height:72px;
    float:left;
    padding:20px 0 0;
    text-align:center;
}

.indentNone{font-weight: 700; font-size: 12px}
.indentTenPix{font-size: 11px; padding-left: 10px}

/*!
 * Ext JS Library 3.0+
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
*/

.x-panel-body {
    background-color:#F5F5F5 !IMPORTANT;
}

.ext-ie .x-row-editor .x-form-text {
    margin:0 !important;
}
.x-row-editor-header {
    height:2px;
    overflow:hidden;
    background: transparent url('../images/row-editor-bg.gif') repeat-x 0 0;
}
.x-row-editor-footer {
    height:2px;
    overflow:hidden;
    background: transparent url('../images/row-editor-bg.gif') repeat-x 0 -2px;
}
.ext-ie .x-row-editor-footer {
    margin-top:-1px;
}

.x-row-editor-body {
    overflow:hidden;
    zoom:1;
    background: #ebf2fb;
    padding-top:2px;
}
.x-row-editor .x-btns {
    position:absolute;
    top:28px !important; /* MJL - added important - fixed issue with buttons covering the editable row in firefox after the first edit*/
    left:20px;
    padding-left:5px !important;
    background: transparent url('../images/row-editor-btns.gif') no-repeat 0 0;
}
.x-row-editor .x-btns .x-plain-bwrap {
    padding-right:5px;
    background: transparent url('../images/row-editor-btns.gif') no-repeat right -31px;
}
.x-row-editor .x-btns .x-plain-body {
    background: transparent url('../images/row-editor-btns.gif') repeat-x 0 -62px;
    height:31px;
}
.x-row-editor .x-btns .x-table-layout-cell {
    padding:3px;
}

.errorTip .x-tip-body ul{
    list-style-type:disc;
    margin-left:15px;
}
/*the class was an override to extjs.css
  I needed to override back to default in extjs.css*/

#productservergrid .x-grid3-cell-inner, #productaddonlistgrid .x-grid3-cell-inner,#productaddongrid .x-grid3-cell-inner,#productplugingrid .x-grid3-cell-inner{
    padding-top: 2px !important;
}

/*the class was an override to extjs.css
  I needed to override back to default in extjs.css*/
#productsreversselectionmodel .x-grid3-row,  #productservergrid .x-grid3-row, #productaddonlistgrid .x-grid3-row,#productaddongrid .x-grid3-row,#productplugingrid .x-grid3-row {
    height:20px !important;
}

#productaddonlistgrid .x-grid3-hd-row  {
    display:none;
}
#productservergrid .x-panel-header, #productservergridregion .x-panel-header,#hostingmanageroptionsheader .x-panel-header, #productaddontabbordersouth .x-panel-header,#productaddonsbordercenter .x-panel-header, #cboHostingManagerOptions .x-panel-header {
    border-color:#D0D0D0 !IMPORTANT;
    border-style: none !IMPORTANT;
    background-image: none !IMPORTANT;
    color: #000000 !IMPORTANT;

}
#productaddonlistgrid .x-grid-group-hd {
    border-bottom: 2px solid #99bbe8;
    cursor:default;
    padding-top:2px !important;
}
#productaddonlistgrid .x-grid-group-hd div {
    background-image: none;
    padding:1px 1px 1px 1px !important;
    color:#3764a0;
    font:bold 11px tahoma, arial, helvetica, sans-serif;
}


#tabel-panel2 table {
    border-width: 0px 0px 0px 0px;
    border-spacing: 2px;
    /*border-style: dashed dashed dashed dashed;
	border-color: blue blue blue blue;*/
    border-collapse: collapse;
    background-color: #F5F5F5;
    margin: 5px;
}
#tabel-panel2 table th {
    /*border-width: 1px 1px 1px 1px;
	border-style: dashed dashed dashed dashed;
	border-color: gray gray gray gray;*/
    padding: 3px 3px 3px 3px;
    background-color: #F5F5F5;
    -moz-border-radius: 0px 0px 0px 0px;
}
#tabel-panel2 table td {
    /*border-width: 1px 1px 1px 1px;
	border-style: dashed dashed dashed dashed;
	border-color: gray gray gray gray;*/

    padding: 3px 3px 3px 3px;
    background-color: #F5F5F5;
    -moz-border-radius: 0px 0px 0px 0px;

}
.icon-edit {
    background-image:url('../images/button_editPencil.gif') ! important;
}
.icon-delete {
    background-image:url('../images/button_delete.gif') ! important;
}

#tabPageAddons div.x-tool-collapse-north, #tabPageAddons div.x-tool-expand-north {

    background-image: none !IMPORTANT;
}
#tabPageAddons div.x-layout-collapsed-north{
    display: none !IMPORTANT;
}

#addonAddButton .x-btn-text{
    float:left;
    padding-left:3px
}

#addonRowEditor .x-box-inner{
    height: 22px !important;
}

#addonRowEditor .x-plain, x-btns{

    top: 26px !important;
}

/* MJL END Nov 23 2009 implement new design for ticket details screen */