﻿.GridHeader
{
	display: block;
}
.Header, .ModuleHeader
{
	width: 100%;
}
.ModuleHeader th
{
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	padding: 2px;
	width: 100%;
	white-space: nowrap;
	height: 20px;
}
.Header th
{
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	padding: 2px;
	width: 100%; /*white-space: nowrap;*/
}
.HeaderButton img, .ModuleHeaderButton img
{
	width: 21px;
}

.HeaderLeft img, .ModuleHeaderLeft img
{
	width: 4px;
}
.HeaderRight img, .ModuleHeaderRight img
{
	width: 9px;
}

/* =GRID */
/* =CELL-PLAIN */
.cell-plain
{
	background-color: Transparent !important;
	background: Transparent !important;
	text-align: center !important;
	height: 10px !important;
	border-style: none !important;
}
/* =ROW-PLAIN */
.row-plain th
{
	background: Transparent !important;
	text-align: center !important;
	height: 10px !important;
	border-style: none !important;
}
/* =STANDARD-HEADER */
.standard-header th
{
	text-align: center !important;
	font-size: 12px !important;
	font-weight: bold;
}
/* =PRIMARY-HEADER */
.primary-header th
{
	vertical-align: bottom !important;
	font-weight: bolder;
}
/* =SECONDARY-HEADER */
.secondary-header
{
	height: 12px !important;
	font-weight: bold !important;
	padding: 2px !important;
	background-image: url(/../css/jquery/ui/cupertino/images/8ab9ff_40x100_textures_02_glass_50.png) !important;
	white-space: nowrap !important;
}
/* =TERTIARY-HEADER */
.tertiary-header
{
	height: 12px !important;
	font-weight: bold !important;
	padding: 2px !important;
	white-space: nowrap !important;
}
/* =MESSAGESTAB */
.messagesTab
{
	padding: 2px 2px 1px 2px;
	background-color: Silver;
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	cursor: pointer;
}
/* =MESSAGESTABSELECTED */
.messagesTabSelected
{
	color: White;
	background-color: #999999;
	padding: 2px 2px 1px 2px;
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	cursor: pointer;
}
/* =TABLE */
/* =TREELINE-TABLE */

table.treeline-table
{
	border-collapse: collapse;
	font-family: Arial,sans-serif;
	line-height: 1.3;
	font: normal 11px/130% Verdana, Arial, San-Serif;
}
table.treeline-table-border
{
	border-right: 1px solid #FFFFFF;
}
table.treeline-table tbody tr
{
	background-color: #eceae3;
}
table.treeline-table tbody tr.alt
{
	background-color: #e3dfd1;
}
table.treeline-table tr.over td
{
	background-color: #D2B48C;
}
table.treeline-table tr.selected td
{
	background-color: #c9b9b1;
	color: Black;
}
table.treeline-table tbody tr td
{
	font-size: .8em;
	padding: 2px;
	text-align: left;
	height: auto;
}
table.treeline-table-border tbody tr td
{
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	white-space:normal;
}
table.treeline-table thead tr th
{
	font-size: .8em;
	font-weight: normal;
	padding: 2px;
	text-align: left;
}
table.treeline-table thead tr th div img
{
	width: 9px;
}
table.treeline-table th div
{
	/*	white-space: nowrap;*/
	height: 18px;
}
table.treeline-table th span
{
	cursor: e-resize; /*	border-right: 1px solid #D6D2C2;  */
	width: 5px;
	display: block;
	margin: -1px -1px -1px 0px;
}
table.treeline-table thead
{
}
/* =LISTVIEW */
table.listView tbody tr td
{
	padding: 0px !important;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	height: auto;
}
/* =SCROLL */
table.scroll
{
	table-layout: fixed;
}
table.scroll tbody tr td
{
	font-size: 7pt;
	padding: 2px;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	height: auto;
}
table.scroll thead tr th
{
	font-size: 7pt;
	font-weight: normal;
	padding: 2px;
	text-align: left;
	overflow: visible;
	height: 20px;
	vertical-align: bottom;
}
table.scroll thead tr th div img
{
	width: 9px;
}
table.scroll th div
{
	overflow: visible;
	text-align: center; /*	white-space: nowrap;*/ /*word-wrap: break-word;*/ /*height : 18px;*/
}
table.scroll th span
{
	cursor: e-resize; /*	border-right: 1px solid #D6D2C2;  */
	float: right;
	position: relative;
	display: block;
	margin: -1px -1px -1px 0px; /*height: 18px;*/
	overflow: visible;
}
table.scroll thead
{
}

/* =PAGER */
div.scroll
{
	vertical-align: top;
	height: 23px;
	text-align: center;
	white-space: nowrap;
	display: none;
}
div.scroll span
{
	vertical-align: top;
}
.selbox
{
	font-size: x-small;
	vertical-align: top;
}
input.selbox
{
	font-size: x-small;
	vertical-align: top;
}
.pgbuttons
{
	margin-top: 1px;
}
.nav-table-left
{
	padding: 1px;
	float: left;
	margin-top: 2px;
}
.nav-table-right
{
	padding: 1px;
	float: right;
	margin-top: 2px;
}

table.navtable tbody tr td.nav-button
{
	white-space: nowrap;
}
table.tbutton tbody tr td
{
	border: none;
	padding: 0px;
}
img.jsHover
{
	/*not used */
	border: 1px solid #99CCFF;
}

/* =MULTISELECT checkbox */
.cbox
{
	height: 12px;
	width: 12px;
}

/* =LOADING div */
div.loading
{
	position: absolute;
	padding: 3px;
	text-align: center;
	font-weight: bold;
	background: red;
	color: white;
	display: none;
}
div.loadingui
{
	display: none;
	z-index: 6000;
	opacity: 0.1;
	-moz-opacity: 0.1;
	filter: alpha(opacity=10);
	background-color: #000;
	position: absolute;
}

/* =TOOLBAR */
div.userdata
{
	margin-top: 0px;
	height: 20px;
}

/* =SUBGRID text mode*/
.subgrid
{
	height: 100%;
	overflow: auto;
}
.tablediv
{
	background-color: White;
	border-spacing: 1px; /*cellspacing:poor IE support for  this*/
	border-collapse: separate;
	width: 100%; /* FF hack poor when scroling subgrid */
}
.celldiv
{
	float: left;
	display: table-cell;
	border: 1px dotted #CCCCCC;
	overflow: auto;
	white-space: normal;
}
.celldivth
{
	float: left; /*fix for  buggy browsers*/
	border: 1px solid #CCCCCC;
	background-color: #99CCFF;
	border-bottom: 1px solid #CBC7B8;
	text-align: left;
	overflow: auto;
}
.rowdiv
{
	display: table-row;
	background: #F9F9F9 none;
	color: #000000;
	width: 100%;
	overflow: auto;
}

/* =INLINE */
input.editable[type="text"]
{
	font-size: x-small;
	overflow: hidden;
}
input.editable[type="checkbox"]
{
}

textarea.editable
{
	overflow: hidden;
}

select.editable
{
	font-size: x-small;
}

/* =MODAL window */
.modaltext
{
	text-align: left;
}
.modalwin
{
	border: 1px solid #555555;
	background: #F9F9F9;
	text-align: left;
	margin: 0 auto;
	overflow: auto;
}
.modalhead
{
	height: 20px;
}
.modalcontent
{
	overflow: auto;
	margin-bottom: 9px;
	margin-left: 5px;
}

/* =SEARCH window */
input.search
{
	margin: 2px;
	width: 70px;
	font-size: 10px;
	color: #15428B;
}

select.search
{
	margin: 2px;
	width: 70px;
	font-size: 10px;
	color: #15428B;
}
.buttonsearch
{
	width: 50px;
	font-size: 10px;
	color: #15428B;
}

/* =FORM */
.FormGrid
{
	margin: 0px;
}
.EditTable
{
	width: 100%;
}
.FormData
{
	/* tr */
}
#FormError td
{
	font-size: 7pt;
	color: #FF0000;
	vertical-align: top;
	background-color: #f7f7f7;
}
.CaptionTD
{
	/* td */
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 1px;
	border-top: 1px solid #D4D0C8;
	white-space: nowrap;
	color: #000000;
}
.DataTD
{
	/* td */
	padding: 1px;
	border-top: 1px solid #D4D0C8;
	vertical-align: top;
}
.navButton
{
	border-top: 1px solid #D4D0C8;
	border-bottom: 1px solid #D4D0C8;
	text-align: center;
}
.navButton input
{
	width: 19px;
}
input.EditButton
{
	/* buttons are at footer tr */
	font-size: 10px;
	color: #15428B;
}
td.EditButton
{
	text-align: right;
	border-top: 1px solid #D4D0C8;
	border-bottom: 1px solid #D4D0C8;
}
.FormElement
{
	/* form element  - input -text,textarea,checkbox - select  */
}
.FormElement
{
	font-size: 10px;
}
input[type="text"].FormElement
{
	color: #15428B;
}
input[type="checkbox"].FormElement
{
	width: 15px;
	color: #15428B;
}
input[type="textarea"].FormElement
{
	color: #15428B;
}
select.FormElement
{
	font-size: 10px;
	color: #15428B;
}

/* =DELETE Dialog */
.DelButton > input
{
	/* buttons are at footer tr */
	font-size: 10px;
	color: #15428B;
}
.DelButton
{
	text-align: right;
}

/* =RESIZE corner */
img.jqResize
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	cursor: se-resize;
}
#DelError td
{
	font-size: 7pt;
	color: #FF0000;
	vertical-align: top;
	background-color: #f7f7f7;
}

.compRow
{
 text-align:center;
 border-right-color:white;
 border-right-width:1px;
 border-right-style:solid;   
}
.ExtendSmallText
{
	font-size:85%
}
table.relatedproduct-table
{
	border-style:solid;
	border-color:#f6f6f6;	
	border-width:1px; 
	margin-top:20px;
	margin-bottom:20px;
	margin-left:50px;
	margin-right:50px;
	
}
table.relatedproduct-table tbody
{
	background-color:White;	
}
table.relatedproduct-table tbody tr.alt
{
	background-color:#f6f6f6;	
}
table.exportpreview-table tbody tr.alt
{
	background-color:#f6f6f6;	
}
table.exportpreview-table tbody tr.highlight
{
	background-color:#FFFF66;
}