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

body
{
	background-color: WhiteSmoke;
	height: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

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

#tooltip
{
	background: #FFFFFF;
	border: 1px solid #666666;
	color: #333333;
	font: menu;
	margin: 0px;
	padding: 3px 5px;
}

.Logo
{
	height: 50px;
	background: url(Images/logo.gif) no-repeat 8px 8px;
}

.LeftFrame
{
	border-right: solid Gray 1px;
	width: 18%; 
	vertical-align: top; 
	padding: 0px;
}
.RightFrame
{
	border-left: solid Gray 1px;
	width: 83%; 
	vertical-align: top;
	padding: 0px;
}

.TitleC11
{
	padding: 2px 4px; 
	width: 100%;
}
.TitleC12
{
	text-align: right; 
	padding-right: 10px; 
	font-size: 8pt; 
	white-space: nowrap
}

.TitleC21
{
	width: 100%; 
	padding-left: 2px;
}
.TitleC22
{
	vertical-align: top; 
	padding-right: 10px;
}

/*--------------- Styles for render linked labels ---------------*/
div.fld-lc, span.fld-lc
{
	height: 19px;
}
div.fld-lc .fld-l
{
	float: left;
	width: 100px;
}
div.fld-lc .fld-c
{
	margin-left: 100px;
}

div.fld-lc .fld-lxs
{
	width: 30px;
}
div.fld-lc .fld-cxs
{
	margin-left: 30px;
}

div.fld-lc .fld-ls
{
	width: 70px;
}
div.fld-lc .fld-cs
{
	margin-left: 70px;
}

div.fld-lc .fld-lm
{
	width: 120px;
}
div.fld-lc .fld-cm
{
	margin-left: 120px;
}

div.fld-lc .fld-ll
{
	width: 160px;
}
div.fld-lc .fld-cl
{
	margin-left: 160px;
}

div.fld-lc .fld-lxl
{
	width: 200px;
}
div.fld-lc .fld-cxl
{
	margin-left: 200px;
}

/*--------------- 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.stack-v > div > label, div.stack-h > div > label,
div.cell-w > span, div.cell-w > label
{
	display: block;
	height: 19px;
}

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: 9px;
}
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 > .cell-pb > *
{
	margin-bottom: 9px;
}

div.stack-h > .cell-pha > *, div.stack-h > .cell-ph
{
	margin-right: 9px;
}
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: "*";
}
.highlight-req .req-l
{
	color: Red;
}

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

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

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

fieldset legend 
{                 
	font-size: 8pt;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: blue;
	text-align: left;
	padding: 3px 5px 0px 0px;
	height: 25px;
}

.groupBox
{
}
.groupBox .tr
{
	display: table;
	border-collapse: collapse;
	font-size: 0pt;
	height: 5px;
}

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

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

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

.groupBox .left 
{ 
	background-repeat: repeat-y;
	background-position: left top;
	background-image: url(Images/GroupBox/linePoint.gif); 
}
.groupBox	.right 
{ 
	background-repeat: repeat-y;
	background-position: right top;
	background-image: url(Images/GroupBox/linePoint.gif); 
}

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

.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
{
	font-size: 8pt;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.LabelH
{
	font-size: 8pt;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	overflow: hidden;
}
.LabelNoWrap
{
	font-size: 8pt;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	white-space: nowrap;
}
.LabelInfo
{
	font-size: 8pt;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: DarkGrey;
	overflow: hidden;
}

.LabelTitle
{
	font-size: 8pt;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.LinkTitle
{
	font-size: 10pt;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: Black;
	cursor: pointer;
}
a.LinkTitle:hover
{
	text-decoration: underline;
}

.SplitterH
{
	background-color: Silver;
}
.SplitterA
{
	background-color: DimGray;
}
.SplitterHor
{
	border-bottom: 1px solid gray; 
	border-top: 1px solid gray;
}

/*--------------- Styles for editor controls ---------------*/
.Editor
{
	font-size: 8pt;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border: steelblue 1px solid;
	padding: 2px;
}

.ComplexEditor
{
	font-size: 8pt;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border: steelblue 1px solid;
}

.DropDown
{
	font-size: 8pt;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color: White;
	border: steelblue 1px solid;
	height: 19px;
}

.DateEdit
{
	background-color: White;
	border: steelblue 1px solid;
	height: 19px;
}

.Selector
{
	background-color: White;
	border: steelblue 1px solid;
	height: 19px;
}

.EditorText
{
	font-size: 8pt;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	height: auto;
}
.InnerEditor 
{ 
	float: left;
	border-width: 0px;
	width: 100%;
	padding: 0px;
	height: 13px;
}
.EditorCell 
{
	overflow: hidden;
	width: 100%;
	padding: 0px 2px;
}

.RadioButtonList
{
	font-size: 8pt;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.TextEditLabel
{
	background-color: Transparent;
	border-width: 0px;	
}

/*--------------- PXSearchBox control styles ------------*/
.SearchBox
{
	border: gray solid 1px;
	background-color: White;
	height: 19px;
}

.SearchBox table
{
	height: 19px; 
}

.SearchBoxE
{
	border-style: none;
	border-width: 0;
	color: #9A999A;
	font-style: italic;
	font-size: 8pt;
	width: 100%;
	margin-left: 2px;
}

.SearchBoxE2
{
	border-style: none;
	border-width: 0;
	width: 100%;
	font-size: 8pt;
	margin-left: 2px;
}

.SearchBoxB
{
	margin-left: 2px;
	margin-right: 2px;
	border-width: 0px;
	cursor: pointer;
}

.SearchBoxB2
{
	margin-left: 2px;
	margin-right: 2px;
	border-width: 0px;
	cursor: pointer;
	text-align: center;
}

/*--------------- PXButton control styles ---------------*/
.Button 
{ 
	font-size: 8pt;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border: Solid 1px SteelBlue;
	padding: 2px 2px 3px 2px;
	height: 22px;
	min-width: 60px;
	background-image: url(Images/tb_gradient.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #9997B5;
	vertical-align: middle;
	border-radius: 4px;
}

.ButtonT
{ 
	font-size: 8pt;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color:  Transparent;
	vertical-align: middle;
}

.ButtonH
{ 
	background-color: Moccasin;
	background-image: none; 
	border: Solid 1px SteelBlue;
}
.ButtonP
{ 
	background-color:LightSalmon;
	border: Solid 1px Black;
	background-image: none; 
}
.ButtonD
{ 
	border: Solid 1px Gray;
	color: GrayText;
}

.ButtonDD
{ 
	background-color: GhostWhite;
	border: Solid 1px Gray;
	background-image: none; 
}
.ButtonDN
{ 
	padding-left: 2px;
	padding-right: 2px;
}
.ButtonDH
{ 
	border-left: Solid 1px DarkBlue;
	padding-left: 1px;
	padding-right: 2px;
}

.ButtonF
{ 
	font-size: 8pt;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color:  Transparent;
	vertical-align: middle;
	padding: 0px 2px;
	border-width: 0px;
	cursor: pointer;
}
.ButtonHF
{ 
	background-color: Moccasin;
	background-image: none; 
}
.ButtonPF
{ 
	background-color:LightSalmon;
	background-image: none; 
}

/*--------------- Drop-down calendar styles ---------------*/
.Calendar 
{
	background-color:GhostWhite;
	border-color:DarkGray;
	border-width:1px;
	border-style:Solid;
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:8pt;
	height:118px;
	width:190px;
	color:Black;
	box-shadow: 3px 3px 4px #666666;
	-moz-box-shadow: 4px 4px 6px #666666;
	-webkit-box-shadow: 4px 4px 6px #666666;
}

.CalendarMT
{
	background-repeat:repeat-x;
	font-size:8pt;
	font-weight:bold;
	height:17px;
	background-image:url(Images/tb_gradient.gif);
	background-position: left bottom;
}
.CalendarNP
{
 width:16px;
}

.CalendarF
{
	background-repeat:repeat-x;
	border-top:LightGrey 1px Solid;
	background-position: left bottom;
	font-size:8pt;
	background-image:url(Images/tb_gradient.gif);
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
}

.CalendarD
{
	text-align:Center;
	vertical-align:Middle; 
}

.CalendarWE
{
 color:Red; 
}

.CalendarTD 
{
	 background-color:Lavender;
	 border-color:Red;
	 border-width:1px;
	 border-style:Solid;
}

.CalendarOMD
{
	 color: Gray;
}	  

.CalendarSD
{
	background-color: Silver; 
}

.CalendarDH
{
	 border-bottom: Navy 3px Double;
	 text-align: Center;
}
.CalendarWN 
{
	color: SeaGreen; font-size: 6pt;
}

/*--------------- PXDropDown  css classes ---------------*/
.DDSelection
{
	background-color:Silver;
}

.DDTable 
{
	border: Black 1px Solid;
	background-color: White;
	font-size: 8pt;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	box-shadow: 3px 3px 4px #666666;
	-moz-box-shadow: 4px 4px 6px #666666;
	-webkit-box-shadow: 4px 4px 6px #666666;
}
.DDItem
{
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	vertical-align: middle;
	cursor: default;
}

/*--------------- PXButtonEdit control styles ---------------*/
.ButtonE
{ 
	border-left: steelblue 1px solid;
	font-size: 8pt;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	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;
}


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

.MenuIsland
{
	font-size: 8pt;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color: GhostWhite;
	color: Black;
	border: gray 1px solid;
	cursor: default;
	box-shadow: 3px 3px 4px #666666;
	-moz-box-shadow: 4px 4px 6px #666666;
	-webkit-box-shadow: 4px 4px 6px #666666;
}

.MenuItem
{
	padding: 3px 1px 3px 2px
}

.MenuHover
{
	background-color: Moccasin;
	padding: 2px 0px 2px 1px;
	border: black 1px solid;
}

.MenuDisabled
{
	padding: 3px 1px 3px 2px;
	color: GrayText;
}

.MenuTopSelected
{
	background-color: LightSteelBlue;
	border: gray 1px solid;
	padding: 2px 0px 2px 4px;
}

.MenuSpacer 
{ 
	margin-right:30px;
	margin-left:25px; 
}

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

.Tree
{
	font-size: 8pt;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color: White;
	border: DarkGray 1px solid;
}

.TreeNode 
{ 
	cursor: Default;
	padding: 1px 2px 1px 1px ; 
}

.TreeHover 
{ 
	color: DarkBlue;
	text-decoration: underline;
}

.TreeSelected 
{ 
	color: White;
	background-color: DarkGray;
}

.TreeDisabled 
{ 
	color: GrayText;
}

/*--------------- Styles for the grid cells ---------------*/
.GridMain
{ 
	border: Gray 1px Solid;
	background-color: #F0F1F5;
	top: 0px;
	left: 0px;
}
.GridMainF
{ 
	border-top: Gray 1px Solid;
	background-color: #F0F1F5;
	top: 0px;
	left: 0px;
}
.GridMainT
{ 
	top: 0px;
	left: 0px;
	background-color: #F6F8F8;
}

.GridRow 
{ 
	border-bottom: LightGrey 1px Solid;
	border-right: Lightgrey 1px Solid;
	overflow: hidden;
	background-color: White;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
	padding: 2px 3px 2px 3px ; 
}

.GridAltRow
{
	border-bottom: LightGrey 1px Solid;
	overflow: hidden;
	background-color: White;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
	padding: 2px 3px 2px 3px ; 
}

.GridHeader 
{ 
	border-right: Gray 1px Solid;
	border-bottom: Gray 1px Solid;
	background-color: #ABAAC3;
	background-image: url(Images/gr_gradientH.gif);
 	background-repeat: repeat-x;
        
}
.GridRowSelector 
{ 
	width: 16px;
	text-align: Center; 
}

.GridReadOnly 
{ 
	background-color: #F5F5F5;
}
.GridError
{ 
	color: Red;
}
.GridWarn
{ 
	color: Brown;
}
.GridSelRow 
{ 
	background-color: Moccasin;
}
.GridActiveRow 
{ 
	background-color: #E0E0E0;
}
.GridActiveCell 
{ 
	background-color: #B1B5C0;
}

/*--------------- Other grid level styles ---------------*/
.GridCellEditor 
{ 
	border-width: 0px none lightgray;
	box-shadow: 0px 0px 8px lightblue;
	-webkit-box-shadow: 0px 0px 0px;
	-moz-box-shadow: 0px 0px 3px lightblue;
}
.GridEditorText 
{ 
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
}

.GridRowForm  
{ 
	background-color: #F0F1F5;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:8pt;
}
.GridCellButton 
{ 
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:X-Small; 
}

/*--------------- Common grid styles ---------------*/
.GridCaption 
{ 
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
	font-weight: bold; 
	background-color: GhostWhite;
	background-image: url(Images/gr_gradientH.gif);
	padding: 2px 3px;
	border-bottom: solid 1px Gray;
}

.GridToolsCell 
{ 
	background-color: GhostWhite;
	background-image: url(Images/gr_gradientH.gif);
	padding-top: 1px;
	padding-bottom: 1px;
	border-bottom: solid 1px Gray;
}

.GridToolsBottom
{ 
	border-bottom-width: 0px;
	border-top: solid 1px Gray;
}
.GridPagerCell 
{ 
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
	padding: 3px;
}

.GridSearchEditor 
{ 
	border: Solid 1px Black;
}
.GridSearchText
{ 
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
	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-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	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_selectedGradientH.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_selectedGradientH.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-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	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_selectedGradientH.gif);
	padding: 2px 3px 2px 3px ;
}

.CalendarRedTicket
{
	color: Red;
}

.CalendarGreenTicket
{
	color: Green;
}


/*--------------- Styles for PXToolBar control ---------------*/
.ToolBar
{
	border: Gray 1px solid;
	background-color: AliceBlue;
	background-image: url(Images/tb_gradient.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.ToolBarDS
{
	border-bottom: Gray 1px solid;
	background-color: #D7D6E4;
	padding: 2px 0px;
}

.ToolBarNav
{
	border-top: Gray 1px solid;
	background-color: #D7D6E4;
	padding: 2px 5px;
}

.ToolBarNormal
{
	font-size: 8pt;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
}
.ToolBarHover
{
	background-color: Moccasin;
	border: darkblue 1px solid;
	padding: 2px;
	cursor: default;
}
.ToolBarPushed
{
	background-color: LightSalmon;
	border: black 1px solid;
	padding: 2px;
	cursor: default;
}
.ToolBarDD
{
	background-color: GhostWhite;
	border: Solid 1px Gray;
	border-right-width: 0px;
	padding: 2px 3px 2px 2px;
	cursor: default;
}

.ToolBarDropN
{
	padding: 0px 2px 0px 1px;
}
.ToolBarDropH
{
	background-color: Moccasin;
	border: darkblue 1px solid;
	border-left-width: 0px;
	padding: 0px 1px 0px 1px;
	cursor: default;
}
.ToolBarDropP
{
	background-color: GhostWhite;
	border: solid 1px Gray;
	border-left-width: 0px;
	padding: 0px 1px 0px 1px;
	cursor: default;
}

.ToolBarDisabled
{
	color: GrayText;
}

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

/*--------------- Styles for PXTab control ---------------*/
.TabBase
{
	border-bottom: DarkGray 1px solid;
}

.TabNormal
{
	height: 22px;
	font-size: 8pt;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
}

.TabSelected
{
	border-bottom-width: 0px;
	cursor: default;
}

.TabDisabled
{
	color: GrayText;
}

.TabContent
{
	background-color: #F0F1F5;
	border: DarkGray 1px solid;
	border-top-width: 0px;
	font-size: 8pt;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.TabRoundNL 
{ 
	background-repeat:no-repeat;
	background-position:left 2px;
	background-image:url(Images/tab_L.gif); 
	width:5px;
}
.TabRoundNR 
{ 
	background-repeat:no-repeat;
	background-position:right 2px;
	background-image:url(Images/tab_R.gif); 
	width:5px;
}
.TabRoundNM 
{ 
	background-repeat:repeat-x;
	background-position:left 2px;
	background-image:url(Images/tab_M.gif); 
}

.TabRoundHL 
{ 
	background-repeat:no-repeat;
	background-position:left 2px;
	background-image:url(Images/tab_LH.gif); 
	width:5px;
}
.TabRoundHR 
{ 
	background-repeat:no-repeat;
	background-position:right 2px;
	background-image:url(Images/tab_RH.gif); 
	width:5px;
}
.TabRoundHM 
{ 
	background-repeat:repeat-x;
	background-position:left 2px;
	background-image:url(Images/tab_MH.gif); 
}

.TabRoundSL 
{ 
	background-repeat:no-repeat;
	background-position:left top;
	background-image:url(Images/tab_LS.gif); 
	width:5px;
}
.TabRoundSR 
{ 
	background-repeat:no-repeat;
	background-position:right top;
	background-image:url(Images/tab_RS.gif); 
	width:5px;
}
.TabRoundSM 
{ 
	background-repeat:repeat-x;
	background-image:url(Images/tab_MS.gif); 
}

/*--------------- Styles for PXFormView control ---------------*/
.FormCaption 
{ 
	background-color: GhostWhite;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
	font-weight: bold;
	padding: 3px 2px 3px 1px;
}

.FormContent 
{ 
	background-color: #F0F1F5;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
	border: Gray 1px Solid;
	border-top-width: 0px;
}

.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); 
}

table.Disabled
{
	background-color: transparent;
	border-color: transparent;
	border-bottom-color: SteelBlue;
}
input.Disabled
{
	color: black;
	background-color: transparent;
	border-color: transparent;
	border-bottom-color: SteelBlue;
}
a.Disabled
{
	text-decoration: none;
}
.ReadOnly
{
	color: black;
	background-color: gainsboro;
}

.FormError
{ 
	border: Solid 1px Red;
}
.FormWarn
{ 
	border: Solid 1px Brown;
}

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

.WizardCaption 
{ 
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
	font-weight: bold;
	background-repeat: repeat-x;
	background-image: url(Images/pnl_gradient.gif); 
	padding: 3px;
	border: Gray 1px Solid;
	border-bottom-width: 0px;
	border-radius: 5px 5px 0px 0px;
}

.WizardContent 
{ 
	background-color: #F0F1F5;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
	border: Gray 1px Solid;
	border-top-width: 0px;
}

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

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

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

.NavPanelBarA
{
	background-image:url(Images/np_barA_o.gif);
	cursor:pointer;
	padding: 0px 2px 0px 2px;
	font-size:8pt;
	font-family:Tahoma;
	font-weight:bold;
	height:32px;
}

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

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

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

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

.NavPanelCaption 
{
	background-image: url(Images/np_caption.gif);
	background-repeat: repeat-x; 
	color: White;
	vertical-align: middle;
	font-family: Arial,Tahoma,Verdana,Helvetica,sans-serif;
	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 
{ 
	font-size: 8pt;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	border: #B4BED3 1px Solid;
	box-shadow: 4px 4px 8px #666666;
	-moz-box-shadow: 4px 4px 6px #666666;
	-webkit-box-shadow: 4px 4px 6px #666666;
}
.SmartPanelB
{ 
	font-size: 8pt;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	background-color: #F0F1F5; 
	border: #B4BED3 3px Solid;
}
.SmartPanelF
{ 
	font-size: 8pt;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	background-color: #F0F1F5; 
	border-width: 0px;
	width: 100%;
}

.SmartPanelC 
{ 
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
	font-weight: bold;
	padding: 3px 1px 3px 3px;
	background-repeat:repeat-x;
	background-image:url(Images/pnl_gradient.gif); 
}
.SmartPanelCN
{ 
	background-color: #F0F1F5; 
}

.MessageButton 
{ 
	font-size: 8pt;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	width: 70px;
	height: 20px;
	margin: 2px 0px 2px 4px;
}

/*--------------- 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 PXReportViewer control ---------------*/

.ToolBarReport
{
	border-bottom: Gray 1px solid;
	background-color: AliceBlue;
	background-image: url(Images/tb_gradient.gif);
	background-repeat: repeat-x;
        background-position: left bottom;
}

.ReportViewer
{
	border: Gray 1px solid;
}


/*--------------- Styles for PageTitle control ---------------*/
.PageTitle
{
	border-bottom: gray 1px solid; 
	background-color: white; 
	background-image: url(Images/pageTitleBg.gif); 
	background-position: right top; 
	background-repeat: repeat-x; 
}

.ScreenTitle
{
	font-size: 10pt; 
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.ScreenID
{
	font-size: 8pt; 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

/*--------------- 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/pageTitleBg.gif); 
	background-position: left top; 
	background-repeat: repeat-x; 
}

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

.StatusText
{
	font-size: 8pt; 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
}

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

.LoginCaption
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt; 
	color: White;
}

.LoginLabel
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	font-weight: bold;
	color: DarkGray;
}

.LoginLink
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	font-weight: bold;
	color: blue;
}

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

.DashCaption 
{ 
	background-color: white;
	font-family: Arial,Tahoma,Verdana,Helvetica,sans-serif;
	font-size: 8pt;
	padding: 1px 5px 5px 5px;
}

.DashContent 
{ 
	background-color: white;
	font-family: Arial,Tahoma,Verdana,Helvetica,sans-serif;
	font-size: 8pt;
	padding: 0px 5px;
}

.DashEnquiryButton
{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
}

.DashToolBar
{
	border-bottom: LightGrey 1px solid;
	height: 30px;
	background-color: white;
}

.DashCell
{
	font-family: Arial,Tahoma,Verdana,Helvetica,sans-serif;
	font-size: 8pt;
	overflow: hidden;
	background-color: White;
	padding: 0px 2px 0px 1px;
	vertical-align: bottom;
}
.DashHeaderCell
{
	font-family: Arial,Tahoma,Verdana,Helvetica,sans-serif;
	font-size: 8pt;
	font-weight: bold;
	background-color: White;
	padding: 0px 2px 0px 1px; 
}
.DashCell nobr
{
	border-bottom: LightGrey 1px Solid;
	display: block;
	padding: 3px;
	cursor: default;
}
.DashHeaderCell nobr
{
	background-color: #EEEEEE;	
	display: block;
	padding: 3px;
	overflow: hidden;
	cursor: default;
}

.DashRoundL 
{ 

}
.DashRoundR 
{ 

}
.DashRoundM 
{ 

}

.DashButton 
{ 
	font-size: 8pt;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	height: 18px;
	color: DarkSlateBlue;
	border-width: 0px;
}
.DashButtonHover 
{ 
	cursor:Pointer; 
}

.DashCalendarButton 
{ 
	font-size: 8pt;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	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;
	filter: alpha(opacity=50);
}

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

/*--------------- 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;
	filter: alpha(opacity=50);
}
.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;
	filter: alpha(opacity=50);
}
.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;
	filter: alpha(opacity=50);
}
.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-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
	border-right: Gray 1px Dashed;
	border-bottom: Gray 1px Dashed;
}
.ScheduleContentBackgroundPersist
{ 
	background-color: #FFEFA3;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
	border-right: Gray 1px Dashed;
	border-bottom: Gray 1px Dashed;
}
.ScheduleContentBackgroundOutOfWork 
{ 
	background-color: #E0E0E0;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
	border-right: Gray 1px Dashed;
	border-bottom: Gray 1px Dashed;
}
.ScheduleContentBackgroundPersistOutOfWork 
{ 
	background-color: #ECE6C6;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	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: Gray 1px Solid;
	border-bottom: Gray 1px Solid;
	background-color: #D7D6E4;
	/*background-image: url(Images/gr_gradientH.gif);*/
}
.NewsListMain
{
	width: 100%;
	height: 100%;
	background-color: White;
	border-color: Gray;
	border-style: Solid;
	border-width: 1px;
	border-top-width: 0px;
	cursor: default;
}
.NewsListRowsMain
{
	font-size: 8pt;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	cursor: default;
}
.NewsHotTime
{
	/*font-weight:bold;*/
	color: Red;
	cursor: default;
}
.NewsTime
{
	/*font-weight:bold;*/
	cursor: default;
}
.NewsHotDuration
{
	/*font-weight:bold;*/
	color: Red;
	cursor: default;
}
.NewsDuration
{
	/*font-weight:bold;*/
	cursor: default;
}
.NewsListTitle
{
	/*font-weight:bold;*/
	cursor: default;
}
.NewsListBriefInfo
{
	font-style:italic;
	color: Gray;
	cursor: default;
}
.NewsListDescription
{
	font-style:italic;
	color: Gray;
	cursor: default;
}
.NewsToolBarButtonNormal
{
	font-size: 8pt;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
}
.NewsToolBarButtonHover
{
	background-color: Moccasin;
	border: darkblue 1px solid;
	font-size: 8pt;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	cursor: default;
}
.NewsToolBarButtonPushed
{
	background-color: LightSalmon;
	border: black 1px solid;
	font-size: 8pt;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	cursor: default;
}
.TasksAndEventsMain
{
}
.TasksAndEventsLabel
{
	font-size: 8pt;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	/*font-weight:bold;
	color: Red;*/
	cursor: default;
}
.TasksAndEventsLabelHover
{
	font-size: 8pt;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: DarkBlue;
	text-decoration: underline;
	cursor: default;
}
.CalendarPanel
{
	background-color: White;
	/*border-style: solid;
	border-width: 1px;
	border-color: Black;*/
}

/*--------------- Styles for PXComparer control ---------------*/
.ComparerContent 
{ 
	background-color: #FFFFFF;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	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-family: Verdana, sans-serif;
	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;
	font-family: Verdana,sans-serif;
	font-size: 9pt;
}