/*--------------- Tag styles ---------------*/
html
{
	border: 0px;
}

body
{
	background-color: White;
	height: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
	-webkit-tap-highlight-color: transparent;
	-ms-touch-action: none;
}
label, span.checkBox, .tree, .NewsListTable, .GridMain, .GridMainT, .GridMainS
{
	-moz-user-select: -moz-none;
	-o-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: -none;
	user-select: none;
}

input[type="checkbox"]
{
	margin-bottom: 0px;
	margin-left: 0px;
}
	form.rtl input[type="checkbox"]
	{
		margin-right: 0px;
		margin-left: 5px;
	}
.Button, .toolsBtn, .sprite-icon
{
	-webkit-tap-highlight-color: #AFBCCD;
}

div.wiki, .allowSelect
{
	-moz-user-select: text;
	-o-user-select: text;
	-khtml-user-select: text;
	-webkit-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

form
{
	margin: 0px;
	padding: 0px;
}

.home_page
{
   
    object-fit: contain;
}
textarea
{
	box-shadow: none !important;
	outline: none;
}
select, input[type="text"], a.editor, div
{
 outline: none;
} 

label, input, legend, select, textarea, *.label, *.labelH, *.labelTitle, *.dropDown, div.ddTable, div.informer,
*.selector, *.editor, div.req-l, div.caption, *.screenID, *.menuIsland, *.toolsList, .FormCaption, .FormContent,
.GridRow, GridHeader, .GridCaption, .GridEditorText, .GridRowForm, .GridCellButton, .GridPagerCell, 
.GridSearchText, .Button, .ButtonT, .ButtonF, .SmartPanel, .SmartPanelC, .SmartPanelF, .SearchBoxE, .SearchBoxB,
.moduleLink, .screenTitle, .linkTitle, .wikiEdit textarea, .ButtonE, .SearchBox input, .calendar, .selDropItem,
.toolLabel, .toolsBtn, .tree, .CalendarTimeColumnRow, .CalendarCurrentTime, .tabNormal, .tabContent,
.WizardCaption, .WizardContent, .NavPanelBar, .NavPanelBarA, .NavPanelCaption, .StatusText, .LoginCaption,
.LoginLabel, .LoginLink, .DashCaption, .DashContent, .DashEnquiryButton, .DashCell, .DashHeaderCell, .DashButton,
.DashCalendarButton, .ScheduleContentBackground, .ScheduleContentBackgroundPersist, .ScheduleContentBackgroundOutOfWork,
.ScheduleContentBackgroundPersistOutOfWork, .NewsListRowsMain, .NewsToolBarButtonNormal, .NewsToolBarButtonHover,
.NewsToolBarButtonPushed, .TasksAndEventsLabel, .TasksAndEventsLabelHover, .ComparerContent, span.PopupImgCaption,
.ValidationBanner, .ValidationTable, .LicenseBanner, .login_link, .login_error, #tooltip, .progressStrip
{
	font-size: 9pt;
	font-family: Arial,sans-serif, Tahoma, Verdana;
}

td.fill
{
	width: 100%;
	vertical-align: top;
}
div.outerFill
{
	position: relative;
}
div.innerFill
{
	overflow: hidden;
	position: absolute; 
	width: 100%
}

table.canOverflow
{
	width: 100%;
	table-layout: fixed;
}
table.canOverflow td
{
	overflow: hidden;
}
.inline-block
{
	display: inline-block;
}

/*------------------ Tooltip Css classes ------------------ */

#tooltip
{
	font-size: 10pt;
	border-radius: 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	background: lavender; 
	border: 1px solid navy;
	margin: 0px;
	padding: 5px;
	min-width: 80px;
	word-wrap: break-word;
}
#tooltip a
{
	color: black;
	font-size: 8pt;
	float: right;
}

#tooltip .arrow 
{
	width: 50px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
}
#tooltip .arrow.top 
{
	top: -16px;
	bottom: auto;
}
#tooltip .arrow.left 
{
	left: 20%;
}

#tooltip .arrow:after 
{
	background: lavender;
	border: 1px solid navy;
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	box-shadow: 6px 5px 9px -9px black;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	tranform: rotate(45deg);
}
#tooltip .arrow.top:after 
{
	bottom: -20px;
	top: auto;
}

#tooltip.error, #tooltip.error .arrow:after
{
	background-color: #FFCCAA;
	border-color: #FF3334;
}
#tooltip.warn, #tooltip.warn .arrow:after
{
	background-color: #FFFFAA;
	border-color: #FFAD33;
}

/*------------------ Progress bar Css classes ------------------ */

.progress
{
	position: absolute;
	width: 100%;
	left: 0px; top: 0px;
	opacity: 0.6;
	background-color: #E6E6E6;
	vertical-align: middle;
	text-align: center;
	z-index: 20000;
}

.progressStrip
{
	position: absolute;
	width: 300px; height: 24px;
	margin-left: -120px;
	left: 50%; top: 40%;
	z-index: 40000;
}

.progressStrip .border
{
	border: 2px solid #666666;
	border-radius: 5px;
	background-color: white;
	position: absolute;
	width: 100%; height: 100%;
}

.progressStrip .bar
{
	background-color: #50CA5E;
	position: relative;
	top: 2px; left: 2px;
	height: 24px; width: 0px;
	padding-left: 3px;
	padding-top: 4px;
	white-space: nowrap;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/*------------------ Login Css classes ------------------ */
div#login_bg 
{
	height: 100%; width: 100%;
	left: 0px; top: 0px;
	overflow: hidden;
	position: fixed; 
	z-index: 0;
	transition: opacity 1s ease 0s;
	background: none repeat scroll 0 0 white;
}
img#login_bg_image
{
	height: 100%; width: 100%;
	position: fixed;
}
.login_img
{
	width: 250px;
	border-width: 0px;
}

div#login_panel 
{
	background: none repeat scroll 0 0 #FFFFFF;
	position: absolute;
	right: 0px;
	z-index: 1;
	width: 500px;
	height: 100%;
	padding: 20px 40px;
	overflow-x: hidden;
	overflow-y: auto;
}

div#login_panel.mobile
{
	width: 100%; 
	left: 0px; right: auto;
	padding: 10px;
}
div#login_panel.mobile div#login_logo
{
	padding-bottom: 10px;
}
div#login_panel.mobile div#login_data
{
	min-height: 450px;
}

div#login_data
{
	height: 100%;
	min-height: 550px;
	overflow: hidden;
}
div#login_copyright
{
	height: 100px;
	margin-top: -100px;
	position: relative;
	width: 100%;
	display: table;
}
div#login_copyright > div
{
	height: 100%;
	vertical-align: bottom;
	display: table-cell;
}

div#login_logo
{
	overflow: hidden;
	padding-bottom: 100px;
}
div#login_user
{
	overflow: hidden;
}

.login_lang, .login_user, .login_pass, .login_company, .login_button
{
	font-family: Arial,sans-serif, Tahoma, Verdana;
	color: #666666;
	font-size: 14pt;
	font-weight: 500;
}

.login_lang
{
	font-size: 10pt;
	float: right;
	width: 120px;
	margin-top: 7px;
	padding: 4px;
	border-radius: 3px;
	border: solid 1px #BBBBBB;
}

.login_user, .login_pass
{
	width: 100%;
	margin-bottom: 10px;
	padding: 6px 8px;
	border: solid 1px #BBBBBB;
	border-radius: 3px;
}
.login_pass.dummy
{
	background-color: lightgray;
}

.login_company
{
	width: 100%;
	font-size: 12pt;
	margin-bottom: 10px;
	padding: 8px 8px;
	border-radius: 3px;
	border: solid 1px #BBBBBB;
}

.login_button
{
	float: right;
	color: white;
	padding: 5px;
	width: 120px;
	background-color: #43abf7;
	border: solid 1px #43abf7;
	border-radius: 5px;
}
.login_button:hover
{
	background-color: #3399cc;
}

#custErrorDetails
{
	overflow-x: auto;
}
#login_info
{
	padding: 10px 0px;
}

#login_errBox
{
	display: table-cell;
	height: 70px;
	vertical-align: middle;
}
.login_error
{
	display: inline-block;
	font-size: 10pt;
	font-weight: 600;
	color: red;
	margin-bottom: 10px;
}
#login_links
{
	padding: 5px 0px;
}
.login_link
{
	font-size: 10pt;
	margin-right: 10px;
}

/*------------------ Frameset Css classes ------------------ */
.logo
{
	float: left;
	display: inline-block;
	padding-right: 5px;
}
.logoImg
{
	height: 37px;
	width: 150px;
	border-width: 0px;
}
.loginTitleBg
{
	background: url(Images/loginBg.gif);
	text-align: center;
}
img[id$="imgLogo"]
{
	float: left;
}

.moduleLink
{
	display: inline-block;
	margin: 10px 5px 5px 10px;
	color: Black;
	text-decoration: none;
	font-size: 14pt;
}
	form.rtl .moduleLink
	{
		margin: 10px 10px 5px 5px;
	}
	.moduleLink:hover
	{
		text-decoration: underline;
	}

.leftFrame
{
	width: 18%; 
	vertical-align: top; 
	padding: 0px;
	background-color: #E5E9EE;
}
.rightFrame
{
	width: 83%; 
	vertical-align: top;
	padding: 0px;
}
#panelL .tree > ul
{
	padding-top: 10px;
}

.screenFrame
{
	border-left: solid 1px #BBBBBB;
}
	form.rtl .screenFrame
	{
		border-right: solid 1px #BBBBBB;
		border-left: none;
	}
.searchFrame
{
	padding: 10px 0 13px 5px;
}
	form.rtl .searchFrame
	{
		padding: 10px 5px 13px 0px;
	}

.menuFrameO
{
	padding-left: 5px;
	padding-bottom: 5px;
	position: relative;
}
	form.rtl .menuFrameO
	{
		padding-left: 0px;
		padding-right: 5px;
	}
.menuFrameI
{
	border: solid 1px #BBBBBB;
	border-radius: 3px;
	background-color: White;
	overflow: hidden;
	position: relative;
}
.menuPanel
{
	overflow: auto;
	position: relative;
}
.menuTree
{
	border-width: 0px !important;
	height: 100%;
	width: 100%;
	overflow: auto;
	position: absolute !important;
}
.menuTreeHlp
{
	height: 100%;
	width: 100%;
	position: absolute;
	overflow: hidden;
}

.hideFrameBox
{
	position: absolute;
	top: 8px;
	padding: 6px 0px 0px 2px;
	z-index: 1000;
	background-color: #E5E9EE;		
	border: 1px solid #BBBBBB;
	border-left-width: 0px;
	border-radius: 0px 4px 4px 0px;
	width: 16px;
	height: 17px;
}
	.hideFrameBox:hover
	{
		background-color: #A2B0C1;
	}
	form.rtl .hideFrameBox
	{
		left: auto; right: 0px;
		padding: 6px 2px 0px 0px;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		tranform: rotate(180deg);
	}

/*--------------- Page Title Css classes ---------------*/
.pageTitle
{
	padding: 2px 5px;
	overflow: hidden;
}

.pageTitleSP
{
	padding: 2px 5px;
	overflow: hidden;  
	height:35px;
	background:  url(Images/h1-2.jpg) 100% 0 no-repeat; 
}

.screenTitle
{
	font-size: 10pt; 
	font-weight: bold;
}
.screenID { }
.labelTitle { }

.siteMap
{
	white-space: nowrap;
	float: left
}
.favoriteButton
{
	width: 24px;
	height: 24px;
	opacity: 0.6; 
}
.noteButtonSel
{
}

.linkTitle
{
	font-size: 14pt;
	text-decoration: none;
	color: Black;
	cursor: pointer;
	padding: 0px 5px;
}

.linkTitleSP
{
	font-size: 14pt;
	text-decoration: none;
	color: White;
	cursor: pointer;
	padding: 0px 5px;
	opacity: 1 !important; 
}

a.linkTitle:hover
{
	text-decoration: underline;
}

a.linkTitleSP:hover
{
	text-decoration: underline;
}

.toolBarPath .dropDown, .toolBarPath .dropDown.focus
{
	font-size: 13pt;
	border-width: 0px;
	margin: 1px;
	height: 24px;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.toolBarPath .dropDown:hover
{
	margin: 0px;
	border: 1px solid #BBBBBB;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	
	background-color: #AFBCCD;
	background: -moz-linear-gradient(#F9F9F9, #EEEEEE); /* FF 3.6+ */  
	background: -ms-linear-gradient(#F9F9F9, #EEEEEE); /* IE10 */  
	background: -webkit-linear-gradient(#F9F9F9, #EEEEEE); /* Safari 5.1+, Chrome 10+ */  
	background: -o-linear-gradient(#F9F9F9, #EEEEEE); /* Opera 11.10 */  
}
div.ddTable[controlID$="cmdBranch"] .ddItem
{
	padding: 5px 20px;
	font-size: 11pt;
}

.panelTBL
{
	float: left;
	margin-left: 14px;
	margin-top: 5px;
}
	form.rtl .panelTBL
	{
		margin-left: 0px;
	}
.panelTBR
{
	float:right;
}
	form.rtl .panelTBR
	{
		margin-right: 20px;
	}

.panelTBRSP
{
	float:right;
	color: White;
}

#panelT div[data-cmd="time"]
{
	color: #4E576A;
	font-weight: 700;
}

.phDS { }
.phL { }
.phF { }
.phG {background-color: #F5F5F5; }

/*--------------- Styles for render linked labels ---------------*/
div.fld-lc, span.fld-lc
{
}
.fld-l
{
	float: left;
	width: 120px;
}
	form.rtl .fld-l
	{
		float: right;
	}
.fld-c
{
	margin-left: 120px;
}
	form.rtl .fld-c
	{
		margin-left: 0px;
		margin-right: 120px;
	}

div.fld-lc .fld-l > label, div.stack-v input[type="checkbox"] + label, .ellipsisLabel
{
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
}

.fld-lxxs { width: 40px; }
.fld-cxxs {	margin-left: 40px; }
form.rtl .fld-cxxs {	 margin-left: 0px; margin-right: 40px; }

.fld-lxs { width: 70px; }
.fld-cxs { margin-left: 70px; }
form.rtl .fld-cxs {	 margin-left: 0px; margin-right: 70px; }

.fld-ls { width: 100px; }
.fld-cs { margin-left: 100px; }
form.rtl .fld-cs {	 margin-left: 0px; margin-right: 100px; }

.fld-lsm { width: 150px; }
.fld-csm { margin-left: 150px; }
form.rtl .fld-csm {	 margin-left: 0px; margin-right: 150px; }

.fld-lm { width: 200px; }
.fld-cm { margin-left: 200px; }
form.rtl .fld-cm {	 margin-left: 0px; margin-right: 200px; }

.fld-lxm { width: 250px; }
.fld-cxm { margin-left: 250px; }
form.rtl .fld-cxm {	 margin-left: 0px; margin-right: 250px; }

.fld-ll { width: 300px; }
.fld-cl { margin-left: 300px; }
form.rtl .fld-cl {	 margin-left: 0px; margin-right: 300px; }

.fld-lxl { width: 350px; }
.fld-cxl { margin-left: 350px; }
form.rtl .fld-cxl {	 margin-left: 0px; margin-right: 350px; }

.fld-lxxl { width: 400px; }
.fld-cxxl { margin-left: 400px; }
form.rtl .fld-cxxl {	 margin-left: 0px; margin-right: 400px; }

/*--------------- Styles for stack layout ---------------*/
div.col-xxs { width: 100px; }
div.col-xs { width: 150px; }
div.col-s  { width: 200px; }
div.col-m  { width: 250px; }
div.col-xm  { width: 300px; }
div.col-l  { width: 350px; }
div.col-xl  { width: 400px; }
div.col-xxl  { width: 450px; }

div.stack-phor
{
	margin: 0px 9px;
}
div.stack-pout-v
{
	margin: 9px;
}
div.stack-pout-h
{
	margin: 0px 9px 9px 9px;
}
div.stack-pout-h > *
{
	margin-top: 9px;
	padding-top: 0.1px;
}
div.stack-v > div > span, div.stack-h > div > span, div.cell-w > span, 
div.stack-v > div > label, div.stack-h > div > label, div.cell-w > label, 
div.stack-v .label, div.stack-h .label, div.stack-v .labelH, div.stack-h .labelH,
div.stack-v .checkBox, div.stack-h .checkBox
{
	display: block;
	height: 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

div.stack-v > .cell-pv, div.stack-v > .cell-pv1, 
div.stack-v > .cell-pv2
{
	padding-top: 0.1px;
}
div.stack-v > .cell-pn > *, div.stack-v > .cell-ph > *, 
div.stack-v > .cell-ph1 > *, div.stack-v > .cell-ph2 > *
{
	position: relative;
}

div.stack-v > .cell-pv > *
{
	margin-top: 6px;
}
div.stack-v > .cell-pv1 > *
{
	margin-top: 18px;
}
div.stack-v > .cell-pv2 > *
{
	margin-top: 36px;
}

div.stack-h > .cell-pn, div.stack-h > .cell-ph, div.stack-h > .cell-pha, 
div.stack-h > .cell-ph1, div.stack-h > .cell-pha1, div.stack-h > .cell-ph2, div.stack-h > .cell-pha2
{
	float: left;
}
div.stack-h.rtl > .cell-pn, div.stack-h.rtl > .cell-ph, div.stack-h.rtl > .cell-pha, 
div.stack-h.rtl > .cell-ph1, div.stack-h.rtl > .cell-pha1, 
div.stack-h.rtl > .cell-ph2, div.stack-h.rtl > .cell-pha2
{
	float: right;
}
div.stack-h > .cell-pb > *
{
	margin-bottom: 6px;
}

div.stack-h > .cell-pha > *, div.stack-h > .cell-ph
{
	margin-right: 6px;
}
div.stack-h > .cell-pha1 > *, div.stack-h > .cell-ph1
{
	margin-right: 18px;
}
div.stack-h > .cell-pha2 > *, div.stack-h > .cell-ph2
{
	margin-right: 36px;
}

div.stack-h .auto-size, div.stack-v .auto-size
{
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.border-box
{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.stack-hidden
{
	position: absolute;
	left: 0px; top: 0px;
}

/*--------------- Styles to show the control notes ---------------*/
.note-m
{
	margin-left: 10px;
}
.req-l
{
	float: left;
	padding-top: 2px;
}
.req-l:before
{
	content: "*";
}
.req-lh
{
	color: Red;
}

.err-l
{
	float: left;
	padding-top: 2px;
	margin-left: -3px;
}
.err-l:before
{
	content: url(Images/error.gif);
}

.war-l
{
	float: left;
	padding-top: 2px;
	margin-left: -3px;
}
.war-l:before
{
	content: url(Images/warning.gif);
}

/*--------------- Styles for Panel and GroupBox ---------------*/
fieldset 
{                 
	padding: 0;
	border: 0;
	margin-left: 0;
	border-top: 1px solid steelblue;
}

fieldset legend 
{                 
	color: blue;
	text-align: left;
	padding: 3px 5px 0px 0px;
	height: 23px;
}
form.rtl fieldset legend
{
	padding: 3px 0px 0px 5px;
}

.buttonPanel .stack-h
{
	margin-right: 0px;
}
.buttonPanel .Button
{
	height: 30px;
}
.groupBox
{
}
.groupBox div.tr
{
	display: table;
	border-collapse: collapse;
	font-size: 0pt;
	height: 5px;
	width: 100%;
}

.groupBox div.tr > div
{
	display: table-cell;
}
.groupBox .stub 
{ 
	font-size: 0pt;
	width: 5px; 
}

.groupBox .caption
{ 
	color: blue;
	padding: 0px 2px 0px 3px;
	white-space: nowrap;
	width: 5px;
}
.groupBox .content
{ 
	font-size: 8pt;
}

.groupBox div.tr > div.l-top 
{
	width: 5px;
	background-repeat: no-repeat;
	background-position: left 5px;
	background-image: url(Images/GroupBox/leftTop.gif); 
}
.groupBox div.tr > div.top 
{ 
	background-repeat: repeat-x;
	background-position: left 5px;
	background-image: url(Images/GroupBox/linePoint.gif); 
}
.groupBox div.tr > div.r-top 
{ 
	background-repeat: no-repeat;
	background-position: right 5px;
	background-image: url(Images/GroupBox/rightTop.gif);
	width: 5px;
}

.groupBox div.tr > div.left 
{ 
	background-repeat: repeat-y;
	background-position: left top;
	background-image: url(Images/GroupBox/linePoint.gif); 
	width: 5px;
}
.groupBox	div.tr > div.right 
{ 
	background-repeat: repeat-y;
	background-position: right top;
	background-image: url(Images/GroupBox/linePoint.gif); 
	width: 5px;
}

.groupBox div.tr > div.l-bottom 
{ 
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image :url(Images/GroupBox/leftBottom.gif); 
	width: 5px;
}
.groupBox	div.tr > div.bottom 
{ 
	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: url(Images/GroupBox/linePoint.gif);
}
.groupBox div.tr > div.r-bottom 
{ 
	background-repeat: no-repeat;
	background-position: right bottom;
	background-image: url(Images/GroupBox/rightBottom.gif); 
	width: 5px;
}

.groupBox .line
{
	height: 28px;
}
.groupBox .line-top
{ 
	background-repeat: repeat-x;
	background-position: left 6px;
	background-image: url(Images/GroupBox/linePoint.gif); 
	width: 100%;
}
.groupBox .line-caption
{ 
	color: blue;
	font-size: 8pt;
	padding-right: 3px;
	white-space: nowrap;
}

/*--------------- Styles for base controls ---------------*/
.label { }
.labelH 
{ 
	overflow: hidden; 
}
.labelNoWrap 
{ 
	white-space: nowrap; 
}
.labelInfo 
{ 
	color: DarkGray; 
	overflow: hidden; 
}

.checkBox
{ 
	white-space: nowrap;
	padding-right: 5px;
}
	form.rtl .checkBox
	{
		padding-right: 0px;
	}
	.checkBox label.left
	{
		float: left;
		padding-right: 2px;
		padding-top: 2px;
	}

.splitterVert
{
	border-left: 1px solid #BBBBBB; 
	border-right: 1px solid #BBBBBB;	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.splitterH
{
	border-left: 1px solid #BBBBBB; 
	border-right: 1px solid #BBBBBB;	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.splitterHF
{
    background-color: #E5E9EE;
}
.splitterA
{
	background-color: DimGray;
}
.splitterHor
{
	border-bottom: 1px solid #BBBBBB; 
	border-top: 1px solid #BBBBBB;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.splitterLC, .splitterTC, .splitterRC, .splitterBC
{
	padding: 0px;
	vertical-align: top;
}

.imageUploader
{
	text-align: center;
	display: table;
}
.imageUploader .linksDiv
{
	padding-bottom: 4px;
	text-align: left;
}
.imageUploader .textDiv
{
	padding-top: 4px;
	text-align: left;
}
.imageUploader .navLink
{
	float: right;
	margin-left: 7px;
}

.size-xxs { width: 40px; }
.size-xs { width: 70px; }
.size-s { width: 100px; }
.size-sm { width: 150px; }
.size-m { width: 200px; }
.size-xm { width: 250px; }
.size-l { width: 300px; }
.size-xl { width: 350px; }
.size-xxl { width: 400px; }

/*--------------- Styles for editor controls ---------------*/
.editor
{
	border: #BBBBBB 1px solid;
	border-radius: 2px;
	padding: 2px;
	padding-left: 3px;
	margin-bottom: 0px;
	margin-top: 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
a.editor
{
	display: inline-block;
	height: 20px;
}

.complexEditor
{
	border: #BBBBBB 1px solid;
}
.radioButtonList
{
}
.textEditLabel
{
	background-color: Transparent !important;
	border-width: 0px;	
}

.editor:focus, .dropDown.focus, .selector.focus .controlCont, button:focus
{
	border: 1px solid steelblue;
	border-radius: 2px;
	box-shadow: 0px 0px 4px steelblue;
	-webkit-box-shadow: 0px 0px 4px steelblue;
}
input[type="checkbox"]:focus
{
	border: 1px solid #steelblue;
	box-shadow: 0px 0px 4px steelblue;
	-webkit-box-shadow: 0px 0px 0px;
}

.selector
{
	height: 20px;
	background-color: transparent;
	position: relative;
}
.selector .controlCont 
{
	border: #BBBBBB 1px solid;
	border-radius: 2px;
	height: 100%;
	position: relative;
	overflow: hidden;
	
	background-color: White;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.selector[edit] .controlCont
{
	margin-right: 29px;
}
.selector input, .selector a, .dropDown input
{
	width: 100%; height: 100% !important;
	padding: 0px 2px 0px 3px;	
	border-width: 0px !important;
	box-shadow: none !important;
}

.selector .editBtnCont
{
	position: absolute;
	top: 0px; right: 0px;
	padding-left: 5px;
}
.selector .editBtnCont > div
{
	border: 1px solid #BBBBBB;
	border-radius: 3px;
	height: 18px; width: 22px;
	text-align: center;
	background: -moz-linear-gradient(#F9F9F9, #EEEEEE); /* FF 3.6+ */  
  background: -ms-linear-gradient(#F9F9F9, #EEEEEE); /* IE10 */  
  background: -webkit-linear-gradient(#F9F9F9, #EEEEEE); /* Safari 5.1+, Chrome 10+ */  
  background: -o-linear-gradient(#F9F9F9, #EEEEEE); /* Opera 11.10 */  
}

.selector.multi
{
	height: auto;
}
.selector.multi input
{
	float: left;
	height: 18px !important;
	width: auto;
}
.selector.multi .editorWrap
{
	white-space: normal;
	overflow: hidden;
}
.selector.multi div[class*="ClearN"]:hover
{
	opacity: 1;
}

.selector.multi .selItem
{
	cursor: default;
	float: left;
	display: inline-block;
	height: 18px;
	white-space: nowrap;
	background-color: #F5F5F5;
	/*border: 1px solid #D9D9D9;*/
	border-radius: 3px 3px 3px 3px;
	margin-right: 3px;
}
.selector.multi .selItemText
{
	display: inline-block;
	float: left;
	padding: 1px 5px;
	height: 16px;
	max-width: 325px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.selDropTable 
{
	border: #BBBBBB 1px Solid;
	background-color: White;
	box-shadow: 3px 3px 4px #666666;
	-webkit-box-shadow: 4px 4px 6px #666666;
	-moz-box-shadow: 4px 4px 6px #666666;
}
.selDropItem
{
	padding: 4px 2px;
	vertical-align: middle;
	text-align: left;
	white-space: nowrap;
	cursor: default;
}
.selDropItem.selected
{
	background-color: Silver;
}

input.Disabled, a.Disabled, div.Disabled, table.Disabled, div.Disabled .controlCont
{
	background-color: transparent;
	border-color: transparent;
	border-bottom-color: #BBBBBB;
	box-shadow: none !important;
}
input.Disabled
{
	color: black;
}
a.Disabled
{
	text-decoration: none;
}
.selector.Disabled
{
	border-width: 0px;
}
.ReadOnly, .ReadOnly .controlCont
{
	color: black;
	background-color: #EBEBEB !important;
}
.selector.ReadOnly
{
	background-color: transparent !important;
}

/*--------------- Styles for the drop-down controls ---------------*/
.dropDown
{
	background-color: White;
	height: 20px;
	position: relative;
	cursor: default;
	
	border: #BBBBBB 1px solid;
	border-radius: 2px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.dropDown .center:before, .selector .center:before
{
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.dropDown .text
{
	vertical-align: middle;
	padding: 0px 2px 0px 3px;
}
.dropDown input[invisible]
{
	position: absolute;
	top: -40px;
	background-color: transparent;
}

.dropDown .editorCont, .selector .editorCont
{
	position: relative;
	overflow: hidden;
	margin-right: 16px;
	height: 100%;
}
.dropDown[buttons="0"] .editorCont
{
	margin-right: 0px;
}
.dropDown[buttons="2"] .editorCont
{
	margin-right: 32px;
}
.dropDown[buttons="3"] .editorCont
{
	margin-right: 48px;
}
.dropDown .editorWrap, .selector .editorWrap
{
	height: 100%;
	white-space: nowrap;
}
.dropDown .buttonsCont, .selector .buttonsCont
{
	position: absolute;
	top: 0px; right: 0px;
	height: 100%;
}

.ddTable 
{
	border: #BBBBBB 1px Solid;
	background-color: White;
	box-shadow: 3px 3px 4px #666666;
	-webkit-box-shadow: 4px 4px 6px #666666;
	-moz-box-shadow: 4px 4px 6px #666666;
}
.ddItem
{
	padding: 4px 2px;
	vertical-align: middle;
	text-align: left;
	white-space: nowrap;
	cursor: default;
}
.ddSelection
{
	background-color: Silver;
}

.ddTable .searchCont
{
	position: relative;
	overflow: hidden;
	border: #BBBBBB 1px solid;
	margin: 2px;
	min-width: 150px;
}
.ddTable .searchWrap
{
	margin-right: 16px;
}
.ddTable .searchWrap input
{
	border-width: 0px;
	margin: 0px;
	padding: 2px;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.ddTable .searchIcon
{
	position: absolute;
	top: 0px; right: 0px;
}

/*--------------- CurrencyRate & WikiEdit control styles ---------------*/
.rateEditor
{
	position: relative;
	overflow: hidden;
	outline: none;
}
.rateEditor .selector
{
	width: 100%;
}

.rateEditor .selWrap
{
 margin-right: 185px;
}
.rateEditor .btnWrap
{
	position: absolute;
	right: 0px; top: 0px;
}

.rateEditor .btnWrap .Button
{
	position: relative;
	height: 20px;
	width: 75px;
	float: left;
	margin-left: 4px;
	padding: 1px 2px 3px 2px;
}
.rateEditor .btnWrap .Button[id$="rateB"]
{
	width: 100px;
	text-align: left;
}
.rateEditor .btnWrap .Button[id$="rateB"] div[id$="im"]
{
	position: absolute;
	right: 0px; top: 0px;
}

.wikiEdit
{
	outline-style: none;
}
.wikiEditC
{
	border: 1px solid #BBBBBB;
	border-top-width: 0px;
}
.wikiEdit textarea
{
	border-width: 0;
	margin: 0;
	padding: 0;
}

/*--------------- PXButtonEdit control styles ---------------*/
.ButtonE
{ 
	border-left: steelblue 1px solid;
	font-size: 8pt;
	background-image: url(Images/tb_gradient.gif);
	background-repeat: repeat-x;
	background-position:left bottom;
	background-color: #9997B5;
	padding: 2px;
	cursor: default;
}

.ButtonEH
{ 
	background-color: Moccasin;
	background-image: none; 
}

.ButtonEP
{ 
	background-color:LightSalmon;
	background-image: none; 
}

.ButtonED
{ 
	color: GrayText;
}

/*--------------- PXSearchBox control styles ------------*/
.SearchBox
{
	border: #BBBBBB solid 1px;
	border-radius: 3px;
	background-color: White;
}

.SearchBox table
{
	height: 20px; 
}
.SearchBox input
{
	border-style: none;
	border-width: 0;
	color: #9A999A;
	width: 100%;
}

.SearchBoxE, .SearchBoxE2
{
	padding-left: 2px;
	overflow: hidden;
}
.SearchBoxE input
{
	font-style: italic;
}
.SearchBoxE2 input
{
	color: Black;
}

.SearchBoxB
{
	border-left: #BBBBBB solid 1px;
	padding: 0px 4px;
	cursor: pointer;
	background-color: #F1F1F1;
	vertical-align: middle;
	border-radius: 0px 2px 2px 0px;
	min-width: 40px;
	text-align: center;
	
	opacity: 0.7;
	background: -moz-linear-gradient(#F9F9F9, #DEDEDE); /* FF 3.6+ */  
	background: -ms-linear-gradient(#F9F9F9, #DEDEDE); /* IE10 */  
	background: -webkit-linear-gradient(#F9F9F9, #DEDEDE); /* Safari 5.1+, Chrome 10+ */  
	background: -o-linear-gradient(#F9F9F9, #DEDEDE); /* Opera 11.10 */  
}
	.SearchBoxB:hover
	{
		opacity:1;
	}
	form.rtl .SearchBoxB
	{
		border-right: #BBBBBB solid 1px;
		border-left: none;
	}

/*--------------- PXButton control styles ---------------*/
.Button 
{ 
	font-weight: 700;
	background-color: #F3F3F3;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	border: #BBBBBB 1px solid;	
	border-radius: 3px;
	padding: 2px 2px 3px 2px;
	height: 26px;
	min-width: 60px;
	vertical-align: middle;
	opacity: 0.7;
	white-space: nowrap;
	cursor:pointer;
	
	background: -moz-linear-gradient(#F9F9F9, #EEEEEE); /* FF 3.6+ */  
	background: -ms-linear-gradient(#F9F9F9, #EEEEEE); /* IE10 */  
	background: -webkit-linear-gradient(#F9F9F9, #EEEEEE); /* Safari 5.1+, Chrome 10+ */  
	background: -o-linear-gradient(#F9F9F9, #EEEEEE); /* Opera 11.10 */  
}
.ButtonT
{ 
	font-weight: 700;
	background-color:  Transparent;
	vertical-align: middle;
	opacity: 0.7;
	white-space: nowrap;
}
.Button.image
{
	min-width: 36px;
}

.ButtonH
{ 
	border-color: #BBBBBB;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	opacity: 1;
	
	background-color: #AFBCCD;        
	background: -moz-linear-gradient(#F9F9F9, #EEEEEE); /* FF 3.6+ */  
  background: -ms-linear-gradient(#F9F9F9, #EEEEEE); /* IE10 */  
  background: -webkit-linear-gradient(#F9F9F9, #EEEEEE); /* Safari 5.1+, Chrome 10+ */  
  background : -o-linear-gradient(#F9F9F9, #EEEEEE); /* Opera 11.10 */ 
}
.ButtonP
{ 
	opacity: 1;
		
}
.ButtonD
{ 
	color: #333333;
	opacity: 0.2;
}

.ButtonDD
{ 
	opacity: 1;
}
.ButtonDN
{ 
	padding-left: 2px;
	padding-right: 2px;
	opacity: 0.6;
}
.ButtonDH
{ 
	border-left: Solid 1px #BBBBBB;
	padding-left: 1px;
	padding-right: 2px;
	opacity: 0.7;
}

.ButtonF
{ 
	font-weight: normal;
	background-color:  Transparent;
	vertical-align: middle;
	padding: 0px 2px;
	border-width: 0px;
	cursor: pointer;
	opacity: 0.6;
}
.ButtonHF
{ 
	opacity: 1;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.ButtonPF
{ 
	opacity: 1;
}

.ButtonLink
{
	background-color: Transparent;
	text-shadow: none !important;
	border: none;	
	border-radius: 3px;
	padding: 2px 2px 3px 2px;
	height: 20px;
	vertical-align: middle;
	opacity: 0.7;
	white-space: nowrap;
	cursor:pointer;
	color: blue; 
	box-shadow: 0px 0px 0px #F5F5F5 !important;
	font-family: Arial,sans-serif,Tahoma,Verdana;
    font-size: 9pt;
}

.ButtonLink a
{
	background-color: Transparent;
	text-shadow: 0px !important;
	border: none;	
	border-radius: 3px;
	padding: 2px 2px 3px 2px;
	height: 20px;
	vertical-align: middle;
	opacity: 0.7;
	white-space: nowrap;
	cursor:pointer;
	color: blue;	
	box-shadow: 0px 0px 0px #F5F5F5;
	font-family: Arial,sans-serif,Tahoma,Verdana;
	font-size: 9pt;
	text-decoration: underline !important;	         
}

.ButtonLinkHover
{
	background-color: Transparent;
	text-shadow: 0px !important;
	border: none;	
	border-radius: 3px;
	padding: 2px 2px 3px 2px;
	height: 20px;
	vertical-align: middle;
	opacity: 0.7;
	white-space: nowrap;
	cursor:pointer;
	color: blue;	
	box-shadow: 0px 0px 0px #F5F5F5;
	font-family: Arial,sans-serif,Tahoma,Verdana;
    font-size: 9pt;
	text-decoration: underline !important; 
}



/*--------------- Drop-down calendar styles ---------------*/
.calendar 
{
	background-color: White;
	border: 1px solid DarkGray;
	box-shadow: 3px 3px 4px #666666;
	-moz-box-shadow: 3px 3px 4px #666666;
	-webkit-box-shadow: 3px 3px 4px #666666;
}

.calendarMT
{
	font-size: 8pt;
	font-weight: bold;
	height: 22px;
	border-bottom: LightGrey 1px Solid;
}
.calendarMT select 
{
	margin: 0; padding: 0;
	width: auto;
}
.calendarMT select + select
{
	margin-left: 8px;
}

.calendarNP
{
	width:16px;
}
.calendarF
{
	border-top: LightGrey 1px Solid;
	padding: 2px 0px 2px 5px;
}
.calendar .calendarMT, .calendar .calendarF
{
	background-color: #F3F3F3;
	background: -moz-linear-gradient(#F9F9F9, #EEEEEE); /* FF 3.6+ */  
  background: -ms-linear-gradient(#F9F9F9, #EEEEEE); /* IE10 */  
  background: -webkit-linear-gradient(#F9F9F9, #EEEEEE); /* Safari 5.1+, Chrome 10+ */  
  background: -o-linear-gradient(#F9F9F9, #EEEEEE); /* Opera 11.10 */  
}

.calendarD
{
	text-align: Center;
	vertical-align: Middle; 
	padding: 5px 8px;
}
.calendarWE
{
	color: Red; 
}
.calendarTD 
{
	background-color: Lavender;
	border: 1px solid Red;
	padding: 4px 7px;
}

.calendarOMD
{
	color: Gray;
}	  
.calendarSD
{
	background-color: Silver; 
}

.calendarDH
{
	border-bottom: Navy 3px Double;
	text-align: Center;
}
.calendarWN 
{
	color: SeaGreen; font-size: 7pt;
	min-width: 10px;
}

/*--------------- Styles for PXToolBar control ---------------*/
.toolBar
{
	background-color: #F5F5F5;
}
.toolBarT
{
	background-color: transparent;
}
.toolBarBB
{
	border-bottom: #BBBBBB 1px solid;
}
.toolBarBT
{
	border-top: #BBBBBB 1px solid;
}
.toolBarS
{
	border: #BBBBBB 1px solid;
}

ul.toolsList
{
	list-style: none outside none;
	margin: 0px; padding: 0px;
	border-spacing: 0px
}
ul.toolsList > li
{
	display: inline-block;
	vertical-align: middle;
}
ul.asTable
{
	display: table;
	white-space: nowrap;
}
ul.asTable > li
{
	display: table-cell;
}

 .toolsBtnSP
{
	color: white;
	text-shadow: none;
	opacity: 1 !important;
}	

.toolsBtn
{
	display: table;
}
div.toolsBtn:hover
{
	text-decoration: none;
}
.toolsBtn div[data-type]
{
	display: table-cell;
	white-space: nowrap;
	vertical-align: middle;
}

.toolBar .toolsBtn
{
	background-color: inherit;
	margin: 3px;
	color: #000000;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	font-weight: 700;
	white-space: nowrap;
}
.toolBar .toolsBtn[pushed]
{
	background-color: Moccasin;
	border: 1px solid #BBBBBB;
	border-radius: 2px 2px 2px 2px;
	margin: 2px;
}

.toolBar .toolsBtn:hover
{
	margin: 2px;
	border: 1px solid #BBBBBB;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	opacity: 1;
	background-color: #AFBCCD;
	color: black;
	background: -moz-linear-gradient(#F9F9F9, #EEEEEE); /* FF 3.6+ */  
	background: -ms-linear-gradient(#F9F9F9, #EEEEEE); /* IE10 */  
	background: -webkit-linear-gradient(#F9F9F9, #EEEEEE); /* Safari 5.1+, Chrome 10+ */  
	background: -o-linear-gradient(#F9F9F9, #EEEEEE); /* Opera 11.10 */  
}
.toolBar .toolsBtn:hover[enabled="false"]
{
	background: none;
	background-color: inherit;
	margin: 3px;
	border-width: 0px;
	box-shadow: none;
}

.toolLabel
{
	padding: 5px;
	white-space: nowrap;
	font-weight: 700;	
}
.toolBarSep
{
	background: url(Images/tb_separator.gif) no-repeat 3px top;
	width: 6px;
	height: 18px;
}
.toolBtnNormal, .toolBtnDisabled, .toolBtnPushed, .toolBtnDD, .toolBtnDropN, .toolBtnDropP
{
	padding: 5px 10px;
	line-height: 18px;
	cursor: default;
	opacity: 0.6;
	text-align: center;
	cursor: pointer;
	-bracket-:hack[;
		height: 19px;
	]; 
}
.toolsBtn:hover .toolBtnNormal
{
	opacity: 1;
	color: black;
}
.toolBtnDisabled  
{
	opacity: 0.2; 
}
.toolBtnPushed
{
	opacity: 1;
	color: black;	
}

.toolBtnDD
{
	opacity: 1;
	color: black; 
}
.toolBtnDropN, .toolBtnDropP
{
	padding-right: 2px !important;
	padding-left: 2px !important;
}
.toolBtnDropP
{
	opacity: 1;	
}
.toolsBtn:hover .toolBtnDropN
{
	padding-left: 1px !important;
	border-left:  transparent 1px solid;
	opacity: 1;
	background-color: #AFBCCD;
	background: -moz-linear-gradient(#F9F9F9, #EEEEEE); /* FF 3.6+ */  
	background: -ms-linear-gradient(#F9F9F9, #EEEEEE); /* IE10 */  
	background  : -webkit-linear-gradient(#F9F9F9, #EEEEEE); /* Safari 5.1+, Chrome 10+ */  
	background: -o-linear-gradient(#F9F9F9, #EEEEEE); /* Opera 11.10 */  
}

.toolBar.narrow .toolBtnNormal, .toolBar.narrow .toolBtnDisabled, .toolBar.narrow .toolBtnPushed, 
.toolBar.narrow .toolBtnDD, .toolBar.narrow .toolBtnDropN, .toolBar.narrow .toolBtnDropP
{
	padding: 5px 6px; 
}

.ColorToolBarMenu
{
	border: #BBBBBB 1px solid;
	background-color: #F0F1F5;
}

/*--------------- Styles for the DataSource and Path ToolBar -------------------*/

.dataSource
{
	vertical-align: top;
}
.toolBarDS
{
	background-color: inherit;
	padding: 2px 0px;
}
.toolBarDS .toolBtnNormal, .toolBarDS .toolBtnDisabled, .toolBarDS .toolBtnPushed, 
.toolBarDS .toolBtnDD, .toolBarDS .toolBtnDropN, .toolBarDS .toolBtnDropP
{
	padding: 6px 10px;
}

.toolBarDS .toolsBtn
{
	background-color: #F3F3F3;
	border: #DCDCDC 1px solid;
	border-radius: 3px;
	margin: 3px;
	color: #000000;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	font-weight: 700;
	min-width: 40px;
	
	background: -moz-linear-gradient(#F9F9F9, #EEEEEE); /* FF 3.6+ */  
  background: -ms-linear-gradient(#F9F9F9, #EEEEEE); /* IE10 */  
  background: -webkit-linear-gradient(#F9F9F9, #EEEEEE); /* Safari 5.1+, Chrome 10+ */  
  background: -o-linear-gradient(#F9F9F9, #EEEEEE); /* Opera 11.10 */  
}

.toolBarDS .toolsBtn[pushed]
{
	background: Moccasin;
	margin: 3px; 
}
.toolBarDS .toolsBtn:hover
{
	margin: 3px; 
}
.toolBarDS .toolsBtn:hover[enabled="false"]
{
	background-color: #F3F3F3;
	border: #DCDCDC 1px solid;
	box-shadow: none;
	
	background: -moz-linear-gradient(#F9F9F9, #EEEEEE); /* FF 3.6+ */  
  background: -ms-linear-gradient(#F9F9F9, #EEEEEE); /* IE10 */  
  background: -webkit-linear-gradient(#F9F9F9, #EEEEEE); /* Safari 5.1+, Chrome 10+ */  
  background: -o-linear-gradient(#F9F9F9, #EEEEEE); /* Opera 11.10 */  
}

.toolBarDS .toolBarSep
{
	height: 18px;
	background: none;
	width: 0px;
}

.toolBarPath
{
	background-color: transparent;
}
.toolBarPath .toolsBtn
{
	margin: 2px;
	font-size: 13pt;
	font-weight: normal;
}
.toolBarPath .toolsBtn:hover
{
	margin: 1px;
}
.toolBarPath .toolsBtn[pushed]
{
	margin: 1px;
}
.toolBarPath .toolBtnNormal, .toolBarPath .toolBtnDisabled, 
.toolBarPath .toolBtnPushed, .toolBarPath .toolBtnDD,
.toolBarPath .toolBtnDropN, .toolBarPath .toolBtnDropP
{
	padding: 2px 5px;
	opacity: 1;
}

/*--------------- Styles for system ToolBar control ---------------*/

.toolSysTable
{
	background-color: #E5E9EE;
	height: 37px;
}
.toolBarSys
{
	padding: 7px 7px 0px 7px;
}
.toolBarSys2
{
	padding: 7px 7px 0px 7px;
}

.toolSysNormal, .toolSysDisabled, .toolSysPushed
{
	cursor: default;
	height: 18px;
	padding: 6px 15px;
	color: #4E576A;
	font-weight: 700;
	font-size: 12px;
}

.toolsBtn:hover .toolSysNormal
{
	color: Black;
	background-color: #AFBCCD;
}
.toolSysDisabled
{
	color: GrayText;
}
.toolSysPushed
{
	color: White;
	background: #4E576A;
	cursor: default;
}
.toolBarSys div.toolsBtn:hover[href]
{
	color: #DD0000;
	text-decoration: underline;
}
.toolBarSys div.toolsBtn:hover[href] > *
{
	cursor: pointer;
}

/*--------------- Styles for modules ToolBar control ---------------*/
.toolBarMod
{
	background: #4E576A;
	min-height: 10px;
}
.toolModNormal, .toolModDisabled, .toolModPushed
{
	cursor: default;
	padding: 7px 15px;
	color: #CCCCBC;
	font-weight: 700;
	font-size: 12px;
	height: 17px;
}
.toolBarMod .toolBarSep
{
	background: DarkGray;
	width: 1px;
	height: 18px;
}

.toolsBtn:hover .toolModNormal
{
	color: #FFFFFF;
	background-color: #6E778A;
}
.toolModDisabled
{
	color: GrayText;
}
.toolModPushed
{
	color: White;
	border-bottom: solid #DD0000 2px;
	padding-bottom: 5px;
}

/*--------------- Styles for sub-modules ToolBar control ---------------*/
.toolBarSubMod
{
	background-color: #F1F1F1;
}
.toolBarSubMod .toolsList, .toolBarSubMod .toolsBtn
{
	width: 100%;
}
.toolSubModNormal, .toolSubModDisabled, .toolSubModPushed, .toolSubModDD
{
	padding: 9px;
	border-left: #BBBBBB solid 1px;
	border-bottom: #BBBBBB solid 1px;
	cursor: default;
	text-align: center;
	opacity: 0.6;
}

.toolsBtn[startGroup="1"] .toolSubModNormal, .toolsBtn[startGroup="1"] .toolSubModPushed
{
	border-left-width: 0px;
}
	form.rtl .toolsBtn[startGroup="1"] .toolSubModNormal,
	form.rtl .toolsBtn[startGroup="1"] .toolSubModPushed
	{
		border-left-width: 1px;
	}
.toolsBtn[endGroup="1"] .toolSubModNormal, .toolsBtn[endGroup="1"] .toolSubModPushed
{
}
	form.rtl .toolsBtn[endGroup="1"] .toolSubModNormal, 
	form.rtl .toolsBtn[endGroup="1"] .toolSubModPushed
	{
		border-left-width: 0px;
	}

.toolsBtn:hover .toolSubModNormal
{
	opacity: 1;
	background-color: #AFBCCD;
}
.toolSubModDisabled
{
	color: GrayText;
}
.toolSubModPushed
{
	background-color: White;
	border-bottom-width: 0px;
	padding-bottom: 10px;
	opacity:1;
}

/*--------------- Styles for PXMenu control ---------------*/

#pageInfoContextMenu
{
	position: absolute;
	width: 130px;
	height: 120px;
	left: 0px;
	top: 0px;
	visibility:hidden;
	z-index: 30000;
	
	box-shadow: 3px 3px 4px #666666;
	-moz-box-shadow: 4px 4px 6px #666666;
	-webkit-box-shadow: 4px 4px 6px #666666;
	border: 1px solid #BBBBBB;	
}

.menuIsland
{
	background-color: White;
	color: Black;
	border: #BBBBBB 1px solid;
	cursor: default;
	box-shadow: 3px 3px 4px #666666;
	-moz-box-shadow: 4px 4px 6px #666666;
	-webkit-box-shadow: 4px 4px 6px #666666;
	padding: 2px;
}
.menuIslandT
{
	border-width: 0px;
	background-color: transparent;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	padding: 0px;
}
.menuIslandV
{
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.menuIsland .menuImage
{
	margin: 0px 2px 0px 0px;
	border: 0px;
}
.menuIsland img[submenu="1"]
{
	float: right !important;
	margin: 2px 2px 0px 0px;
}
.menuIsland div.sprite-icon[submenu="1"]
{
	float: right !important;
	margin: 3px 2px 0px 0px;
}
.menuIsland div.sprite-icon[check="1"]
{
	margin: 3px 0px 0px 2px;
}
ul.menu div.sprite-icon
{
	float: left;
}

ul.menu
{
	padding : 0px;
	margin: 0px;
	display: block;
	list-style: none outside none;
	overflow: hidden;
	vertical-align: middle;
}
ul.menu li
{
	float: left; 
	display: inline-block;
	white-space: nowrap;
	margin: 1px 0px;
}
ul.menu.auto-size li
{
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
ul.menu li.menuItem, ul.menu li.menuHover, ul.menu li.menuDisabled
{
	min-height: 16px;
}

.menuItem
{
	opacity: 0.7;
	padding: 5px 1px 5px 5px;
}
.menuItem:hover, .menuItem.active
{
	opacity: 1;
	background-color: #F5F5F5;
	padding: 4px 0px 4px 4px;
	border: #BBBBBB 1px solid;
}
.menuChecked
{
	opacity: 1;
	background-color: #4E576A !important;
	color: white !important;
}
.menuDisabled
{
	opacity: 0.4;
	padding: 5px 1px 5px 5px;
}

.menuTopSelected
{
	background-color: LightSteelBlue;
	border: gray 1px solid;
	padding: 4px 0px 4px 5px;
}
.menuSpacer 
{ 
	margin-right: 30px;
	margin-left: 25px;
	min-height: 16px;
}
.menuSpacerL
{ 
	margin-right: 30px;
	margin-left: 8px;
	min-height: 16px;
}

/*--------------- Styles for PXTreeView control ---------------*/

.tree
{
	font-size: 9pt;
	background-color: White;
	border-top: #BBBBBB 1px solid;
	overflow: auto;
	position: relative;
}
form.rtl .tree *
{
	background-position: right 0 !important;
}
.selectorTree
{
	border: #BBBBBB 1px solid;
	overflow: auto;
}
.treeCaption
{
	background-color: inherit;
	min-height: 18px;
	padding: 2px 3px;
	border-bottom: 1px solid #BBBBBB;
	font-weight: bold;
}
.tree .hideBox
{
	float: right;
	width: 16px; height: 14px;
	text-align: center;
	padding-top: 2px;
	padding-right: 2px;
	background-color: #E5E9EE;		
	border: 1px solid #BBBBBB;
	border-radius: 4px;
}
.tree .hideBox:hover
{
	background-color: #A2B0C1;
}

.tree .tnUL 
{
	margin: 0;
	padding: 0;
}
.tree .tnUL .tnLI .tnUL 
{
	padding-left: 20px;
}
	form.rtl .tree .tnUL .tnLI .tnUL
	{
		padding-right: 20px;
		padding-left: 0px;
	}
.tree .tnLI 
{
	list-style: none outside none;
}
.tree .tnDiv
{
	padding-left: 18px;
	white-space: nowrap;
}
	form.rtl .tree .tnDiv
	{
		padding-right: 18px;
		padding-left: 0px;
	}
.tree div.sprite-icon[imtype="E"]
{
	margin-left: -18px;
}
	form.rtl .tree div.sprite-icon[imtype="E"]
	{
		margin-right: -18px;
		margin-left: 0px;
	}

.tree .tnLines .tnLI, .tree .tnLines .tnFirst .tnUL 
{
	background-image: url("Images/Tree/lineI.png");
	background-position: 0 0;
	background-repeat: repeat-y;
	margin: 0px;
}
.tree .tnLines .tnLast, .tree .tnLines .tnLast .tnUL 
{
	background-image: none;
}

.tree .tnLines .tnTop, .tree .tnLines .tnMid, .tree .tnLines .tnBot 
{
	background-position: 0 0;
	background-repeat: no-repeat;
	min-height: 24px;
}
.tree .tnLines .tnTop 
{
	background-image: url("Images/Tree/lineTT.png");
}
.tree .tnLines .tnLast .tnTop 
{
	background-image: url("Images/Tree/lineT.png");
	background-position: 0 center;
}
.tree .tnLines .tnMid 
{
	background-image: url("Images/Tree/lineM.png");
}
.tree .tnLines .tnBot 
{
	background-image: url("Images/Tree/lineB.png");
}

.treeNode 
{ 
	cursor: Default;
	display: inline-block;
	padding: 4px 2px 4px 1px;
}
.treeHover 
{ 
	color: DarkBlue;
	text-decoration: underline;
}
.treeSelected 
{ 
	color: #D3222A !important;
	font-weight: 700 !important;
}
.treeDisabled 
{ 
	color: GrayText;
}

.dragover .treeNode
{
	background-color: #4E576A;
	color: white !important;
}
.dragover.ctrl .treeNode
{
	text-decoration: overline;
	background-color: transparent;
	color: black !important;
}

.treeFolder0
{
	font-size: 10pt;
	font-weight: 700;
}
.treeImage  
{
	margin-right: 2px;
	margin-left: 2px; 
}

.reportViewer
{
	border-top: #BBBBBB 1px solid;
}
.reportViewer .buttonCont
{
	padding: 5px;
	display: none;
}
.reportViewer .paramCont
{
	background-color: #F5F5F5;
}
.reportViewer table[id$="gridV"]
{
	border-width: 0px;
}

/*--------------- Common grid styles ---------------*/
.GridMain
{ 
	top: 0px;	left: 0px;
	border-top: solid 1px #BBBBBB;
	cursor: default;
}
.GridMainT
{ 
	background-color: inherit;
	cursor: default;
	top: 0px; left: 0px;
}
.GridMainA
{
	top: 0px;	left: 0px;
	border: solid 1px #BBBBBB; 
	cursor: default;
}
.GridMain div[id$="scrollDiv"], .GridMainT div[id$="scrollDiv"], .GridMainS div[id$="scrollDiv"],
.GridMain div[id$="headerDiv"], .GridMainT div[id$="headerDiv"], .GridMainS div[id$="headerDiv"]
{
	background-color: #FEFEFE;
}

.tabContent .GridMain
{
	border-top-width: 0px;
}
.SmartPanel .GridMain, .SmartPanelT .GridMain
{
	border: solid 1px #BBBBBB; 
}
.dropDown[type="filterBar"]
{
	width: 200px;
	margin: 0px 2px 0px 10px;
	height: 24px;
}
.dropDown[type="filter"]
{
	width: 200px;
	margin: 0px 2px 0px 2px;
	height: 24px;
}
.dropDown[type="filter"][data-active]
{
	background-color: Moccasin;
}

.GridMainS
{
	top: 0px;	left: 0px;
	cursor: default;
}
.GridMainS div[id$="scrollDiv"], .GridMainS div[id$="headerDiv"]
{
	border-left: solid 1px #BBBBBB;
	border-right: solid 1px #BBBBBB;
}
.GridMainS .GridToolsCell 
{ 
	border: solid 1px #BBBBBB;
}
.GridMainS .GridToolsBottom
{
	border-width: 1px 0px 0px 0px;
}
.GridMainS .GridToolsBottom .toolBar
{
	background-color: inherit;
}

.GridRowForm  
{ 
	background-color: #F5F5F5;
}
.GridCaption 
{ 
	font-weight: bold; 
	background-color: inherit;
	padding: 2px 3px;
	border-bottom: solid 1px #BBBBBB;
	height: 18px;
}

.GridToolsCell 
{ 
 background-color: inherit;
 border-bottom: solid 1px #BBBBBB;
 padding: 0px;
}
.GridToolsBottom
{ 
	background-color: inherit;
	border-top: solid 1px #BBBBBB;
	border-bottom-width: 0px;
}

.GridPagerCell 
{ 
	padding: 2px 3px;
}
.GridPagerLink
{
	display: inline-block;
	color: #555555;
	text-decoration: none;
	font-size: 11pt;
	font-weight: bold;
	padding: 7px 11px;
	height: 16px;
	text-shadow: 0 1px 0 #FFFFFF;  
}
span.GridPagerLink
{
	border: solid 1px #CCCCCC;
	border-radius: 3px;
	padding: 6px 10px;
	background-color: #DCDCDC;
}
a.GridPagerLink:hover
{
	background-color: #F3F3F3;
	border: #BBBBBB 1px solid;
	border-radius: 3px;
	color: #000000;
	padding: 6px 10px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
 
	background: -moz-linear-gradient(#F9F9F9, #EEEEEE); /* FF 3.6+ */  
	background: -ms-linear-gradient(#F9F9F9, #EEEEEE); /* IE10 */  
	background: -webkit-linear-gradient(#F9F9F9, #EEEEEE); /* Safari 5.1+, Chrome 10+ */  
	background: -o-linear-gradient(#F9F9F9, #EEEEEE); /* Opera 11.10 */  
}

.GridMainTransparent
{ 
	padding-top: 10px;
	top: 0px;	left: 0px;
	border-top: solid 1px #BBBBBB;
	cursor: default !important;
	background-color: Transparent
	font-color: Black !important;
}

/*--------------- Styles for the grid cells ---------------*/
.GridRow 
{ 
 border-bottom: LightGrey 1px Solid;
 border-right: Lightgrey 1px Solid;
 overflow: hidden;
 background-color: White;
 padding: 2px 4px;
 min-height: 15px;
}
.GridRow div[icon="Error"]
{
	margin-top: 2px;
}
.nobr .GridRow 
{
	white-space: nowrap;
}
.GridRow.wrapText
{
	white-space: normal;
}
.GridRow.ellipsis
{
	text-overflow: ellipsis;
}

.GridAltRow
{
 border-bottom: LightGrey 1px Solid;
 overflow: hidden;
 background-color: #FBFBFB;
 padding: 2px 4px; 
}

.GridTransparentRow
{ 	  
	background-color: Transparent;
	text-decoration: none !important;
	padding: 2px 4px; 
}

.GridTransparentRow a
{
	text-decoration: none !important;
}

.GridTransparentRow a:hover
{
	text-decoration: underline !important; 	
}

.GridHeader 
{ 
	font-weight: 700;
	border-right: LightGrey 1px Solid;
	border-bottom: LightGrey 1px Solid;
	background-color: #F9F9F9;
	vertical-align: text-top;
	font-size: 8pt;
	opacity: 0.7;
	padding: 4px;
	white-space: normal !important;
}
.GridHeader[data-filter]
{
	background-color: Moccasin;
}
.GridHeader:hover 
{ 
	opacity:1;
}
.GridReq
{
	padding-left: 7px;
}
.GridReq .GridHeaderText:before
{
	content: "*";
	color: Red;
	font-size: 10pt;
	position: absolute;
	margin-left: -7px;
}

.GridHeaderWrap
{
	position: relative;
	overflow: hidden;
	padding-right: 15px;
}
.GridHeaderWrap.right
{
	padding-right: 0px;
	padding-left: 15px;
}
.GridHeaderWrap *[data-type="sort"]
{
	position: absolute;
	top: 0px;
	right: 0px;
}
.GridHeaderWrap.right *[data-type="sort"]
{
	left: 0px;
	right: auto;
}
.GridHeaderText
{
	overflow: hidden;
}

.GridRowSelector 
{ 
	opacity: 1;
	width: 16px;
	text-align: center; 
	vertical-align: middle;
}

.GridReadOnly 
{ 
	background-color: #F9F9F9;
}
.GridReadOnly div[class^="sprite-icon"]
{
	opacity: 0.4;
}
.GridError
{ 
	color: Red;
}
.GridWarn
{ 
	color: Brown;
}
.GridSelRow 
{ 
	background-color: Moccasin;
}
.GridActiveRow 
{ 
	background-color: #E0E0E0 !important;
}
.GridActiveCell 
{ 
	background-color: #B1B5C0 !important;
}

.GridCellButton 
{ 
	font-size: X-Small; 
}
.GridCellEditor 
{ 
	border-width: 0px none lightgray;
	box-shadow: 0px 0px 4px steelblue;
	-webkit-box-shadow: 0px 0px 0px;
	-moz-box-shadow: 0px 0px 6px steelblue;
}
.GridEditorText 
{ 
}

.GridSearchEditor 
{ 
	border: Solid 1px Black;
}
.GridSearchText
{ 
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 2px; 
}

/*--------------- Styles for the Calendar ---------------*/
.CalendarTimeColumnRow
{
	border-bottom: LightGrey 1px Solid;
	border-right: LightGrey 1px Solid;
	overflow: hidden;
	background-color: White;
	font-size: 8pt;
	padding: 2px 3px 2px 3px ; 
}

.CalendarDayHeader
{
	/*border-top: Gray 1px Solid;*/
	border-right: Gray 1px Solid;
	border-bottom: Gray 1px Solid;
	background-color: LightGrey;
	text-align: right;
	padding: 2px 3px 2px 3px ;
}

.CalendarCurrentDayHeader
{
	border-top: #FEE08A 2px Solid;
	border-right: #FEE08A 2px Solid;
	border-bottom: #FEE08A 1px Solid;
	border-left: #FEE08A 2px Solid;
	background-color: #FEE08A;
	text-align: right;
	background-image: url(Images/gr_gradientSelH.gif);
	padding: 2px 3px 2px 3px ;
}

.CalendarCurrentDayOfWeekHeader
{
	border-top: #FEE08A 2px Solid;
	border-right: #FEE08A 2px Solid;
	border-bottom: #FEE08A 1px Solid;
	border-left: #FEE08A 2px Solid;
	background-color: #FEE08A;
	background-image: url(Images/gr_gradientSelH.gif);
	padding: 2px 3px 2px 3px ;
}

.CalendarDayOfOtherMonthHeader
{
	/*border-top: Gray 1px Solid;*/
	border-right: Gray 1px Solid;
	border-bottom: Gray 1px Solid;
	background-color: LightGrey;
	text-align: right;
	padding: 2px 3px 2px 3px ;
}

.CalendarCurrentDay
{
	border-top: #FEE08A 2px Solid;
	border-right: #FEE08A 2px Solid;
	border-bottom: #FEE08A 2px Solid;
	border-left: #FEE08A 2px Solid;
	padding: 2px 3px 2px 3px;
	overflow: hidden;
}

.CalendarCurrentTime
{
	border-bottom: LightGrey 1px Solid;
	border-right: LightGrey 1px Solid;
	overflow: hidden;
	background-color: #FEE08A;
	font-size: 8pt;
	padding: 2px 3px 2px 3px ; 
}

.CalendarCurrentDayOfWeek
{
	/*border-top: LightGrey 1px Solid;*/
	border-right: #FEE08A 2px Solid;
	border-left: #FEE08A 2px Solid;
	border-bottom: LightGrey 1px Solid;
	padding: 2px 3px 2px 3px ;
}

.CalendarDayOfOtherMonth
{
	/*border-top: LightGrey 1px Solid;*/
	border-right: LightGrey 1px Solid;
	border-bottom: LightGrey 1px Solid;
	padding: 2px 3px 2px 3px;
	overflow: hidden;
}

.CalendarCurrentDayGridHeader
{
	border-right: Gray 1px Solid;
	border-bottom: Gray 1px Solid;
	background-color: GhostWhite;
	background-image: url(Images/gr_gradientSelH.gif);
	padding: 2px 3px 2px 3px ;
}

.CalendarRedTicket
{
	color: Red;
}

.CalendarGreenTicket
{
	color: Green;
}


/*--------------- Styles for PXTab control ---------------*/
.tabBase
{
	border-bottom: #BBBBBB 1px solid;
}
.tabNormal
{
	height: 24px;
	cursor: pointer;
}
.tabSelected
{
	cursor: default;
	border-bottom-width: 0px;
}
.tabDisabled
{
	color: GrayText;
}

.tabContent
{
	background-color: #F5F5F5;
}

.tabRoundNL 
{ 
	width:5px;
}
.tabRoundNR 
{ 
	width:2px;
}
.tabRoundNM 
{ 
	background-color: #DCDCDC;
	border: #DCDCDC 1px solid;
	border-bottom-width: 0px;
	padding: 5px;
	opacity: 0.6;
}

.tabRoundHL 
{ 
	width:5px;
}
.tabRoundHR 
{ 
	width:2px;
}
.tabRoundHM 
{ 
	background-color: #AFBCCD;
	border: #AFBCCD 1px solid;
	border-bottom-width: 0px;
	padding: 5px;
}

.tabRoundSL 
{ 
	border-bottom: #BBBBBB 1px solid;
	width: 5px;
}
.tabRoundSR 
{ 
	border-bottom: #BBBBBB 1px solid;
	width: 2px;
}
.tabRoundSM 
{ 
	background-color: #F5F5F5;
	border: #BBBBBB 1px solid;
	border-bottom-width: 0px;
	padding: 5px 5px 6px 5px;
}

.tabView table[id$="tabT"]
{
	height: 28px;
}
.tabView div[id$="tabDiv"]
{
	overflow: hidden;
	position: relative;
	height: 28px;
	margin-right: 35px;
}
.tabView div[id$="tabDiv"][data-type="scroll"]
{
	margin-right: 70px;
}
.tabView div[id$="tabDiv"] > div
{
	overflow: hidden;
	position: absolute;
	width: 100%;
}

.tabView div[id$="butDiv"]
{
	position: absolute;
	bottom: 0px; right: 0px;
	width: 35px;
	padding-bottom: 2px;
}
.tabView div[id$="butDiv"][data-type="scroll"]
{
	width: 70px;
}
.tabView div[id$="butDiv"] button
{
	min-width: 28px;
	height: 24px;
	text-align: center;
	padding: 3px;
	margin-left: 5px;
}

.tabView .tabPanelS
{
	position: relative;
	min-height: 50px;
}
.tabView .tabPanel
{
	position: relative;
	width: 100%; height: 100%;
	overflow: auto;
}


/*--------------- Styles for PXFormView control ---------------*/
.FormView
{
}
.FormCaption 
{ 
	background-color: #F3F3F3;
	font-weight: bold;
	padding: 3px 2px 3px 1px;
}
.FormContent 
{ 
	background-color: #F5F5F5;
	border-top: 1px solid #BBBBBB;	
}
.FormView div[data-type="collapse"]
{
	position: absolute;
	top: 3px; right: 3px;
}

.FormRoundL 
{ 
	background-repeat:no-repeat;
	background-position:left top;
	background-image:url(Images/form_roundL.gif);
	width:5px;
}
.FormRoundR 
{ 
	background-repeat:no-repeat;
	background-position:right top;
	background-image:url(Images/form_roundR.gif); 
	width:5px;
}
.FormRoundM 
{ 
	background-repeat:repeat-x;
	background-image:url(Images/form_roundM.gif); 
}

.FormError, .selector.FormError .controlCont
{ 
	border: Solid 1px Red;
}
.FormWarn, .selector.FormWarn .controlCont
{ 
	border: Solid 1px Brown;
}
.checkBox.FormError
{
	border-width: 0px;
	border-bottom: Solid 1px Red;
}
.checkBox.FormWarn
{
	border-width: 0px;
	border-bottom: Solid 1px Brown;
}
.selector.FormError, .selector.FormWarn
{
	border-width: 0px;
}

/*--------------- Styles for PXWizard control ---------------*/
.Wizard
{ 
}

.WizardCaption 
{ 
	font-size: 10pt;
	font-weight: 700;
	background-color: #E5E9EE;
	padding: 3px;

	border: #BBBBBB 1px Solid;
	border-bottom-width: 0px;
	border-radius: 5px 5px 0px 0px;
}

.WizardContent 
{ 
	background-color: #E5E9EE; 
	padding: 5px;
	border: #BBBBBB 1px Solid;
	border-top-width: 0px;
}
.WizardContentF
{ 
	background-color: #E5E9EE; 
}

.WizardFooter
{ 
	background-color: #E5E9EE;
	padding: 4px;
	border: #BBBBBB 1px Solid;
	border-top-width: 0px;
}
.WizardFooterT
{ 
	padding: 4px;
}
.WizardFooterF
{ 
	padding: 4px;
	background-color: #E5E9EE;
}

.WizardFooter .Button, .WizardFooterT .Button, .WizardFooterF .Button
{
	margin-left: 5px;
}

/*--------------- Styles for PXNavPanel control ---------------*/
.NavPanel
{
	border-style:solid;
	border-width:1px; 
	border-color:Silver; 
}

.NavPanelBar
{
	background-image:url(Images/NavPanel/np_bar.gif);
	background-repeat:repeat-x;
	cursor:pointer;
	color:Black;
	vertical-align:middle;
	font-weight:bold;
	height:32px;
	padding: 0px 2px 0px 2px;
}

.NavPanelBarA
{
	background-image:url(Images/NavPanel/np_barA.gif);
	cursor:pointer;
	padding: 0px 2px 0px 2px;
	font-weight:bold;
	height:32px;
}

.NavPanelBarH
{
	cursor:pointer;
	background-color:Gainsboro;
	background-image:url(Images/NavPanel/np_barH.gif);
	color:Firebrick;
	padding: 0px 2px 0px 2px;
	height:32px;
}

.NavPanelSpt
{
	background-color:#D7D6E4;
	background-image:url(Images/NavPanel/np_splitter.gif);
	padding-top: 1px;
	padding-bottom: 3px;
}

.NavPanelFt
{
	background-image:url(Images/NavPanel/np_bar.gif);
	background-repeat:repeat-x;
	height:32px;
}

.NavPanelFt table table
{
	height: 28px;
	width: 24px;
	text-align: center;
 }

.NavPanelCaption 
{
	background-image: url(Images/NavPanel/np_caption.gif);
	background-repeat: repeat-x; 
	color: White;
	vertical-align: middle;
	font-weight: bold;
	font-size: 11pt;
	height: 25px;
	padding-left: 6px; 	
}
.NavPanelCaption a
{
	color: White;
	text-decoration: none;
}
.NavPanelCaption a:hover
{
	text-decoration: underline;
}

.NavPanelFrame 
{
	background-color:White;
}

/*--------------- Styles for PXSmartPanel control ---------------*/
.SmartPanel 
{ 
	border: #BBBBBB 1px Solid;
	box-shadow: 4px 4px 8px #666666;
	-moz-box-shadow: 4px 4px 6px #666666;
	-webkit-box-shadow: 4px 4px 6px #666666;
	border-radius: 3px 3px 0px 0px;
}
.SmartPanelF
{ 
	width: 100%;
}
.SmartPanelT
{ 
	background-color: transparent;
}
div.SmartPanel, div.SmartPanelF, div.SmartPanelT
{
	overflow: auto;
	position: relative;
}

.SmartPanelC 
{ 
	font-size: 10pt;
	font-weight: 700;
	background-color: #E5E9EE;
	padding: 3px 1px 3px 8px;
	border-radius: 3px 3px 0px 0px;
}
form.rtl .SmartPanelC
{
	padding: 3px 8px;
}
.SmartPanelCN
{ 
	background-color: #E5E9EE; 
	padding: 5px;
}
.SmartPanelCNT
{ 
	background-color: transparent; 
	padding: 0px;
}
.panelContent
{
	overflow: auto;
	position: relative;
	width: 100%;
	height: 100%;
}

.MessageButton 
{ 
	width: 70px;
	margin: 2px 0px 2px 4px;
}

.activityPanel
{
	width: 700px;
}
.activityBox
{
	height: 415px;
	width: 100%;
	border: 1px solid #BBBBBB;
	position: relative;
}
.activityBox .toolBar
{
	border-bottom: 1px solid #BBBBBB;
}

.SmartPanel.columns button[id$="add"], .SmartPanel.columns button[id$="up"]
{
	margin-top: 120px;
}
.SmartPanel.columns div[id$="fb"]
{
	height: 24px;
}
.SmartPanel.columns button[id$="reset"], .SmartPanel.columns button[id$="allUser"]
{
	height: 24px;
	width: 100%;
}
.SmartPanel.columns div[id$="availC"], .SmartPanel.columns div[id$="selC"]
{
	height: 350px;
	width: 260px;
}

/*--------------- Styles for rounded window ---------------*/

.WindowT 
{ 
	background-repeat:repeat-x;
	background-image:url(Images/form_roundM.gif); 
	height:3px;
}
.WindowTL 
{ 
	background-repeat:no-repeat;
	background-position:left top;
	background-image:url(Images/form_roundL.gif);
}
.WindowTR 
{ 
	background-repeat:no-repeat;
	background-position:right top;
	background-image:url(Images/form_roundR.gif); 
}

.WindowB
{ 
	background-repeat:repeat-x;
	background-image:url(Images/wnd_border.gif); 
	height:3px;
}
.WindowBL
{ 
	background-repeat:no-repeat;
	background-image:url(Images/wnd_border.gif); 
}
.WindowBR
{ 
	background-repeat:no-repeat;
	background-image:url(Images/wnd_border.gif); 
}

.WindowL
{ 
	background-repeat:repeat-y;
	background-image:url(Images/wnd_border.gif); 
}
.WindowR
{ 
	background-repeat:repeat-y;
	background-image:url(Images/wnd_border.gif); 
}


/*--------------- Styles for PageFooter control ---------------*/
.PageFooter
{
	border-top: gray 1px solid; 
	padding: 3px;
	font-size: 0pt;
	text-align: right;
	background-color: white; 
	background-image: url(Images/pt_gradient.gif); 
	background-position: left top; 
	background-repeat: repeat-x; 
}

.StatusBar
{
	border-top: gray 1px solid; 
	background-color: white; 
	background-image: url(Images/pt_gradient.gif); 
	background-position: left top; 
	background-repeat: repeat-x; 
}

.StatusText
{
	padding: 3px;
}

/*--------------- Styles for Login control ---------------*/
.Login
{
	border: solid 1px gray;
	width: 400px;
}

.LoginCaption
{
	font-size: 16pt; 
	color: White;
}

.LoginLabel
{
	font-size: 8pt; 
	font-weight: bold;
	color: DarkGray;
}

.LoginLink
{
	font-size: 8pt; 
	font-weight: bold;
	color: blue;
}

/*--------------- Styles for Dashboard controls ---------------*/
.Dashboard
{ 
	border: #AAAAAA 1px Solid;
}

.DashCaption 
{ 
	background-color: white;
	padding: 0px;
	overflow: hidden;
	text-align: left;
	vertical-align: middle;
 }

.DashContent 
{ 
	background-color: white;
	padding: 0px 5px;
}

.DashEnquiryButton
{
	font-size: 11pt;
	font-weight: bold;
	padding-left: 0px;
}

.DashToolBar
{
	height: 30px;
	background-color: white;
}
.DashToolBar[data-footer]
{
	border-bottom-width: 0px;
}

.DashCell
{
	background-color: White;
	border-bottom: #E7E7E7 1px Solid;
	overflow: hidden;
	padding: 0px 2px 0px 1px;
	vertical-align: bottom;
}
.DashHeaderCell
{
	color: #666666;
	background-color: White;
	border-bottom: #E7E7E7 2px Solid;
	font-weight: 600;
	padding: 0px 2px 0px 1px; 
}
.DashHeaderCell:hover
{
	color: black;
	background-color: #EEEEEE;
}

.DashCell > *
{
	display: block;
	height: 15px;
	padding: 4px 3px;
	cursor: default;
	white-space: nowrap;
}
.DashHeaderCell > *
{
	display: block;
	padding: 2px 3px 6px 3px;
	overflow: hidden;
	cursor: default;
	white-space: nowrap;
}

.DashRoundL { }
.DashRoundR { }
.DashRoundM { }

.DashLinkCss 
{
  color: DarkSlateBlue;
  padding: 3px 5px;
  text-align: right;
}
.DashButton 
{ 
	height: 18px;
	color: DarkSlateBlue;
	border-width: 0px;
}
.DashButtonHover 
{ 
	cursor:Pointer; 
}

.DashCalendarButton 
{ 
	height: 18px;
	color: DarkSlateBlue;
	border-width: 0px;
	text-decoration: none;
}
.DashCalendarButtonHover
{ 
	cursor:Pointer; 
	text-decoration: underline;
}
.DashboardDesignMode
{
	border: solid 1px #4670A7;
	background-color: #8DB3E5;
	opacity: 0.5;
}

.ButtonHWithCursor
{ 
	background-color: Moccasin;
	background-image: none; 
	border: Solid 1px gray;
	cursor:Pointer; 
}

div[id$="pnlTableFields"] label, div[id$="pnlTableActions"] label
{
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 150px;	
}

/*--------------- Styles for Schedule controls ---------------*/
.ScheduleToolBar
{
	background-color: GhostWhite;
	background-image: url(Images/gr_gradientH.gif);
	padding-top: 1px;
	padding-bottom: 1px;
	border-bottom: solid 1px Gray;
}
.ScheduleSelection
{
	width: 100%;
	height: 100%;
	background-color: #7F7F7F;
	opacity: 0.5;
}
.ScheduleVerticalSelection
{
	width: 100%;
	height: 100%;
	background-color: #7F7F7F;
	border-color: Black;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	opacity: 0.5;
}
.ScheduleConflictSelection 
{
	width: 100%;
	height: 100%;
	background-color: #FD4212;
	border-color: #FD4212;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	opacity: 0.5;
}
.ScheduleBusyResource 
{
	background-color: #D6A07D;
	border-color: #FD4212;
	border-style: solid;
	border-width: 1px;
}
.ScheduleBusyResourceHeader 
{
	border-right: 0px;
	border-bottom: Gray 1px Solid;
	background-color: GhostWhite;
	background-image: url(Images/gr_gradientH.gif);
	white-space: nowrap;
}
.ScheduleContentBackground 
{ 
	background-color: white;
	font-size: 8pt;
	border-right: Gray 1px Dashed;
	border-bottom: Gray 1px Dashed;
}
.ScheduleContentBackgroundPersist
{ 
	background-color: #FFEFA3;
	font-size: 8pt;
	border-right: Gray 1px Dashed;
	border-bottom: Gray 1px Dashed;
}
.ScheduleContentBackgroundOutOfWork 
{ 
	background-color: #E0E0E0;
	font-size: 8pt;
	border-right: Gray 1px Dashed;
	border-bottom: Gray 1px Dashed;
}
.ScheduleContentBackgroundPersistOutOfWork 
{ 
	background-color: #ECE6C6;
	font-size: 8pt;
	border-right: Gray 1px Dashed;
	border-bottom: Gray 1px Dashed;
}
.ScheduleContentData td 
{ 
	white-space: nowrap;
}
.ScheduleContentHeader td
{ 
	border-right: Gray 1px Solid;
	border-bottom: Gray 1px Solid;
	background-color: GhostWhite;
	background-image: url(Images/gr_gradientH.gif);
	height: 20px;
	white-space: nowrap;
}
.ScheduleRowHeaderDiv 
{ 
	border-right: Gray 1px Solid;
	background-color: #D7D6E4;
	/*background-image: url(Images/gr_gradientH.gif);*/
	white-space: nowrap;
}
.ScheduleRowHeader 
{ 
	border-right: 0px;
	border-bottom: Gray 1px Solid;
	background-color: GhostWhite;
	background-image: url(Images/gr_gradientH.gif);
	white-space: nowrap;
}
.ScheduleRowHeaderInfo 
{ 
	border-bottom: Gray 1px Solid;
	background-color: GhostWhite;
	background-image: url(Images/gr_gradientH.gif);
	white-space: nowrap;
}
.ScheduleRowHeaderInfoPersist 
{ 
	border-bottom: Gray 1px Solid;
	background-color: #FFE575;
	background-image: url(Images/gr_gradientH.gif);
	white-space: nowrap;
}
.ScheduleEvent 
{
	background-color: #D7BC68;
	border-color: #CEAE49;
	border-style: solid;
	border-width: 1px;
}
.ScheduleEventPersist 
{
	background-color: #D7BC68;
	border-color: #CEAE49;
	border-style: solid;
	border-width: 1px;
}
.ScheduleEventConflict 
{
	background-color: #D6A07D;
	border-color: #CEAE49;
	border-style: solid;
	border-width: 1px;
}
.ScheduleEventConflictPersist 
{
	background-color: #D6A07D;
	border-color: #CEAE49;
	border-style: solid;
	border-width: 1px;
}
.ScheduleResizer
{
	height: 100%;
	width: 2px;
	background-color: #404040;
}
.ScheduleTargetTime
{
	color: Green;
}
.ScheduleTargetTimeError
{
	color: Red;
}
.ScheduleEmptyTable td
{
	background-color: Transparent;
}
.ScheduleLeftHeader
{
	border-right: #BBBBBB 1px Solid;
	border-bottom: #BBBBBB 1px Solid;
	background-color: #D7D6E4;
	/*background-image: url(Images/gr_gradientH.gif);*/
}

/*--------------- Styles for NewsList controls ---------------*/
.NewsListContent
{
	position: relative;
	overflow: auto;
	height: 100%;
	background-color: White;
	cursor: default;
}
.NewsListTable
{
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
	cursor: default;
}
.NewsListTable tr[recid]
{
	border-bottom: 1px solid LightGrey;
}
.NewsListTable td
{
	padding: 5px 3px;
	cursor: default;
}

.NewsListImage
{
	width: 5%;
}
.NewsHotTime
{
	color: Red;
	width: 20%;
}
.NewsTime
{
	width: 20%;
}
.NewsHotDuration
{
	color: Red;
	width: 15%;
}
.NewsDuration
{
	width: 15%;
}
.NewsListTitle
{
	width: 60%;
}

.NewsListBriefInfo
{
	font-style:italic;
	color: Gray;
	cursor: default;
}
.NewsListDescription
{
	font-style:italic;
	color: Gray;
	cursor: default;
}
.NewsToolBarButtonNormal
{
	padding: 3px;
}
.NewsToolBarButtonHover
{
	background-color: Moccasin;
	border: darkblue 1px solid;
	padding: 2px;
	cursor: default;
}
.NewsToolBarButtonPushed
{
	background-color: LightSalmon;
	border: black 1px solid;
	padding: 2px;
	cursor: default;
}

.TasksAndEventsMain
{
}
.TasksAndEventsLabel
{
	cursor: default;
}
.TasksAndEventsLabelHover
{
	color: DarkBlue;
	text-decoration: underline;
	cursor: default;
}
.CalendarPanel
{
	background-color: White;
	/*border-style: solid;
	border-width: 1px;
	border-color: Black;*/
}
.ComparerContent 
{ 
	background-color: #FFFFFF;
	font-size: 8pt;
	border: Gray 1px Solid;
	border-top-width: 0px;
	white-space: nowrap;
	background-color: White;
}

/*------------- Style for navigation buttons in wiki popup images -----------*/
span.PrevNextPopupImg
{
	border-bottom:1px dotted;
	cursor:pointer;
	text-decoration:none;
	color:#1A3DC1;
}

span.PrevNextPopupImg:hover
{
	color: #FF0000;
}

td.PopupImgCaption
{
	width: 100%;
	text-align: left;
	vertical-align: top;
	overflow: hidden;
}

span.PopupImgCaption
{
	font-weight: bold;
	font-size: 9pt;
	padding-left: 5px;
	background-color: #0071BC;
	color: White;
	padding-right: 5px;
	padding-bottom: 2px;
}

td.PopupImgClose
{
	text-align: right;
	padding-right: 5px;
	padding-top: 2px;
}

div.informer
{
	background-color: White;
}

.wikiFolderPublish, .wikiLeafPublish
{
	color: #A36030;
	font-weight: bold;
}
.wikiFolderUnPublish, .wikiLeafUnPublish
{
	color: Green;
	font-weight: bold;	
}
.wikiDeletedNodes
{
}
.wikiNewArticle
{
	font-weight: bold;
}

/*--------------- Styles for Validation banner ---------------*/
.ValidationBanner
{
	font-size: 10pt; 
	color:white;
	font-weight: bold;
   
	width:100%; 
	height:40px;
	/*padding: 10px;*/
    
	background-color:orange;
	cursor: pointer;
}
.ValidationMessage
{
	padding: 10px;
}

.ValidationBanner:hover
{
	text-decoration: underline;
}
.ValidationTable
{
	font-size: 12px; 	
	border: Black 1px Solid;
	background-color: White;
	box-shadow: 3px 3px 4px #666666;
	-moz-box-shadow: 4px 4px 6px #666666;
	-webkit-box-shadow: 4px 4px 6px #666666;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 100%;
}

.LicenseBanner
{
   	width:100%; 
	height:19px;
	background-color: #E5E9EE;

	text-align:center;
}
.LicenseMessage
{
	font-size: 10pt; 
	color: #D3222A;
	font-weight: bold;
	padding: 1px;
}

.LicenseDisclamer
{
	border:solid;
	border-bottom-color:darkgray;
	border-bottom-style:solid;
	border-width:thin;
	background-color: #EAEEF3;
	width:510px;
	height:auto !important;
	padding:5px;
}

/*--------------- Styles for render icons using css sprites ---------------*/

.sprite-icon
{
	display: inline-block;
	position: relative;
	/*opacity: 0.8; */
	text-align: left;
	vertical-align: middle;
	overflow: hidden;
	direction: ltr;
}

.main-icon
{
	height: 18px; width: 18px;
}
.main-icon-img
{
	position: absolute;
}
.main-icon-img:before
{
	content: url(Images/sprite_main.png);
}

.main-Refresh { left: -2px; top: -21px; }
.main-Save { left: -22px; top: -21px; }
.main-AddNew { left: -2px; top: -41px; }
.main-Remove { left: -22px; top: -41px; }
.main-Filter { left: -2px; top: -62px; }
.main-FilterSet { left: -22px; top: -62px; }
.main-Cancel { left: -2px; top: -82px; }
.main-Search { left: -22px; top: -82px; }

.main-Note { left: -2px; top: -102px; }
.main-NoteEmpty { left: -22px; top: -102px; }
.main-Files { left: -2px; top: -122px; }
.main-FilesEmpty { left: -22px; top: -122px; }
.main-Activity { left: -2px; top: -143px; }
.main-ActivityEmpty { left: -22px; top: -143px; }

.main-PageFirst { left: -2px; top: -164px; }
.main-PageLast { left: -22px; top: -164px; }
.main-PageNext { left: -2px; top: -184px; }
.main-PagePrev { left: -22px; top: -184px; }
.main-RecordAdd { left: -2px; top: -204px; }
.main-RecordDel { left: -22px; top: -204px; }
.main-RecordEdit { left: -2px; top: -224px; }
.main-RecordSave { left: -22px; top: -224px; }

.main-Release { left: -2px; top: -244px; }
.main-Success { left: -22px; top: -244px; }
.main-Fail { left: -2px; top: -266px; }
.main-Adjust { left: -22px; top: -266px; }

.main-Calendar { left: -2px; top: -288px; }
.main-Excel { left: -22px; top: -288px; }
.main-Favorites { left: -2px; top: -309px; }
.main-FavoritesGray { left: -2px; top: -1409px; }
.main-Help { left: -22px; top: -308px; }
.main-Notify { left: -2px; top: -328px; }
.main-LinkWB { left: -22px; top: -328px; }
.main-Shedule { left: -2px; top: -348px; }
.main-Logout { left: -22px; top: -348px; }
.main-icon[icon^="Favorites"] { width: 16px; height: 16px; }

.main-DataEntry { left: -2px; top: -368px; }
.main-DataEntryF { left: -22px; top: -368px; }
.main-Process { left: -2px; top: -388px; }
.main-ProcessF { left: -22px; top: -388px; }
.main-Inquiry { left: -2px; top: -408px; }
.main-InquiryF { left: -22px; top: -408px; }

.main-Report { left: -2px; top: -428px; }
.main-ReportF { left: -22px; top: -428px; }
.main-Config { left: -2px; top: -448px; }
.main-ConfigF { left: -22px; top: -448px; }
.main-Settings { left: -2px; top: -468px; }
.main-SettingsF { left: -22px; top: -468px; }

.main-World { left: -2px; top: -490px; }
.main-Link { left: -22px; top: -490px; }
.main-Export { left: -2px; top: -511px; }
.main-Print { left: -22px; top: -511px; }
.main-Html { left: -2px; top: -531px; }
.main-Pdf { left: -22px; top: -531px; }
.main-LevelUp { left: -2px; top: -552px; }
.main-LevelDown { left: -22px; top: -552px; }

.main-MailForward { left: -2px; top: -572px; }
.main-MailReply { left: -22px; top: -572px; }
.main-MailSend { left: -2px; top: -593px; }
.main-Import { left: -22px; top: -593px; }

.main-Copy { left: -2px; top: -614px; }
.main-Cut { left: -22px; top: -614px; }
.main-Paste { left: -2px; top: -634px; }
.main-Rollback { left: -22px; top: -634px; }
.main-MoveUp { left: -2px; top: -653px; }
.main-MoveDown { left: -22px; top: -653px; }
.main-Design { left: -2px; top: -672px; }
.main-DesignChart { left: -22px; top: -672px; }

.main-ArrowUp { left: -2px; top: -692px; }
.main-ArrowDown { left: -22px; top: -692px; }
.main-ArrowLeft { left: -2px; top: -713px; }
.main-ArrowRight { left: -22px; top: -713px; }
.main-Reminder { left: -2px; top: -734px; }
.main-Rss { left: -22px; top: -734px; }
.main-Branch { left: -2px; top: -754px; }
.main-Search2 { left: -22px; top: -754px; }

.main-CheckIn { left: -2px; top: -775px; }
.main-CheckOut { left: -22px; top: -775px; }
.main-UndoCheckOut { left: -2px; top: -797px; }
.main-History { left: -22px; top: -797px; }
.main-GetFile { left: -2px; top: -817px; }
.main-GetLatest { left: -22px; top: -817px; }
.main-Relation { left: -2px; top: -840px; }
.main-RelationF { left: -22px; top: -840px; }
.main-SyncTOC { left: -2px; top: -862px; }
.main-RemoveArticle { left: -22px; top: -862px; }

.main-BoxIn { left: -2px; top: -883px; }
.main-BoxOut { left: -22px; top: -883px; }
.main-MailReceive { left: -2px; top: -905px; }
.main-MailSendReceive { left: -22px; top: -905px; }
.main-Complete { left: -2px; top: -926px; }
.main-CompleteActive { left: -22px; top: -926px; }
.main-Dashboard { left: -2px; top: -946px; }
.main-DashboardF { left: -22px; top: -946px; }
.main-Renumber { left: -2px; top: -968px; }
.main-AddArticle { left: -22px; top: -968px; }

.main-Task { left: -2px; top: -990px; }
.main-Event { left: -22px; top: -990px; }
.main-Phone { left: -2px; top: -1010px; }
.main-RemoveConfig { left: -22px; top: -1010px; }
.main-Money { left: -2px; top: -1032px; }
.main-Note2 { left: -22px; top: -1032px; }
.main-Folder { left: -2px; top: -1053px; }
.main-Templates { left: -22px; top: -1053px; }
.main-Users { left: -2px; top: -1075px; }
.main-WebSite { left: -22px; top: -1075px; }

.main-Box { left: -2px; top: -1098px; }
.main-CloseWB { left: -22px; top: -1098px; }
.main-Image { left: -2px; top: -1119px; }
.main-XML { left: -22px; top: -1119px; }
.main-CalendarMonth { left: -2px; top: -1140px; }
.main-CalendarWeek { left: -22px; top: -1140px; }
.main-SearchNext { left: -2px; top: -1160px; }
.main-SearchPrev { left: -22px; top: -1160px; }
.main-PageCurrent { left: -2px; top: -1180px; }
.main-PageCurrent2 { left: -22px; top: -1180px; }

.main-DockLeft { left: -2px; top: -1200px; }
.main-DockRight { left: -22px; top: -1200px; }
.main-DockUp { left: -2px; top: -1220px; }
.main-DockDown { left: -22px; top: -1220px; }
.main-Compare { left: -2px; top: -1240px; }
.main-ItemsList { left: -22px; top: -1240px; }
.main-NextDiff { left: -2px; top: -1260px; }
.main-PrevDiff { left: -22px; top: -1260px; }
.main-SetDefault { left: -2px; top: -1281px; }
.main-Tree { left: -22px; top: -1281px; }
.main-Rename { left: -2px; top: -1301px; }
.main-Roles { left: -22px; top: -1301px; }

.main-Info { left: -2px; top: -1322px; }
.main-Binary { left: -22px; top: -1322px; }
.main-Ppt { left: -2px; top: -1343px; }
.main-Doc { left: -22px; top: -1343px; }
.main-Txt { left: -2px; top: -1365px; }
.main-VisualStudio { left: -22px; top: -1365px; }
.main-Namespace { left: -2px; top: -1386px; }
.main-Upload { left: -20px; top: -1386px; }
.main-StarWhite { left: -21px; top: -1408px; }
.main-StarGray { left: -2px; top: -1430px; }
.main-icon[icon^="Star"] { width: 18px; height: 17px; }

/*------------------ Control icons CSS sprites ------------------*/
.control-icon
{
	height: 12px; width: 12px;
}
.control-icon-img
{
	position: absolute;
}
.control-icon-img:before
{
	content: url(Images/sprite_control.png);
}

.control-Empty { left: -24px; top: -3px; }
.control-Error { left: -6px; top: -19px; }
.control-Warning { left: -24px; top: -19px; }
.control-Info { left: -6px; top: -36px; }
.control-Required { left: -24px; top: -36px; }
.control-MenuCheck { left: -6px; top: -52px; }
.control-MenuUncheck { left: -24px; top: -3px; }
.control-SubMenu { left: -24px; top: -52px; }
.control-ScrollUp { left: -6px; top: -66px; }
.control-ScrollDown { left: -24px; top: -66px; }
.control-ArrowDown { left: -6px; top: -83px; }
.control-HiddenItems { left: -24px; top: -83px; }
.control-icon[icon="Error"] { width: 10px; height: 10px; }
.control-icon[icon="Warning"] { width: 10px; height: 10px; }
.control-icon[icon="Info"] { width: 10px; height: 10px; }
.control-icon[icon="Required"] { width: 10px; height: 10px; }
.control-icon[icon="MenuCheck"] { width: 10px; height: 10px; }
.control-icon[icon="MenuUncheck"] { width: 10px; height: 10px; }
.control-icon[icon="SubMenu"] { width: 10px; height: 10px; }
.control-icon[icon="ScrollUp"] { width: 10px; height: 10px; }
.control-icon[icon="ScrollDown"] { width: 10px; height: 10px; }
.control-icon[icon="ArrowDown"] { width: 10px; height: 10px; }
.control-icon[icon="HiddenItems"] { width: 10px; height: 12px; }

.control-SelectorN { left: -2px; top: -103px; opacity:0.5; cursor:pointer; }
.control-SelectorH { left: -2px; top: -103px; opacity:0.8; cursor:pointer;}
.control-SelectorP { left: -2px; top: -127px; }
.control-SelectorD { left: -2px; top: -103px; opacity:0.2; cursor:pointer; }
.control-icon[icon^="Selector"] { width: 16px; height: 17px; }

.control-EditN { left: -2px; top: -151px; opacity:0.5; cursor:pointer;  }
.control-EditH { left: -2px; top: -151px; opacity:0.8; cursor:pointer; }
.control-EditP { left: -2px; top: -151px; }
.control-EditD { left: -2px; top: -151px; opacity:0.2; cursor:pointer; }
.control-icon[icon^="Edit"] { width: 16px; height: 17px; }

.control-DropMenuN { left: -5px; top: -199px; opacity:0.5; cursor:pointer;  }
.control-DropMenuH { left: -25px; top: -199px; opacity:0.8; cursor:pointer; }
.control-DropMenuP { left: -5px; top: -223px; }
.control-DropMenuD { left: -25px; top: -223px; opacity:0.2; cursor:pointer;}
.control-icon[icon^="DropMenu"] { width: 10px; height: 17px; }

.control-DropDownN { left: -2px; top: -247px; opacity:0.5; cursor:pointer; }
.control-DropDownH { left: -2px; top: -247px; opacity:0.8; cursor:pointer; }
.control-DropDownP { left: -2px; top: -247px; }
.control-DropDownD { left: -2px; top: -247px; opacity:0.2; cursor:pointer;}
.control-icon[icon^="DropDown"] { width: 16px; height: 17px; }

.control-ClearN { left: -22px; top: -247px; opacity:0.5; cursor:pointer; }
.control-ClearH { left: -22px; top: -247px; opacity:0.8; cursor:pointer; }
.control-ClearP { left: -22px; top: -247px; }
.control-ClearD { left: -22px; top: -247px; opacity:0.2; cursor:pointer;}
.control-icon[icon^="Clear"] { width: 16px; height: 17px; }

.control-Filter { left: -3px; top: -264px; }
.control-FilterSortDesc { left: -3px; top: -279px; }
.control-FilterSortAsc { left: -22px; top: -279px; }
.control-icon[icon="FilterSortDesc"] { width: 15px; height: 12px; }
.control-icon[icon="FilterSortAsc"] { width: 15px; height: 12px; }

.control-CuryBaseN { left: -2px; top: -295px; opacity:0.5; cursor:pointer; }
.control-CuryBaseH { left: -22px; top: -295px; opacity:0.8; cursor:pointer;}
.control-CuryBaseD { left: -2px; top: -319px; opacity:0.2; cursor:pointer; }
.control-icon[icon^="CuryBase"] { width: 16px; height: 17px; }

.control-CuryLocalN { left: -22px; top: -319px; opacity:0.5; cursor:pointer; }
.control-CuryLocalH { left: -2px; top: -343px; opacity:0.8; cursor:pointer;   }
.control-CuryLocalD { left: -22px; top: -343px; opacity:0.2; cursor:pointer; }
.control-icon[icon^="CuryLocal"] { width: 16px; height: 17px; }

.control-MoneyN { left: -2px; top: -368px; opacity:0.5; cursor:pointer; }
.control-MoneyH { left: -22px; top: -368px; opacity:0.8; cursor:pointer; }
.control-MoneyD { left: -2px; top: -392px; opacity:0.2; cursor:pointer; }
.control-icon[icon^="Money"] { width: 16px; height: 17px; }

.control-LocalMenu { left: -24px; top: -393px; }
.control-CurrentRow { left: -3px; top: -417px; }
.control-EditRow { left: -23px; top: -417px; }
.control-NewRow { left: -3px; top: -437px; }
.control-Search { left: -23px; top: -437px; }
.control-icon[icon="EditRow"] { width: 12px; height: 12px; }
.control-icon[icon="LocalMenu"] { width: 12px; height: 15px; }
.control-icon[icon="Search"] { width: 14px; height: 14px; }

.control-GridUncheck { left: -4px; top: -458px; }
.control-GridCheck { left: -24px; top: -458px; }
.control-SortDesc { left: -4px; top: -474px; }
.control-SortAsc { left: -24px; top: -474px; }
.control-RedArrowUp { left: -4px; top: -490px; }
.control-RedArrowDown { left: -24px; top: -490px; }

.control-RowFile { left: -3px; top: -509px; }
.control-RowFileEmpty { left: -23px; top: -509px; }
.control-RowNote { left: -3px; top: -528px; }
.control-RowNoteEmpty { left: -23px; top: -528px; }
.control-RowInserted { left: -3px; top: -547px; }
.control-RowModified { left: -23px; top: -547px; }
.control-RowDeleted { left: -3px; top: -564px; }
.control-DataEntry { left: -24px; top: -564px; }

.control-Mail { left: -3px; top: -582px; }
.control-MailReply { left: -24px; top: -582px; }
.control-Event { left: -3px; top: -601px; }
.control-History { left: -23px; top: -601px; }
.control-Task { left: -3px; top: -620px; }
.control-Phone { left: -23px; top: -620px; }
.control-Complete { left: -3px; top: -639px; }
.control-Reminder { left: -23px; top: -639px; }
.control-PriorityLow { left: -3px; top: -657px; }
.control-PriorityHigh { left: -23px; top: -657px; }

.control-WebN { left: -2px; top: -673px; opacity:0.5; cursor:pointer; }
.control-WebH { left: -2px; top: -673px; opacity:0.8; cursor:pointer; }
.control-WebP { left: -2px; top: -673px; }
.control-WebD { left: -2px; top: -673px; opacity:0.2; cursor:pointer; }
.control-icon[icon^="Web"] { width: 16px; height: 17px; }

.control-MailSelectorN { left: -22px; top: -673px;  opacity:0.5; cursor:pointer; }
.control-MailSelectorH { left: -22px; top: -673px; opacity:0.8; cursor:pointer; }
.control-MailSelectorP { left: -22px; top: -673px; }
.control-MailSelectorD { left: -22px; top: -673px; opacity:0.2; cursor:pointer; }
.control-icon[icon^="MailSelector"] { width: 16px; height: 17px; }

.control-Close { left: -1px; top: -694px; }
.control-Maximize { left: -21px; top: -694px; }
.control-icon[icon="Close"] { width: 20px; height: 18px; }
.control-icon[icon="Maximize"] { width: 20px; height: 18px; }

.control-NextMonth { left: -2px; top: -760px; }
.control-PrevMonth { left: -22px; top: -760px; }
.control-NextYear { left: -2px; top: -778px; }
.control-PrevYear { left: -22px; top: -778px; }
.control-icon[icon="NextMonth"] { width: 16px; height: 16px; }
.control-icon[icon="PrevMonth"] { width: 16px; height: 16px; }
.control-icon[icon="NextYear"] { width: 16px; height: 16px; }
.control-icon[icon="PrevYear"] { width: 16px; height: 16px; }

.control-HideFrame { left: -2px; top: -798px; }
.control-ShowFrame { left: -24px; top: -798px; }
.control-PriorityHead { left: -3px; top: -814px; }
.control-CompleteHead { left: -23px; top: -814px; }
.control-ReminderHead { left: -3px; top: -831px; }

/*------------------ Tree control CSS sprites ------------------*/
.tree-icon
{
	height: 16px; width: 16px;
}
.tree-icon-img
{
	position: absolute;
}
.tree-icon-img:before
{
	content: url(Images/sprite_tree.png);
}

.tree-NoExpand { left: -21px; top: 0px; }
.tree-Expand { left: -1px; top: -22px; }
.tree-Collapse { left: -21px; top: -22px; }
.tree-ExpandL { left: -1px; top: -43px; }
.tree-CollapseL { left: -21px; top: -43px; }

.tree-icon[icon="NoExpand"] { width: 20px; height: 18px; }
.tree-icon[icon="Expand"] { width: 20px; height: 18px; }
.tree-icon[icon="Collapse"] { width: 20px; height: 18px; }
.tree-icon[icon="ExpandL"] { width: 20px; height: 18px; }
.tree-icon[icon="CollapseL"] { width: 20px; height: 18px; }

.tree-DashI { left: -1px; top: -66px; }
.tree-DashR { left: -1px; top: -92px; }
.tree-Dash { left: -1px; top: -116px; }
.tree-DashL { left: -1px; top: -141px; }
.tree-DashT { left: -1px; top: -168px; }
.tree-icon[icon^="Dash"] { width: 20px; height: 18px; }

.tree-Root { left: -1px; top: -202px; }
.tree-RootS { left: -22px; top: -202px; }
.tree-Folder { left: -3px; top: -224px; }
.tree-FolderD { left: -23px; top: -224px; }
.tree-FolderS { left: -3px; top: -242px; }
.tree-Leaf { left: -23px; top: -242px; }
.tree-LeafD { left: -3px; top: -260px; }
.tree-LeafS { left: -23px; top: -260px; }
.tree-Editor { left: -23px; top: -67px; }
.tree-Component { left: -23px; top: -89px; }

.tree-FolderPublish { left: -2px; top: -278px; }
.tree-FolderUnPublish { left: -23px; top: -278px; }
.tree-LeafPublish { left: -2px; top: -296px; }
.tree-LeafUnPublish { left: -23px; top: -296px; }
.tree-Deleted { left: -2px; top: -315px; }
.tree-BoxSend { left: -22px; top: -315px; }
.tree-BoxMail { left: -2px; top: -337px; }
.tree-BoxIn { left: -22px; top: -337px; }
.tree-BoxOut { left: -2px; top: -358px; }
.tree-BoxRemove { left: -22px; top: -358px; }
.tree-Dac { left: -2px; top: -377px; }
.tree-Field { left: -22px; top: -377px; }
.tree-Screen { left: -2px; top: -394px; }

/*------------------ Text control CSS sprites ------------------*/
.text-icon
{
	height: 16px; width: 16px;
}
.text-icon-img
{
	position: absolute;
}
.text-icon-img:before
{
	content: url(Images/sprite_text.gif);
}

.text-Bold { left: -2px; top: -15px; }
.text-Italic { left: -23px; top: -15px; }
.text-Underline { left: -2px; top: -31px; }
.text-Strike { left: -23px; top: -31px; }
.text-Sub { left: -2px; top: -48px; }
.text-Super { left: -23px; top: -48px; }
.text-Ordered { left: -2px; top: -68px; }
.text-UnOrdered { left: -23px; top: -68px; }
.text-IndentL { left: -2px; top: -89px; }
.text-IndentR { left: -23px; top: -89px; }

.text-Anchor { left: -2px; top: -109px; }
.text-Link { left: -23px; top: -109px; }
.text-Code { left: -2px; top: -129px; }
.text-CodeBox { left: -23px; top: -129px; }
.text-Box { left: -2px; top: -148px; }
.text-BoxCode { left: -23px; top: -148px; }
.text-BoxHint { left: -2px; top: -167px; }
.text-BoxWarn { left: -23px; top: -167px; }

.text-PageBreak { left: -2px; top: -189px; }
.text-HR { left: -23px; top: -189px; }
.text-BR { left: -2px; top: -209px; }
.text-TOC { left: -23px; top: -209px; }
.text-H1 { left: -2px; top: -225px; }
.text-H2 { left: -23px; top: -225px; }
.text-H3 { left: -2px; top: -241px; }
.text-H4 { left: -23px; top: -241px; }

.text-JustifyCenter { left: -2px; top: -259px; }
.text-JustifyFull { left: -23px; top: -259px; }
.text-JustifyLeft { left: -2px; top: -278px; }
.text-JustifyRight { left: -23px; top: -278px; }
.text-ColorText { left: -2px; top: -298px; }
.text-ColorBg { left: -23px; top: -298px; }
.text-Copy { left: -2px; top: -320px; }
.text-Cut { left: -23px; top: -320px; }
.text-Paste { left: -2px; top: -341px; }
.text-Params { left: -23px; top: -341px; }


input[type=text]::-ms-clear 
{
	display: none;
	width : 0; height: 0;
}
@-moz-document url-prefix() 
{
	input.editor { height: 20px; }
}