html {overflow-y: scroll;}

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

.hidden {
    display: none !important;
}

.clearboth {
    clear: both;
}

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

}

a:hover {
    color: #A80000;
    text-decoration:underline;
}

.labelwithtooltip {
    border-bottom: 1px solid #DFDFDF;
    cursor: help;
}

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

.liveupdate:hover{
    text-decoration:none;
}

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: #D8E6F4;
    padding: 15px;
    margin-right: 1px;
    /*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;
}

#dashboard-plugins {
    background-color: #F5F5F5;
}

.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: 100px;
    position: relative;
    padding-top: 30px;
    /*margin-bottom: 11px;*/
    margin-bottom: 0px;
}

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/bg-search.png');
    background-position:left center;
    background-repeat:no-repeat;
    color:#535353;
    height:38px;
    padding-top:1px;
    position:absolute;
    padding-left:0;
    right:4px;
    top:75px;
    width:226px;
}

.searchquery input {
    border: medium none;
    background: none repeat scroll 0 0 transparent;
    font-family: 'Lucida Grande', 'Arial';
    font-size: 13px;
    color: #ffffff;
    margin-top: 9px;
    margin-left: 28px;
    padding: 12px 0 0 30px \0/; // ie 8-9 hack
}

#advancedsearchcontent select{
    width:240px;
}

.searchresultlist{
    position: fixed !important;
    right:4px;
    left:auto !important;
    top:117px !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;
    padding-left: 8px;
}
.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 ----*/
body.darkgray #nav {
    background: url('../images/sitewide/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/sitewide/nav-bg.gif') repeat-x 0 0;
    height: 45px;
}

#nav ul li {
    margin-top: 3px;
    background: url('../images/sitewide/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: #555;
    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/sitewide/nav-active-left.png') no-repeat 0 0;
    padding-left: 3px;
}

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

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

/*---- Dropdown ----*/
#nav ul li .dropdown {
    display: none;
    margin-top: 41px;
    width: 200px;
    background: #dfdfdf url('../images/sitewide/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;
}


/*---- Subnav ----*/
.subnav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    background: none  !important;
    left: -2px;
    top: 52px;
    width: 800px;
}

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

.subnav ul li,
.subnav ul li a {
    display: block !important;
    float: left  !important;
    height: 23px !important;
    cursor: pointer !important;
    padding: 0px !important;
}

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

.subnav ul li a:hover {
    color: #fff !important;
    border-bottom: 2px solid #888;
}

/*
.subnav ul li.active {
    padding-left: 12px !important;
    background: url('../images/sitewide/subnav-active-left.png') no-repeat 0 0 !important;
}
*/

.subnav ul li.active a {
    /*background: url("../images/sitewide/subnav-active-right.png") no-repeat scroll right 0 transparent !important;*/
    /*padding-right: 12px !important;*/
    /*padding-left: 0px !important;*/
    /*
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    background: none repeat scroll 0 0 black;
    */
    color: #fff !important;
    border-bottom: 2px solid orangered;
}

#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;
}

#searchquerytextfield {
    color: #444;
}

#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;
}

/*---- 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: 2px;
    overflow: hidden;
}

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

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

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


#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:160px;
}

#supportfilterlinks span.count {
    float:right;
    font-size:9px;
    position: relative;

    height: 16px;
    left: -13px;
    min-width: 19px;

    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius-bottomleft:3px;
    -moz-border-radius-bottomright:3px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;

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

    color:#333333;
    background:#DFDFDF none repeat scroll 0 0;

}

#supportfilterlinks span.count a{
    display: block;
    font-weight:bold;
    position: relative;
    text-align: center;
    text-decoration: none;
    top: -2px;
}

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

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

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

#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 {

    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;

    /*
    background: none repeat-x scroll 0 0 transparent;
    background: url("../../../javascript/ext/images/gray/panel/top-bottom.gif");
    */
    /*
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#D8E6F4'); 
    background: -moz-linear-gradient(center top , white, #D8E6F4) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#D8E6F4));
*/
    background-color: #4071A0;
    border-bottom: 1px solid #999999;
    color: #fff;
    font-size: 12px;
    line-height: 9px;
    padding: 10px;

}

#right-col .heading {
    display:none;
}

.heading img {
    float: right;
    position: relative;
    top: -3px;
}

.user-box a.unread_count {
    -moz-border-radius: 5px 5px 5px 5px;
    background: none repeat scroll 0 0 #DDDDDD;
    color: #999999;
    display: inline-block;
    font-size: 10px;
    margin-left: 2px;
    padding: 1px 5px;
    text-decoration: none;
    text-shadow: none;
}

.user-box {
    position: absolute;
    right: 1px;
    top: 0px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top: medium none;
    float: right;
    font-size: 11px;
    padding: 5px 5px 5px 20px;
    -moz-border-radius: 0 0 0 22px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-left-radius: 22px;
    -webkit-border-bottom-right-radius: 0px;

    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.4);

    background: -moz-linear-gradient(270deg, #FCFCFC, #ECECEC) repeat scroll 0 0 transparent;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCFCFC), to(#ECECEC));
    border-color: #E9E9E9 #E9E9E9 #F5F5F5;
    border-style: solid;
    border-width: 1px;
}
.user-box .session_count {
    background-color: #d8e6f4;
    -moz-border-radius: 7px 0 0 7px;
    color: #5f748a;
    border: 1px solid #bac3ca;
    font-size: 10px;
    padding: 1px 2px 1px 5px;

    border-bottom-left-radius:7px 7px;
  border-bottom-right-radius:0 0;
  border-top-left-radius:7px 7px;
  border-top-right-radius:0 0;
}

.user-box .day_count {
    background-color: #f1ebd6;
    -moz-border-radius: 0 7px 7px 0;
    color: #5f748a;
    border: 1px solid #bac3ca;
    border-width: 1px 1px 1px 0;
    boder-right: 0;
    font-size: 10px;
    padding: 1px 5px 1px 2px;

    border-bottom-left-radius:0 0;
  border-bottom-right-radius:7px 7px;
  border-top-left-radius:0 0;
  border-top-right-radius:7px 7px;
}

.user-box-name {
    display: inline;
    padding-right: 6px;
}

ul.user-nav {
    display: inline;
    margin: 0;
}

ul.user-nav li {
    background: url("../images/sitewide/nav-rule.png") no-repeat scroll 0 50% transparent;
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0 8px 0 9px;
}

.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: 3px 0 20px 0;
    padding: 0;
    border-bottom: 1px solid #d4d4d4;
    height: 29px;
}

ul.tabs-with-summary {
    border-bottom-width: 0px !important; 
    border-bottom-style: initial !important;
    border-bottom-color: initial !important;
    margin-top: 3px !important;
    margin-right: 0px !important; 
    margin-bottom: 0px !important;
    margin-left: 0px !important;
}

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; color:#555555;}
.notice-red .inside { border-color: #D02323; }

.notice-blue { background: #D8E6F4; }
.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%;
    /* z-index:2147483647;*/
    z-index:9999;
}

#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;
}

.ext-el-mask-msg div{
    background-color: transparent !important;
    border: none;
    color: black;
}

.msg-div-inner {
    background-color: transparent;
    margin-top:6px;
    font: 11px tahoma,arial,helvetica,sans-serif;
}

.msg-div-wrapper, .x-mask-loading {
    font: 12px/18px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.4);

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

    background: -moz-linear-gradient(270deg, #FCFCFC, orange) repeat scroll 0 0 transparent;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCFCFC), to(orange));

    border-color: #E9E9E9 #E9E9E9 #F5F5F5;
    border-style: solid;
    border-width: 2px;
    display: block;
    padding: 5px 10px;
    min-height: 25px;
    text-align: center;
    position:fixed !important;
    top: -5px !important;
    z-index:20000;
    margin-left:-200px;
    left:50% !important;
    width: 250px;
}

/* 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: 210px;
}

#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 a:hover {
    text-decoration: none !important;
}

#vtabsBar .vtab:hover {
    color:#333;
    text-decoration: none !important;
    background-color:#E8F0F5;
    cursor: pointer;
}

#vtabsBar .vtab.active {
    position: relative;
    background-color: #ffffff; 
    border: solid 1px #dfdfdf;
    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
}

/* 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: #d3011a;
    padding-bottom:6px;
    color:white;
}
.innerPriorityTwo {
    background-color: #ffeced;
    padding-bottom:6px;
}
.innerPriorityThree {
    background-color: #fffbe8;
    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 */
body>div.ext-el-mask {
    /* special selector for only mask under body */
    background-color:#60666E !important;
    opacity: 0.7 !important;
}

.x-portlet .x-panel-body {
    padding: 0px !important;
}

.x-panel-bbar {
    margin-right: 1px !important;
    width: auto !important;
}

.x-box-text-small .x-btn-text{
    height : 14px !important;
}

.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-small-editor .x-form-field {
    font-size: 12px !important;
    font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif !important;
}

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

.x-grid3-header {
    border-top: 2px solid #A4000C;
}    

x-grid3-body {
    margin : 1px !important;
}

.x-grid3-hd-inner {
    font-weight: bold;
}

.x-grid3-row{
    height:32px !important;
  border-bottom-color:#EDEDED !important;
  border-left-color:#EDEDED !important;
  border-right-color:#EDEDED !important;
  border-top-color:#EDEDED !important;
}
.x-toolbar div.xtb-text {
    font-size: 12px !important;
    font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif !important;
}


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

.x-grid3-row-collapsed .x-grid3-row-expander {
    background-position: -2px 2px;
}
.x-grid3-td-expander { cursor:pointer; }
.x-grid3-row-expander {
    background-image: url("../../../templates/admin/images/row-expand-sprite-ne.gif");
}
.x-grid3-row-expanded .x-grid3-row-expander {
    background-position: -50px 2px;
}
.x-grid3-row-collapsed .x-grid3-row-expander:hover {
    background-position: -25px 2px;
}

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

.x-grid3-cell-inner{
    padding-top: 9px !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:#f4f4f4 !important;
}

.x-panel-footer{
    background: #eeeeee;
    border-color: #FFFFFF #D0D0D0 #D0D0D0;
    border-style: solid;
    border-width: 0 1px 1px;
    height: 33px;
    width: auto !important;
    margin-right: 1px;
}

.x-panel-tl {
    border-bottom: 1px solid #999999;
}

.ext-el-mask{
    width:99.9% !important;
}
.tip-target {
    cursor:help;
    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;*/
}

/* disabled buttons should look more disabled */
.x-item-disabled .x-btn-text{
    color: #C0C0C0 !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;
    padding-right: 2px !important;
    margin-right:2px !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_min {
    -moz-background-inline-policy:continuous;
    -moz-border-radius:5px 5px 5px 5px;
    background:none repeat scroll 0 0 #EEF2F7;
    border:1px solid #EBEBEB;
    color:#666666;
    height:18px;
    padding:4px;
}

.box_long {
    -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 ul {
    /*float:left;*/
    overflow:hidden;
}
.box_long ul li {
    clear:both;
}

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

.box_long 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 ul li span.value {
    color:#666666;
    overflow:hidden;
    font-weight:normal;
}


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

.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-btns {
    padding: 2px !important;
}

.x-panel-body {
    background-color:#F5F5F5 !IMPORTANT;
    border-left-width: 0 !important;
    border-left-color:#FFFFFF !important;
    border-right-color:#FFFFFF !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;
}

.x-grid-group-hd {
    background-color: #F2F2F2;
    border-top: 2px solid white;
}

#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 */

/*added new style for getting started links on top of main content */

#getting-started-wrapper {
    background: none repeat scroll 0 0 #FFFFFF;    
    margin: 3px 20px 13px 10px;
    padding-bottom: 4px;
    padding-top: 25px;
    border: 2px solid #DDDDDD;
}

#getting-started {
    background: url("../images/gettingstarted/progress.png") no-repeat scroll 0 0 transparent;
    height: 88px;
    margin: 0 -10px 20px 0;
    padding: 0;
    width: 740px;
    margin-left: auto;
    margin-right: auto;
}

#getting-started li {
    border: medium none;
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0 10px 0 0;
}

#getting-started li a {
    -moz-border-radius: 7px 7px 7px 7px;
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #DDDDDD;
    display: block;
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.3em;
    margin: 16px 12px;
    padding: 6px;
    width: 139px;
}

#getting-started li a:hover {
    background: none repeat scroll 0 0 #333333;
    border: medium none;
    color: #FFFFFF;
    text-decoration: none;
}

#getting-started li a span {
    border-right: 1px dotted #444444;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 42px;
    height: 1.2em;
    line-height: 1.2em;
    margin: -3px 9px 0 0;
    padding: 0 9px 0 0;
    width: 20px;
}

#getting-started-close {
    float: right;
    padding-right: 10px;
    position: relative;
    top: -22px;
}

#getting-started-close a{
    color: #DFDFDF;
}

#getting-started-close a:hover{
    color: #A80000;
    text-decoration: underline;
}

/*i.e. extjs fieldsets look horrible with IE8*/

.ext-ie .x-fieldset LEGEND {
  position: static !important;
  margin-bottom: 23px;
}

.ext-ie .x-fieldset-noborder LEGEND {
    position: static !important;
  margin-bottom: 23px;
}

.ext-ie .x-fieldset-noborder LEGEND SPAN {
    left: 0px !important;
}

/* product settings*/
.products-hosting-fields {
    float: left !important;;
    padding-left:0px !important;;
}

#productPluginTab #pluginOptions_container .x-form-element {
    padding-left: 0px !important;
}

#productPluginTab #pluginOptions_container .x-form-checkbox {
    padding-left:0px !important;
    float: left !important;
    position: relative;
    top: -5px;
}
#productPluginTab #pluginOptions_container .x-form-item-label {
    float: none !important;
}

#x-form-el-lovComboProductServers {
    padding-left: 0px !important;
}

/* styles for the inner html of expanders */
.ext-expanderframe {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EFEFEF;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    margin: 9px 8px 10px 10px;
    min-width: 590px;
    padding: 7px 15px 10px 13px;
}
.ext-expanderframe-details{

}
.ext-expanderframe-delim{
    color: #666;
    font-weight: bold;
    padding: 0 3px;
    font-size: 8px;
}