/*Standard*/
A, A:link, A:visited, A:active {
	font-size: 8pt;
	color:				#000000;
	text-decoration:	none;
	font-weight:		bold;	
}

a:hover 
{
	text-decoration:	underline;
	
}

html {
	background-color:	#ffffff;	
	direction: ltr;
}

BODY {
	LINE-HEIGHT: 1.5em; 
	FONT-FAMILY: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
	background-color: #fafafa;
	COLOR: #000000; 
	FONT-SIZE: 8pt;
	margin : 0 0 0 0;
	height: 100%;
}

div {
	margin: 0;
	padding: 0;
}

* {
	margin: 0;
}

/*accordion menu*/
#accordion P {	
	margin-bottom: 7px;
	padding-left: 15px;	
}

#accordion .menuseprator {
	margin-bottom: 30px;
}

#accordion H3 {
	font-weight: Bold;
	font-size: 14px;
	color: #ffffff;
	margin-bottom: 7px;
	padding-left: 10px;	
}

#accordion img {	
	margin-bottom: 0px;
}


#accordion A, #accordion  A:link, #accordion  A:visited, #accordion  A:active {
	font-size: 9pt;
	color:				#FFFFFF;
	text-decoration:	none;
	font-weight:		normal;	

}

#accordion  a:hover 
{
	text-decoration:	underline;
	color:				#fcaa24;	
}



img {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	}

form {
	margin: 0;
	padding: 0;
}





/*Topnav*/
.topNav {
	MARGIN-TOP: 4px;
	MARGIN-RIGHT: 10px;
	FLOAT: right;	
	text-align: right
}

.topNav a,
.topNav a:visited {
	font-size:			10px;
	font-family:		'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
	color:				#FFFFFF;
	text-decoration:	none;
	font-weight:		 Bold;
}

.topNav a:hover,
.topNav a:visited:hover,
.topNav a.current {
	color:				#fcaa24;	
}

.topNavInfo {
	MARGIN-TOP: 15px;
	MARGIN-LEFT: 15px;	
	FLOAT: left;
	left: 40px;
	position: absolute;
	font-weight:bolder;
	font-size:			20px;
	font-family:		'Segoe UI','Segoe UI Web',Arial,Verdana,sans-serif;
	color:				#FFFFFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.topNavInfo a,
.topNavInfo a:visited {
	font-size:			10px;
	font-family:		'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
	color:				#FFFFFF;
	text-decoration:	none;
	font-weight:		Bold;
}

.topNavInfo a:hover,
.topNavInfo a:visited:hover,
.topNavInfo a.current {
	color:				#fcaa24;
	
}

.topNavMainMenu
{
	MARGIN-TOP: 97px;
	MARGIN-LEFT: 2px;
	FLOAT: left;
	width: 1080px;
}

.header {
	MARGIN: 0px 0px 0px; 
	HEIGHT: 50px;
	Width:100%;
	AABACKGROUND-IMAGE: url(images/Atopnav.jpg);
	background-color:black;
	background-size: 100% 51px;
	COLOR: #ccc; 
	BACKGROUND-REPEAT: repeat-x;  
	POSITION: relative;
}

.logintopNav {
	MARGIN-TOP: 10px;
	MARGIN-RIGHT: 10px;
	FLOAT: right;	
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

/*wrapper*/
#homePage .STOPwrapper,
.successStoriesPage .wrapper {
	background-image:	url('images/main-background-widget-page.jpg');
}

#homePage .wrapperLogin {	
	background:			url('images/Oldmain-background-widget-page.jpg')  no-repeat top center;
	background-repeat:no-repeat;
}



.WindowDashboardTitle 
{
	FONT-FAMILY: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
  	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	PADDING-BOTTOM: 2px;
	PADDING-Top: 2px;
	font-weight: bold;
	FONT-SIZE: 12pt;
	COLOR: #FFFFFF;		
	color: #000000;
	height: 23px;
}

.SearchWidgtQueryaaaa {
	font-weight:normal;
	font-family: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
	font-size: 8pt;
    color:#000000;
    border: solid 1px #d3d3d3;
    background-color: White;
	padding-top: 4px;
	width: 100%;
	
}

.SelectedEmployeeBox
{
	padding-right: 5px;
	font-family: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
	font-size: 10pt;
	font-weight:bold;
	text-align: right;
	width: 100%;
}

.BrowserSearchBox
{
	FONT-FAMILY: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
	PADDING-BOTTOM: 5px;
	PADDING-Top: 5px;
	COLOR: #FFFFFF;		
	color: #000000;
	height: 23px;

	
}

.WindowDashboardBorder
{
	border-bottom: 1px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
  	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;	
	PADDING-BOTTOM: 5px;
	PADDING-Top: 5px;

	background-color: #FFFFFF;
}

.PreviewArea
{
	overflow: auto;		
	height: 350px;
	background-color: #FFFFFF;	
}



.DashBoardGridPreviewArea
{
	overflow: auto;		
	height: 225px;
	
	background-color: #FFFFFF;	
	border-bottom: solid 1px #d5d5d5;
}





/*GridPagerStyle*/


.GridPagerLeftNavStyle table
{
    text-align:center;
    margin:auto;
    float: left;
}


/*Controls*/

.ReadOnlyBox
{
	font-family: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
	font-size: 8pt;
    color:#000000;
    border: solid 1px #a2b1c4;
    Padding: 2;
    background-color: #f1f1f1;
}



/*Entry form*/
.FormSearch
{
	background-image:	url('images/linkbg.png');
	height: 40px;
	width: 100%;	
}

.FormSearch td
{
	padding-left: 5px;
	padding-right: 5px;
}

.WidgtQuery {
	font-weight:normal;
	font-family: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
	font-size: 8pt;
    color:#000000;
    border: solid 1px #d3d3d3;
    background-color: White;
	padding-top: 4px;
	width: 100%;
	
}

.STOPSeparater
{
	background-image: url(images/stophr-dark-v.png);
	background-repeat:no-repeat;
}

.DlgButtonsPanel
{
	padding-top: 5px;
}

.CalPreviewArea
{
	overflow: auto;		
	height: 150px;
	background-color: #ffffff;
}

.LightBox
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d3d3d3;
	border-Left-width: 1px;
	border-Left-style: solid;
	border-Left-color: #d3d3d3;
	border-Right-width: 1px;
	border-Right-style: solid;
	border-Right-color: #d3d3d3;
	border-Top-width: 1px;
	border-Top-style: solid;
	border-Top-color: #d3d3d3;

	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;	
	FONT-SIZE: 8pt;
	COLOR: #000000;
	FONT-FAMILY: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
}


.ReportTree A, .ReportTree A:link, .ReportTree A:visited, .ReportTree A:active {
	font-size: 8pt;
	color:				#000000;
	text-decoration:	none;
	font-weight:		normal;
}

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

.floatriight {
	float:right;
}

/*Dialog style*/
#SearchingDiv {
	Z-INDEX: 9999; 
	POSITION: fixed; 
	MARGIN: 0px; 
	WIDTH: 100%; 
	BACKGROUND: url(images/transbg1.png);
	HEIGHT: 100%; 
	CLEAR: none; 	
}

.SearchStyle {
	POSITION: fixed;	
	WIDTH: 100%; 
	BACKGROUND-REPEAT: repeat; 	
	HEIGHT: 100%; 
	TOP: 0px; 
	LEFT: 0px; 
	aaFILTER: alpha(opacity=90);
	aaopacity: 0.90; 	
	-aamoz-opacity: 0.90;
}

.SearchBox 
{	
	//aaWidth: 400px;
	--aaheight: 500px;
	background-color: #FFFFFF;
	position: absolute;
	text-align: left;
	//Top: 50%;
	top: 50px;
	left: 50%;
    display:block;
    margin-left: -200px;	
    //aamargin-top: -250px;
}

.CalendarBox 
{	
	background-color: #FFFFFF;
	position: absolute;
	text-align: left;
	top: 50px;
	left: 50%;
	display:block;
	margin-left: -150px;
}


.draggable {
  background-color:yellow;
}

.WindowBodyBGColor 
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4e4f51;
	border-Left-width: 1px;
	border-Left-style: solid;
	border-Left-color: #4e4f51;
	border-Right-width: 1px;
	border-Right-style: solid;
	border-Right-color: #4e4f51;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	padding-bottom: 10px;
	FONT-SIZE: 8pt;
	COLOR: #000000;
	FONT-FAMILY: 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
	background-color: #f7f6f5;	
}

.ui-tabs .ui-tabs-panel {
	padding: 0em 0em;
	border-color:#d3d3d3;
	
}

.ui-tabs-nav {
    background: transparent;
    border-width: 0px 0px 1px 0px;
	border-color:#d3d3d3;
}

.ui-widget-content-special { 
	border: none;
	padding: 0px;
	background-color: transparent;
}

.ui-tabs .ui-tabs-nav li {
	
	border-color:#d3d3d3;
}


.ProgressMainCont
{
    position: relative;
}

.updateProgress
{
    position:absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: calc(100% - 0px);
    background-image : url(images/transbg1.png);
	background-repeat: repeat;	
    -aamoz-opacity: 0.50;  
}

.DashBoardprogress {
	POSITION: absolute;	
	BACKGROUND-REPEAT: repeat; 
	TOP: Calc(50% - 50px);
	LEFT: Calc(50% - 100px);	
	width: 250px;
	height: 70px;
	padding-top: 10px;
	background-color: #fff;
	background-image: url(images/progress-indicator.gif);
	background-position: center center;
	background-repeat: no-repeat;

}

.Taskprogress {
	POSITION: absolute;	
	BACKGROUND-REPEAT: repeat; 
	TOP: Calc(50% - 50px);
	LEFT: Calc(50% - 100px);	
	width: 250px;
	height: 70px;
	padding-top: 10px;
	background-color: #fff;	
	background-position: center center;
	background-repeat: no-repeat;

}

.Shadow {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.pnlWaitcss {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d3d3d3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d3d3d3;
	border-Left-width: 1px;
	border-Left-style: solid;
	border-Left-color: #d3d3d3;
	border-Right-width: 1px;
	border-Right-style: solid;
	border-Right-color: #d3d3d3;	
}

#LoadingDiv {
	Z-INDEX: 9999; 
	POSITION: fixed; 
	MARGIN: 0px; 
	PADDING-LEFT: 50px; 
	WIDTH: 100%; 
	BACKGROUND: url(images/transbg.png); 
	background-color: #6c787d;
	HEIGHT: 100%; 
	CLEAR: none; 
	PADDING-TOP: 200px
}

.progress {
	POSITION: fixed; 
	FILTER: alpha(opacity=50); 
	BACKGROUND-COLOR: #6c787d; 
	WIDTH: 100%; 
	BACKGROUND-REPEAT: repeat; 
	HEIGHT: 100%; 
	TOP: 0px; 
	LEFT: 0px; 
	opacity: 0.5; 
	-moz-opacity: 0.50
}

.EmpCPanelimg {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	width: 60px;
	
}

.CPanelimg {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	width: 120px;
}

.DashBoardItemLeft {
	display:table-cell; 
	width:100%; 
	vertical-align:top; 
	padding-right:5px;
}

.DashBoardRefreshBtn {
	float:right;
	text-align:left; 
	vertical-align:middle;
}

.DashBoardWebReqSearch {
	float: left;
	text-align: left;
	vertical-align: middle;
}