html {overflow: none;}

body {
    background: #f4f4f4 url('../images/sitewide/body-bg.png') repeat-x 0 0;
    font: normal 12px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    color: #333;
    min-width: 632px;      /* 2x LC width + RC width */
}


/* layout */
.main {
	position:absolute;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    width:100%;				/* width of whole page */
    height:100%;
    overflow:hidden;
}

#header {
    width: 100%;
    height: 41px;
    position: absolute;
    background: #F4F4F4 url('../images/sitewide/body-bg.png') repeat-x 0 0;
	z-index:2;
	right:16px;
}

.mac-os #header {
	right: 0px;
}

#nav {
    height: 45px;
    top:-10px;
    position: absolute;
    left: 10px;
	padding-left: 11px;
}

.mac-os #nav {
	padding-left: 0px;
}

.maincontainer {
  padding-left: 204px;   /* LC width */
  padding-right: 214px;  /* RC width */
  height:auto;
  min-height:100%;
  overflow: scroll;
  overflow-x: hidden;
  background-color: white;
}

.mac-os .maincontainer {
  padding-right: 229px;  /* RC width */
}

#maincenter {
  width: 100%;
  height: 100%;
  background-color: white;
}

#maincenter .container {
	height: 0px;
	margin-top:42px;
}

#left {
  width: 200px;          /* LC width */
  right: 200px;          /* LC width */
  margin-left: -100%;
  height: 100%;
  background-color: #F4F4F4;
}

#leftcontainer {
  height: 100%;
  background-color: #F4F4F4;
  left: 0px;
  position: absolute;
  width:200px;
  border-right: 1px solid #CDCDCD;
  top:41px;
}

#right {
    background-color: #F4F4F4;
	box-shadow: inset 10px 17px 20px -15px #333;
	height:100%;
	right: 0px;
	position: absolute;
	width:224px;
	top:41px;
	clip:rect(0pt, 208px, 5000px, 0px);
}

.mac-os #right {
	clip: auto;
}

#right .inside {
	padding-left: 16px;
}

.mac-os #right .inside {
	padding-left: 22px;
}

/* show hide right panel */
.toggleLink {
	position: absolute;
	cursor: pointer;
	right: 223px;
	top:41px;
	color: white;
	font-size: 24px;
	font-weight: normal;
	width: 13px;
	height: 22px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/sitewide/sprite-toggle.png) no-repeat 0px 0px;
}

.toggleLink.withrightpanel {
	right:16px;
	background-position: left bottom;
}

.mac-os .toggleLink.withrightpanel {
	right:0px;
}

@-moz-document url-prefix() {
	.mac-os #right {
		clip:rect(0pt, 210px, 5000px, 0px) !important;
	}
	#header {
		right: 16px;
	}
	.mac-os #header {
		right: 14px;
	}
	.mac-os #nav {
	    padding-left: 10px;
	}

	#right .inside {
		padding-left: 15px !important;
	}

	.mac-os .maincontainer {
	  padding-right: 214px;  /* RC width */
	}

	.toggleLink.withrightpanel {
		right:16px;
	}

	.mac-os .toggleLink.withrightpanel {
		right:14px;
	}

}

.maincontainer.withrightpanel {
  padding-right: 4px;  /* RC width */
}

#right.withrightpanel{
	display:none;
}

.branding {
	right: 25px;
	font-size: 10px;
	position: absolute;
	text-align: center;
	bottom: 5px;
}

.branding.withtime{
	bottom: 5px;
}

.branding a{
	text-decoration: none;
}

.branding.withrightpanel{
	display:none;
}

#footer {
  clear: both;
}
/*** IE6 Fix ***/
* html #left {
  left: 224px;           /* RC width */
}


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

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-bottom: 5px;
    margin-top: 5px;
    list-style: none;
}

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
}

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

.mainlogo a{
	z-index: 10;
    position: absolute;
    top: 3px;
    left: 4px;
    opacity: 1.00;
    filter:alpha(opacity=100)
}

.mainlogo a:hover {
	z-index: 10;
    opacity: 0.60;
    filter:alpha(opacity=60)
}

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

/* --- Search ----*/
.right-tabs-container .tabs{
	margin: 0px;
	background-color: #444;
	background: -webkit-linear-gradient(top, #222, #444);
	background: -moz-linear-gradient(top, #222, #444);
  	background: -ms-linear-gradient(top, #222, #444);
	background: -o-linear-gradient(top, #222, #444);
	height: 39px;
	border-bottom: 4px solid #888888;
	color: #888888;
}

.right-tabs-container .tabs li{
	float: left;
	padding-left: 10px;
	font-size: 8px;
	font-weight: 400;
	padding-right: 10px;
	padding-top: 20px;
    height:19px;
    width:50px;
    text-align: center;
	cursor: pointer;
}

.right-tabs-container .tabs li.rightbartab.activecustomertab{
    background:url('../images/sitewide/glyphicons_352_nameplate_off.png') no-repeat scroll 25px 5px;
}

.right-tabs-container .tabs li.rightbartab.activecustomertab.active{
    background:url('../images/sitewide/glyphicons_352_nameplate.png') no-repeat scroll 25px 5px;
}

.right-tabs-container .tabs li.rightbartab.kbsearchtab{
    background:url('../images/sitewide/glyphicons_064_lightbulb_off.png') no-repeat scroll 27px 5px;
}

.right-tabs-container .tabs li.rightbartab.kbsearchtab.active{
    background:url('../images/sitewide/glyphicons_064_lightbulb.png') no-repeat scroll 27px 5px;
}


.right-tabs-container .tabs li.rightbartab.onlineuserstab{
    background:url('../images/sitewide/glyphicons_051_eye_open_off.png') no-repeat scroll 21px 7px;
}
.right-tabs-container .tabs li.rightbartab.onlineuserstab.active{
    background:url('../images/sitewide/glyphicons_051_eye_open.png') no-repeat scroll 21px 7px;
}


.right-tabs-container .tabs li:first-child.active{
	box-shadow: inset 10px 0px 20px -15px #333;
}

.right-tabs-container .tabs li.active{
	background-color: #888888 !important;
	color: #f4f4f4;
}

#searchhelp {
    position:absolute;
    right:36px;
    top:12px;
    opacity: .3;
    filter:alpha(opacity=30)
    z-index: 2;
}

#newfilterlink {
	padding-bottom:10px;
}
#newfilterlink:hover {
	text-decoration:none;
}

#newfilterlink span{
	margin-right:10px;
	background-color:#444;
	color:white;
	padding-left:4px;
	padding-right:10px;

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

}

#newfilterlink:hover span{
	background-color:#888;
}

.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:32px;
    top:0px;
    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:32px;
    left:auto !important;
    top:41px !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 ----*/


#nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#nav ul li {
    margin-top: 3px;
    padding: 0;
}

#nav ul li,
#nav ul li a,
#nav ul li span {
    display: block;
    float: left;
    color: #fff;
    text-decoration: none;
    height: 20px;
    cursor: pointer;
    padding-right:10px;
}

#nav ul li a {
    padding: 18px 2px 0 2px;
}

#nav ul li a:hover {
    color: #fff;
    border-bottom: 2px solid #888;
}

#nav ul li.active a {
    border-bottom: 2px solid orangered;
}

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
/* Submenu Dropdown Style */

#nav ul ul{
	float:left;
	background:url(../images/menu/duplex_nav_dropdown_shadow.gif) repeat-x top;
	padding:7px 0 0 0px;
	margin:27px 0 0 -1px;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
	width:153px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	position:absolute;
	top:23px;
}

#nav ul ul ul{
	background:none;
	margin:-5px 0 0 33px;
	/* IE: margin:-1px 0 0 20px; */
	padding:0px 0 0 0;
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-topright:3px;
}

#nav ul ul ul li:first-child a{
	padding-top:15px;
}

#nav ul ul li{
	background:url(../images/menu/duplex_nav_dropdown_bg.gif) repeat;
	border:none;
	padding:0 15px 0 15px;
	width:123px;
	margin-top:0px;
	height:33px;
}

#nav ul ul li:first-child a{
	border-top:none;
}

#nav ul ul ul li:first-child{
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
}

#nav ul ul li:last-child{
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
}

#nav ul ul li:last-child a,
#nav ul ul li:last-child ul li:last-child a,
#nav ul li.current-menu-item ul li:last-child a,
#nav ul li.current-menu-item ul li:last-child ul li:last-child a
{
	padding-bottom:20px;
	border-bottom:none;
}

#nav ul ul li:last-child ul li a{
	padding-bottom:9px;
}

#nav ul ul li a, #nav ul li.current-menu-item ul li a{
	padding: 6px 0 9px 0;
	display:block;
	background: none;
	float:none;
	font-weight:normal;
	border-bottom:1px solid #2c2b2b;
	border-top:1px solid #3e3e3e;
}

#nav ul ul li.menu-item a{
	color: #dddddd !important;
	font-weight: normal !important;
}

#nav ul ul li.subactive a{
	color: wheat !important;
	font-weight: bold !important;
}

#nav ul ul li.menu-item a:hover{
		color:white !important;
}

#nav ul ul li a:hover,  #nav ul li.current-menu-item ul li a:hover {
	background:none;
	color:#dddddd;
}

#whoisonline {
    margin-left:12px;
    margin-top:8px;
}

.ce-executiontime {
clear:both;padding-top:30px;text-align:center;color:#cdcdcd;
}

#alsoviewing {
padding-left:10px;font-size:10px;color:#777777;
}
/*
#whoisonline, #selectedcustomernav {
	clear:both;
    position: absolute;
    overflow: visible;
}*/

#activecustomermenuselector {
	cursor:pointer;
	float: right;
	z-index: 10;
	width: 32px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
}

#activecustomermenuselector img{
	left: 19px;
	position: relative;
}

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

#selectedcustomernav .dropdown ul li{
 display:block;
 cursor:pointer;
}

#selectedcustomernav .dropdown li:hover{
	background-color: #f4f4f4;
	display:block;
	font-weight: bold;
	padding-left: 4px;
    text-align: left
}

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

/* show hide right panel */

#logoff {
    position:absolute;
    right:5px;
    top:8px;
    opacity: .4;
    filter:alpha(opacity=40)
}
#logoff:hover,#searchhelp:hover {
	opacity: 1;
	filter:alpha(opacity=100)
}

.hideshowrightpanel {
	width: 23px;
	height: 24px;
	background: url(../images/sitewide/toggle2.png) no-repeat 0 0;
	cursor: pointer;
}

.hideshowrightpanel.withrightpanel{
	background: url(../images/sitewide/toggle1.png) no-repeat 0 0;
	cursor: pointer;
}

.container {
    background: #fff;
    border: 0px solid #cccccc;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

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

.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:171px;
}

.companyname {
	padding-left:10px;
	padding-top:10px;
	color: #333;
	font-size:14px;
	font-weight: bold;
}

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

#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: 0px 0px 0 0;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    background-color: #444;
    border-bottom: 1px solid #777;
    color: #fff;
    font-size: 12px;
    line-height: 9px;
    padding: 10px;

}

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

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

/* TODO use elsewhere */
.eventcounts {
	float:right;
}

#session_count {
	float: left !important;
    background-color: #d8e6f4 !important;
    -moz-border-radius: 7px 0 0 7px !important;
    color: #5f748a !important;
    border: 1px solid #bac3ca !important;
    font-size: 11px !important;
    padding: 0px 3px 0px 7px !important;
    height: 16px !important;

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

#day_count {
	float: left !important;
    background-color: #f1ebd6 !important;
    -moz-border-radius: 0 7px 7px 0 !important;
    color: #5f748a !important;
    border: 1px solid #bac3ca !important;
    border-width: 1px 1px 1px 0 !important;
    border-right: 0 !important;
    font-size: 11px !important;
    padding: 0px 7px 0px 3px !important;
    height: 16px !important;

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

/* admin image box */
#user-box-name {
	width: 200px;
	height: 41px;
	position: absolute;
	left: 0px;
	top: -2px;
	color: wheat;
}

#user-box-name .staff_text{
	position: relative;
	line-height: 1.6;
	padding-right: 56px;
	top: -32px;
	font-size:10px;
}

#user-box-name .staff_text_inside{
	position:relative;
	left: 48px;
}

#user-box-name img{
	position:relative;
	top: 4px;
	left: 6px;

	border-bottom-left-radius: 7px 7px !important;
	border-bottom-right-radius: 7px 7px !important;
	border-top-left-radius: 7px 7px !important;
	border-top-right-radius: 7px 7px !important;


}

#user-box-name a{
	color: #cdcdcd;
}

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;
    clear:both;
}

/*---- 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;
    clear: none;
}

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

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFCFC', endColorstr='orange'); /* for IE */
    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 */
td.invoicenotpaid,
td.invoicenotpaid a,
td.invoiceoverdue,
td.invoiceoverdue a{
	border-top: 0px !important;
	border-bottom: 1px solid #de2141 !important;
    background-color: #CC0000 !important;
    color:white !important;
    text-shadow: none !important;
}

td.invoicepaid,
td.invoicepaid a{
    border-top: 0px !important;
    border-bottom: 1px solid #84b584 !important;
    background-color: #669966 !important;
    color:white !important;
    text-shadow: none !important;
}

td.invoicevoidrefund,
td.invoicevoidrefund a{
    border-top: 0px !important;
    border-bottom: 1px solid #dfdfdf !important;
    background-color: #dfdfdf !important;
    color:black !important;
    text-shadow: none !important;
}
/* End Column Cells - Invoice Status Style */

/* Overrides to extjs */
body>div.ext-el-mask {
    /* special selector for only mask under body */
    background-color:#60666E !important;
    opacity: 0.7 !important;
    filter:alpha(opacity=70)
}

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

.tickets-priority-1,.tickets-priority-2,.tickets-priority-3{
	margin-left: -10px;
	margin-top: -6px;
	margin-bottom: -6px;
	display: block;
	height: 49px;
	width: 5px;
	float: left;
	margin-right: 5px;
}

.tickets-priority-1{
background-color: #A4000C;
}
.tickets-priority-2{
background-color: #FF9966;
}
.tickets-priority-3{
background-color: #e0e0e0;
}

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

.window-description input[type="text"].error, .window-description textarea.error {
	border: 6px solid rgb(127, 0, 0);
    border: 6px solid rgba(255, 0, 0, .1);
}

.window-description input[type="text"], .window-description textarea {
	color: #666;
	height:20px;
	border: 6px solid #F7F9FA;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
	-webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
	box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
	margin: 3px 0 4px;
	padding: 6px 6px;
	width: 92%;
	display: block;
	font-size:11px;
}

.window-description input[type="text"]:focus, .window-description textarea:focus {
	border: 6px solid #F0F7FC;
	-moz-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
	-webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
	box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
	color: #333;
	font-size:11px;
}

.window-description input[type="text"].error:focus, .window-description textarea.error:focus {
	border: 6px solid rgb(127, 0, 0);
    border: 6px solid rgba(255, 0, 0, .1);
}

/* kb search results for right panel */
#kbquery{
	width:180px;
	margin-bottom:7px;
}
#kbsearchcontainer{
	padding-top:5px;
	width:190px;
	margin-left: -5px;
}

#kbsearchresultsmore {
	padding-top:10px;
	padding-left: 58px;
}

.kbsearchresult-article{
	padding-top:5px;
}

.kbsearchresult-article a{
	font-size:11px;
	cursor:pointer;
}

.kbsearchresult-icon-article{
	position: relative;
	top: 4px;
	padding-right:3px;
}

#kbsearchresults{
	border: 1px solid #DDD;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-right:3px;
	background-color: white;
	padding-left: 5px;
}
.articleresult_access_1 {
	color: #222;
	font-weight: bold;
}

#knowledge_base_artlce .kb_title {
	clear:both;
	font: bold 22px/32px 'Droid Sans', 'Trebuchet MS', sans-serif;
	letter-spacing: -2px;
	color: #2E2E29;
	padding: 0px 0px 5px 0px;
	margin: 0px;
}

#knowledge_base_artlce .article-meta{
	float:left;
	padding-top:3px;
	color: #777;
	text-transform: capitalize;
}

#knowledge_base_artlce .article-meta .internal{
	color: red;
}

#knowledge_base_artlce .kb_description{
	padding-top:20px;
	font: normal 12px/18px "Lucida Grande", "Lucida Sans Unicode",Verdana,Arial,sans-serif !important;
}

#knowledge_base_artlce .article-link {
	float: right;
	background-color: orange;
	padding: 2px;
	padding-left:4px;
	padding-right:4px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 11px;
}

#knowledge_base_artlce .article-link a{
	color: white;
	font-weight: bold;
}

/* used in tipsy plugin */
.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
  .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: left; }

  /* Rounded corners */
  .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

  /* Uncomment for shadow */
  /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/

  .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }

  /* Rules to colour arrows */
  .tipsy-arrow-n { border-bottom-color: #000; }
  .tipsy-arrow-s { border-top-color: #000; }
  .tipsy-arrow-e { border-left-color: #000; }
  .tipsy-arrow-w { border-right-color: #000; }

	.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
  .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
  .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }

  .ticket-header {
    border-bottom: 3px solid #D6DEC6;
    border-top: 3px solid #D6DEC6;
    background-color: #F1F8E3;
    padding: 0 0 0 0;
    height: 67px;
    margin: 0 0 -1px;
    width: auto;
}

    .ticket-header-nocustomfields {
        margin-bottom:20px;
    }


.ticket-header-block {
	margin: 10px -7px 10px 10px;
    border-right: 1px dashed #D4D4D4;
    color: #666666;
    padding-top: 5px;
    width: auto;
    height: 40px;
    text-align:center;
}
.ticket-header-block-title {

}
.ticket-header-block-value {
    font-size: larger;
    font-weight: bolder;
}
.ticket-meta-data-box {
    -moz-background-inline-policy: continuous;
    -moz-border-radius: 5px 5px 5px 5px;
    border: 1px solid #EBEBEB;
    color: #666666;
    height: 18px;
    padding: 4px;

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

   margin-bottom: -3px;

}

#ticketdetails-customfields-min .ticket-meta-data-box {
    height: auto;
    margin-bottom:20px;
    margin-top: -3px;
    padding-left:0px;
    overflow:auto;
}

.ticket-collapsed-divider {
    height: 20px;
    background: -moz-linear-gradient(270deg, #fff, #f1f1f1) repeat scroll 0 0 transparent;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f1f1f1));
    margin-left: 1px;

}

.ticket-attachment {
    -moz-background-inline-policy: continuous;
    -moz-border-radius: 3px 3px 3px 3px;
    background: none repeat scroll 0 0 #5a91e7;
    color: white;
    padding: 2px 5px;

     border-bottom-left-radius:3px 3px;
   border-bottom-right-radius:3px 3px;
   border-top-left-radius:3px 3px;
   border-top-right-radius:3px 3px;

}

.ticket-customfields {
    display:none;
    margin-bottom:20px;
    margin-top:10px;
}

.ticket-customfields h1 {
    padding-left:12px;
    font-size: 14px;
    padding-bottom:8px;
    padding-top:5px;
}

#ticketdetails-customfields-min{
    display:none;
}

#ticketdetails-customfields-min .customfield{
    float:left;
    padding-left:7px;
}

#ticketCustomFieldsEditLink{
    font-size:10px;
    color:#ccc;
    padding-left:10px;
    font-weight:normal;
}

 #ticketCustomFieldsEditLink:hover{
    color:#555;
}