/*@import url("font-awesome.min.css");*/
@import url("myboxes.css");


input[disabled][type=text]{color:#555555;background-color:#f2f2f2;}
select[disabled]{color:#555555;background-color:#f2f2f2;}


/*.block{display:block}*/
/*
 A{ color:#3366cc; text-decoration: none; FONT-FAMILY: Arial, Verdana, Tahoma;FONT-SIZE: 10pt;}
 A:hover    { color:orange;TEXT-DECORATION: underline}
 A.disabled{color:#999999}
*/
SPAN.alike { color:#666666; text-decoration: none; FONT-FAMILY: Arial, Verdana, Tahoma;FONT-SIZE: 10pt;}

INPUT.disabledlike, TEXTAREA.disabledlike, SELECT.disabledlike,
INPUT[type=edit][type=button].disabled, TEXTAREA.disabled, SELECT.disabled {color:#555555;background-color:#f2f2f2}

span.a{cursor:pointer}
span.a:hover{text-decoration:underline;}




.merchBlueBar {
	background-color:#1111ff;
	color:#ffffff;
	padding: 6px 4px;
	
}


.xx-small { font-size: 7.5pt;}
/*.x-small  { font-size: 10pt;}*/
.x-std  {font-family: Verdana, Tahoma; font-size: 11px;}
FONT.size-2   { font-size:14;}


.nobr {white-space:nowrap;}
.hidden {display:none}
.contentWidth{width:659px; max-width:width:659px;}
.wrap{WORD-WRAP: break-word;}
.right{text-align:right}
.m10{margin-bottom:10px}

.hide-pos{visibility:hidden;position:absolute;}



/* LINKS BLOCK AT THE LEFT*/
P.navblock {
	padding:0px;margin-bottom:10px;
	margin-top:0px;
}

P.navblock A, P.navblock A:visited {
 	color:#000000;
}

P.navblock U{
	color:#006884;
	display: block;
	text-decoration: none;
	padding-bottom:2px;
}


/* TABLE LISTS WITH HIGHLITED ROW STYLE*/
TABLE.trList	{}

/*list rows*/
TD.tdOut,
TR.trOut TD, 
TR.trOut TH, 
TR.trOutHover TD, 
TR.trOver TD,
TR.trOverNoclick TD,
TR.trOutPend TD,
TR.trOverPend TD,
TR.trOutFlash TD {
	border-bottom:solid 1px #DDDDDD;
	/*text-align:left;*/
}

TR.trOut TD.noBorder, 
TR.trOver TD.noBorder{
	border:none;
}


.topThinBorder, TR.topThinBorder TD{border-top:solid 1px #DDDDDD;}
.leftThinBorder {border-left:solid 1px #DDDDDD;}
.topBorder2, TR.topBorder2 TD{border-top:solid 2px #DDDDDD;}


table.tblHighlightRow tr:hover td{background-color:#d7dadf;}


TR.trOutHover:hover{background-color:#d7dadf;cursor:pointer}


/*special states for list rows*/
TD.tdOut, TR.trOut TD, TR.trOutHover TD {padding:4px;} 
TR.trOver TD 		{background-color:#d7dadf;padding:4px; cursor:pointer} 
TR.trOverNoclick TD {background-color:#d7dadf;padding:4px; } 
TR.trOutPend TD 	{background-color:#FFFFCC;padding:4px;} 
TR.trOverPend TD 	{background-color:#DDDDDD;padding:4px; cursor:pointer} 
TR.trOutFlash TD 	{background-color:#FFFFFF;padding:4px;} 


/*
TD.tdListNav, .ListNav{
	color:#000000;
	padding: 4px 4px;
	Xborder:solid red 1px;
	font-weight:bold;
	position:relative;
}

TD.tdListNav2, .ListNav2{
	background-color:#DDDDDD;
	color:#000000;
	padding: 4px;
	height:28px;
	border-radius:5px;	-webkit-border-radius:5px;	-moz-border-radius:5px;
	-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;
}

.ListNav.left{
	xborder:solid red 1px;
	height:32px;
}
.ListNav.left ul{
	xborder:solid blue 1px;
	float:left;
	width:580px;
}

.ListNav>input[type=button]{
	float:right;
	max-width:70px;
}
*/


div.navCheckAll{float:left;margin-left:5px;height:20px;line-height:20px;}
/*div.navCheckAll:after{content:' Check All';font-weight:normal;color:#333333;vertical-align:top;}*/
div.navSortBy{float:right;margin-right:10px;height:20px;line-height:20px;vertical-align:middle}


/*nav area - for page switchers etc*/
TR.trListWhite TD{background-color:#FFFFFF;padding:4px;}


/* Gray List Headers */
TD.tdListHeaders, Th.tdListHeaders, TR.trListHeaders TD, TR.trListHeaders TH, TD.tdListTotals, DIV.ListHeaders{
	/* background-color:#DDDDDD; */
	padding:4px;
}
TD.tdListHeaders strong, TR.trListHeaders TD strong, TD.tdListHeaders b, TR.trListHeaders TD b, TD.tdListTotals{
	font-weight:inherit; 
}
TD.tdListHeaders2{
	background-color:#aaaaaa;
	padding:4px;
}

TD._ListHeadersSmall{
	font-size:8pt;	
}


.smallHeaderContainer TD.tdListHeaders, 
.smallHeaderContainer TR.trListHeaders TD,
.smallHeaderContainer TD.tdListHeaders *, 
.smallHeaderContainer TR.trListHeaders TD *{
	font-size:8pt;
}


/* Blue Section Head */
TD.tdListHead, TR.trListHead TD, div.ListHead{
	background-color:#c2cde1;
	color:#000000;
	font-weight:bold;
	padding:4px;
}

/* Blue Section Level 2 Head */
TD.tdListHeadL2{
	background-color:#aaaaaa;
	color:#000000;
	font-weight:bold;
	padding:4px;
}


/*
TD.tdInstructions{background-color:#DDDDDD;padding:8px;text-align:justify;white-space:normal;}
TD.tdInstructionsHead{background-color:#999999;padding:4px;text-align:justify}
*/
div.instructions{
	xborder:solid #888888 1px;
	border-radius:5px;	-webkit-border-radius:5px;	-moz-border-radius:5px;
	padding:4px;
	margin-bottom:16px;
	background:#eeeeee; 
	color:#000000;
	text-align:left
}

div.notesBox{
	border:solid #888888 1px;
	border-radius:5px;	-webkit-border-radius:5px;	-moz-border-radius:5px;
	padding:4px;
	margin:8px;
	background:#eeeeee; 
	color:#000000;
	text-align:left;
	WORD-WRAP: break-word;

}




TR.trListGray0 {background-color:#F0F0F0;}
TR.trListGray1 {background-color:#E2E2E2;}
TR.trListGray0 TD, TR.trListGray1 TD {padding:4px;}


.flashBody TR.trOutFlash TD 	{background-color:#FFFFCC;padding:4px;} 

TABLE.tableList TD.tdStaticCell		{cursor:default;}

TD.tdSep, DIV.sep{height:10px;line-height:10px;}
TD.tdSepThin, DIV.sepThin{height:3px;line-height:5px;}
TD.td_addBottom{border-bottom:solid 1px #DDDDDD;}



/*Left column for param name light and dark versions*/
TABLE TD.tdLabelColumn	{background-color:#EEEEEE;padding: 4px;text-align:right;vertical-align:top;white-space:nowrap;}
TD.tdGraySeparator	{background-color:#EEEEEE;padding: 4px;text-align:right;vertical-align:top;}
TD.tdLabelColumn2	{background-color:#DDDDDD;padding: 4px;text-align:right;}
/*Right column for param values*/
TD.tdValueColumn, TD.tdValueColumnLined, TD.tdValueColumnMoney{
	padding: 4px;padding-left:4px;
	vertical-align:top;
	}


TD.tdValueColumnLined	{border-bottom:solid 1px #DDDDDD;}
TD.tdRedColumn			{background-color:#FF0000;color:#FFFFFF;padding: 4px;padding-left:4px;}
TD.tdRedLabelColumn		{background-color:#FF0000;color:#FFFFFF;padding: 4px;}
TD.tdValueColumnMoney	{text-align:right;}

TD.tdLabelColumn,
TD.tdLabelColumn2,
TD.tdValueColumn, 
TD.tdValueColumnLined, 
TD.tdValueColumnMoney,
TD.tdRedColumn{
	font-size: 10pt;
	font-weight:normal;
}


.odd TD.tdValueColumn{
	background-color:#eeeeee;
}


/* SUPPORT CENTER */
textarea.docBody {width:100%;height:500px;background-color:#ffffcc}


.toplink {
	font-size: 10px;
	color: #71828A;
	text-decoration: none;
}
.navoff {
	font-size: 10px;
	color: #515151;
	font-weight: bold;
	text-decoration: none;
}
.toplinkon {

	font-size: 10px;
	color: #FF9900;
	text-decoration: none;
}




.tdImportPreview {
	white-space:nowrap;
	border-right:solid black 1px;
	font-family: Arial,Helvetica,Sans-serif,sans-serif; 
	font-size: 8pt;
}



P.navblock SPAN.xx-small {
	font-family: Verdana,Arial;
	font-size: 7.5pt;
}


INPUT.inputMoney {
 	width:55px;
}




.HtmlareaText {font-size:x-small;font-family: Verdana,Arial;}






/* Red Flash Text */
.RedFlashText {font-weight:normal;font-size:11pt;cursor:pointer}
DIV .RedFlashText 		    {color:#FF0000} 
DIV.flashBody .RedFlashText {background-color:#FF0000;color:#FFFFFF} 


.emailRead0 {font-weight:bold}
.emailRead1 {font-weight:normal}


TR.trSubmitBar TD{
	padding:4px;
	border-top:solid #CCCCCC 6px;
	text-align:center;
}











.clsCMOn {
	PADDING-RIGHT: 0px; PADDING-LEFT: 4px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; COLOR: #ffffff; PADDING-TOP: 2px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none
}
.clsCMOver {
	PADDING-RIGHT: 0px; PADDING-LEFT: 4px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; COLOR: #ffffff; PADDING-TOP: 2px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none
}
.menuitem {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; WIDTH: 82px; CURSOR: pointer; COLOR: #ffffff; FONT-FAMILY: Verdana, Tahoma; HEIGHT: 15px; TEXT-ALIGN: center
}
.menuitemhover {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: url(/assets/images/menuhover.gif); WIDTH: 82px; CURSOR: pointer; COLOR: #ffffff; FONT-FAMILY: Verdana, Tahoma; HEIGHT: 15px; TEXT-ALIGN: center
}
.smalltext {
	FONT-SIZE: 11px; FONT-FAMILY: Verdana, Tahoma
}
#footerlink {
	FONT-SIZE: 12px; COLOR: #cbecea; FONT-FAMILY: verdana, arial, helvetica, sans-serif; TEXT-DECORATION: none
}

HR.footerhr {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	COLOR: #ffffff; 
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 0px; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	HEIGHT: 1px; 
	WIDTH:800px;
	BACKGROUND-COLOR: #5686bd; 
	BORDER-BOTTOM-STYLE: none
}
DIV.footer P{
	padding:0px;margin:0px;}


.placeholder_products {
	BACKGROUND: #71a5ac; HEIGHT: 28px
}
.nav_products {
	BACKGROUND: #e5f0f2; FONT: 11px Verdana, Arial, Helvetica; COLOR: #71a5ac; HEIGHT: 28px
}
.subheader_products {
	BACKGROUND: url(/images/sectionbg_products.gif) #ffffff; HEIGHT: 61px
}
.menuitem_k {
	BACKGROUND: #d2dee1; FONT: bold 11px Verdana, Arial, Helvetica; CURSOR: pointer; HEIGHT: 23px;
	padding-left:8px;
}
.menuitemhover_k {
	BACKGROUND: #e5f0f2; FONT: bold 11px Verdana, Arial, Helvetica; CURSOR: pointer; COLOR: #006884; HEIGHT: 23px;
	padding-left:8px;
}
.menuitemsel_k {
	BACKGROUND: #e5f0f2; FONT: bold 11px Verdana, Arial, Helvetica; 
	/*CURSOR: pointer; */
	COLOR: #006884; HEIGHT: 23px;
	padding-left:8px;
	border-bottom: solid #ffffff 1px;
}

.menuitemsub_k, .menuitemsubhover_k,
TR.menuitemsub_k TD, TR.menuitemsubhover_k TD,
TR.menuitemsubdisabled TD{
	FONT: 8pt Verdana, Arial, Helvetica; CURSOR: pointer; /*HEIGHT: 18px;*/
	/*padding-left:8px;*/	
	padding-right:0px;
	padding-top:2px;padding-bottom:2px;
	border-bottom: solid #ffffff 1px;
	vertical-align:top;
}

.menuitemsub_k {
	BACKGROUND: #f0f8f9; 
}
.menuitemsubhover_k {
	BACKGROUND: #ffffff;  COLOR: #006884; 
}
TR.menuitemsubdisabled TD{
	cursor:default;
	color: #999999;
}


.menu_k {
	BACKGROUND: #d2dee1
}


/*left menu buttons*/
tr.menuitemsub_kb td{
	background-color:white;
	padding:0;
}








TABLE.leftNavTable{table-layout:fixed;width:100%;border:0}
TABLE.leftNavTable TD {/*border:solid red 1px*/}
/*TABLE.leftNavTable COL.col1{width:130px;}*/
TABLE.leftNavTable COL.col1{width:112px;}
TABLE.leftNavTable COL.col2{width:48px;}

TABLE.leftNavTable TD.tdLeftArr{
	text-indent:-14px;
	padding-left:18px;
	WORD-WRAP: break-word;
	/*border:solid green 1px;*/
	}

div.leftNavItem{	
	background: url(/assets/images/icon_rightarrowblue.gif) no-repeat 3px;	
	padding:0px 0px 0px 14px;
	WORD-WRAP: break-word;
	position:relative;top:0px;left:0px;

}

div.leftNavItem .left{display:inline;padding:4px;}


div.leftNavItem .right{position:absolute;top:0px;right:0px;}
div.leftNavItem .right .counter{
	display: table-cell; 
	vertical-align: middle;
    height:13px;
    xline-height:18px;
    font-size:8pt;
    min-width:28px;
    text-align:right;
	xborder:solid white 1px;
	padding:0px 3px;
	background-color: #c0c8c9;
/*	border-radius:5px;	-webkit-border-radius:5px;	-moz-border-radius:5px;*/
/*	border-radius:2px;	-webkit-border-radius:2px;	-moz-border-radius:2px; */
	xcolor:white;

}








A.letter,A.letter,
SPAN.letterSel {	font-size:9pt;		text-decoration: none;}
SPAN.letterSel {color:red}/* <SELETORS_FUNCTION>  */input.myselButton   {width:35px;}table.myselTable select    {width:200px; height:200px;background-color:#eeeedd}table.myselTable    {	}table.myselTable td.th1,table.myselTable td.th2,table.myselTable td.th3{	 text-align:center; font-weight:bold;}table.myselTable td.td1,table.myselTable td.td3{}table.myselTable td.td2 {vertical-align:middle}/* </SELETORS_FUNCTION>  */

INPUT.selectedbutton {	
	background-image: url(/assets/images/cssbtnbgrepeater2.gif);
	border:solid 1px #999999;
	}


INPUT.crmButton{}
INPUT.crmButtonRight{float:right}

INPUT.callButton{	
/*	background-image: url(/assets/images/cssbtncall.gif);	*/
    background-color: gold;
	text-align: center;	cursor: hand;	
	font-size:9pt;	border:solid 1px #B4B4B4;	
	text-decoration:none;
	width:40px;
}
/**************************************/
/*INPUT.fieldInputText{width:98%}*/

.fieldInputText{width:203px;}

input.inp1, textarea.inp1{width:100%;}
input.inp2, textarea.inp2{width:100%;}
input.inp3, textarea.inp3{width:100%;}
select.inp1{width:100%}
select.inp2{width:100%}
select.inp3{width:100%}

/*new fields, for leads+ 2012-08-07*/
table.columns_3 td{width:33%}
table.columns_3 td.colspan_2{width:66%}
table.columns_3 td.colspan_3{width:100%}
table.columns_4 td{width:25%}
table.columns_4 td.colspan_2{width:50%}
table.columns_4 td.colspan_3{width:75%}
table.columns_4 td.colspan_4{width:100%}


input.inpWide{width:100%}
select.inpWide{width:100%}



span.redstarr{
	color:#ff0000;
	Xpadding-right:2px; 
	font-weight:bold; 
	Xfont-size: 13pt;
	Xvertical-alignXX:0px;
	Xheight:10px;
	Xdisplay: inline-block;}
span.fieldComments{	font-family: Arial,Helvetica,Sans-serif,sans-serif; font-size: 8pt;	text-decoration:italic;}
DIV.d1{float:left;	white-space:normal;	padding: 4px;width:100%;/*border:solid red 1px;*/}

TABLE.tblFields{border-collapse:collapse; table-layout:fixed;}

TD.tdFieldCell1, TD.tdFieldCell2, TD.tdFieldCell3 {vertical-align:top;padding:0px; }
TD.tdFieldCell1{width:33.3333%}
TD.tdFieldCell2{width:66.6666%}
TD.tdFieldCell3{width:100%}

col.colField1,col.colField2,col.colField3 {width:33.333%}
.fieldCellControl{width:100%}



/*list rows2*/
TR.trLightOut TD.tdLight, 
TR.trLightOver TD.tdLight
{
	border-bottom:solid 1px #DDDDDD;
}

/*special states for list rows*/
TR.trLightOut TD.tdLight 		{background-color:white;} 
TR.trLightOver TD.tdLight 		{background-color:#d7dadf; cursor:pointer} 


/* debug for translations*/
SPAN.spTran{color:green;}
OPTION.optRed{color:red}

TABLE.tblFooter{background-color:#336699}
SPAN.spanInstructions{font-size:9pt;color:#999999;}
.hide					{display: none; visibility:hidden;}
.wcol4 {width:145px}




INPUT.rep_date {width:70px;}
INPUT.rep_user {width:60px;}
.blue {color:#0000cc}
SPAN.subHeader{color:#27789E;font-size:12pt;font-weight:bold}







div.boxLeft{
	float:left;
	padding:4px;
	border:none;
}

div.boxStd{
	padding:4px;
	border:none;
	text-align:left;
}

div.boxStd.gray{
	background:#dddddd;
}

div.ListHeader{
	background-color:#DDDDDD;
	padding:4px;
	overflow:hidden;
	width:100%;
	text-align:left;
}



.pointer 			{cursor:pointer} 


INPUT.calcField{
	background-color:#EEEEEE;
	Xtext-align:right; 
	Xwidth:50px;
}
/*
INPUT[type=text].inpField{
	text-align:right;
	background-color:#BFE9FF;
	width:50px;
}

SELECT.inpField{
	background-color:#BFE9FF;
}
*/


/*   ICONS  */
TABLE.tblIcons{
	margin: 10px 0px 0px 0px;
}
.myicon{
	border:solid red 0px;
	width:165px;height:120px;
	text-align:center;
	position:relative;
}
.myicon a:hover img{
	filter: alpha(opacity:40);opacity: 0.4;moz-opacity : 0.4; khtml-opacity : 0.4;
}

.myicon .title{
	xborder:solid red 1px;
	position:absolute;
	top:52px;left:10px;
	right:10px;bottom:12px;
	font-size:12px;
	line-height:11px;
	font-weight:bold;
	color:white;
	
}



/* 3 - columned table */
table.tblContent{width:671px;max-width:671px;}
table.tricol{
	width:671px;
	table-layout:fixed;
}
table.tricol>tbody>tr>td{width:33.33%;}
table.tricol col{width:33.33%;}

/*from artenergy*/
.columns ol, .columns li {margin:0;padding:0;border:0;vertical-align:baseline;}
.columns ol, .columns ul {list-style:none;}
.columns			{display:inline;clear:both;}
.columns ul			{margin:0;padding:0;list-style-type:none;}
.columns li			{float:left;}
.columns li.right	{float:right;}



.secHide{
    float:right;
	cursor: pointer;
	vertical-align:middle;
	height:22px;width:22px;
	background-image: url("/assets/images/tf/minus22.png");
}

.toright{
	float:right;
}
.toleft{
	float:left;
}

/*Common class exterders*/ 
.red{color:red}
/*.b{font-weight:bold}*/
.center{text-align:center}
.nonbold{font-weight:normal}

/*for app error fields*/
.markError{background:gold;}


/*column sort order links*/
a.sortOrderbar{
/*	border:solid transparent 1px;*/
	font-weight:bold;
	font-size: 10pt;
	padding:2px;
}
a.sortOrderbar:hover{
/*	border:solid #F0F0F0 1px;*/
	background-color:#F5F5F5;
	text-decoration:none;
}

a.orderUp{
	background:url(/assets/images/sort_asc_alt.png) no-repeat right;
	padding-right:16px;
}

a.orderDown{
	background:url(/assets/images/sort_desc.png) no-repeat right;
	padding-right:16px;
}


/*Tooltip*/
/*
#tt					{position:absolute;z-index:888;display:block;background:url(/assets/images/tt_left.gif) no-repeat;text-align: left;}

#tttop				{display:block;
					height:5px;
					margin-left:5px;
					background:url(/assets/images/tt_top.gif) top right no-repeat;
					overflow:hidden;}
					
#ttcont				{display:block;
					padding:2px 12px 3px 7px;
					margin-left:5px;
					background:#666;
					color:#fff;}
					
#ttbot				{display:block;
					height:5px;
					margin-left:5px;
					background:url(/assets/images/tt_bottom.gif) top right no-repeat;}
*/
/*
span.spTooltip		{cursor:help;}
span.spTooltip2		{cursor:help;border-bottom:dashed 1px;}
*/

#tt{
	position:absolute;z-index:888;display:block;
					}

#tttop				{display:none;}
					
#ttcont				{display:block;
					padding:6px 6px 6px 6px;
					background:#606060;
					color:#ffffff;
    border-radius:5px;	-webkit-border-radius:5px;	-moz-border-radius:5px;
    height:100%;/*IE7*/
					
					}
					
#ttbot				{display:none;}




/*Head line buttons should be smaller*/
/*.tdListHead input[type="submit"], .tdListHead input[type="submit"]{
	height:20px;
	line-height:10px;
	margin:0;padding:0 5;
	font-size:9pt;
}
*/





/*---- TOP MENU BUTTONS -----------*/
#tabcontainer	{

    BACKGROUND-COLOR: #767676;
	BACKGROUND-IMAGE: url(/assets/images/menubg.gif); 
	HEIGHT: 24px;
}
#toplinkscontainer{
    BACKGROUND-COLOR: #dddddd;
	HEIGHT: 28px;
	line-height:28px;
	text-align:center;
}
#toplinkscontainer a{
    color: black;
    font-size: 10pt;
    font-family: Arial,Verdana, sans-serif;
    }



div.myTopMenuHolder{
	Xborder:solid red 1px;
	position:relative;
	width:82px;	/*84px*/
	cursor:pointer;
}


div.div1TopMenu, div.div1TopMenuUp {
	width:82px;
	cursor:pointer;
	height:15px;
	color:#FFFFFF;
	
	position:relative;
	z-index:22;

	TEXT-ALIGN: center;
	FONT-WEIGHT: normal;
	FONT-SIZE: 10pt;
	FONT-FAMILY: Arial, Verdana, Tahoma;

	margin:0px;

}
div.div1TopMenuUp{
	
	BACKGROUND: url(/assets/images/menuhover.gif);	
	color:#FFFFFF;}

div.div2TopMenuShow, div.div2TopMenuHide{
	width:600px;heightX:200px;
	border:solid #999999 1px;
	position:absolute;top:-1px;left:0px;
	background-color:#F6F6F6;
	Xbackground-color:#585956;
	z-index:21;
}

div.div2TopMenuHide{display:none}


/*style='margin:5px;'><img class="block" src="/assets/images/menuseperator.gif"*/
div.myTopMenuSeparator{
	margin:4px;
	height:15px;width:2px;background:url(/assets/images/menuseperator.gif);
}


div.myTopMenuItem, div.myTopMenuItemUp{
	background-color:#F6F6F6;
	color:#0060A6;margin:2px;padding:2px;white-space:nowrap;
	font-size:9pt;
	width:184px;
	overflow:hidden;
	text-overflow: ellipsis;
	-o-text-overflow:ellipsis;

}
div.myTopMenuItemUp{background-color:#0060A6;color:#ffffff}

div.myTopMenuItemSelected1{font-weight:bold;color:#000000}


table.tblTopMenuDrop{font-family: Segoe UI,Tahoma,Arial,Verdana}
table.tblTopMenuDrop h3{border-bottom:1px solid #e3e3e3;margin:5px 5px 4px 5px;font-weight:bold;font-size:9pt;color:#4f4f4f;}

.topMenuCol0, .topMenuCol1, .topMenuCol2{border-right:1px solid #e3e3e3;padding:3px;margin:10 3 10 3;}
.topMenuCol2 {border-right:none}



#div2TopMenu_0{left:-15px;}
#div2TopMenu_1{left:-63px;}
#div2TopMenu_2{left:-126px;}
#div2TopMenu_3{left:-189px;}
#div2TopMenu_4{left:-252px;}
#div2TopMenu_5{left:-315px;}
#div2TopMenu_6{left:-378px;}
#div2TopMenu_7{left:-441px;}
#div2TopMenu_8{left:-504px;}
#div2TopMenu_9{left:-500px;}



textarea.mceEditor{width:665px}

/*.help_icon{
	display:inline-block;clear:none;width:16px;height:16px;
	vertical-align:0px;
	cursor:help;
	background:transparent url(/assets/images/d_help_icons.png) 0 -52px no-repeat;
}
.help_icon:hover{
	background-position:0 -78px;

}
*/


.help_icon{
	display:inline-block;clear:none;
	width:22px;height:22px;
	vertical-align:middle;
	margin:0px;
	cursor:help;
	background:transparent url(/assets/images/info_icon22b.png) 0px no-repeat;
	/*filter: alpha(opacity:50);opacity: 0.5;moz-opacity : 0.5; khtml-opacity : 0.5;*/
}
.help_icon:hover{
	filter: alpha(opacity:60);opacity: 0.6;moz-opacity : 0.6; khtml-opacity : 0.6;
}

.help_click{
	display:inline-block;clear:none;
	width:22px;height:22px;
	vertical-align:middle;
	margin:0px;
	cursor:pointer;
	background:transparent url(/assets/images/info_icon22b.png) 0px no-repeat;
}
.help_click:hover{
	filter: alpha(opacity:60);opacity: 0.6;moz-opacity : 0.6; khtml-opacity : 0.6;
}



.checkmarkIcon0, .checkmarkIcon1{
	display:inline-block;clear:none;width:16px;height:16px;
	/*vertical-align:-3px;*/
	
}
.checkmarkIcon0{background:transparent url(/assets/images/small_red_cross.png)}
.checkmarkIcon1{background:transparent url(/assets/images/small_green_check.png)}


.my-vertical-fade {
		display: block;
		background: url("/assets/images/vertical-fade.png") 0 0 repeat-y transparent;
		
		height: 100%;
		width: 20px;
		z-index: 3;
		position: absolute;
		right: 0;
		top: 0;
	}





#mostOuterTable{
	margin:0px auto;
	width:100%;
}


div.divOuterTable{
	background-color:#ffffff;
	border:solid #6b696b 1px;
	border-top:none;
	border-bottom:none;

    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); 
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); 
    box-shadow: 0 0 10px rgba(0,0,0,0.5); 

/*	border-radius:10px;	-webkit-border-radius:10px;	-moz-border-radius:10px;

	-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;
*/	
	overflow: hidden;


}

.tblOuterTable{
	background-color:#ffffff;
	border:solid #6b696b 1px;
	border-top:none;
	border-bottom:none;

/*    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); 
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); 
    box-shadow: 0 0 10px rgba(0,0,0,0.5); 
*/

/*	border-radius:10px;	-webkit-border-radius:10px;	-moz-border-radius:10px;

	-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;
*/	
	overflow: hidden;


}



.footer3 {
	height:48px;
    padding: 4px;

    background: #5c8dda; 
    background-image:url(/assets/images/tpl/bgprefooter-w.png);
    background-repeat:repeat-x;
	background-size: auto 44px;

    /*height: 34px;*/
    /*width: 968px;*/
    margin: 0px;
    color: white;
    font-size: 8pt;
    text-align: center;
    line-height: 18px;
	white-space:normal;


/*
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); 
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); 
    box-shadow: 0 0 10px rgba(0,0,0,0.5); 
*/

	border:solid #254ca7 1px;
	border-top:none;
	border-bottom:none;

	overflow: hidden;
}



.footer4 {
	height:48px/*32px*/;
    padding: 4px;

    background: #5c8dda; 
    background-image:url(/assets/images/tpl/bgfooter-w.png);
    background-repeat: no-repeat;
	background-size: 100% 44px;

    /*height: 34px;*/
    /*width: 968px;*/
    margin: 0px;

/*    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); 
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); 
    box-shadow: 0 0 10px rgba(0,0,0,0.5); 

	border:solid #254ca7 1px;
	border-bottom-left-radius:10px;		-webkit-border-bottom-left-radius:10px;		-moz-border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;	-webkit-border-bottom-right-radius:10px;	-moz-border-bottom-right-radius:10px;
*/


/*	-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;*/
	
/*	overflow: hidden;*/

	border-top:none;

    line-height: 18px;
    text-align: center;

	overflow: hidden;

}

/*.footer4 div{max-width:663px;}*/



.footer3, .footer4, .footer4 a{
    color: white;
    font-size: 10pt;
    font-family: Arial,Verdana, sans-serif;
}
.footer3 p{}



.header2 {
	height:36px;/*16px*/;
    padding: 4px 8px;

    background: #5c8dda; 
    background-repeat: no-repeat;
	background-size: 100% 24px;

    margin-top: 0px;


	
	border-bottom:none;

    line-height: 27px;
    text-align: center;

}

.header2, .header2 a{
    color: white;
    font-size: 10pt;
    font-family: Arial,Verdana,sans-serif;
}


.leftimg{
    float:left; 
    margin: 7px 7px 7px 0;
}

.rightimg{
    float: right; 
    margin: 7px 0 7px 7px; 
}
.text{ /*default text block with default paddings*/
	margin: 4px;
}
.inputLikeBox{
	border:solid #999999 1px;
	padding:2px;
}

.inputLikeBoxTextarea{
	font-family:monospace;
	font-size:10pt;
	overflow:auto;
	white-space:normal;
}



/*Blue buttons - Page Template*/
div.blueBtn{
	display:inline-block;
	border:none;
	text-align:center;
	width:97px;
	height:34px;
	line-height:30px;
	background-color:#FFFFFF;
	background-image:url(/assets/images/btn/crm_web_button3.png);
	margin:4px 2px;
	font-size:10pt;
	font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif;
	color:#FFFFFF;
	cursor:pointer;
}

div.blueBtn:hover{
	filter: alpha(opacity:70);opacity: 0.7;moz-opacity : 0.7; khtml-opacity : 0.7;
}

div.blueButtons{
	Xdisplay:float;
	Xmargin:0px auto;
	text-align:center;
	width:671px;
}	



table.page_2colTbl{
	table-layout:fixed;
/*	width:1071px;*/
	width:auto;
	max-width:1471px;

	border-collapse:separate;
	border-spacing:0px;
}
.page_col1a{width:0px;}
.page_col1{width:200px}
.page_col2{width:671px;min-width:671px;max-width:671px;}
.page_col3{width:200px}
.page_col3a{width:0px;}


/*body.myTplWide table.page_2colTbl{width:1471px;Xborder:solid gold 1px}
body.myTplWide .pagecol_col1a{width:200px;}
body.myTplWide .pagecol_col3a{width:200px;}
*/



td.page_col1, td.page_col1a{
	padding-top:12px;
	overflow:hidden;
}

td.page_col2{
	padding-top:12px;
	overflow:hidden;
}

td.page_col3, td.page_col3a{
	padding-top:12px;
	overflow:hidden;
}



/*wide template*/
div.ResTplContent{
	padding-top:12px;
}




.ProgressBar{
	border:solid black 1px;
	width:100%;
	text-align:left;
	position:relative;
}
.ProgressBar .bar{
	width: 0%; height: 18px;    
	background:#09F;
}

.ProgressBar .indicator{
	position:absolute;left:0px;right:0px;text-align:center;
}


a.popupHomeLink{
	display: inline-block;
	borderX:solid red 1px;
	width:14px;
	height:14px;
	background-image:url(/assets/images/home14.png);
	margin-right:0px;
}


.cut{
	display:inline-block;
	overflow:hidden;
	text-overflow: ellipsis;
	-o-text-overflow:ellipsis;
	padding-right:0px;
	width:100%;
	white-space:nowrap;
	xvertical-align:middle;
	}


	/*

div.TitleRow2,
tr.trTitleRow td{
	font-size:14pt;
	font-family: Salvo Sans Light, arial;
	padding:0px 0px 8px 0px;font-weight:normal;text-align:left;
}


.TitleRow .toright,
.TitleRow2 .toright{
	font-size:10pt;
	font-family: Arial,Helvetica,Sans-serif,sans-serif; 
}
*/



/* WebType Fonts */
@font-face {
  font-family: "NickMom Text A Front";
  src: url("/assets/font/NickMom-Text-A-Front/b555e8f9-1658-4276-9c77-61f5a76f6f2c-2.eot");
  src: url("/assets/font/NickMom-Text-A-Front/b555e8f9-1658-4276-9c77-61f5a76f6f2c-2.eot?") format("embedded-opentype"), url("/assets/font/NickMom-Text-A-Front/b555e8f9-1658-4276-9c77-61f5a76f6f2c-3.woff") format("woff"), url("/assets/font/NickMom-Text-A-Front/b555e8f9-1658-4276-9c77-61f5a76f6f2c-1.ttf") format("truetype"), url("/assets/font/NickMom-Text-A-Front/b555e8f9-1658-4276-9c77-61f5a76f6f2c-4.svg") format("svg");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "NickMom Tune In A Front";
  src: url("/assets/font/NickMom-Tune-In-A-Front/3a92c5f0-00b5-4452-94e1-4c025209d1c6-2.eot");
  src: url("/assets/font/NickMom-Tune-In-A-Front/3a92c5f0-00b5-4452-94e1-4c025209d1c6-2.eot?") format("embedded-opentype"), url("/assets/font/NickMom-Tune-In-A-Front/3a92c5f0-00b5-4452-94e1-4c025209d1c6-3.woff") format("woff"), url("/assets/font/NickMom-Tune-In-A-Front/3a92c5f0-00b5-4452-94e1-4c025209d1c6-1.ttf") format("truetype"), url("/assets/font/NickMom-Tune-In-A-Front/3a92c5f0-00b5-4452-94e1-4c025209d1c6-4.svg") format("svg");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "Salvo Sans Light";
  src: url("/assets/font/Salvo-Sans-Light/d8a90db0-e06d-43ba-8213-a4e60ed76417-2.eot");
  src: url("/assets/font/Salvo-Sans-Light/d8a90db0-e06d-43ba-8213-a4e60ed76417-2.eot?") format("embedded-opentype"), url("/assets/font/Salvo-Sans-Light/d8a90db0-e06d-43ba-8213-a4e60ed76417-3.woff") format("woff"), url("/assets/font/Salvo-Sans-Light/d8a90db0-e06d-43ba-8213-a4e60ed76417-1.ttf") format("truetype"), url("/assets/font/Salvo-Sans-Light/d8a90db0-e06d-43ba-8213-a4e60ed76417-4.svg") format("svg");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "Salvo Sans Medium";
  src: url("/assets/font/Salvo-Sans-Medium/7ff7b4e6-b3bd-4953-b148-28d7061eec00-2.eot");
  src: url("/assets/font/Salvo-Sans-Medium/7ff7b4e6-b3bd-4953-b148-28d7061eec00-2.eot?") format("embedded-opentype"), url("/assets/font/Salvo-Sans-Medium/7ff7b4e6-b3bd-4953-b148-28d7061eec00-3.woff") format("woff"), url("/assets/font/Salvo-Sans-Medium/7ff7b4e6-b3bd-4953-b148-28d7061eec00-1.ttf") format("truetype"), url("/assets/font/Salvo-Sans-Medium/7ff7b4e6-b3bd-4953-b148-28d7061eec00-4.svg") format("svg");
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: "Salvo Sans Regular";
  src: url("/assets/font/Salvo-Sans-Regular/fb168056-a3a1-4193-b8a1-8ea75b933850-2.eot");
  src: url("/assets/font/Salvo-Sans-Regular/fb168056-a3a1-4193-b8a1-8ea75b933850-2.eot?") format("embedded-opentype"), url("/assets/font/Salvo-Sans-Regular/fb168056-a3a1-4193-b8a1-8ea75b933850-3.woff") format("woff"), url("/assets/font/Salvo-Sans-Regular/fb168056-a3a1-4193-b8a1-8ea75b933850-1.ttf") format("truetype"), url("/assets/font/Salvo-Sans-Regular/fb168056-a3a1-4193-b8a1-8ea75b933850-4.svg") format("svg");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "Salvo Sans Bold";
  src: url("/assets/font/Salvo-Sans-Bold/b61ae091-ddc2-4f02-ba69-94531004183e-2.eot");
  src: url("/assets/font/Salvo-Sans-Bold/b61ae091-ddc2-4f02-ba69-94531004183e-2.eot?") format("embedded-opentype"), url("/assets/font/Salvo-Sans-Bold/b61ae091-ddc2-4f02-ba69-94531004183e-3.woff") format("woff"), url("/assets/font/Salvo-Sans-Bold/b61ae091-ddc2-4f02-ba69-94531004183e-1.ttf") format("truetype"), url("/assets/font/Salvo-Sans-Bold/b61ae091-ddc2-4f02-ba69-94531004183e-4.svg") format("svg");
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: "Salvo Sans Black";
  src: url("/assets/font/Salvo-Sans-Black/b9cd5e14-f970-499f-ab18-e2639304ec18-2.eot");
  src: url("/assets/font/Salvo-Sans-Black/b9cd5e14-f970-499f-ab18-e2639304ec18-2.eot?") format("embedded-opentype"), url("/assets/font/Salvo-Sans-Black/b9cd5e14-f970-499f-ab18-e2639304ec18-3.woff") format("woff"), url("/assets/font/Salvo-Sans-Black/b9cd5e14-f970-499f-ab18-e2639304ec18-1.ttf") format("truetype"), url("/assets/font/Salvo-Sans-Black/b9cd5e14-f970-499f-ab18-e2639304ec18-4.svg") format("svg");
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: "Salvo Serif Light";
  src: url("/assets/font/Salvo-Serif-Light/1242c7a0-063d-41d8-87ad-eb3d70524ff4-2.eot");
  src: url("/assets/font/Salvo-Serif-Light/1242c7a0-063d-41d8-87ad-eb3d70524ff4-2.eot?") format("embedded-opentype"), url("/assets/font/Salvo-Serif-Light/1242c7a0-063d-41d8-87ad-eb3d70524ff4-3.woff") format("woff"), url("/assets/font/Salvo-Serif-Light/1242c7a0-063d-41d8-87ad-eb3d70524ff4-1.ttf") format("truetype"), url("/assets/font/Salvo-Serif-Light/1242c7a0-063d-41d8-87ad-eb3d70524ff4-4.svg") format("svg");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "Salvo Serif Medium";
  src: url("/assets/font/Salvo-Serif-Medium/cf6c5816-b264-456e-a1f9-6920bcee67fa-2.eot");
  src: url("/assets/font/Salvo-Serif-Medium/cf6c5816-b264-456e-a1f9-6920bcee67fa-2.eot?") format("embedded-opentype"), url("/assets/font/Salvo-Serif-Medium/cf6c5816-b264-456e-a1f9-6920bcee67fa-3.woff") format("woff"), url("/assets/font/Salvo-Serif-Medium/cf6c5816-b264-456e-a1f9-6920bcee67fa-1.ttf") format("truetype"), url("/assets/font/Salvo-Serif-Medium/cf6c5816-b264-456e-a1f9-6920bcee67fa-4.svg") format("svg");
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: "Salvo Serif Regular";
  src: url("/assets/font/Salvo-Serif-Regular/7f24be80-3c25-4d99-81be-6390032b055c-2.eot");
  src: url("/assets/font/Salvo-Serif-Regular/7f24be80-3c25-4d99-81be-6390032b055c-2.eot?") format("embedded-opentype"), url("/assets/font/Salvo-Serif-Regular/7f24be80-3c25-4d99-81be-6390032b055c-3.woff") format("woff"), url("/assets/font/Salvo-Serif-Regular/7f24be80-3c25-4d99-81be-6390032b055c-1.ttf") format("truetype"), url("/assets/font/Salvo-Serif-Regular/7f24be80-3c25-4d99-81be-6390032b055c-4.svg") format("svg");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "Salvo Serif Bold";
  src: url("/assets/font/Salvo-Serif-Bold/0870100b-619c-4997-82d6-2fc1b717bde3-2.eot");
  src: url("/assets/font/Salvo-Serif-Bold/0870100b-619c-4997-82d6-2fc1b717bde3-2.eot?") format("embedded-opentype"), url("/assets/font/Salvo-Serif-Bold/0870100b-619c-4997-82d6-2fc1b717bde3-3.woff") format("woff"), url("/assets/font/Salvo-Serif-Bold/0870100b-619c-4997-82d6-2fc1b717bde3-1.ttf") format("truetype"), url("/assets/font/Salvo-Serif-Bold/0870100b-619c-4997-82d6-2fc1b717bde3-4.svg") format("svg");
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: "Salvo Serif Black";
  src: url("/assets/font/Salvo-Serif-Black/23cc4b35-d3ee-4140-90c8-6d6642ab6621-2.eot");
  src: url("/assets/font/Salvo-Serif-Black/23cc4b35-d3ee-4140-90c8-6d6642ab6621-2.eot?") format("embedded-opentype"), url("/assets/font/Salvo-Serif-Black/23cc4b35-d3ee-4140-90c8-6d6642ab6621-3.woff") format("woff"), url("/assets/font/Salvo-Serif-Black/23cc4b35-d3ee-4140-90c8-6d6642ab6621-1.ttf") format("truetype"), url("/assets/font/Salvo-Serif-Black/23cc4b35-d3ee-4140-90c8-6d6642ab6621-4.svg") format("svg");
  font-style: normal;
  font-weight: normal;
}

/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/*
.clearfix { display: inline-block; }
.clearfix { display: block; }
* html .clearfix { height: 1%; }
*/


/*use for grid hover*/
.gridHover, .gridHover TD { background-color: #ddd; }




/*filetypes*/
.FileIcon{
	display:inline-block;
	vertical-align:middle;
	xborder:solid red 1px;
	height:22px;width:22px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-image:url(../assets/images/icons/file-type-default.png);
	background-size:contain;
}

.FileIcon.icon_doc,
.FileIcon.icon_docx{background-image:url(../assets/images/icons/file-type-doc.png)}
.FileIcon.icon_xls,
.FileIcon.icon_xlx{background-image:url(../assets/images/icons/file-type-xls.png)}
.FileIcon.icon_pdf{background-image:url(../assets/images/icons/file-type-pdf.png)}
.FileIcon.icon_rar,
.FileIcon.icon_zip{background-image:url(../assets/images/icons/file-type-zip.png)}
.FileIcon.icon_txt{background-image:url(../assets/images/icons/file-type-txt.png)}
.FileIcon.icon_jpg,
.FileIcon.icon_gif,
.FileIcon.icon_png{background-image:url(../assets/images/icons/file-type-img.png)}

.DocIcon{
	display:inline-block;
	vertical-align:middle;
	xborder:solid red 1px;
	height:22px;width:22px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-image:url(../assets/images/icons/doc16x16.png);
	background-size:contain;
}
input[type=checkbox].cbIconSize{
	margin:0px;
}




/*fixed tables*/
.tblFixed{
	table-layout:fixed;
	width:auto;
}
.tblFixed td{
	overflow:hidden;
	text-overflow: ellipsis;
	-o-text-overflow:ellipsis;
}
.tblFixed input[type=checkbox]{vertical-align:middle;}
.w100{width:100%;max-width:100%}



input.autoNumeric.money{
	text-align:right;
}
input.autoNumeric.number{
	text-align:right;
}

/*top menu*/
table.topMenuTable{visibility:visible!important}

/*search box*/
.search-box{
	xborder:solid red 1px;
	position:relative;top:0px;left:0px;
	height:22px;
	width:100%;
}
.search-box .input-bar{
    display:block;
	xborder:solid green 1px;
	position:absolute;
	top:0px;bottom:0px;left:0px;right:22px;	
	height:auto;
}
.search-box .input-bar input{
	height:100%;
	width:100%;
	border:solid #ababab 1px;
}

.search-box .input-bar input:focus{
	outline: none;
	background-color:#BFE9FF;
}

.search-box button{
	border:solid #ababab 1px;
	border-left:none;
	position:absolute;
	top:0px;bottom:0px;right:0px;width:22px;	    
	line-height:22px;

    background:#F3F3F3;
    cursor: pointer;


	/*
	-webkit-border-top-right-radius: 3px;	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;	border-bottom-right-radius: 3px;
	*/



}

.search-box .button-content{
	display:block;
	/*background:no-repeat url(/assets/images/icons/yt.png) -27px -399px;*/
	background:no-repeat url(/assets/images/search.png) 0px 0px;
	Xbackground-color:red;
	position:absolute;top:4px;left:4px;
	background-size:auto;
	width:13px;height:13px;

	filter: alpha(opacity:60);opacity: 0.5;moz-opacity : 0.5; khtml-opacity : 0.5;
}

.search-box button:hover{
    background:#e8e8e8;
}
.search-box button:hover .button-content{
	filter: alpha(opacity:100);opacity: 1.0;moz-opacity : 1.0; khtml-opacity : 1.0;
}


/*new template*/


.profile-img-wrapper{
	width:65px;
	height:65px;
	border-radius:50%;
	overflow:hidden;
}

.card-header.text-white a{
	color:#fff;
}


/*2020*/
.form-group label{
}


/*layout boxes must duplicate bootstrap columns*/
body .boxHolder{
/*
	letter-spacing:-0.3em; 
	text-align:left;
*/
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;

  margin-bottom: -1rem;

}


div.box_1_1, div.box_1_2, div.box_2_2, div.box_1_3, div.box_2_3, div.box_3_3, div.box_1_4,div.box_2_4, div.box_3_4, div.box_4_4, div.box_1_6, div.box_1_8 {

  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;

  margin-bottom: 1rem;

}

div.box_1_1,
div.box_2_2,
div.box_3_3,
div.box_4_4 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

div.box_1_2, 
div.box_2_4 {  
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
{width:100%;}

div.box_1_3{
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
div.box_2_3{width:66.666%;}


div.box_1_4{
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

div.box_3_4{
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
{width:100%;}

div.box_1_6{
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
div.box_1_8{
  -ms-flex: 0 0 12.5%;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}


@media (max-width: 768px) {
	div.box_1_1, div.box_1_2, div.box_2_2, div.box_1_3, div.box_2_3, div.box_3_3, div.box_1_4,div.box_2_4, div.box_3_4, div.box_4_4, div.box_1_6, div.box_1_8{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
	}
}


div.box_type_header{
	padding:0px;
	width:100%;
	
}
div.box_type_header .ListHeaders{
	background-color:#F8AC59;
	color:white;
	font-weight:bold;
	font-size:1rem;
	margin:0px -4px;
	padding:10px 18px;
}


.login_video{
	xborder:solid red 2px;

	left: 0;
    top: 0;
    z-index: 0;
    width: auto;
    height: auto;
    display: block;
    min-height: 100vh;
    min-width: 100%;
    position: absolute;
    x-webkit-filter: brightness(0.5);
    xfilter: brightness(0.5);
    xopacity:0.8;
}


.login_bg_img{
	xborder:solid red 5px;
	width:100%;
	left: 0;
    top: 0;
    z-index: 0;
    width: auto;
    height: auto;
    display: block;
    min-height: 100vh;
    min-width: 100%;
    position: absolute;
    
    background-size:cover;
	background-color:#fff;
}



.loginColumns{
	color:#fff;

}

.loginColumns .ibox-content{
	background-color:rgba(255,255,255,0.2);
	border:none;
	border-radius: 20px;
}

.nav-pills-small .nav-link{
	padding: 7px 6px 7px 6px;
}


