*, *::before, *::after {
    box-sizing: content-box !important;
}

.MuiGrid-root
{
	box-sizing: border-box !important;
}

.selectRightBorderStyle {
	background-image: url(/css/images/common_images/1px.png);
	background-position: right;
	height: 18px;
	overflow: hidden;
	width: 2px;
	margin-left: 138px;
}

.disabledButtonDivStyle {
	float: left;
	background:
		url(/css/images/disabled_buttons/button_disabled_center.png)
		repeat-x;
	font: normal 13px; /*Arial, Helvetica, sans-serif;*/
	color: #FFFFFF;
	margin: 0 1px 0 0;
	padding: 0;
	height: 21px;
	cursor: pointer;
	margin-right: 10px;
}

.blueButtonDivStyle {
	float: left;
	background: url(/css/images/blue_buttons/Blue_Center.png) repeat-x;
	font: normal 13px; /*Arial, Helvetica, sans-serif;*/
	color: #FFFFFF;
	margin: 0 1px 0 0;
	padding: 0;
	height: 21px;
	cursor: pointer;
	margin-right: 10px;
}

.redButtonDivStyle {
	float: left;
	background: url(/css/images/red_buttons/Red_Center.png) repeat-x;
	font: normal 13px; /*Arial, Helvetica, sans-serif;*/
	color: #FFFFFF;
	margin: 0 1px 0 0;
	padding: 0;
	height: 21px;
	cursor: pointer;
	margin-right: 10px;
}



input[type="text"].styledtextbox {
	width: 250px;
	padding: 3px;
	border: 1px solid #cccccc;
	margin-bottom: 4px;
	background-position: bottom right;
	background-repeat: no-repeat;
}

input[type="text"].styledtextboxRED {
	width: 150px;
	padding: 3px;
	border: 1px solid #A90404;
	margin-bottom: 4px;
	background-position: bottom right;
	background-repeat: no-repeat;
}

a {
	color: #055dae;
	text-decoration: none;
}

a.disabled {
	color: grey;
	pointer-events: none;
	cursor: default;
}

a:HOVER.disabled {
	color: grey;
	pointer-events: none;
	cursor: default;
}

input[disabled='disabled'] {
	color: grey;
	pointer-events: none;
	cursor: default;
}

a:HOVER {
	color: #0088ce;
	text-decoration: none;
}

a.moreLinkStyle {
	pointer-events: none;
	cursor: default;
	text-decoration: underline;
}

a:HOVER.moreLinkStyle {
	pointer-events: none;
	cursor: default;
	text-decoration: underline;
}

p {
	font: normal 11px; /* Arial, Helvetica, sans-serif;*/
	margin-bottom: 20px;
	padding: 0;
}

.gridActionLinksStyle {
	float: left;
	/*padding-right: 10px;*/
}

.workflowTbl {
	width: 100%;
	margin: 0 0 0 -13px;
	padding: 0;
}

.modelImgTbl {
	width: 100%;
	margin: 0;
	padding: 0;
}

.ancDividerStyle {
	
}

.brandFilterDropDownStyle {
	margin-left: -5px;
}

.topTdStyle {
	vertical-align: top;
	margin: 0;
	padding: 0px;
}

.pageHeaderOuterDivStyle
 {
	margin-top:20px;
}

.brandDivStyle {
	float: right;
	margin-bottom: 7px;
}

.pageHeaderStyle {
	border-bottom-style: solid;
	height: 20px;
	border:none;
	/*margin-left: -7px;*/
	margin-bottom: 7px;
}

.pageHeaderLeftContentStyle {
	position: absolute;
	color: #4C4C44;
	font-weight: bold;
	font-size: 15px;
	width: 60%;
	/*margin-top: 4px;*/
}

a.headerAncStyle:HOVER {
	font-weight: bold;
	font-size: 15px;
	color: #a90404;
	text-decoration: none;
}

.headerAncStyle {
	color: #055dae;
	font-weight: bold;
	font-size: 15px;
	text-decoration: underline;
}

.pageHeaderRightLinkStyle {
	float: right;
	/*margin-top: 8px;*/
}

.contacterror {
	color: #A90404;
	text-align: left;
}

.contacterrorPopup {
	text-align: left;
	position: absolute;
	background: #fff;
	color: #f00;
	border: 2px solid #FFD100;
	padding: 2px 10px;
	z-index: 999;
	left: 0px;
	margin: -55px 10px 0;
	display: none;
}

.contacterrorPopup:after,.contacterrorPopup:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.contacterrorPopup:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #fff;
	border-width: 5px;
	left: 10%;
	margin-left: -5px;
}

.contacterrorPopup:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #FFD100;
	border-width: 9px;
	left: 10%;
	margin-left: -9px;
}

.contactvalid {
	color: #00FF00;
	text-align: left;
}

.footerStyle {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.footerBorder {
	background: -moz-linear-gradient(center top, #FFFFFF 0%, #F3F4F5 100%)
		repeat scroll 0 0 transparent;
	padding: 0 30px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

.lefttd {
	font: bold 11px; /*Arial, Helvetica, sans-serif;*/
	text-align: right;
	padding-right: 10px;
	width: 50%;
	vertical-align: top;
}

.righttd {
	font: normal 11px; /* Arial, Helvetica, sans-serif;*/
	text-align: left;
	line-height: 20px;
	width: 50%;
	vertical-align: top;
}

.lefttd1 {
	padding-right: 10px;
	vertical-align: top;
	width: 150px;
}

.righttd1 {
	line-height: 20px;
	vertical-align: top;
}

.leftCarouselalign {
	width: 79.75%;
	float: left;
	height: 100%;
}

.carouselalign {
	padding-top: 10px;
	font: normal 11px; /* Arial, Helvetica, sans-serif;*/
	text-align: center;
	word-wrap: break-word;
	padding-right: 0px;
	float: right;
	vertical-align: middle;
	width: 20%;
	
}

.borderbottom {
	border-bottom: solid 1px #c6c6c6;
	width: 100%;
	padding-top: 2px;
	padding-bottom: 5px;
	margin-bottom: 0px;
}

.carouselContent {
	border: solid 1px #c6c6c6;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	cursor: pointer;
	background-color: #D8D8D8;
	text-align: left;
	width: 100px;
	height: 100px;
	font-weight: bold;
}

.carouselContentSelected {
	/*background-color: #00A2E8;
	color: #FFFFFF !important; */
}

.gridtitlediv {
	padding-bottom: 5px;
	padding-left: 2px;
}

.textstyle_bold {
	font-weight: bold;
}

.textstyle_normal {
	
}

.textstyle_expired {
	color: white;
	background-color: #ED2E38;
	font-weight: bold;
	padding: 2px;
}

.textstyle_warning {
	color: white;
	background-color: #E0AA0F;
	font-weight: bold;
	padding: 2px;
}

.promptStyleText {
	color: #D7D6D6;
	width: 150px;
	padding: 3px;
	border: 1px solid #cccccc;
	margin-bottom: 4px;
	background-position: bottom right;
	background-repeat: no-repeat;
}

.promptStyleTextArea {
	color: #D7D6D6;
	width: 300px;
	height: 100px;
	border: 1px solid #cccccc;
	padding: 5px;
	margin-bottom: 4px;
	background-position: bottom right;
	background-repeat: no-repeat;
}

.headerStyle {
	font-weight: bold;
	font-size: 15px;
}

.subHeadingStyle {
	font-weight: bold;
	font-size: 13px;
}

.headerLinkStyle {
	/*style="text-align: right; display: inline; float:right; color:#000; padding-right:30px;"*/
	text-align: right;
	padding-left: 20px;
	clear: both;
	float: right;
	margin-bottom:10px;
}

.gridHeaderStyle {
	font-weight: bold;
	font-size: 13px;
}

.centerAlignStyle {
	text-align: center;
}

.fullWidthStyle {
	width: 100%;
	margin: 0;
	padding: 0;
	margin-top:0px;
}

.mainDiv {
	margin: 0;
	clear: both;
	min-height: 540px;
	margin-left: -7px;
	position: relative;
}

.testDiv {
	margin: 0;
	clear: both;
}

.formDiv { /*margin-left: -9px;*/
	
}

.gridLabelDiv {
	border-style: solid;
	border-color: #aaaaaa;
	border-width: 1px;
	padding: 10px;
}

.spacer {
	clear: both;
	height: 1;
}

.smallfont {
	color: #a90404;
	font-size: 10px;
}

.horizontalLineDivStyle {
	/*background: url("/css/images/common_images/grey_dip_dotted.png")
		repeat-x 0 0;
	background:#fff;*/
	height: 1px;
	margin: 1px 0;
	width: 230px;
}

.horizontalLineAccountDivStyle 
{
	/*background: url("/css/images/common_images/grey_dip_dotted.png")
		repeat-x 0 0;
	background:#fff;*/
	height: 1px;
	margin: 1px 0;
	width: 340px;
}

.verticalLineDivStyle {
	margin: 20px 0;
	margin-right: 30px;
	height: 100%;
	background: url("/css/images/common_images/grey_dip_solid.png")	repeat-y;
}

.verticalLineDivStyleViewLicense {
	margin-top: 10px;
	margin-right: 30px;
	height: 100%;
	background: url("/css/images/common_images/grey_dip_solid.png")
		repeat-y;
}

.workflowStyleSelected {
	float: left;
	background:
		url(/css/images/workflow_images/workflow_active_stretch.jpg)
		repeat-x;
	font: normal 11px; /* Arial, Helvetica, sans-serif;*/
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	height: 30px;
	/*cursor:pointer;*/
}

.workflowStyleNormal {
	float: left;
	background:
		url(/css/images/workflow_images/workflow_normal_stretch.jpg)
		repeat-x;
	font: normal 11px; /* Arial, Helvetica, sans-serif;*/
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	height: 30px;
	/*cursor:pointer;*/
}

.workflowSelectedTestStyle {
	font: normal 11px; /* Arial, Helvetica, sans-serif;*/
	color: #646464;
}

.workflowNormalTestStyle {
	font: normal 11px; /* Arial, Helvetica, sans-serif;*/
	color: #FFFFFF;
}

.checkbox,.radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	display: block;
	clear: left;
	float: left;
}

.radio {
	
}

.selectStyle {
	position: absolute;
	width: 158px;
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px; /* arial, sans-serif;*/
	overflow: hidden;
}

select {
	
}

.expiredStyle {
	background: url(/css/images/common_images/expired_bg_center.png)
		repeat-x;
	font: normal 13px; /* Arial, Helvetica, sans-serif;*/
	color: #FFFFFF;
	height: 15px;
	display: inline float:left;
	padding: 0;
	height: 15px;
}

.hideElement {
	display: none;
}

.currentLinkStyle {
	color: #F0B30D;;
	font-weight: bold;
}

.footerBorderStyle {
	border-bottom: solid 1px #c6c6c6;
	padding: 0;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.footerstyle {
	/*background: url("/css/images/common_images/Footer_slice.png") repeat-x scroll 0 0 transparent;
    background-color : #ffffff;*/
	height: 15px;
	padding: 10px 0 30px 0;
	/*background: url("/images/theme_tridium/page_border_left.png");
	margin-right: 10px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-top: 10px;
	*/
	background-position: left;
	background-repeat: repeat-y;
}

.select {
	position: absolute;
	padding: 3px 24px 0 8px;
	background: url(/css/images/common_images/dropdownBG.png) no-repeat;
	overflow: hidden;
	width: 83px;
	/* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
}

.styled {
	opacity: 0;
	position: relative;
	width: 82px;
	z-index: 5;
}

.floatingHeaderStyle {
	z-index: 1;
	background: #ffffff;
	/*	background:
		url("/css/images/floatingButtons/floating_bar_bg_gradient.png")*/
	repeat-x scroll 0 0 transparent;
	height: 42px;
	/*border:1px solid #e6e6e6;*/
	margin-bottom: 10px;
}

.right {
	float: right;
	padding: 5px 0 5px 5px;
}

.activeCol {
	background-color: #BBE;
	border-bottom: 1px solid #DDDDDD;
	color: #000000;
	cursor: default;
	font: 11px; /* Arial, Helvetica, sans-serif;*/
	padding: 10px;
}

.inactiveCol {
	background: #C8C6C6;
	border-bottom: 1px solid #C8C6C6;
	color: #000000;
	cursor: default;
	font: 11px; /* Arial, Helvetica, sans-serif;*/
	padding: 10px;
}

div.brandListStyle {
	overflow: auto;
	border: 1px solid #cccccc;
	width: 263px;
	height: 100px;
	padding: 5px;
}

div.tipBrandListStyle {
	overflow: auto;
	border: 1px solid #cccccc;
	width: 245px;
	height: 100px;
	padding: 5px;
}

input.productCodeStyle {
	width: 245px;
}

input.productDescStyle {
	width: 250px;
	height: 50px;
}

.greyInfoStyle {
	cursor: default;
	font-style: italic;
	font-size: 10px;
}
/********************************/
/**TEXT BOX HIGHLIGHT STYLE START**********/
.inputboxDivStyle_Highlight {
	background: url(/css/images/theme_1/textbox_200_highlight.gif)
		no-repeat;
	height: 24px;
	width: 200px;
	margin-left: 22px;
}

.collapseAllButton {
	float: right;
	background:
		url(/css/images/common_images/expand_collapse_center.png) repeat-x;
	font: normal 11px; /* Arial, Helvetica, sans-serif;*/
	margin: 0 1px 0 0;
	padding: 0;
	height: 17px;
	cursor: pointer;
	margin-left: 20px;
}

.expandAllButton {
	
}

.expand_collapseBtsStyle {
	color: #055dae;
	font-weight: bold;
}
/**TEXT BOX HIGHLIGHT STYLE END**********/
/********************************/

/********************************/
/**TEXT BOX NORMAL STYLE START**********/
.inputboxDivStyle {
	background: url(/css/images/theme_1/textbox_200_normal.gif)
		no-repeat;
	height: 24px;
	width: 200px;
	margin-left: 22px;
}

.inputboxDivStyle input[type='text'] {
	float: left;
	/*font-family: Arial, Sans-Serif;*/
	width: 183px;
	border: none;
	margin-top: 3px;
}
/**TEXT BOX NORMAL STYLE END**********/
/*********************************/

/***********************************************************************************/
/*********** TITLE BAR STYLE START *************************************************/
.titlebarstyle {
	background: url(/css/images/theme_1/titlebar_center.jpg) repeat-x;
	height: 49px;
	width: 100%;
	/*margin:0 0 16px 0;*/
	padding: 0;
	float: left;
}

.titlebarstyle .titlebar_left {
	background: url(/css/images/theme_1/titlebar_left.jpg) left
		no-repeat;
	height: 42px;
	float: left;
	margin: 0;
	padding: 0;
}

.titlebarstyle .titlebar_right {
	background: url(/css/images/theme_1/titlebar_right.jpg) right
		no-repeat;
	height: 42px;
	float: right;
	margin: 0;
	padding: 0;
}

.titlebar_left a {
	font-size: 15px !important;
}

.titlebar_left .titletext {
	font: bold 14px; /* Arial, Helvetica, sans-serif;*/
	color: #303030;
	padding: 10px;
}

.titlebar_right .linksright {
	font: normal 12px; /* Arial, Helvetica, sans-serif;*/
	color: #055dae;
	padding: 10px;
}

.titlebar_right .linksright a {
	color: #055dae;
	text-decoration: none;
}

.titlebar_right .linksright a:hover {
	color: #a90404;
	text-decoration: underline;
}
/*********** TITLE BAR STYLE END ******************************************************/
/**************************************************************************************/

/***********************************************************************************/
/*********** RIGHT PANEL TITlE STYLE START *************************************************/
.rightPanelstyle_menu {
	background:
		url(/css/images/theme_1/newImages/rightpaneltitlebar_stretch.gif)
		repeat-x;
	height: 30px;
	width: 220px;
	margin: 0;
	padding: 0;
	float: left;
}

.rightPanelstyle_menu .rightPanel_left {
	background:
		url(/css/images/theme_1/newImages/rightpaneltitlebar_left.gif)
		left no-repeat;
	height: 30px;
	float: left;
	margin: 0;
	padding: 0;
}

.rightPanelstyle_menu .rightPanel_right {
	background:
		url(/css/images/theme_1/newImages/rightpaneltitlebar_right.gif)
		right no-repeat;
	height: 30px;
	float: right;
	margin: 0;
	padding: 0;
}

.rightPanel_left .titletext {
	font: bold 12px; /* Arial, Helvetica, sans-serif;*/
	color: #FFFFFF;
	padding: 7px 10px 10px 10px;
}

.rightPanel_right .linksright {
	font: normal 12px; /* Arial, Helvetica, sans-serif;*/
	color: #055dae;
	padding: 10px;
}

.rightPanel_right .linksright a {
	color: #055dae;
	text-decoration: none;
}

.rightPanel_right .linksright a:hover {
	color: #a90404;
	text-decoration: underline;
}
/*********** RIGHT PANEL TITLE STYLE END ******************************************************/
/**************************************************************************************/

/**************************************************************************************/
/***********start of roundedcornerbox style********************************************/
.roundedcornerbox_rightPanel {
	margin: 0 0 10px 0;
	padding: 0;
	background: #ffffff;
	width: 220px;
}

.boxcontent_rightPanel {
	width: 180px;
	margin: auto;
	padding: 10px;
}

/*.roundedcornerbox  .title { font: bold 13px Arial, Helvetica, sans-serif;               text-align: center;            color: white; margin: 4px; border: 1px dashed white; background: #014497;}

.roundedcornerbox  .title a {color: white;}

.boxcontent ul { margin: 0 0 0 15px; text-align: left; padding: 0;}*/
.boxcontent_rightPanel p,.boxcontent_rightPanel ul li,.box1content_rightPanel p,.box1content_rightPanel ul li
	{
	font: normal 11px/150%; /* Arial, Helvetica, sans-serif;*/
	color: #055dae;
	margin: 0 0 2px 0;
}

.boxcontent_rightPanel a {
	color: #055dae;
	text-decoration: none;
}

.boxcontent_rightPanel a:hover {
	color: #a90404;
	text-decoration: none;
}

/* ---=== border code follows ===--- */

/*

                tlc = top left corner

                trc = top right corner

                blc = bottom left corner

                brc = bottom right corner

                lb = left border

                rb = right border

                tb = top border

                bb = bottom border 

*/
.tlc_rightPanel,.trc_rightPanel,.blc_rightPanel,.brc_rightPanel {
	background-color: transparent;
	background-repeat: no-repeat;
}

.tlc_rightPanel {
	background-image: url(/css/images/theme_1/newImages/tlc.gif);
	background-position: 0% 0%;
}

.trc_rightPanel {
	background-image: url(/css/images/theme_1/newImages/trc.gif);
	background-position: 100% 0%;
}

.blc_rightPanel {
	background-image: url(/css/images/theme_1/newImages/blc.gif);
	background-position: 0% 100%;
}

.brc_rightPanel {
	background-image: url(/css/images/theme_1/newImages/brc.gif);
	background-position: 100% 100%;
}

.tb_rightPanel,.bb_rightPanel {
	background-color: transparent;
	background-repeat: repeat-x;
}

.tb_rightPanel {
	background-image: url(/css/images/theme_1/newImages/tb.gif);
	background-position: 0% 0%;
}

.bb_rightPanel {
	background-image: url(/css/images/theme_1/newImages/bb.gif);
	background-position: 50% 100%;
}

.rb_rightPanel {
	background-image: url(/css/images/theme_1/newImages/rb.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
}

.lb_rightPanel {
	background-image: url(/css/images/theme_1/newImages/lb.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
}

/**************************************************************************************/
/***********end of roundedcornerbox style********************************************/

/**************************************************************************************/
/***********start of roundedcornerbox left style********************************************/
.roundedcornerbox_leftPanel {
	margin: 0 0 10px 0;
	padding: 0;
	background: #ffffff;
	width: 100%;
}

.boxcontent_leftPanel {
	width: 100% margin:   auto;
}

/*.roundedcornerbox  .title { font: bold 13px Arial, Helvetica, sans-serif;               text-align: center;            color: white; margin: 4px; border: 1px dashed white; background: #014497;}

.roundedcornerbox  .title a {color: white;}

.boxcontent ul { margin: 0 0 0 15px; text-align: left; padding: 0;}*/
.boxcontent_leftPanel p,.boxcontent_leftPanel ul li,.box1content_leftPanel p,.box1content_leftPanel ul li
	{
	font: normal 11px/150% Arial, Helvetica, sans-serif;
	color: #055dae;
	margin: 0 0 2px 0;
}

.boxcontent_leftPanel a {
	color: #055dae;
	text-decoration: none;
}

.boxcontent_leftPanel a:hover {
	color: #a90404;
	text-decoration: none;
}

/* ---=== border code follows ===--- */

/*

                tlc = top left corner

                trc = top right corner

                blc = bottom left corner

                brc = bottom right corner

                lb = left border

                rb = right border

                tb = top border

                bb = bottom border 

*/
.tlc_leftPanel,.trc_leftPanel,.blc_leftPanel,.brc_leftPanel {
	background-color: transparent;
	background-repeat: no-repeat;
}

.tlc_leftPanel {
	background-image: url(/css/images/theme_1/newImages/tlc.gif);
	background-position: 0% 0%;
}

.trc_leftPanel {
	background-image: url(/css/images/theme_1/newImages/trc.gif);
	background-position: 100% 0%;
}

.blc_leftPanel {
	background-image: url(/css/images/theme_1/newImages/blc.gif);
	background-position: 0% 100%;
}

.brc_leftPanel {
	background-image: url(/css/images/theme_1/newImages/brc.gif);
	background-position: 100% 100%;
}

.tb_leftPanel,.bb_leftPanel {
	background-color: transparent;
	background-repeat: repeat-x;
}

.tb_leftPanel {
	background-image: url(/css/images/theme_1/newImages/tb.gif);
	background-position: 0% 0%;
}

.bb_leftPanel {
	background-image: url(/css/images/theme_1/newImages/bb.gif);
	background-position: 50% 100%;
}

.rb_leftPanel {
	background-image: url(/css/images/theme_1/newImages/rb.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
}

.lb_leftPanel {
	background-image: url(/css/images/theme_1/newImages/lb.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
}

/**************************************************************************************/
/***********end of roundedcornerbox left style********************************************/
.footerFloat {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #ececec;
	height: 25px;
}

#editMaintenanceQuantityDiv td {
	vertical-align: top;
	text-align: left;
}

/**************************************New Styles For View Page**********************************************/
.nametd {
	font: bold 11px; /* Arial, Helvetica, sans-serif;*/
	text-align: left;
	padding-right: 10px;
	width: 15%;
	vertical-align: top;
}

.valuetd {
	font: normal 11px;/* Arial, Helvetica, sans-serif;*/
	text-align: left;
	width: 35%;
	vertical-align: top;
}

.comments {
	color: #A90404
}

.RightDiv {
	right: 0;
	position: fixed;
	top: 120px;
	text-align: left;
	padding-right: 5px;
}

.RightDiv #rot {
	right: -48px;
	position: relative;
	cursor: pointer;
	font-size: 17px;
	border: 1px solid #1A57AA;
	font-weight: bold;
	padding: 0px 10px 10px 10px;
	color: #fff;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg); /* IE 9 */
	-moz-transform: rotate(90deg); /* Firefox */
	-webkit-transform: rotate(90deg); /* Safari and Chrome */
	-o-transform: rotate(90deg); /* Opera */
	-ms-filter:
		"progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand',M11=6.123031769111886e-17, M12=-1, M21=1, M22=6.123031769111886e-17)";
	/* IE8 */
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	background: #6093DB;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6093DB),
		to(#1A57AA) );
	background: -webkit-linear-gradient(#6093DB, #1A57AA);
	background: -moz-linear-gradient(#6093DB, #1A57AA);
	background: -ms-linear-gradient(#6093DB, #1A57AA);
	background: -o-linear-gradient(#6093DB, #1A57AA);
	background: linear-gradient(#6093DB, #1A57AA);
	-pie-background: linear-gradient(#6093DB, #1A57AA);
	behavior: url(/css/ieBorderRadius.htc);
}

input:focus,textarea:focus,select:focus {
	box-shadow: #FFCC6F 0 1px 3px;
	-webkit-box-shadow: 0;
}

#subtbl {
	width: 460px !important
}

.isIE8 .RightDiv #rot {
	right: -88px;
	border-radius: 4px 0 0 4px;
}

#rot:hover {
	opacity: .8;
}

#rot.noOpacity:hover {
	opacity: 1;
}

.rightClose {
	float: right;
	margin-right: 5px;
	padding-top: 12px;
	cursor: pointer
}

.dataGrid {
	border: 1px solid #efefef;
	color: #555555;
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
	background: #fff;
	line-height: 20px;
}

.dataGrid th {
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	border: none;
	padding: 5px;
	background: #bfe1f2;
}

.dataGrid td {
	border: 1px solid #efefef;
	border-left: none;
	border-bottom: none;
	padding: 5px;
}

.dataGrid td.rowHeader {
	background: #fafafa;
	font-weight: bold;
	width: 300px;
}

.dataGrid tr.jqgrow td {
	overflow: hidden;
	white-space: normal;
}

.dataGrid td div {
	word-wrap: break-word;
	height: auto;
	overflow: hidden;
}

.dataGrid td.last {
	border-right: none;
}

.hover {
	background: none repeat-x scroll 50% 50% #E1F2F9;
	border: 0 solid #AAAAAA;
	color: #363636;
}

.row-hover {
	background-color: #E1F2F9;
}

.row-highlight {
	background-color: #E1F2F9;
}

ul.stripeMe {
	left: 0;
	margin: 0;
	overflow: hidden;
	width: 100%;
	padding: 0;
	position: relative;
	top: 0;
}

.stripeMe li {
	float: left;
	list-style: none outside none;
	margin: 0;
	overflow: hidden;
	width: 100%;
	/*padding: 10px;*/
	cursor: pointer;
}

ul.stripeMeArchive {
	left: 0;
	margin: 0;
	overflow: hidden;
	width: 100%;
	padding: 0;
	position: relative;
	top: 0;
}

.stripeMeArchive li {
	float: left;
	list-style: none outside none;
	margin: 0;
	overflow: hidden;
	width: 100%;
	/*padding: 10px;*/
	cursor: pointer;
}

ul.stripeMesetSO {
	left: 0;
	margin: 0;
	overflow: hidden;
	width: 100%;
	padding: 0;
	position: relative;
	top: 0;
}

.stripeMesetSO li {
	float: left;
	list-style: none outside none;
	margin: 0;
	overflow: hidden;
	width: 100%;
	/*padding: 10px;*/
	cursor: pointer;
}

.leftPage {
	margin-bottom: 10px;
	width: 256px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	border: 1px solid #ccc\9;
	float: left;
	/*border-radius: 4px 4px 4px 4px;*/
	behavior: url(/css/ieBorderRadius.htc);
}

.messBox {
	margin-bottom: 10px;
	width: 99.8%;
	border: 1px solid #ccc;
	float: left;
	border-radius: 4px 4px 4px 4px;
}

.leftPage_ov {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	border-bottom-right-radius: 0;
}

.leftPage li {
	border-bottom: 1px solid #E9E9E9;
	padding: 10px;
}

.rightPage {
	margin-bottom: 10px;
	padding: 5px;
	width: 740px !important;
	float: right;
	border-radius: 0;
	min-height: 480px;
}

.loadIconInput {
	background: url("/css/images/loader/tridium-loader-1.gif") no-repeat
		scroll 5px 0 transparent;
	height: 16px;
	width: 21px;
	float: right;
}

.loadIcon {
	background: url("/css/images/loader/tridium-loader-1.gif") no-repeat
		scroll center center transparent;
	height: 32px;
}

.leftPage h2 {
	background: -moz-linear-gradient(center bottom, #F2F2F2 0%, #FFFFFF 100%)
		repeat scroll 0 0 transparent;
	border-bottom: 1px solid #CCCCCC;
	border-radius: 6px 6px 0 0;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
	color: #333333;
	font-size: 14px;
	height: 39px;
	line-height: 39px;
	padding: 0 15px;
	text-shadow: 0 1px 0 #FFFFFF;
	behavior: url(/css/ieBorderRadius.htc);
	margin: 0;
}

.qtyBox {
	font-weight:bold;
	padding: 2px 10px;
	color:#0088ce;
	margin: 0 0 0 10px;
	float:right; 
	margin-right:30px;
}

.padingBtm {
	padding-bottom: 10px;
}

.qty,.pCode {
	float: left;
	margin: 0;
	padding: 0
}

.qty {
	width: 67px;
}

.pCode {
	width: 170px;
}

.addAccountAddressDiv {
	border: 1px solid #abaaaa;
	padding: 10px;
	border-radius: 4px;
	margin: 0 0 10px 0;
}

.curvedDiv {
	border: 1px solid #ABAAAA;
	border-radius: 9px 9px 9px 9px;
	margin: 0 0 10px;
	padding: 10px;
}

.curvedSelectableDiv {
	height: 100px;
	width: 700px;
	border: 1px solid #FFFFCC;
	border-radius: 4px 4px 4px 4px;
	margin: 0 0 10px;
	padding: 10px;
	text-align: center;
}

.curvedSelectableDiv :hover {
	height: 100px;
	width: 700px;
	border: 1px solid #FFCC66;
	border-radius: 10px 10px 10px 10px;
	margin: 0 0 10px;
	padding: 10px;
	text-align: center;
}

.active_cls,.headerstyle_bg {
	background-color: #fafafa;
	border:1px solid #e1e1e1;
	/*    	color:#fff; 
	background: url(/css/images/pattern02.png) repeat;*/
}

.headerstyle_bg {
	padding: 10px;
	margin-bottom:10px;
}

.inactive_cls {
	background-color: #f9f9f9;
}

.inactive_cls .textstyle_normal {
	color: #ccc;
}
/* ---------------button Styling----------------------*/
/*.buttonTextStyle {
	color: #0088ce;
}*/
.curved-button {
  display: block;
  height: 0px;
  width: 148px;
  border-bottom: 40px solid rgb(90, 90, 90);
  border-left: 20px solid transparent;
  text-align: center;
  font: 500 14px/40px 'Gotham SSm A', 'Gotham SSm B',sans-serif;
  color: #ffffff !important;
}
.curved-button-position {
  position: relative;
  right: 0px;
  float:right;
}
.promo_btn
{
  cursor: pointer;
  padding: 10px 20px;
  background: #ffffff;
  color: #5a5a5a;
  margin: 0 .2em 0 0;
  font-size: 12px !important;
  border-radius: 25px;
  border: 1px solid #5a5a5a;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  text-transform:uppercase;
}
.promo_btn:hover {opacity:0.8; color:#5a5a5a;}
.btns, .addd_sprites,.removes_sprites,.copys_sprites,.add_sprites,.moves_sprites 
{
	float: left;
	cursor: pointer;
	padding: 5px 20px;
	background: #ffffff;
	color: #5a5a5a;
	margin: 0 .2em 0 0;
	font-size: 12px !important;
	border-radius: 25px;
	border: 1px solid #5a5a5a;
	-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
text-transform:uppercase;
}
.moremenu_btn
{
	float: left;
	cursor: pointer;
	padding: 5px 20px;
	background: #ffffff;
	color: #5a5a5a;
	margin: 0 .2em 0 0;
	font-size: 12px !important;
	border-radius: 25px;
	border: 1px solid #5a5a5a;
	-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
text-transform:uppercase;
}
.moremenu_btn:hover{opacity:1;}

.copys_sprites:after
{
	content:'Copy';
}
.addd_sprites:after
{
	content: 'Add';
}
.removes_sprites:after
{
	content:'Remove'
}

.btns:hover {
	opacity:0.7;
}
/*
.btns:focus {
	background: #2A008F;
}

.btns a {
	color: #fff
}
*/
.small_btns {
	float: left;
	cursor: pointer;
	padding: 5px 20px;
	background: #ffffff;
	color: #5a5a5a;
	margin: 0 .2em 0 0;
	font-size: 12px;
	border-radius: 25px;
	border: 1px solid #5a5a5a;
	text-transform:uppercase;
	}

.small_btns:hover {
	opacity:0.7;
}

.smallInactive_btns {
	float: left;
	background: #E0E0E0 !important;
	color: #fff;
	cursor:pointer;
	padding: 3px 12px;
	margin: 2px 5px;
	border-radius: 3px;
	border: 1px solid #CFCFCF;
	text-transform:uppercase;
}

.checkoutDisable_btns {
	float: right;
	cursor: pointer;
	padding: 5px 20px;
	background: #E0E0E0 !important;
	color: #fff;
	margin: 0 .2em .4em 0;
	font-size: 12px;
	border-radius: 3px;
	text-transform:uppercase;
}

.loginBtns {
	font-siz: 14px;
}

.inactive_btns {
	background: #ffffff !important;
	float: left;
	padding: 5px 20px;
	color: #d4d4d4;
	margin: 0 .2em .4em 0;
	font-size: 12px;
	border-radius: 25px;
	cursor:default;
	border:1px solid #d4d4d4;
	text-transform:uppercase;
	
}

.persist-area .inactive_btns {
	background: #ffffff !important;
	float: left;
	padding: 5px 20px;
	color: #d4d4d4;
	margin: 0 .2em .4em 0;
	font-size: 12px;
	border-radius: 25px;
	cursor:default;
	border:1px solid #d4d4d4;
	text-transform:uppercase;
}

.persist-area .btns {
	  border: 1px solid #5a5a5a;
  padding: 5px 20px;
  background: white;
  border-radius: 25px;
  color: #5a5a5a;
}
.persist-area .btns:hover{opacity:0.7;}
.sellBtns, .buyBtns,.sellInactiveBtns,.buyInactiveBtns
{
  padding: 0px 5px;
  color: #0088ce;
  float: left;
  border-radius: 10px;
  margin: 4px 30px;
  cursor: pointer;
  font-size: 12px;
}
.disabled_buyBtns,.disabled_buyInactiveBtns,.disabled_sellBtns,.disabled_sellInactiveBtns
{
	 padding: 0px 5px;
  color: #0088ce;
  float: left;
  border-radius: 10px;
  /*margin: 0 5px;*/
  cursor: default;
  font-size: 12px;
  opacity:0.4;
}

.sellBtns:after,.sellInactiveBtns:after
{
	content: url(images/sell_unfilled.png);
}
.sellBtns:hover,.sellInactiveBtns:hover{
	content: url(images/sell_filled.png);
}
.disabled_sellBtns:after,.disabled_sellInactiveBtns:after
{
	content: url(images/sell_unfilled.png);
}
.buyBtns:after,.buyInactiveBtns:after
{
	content:url(images/buyCart.png);
}
.buyBtns:hover,.buyInactiveBtns:hover
{
	content:url(images/buyCart.png);
}
.disabled_buyBtns:after,.disabled_buyInactiveBtns:after
{
	content:url(images/buyCart.png);
}
/*
.sellInactiveBtns,.buyInactiveBtns{
	padding:5px 10px;
	background: #ffffff !important;
	color: #0088ce;
	color:#d4d4d4;
	border:2px solid #d4d4d4;	
}
.sellInactiveBtns{
	padding:5px 10px;
	background: #ffffff !important;
	color: #0088ce;
	color:#d4d4d4;
	border:2px solid #d4d4d4;	
}*/
.addBtn,.delBtn,.moveBtn,.orderBtn,.upgradeBtn,.emailBtn,.addTrainerModelBtn,.transferStockBtn{
	margin:0 0 0 2px;
}
.addBtn:after{
	content:'Create';
}
.delBtn:after{
	content:'Remove';
}
.upgradeBtn:after{
	content:'Upgrade';
}
.orderBtn:after{
	content:'Order';
}
.moveBtn:after{
	content:'Move';
}
.emailBtn:after{
	content:'Email';
}
.addTrainerModelBtn:after{
	content:'Add Trainer Model';
}
.transferStockBtn:after{
	content:'Transfer Stock';
}
/*.orderLayout #cancelBtn{
	background:#f03f35;
}
.orderLayout #cancelBtn:hover{
	background:#FF675F;
}

.orderLayout .btns{
	background:#99BF23;
}
.orderLayout .btns:hover{
	background:#B3CF5A;
}*/
#workflow .btns{
	background:#ffffff;
	}
/*	#workflow .btns:hover{
		background:#3FB2FF;
	}
	#workflow .btns:focus{
		background:#2A008F;
	}
	*/
/*end of button styling*/
.ui-jqgrid tr.jqgrow td {
	white-space: normal !important;
	height: auto;
	padding: 5px !important;
}

.floatingHeader {
	position: fixed;
	top: 0;
	visibility: hidden;
}

.floatingHeader_enable {
	position: fixed;
	top: 0;
	visibility: hidden;
}

p.emailStyle {
	width: 810px;
	word-wrap: break-word;
	margin: 0;
	padding: 0
}

.qtyTable {
	width: 60px;
	text-align: left;
	padding-right: 2px
}

.paddingBtm {
	padding-bottom: 10px
}

.sapDetails {
	background: url("/css/images/common_images/grey_dip_dotted.png") repeat-x 0 0;
	color: #4C4C44;
	margin-top: 10px;
	font-weight: bold;
	font-size: 15px;
	width: 100%;
	clear: both;
	position: relative;
	padding: 10px 0
}

.header {
	height: 140px
}

.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}

/* ---------------------------Grids------------------ */
.grid_0,.grid_12,.grid_3,.grid_4,.grid_400,.grid_60p,.grid_35p,.grid_45p,.grid_55p,.grid_100,.grid_550,.grid_5,.grid_1_1,.grid_summary,.grid_6,.grid_7,.grid_8,.grid_9,.grid_arrow_s,.grid1,.grid2,.grid_arrow,.grid3,.grid4,.grid_order
	{
	padding: 0;
	margin: 0;
	float: left;
}

.grid_0 {
	width: 100%;
	margin: 0 0 5px 0
}

.grid_1_1 {
	width: 30px;
}

.grid_1 {
	width: 20%;
}

.grid_2 {
	width: 80%
}

.grid_3 {
	width: 70%;
}

.grid_4 {
	width: 30%;
}

.grid_5 {
	width: 50%
}

.grid_35p {
	width: 35%;
}

.grid_45p {
	width: 35%;
}

.grid_55p {
	width: 60%
}
.grid_60p {
	width: 65%
}
.margin_top25btm20 .grid_60p{width:54%;}
.margin_top25btm20 .grid_45p{width:36%; padding:10px 30px; /* border:2px solid #bfe1f2; background-color:#ffffff;*/ }
.grid_12 {
	width: 320px;
}

.grid_6 {
	width: 178px;
}

.grid_12 input {
	width: 100px !important;
}

.grid_6 {
	width: 178px;
}

.grid_7 {
	width: 800px;
	float: right;
}

.grid_8 {
	width: 178px;
}

.grid_9 {
	width: 800px;
	float: right;
}

.orderLayout .grid_7 {
	width: 765px;
	min-height: 0px;
}

.grid1 {
	width: 300px;
	padding: 0 28px 0 0;
}

.grid_summary {
	width: 287px;
}
.grid_summary label{
	width: 70px !important;
}

.grid_550 {
	width: 550px;
	float: left;
}

.grid_400 {
	width: 400px;
}

.grid_34 {
	width: 450px;
}

.grid_34 input[type="radio"] {
	float: left;
	margin: 2px 5px;
}

.grid2 {
	width: 630px;
	padding: 0 30px 0 0;
}

.grid3 {
	width: 190px;
}

.grid_order {
	width: 390px;
}

.grid_arrow {
	width: 138px;
}

.grid_arrow_s {
	width: 30px;
}

.grid_100 {
	width: 100px;
}

.gLast {
	padding: 0;
}

.padding5Div {
	padding: 5px 15px !important;
}

.padding10Div {
	padding: 10px !important;
	margin-bottom:20px;
	margin-top:20px;
	display: block;
}

.padding30Div {
	padding: 20px 20px !important;
	background: #fafafa;  	
}

.paddingDiv {
	padding-bottom: 5px !important;
	padding-top: 15px !important;
}

.pad_btm {
	padding-bottom: 10px;
}

.pad_top {
	padding-top: 10px;
}

.pad_top20 {
	padding-top: 15px;
}

.pad_top30 {
	padding-top: 30px;
}

.pad_left {
	padding-left: 10px;
}

.pad_left20 {
	padding-left: 20px;
}

.pad_left30 {
	padding-left: 30px;
}

.pad_right60 {
	padding-right: 58px;
}

.margin_30 {
	margin: 30px;
}

.margin_top10 {
	margin-top: 10px;
}

.margin_top30 {
	margin-top: 30px;
}

.margin_top25btm20 {
	margin: 20px 0 25px;
}

.margin_btm20 {
	margin-bottom: 20px;
}

.margin_top40 {
	margin-top: 40px;
}

.margin_top60 {
	margin-top: 60px;
}

.margin_top80 {
	margin-top: 80px;
}

.margin_top120 {
	margin: 70px 0 30px 0;
}

.margin_left10 {
	margin-left: 10px !important;
}

.margin_left20 {
	margin-left: 20px;
}

.margin_left30 {
	margin-left: 30px;
}

.margin_left120 {
	margin-left: 120px;
}

.margin_left230 {
	margin-left: 230px;
}

.margin40Minus {
	margin-top: -40px;
}

.margin_0 {
	margin: 0 !important;
}
.pad_0{
	
}
.margin_right0 {
	margin-right: 0px !important;
}

.margin30Minus {
	margin-top: -30px;
}

.margin15Minus {
	margin-top: -15px;
}

.border_box {
	border: 1px solid #ccc;
	padding: 20px !important;
}

.pad_right {
	padding-right: 10px;
}

.pad_right20 {
	padding-right: 20px;
}

.isIE8 .grid_1 {
	width: 30%;
}

.isIE8 .grid_3 {
	width: 70%;
}

.isIE8 .messBox {
	border: 1px solid #ccc
}

/* ---------------------------Workflow ------------------ */
@charset "utf-8";
/* CSS Document */
.selectedLableStyle {
	/*font-family: Arial, Helvetica, sans-serif;*/
	color: #717171;
	font-weight: bold;
	font-size: 13px;
	margin:0 10px 4px 0;
}

.normalLableStyle {
	/*font-family: Arial, Helvetica, sans-serif;*/
	color: #BFBFC0;
	font-weight: bold;
	font-size: 13px;
	margin:0 10px 4px 0;
}

.selectedLineStyle {
	/*font-family: Arial, Helvetica, sans-serif;*/
	background-color: #a50203;
	font-weight: bold;
	font-size: 3px;
	margin-top: -10px;
}

.normalLineStyle {
	/*font-family: Arial, Helvetica, sans-serif;*/
	background-color: #e4e4e4;
	font-weight: bold;
	font-size: 3px;
	width: 100%;
	margin-top: -10px;
}

.visitedLableStyle {
	/*font-family: Arial, Helvetica, sans-serif;*/
	color: #717171;
	font-weight: bold;
	font-size: 12px;
	
}

.visitedLineStyle {
	/*font-family: Arial, Helvetica, sans-serif;*/
	background-color: #717171;
	font-weight: bold;
	font-size: 3px;
	width: 100%;
	margin-top: -10px;
}

.lineTDStyle {
	padding-left: 5px;
	padding-right: 5px;
}

/*-------------------------------Popup------------------------------------- */
.popupContainerStyle {
	padding:10px;
	max-height: 500px;
}

.formElementContainer {
	margin-bottom: 10px;
	float: left;
	width: 100%;
	position: relative;
}
/*-------------------------------ButtonTabs------------------------------------- */
.tabDivStyle {
	width: 72.3%;
	left: 20px;
	top: 170px;
}

.myDivClass {
	height: 100%;
	top: 0px;
}

.innerDicStyle {
	height: 40px;
	left: 20px;
	position: absolute;
	top: 20px;
}

.myButtonClass {
	height: 75px;
	width: 75px;
	background: none repeat scroll 0 0 #000000;
	border-style: none;
}

.myButtonClass a {
	bottom: 35px;
	color: #ffffff;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 11px;
	text-align: center;
	padding-top: 10px;
}

.myButtonClass a:HOVER {
	bottom: 35px;
	top: 0px;
	color: #ffffff;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 11px;
	text-align: center;
	width: 100%;
	padding-top: 10px;
}

.myButtonClass1 a {
	padding-top: 10px;
	position: absolute;
	bottom: 0px;
	top: 0px;
	color: #ffffff;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 11px;
	text-align: center;
	width: 100%;
}

.myButtonClass1 a:HOVER {
	padding-top: 10px;
	position: absolute;
	bottom: 0px;
	top: 0px;
	color: #ffffff;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 11px;
	text-align: center;
	width: 100%;
}

.myButtonClass1 {
	height: 40px;
	width: 107px;
	background: url(/css/images/tabImages/tab_selected.jpg);
	border-style: none;
}

.jcarousel-skin-tango .jcarousel-container {
	background: none;
	border: 0px solid #346F97;
}

.jcarousel-skin-tango ul {
	/*height: 20px;*/
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
	height: 40px;
	padding: 5px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
	width: 75px;
	height: 260px;
	padding: 36px 0px;
	width: 100%;
	
}

.hm { /*position:fixed;
	top:160px;*/
	
}

.hm .jcarousel-skin-tango .jcarousel-container-vertical {
	width: 75px;
	height: 400px;
	padding: 36px 0px;
	width: 100%;
}

.jcarousel-skin-tango .jcarousel-clip {
	overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width: 100%;
	height: 40px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
	width: 100%;
	height: 259px;	
	border-left :1px solid #a6c9e2;
	border-right :1px solid #a6c9e2;
}

.hm .jcarousel-skin-tango .jcarousel-clip-vertical {
	width: 100%;
	height: 400px;
}

.jcarousel-skin-tango .jcarousel-item {
	width: 100%;
	/*height: 60px;*/
	vertical-align: middle;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
	margin-right: 12px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal
	{
	margin-left: 10px;
	margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
	margin-bottom: 1px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
	background: #fff;
	color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
	position: absolute;
	top: 10px;
	right: 5px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background: transparent
		url(/css/images/tabImages/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal
	{
	left: 5px;
	right: auto;
	background-image: url(/css/images/tabImages/prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,.jcarousel-skin-tango .jcarousel-next-horizontal:focus
	{
	background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
	background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active
	{
	cursor: default;
	background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
	position: absolute;
	top: 10px;
	left: 5px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background: transparent
		url(/css/images/tabImages/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal
	{
	left: auto;
	right: 5px;
	background-image: url(/css/images/tabImages/next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover,.jcarousel-skin-tango .jcarousel-prev-horizontal:focus
	{
	background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
	background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active
	{
	cursor: default;
	background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
	position: absolute;
	bottom: 5px;
	left: 0px;
	width: 100%;
	height: 32px;
	cursor: pointer;
	background: #A3AFBA url(/css/images/tabImages/arrows_down.png)
		no-repeat center;
	border-left:1px solid #a3afba;
	border-right:1px solid #a3afba;
	
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,.jcarousel-skin-tango .jcarousel-next-vertical:focus
	{ /* background-position:center -32px;*/
	
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
	/* background-position: center -64px; */
	
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active
	{ /* cursor: default; -position:center -96px;
    background:none;
    display:none;*/
	opacity: 0.2;
	-moz-opacity: 0.2;
	filter: alpha(opacity = 20);	
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
	position: absolute;
	top: 5px;
	left: 0px;
	width: 100%;
	height: 32px;
	cursor: pointer;
	background: #A3AFBA url(/css/images/tabImages/arrows_up.png)
		no-repeat center;
	border-left:1px solid #A3AFBA;
	border-right:1px solid #A3AFBA;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover,.jcarousel-skin-tango .jcarousel-prev-vertical:focus
	{ /*  background-position: center -32px;*/
	
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
	/*  background-position: center -64px;*/
	
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active
	{
	opacity: 0.2;
	-moz-opacity: 0.2;
	filter: alpha(opacity = 20);
}

.jcarousel_data {
	padding: 11px 0;
	text-align: center;
	width: 100%;
}

.font_jcarousel {
	color: #545454 !important;
	font-weight: bold;
}

li.jcarousel-item.alt {
	background: #e4eefd;	
    border-bottom: 1px solid #ccc;
}

li.jcarousel-item {
	/*border-left:  1px solid #a6c9e2;*/
	border-bottom: 0;
	border-top:0;	
	border-bottom: 1px solid #ccc;
    border-top: 0px solid #ccc;
	
}

li.jOver {
	background-color: #F9F9F9 !important;
}

/*-------------------------------- imageCaption for images in brand/ model--------------------------*/
.imageCaption div {
	float: left;
	margin: 0 3px 3px 0;
	position: relative;
	/*padding: 6px; 
	background: #ececec; 
	border: 1px solid #ccc;*/
}

.imageCaption div span {
	display: none;
	font-size: 11px;
	position: absolute;
	bottom: 7px;
	left: 10px;
	padding: 5px;
	background-color: #000000;
	opacity: 0.4;
	width: 85%;
	line-height: 1.2em;
}

/*-------------------------------- callout (ProfileMenu)--------------------------*/
.calloutUpHIDDEN {
	position: absolute;
	height: 0;
	width: 0;
	border-bottom: 12px solid #aaaaaa;
	border-left: 12px dotted transparent;
	border-right: 12px dotted transparent;
	right: 90px;
	top: 29px;
	z-index: 10;
	margin-right: -40px;
	display: none;
}

.calloutUpSHOWN {
	position: absolute;
	height: 0;
	width: 0;
	border-bottom: 12px solid #aaaaaa;
	border-left: 12px dotted transparent;
	border-right: 12px dotted transparent;
	right: 160px;
	top: 29px;
	z-index: 10;
	margin-right: -40px;
	display: block;
}

.calloutUp2 {
	position: relative;
	right: 10px;
	top: 3px;
	height: 0;
	width: 0;
	border-bottom: 10px solid #ffffff;
	border-left: 10px dotted transparent;
	border-right: 10px dotted transparent;
	z-index: 11;
}

.calloutDown {
	height: 0;
	width: 0;
	border-top: 12px solid #aaaaaa;
	border-left: 12px dotted transparent;
	border-right: 12px dotted transparent;
	left: 0px;
	top: 0px;
	margin-left: 20px;
	z-index: 11;
}

.calloutDown2 {
	position: relative;
	left: -10px;
	top: -12px;
	height: 0;
	width: 0;
	border-top: 10px solid #ffffff;
	border-left: 10px dotted transparent;
	border-right: 10px dotted transparent;
	z-index: 10;
}

.divContainerUpHIDDEN {
	background-color: #ffffff;
	border: solid 1px #aaaaaa;
	position: absolute;
	right: 4px;
	top: 40px;
	z-index: 1;
	width: 150px;
	padding: 15px;
	display: none;
}

.divContainerUpSHOWN {
	background-color: #ffffff;
	border: solid 1px #aaaaaa;
	position: absolute;
	right: 0px;
	top: 40px;
	z-index: 1;
	width: 240px;
	padding: 15px;
	display: block;
}

.divContainerDown {
	background-color: #ffffff;
	border: solid 1px #aaaaaa;
	position: relative;
	top: 1px;
	z-index: 3;
	width: 500px;
	padding: 4px;
}

.divContainerMain {
	background-color: #ccccff;
	padding: 8px;
}

#calloutContainer a,#calloutContainer a:hover {
	font: normal 13px; /* Arial, Helvetica, sans-serif;*/
	display: block;
	padding: 4px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-right: 5px;
}

.calloutContainerStyle {
	background-color: #ffffff;
	border: solid 1px #aaaaaa;
	position: absolute;
	z-index: 1;
	padding: 15px;
	display: block;
	right: 0;
	width: 250px;
}

/*-------------------------------- tabs--------------------------*/

/* root element for tabs  */
ul.css-tabs {
	margin: 0 !important;
	padding: 0;
	/*height:65px;*/
	height: 0;
	border-bottom: 1px solid #cbcbcb;
	display: block;
}

ul.css-tab {
	margin: 0 !important;
	padding: 0;
	/*height:65px;*/
	height: 0;
	border-bottom: 1px solid #cbcbcb;
	display: none;
}

.tabTextStyle_normal {
	color: #ffffff;
}

.tabTextStyle_selected {
	color: #646464;
}

/* single tab */
ul.css-tabs li {
	float: left;
	padding: 0;
	margin-right: 1px;
	list-style-type: none;
}

/* link inside the tab. uses a background image */
ul.css-tabs a {
	background: url(/css/images/theme_1/TabNavigator2_stretch.gif);
	float: left;
	font-size: 15px;
	display: block;
	/*padding:10px 5px 2px 7px;*/
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 7px;
	padding-bottom: 7px;
	text-decoration: none;
	border-bottom: 0px;
	height: 23px;
	background-color: #efefef;
	color: #777;
	/*margin-right:2px;*/
	position: relative;
	top: 30px;
	left: 0px;
	outline: 0;
	background-color: #ddd;
	cursor: default;

	/*-moz-border-radius:4px 4px 0 0;*/
}

ul.css-tabs a:hover {
	background: url(/css/images/theme_1/TabNavigator1_stretch.gif);
	background-color: #F7F7F7;
	color: #333;
	float: left;
	font-size: 15px;
	display: block;
	/*padding:10px 5px 2px 7px;*/
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 7px;
	padding-bottom: 7px;
	text-decoration: none;
	border-bottom: 0px;
	height: 23px;
	/*margin-right:2px;*/
	position: relative;
	top: 30px;
	left: 0px;
	outline: 0;
}

/* selected tab */
ul.css-tabs a.current {
	background: url(/css/images/theme_1/TabNavigator1_stretch.gif);
	background-color: #ddd;
	/*border-bottom:1px solid #ddd;*/
	color: #000;
	cursor: default;
	color: #5f5f5f;
	font-weight: bold;
	font-size: 15px;
	float: left;
	display: block;
	/*padding:10px 5px 2px 7px;*/
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 7px;
	padding-bottom: 7px;
	text-decoration: none;
	border-bottom: 0px;
	height: 23px;
	/*margin-right:2px;*/
	position: relative;
	top: 30px;
	left: 0px;
	outline: 0;
}

/* tab pane */
.css-panes div.tabDiv {
	display: block;
	/*border:1px solid #cbcbcb;*/
	border-width: 0 1px 1px 1px;
	padding: 10px 0 0 0;
	background-color: #FFFFFF;
	/*margin-left: -7px;*/
}

.topDivs {
	padding-top: 10px;
}
/*-----------------------------tooltip-------------------- */
a.tooltip {
	outline: none;
}

a.tooltip strong {
	line-height: 30px;
}

a.tooltip:hover {
	text-decoration: none;
}

a.tooltip span {
	z-index: 10;
	display: none;
	padding: 14px 20px;
	margin-top: 20px;
	margin-left: -160px;
	width: 200px;
	word-wrap: break-word;
	white-space: normal;
	line-height: 16px;
}

a.tooltip:hover span {
	display: inline;
	position: absolute;
	border: 1px solid #333;
	color: #EEE;
	background: #000;
}

.callout {
	z-index: 20;
	position: absolute;
	border: 0;
	top: -3px;
	left: 120px;
}
/*CSS3 extras*/
a.tooltip span {
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-box-shadow: 0px 0px 8px 4px #666;
	-webkit-box-shadow: 0px 0px 8px 4px #666;
	box-shadow: 0px 0px 8px 4px #666;
	opacity: 0.8;
}
/*----------------------------DCVertical Menu --------------------------------*/
.menuContainer {
	padding: 0;
	float: left;
	margin: 0;
	position: absolute;
	z-index: 1;
}

.menuContainerHidden {
	padding: 0;
	float: left;
	margin: 0;
	position: absolute;
	z-index: -1;
}

.menuContainer.right {
	float: right;
}

.menuContainer h4 {
	font-size: 14px;
	margin: 0 0 5px 0;
}

.menuContainer div {
	margin: 0;
	padding: 0;
}

.menuContainer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Vertical Mega Menu Styles */
.mega-menu {
	font-size: 12px;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-weight: bold;
	line-height: 16px;
	background: #ffffff;
	border-right: 1px solid #bfcded;
	border-bottom: 1px solid #bfcded;
	border-left: 1px solid #bfcded;
	position: relative; /* Required */
	float: left;
}

.mega-menu li a {
	display: block;
	color: #646464;
	padding: 12px 38px 12px 25px;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 12px;
	/*text-shadow: 1px 1px 1px #000; */
	text-decoration: none;
	/*border-top: 1px solid #555; 
border-bottom: 1px solid #222; 
border-right: 1px solid #1B1B1B;*/
}

.mega-menu li a:hover,.mega-menu li.mega-hover a {
	background: #ecf1fc;
	color: #415d9f;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 12px;
	/*border-right: 1px solid #4b4b4b;*/
}

.mega-menu li a.dc-mega {
	position: relative;
}

.mega-menu.left li a.dc-mega {
	text-align: right;
}
/* Add arrow icon to parent links */
.mega-menu li a .dc-mega-icon {
	display: block;
	position: absolute;
	top: 18px;
	right: 15px;
	width: 6px;
	height: 8px;
	/*background: url(images/arrow_right.png) no-repeat 0 0;*/
}

.mega-menu.left li a .dc-mega-icon {
	top: 18px;
	left: 15px;
	background: url(images/arrow_left.png) no-repeat -6px 0;
}
/* Mega menu container */
.mega-menu li .sub-container {
	position: absolute; /* Required */
	margin-left: -59px;
	margin-top: -20px;
	background: url(/css/images/common_images/menu_thirdlevel_bg.jpg)
		repeat-y;
	background-color: #ffffff;
	padding: 10px 10px 0 10px;
	overflow: hidden;
	border: 1px solid #bfcded;
	/*border-left: none;*/
}

.mega-menu li .sub .row {
	width: 100%;
	overflow: hidden; /* Clear floats */
}

.mega-menu li .sub li {
	float: none;
	width: 200px;
	font-size: 1em;
	font-weight: normal;
}

.mega-menu li .sub li.mega-hdr {
	float: left; /* Required */
	/*margin: 0 5px 10px 5px;*/
}

.mega-menu li .sub a,.mega-menu.left li .sub a {
	background: none;
	border: none;
	text-shadow: none;
	float: none;
	color: #fff;
	padding: 7px 10px;
	display: block;
	text-decoration: none;
	font-size: 0.9em;
}

.mega-menu li .sub li.mega-hdr a.mega-hdr-a {
	padding: 5px 5px 5px 15px;
	/*margin-bottom: 5px; */
	/*background: #E88221; */
	/*text-transform: uppercase; */
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-weight: bold;
	color: #B50404;
	text-shadow: none;
	font-size: 12px;
}

.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {
	cursor: default;
	color: #B50404;
	text-shadow: none;
	font-weight: bold;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 12px;
}

.menuHeaderSpan {
	padding: 0px 5px 0 0;
	/*margin-bottom: 5px; */
	/*background: #E88221; */
	/*text-transform: uppercase; */
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-weight: bold;
	color: #B50404;
	text-shadow: none;
	font-size: 12px;
	display: block;
}

.menuHeaderIndependentSpanNormal {
	padding: 0px 5px 0 0;
	/*margin-bottom: 5px; */
	/*background: #E88221; */
	/*text-transform: uppercase; */
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-weight: bold;
	color: #4b4b4c;
	text-shadow: none;
	font-size: 12px;
	display: block;
}

.mega-menu .sub li.mega-hdr li a {
	padding: 0px 0px 5px 15px;
	/*background: url(images/arrow_white.png) no-repeat 5px 8px; */
	font-weight: normal;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 12px;
	color: #747373;
	font-weight: bold;
}

.mega-menu .sub li.mega-hdr li a:hover {
	color: #415d97;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 12px;
	font-weight: bold;
	/*background: #efefef url(images/arrow_on.png) no-repeat 5px 8px;*/
}

.mega-menu .sub ul li {
	padding-right: 0;
}
/* Styling for menu items with only 2 levels */
.mega-menu li .sub-container.non-mega .sub {
	padding: 10px;
}

.mega-menu li .sub-container.non-mega li {
	padding: 0;
	margin: 0;
	width: 150px;
}

.mega-menu li .sub-container.non-mega li a {
	padding: 7px 5px 7px 22px;
	background: url(images/arrow_white.png) no-repeat 7px 10px;
}

.mega-menu li .sub-container.non-mega li a:hover {
	color: #a32403;
	background: #efefef url(images/arrow_on.png) no-repeat 7px 10px;
}

/*----------------------------Image sprites---------------------------------*/
.right_align {
	float: right;
}
.editInactive_sprites,.discontinue_sprites,.release_sprites,.activate_sprites,.addBrand_sprites,.email_sprites,.undo_sprites,.approve_sprites,.reject_sprites,.edit_sprites,.remove_sprites,.bind_sprites,.move_sprites,.disable_sprites,.copy_sprites,.download_sprites,.renew_sprites,.renewIn_sprites,.cascade_sprites
{
  padding: 0 5px;
  color: #0088ce;
  float: left;  
  cursor: pointer;
 /*  border-radius: 10px; border: 1px solid #90D8FF; margin: 0 3px;*/
  font-size: 12px;
  /*margin:0 3px;*/
}
.infinity_sprites
{
  padding: 0 5px;
  color: #5a5a5a;
  float: left;  
  cursor: pointer;
  border-radius: 5px; 
  border: 1px solid #5a5a5a; margin:3px;
  font-size: 12px;
  
}

.rebrand_sprites,.active_sprites,.order_sprites,.addFeature_sprites,.license_sprites,.enable_sprites,.continue_sprites,.removeAll_sprites
{
	
  background: #fff;
  padding: 0 5px;
  color: #0088ce;
  float: left;
  border-radius: 10px;
  cursor: pointer;
  /*border: 1px solid #90D8FF;margin: 0 3px;*/
  font-size: 12px;
	
}
.disabled_icon,.bind_sprites_disabled,.approve_sprites_disabled,.edit_sprites_disabled,.remove_sprites_disabled,.cascade_sprites_disabled,.reject_sprites_disabled,.undo_sprites_disabled,.move_sprites_disabled,.renewIn_sprites_disabled
{ opacity:0.4;cursor:default;
	  padding: 0 5px;
  color: #0088ce;
  float: left;  
  font-size: 12px;
  
}

.editInactive_sprites,.removes_sprites:hover,.rebrand_sprites:hover,.disable_sprites:hover,.active_sprites:hover,.dis_settings:hover,.activate_sprites:hover,.order_sprites:hover,.addFeature_sprites:hover,.add_sprites:hover,.edit_sprites:hover,.release_sprites:hover,.remove_sprites:hover,.copy_sprites:hover,.cascade_sprites:hover,.infinity_sprites:hover,.discontinue_sprites:hover,.error_sprites:hover,.move_sprites:hover,.license_sprites:hover,.renew_sprites:hover,.moveIn_sprites:hover,.undo_sprites:hover,.enable_sprites:hover,.continue_sprites:hover,.removeAll_sprites:hover,.addBrand_sprites:hover,.moves_sprites:hover
{
	/*border: 1px solid #0088ce;
	background-color:#0088ce;
	color:#fff;*/
	opacity:0.8;
}

.copyInactive_sprites,.copyInactives_sprites, .addInactive_sprites,.addFeatureInactive_sprites,.removeInactive_sprites,.moveInactive_sprites,.releaseIn_sprites,.licenseIn_sprites,.moveIn_sprites,.cascadeInactive_sprites,.undoInactive_sprites,.discontinueIn_sprites
{
	background: #ffffff;
	padding: 5px 20px;
	color: #d4d4d4;
	border:1px solid #d4d4d4;
	float: left;
	border-radius: 25px;
	margin: 0 3px;
	cursor: pointer;
}
.copyInactives_sprites:after
{
	content:'Copy'
}
.activate_sprites:after
{
	content:url(images/enable_unfilled.png);
}
.activate_sprites:hover
{
	content:url(images/enable_filled.png);
}
.email_sprites:after
{
	content: url(images/email_unfilled.png);
}
.email_sprites:hover
{
	content: url(images/email_filled.png);
}
.undo_sprites:after
{
	content: url(images/undo_unfilled.png);
}
.undo_sprites:hover
{
	content: url(images/undo_filled.png);
}
.undo_sprites_disabled:after
{
	content: url(images/undo_unfilled.png);
}
.approve_sprites:after
{
	content: url(images/approve_filled.png);
}
.approve_sprites:hover
{
	content: url(images/approve_filled.png);
}
.approve_sprites_disabled:after
{
	content: url(images/approve_filled.png);
}
.reject_sprites:after
{
	content: url(images/reject_filled.png);
}
.reject_sprites:hover
{
	content: url(images/reject_filled.png);
}
.reject_sprites_disabled:after
{
	content: url(images/reject_filled.png);
}
.bind_sprites:after
{
	content: url(images/bind_unfilled.png);
}
.bind_sprites:hover
{
	content: url(images/bind_filled.png);
}
.bind_sprites_disabled:after
{
	content: url(images/bind_unfilled.png);
}
.move_sprites:after
{
	content: url(images/move_unfilled.png);
}
.move_sprites:hover
{
	content: url(images/move_filled.png);
}
.move_sprites_disabled:after
{
	content: url(images/move_unfilled.png);
}
.continue_sprites:after {
	content: 'Continue'
}
.download_sprites:after
{
	content:url(images/download_unfilled.png);
}
.download_sprites:hover
{
	content:url(images/download_filled.png);
}
.removeAll_sprites:after {
	content: 'Remove All'
}

.rebrand_sprites:after {
	content: 'Rebrand'
}

.order_sprites:after {
	content: 'Order'
}

.disable_sprites:after {
	content: url(images/disable_unfilled.png);
}
.disable_sprites:hover {
	content: url(images/disable_filled.png);
}

.enable_sprites:after {
	content: 'Enable'
}

.active_sprites:after {
	content: 'Active'
}



.addFeature_sprites:after {
	content: 'Add Feature'
}

.add_sprites:after {
	content: 'Add'
}

.copy_sprites:after {
	content: url(images/copy_unfilled.png);
}
.copy_sprites:hover{
	content: url(images/copy_filled.png);
	}
.addBrand_sprites:after{
	content:url(images/addfeature_unfilled.png);
}
.addBrand_sprites:hover{
	content:url(images/addfeature_filled.png);
}


.edit_sprites:after,.editInactive_sprites:after {
	content: url(images/edit_unfilled.png);
	}
.edit_sprites:hover,.editInactive_sprites:hover {
	content: url(images/edit_filled.png);
	}
.edit_sprites_disabled:after,.editInactive_sprites_disabled:after {
	content: url(images/edit_unfilled.png);
	}
.discontinue_sprites:after {
	content: url(images/discontinue_unfilled.png);
}
.discontinue_sprites:hover {
	content: url(images/discontinue_filled.png);
}

.discontinueIn_sprites:after {
	content: url(images/discontinue_unfilled.png);
	opacity:0.8;
}

.release_sprites:after {
	content: url(images/release_unfilled.png);
}
.release_sprites:hover {
	content: url(images/release_filled.png);
}
.releaseIn_sprites:after {
	content: url(images/release_unfilled.png);
	opacity:0.8;
}
.removes_sprites:after {
	content: 'Remove'
}
.remove_sprites:after {
	content: url(images/delete_unfilled.png);
}
.remove_sprites:hover {
	content: url(images/delete_filled.png);
}
.remove_sprites_disabled:after {
	content: url(images/delete_unfilled.png);
}
.addInactive_sprites{
	/*background: #E0E0E0;*/
}

.addInactive_sprites:after {
	content: 'Add';
}

.addFeatureInactive_sprites{
	/*background: #E0E0E0;*/
}

.addFeatureInactive_sprites:after {
	content: url(images/addfeature_unfilled.png);
}
.addFeatureInactive_sprites:hover {
	content: url(images/addfeature_filled.png);
}
.copyInactive_sprites {
	/*background: #E0E0E0;*/
}

.copyInactive_sprites:after {
	content: url(images/copy_unfilled.png);
}


.removeInactive_sprites {
	/*background: #E0E0E0;*/
}

.removeInactive_sprites:after {
	content: 'Remove';
}
.removeInactive_sprites:hover {
	content: 'Remove';
}

.cascade_sprites:after {
	content: url(images/cascade_unfilled.png);
}
.cascade_sprites:hover{
	content: url(images/cascade_filled.png);
}
.cascade_sprites_disabled:after {
	content: url(images/cascade_unfilled.png);
}
.cascadeInactive_sprites:after {
	content: url(images/cascade_filled.png);
}
.dis_settings:after
{
	content: url(images/settings_unfilled.png);
}
.dis_settings:hover
{
	content: url(images/settings_filled.png);
}
.error_sprites, .error_sprites:hover {
	background-image: url(/css/images/allGridIcons.png) !important;
	width: 17px !important;
	height: 17px !important;
	margin-left: 10px;
	float: left;
	background-position: -163px -132px;
}

.renew_sprites:after {
	content: url(images/renew_unfilled.png);
}
.renew_sprites:hover {
	content: url(images/renew_filled.png);
}

.renewIn_sprites:after {
	content: url(images/renew_unfilled.png);
}
.renewIn_sprites:hover {
	content: url(images/renew_filled.png);
}
.renewIn_sprites_disabled:after {
	content: url(images/renew_unfilled.png);
}

.moveIn_sprites:after {
	content: 'Move';
}
.moves_sprites:after{
	content:'Move';
}

.license_sprites:after {
	content: 'License'
}

.licenseIn_sprites:after {
	content: 'License'
}

.undoInactive_sprites:after {
	content: 'Undo'
}

-----------------------------------
-theme css  ----------------------------------------- #mainTabDiv {
	border-bottom: solid 1px #81a9df;
	/*margin-left: -7px;*/
	padding: 0;
	padding-left: 10px;
}

.newTabStyle {
	float: left;
	background: url(/css/images/tabImages/tabbg_stretch.jpg) repeat-x;
	color: #FFFFFF;
	margin: 0 1px 0 0;
	padding: 0;
	height: 25px;
	cursor: pointer;
}

.tabStyleSelected {
	float: left;
	background: url(/css/images/tabImages/tabbg_selected_stretch.jpg) repeat-x;
	color: #FFFFFF;
	margin: 0 1px -1px 0;
	padding: 0;
	height: 25px;
	cursor: pointer;
	border-color: #ffffff;
	border: solid;
	border-width: 0 0 1px 0;
}

.tabspacer {
	height: 1;
	clear: both;
}

#mainTabDiv div a,.moreTabTextStyle {
	color: #FFFFFF;
	text-decoration: none;
}

#mainTabDiv div a:HOVER {
	color: #FFFFFF;
	text-decoration: none;
}

.formElementContainercreateUser {
	float: left;
	width: 100%;
}

.contacterrorcreateuser {
	color: #A90404;
	height: 21px;
	text-align: left;
}

.disabled {
	background: #ffffff !important;
	float: left;
	padding: 5px 20px;
	color: #d4d4d4;
	margin: 0 .2em .4em 0;
	font-size: 12px;
	border-radius: 25px;
	border:1px solid #d4d4d4;
	text-transform:uppercase;
	cursor:default;

}

#breadcrumb_parent
{

}
#breadcrumb {
padding: 0px 4px 4px 14px;
float: left;
font-size: 12px;
font-weight: bold;
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis;
width: 600px;
display: inline-block;
line-height: 38px;
height: 40px;
}

#breadcrumb li {
	float: left;
	margin: 0 .1em;
	color:#5a5a5a;  
}
#breadcrumb li:nth-child(7){list-style-position:inside;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}
td{
	vertical-align:top;
}
.licenseHeaderStyle {
	border: solid;
	border-width: 1px;
	border-color: #EFEFEF;
	background-color: #f8f8f8;
	cursor: pointer;
	line-height: 23px;
	padding: 5px;
	max-width: 500px;
	margin: 0 auto;
	text-align: center;
}

.licenseHeaderInfoStyle {
	color: red;
	font-style: italic;
}

.absPositions {
	position: absolute;
}

.rightPos {
	right: 10px;
}

.ui-jqgrid .ui-jqgrid-btable,.ui-jqgrid .ui-jqgrid-htable {
	table-layout: auto;
}
.tabDisabled{
	color:#ccc !important;
	cursor:default !important;
}

.imagedropshadow {
	
}

.active_cls .grid_45p label {
    width: 172px !important;
    font-size:12px;
}
a:hover img.imagedropshadow {	
   background: none repeat scroll 0 0 transparent;
  /* box-shadow: 0 0 7px 7px #CCCCCC;
   -moz-box-shadow: 0 0 7px 7px #CCCCCC;
   -webkit-box-shadow: 0 0 7px 7px #CCCCCC;*/
   cursor: pointer;
   z-index: 999;
}

.ellipsis{
    display:inline-block;
    width:131px;
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;
    font-size:12px;
}

.jqgridgroup{
	color: #1A57AA;
	font-weight: bold;
}

#feedback {   
  height: 104px; 
  width: 104px; 
  position: fixed; 
  top: 40%; 
  z-index: 999;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg); 
  -moz-transform: rotate(-90deg); 
  -o-transform: rotate(-90deg); 
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  left:98%;    
    
}

#feedback a {
	color: #FFFFFF;
	font-weight: bold;
    font-size:13px;
    height: 15px;
    padding: 8px 16px;
    background: none repeat scroll 0 0 #0088ce;
    /*background-image: linear-gradient(#0088ce, #1A57AA);*/
    border: 1px solid #1A57AA;   
}

.scrup {
    bottom: 10px;
    height: 40px;
    position: fixed;
    margin-left: 1060px;
}

.scrarr {	
	/*background-color: #0088ce;
    background-image: linear-gradient(#0088ce, #1A57AA);*/
    cursor: pointer;
    display: block;
    padding: 4px 10px;
    color :#fff;
}


.popup-scroll{
  /* Overflow Scroll */
  max-height: 500px;
  padding:0 1em 0 0;
  height: auto !important;

}

.slimScrollDiv
{
	height: auto !important;
}

#breadcrumb div{
	height: 22px;
}

.ui-jqgrid .loading, .loading_pivot {
	position: fixed !important;
}