/* Added strict doctype so IE will display the same as Mozilla....*/

.ErrorMessage { position:relative; cursor:hand; position:absolute; width:350px; z-index:1; left:10px; top:40px; visibility:visible; overflow:hidden;   }
.drag { position:relative; cursor:hand; position:absolute; width:150px; z-index:1; left:10px; top:40px; visibility:visible; overflow:hidden;   }
.wizard {position:relative;	width:200px; height:350px;	z-index:1;	visibility:visible;	overflow: auto;	margin:10px;}

body, table, tr, td { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; color:#000;}

body { margin:0px; padding:0px; height:100%; background-color:#FFF; }

table, tr, td { }

/*#body_div { padding: 5px; }*/

a:link		{ text-decoration:none; color:#4E7090; }
a:visited	{ text-decoration:none; color:#4E7090; }
a:active		{ text-decoration:none; color:#FF9900; }
a:hover		{ text-decoration:none; color:#FF9900; }

.floatleft { float: left;  margin: 0 10px 10px 0; }
.floatright { float: right; margin: 0 0 10px 10px; }

.status { font-size:6pt; }

.hr1 { border:0px; height:1px; color: #4E7090; background-color: #4E7090; }
.hr2 { border:0px; height:1px; color: #FF9900; background-color: #FF9900; }
.hr3 { border:0px; height:1px; color: #30C025; background-color: #30C025; }

.color1 { color: #4E7090; }
.color2 { color: #FF9900; }
.color3 { color: #30C025; }
.colorw { color: #FFFFFF; }
.colorr { color: #CC0000; }

.ora { color: #ff7f00; }
.blu { color: #00a0c6; }
.dkblu { color: #0069aa; }
.grn { color: #34a02c; }
.pnk { color: #f0037f; }
.brn { color: #a9775d; }
.prp { color: #811787; }
.red { color: #f00; }
.yel { color: #ffdf09; }

.th_standard { color: #FFFFFF; }
.th_bold { color: #FFFFFF; font-weight: bold;}

.bgcolor1 {height:16px; background-color: #4E7090; color:#fff;}
.bgcolor2 {height:16px; background-color: #FF9900; }
.bgcolor3 {height:16px; background-color: #30C025; }
.bgcolorw { background-color: #fff; }

.lightbg		{height:16px; background-color: #F5F6F1; }
.lightbgw	{height:16px; background-color: #FFFFFF; }
.graybg		{height:16px; background-color: #EEEEEE;color: #AAAAAA; }
.complete	{background-color: #6495ED;}
.customer	{height:16px; background-color: #ffffcc; }

.lightbg1 {height:16px; background-color: #99B3CB; }
.lightbg2 {height:16px; background-color: #FFCC7F; }
.lightbg3 {height:16px; background-color: #BEF3AC; }

.lightbg4 {height:16px; background-color: #99Bfff; }
.lightbg5 {height:16px; background-color: #FFCfff; }
.lightbg6 {height:16px; background-color: #BEFfff; }

.lightbg7 {height:16px; background-color: #B3D9FF; }
.lightbg8 {height:16px; background-color: #D9ECFF; }
.lightbg9 {height:16px; background-color: #BEFfff; }

.bdcolor1 { border-color: #4E7090; }
.bdcolor2 { border-color: #FF9900; }
.bdcolor3 { border-color: #30C025; }

/* added - Ami and Adriana 2-21-2019 */
.cellGrad, .cellReq, .tb-cellReq, .cellView	{ 
	/*Took out the image to have uniform color - Ami-Adriana 02/20/2019*/
	/*background-image: url('images/bg_grad.gif'); 
	background-repeat: repeat-x; color: #000000; */
	/*height: 30px; */ /* 06/03/2019- Ami commented to make admin UI look consistent */
	color: #000000;
	font-weight: bold; 
	background-color: #a4c0da; 
	border-top: 1px solid #ddd !important;
}
.cellReq, .tb-cellReq {
	color: red; 
}
span.tb-cellReq {
	color: red; 
	border-top: 0 !important;
}
.cellBlank {
	border: medium; 
	border-left: #F5F6F1; 
	border-right:#F5F6F1;
}

#coverup { position:relative; width:100%; height:100%; z-index:10; }

#welcome {position:absolute; /*z-index:3; top: 3px;*/margin-top: 2px; left: 200px; font-size:8pt; color: #FFFFFF;font-weight: bold;  }

#errorDiv { position:absolute; z-index:20; top: 140px; left: 100px; visibility:hidden; }

#WarningDiv {position:absolute; width:250px; height:225px; z-index:20; top: 140px; left: 100px;}



#contentArea { margin:0px; padding:10px; font-size:8pt; }

#footer { clear:both; width:100%; margin:0px; padding:10px 0px 10px 0px; text-align:center; font-size:7pt; color: #FFFFFF; background-color: #4E7090; border-top:1px solid #213650;}

#footer p { margin: 0 0 3px 0;}

#leftColumn { width:550px; margin:0px; padding:0px; }

#rightColumn { width:200px; margin:0px; padding:0px; }

#dashItems { width:542px; background-color: #CED2D8; background-repeat:repeat-x; border-width:1px 1px 0px 1px; border-color:#B6BBC0; border-style:solid; margin:0px; padding:2px; }

/* actual width 548 = 537 + 3 + 8 */
#tableBigHead { width:544px; height:16px; background-color:#4E7090; margin:0px; margin-top:-2px; padding:3px 3px 3px 8px; font-size:8pt; }

/* actual width 548 = 530 + 2 + 16 */
#tableBig { width:537px; background: URL('images/table_bg.gif') repeat-x #fff; border:1px; border-color:#B6BBC0; border-style:solid; margin:0px; padding:8px; }

/* actual width 548 = 537 + 3 + 8 */
#ModuleDashHead { width:100%px; height:16px; background-color:#4E7090; margin:0px; margin-top:-2px; padding:3px 3px 3px 8px; font-size:8pt; }

/* actual width 548 = 530 + 2 + 16 */
#ModuleDashBody { width:100%px; background: URL('images/table_bg.gif') repeat-x #fff; border:1px; border-color:#B6BBC0; border-style:solid; margin:0px; padding:8px; }

/* actual width 548 = 537 + 3 + 8 */
#tabHead { width:100%; height:22px; background-color:#4E7090; border:1px; margin:0px; font-size:8pt; }

/* actual width 548 = 530 + 2 + 16 */
#tabBody { width:100%; background: URL('images/table_bg.gif') repeat-x #fff; border:1px; border-color:#B6BBC0; border-style:solid; margin:0px; padding:0px; }

/*#pageHeader {  height:49px; background-image: URL('images/header_bg.gif'); border:0px; border-color:#B6BBC0; border-style:solid; background-repeat:repeat-x; margin:0px; padding:0px; }*/
#pageBody { margin:0px; padding:0px; font-size:8pt; border:0px; border-color:#B6BBC0; border-style:solid; }

#profileHeader { position:relative; width:750%px; height:49px; background-image:URL('images/header_bg.gif'); border:0px; border-color:#B6BBC0; border-style:solid; background-repeat:repeat-x; margin:0px; padding:0px; }
#profileArea {position:relative; width:750px; margin:0px; padding:0px; font-size:8pt; border:0px; border-color:#B6BBC0; border-style:solid; overflow:none; z-index:1; }
#profileTab { width:100%px; height:16px; background-color:#4E7090; margin:0px; margin-top:-2px; padding:3px 3px 3px 8px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:8pt; }

#profilePopHeader { position:relative; width:100%px; height:49px; background-image:URL('images/header_bg.gif'); border:0px; border-color:#B6BBC0; border-style:solid; background-repeat:repeat-x; margin:0px; padding:0px; }

/* actual width 548 = 530 + 2 + 16 */
#profilePopArea { position:relative; width:100%px; margin:0px; padding:0px; font-size:8pt; border:1px; border-color:#B6BBC0; border-style:solid; overflow:none; z-index:1; }

/* actual width 218 = 207 + 3 +  8 */
#tableSmallHead { width:207px; height:16px; background-color:#4E7090; margin:0px; padding:3px 3px 3px 8px; font-size:8pt; }

/* actual width 218 = 200 + 2 + 16 */
#tableSmall { width:200px; background: URL('images/table_bg.gif') repeat-x #fff; border:1px; border-color:#B6BBC0; border-style:solid; margin:0px; padding:8px; }

/* actual width 766 = 755 + 3 + 8 */
#tableLargeHead { width:755px; height:16px; background-color:#4E7090; margin:0px; margin-top:-2px; padding:3px 3px 3px 8px; font-size:8pt; }

/* actual width 766 = 748 + 2 + 16 */
#tableLarge { width:748px; background: URL('images/table_bg.gif') repeat-x #fff; border:1px; border-color:#B6BBC0; border-style:solid; margin:0px; padding:8px; }

#confirmDelete{ position:absolute; z-index:20; top:140px; left:100px;}

/* calendar styles */

.tiHeading { font-size: 8pt; color: #41456B; font-weight: bold; }
.NoDay { font-size: 10px; background-color: #CBD8E4; }
.PastDay { font-size: 10px; background-color: #E3E8EE; }
.CurrentDay { font-size: 10px; background-color: #A0FFFF; }
.FutureDay { font-size: 10px; background-color: #E3E8EE; }
.WeekendDay { font-size: 10px; background-color: #ADBDCC; }
.EventDay, .BirthDay { font-size: 10px; background-color: #F0E68C; }
.hoverDay{  font-size: 10px; background-color: #FFFFFF; }

/* Display information in tree format styles */
 .branch{display: none; margin-left: 16px; }
 
 
 
 
 /**
 * POPUP CONTAINER STYLES
 */
#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("maskBG.png") !important; // For browsers Moz, Opera, etc.
	background-image:none;
	background-repeat: repeat;
	display:none;
}

#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	border: 2px solid #000000;
	background-color: #ffffff;
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#popupTitleBar {
	background-color: #486CAE;
	color: #ffffff;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	border-bottom: 2px solid #000000;
	border-top: 1px solid #78A3F2;
	border-left: 1px solid #78A3F2;
	border-right: 1px solid #204095;
	position: relative;
	z-index: 203;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}


#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 500;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

.note{
	position:relative;
	background-color: #ffff99;
	margin:0px;
	padding:0px;
	width:75px;
	height:100px;
	border: 1px solid black;
	background-position:center center;
	z-index:500;
}

#mycustomscroll {
	width: 290px;
	height: 330px;
	overflow: auto;
	position: relative;
	}

	



#fadeinbox{
position:absolute;
left: 0;
top: -400px;
border: 2px solid black;
background-color: lightyellow;
padding: 4px;
z-index: 100;
visibility:hidden;
}


#popupContainer{
position: absolute;
border: 2px solid black;
padding: 0px;
height: 400px;
width: 400px;
overflow: hidden;
float: right;
margin-left: 1em;
}

/* This is used to prop open container div's - Added by Jeremy
--------------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/* ---------------------------------------------
 This is start of New look - Added by Celeste
 -------------------------------------------------*/
#content-wrap {
    width: 850px;
    margin: 15px auto;
    text-align: left;
}

dl {
    margin-bottom: 15px;
}

dt {
    font-weight: bold;
    color: #233A55;
}

dt, dd {
    margin-bottom: 5px;
}

.pad {
    position: relative;
    margin: 0 10px;
}

/* Icon setup
-------------------------------------------------*/
.icon-left {
    float: left;
    margin-right: 5px;
}

.icon-right {
    float: right;
    margin-left: 5px;
}

.icon-inline {
    margin: 0 3px;
}

/* content-columns
-------------------------------------------------*/
#content-primary {
    float: left;
    width: 600px;
    padding: 0;
    vertical-align: top;
}
#content-secondary {
    margin-left: 615px;
    vertical-align: top;
}

/* content-wrap
-------------------------------------------------*/
#content-wrap h1 {
    margin-bottom: 15px;
    border-bottom: 1px solid #D3D3D3;
    font-size: 18px;
    font-weight: normal;
    color: #2d2d2d;
}

/* content-primary-module
-------------------------------------------------*/
#content-primary .content-primary-module {
    margin-bottom: 15px;
    padding: 0 0 15px 0;
    background: #fff url('/images/content_footer_rounded.gif') no-repeat left bottom;

}

.content-primary-module h2 {
    margin: 0 0 10px 0;
    padding: 3px 8px;
    border-bottom: 1px solid #23364a;
    background: url('/images/content_header_rounded.gif') no-repeat left top;
    color: #F2F2F2;
    font-size: 16px;
}

.content-primary-module h3 {
    margin: 0 0 10px 0;
    border-bottom: 1px solid #D3D3D3;
    color: #3A5878;
    font-size: 16px;    
}

.content-primary-module form {
    width: 98%;
    margin: 5px 1% 15px 1%;
}

.content-primary-module form input {
    margin-left: 5px;
}

.content-primary-module table {
    margin: 15px 0;
}

.content-primary-module table thead {
    border-bottom: 1px solid #9F9F9F;
    color: #344F6C;
    font-weight: bold;
}

.content-primary-module table th{
    font-weight: bold;
}

.content-primary-module table th, .content-primary-module table td {
    padding: 5px;
}

.content-primary-module table td {
    border-bottom: 1px solid #D3D3D3;
}
/* Sidebar Modules
-------------------------------------------------*/
.sidebar-module h3 {
    margin: 15px 0 5px 0;
    border-bottom: 1px solid #d3d3d3;
    font-size: 1.2em;
}

.sidebar-module h3 img {
    float: right;
    cursor: pointer;
}

/* subnav */
.sidebar-module ul.subnav {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.sidebar-module ul.subnav li {
    float: left;
    width: 100%;
}

.sidebar-module ul.subnav li a {
    display: block;
    width: 96%;
    padding: 3px 2%;
    text-decoration: none;
    border-bottom: 1px solid #e7e7e7;
}

.sidebar-module ul.subnav li a:hover {
    background: #fff;
}

.sidebar-module ul.subnav li a.subnav-current {
    background: #fff;
}

/* Short-cuts */
.shorts ul li {
    float: left;
    width: 100%;
    margin-bottom: 2px;
    line-height: 21px;
}

.shorts ul li a {
    display: block;
    width: 100%;
    padding: 3px 0;
    line-height: 21px;
    text-decoration: none;
}

.shorts ul li a:hover {
    background: #fff;
}

.shorts ul li a img {
    float: left;
    margin: 0 5px;
}

div#JSMX_loading{
	position:absolute;
	margin:0px;
	padding:0px;
	width:112px;
	height:50px;
	background-image:url(images/global/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position:center center;
	z-index:800;
}

#headerBadge1 {
  position: absolute;
  width: 100%;
  height: 150px;
  top: 300px;
  bottom: 400px;
  right: 300px;
  left: 0;
  color: blue;
  border-width: medium;
  border-style: dashed;
  line-height: 2.4em;
}

/* begin EXT JS fixes */

/* general layout fix */
table[cellpadding="5"] { padding: 5px; }
p { margin: 1.12em 0 }
input[type=checkbox] { margin: 3px; }

/* CRM fix */
table[width="97%"] { padding: 0; }

/* calendar fix */
table[cellpadding="4"] td { padding: 4px; }

/* service ticket page fix */
table[cellpadding="5"] .bgcolor1 { padding: 0; }

/* shortcuts fix */
table[cellpadding="3"] td { padding: 3px; }

/* company profile contact name fix */
#top_div1 table table[cellpadding="5"] { padding: 0; }

/* web pages fix */
table[cellpadding="5"].bgcolor1 td { padding: 5px; }