@charset "utf-8";
/*====================================
PayrollApp.CSS
=====================================*/
/*
Author:PaymentEvolution
Twitter:@payevo
Date: May 2013
*/
/*====================================
RESET
=====================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, h6b, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin:0; padding:0}
article, aside, details, figcaption, figure, footer,
header, hgroup, menu, nav, section{display:block}

table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, dfn, th, var{font-style:normal; font-weight:normal}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6, h6b, h7, h8{font-size:100%; font-weight:normal}
q:before, q:after{content:''}
abbr, acronym{border:0}




/* Clearfix ----------- */
.clearfix:after{ content:"";  display:block;  clear:both;  visibility:hidden;  line-height:0;  height:0}
.clearfix{ display:inline-block}
html[xmlns] .clearfix{ display:block}
* html .clearfix{ height:1%}

/*====================================
FONT-FACE
=====================================*/
@font-face {
	font-family: 'Museo'; /*** Museo Sans ***/
	src: url('/fonts/2325DB_0_0.eot');
	src: url('/fonts/2325DB_0_0.eot?#iefix') format('embedded-opentype'),
	     url('/fonts/2325DB_0_0.woff') format('woff'),
	     url('/fonts/2325DB_0_0.ttf')  format('truetype');

	font-weight: 500;
    font-style: normal;
	}


@font-face {
	font-family: 'Roboto-condensed';
	src: url('/fonts/Roboto-Condensed-webfont.eot');
	src: url('/fonts/Roboto-Condensed-webfont.eot?#iefix') format('embedded-opentype'),
	     url('/fonts/Roboto-Condensed-webfont.woff') format('woff'),
	     url('/fonts/Roboto-Condensed-webfont.ttf')  format('truetype'),
	     url('/fonts/Roboto-Condensed-webfont.svg#svgFontName') format('svg');
	font-weight: 200;
    font-style: normal;
	}

@font-face {
	font-family: 'Roboto';
	src: url('/fonts/Roboto-Regular-webfont.eot');
	src: url('/fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('/fonts/Roboto-Regular-webfont.woff') format('woff'),
	     url('/fonts/Roboto-Regular-webfont.ttf')  format('truetype'),
	     url('/fonts/Roboto-Regular-webfont.svg#svgFontName') format('svg');
	font-weight: 200;
    font-style: normal;
	}

@font-face {
    font-family: 'TitilliumText22LThin';
    src: url('/fonts/TitilliumText22L001-webfont.eot');
    src: url('/fonts/TitilliumText22L001-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/TitilliumText22L001-webfont.woff') format('woff'),
         url('/fonts/TitilliumText22L001-webfont.ttf') format('truetype'),
         url('/fonts/TitilliumText22L001-webfont.svg#TitilliumText22LThin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LLight';
    src: url('/fonts/TitilliumText22L002-webfont.eot');
    src: url('/fonts/TitilliumText22L002-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/TitilliumText22L002-webfont.woff') format('woff'),
         url('/fonts/TitilliumText22L002-webfont.ttf') format('truetype'),
         url('/fonts/TitilliumText22L002-webfont.svg#TitilliumText22LLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LRegular';
    src: url('/fonts/TitilliumText22L003-webfont.eot');
    src: url('/fonts/TitilliumText22L003-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/TitilliumText22L003-webfont.woff') format('woff'),
         url('/fonts/TitilliumText22L003-webfont.ttf') format('truetype'),
         url('/fonts/TitilliumText22L003-webfont.svg#TitilliumText22LRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LMedium';
    src: url('/fonts/TitilliumText22L004-webfont.eot');
    src: url('/fonts/TitilliumText22L004-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/TitilliumText22L004-webfont.woff') format('woff'),
         url('/fonts/TitilliumText22L004-webfont.ttf') format('truetype'),
         url('/fonts/TitilliumText22L004-webfont.svg#TitilliumText22LMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LBold';
    src: url('/fonts/TitilliumText22L005-webfont.eot');
    src: url('/fonts/TitilliumText22L005-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/TitilliumText22L005-webfont.woff') format('woff'),
         url('/fonts/TitilliumText22L005-webfont.ttf') format('truetype'),
         url('/fonts/TitilliumText22L005-webfont.svg#TitilliumText22LBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LXBold';
    src: url('/fonts/TitilliumText22L006-webfont.eot');
    src: url('/fonts/TitilliumText22L006-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/TitilliumText22L006-webfont.woff') format('woff'),
         url('/fonts/TitilliumText22L006-webfont.ttf') format('truetype'),
         url('/fonts/TitilliumText22L006-webfont.svg#TitilliumText22LXBold') format('svg');
    font-weight: normal;
    font-style: normal;

}



/*====================================
MAIN LAYOUT
=====================================*/

html
{
	font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', 'TitilliumText22LRegular'

}

body
{
	text-align: center;
	color: #000000;
	height: 100%;
    font-size:16px;  /*KS changes for payroll precedence over bootstrap*/
	/*font-size: 20px*/
}


p
{
	color: #000000;
	line-height: 1.5;
	font-weight: 200;
}

#content p, #content-right p, table
{
	margin: 0px 0px 0px 0px;
}

#content-right img
{
	border: none;
}

#breadcrumb-right label
{
	display: none;
}

/******************
FORM STYLES
******************/

#content-container form
{
	margin: 0px 0px;
	padding: 0px 0px 0px 0px;
}

#content-container fieldset
{
	margin: 10px 0px 20px 0px;
	padding: 0px 10px 10px 20px;
}



/* a nested fieldset */
#content-container fieldset fieldset
{
	margin: 15px 0px 5px 0px;
	padding: 0px 5px 5px 5px;
}

#content-container legend
{
	margin-bottom: 0px;
	padding: 0px 0px 5px 0px;
	color: #666666;


}
/* a nested legend */
#content-container fieldset legend
{
	margin-bottom: 0px;
	padding: 0px;
	color: #336699;
}
/* a nested legend */
#content-container fieldset fieldset legend
{
	margin-bottom: 0px;
	padding: 0px;

}

#content-container label
{
	display: block;
	padding-top: 8px;
}

#breadcrumb-right form
{
	margin: 0px;
	padding: 0px;
	text-align: right;
}

#breadcrumb-right form fieldset
{
	margin: 0px;
	padding: 0px;
	border: none;
}

#breadcrumb-right form legend
{
	display: none;
}

/******************
LINKS
******************/

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */

a:link
{
	color: #165585;

}

a:visited
{
	color: #165585;

}

a:hover
{
	color: #000000;
	text-decoration: none;

}

a:active
{
	color: #165585;

}

.Nav_Link1
{


	color: #165585;
	text-decoration: none;

}
a.Nav_Link1
{


	color: #165585;
	text-decoration: none;

}
a.Nav_Link1:link
{

	font-size: 14px;
	color: #336699;
	text-decoration: none;

}
a.Nav_Link1:visited
{

	color: #336699;
	text-decoration: none;

}
a.Nav_Link1:active
{


	color: #336699;
	text-decoration: none;

}
a.Nav_Link1:hover
{


	color: #000000;
	text-decoration: none;

}


.Blue_Link
{


	color: #336699;
	text-decoration: none;

}
a.Blue_Link
{


	color: #336699;
	text-decoration: none;

}
a.Blue_Link:link
{


	color: #336699;
	text-decoration: none;

}
a.Blue_Link:visited
{


	color: #336699;
	text-decoration: none;

}
a.Blue_Link:active
{


	color: #336699;
	text-decoration: none;

}
a.Blue_Link:hover
{


	color: #000000;
	text-decoration: none;

}


/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
#mainnav-container a:link
{
	color: #0000FF;
}

#mainnav-container a:visited
{
	color: #0000FF;
}

#mainnav-container a:hover
{
	color: #000099;
	text-decoration: none;
}

#mainnav-container a:active
{
	color: #669966;
}

/* All link states are selected with an "a" */
.header a
{
	color: #FFFFFF;
}

#breadcrumb-container a
{
	color: #0000FF;
}

/******************
HEADINGS
******************/

h1
{
	font-size: 1.6em;
	padding: 0;
	margin: 0 0 10px 0;
}

h2
{
	font-size: 1.1em;
}

h3
{
	font-size: 1.4em;
}

h4
{
	font-size: 1.1em;
}

h5
{
	font-size: .9em;
}

h6
{
	font-size: .8em;
}

#three-column-container h2
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

/*HEADER/SUBHEADER*/
.paystub_Section_header
{
	background-color: #4477a5;
	color: #fff;
	font-weight: bold;
	text-align: left;
	padding: 0.5em;
}

.paystub_header
{
	background-color: #4477a5;
	color: #fff;
	padding: 0.5em;
}

.Paystub_Text
{

	text-align: right;
	width: 30%;
	padding: 0.5em;
}

.Paychq_Text
{

	text-align: right;
	width: 100px;
}

.header
{


	color: #336699;

	background-color: transparent;
}

.header_report
{

	font-family: museo;
	font-size: 1.2em;
	color: #666;
	line-height: 40px;
	margin-left: 2px;
	text-align: center;
}

.headerpayroll
{

	color: #4682b4;

	background-color: transparent;
}

#dek
{
	position: absolute;
	display: block;
	visibility: hidden;
	z-index: 200;
	opacity: .60;
	filter: alpha(opacity=60);
	background-color: #336699;
	width: 150px;
	height: 60px;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	left: 474px;
	top: 530px;
}

#textdek
{
	position: absolute;
	display: block;
	visibility: hidden;
	z-index: 200;
	background-color: #336699;
	width: 150px;
	height: 60px;

	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	left: 474px;
	top: 530px;
}


.dvbannerleft p
{
	float: left;
	width: 100PX;
	font-size: 12px;
	text-align: left;
	color: #424037;
	background-color: #FBF8A8;
	margin: 6px 0px 0px 0px;
	padding: 6px 0px 5px 8px;
}

#righttfoot
{
	float: left;
	width: 556px;
	height: 59px;
	background-image: url(../images/right_foot.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin: 20px 0px 0px 0px;
	padding: 11px 0px 13px 0px;
}
#righttfoot img
{
	float: left;
	margin: 0px;
	font-size: 0px;
	padding: 0px 0px 0px 10px;
}
#righttfoot p
{
	float: left;
	width: 97px;
	font-size: 13px;
	text-align: left;
	color: #513D2C;
	margin: 0px;
	padding: 0px 12px 0px 12px;
}

/******************
LAYOUT STYLES
******************/

#divw
{
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: #FFFFFF;
}

#PContainer
{	width:100%;
	padding:0;
	/*background: url(/images/HeaderPE.jpg) repeat-x;*/ /*RG commenetd original image as header*/

	left: 0px;
	top: 0px;
	height: 100%;
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: #FFFFFF;
	min-width:800px;

}

#PHeader {
    position: relative;
   
    /*ORIGINAL : margin:0*/
    /* width:100%; */
    /* margin-right:40px; */
}

.btm-mr{

    margin-bottom:5px;
}

.top-mar{
    margin-top:15px;
}
.TopNav_Text
{


	/*color: #777777; original commented */

    color: #fff; /*new RG */
	text-decoration: none;
	font-size: 1.2em;

	width:auto;


	margin:auto;
	text-align: right;
	/*margin-right:40px; Original commnetd*/

	 /*test : Rg: 06-07-2015 to display blue bar*/

     /*height: 27px;*/
     height: 50px;
      margin-bottom: 0px;
      /*vertical-align:middle;*/

}

.TopNav_Text A:link
{


	/*color: #777777;*/
    color: #fff; /*new RG */
	text-decoration: none;
}

.TopNav_Text A:visited
{


	/*color: #777777;*/
    color: #fff; /*new RG */
	text-decoration: none;
}

.TopNav_Text A:active
{


	/*color: #777777;*/
    color: #fff; /*new RG */
	text-decoration: none;
}

.TopNav_Text A:hover
{


	color: #ddd;
	text-decoration: none;
}

.Help_Button
{

	background-color: #ffffff;
	border-width: 0px;
	border-color: #eeeeee;
	border-radius: 1px;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	border-style: solid;
	border-left-color:#999999;
	border-top-color:#999999;

	opacity:0.3;
	color: #000000;





}

.Help_Button A:link
{


	color: #f4f4f4;
	text-decoration: none;
}

.Help_Button A:visited
{


	color: #f4f4f4;
	text-decoration: none;
}

.Help_Button A:active
{


	color: #f4f4f4;
	text-decoration: none;
}

.Help_Button A:hover
{


	color: #336699;
	text-decoration: none;
}


#Logo
{
	position: relative;
	left: 0px;
	top: 10px;
	width: 70%;
	height: 80px;
	/*background-image: url(/images/Logo2.png);*/
	background-repeat: no-repeat;
	margin-left: 40px;
	margin-right:auto;

}

#Right_Box
{
	position: relative;
	float: left;
	left: 450px;
	display: inline;
	right: 0px;
	top: 2px;
	width: 320px;
	height: 80px;
	z-index: 10;
	border-style: none;
	border-width: 0px;
	text-align: right; /* background-image:url(/images/filler2.jpg); */
	background-repeat: no-repeat;
	line-height: 80px;
}

#mainnav-container
{
	width: 800px;
	padding: 10px;
	border-bottom: 2px solid #7F7F7F;
	border-right: 1px solid #7F7F7F;
	border-left: 1px solid #EDEDED;
	margin-bottom: 1px;
	background: #FFFFFF url(../images/bg-topnav.gif) repeat-x;
	table-layout: fixed;
	min-width: 800px;
}

#mainnav-side
{
	text-align: right;
}

#headermenu
{
	width: 100%;
	padding: 0px;
	height: 19px;
	text-align: left;
	background: #d3e1ee;
	table-layout: fixed;

	font-size: 14px;

	color: #336699;
	margin-left: 40px;
	min-width: 700px;
}

#headermenu a
{
	text-decoration: none;
	text-align: center;
	margin-top: 3px;
	text-transform: uppercase;
	color: #336699;
}

#slogan
{
	font-size: .68em;
	margin: 0px;

	padding-top: 7px;
}

#breadcrumb-container
{
	width: 100%;
	padding: 10px 10px 8px 10px;
	border-bottom: 2px solid #7F7F7F;
	border-right: 1px solid #7F7F7F;
	border-left: 1px solid #EDEDED;
	margin-bottom: 1px;
	background: #FFFFFF url(../images/bg-topnav.gif) repeat-x;
	table-layout: fixed;
}

#breadcrumb-left
{
	vertical-align: top;
}

#breadcrumb-right
{
	text-align: right;
}

#content-container
{
	width: 100%;
	border-bottom: 2px solid #7F7F7F;
	border-right: 1px solid #7F7F7F;
	padding: 0px;
	margin: 0px 0px 1px 0px;
	table-layout: fixed;
	min-width: 1000px;
}

#content-left
{
	background-color: #FFFFFF;
	width: 150px;
	padding: 0px;
	vertical-align: top;
	border-right: dotted 1px #C8C8C8;
	border-left: dotted 1px #C8C8C8;
}

#content-right
{
	background-color: #e6e6e6;
	width: 160px;
	padding: 5px;
	vertical-align: top;
}

#Pcontent
{
	background-color: #FFFFFF;

	border-left: 0px;
	border-right: 0px;
	vertical-align: top;
	min-width: 620px;
	max-width: auto;

}

#content
{
	background-color: #FFFFFF;
	padding: 5px;
	border-left: 1px dashed #D0D0BF;
	border-right: 1px dashed #D0D0BF;
	vertical-align: top;
	min-width: 800px;
	max-width: 800px;
}
#content-payroll
{
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 2px;
	padding-left: 2px;
	border-left: 0px;
	border-right: 0px;
	vertical-align: top;
	min-width: 800px;
	max-width: 800px;
}

#three-column-container
{
	width: 100%;
	margin: 10px 0px;
	text-align: justify;
	table-layout: fixed;
}

#three-column-left
{
	width: 30%;
	padding-right: 3%;
	vertical-align: top;
}

#three-column-middle
{
	width: 30%;
	vertical-align: top;
}

#three-column-right
{
	width: 30%;
	padding-left: 3%;
	vertical-align: top;
}

#footer
{
	width: 100%;
	padding: 10px;
	border-bottom: 2px solid #7F7F7F;
	border-right: 1px solid #7F7F7F;
	border-left: 1px solid #EDEDED;
	text-align: center;
	background: #FFFFFF url(../images/bg-topnav.gif) repeat-x;
	table-layout: fixed;
	min-width: 1000px;
}

.process_Menu_Text {
		font: 67.5% 'TitilliumText22LRegular', Arial, Helvetica, sans-serif;
		font-size:.9em;
		color:#ffffff;
		text-decoration:none;
}
.process_Menu_Text a{
		font: 67.5% 'TitilliumText22LRegular', Arial, Helvetica, sans-serif;
	font-size:1.5em;
		color:#ffffff;
		text-decoration:none;
	}

	.process_Menu_Text a:visited{
	font: 67.5% 'TitilliumText22LRegular', Arial, Helvetica, sans-serif;
	font-size:1.5em;
		color:#ffffff;
		text-decoration:none;
	}

	.process_Menu_Text a:active{
	font: 67.5% 'TitilliumText22LRegular', Arial, Helvetica, sans-serif;
	font-size:1.5em;
		color:#ffffff;
		text-decoration:none;
	}

	.process_Menu_Text a:hover{
	font: 67.5% 'TitilliumText22LRegular', Arial, Helvetica, sans-serif;
	font-size:1.5em;
		color:#336699;
		text-decoration:underline;
	}

/******************
DROPDOWN MENU
******************/

.menu
{
	background:#fff;
	width: 100%;
	text-align: left;
	border:none;
	border:0px;
	margin:auto;
	padding:0px;
	font: 67.5% 'TitilliumText22LRegular', Arial, Helvetica, sans-serif;
	font-size:1.5em;
	/*text-shadow:0px 1px 0px #fff;*/
	/*-moz-box-shadow:0 2px 2px #eee;
	-webkit-box-shadow:0 2px 2px #eee;*/
    /*RG: add margin-top:10px to menu*/
    /*margin-top:10px!important ;*/
	}
.menu ul{

	/*background:#e6e6e6;*/
	height:47px;
	left:0;
	list-style:none;
	padding-left:10px;

	margin:auto;
	text-align: left;
	margin-left: 0px;
	/*-moz-box-shadow:0 2px 2px #888;
	-webkit-box-shadow:0 2px 2px #888;
	box-shadow:0 2px 2px #888;*/
	min-width: 800px;
	background: #fff;
    /*box-shadow: 0 2px 3px 2px rgba(0,0,0,.03);
    -moz-box-shadow:0 2px 3px 2px rgba(0,0,0,.03);
    -webkit-box-shadow:0 2px 3px 2px rgba(0,0,0,.03);*/
	}
	.menu li{
		float:left;
		text-align:left;
		padding:0px;
		margin:auto;
		/*padding-top:5px;*/


		}

.header_Menu_Text li a{
		padding:0px 15px;

	}


.header_Menu_Text ul{
		height:130px;
		vertical-align: middle;

	}

.header_Menu_Text li{

		text-align:left;
		padding:0px;
		margin:auto;
		padding-top:5px;


	}

	.header_Menu_Text a:link{
		color:#606060;
		text-decoration:none;
		text-shadow:0px 1px 0px #fff;

	}

	.header_Menu_Text a:visited{
		color:#165585;
		text-decoration:none;
	}

	.header_Menu_Text a:active{
		color:#606060;
		text-decoration:none;

	}

	.header_Menu_Text a:hover{
		color:#336699;
		text-decoration:none;
	}

	.header_Menu_Text ul a:hover, .header_Menu_Text ul li:hover a{
			background:#336699; /*url('/images/hover_sub.gif') center left no-repeat;*/
			border:0px;
			color:#ffffff;
			text-decoration:none;
			/* padding:4px 0px 4px 0px; */
			display:block;
			text-shadow:0px 0px 0px #fff;
			margin: 0px 0px 0px 0px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			}

	.menu li a {
		/*background:#333333 url("/images/seperator.gif") bottom right no-repeat;*/
		color:#165585;
		display:block;

		line-height:35px;
		margin:0px;
		padding:0px 7px;
		min-width: 0px;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #f9f9f9; /*url("/images/hover.png") bottom center no-repeat;*/
			color:#336699;
			text-decoration:none;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			}
	.menu li ul{
		background:#fff;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:auto;
		z-index:200;
		left:inherit;
		/*top:1em;
		/*left:0;*/
		padding-top:10px;
		/*-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
		filter: alpha(opacity=90);
		-moz-opacity: .9;
		opacity: .9; */
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		min-width: 0px;
  	box-shadow: 0 2px 3px 2px rgba(0,0,0,.08);






		}
	.menu li:hover ul{
		display:block;

		}
	.menu li li {
		/*background:url('/images/sub_sep.gif') bottom left no-repeat;*/
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:auto;


		}
	.menu li:hover li a{
		background:none;

		}


		menu li ul li{
		display:block;
		height:35px;
		font-size:0.6em;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		background:#336699;
		}



	.menu li ul a{
		display:block;
		height:35px;
		font-size:0.5em;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#336699; /*url('/images/hover_sub.gif') center left no-repeat;*/
			border:0px;
			color:#ffffff;
			text-decoration:none;
			text-shadow:0px 0px 0px #fff;
			}
	.menu p{
		clear:left;
		}


.reportMenu
{
font-size:0.6em;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;}




/******************
MENU ITEMS
******************/

#mainnav-container ul
{
	margin: 0px;
	padding: 0px;
}

#mainnav-container li
{
	padding: 0px;
	list-style: none;
	display: inline;
	margin: 5px 10px 5px 0px;
}

#mainnav-side li
{
	padding: 0px;
	margin: 5px 0px 5px 10px;
}

/******************
LISTS - IN THE CONTENT DIV
******************/

#content ul.list, #content ul.link-list-vertical
{
	margin: 0px 0px 15px 15px;
	padding: 0px;
}

#content ul.list li
{
	list-style: none;
	padding: 2px 0px 2px 12px;
	margin: 0px;
	background: url(../images/bullet.gif) no-repeat;
	background-position: 0 .6em;
}

#content ul.link-list-vertical li
{
	list-style: none;
	margin: 0px;
	padding: 2px 0px;
}

#content ul.link-list-vertical li a:link
{
	padding: 2px 0px 2px 12px;
	background: url(../images/bullet-link.gif) no-repeat;
	background-position: 0 .6em;
}

#content ul.link-list-vertical li a:visited
{
	padding: 2px 0px 2px 12px;
	background: url(../images/bullet-link-visited.gif) no-repeat;
	background-position: 0 .6em;
}

#content ul.link-list-vertical li a:hover
{
	padding: 2px 0px 2px 12px;
	background: url(../images/bullet-link-hover.gif) no-repeat;
	background-position: 0 .6em;
}

#content ul.link-list-vertical li a:active
{
	padding: 2px 0px 2px 12px;
	background: url(../images/bullet-link-active.gif) no-repeat;
	background-position: 0 .6em;
}

/******************
LISTS - IN THE RIGHT OR LEFT COLUMNS
******************/

#content-right ul.list, #content-right ul.link-list-vertical, #content-left ul.list, #content-left ul.link-list-vertical
{
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

#content-right ul.list li, #content-left ul.list li
{
	list-style: none;
	padding: 2px 0px 2px 12px;
	margin: 0px;
	background: url(../images/bullet-right.gif) no-repeat;
	background-position: 0 .6em;
}

#content-right ul.link-list-vertical li, #content-left ul.link-list-vertical li
{
	list-style: none;
	margin: 0px;
	padding: 2px 0px;
}

#content-right ul.link-list-vertical li a:link, #content-left ul.link-list-vertical li a:link
{
	padding: 2px 0px 2px 12px;
	background: url(../images/bullet-link.gif) no-repeat;
	background-position: 0 .6em;
}

#content-right ul.link-list-vertical li a:visited, #content-left ul.link-list-vertical li a:visited
{
	padding: 2px 0px 2px 12px;
	background: url(../images/bullet-link-visited.gif) no-repeat;
	background-position: 0 .6em;
}

#content-right ul.link-list-vertical li a:hover, #content-left ul.link-list-vertical li a:hover
{
	padding: 2px 0px 2px 12px;
	background: url(../images/bullet-link-hover.gif) no-repeat;
	background-position: 0 .6em;
}

#content-right ul.link-list-vertical li a:active, #content-left ul.link-list-vertical li a:active
{
	padding: 2px 0px 2px 12px;
	background: url(../images/bullet-link-active.gif) no-repeat;
	background-position: 0 .6em;
}

/******************
LIST - numbered list - ordered list - numeric steps
******************/

.steplist ol {
    display: block;
    padding: 0 0 0 36px;
    list-style: none;
    vertical-align:middle;
    overflow: hidden;
    counter-reset: numList;
}
.steplist ol li {
    margin-top: 1em;
    margin-bottom: 1em;
    float: left;
    position: relative;



}
.steplist ol li:before {
    counter-increment: numList;
    content: counter(numList);
    float: left;
    position: absolute;
    left: -36px; top: 3px;
    font: bold 14px sans-serif;
    text-align: center;
    color: #fff;
    line-height: 24px;
    width: 24px; height: 24px;
    background: #4477a5;
    -moz-border-radius: 999px;
    border-radius: 999px;
	vertical-align:middle;


}​
/* StepList CSS chnage color */
 .steplistColor ol {
    display: block;
    padding: 0 0 0 36px;
    list-style: none;
    vertical-align:middle;
    overflow: hidden;
    counter-reset: numList;
}
.steplistColor  li {
    margin-top: 1em;
    margin-bottom: 1em;
    float: left;
    position: relative;



}
.steplistColor  li:before {
    counter-increment: numList;
    content: counter(numList);
    float: left;
    position: absolute;
    left: -36px; top: 3px;
    font: bold 14px sans-serif;
    text-align: center;
     color: #fff;
    line-height: 24px;
    width: 24px; height: 24px;
    background: grey!important;
    -moz-border-radius: 999px;
    border-radius: 999px;
	vertical-align:middle;


}​
 /* end steplist */

/******************
TABLE STYLES
******************/

#summaryReport
{
	border-right: 0;
	border-top: 0;
	border-left: 0;
	width: 100%;
	border-bottom: 0;
}

#wrapperborder2
{
	border-right: 0;
	border-top: 0;
	border-left: 0;
	width: 100%;
	border-bottom: 0;

}
.wrapperborder3
{
	border-right: 0px solid;
	border-top: 0px solid;
	border-left: 0px solid;
	border-bottom: 0px solid;
	width: 612px;
	height: 100%;
	z-index: 1;
	text-align: center;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

.wrapperSummary
{
	border-right: 0px solid;
	border-top: 0px solid;
	border-left: 0px solid;
	border-bottom: 0px solid;
	width: 612px;
	height: 100%;
	z-index: 1;
	text-align: center;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

.wrapperborder4
{
	border-right: 0;
	border-top: 0;
	border-left: 0;
	width: 100%;
	border-bottom: 0;
	height: 100%;
	z-index: 1;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

.table
{
	width: 100%;
	border: 1px solid #D0D0BF;
	border-collapse: collapse;
}

.table td
{
	padding: 10px;
}

thead th, tfoot th
{
	background-color: #efefef;

	padding: 10px;


}

/*	TABLE ROW STYLE */

.contentcontainerTBL
{
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height:100%;

}

.contentcontainerTBL_user
{
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height:100%;
}

.contentcontainerTBL_login
{
	vertical-align: top;
	width: 362px;
	height:100%;

}

.contentcontainerTBL_small
{
	margin-right: auto;
	margin-left: auto;
	width: 50%;
}

.contentcontainerTBL_Tab
{
	margin-right: auto;
	margin-left: auto;
	padding-left:0px;
	padding-right:0px;
	width: auto;
	text-align:center;


}

.contentcontainerTBL_BankProfile
{
	margin-right: 20px;
	margin-left: 20px;

	width: auto;
}
.contentcontainerTBL_company
{
	margin-right: auto;
	margin-left: auto;
	width: 500px;
}

.contentcontainerTBL_1col
{
	/*background-color:Green;*/
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}

.divCenter
{
	text-align: center;
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
	bottom: 20px;
	height: 100%;

}

.tblHeaderTitleSize
{


	color: #333333;
	text-align: center;
	padding-bottom:20px;

}
.tblHeaderTitleSizeSub
{


	color: #333333;
	text-align: left;
	padding-left:0px;

}

.tblHeaderTitleSizePopup
{


	padding-top:10px;
	text-align: center;
	padding-bottom:30px;
	color:#eeeeee;

}
.popUp
{

	background: url(/images/PopUpPEBlue.jpg) repeat-x;
	background-color: #f4f4f4;
	border-width: 1px;
	border-color: #888888;
	border-radius: 1px;
	border-bottom-right-radius:15px;
	border-style: solid;
	border-left-color:#999999;
	border-top-color:#999999;
	padding:0 20px 20px 20px;
	opacity:0.9;
	text-align: center;
-moz-box-shadow: 0 0 12px 2px #666;
-webkit-box-shadow: 0 0 12px 2px #666;
box-shadow: 0 0 12px 2px #666;
    /*KS fix for bootstrap |for all popups */
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;

}

.popUp_opaque
{

	background: url(/images/PopUpPEBlue.jpg) repeat-x;
	background-color: #f4f4f4;
	border-width: 1px;
	border-color: #888888;
	border-radius: 1px;
	border-bottom-right-radius:15px;
	border-style: solid;
	border-left-color:#999999;
	border-top-color:#999999;
	padding:0 30px 0px 30px;

	text-align: center;
-moz-box-shadow: 0 0 12px 2px #666;
-webkit-box-shadow: 0 0 12px 2px #666;
box-shadow: 0 0 12px 2px #666;



}

.popUpClose
{
position:absolute;
width:8px;
text-align: right;
right:19px;
top: 0px;
}


.captionTBL
{
	/*float: left;*/
	width: 150px;
	font-family: 'TitilliumText22LRegular';

	color: #336699;
	height: 16px;
	text-align: left;
	padding-bottom: 2px;
	/*background-color:Red;*/
}

.captionTBLW
{
	/*float: left;*/
	width: auto;
	font-family: 'TitilliumText22LRegular';

	color: #336699;
	height: 16px;
	text-align: left;
	padding-bottom: 2px;
	/*background-color:Red;*/
}

.captionTBL3
{
	/*float: left;*/
	width: 100px;
	font-family: 'TitilliumText22LRegular';

	color: #336699;
	height: 16px;
	text-align: left;
	padding-bottom: 2px;
	/*background-color:Red;*/
}
.captionTBL4
{
	/*float: left;*/
	width: 140px;
	font-family: 'TitilliumText22LRegular';
	vertical-align: top;
	color: #cccccc;
	height: 16px;
	text-align: left;
	padding-bottom: 8px;
	padding-top: 6px;

}

.captionTBL4H
{
	/*float: left;*/
	position: relative;
	font-family: 'TitilliumText22LBold';
	font-size:32px;
	color: #C5D4E2;
	width:auto;
	text-align: right !important;
	padding-bottom: 2px;

}

.datafieldTBL4
{
	width: 100px;
	text-align: left;
	font-family: 'TitilliumText22LRegular';
	vertical-align: top;
	color: #fff;
	top:0px;
	padding-bottom: 8px;
	padding-top: 6px;

}

.captionTBL5
{
	/*float: left;*/
	width: 220px;
	font-family: 'TitilliumText22LLight';
	font-size:1.3em;
	color: #336699;
	height: 16px;
	text-align: left;
	padding-bottom: 2px;

}
.captionTBL5S
{
	/*float: left;*/

	font-family: 'TitilliumText22LMedium';
	font-size:65px;
	color: #ece5f2;

	text-align: left;

	position: absolute;
	left:17px;
}

.captionTBL5V
{
	/*float: left;*/

	font-family: 'TitilliumText22LMedium';
	font-size:35px;
	color: #BCCDDE;
	line-height: 25px;
	text-align: center ;
	padding-bottom:15px;
}

.datafieldTBL5
{
	/*float: left;*/
	width: 220px;
	/*width: 25%;*/
	text-align: left;
	line-height: 25px;
	font-family: 'TitilliumText22LRegular';
	font-size:1.4em;
	vertical-align: middle;
	color: #333333;
	top:0px;
	padding-top:0px;
	padding-bottom:18px;
	padding-left:45px;
}

.datafieldTBL5B
{
	/*float: left;*/
	width: 220px;
	/*width: 25%;*/
	text-align: left;
	line-height: 25px;
	font-family: 'TitilliumText22LBold';
	font-size:1.4em;
	vertical-align: middle;
	color: #333333;
	top:0px;
	padding-top:0px;
	padding-bottom:18px;
	padding-left:45px;
}
.spacerTBL
{
	/*float: left;*/
	width: 5px;


	color: #336699;
	height: 16px;
	text-align: left;
}
.spacerTBLTab
{
	/*float: left;*/
	width: 20px;


	color: #336699;
	height: 16px;
	text-align: left;
}

.captionTBL_Small
{
	/*float: left;*/
	width: 200px;
	font-family: 'TitilliumText22LRegular';

	color: #336699;
	height: 16px;
	text-align: left; /*background-color:Red;*/
}

.LastspacerTBL
{
	/*float: left;*/
	width: 25%;
	font-family: 'TitilliumText22LRegular';

	color: #336699;
	height: 16px;
	text-align: left;
}

.datafieldTBL
{
	font-family: 'TitilliumText22LRegular';
	/*float: left;*/
	height: 18px; /* background-color: #f6e3c9; */
	width: 150px;
	text-align: left;
	padding-left: 1px; /*background-color:Blue;*/

}

/********************************************************
***			ADMIN TABLE								  ***
********************************************************/

.admintable
{
	font-family: 'Museo';
}

/*START NEW PAYROLL FORM STYLE*/

.captionTBL_new
{
	/*float: left;*/ /*float: left;*/
	width: 20%;
	font-family: 'TitilliumText22LRegular';

	color: #336699;
	height: 16px;
	text-align: left; /*background-color:Red;*/ /*background-color:Red;*/
}



.spacerTBL_new
{
	/*float: left;*/
	width: 35%;
	font-family: 'TitilliumText22LRegular';

	color: #336699;
	height: 16px;
	text-align: left;
}

.datafieldTBL_new
{
	/*float: left;*/
	width: auto;
	font-family: 'TitilliumText22LRegular';

	color: #336699;
	height: 16px;
	text-align: left; /*background-color:Blue;*/
}


.contentcontainerTBL_2
{
	/*background-color:Green;*/
	margin-right: auto;
	margin-left: auto;
	width: 700px;
	padding-right:40px;
}

.captionTBL2
{
	/*float: left;*/
	width: 30%;
	text-align: left;
	line-height: 25px;
	font-family: 'TitilliumText22LRegular';

	color: #336699;
	height: 16px; /*background-color:Red;*/
}
.spacerTBL2
{
	/*float: left;*/
	width: 5%;
	width: 25%;
	text-align: left;
	line-height: 25px;
	font-family: 'TitilliumText22LRegular';

	color: #336699;
	height: 16px;
}

.datafieldTBL2
{
	/*float: left;*/
	width: 100%;
	/*width: 25%;*/
	text-align: left;
	line-height: 25px;
	font-family: 'TitilliumText22LRegular';
	vertical-align: middle;
	color: #336699;
top:0px;
padding-top:0px;
}


/*	UI container TBL's */

.uirowcontainerTBL
{
	/*background-color:Lime;*/
	margin-right: auto;
	margin-left: auto;
	width: 95%;
	float: left;
}

/*	content container TBL's end*/

/* others */

.messageTBL
{
	color: Blue;

}
.requiredLabelTBL
{
	color: Red;
	text-align: right;
}

.requiredLabelTBL span
{
	text-align: right;
}
.requiredLabelCaptionTBL
{
	float: left;
	color: Red;
}


/* HISTORY TAB STYLE */


.Div_tab
{
	width: 100%;
	border: 1px;
	border-style: solid;
	border-color: Black;
	background-color: White;
}


.Historyformshade
{
	padding-right: 2px;
	border-top: #ffffff 1px solid;
	padding-left: 2px;

	font-size: 9px;
	padding-bottom: 0px;
	width: 160px;
	color: #333333;
	padding-top: 0px;
	background-color: #f1f4f8;
	text-align: left;
}

.Historyformnoshade
{
	padding-right: 2px;
	padding-left: 2px;
	font-size: 9px;
	padding-bottom: 2px;
	color: #333333;
	padding-top: 2px;
	border-bottom: #e5e5e5 1px solid;
	text-align: right;
	width: 120px;
}

.TD_Spacer
{
	width: 10px;
	height: 18px;
}


.printCommandTBL
{
	text-align: right;
	width: 100%;
	color: Black; /*background-color:Fuchsia;*/
}


/********** LINK BUTTON ********/


.Blue_Link_Small
{


	color: #0000FF;
	text-decoration: none;

}


.white_Link
{


	color: white;
	text-decoration: none;

}

/* .Button
{
	text-align: center;
	line-height: 17px;
	background-image: none;
	background-color: white;
	border: none;
	width: 97px;
	height: 21px;


	color: #000000;
	font-weight: bold;
	vertical-align: text-top;
	background-position: bottom;
}
/*
/*====================================
BUTTONS
=====================================*/
.Button, .small_button,  #commentForm #submit{
		background:#e2dfd9 url(/images/button_overlay_normal.png) repeat-x;
		padding:0.5em;
		border:1px solid #bebab2;
		font-family: 'TitilliumText22LRegular';
		font-size:1em;
		color:#336699;
		text-shadow:0px 1px 0px #fff;
		text-decoration: none;
		-moz-border-radius: 3px 3px 3px 3px;
		-webkit-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;}

.small_button, .small_button_dark {
		font-size:.75em;
		text-transform:uppercase;
		padding:1em;
		line-height:0;
		margin-right:4px;
		vertical-align:middle;
		-moz-border-radius: 3px 3px 3px 3px;
		-webkit-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		}

.small_button_dark {
		text-decoration:none;
		background:#336699 url(../images/button_overlay_normal.png) repeat-x;
		color:#fff !important;
		border:1px solid #a9a49a;
		font-size:0.75em;
		-moz-border-radius: 3px 3px 3px 3px;
		-webkit-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;}

#commentForm #submit, #submit{ padding:5px 11px!important; font-size:.75em; text-transform:uppercase; font-family:'TitilliumText22LRegular',Arial,Helvetica,sans-serif;}

.Button:hover, .small_button:hover, #submit:hover, #commentForm #submit:hover{text-decoration:none; background:#dfdbd5 url(../images/button_overlay_normal.png) repeat-x; color:#000; border:1px solid #a9a49a}
.Button:active, .small_button:active, #submit:active, #commentForm #submit:active{background:#e2dfd9; text-shadow:none; color:#f0eeea; border-top:1px solid #73726f; }

.small_button_dark:hover, #submit:hover, #commentForm #submit:hover{text-decoration:none; background:#4477a5; url(../images/button_overlay_normal.png) repeat-x; color:#eeeeee; border:1px solid #a9a49a}
.small_button_dark:active, #submit:active, #commentForm #submit:active{ background:#333333; text-shadow:none; color:#f0eeea; border-top:1px solid #73726f; }

.big_button2{background:#00af3f url(../images/button_overlay_normal.png) repeat-x; float:left; padding:0px 27px; border:1px solid #00af3f; font-size:1.5em; color:#eeeeee; }
.big_button2:hover, .small_button2:hover, #submit:hover, #commentForm #submit:hover{text-decoration:none; background:#dfdbd5 url(../images/button_overlay_normal.png) repeat-x; color:#757370; border:1px solid #a9a49a}
.big_button2:active, .small_button2:active, #submit:active, #commentForm #submit:active{ background:#9e9d9a; text-shadow:none; color:#f0eeea; border-top:1px solid #73726f; }

.big_button3{background:#336699 url(../images/button_overlay_normal.png) repeat-x; float:left; padding:0px 27px; border:1px solid #aaaaaa; font-size:1.5em; color:#fff; }
.big_button3:hover, .small_button2:hover, #submit:hover, #commentForm #submit:hover{text-decoration:none; background:#dfdbd5 url(../images/button_overlay_normal.png) repeat-x; color:#336699; border:1px solid #a9a49a}
.big_button3:active, .small_button2:active, #submit:active, #commentForm #submit:active{ background:#9e9d9a; text-shadow:none; color:#f0eeea; border-top:1px solid #73726f; }


/******************
CLASSES
******************/

.clear
{
	clear: both;
}

.button-big
{
	margin-top: 8px;
}

img.photobig, img.photosmall
{
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #CCCCCC;
	background: #E0E0E0 url(../images/background_table_04.gif) repeat-x;
	padding: 8px;
}

img.photosmall
{
	margin-right: 10px;
	margin-bottom: 2px;
	float: left;
}

/************LABEL STYLE*****************/
.label
{


	color: red;
	width: 100px;
}

/************TEXTBOX STYLE*****************/
.textbox_left
{
	border-style: solid;
	border-color: #999999;
	border-bottom-color: #336699;
	border-right-color: #336699;
	border-width: 1px;
	background-color: #fff8f0;
	width: 100px;
	text-align: left;
	padding-right: 2px;


	color: #333333;
}

.textbox_2
{
	height: 20px;
	margin: 0px;
	padding: 0px;
	width: 150px;


	color: #666666;
}

.txtMain
{
	border-style: solid;
	border-color: #999999;
	border-bottom-color: #336699;
	border-right-color: #336699;
	border-width: 1px;
	background-color: #fff8f0;
	width: 70px;
	text-align: left;
	padding-right: 1px;


	color: #333333;
}

.watermarktext
{
	color: #dddddd !important;

}

/*** checkboxlist and radiobuttonlist ***/

table.radiobtn_list input
{
	float: left;
	margin-left: 10px;
	text-align: center;
}
table.radiobtn_list label
{
	margin-left: 25px;
	display: block;


	color: #336699;
	text-decoration: none;
}

table.chkListStyle input
{
	float: left;
}
table.chkListStyle label
{
	margin-left: 25px;
	display: block;
	line-height: 25px;

	color: #336699;
	text-decoration: none;
}
table.chkListStyle textbox
{
	margin-left: 25px;
	display: block;


	color: #336699;
	text-decoration: none;
	border: none;
}




/************DROPDOWNLIST STYLE*****************/
.DropdownList2
{
	height: 20px;
	margin: 0px;
	padding: 0px;
	width: 200px;


	color: #666666;
}

.button-search
{
	height: 18px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #CCCCCC;
	background: url(../images/bg-button-search.gif) repeat-x;


	color: #0000FF;
}

.none
{
	display: none;
}
.invisible
{
	visibility: hidden;
}

/************CHECKBOX STYLE*****************/
.CheckBox
{
	background: transparent;
	border: 0;

}

/****************
REPORT SHOW STYLE
*****************/
.ReportHeader-no
{
	background-color: #16527D;

	font-size: 1.0em;
}

/******************
PAYROLL OPTIONS STYLE
******************/
.Misc_TD
{
	/*float: left;*/
	width: auto;
	font-family: 'TitilliumText22LRegular';

	color: #336699;
	height: 16px;
	text-align: left;

	/*background-color:Red;*/
	padding-right:4px;
}

.Report_TD
{
	width: 25%;
	vertical-align: top;
}

.Check_TD
{
	font-family: 'TitilliumText22LRegular';
	/*float: left;*/
	height: 16px; /* background-color: #f6e3c9; */
	width: auto;
	text-align: left;
	padding-right:4px;
}


/******************
TIME SHEET SALARY STYLE
******************/
.Time_width
{
	width: 98%;
	vertical-align: middle;
}

.col_center
{
	text-align: center;
}

.Time_width2
{
	width: 80%;
	vertical-align: middle;
}




/*AJAX TOOLKIT STYLE*/


/********************
* Custom error messages
*********************/

.customvalidatorCalloutHighlight
{
 	z-index: 1000;
/*	-moz-box-shadow: 0 0 5px 1px #CC0000;
	-webkit-box-shadow: 0 0 5px 1px #CC0000;
	box-shadow: 0 0 5px 1px #CC0000; */
}

.customCalloutStyle div, .customCalloutStyle td{
	border: none;
	background-color: #4477a5;



    font-size: 1em;


    text-decoration: none;
    color: #FFFFFF;


}

.customCalloutStyle .ajax__validatorcallout_popup_table{
display: none;
border: none;
background-color: transparent;
padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_popup_table_row{
vertical-align: middle;
height: 100%;
background-color: transparent;
padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_cell{
width: 0px;
height: 100%;
text-align: right;
vertical-align: top;
border: none;
background-color: transparent;
padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_table{
height: 100%;
border: none;
background-color: transparent;
padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_table_row{
background-color: transparent;
padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell
{
padding: 8px 0px 0px 0px;
text-align: right;
vertical-align: top;
font-size: 5px;
border: none;
background-color: transparent;

}
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv{
font-size: 1px;
position: relative;
left: 1px;
border: none;

width: 15px;
background-color: transparent;
padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div{
height: 1px;
overflow: hidden;
border-top: none;
border: none;

padding: 0px;
margin-left: auto;
}
.customCalloutStyle .ajax__validatorcallout_error_message_cell
{
font-family: 'TitilliumText22LRegular', Tahoma;
font-size: 1em;
padding: 10px;
border: none;

text-align: left;
width: 100%;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-bottomright: 15px;
border-bottom-right-radius: 15px;

}
.customCalloutStyle .ajax__validatorcallout_icon_cell{
width: 0px;
padding: 0px;
border: none;
-webkit-border-top-left-radius: 12px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius-topleft: 12px;
-moz-border-radius-bottomleft: 12px;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
}
.customCalloutStyle .ajax__validatorcallout_close_button_cell{
vertical-align: top;
padding: 0px;
text-align: left;
border: none;
background-color: transparent;
-webkit-border-bottom-right-radius: 12px;
-moz-border-radius-bottomright: 12px;
border-bottom-right-radius: 12px;
}
.customCalloutStyle .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv{


border: none;
text-align: center;
width: 25px;
padding: 0px;
cursor: pointer;
position: absolute;
right: 3px;
top: 0;
}




/*****************
* Custom tab styles
******************/

.CustomTabStyle {
   width:auto;
   text-align:left;
	max-width: 900px;
	margin-left:auto;
	margin-right:auto;
}

.CustomTabStyle .ajax__tab_header {
    font-family: 'TitilliumText22LRegular',verdana,tahoma,helvetica;
    font-size:1em;
    border-bottom: solid 1px #999999;
}

.CustomTabStyle .ajax__tab_outer {
        padding-right: 4px;
        height: 2em;
        background-color: #e6e6e6;
        margin-right: 2px;
        border-right: solid 1px #aaaaaa;
        border-top: solid 1px #aaaaaa;
		border-left: solid 1px #aaaaaa;
		-moz-border-radius: 0px 3px 0px 0px;
		-webkit-border-radius: 0px 3px 0px 0px;
		border-radius: 0px 3px 0px 0px;
     }

    .CustomTabStyle .ajax__tab_inner {
        padding-left: 3px;
        background-color: #e6e6e6;
     }

    .CustomTabStyle .ajax__tab_tab {
        /*height: 1em;*/  /*KS changes to get tabs aligned with bootstrap on master page PR-1550*/
        height: 1em!important;
        padding: 4px;
        margin: 0;
       -webkit-box-sizing:content-box;
        box-sizing:content-box;
     }

    .CustomTabStyle .ajax__tab_hover .ajax__tab_outer {
        background-color: #eee;
     }

    .CustomTabStyle .ajax__tab_hover .ajax__tab_inner {
        background-color: #eee;
		color: #4477a5;
     }

    .CustomTabStyle .ajax__tab_hover .ajax__tab_tab {}

    .CustomTabStyle .ajax__tab_active .ajax__tab_outer {
        background-color: #fff;


	}

    .CustomTabStyle .ajax__tab_active .ajax__tab_inner {
        background-color:#fff;
     }

    .CustomTabStyle .ajax__tab_active .ajax__tab_tab {}

    .CustomTabStyle .ajax__tab_body {

        border: 1px solid #999999;
        border-top: 0;
        padding: 8px;
        background-color: #ffffff;
      }







/*Modal Popup*/
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	background-color: #ffffdd;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 300px;
}

/* password strength style*/

.BarIndicator_txtuserpass_weak
{
	color: Red;
	background-color: Red;
}
.BarIndicator_txtuserpass_average
{
	color: Blue;
	background-color: Blue;
}
.BarIndicator_txtuserpass_good
{
	color: Green;
	background-color: Green;
}

.BarBorder_txtuserpass
{
	border-style: none;
	border-width: 1px;
	padding: 2px 2px 2px 200px;
	width: 80px;
	height: 8px;
	vertical-align: middle;
}

/* updateprogress div style*/

#mydiv
{
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	filter: alpha(opacity=50);
	font-size: x-large;
	overflow: auto;
	background: url(../images/load.gif) no-repeat center;
	width: 800px;
	height: 600px;
	width: 300%;
	height: 300%;
	position: absolute;
	left: -390px;
	top: -137px;
	-moz-opacity: .55;
	opacity: .55;
	background-color: #f6e3c9;
	z-index: 1000;
	text-align: center;
	vertical-align: middle;
}

#Support
{
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
	filter: alpha(opacity=95);
	-moz-opacity: .95;
	opacity: .95;
	position: absolute;
	right:10px;
	top: 40px;
	float:right;
	display:none;
	background-color: #e6e6e6;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	z-index: 10000;
	-moz-box-shadow:0 2px 2px #888;
	-webkit-box-shadow:0 2px 2px #888;
	box-shadow:0 2px 2px #888;

}

#SettingsPanel
{
	/* -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	filter: alpha(opacity=90);
	-moz-opacity: .9;
	opacity: .9; */
	position: absolute;
	right:0px;
	float:right;
	width: auto;
	display:none;
	background-color: #FFF;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	z-index: 10000;
	-moz-box-shadow:0 2px 2px #888;
	-webkit-box-shadow:0 2px 2px #888;
	box-shadow:0 2px 2px #888;

}
.StartBox1
{
	width: auto;
	background-color: #4477a5;
	-moz-border-radius: 10px 10px 0px 10px;
    -webkit-border-radius: 10px 10px 0px 10px;
    border-radius: 10px 10px 0px 10px;
	z-index: 10000;
	height:auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.StartBox3
{
		position: absolute;
	top:-2px;
	width:100%;
	min-width:800px;
	background-color: #e6e6e6;
	-moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
	z-index: 1;
	height:auto;
padding-top:8px;
	padding-bottom:8px;

	-moz-box-shadow:0 2px 2px #888;
	-webkit-box-shadow:0 2px 2px #888;
	box-shadow:0 2px 2px #888;
}

/*
.StartBox3 a:hover {
	background-color: #800000;
}

.StartBox3 td:hover {
	background-color: #800000;
}*/

.StartBox1arrow
{
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    /* float: right; */
	position: absolute;
    border: 25px solid transparent;
    border-bottom-width: 0;
    border-top: 25px solid rgb(68,119,165);
    margin-left: 740px;
    margin-top: 0px;
	margin-bottom: 15px;
	/* ie6 height fix */
    font-size: 0;
    line-height: 0;
}

.StartBox1arrowUp
{
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    /* float: right; */
	position: absolute;
    border: 25px solid transparent;
    border-bottom-width: 0;
    border-bottom: 25px solid rgb(68,119,165);
    margin-left: 740px;
    margin-top: 0px;
	margin-bottom: 15px;
	/* ie6 height fix */
    font-size: 0;
    line-height: 0;
	top:0;
}

.StartBox2
{
	width: 400px;
	background-color: #ffffff;
	-moz-border-radius: 0px 0px 10px 0px;
    -webkit-border-radius: 0px 0px 10px 0px;
    border-radius:  0px 0px 10px 0px;
	z-index: 10000;
	height:45px;
	border: solid 1px #ddd;
	float:right;
}

.StartBox2arrow
{
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    /* float: right; */
	position: absolute;
    border: 25px solid transparent;
    border-bottom-width: 0;
    border-top: 25px solid rgb(68,119,165);
    margin-left: 240px;
    margin-top: 0px;
	margin-bottom: 15px;
	/* ie6 height fix */
    font-size: 0;
    line-height: 0;
}

.BS1
{

	-moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius:  5px 0px 0px 5px;
    border-radius:  5px 0px 0px 5px;
	z-index: 10000;
	border: solid 1px #ddd;

}

.BS2
{

	-moz-border-radius: 0px 5px 0px 0px;
    -webkit-border-radius: 0px 5px 0px 0px;
    border-radius: 0px 5px 0px 0px;
	z-index: 10000;
	border: solid 1px #ddd;

}

.DashBox1
{
	width: auto;
	background-color: #ffffff;
	-moz-border-radius: 10px 10px 0px 10px;
    -webkit-border-radius: 10px 10px 0px 10px;
    border-radius: 10px 10px 0px 10px;
	z-index: 10000;
	height:auto;
	border: solid 1px #ddd;
	text-align:left;
	max-width: 800px;
}

.DashBox2
{
	width: auto;
	background-color: #f9f9f9;
	-moz-border-radius: 0px 10px 0px 10px;
    -webkit-border-radius: 0px 10px 0px 10px;
    border-radius: 0px 10px 0px 10px;
	z-index: 10;
	height:100px;
	/* border: solid 1px #ddd; */
	border-top: 0px;
	border-right:0px;
	text-align:center;

}

.DashBox2epay
{
	width: auto;
	background-color: #B2CCE5;
	-moz-border-radius: 0px 10px 0px 10px;
    -webkit-border-radius: 0px 10px 0px 10px;
    border-radius: 5px;
	z-index: 10000;
	height:auto;
	/* border: solid 1px #ddd; */
	border-top: 0px;
	border-right:0px;
	text-align:center;
	color: #fff;
	text-shadow: 0px 1px 0px #777;
}

.DashBox2epay:hover
{
	width: auto;
	background-color: #fff;
	-moz-border-radius: 0px 10px 0px 10px;
    -webkit-border-radius: 0px 10px 0px 10px;
    border-radius: 0px 10px 0px 10px;
	z-index: 10000;
	height:100px;
	/* border: solid 1px #ddd; */
	border-top: 0px;
	border-right:0px;
	text-align:center;
	color: #336699;
	text-shadow: 0px 0px 0px #444;
}
.center1
{
margin-left: auto;
margin-right: auto;
}

.DashBox3
{
	width: auto;
	background-color: #f9f9f9;
	-moz-border-radius: 10px 0px 0px 0px;
    -webkit-border-radius: 10px 0px 0px 0px;
    border-radius: 10px 0px 0px 0px;
	z-index: 10000;
	height:auto;
	/* border: solid 1px #ddd; */
	border-bottom: 0px;
	border-right:0px;
	text-align:center;

}

.TourLink
{
	/* width: 140px;
	background-color: #e6e6e6;
	-moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px; */
	/* position:relative;  */
	position:absolute;
		top:0;
		right:0;
	height:33px;

}

.PageHeader
{
	/* width: 200px;
	background-color: #fdfdfd;
	-moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
	margin-top:1px;
	padding-top:5px;
	position:relative;
	height:25px;
	border: solid 1px #888;
	border-top: 0px;
	top:0px;
	box-shadow: 0px 1px 1px 1px #999;
	-moz-box-shadow:0px 1px 1px 1px #999;
	-webkit-box-shadow:0px 1px 1px 1px #999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	font-family: 'TitilliumText22LMedium', Arial, Helvetica, sans-serif; */
	width: 200px;
color: #165585;
/* background-color: #fdfdfd; */
border-radius: 0px;
margin-top: 1px;
padding-top: 5px;
position: relative;
top: 0px;
font-family: 'open sans', Arial, Helvetica, sans-serif;
/* border-bottom: 1px solid #EBF6FF; */
font-size: 20px;

}

/* Pure CSS calendar-icon Icon */

.calendar-icon{
	margin:.25em 10px 10px 0;
	padding-top:5px;
	float:left;
	width:80px;
	background:#ededef;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededef), to(#cccccc));
	background: -moz-linear-gradient(top,  #ededef,  #cccccc);
	font:bold 50px/60px Roboto, Arial Black, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#444;
	text-shadow:#fff 0 1px 0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	position:relative;
	-moz-box-shadow:0 2px 2px #888;
	-webkit-box-shadow:0 2px 2px #888;
	box-shadow:0 2px 2px #888;
	}

.calendar-icon em{

	display:block;
	font:normal  12px/30px Roboto, Arial, Helvetica, sans-serif;
	color:#fff;
	text-shadow:#336699 0 -1px 0;
	background:#6699CC;
	background:-webkit-gradient(linear, left top, left bottom, from(#6699CC), to(#336699));
	background:-moz-linear-gradient(top,  #6699CC,  #336699);
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
	border-top:1px solid #336699;
}

.calendar-icon:before, .calendar-icon:after
{
	content:'';
	float:left;
	position:absolute;
	top:5px;
	width:8px;
	height:8px;
	background:#111;
	z-index:1;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:0 1px 1px #fff;
	-webkit-box-shadow:0 1px 1px #fff;
	box-shadow:0 1px 1px #fff;
}

.calendar-icon:before{left:11px;}

.calendar-icon:after{right:11px;}

.calendar-icon em:before, .calendar-icon em:after
{
	content:'';
	float:left;
	position:absolute;
	top:-5px;
	width:4px;
	height:14px;
	background:#dadada;
	background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#aaa));
	background:-moz-linear-gradient(top,  #f1f1f1,  #aaa);
	z-index:2;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	}

.calendar-icon em:before{left:13px;}

.calendar-icon em:after{right:13px;}


/* Pure CSS calendar-icon Icon - wider style without stylized paper holes and rings */

.calendar-icon-wide{
	margin:.25em 10px 10px 0;
	padding-top:5px;
	float:left;
	width:100px;
	background:#ededef;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededef), to(#ccc));
	background: -moz-linear-gradient(top,  #ededef,  #ccc);
	font:bold 50px/60px Roboto, Arial Black, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#444;
	text-shadow:#fff 0 1px 0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	position:relative;
	-moz-box-shadow:0 2px 2px #888;
	-webkit-box-shadow:0 2px 2px #888;
	box-shadow:0 2px 2px #888;
	}

.calendar-icon-wide em{

	display:block;
	font:normal  12px/30px Roboto, Arial, Helvetica, sans-serif;
	color:#fff;
	text-shadow:#336699 0 -1px 0;
	background:#6699CC;
	background:-webkit-gradient(linear, left top, left bottom, from(#6699CC), to(#336699));
	background:-moz-linear-gradient(top,  #6699CC,  #336699);
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
	border-top:1px solid #336699;
}

/* .calendar-icon-wide:before, .calendar-icon-wide:after
{
	content:'';
	float:left;
	position:absolute;
	top:5px;
	width:8px;
	height:8px;
	background:#111;
	z-index:1;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:0 1px 1px #fff;
	-webkit-box-shadow:0 1px 1px #fff;
	box-shadow:0 1px 1px #fff;
} */

.calendar-icon-wide:before{left:11px;}

.calendar-icon-wide:after{right:11px;}

/* .calendar-icon-wide em:before, .calendar-icon-wide em:after
{
	content:'';
	float:left;
	position:absolute;
	top:-5px;
	width:4px;
	height:14px;
	background:#dadada;
	background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#aaa));
	background:-moz-linear-gradient(top,  #f1f1f1,  #aaa);
	z-index:2;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	} */

.calendar-icon-wide em:before{left:13px;}

.calendar-icon-wide em:after{right:13px;}





/* calendar style*/

.cal_Theme1 .ajax__calendar_container
{
	background-color: #e2e2e2;
	border: solid 1px #cccccc;
	z-index:30;
}
.cal_Theme1 .ajax__calendar_header
{
	background-color: #ffffff;
	margin-bottom: 4px;
}
.cal_Theme1 .ajax__calendar_title, .cal_Theme1 .ajax__calendar_next, .cal_Theme1 .ajax__calendar_prev
{
	color: #004080;
	padding-top: 3px;
}
.cal_Theme1 .ajax__calendar_body
{
	background-color: #e9e9e9;
	border: solid 1px #cccccc;
}
.cal_Theme1 .ajax__calendar_dayname
{
	text-align: center;

	margin-bottom: 4px;
	margin-top: 2px;
}
.cal_Theme1 .ajax__calendar_day
{
	text-align: center;
}
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_month, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_year, .cal_Theme1 .ajax__calendar_active
{
	color: #004080;

	background-color: #ffffff;
}
.cal_Theme1 .ajax__calendar_today
{

}
.cal_Theme1 .ajax__calendar_other, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_today, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_title
{
	color: #bbbbbb;
}


/* REPORT TABLE STYLE*/

.ReportTable
{
	border-collapse: collapse;
	width: auto;
	background-color: White;
}

.ReportTable_update
{
	border-collapse: collapse;
	width: 780px;
	background-color: White;
}

.ReportTable_register
{
	border-collapse: collapse;
	width: 500px;
	background-color: White;
}

.ReportSection
{
	background: #FFFFFF;
	height: 10px;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 0.9em;
	color: #000000;
	text-align: left;
	border-left: solid 1px #A8814D;
	border-right: solid 1px #A8814D;
	border-bottom: solid 2px #ffffff;
}

.ReportHeader
{
	background: #16527D;
	height: 10px;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 0.9em;
	color: #FFFFFF;
	text-align: left;
	border-left: solid 1px #A8814D;
	border-right: solid 1px #A8814D;
	border-bottom: solid 2px #ffffff;
}

.ReportHeader_newreport
{
	background: #16527D;
	height: 10px;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 0.9em;
	color: #FFFFFF;
	text-align: left;
	border-left: solid 1px #A8814D;
	border-right: solid 1px #A8814D;
	border-bottom: solid 2px #ffffff;
	width: 100px;
}

.ReportHeader3
{
	background: #16527D;
	height: 10px;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 0.9em;
	color: #FFFFFF;
	text-align: left;
	border-left: solid 1px #A8814D;
	border-right: solid 1px #A8814D;
	border-bottom: solid 1px #ffffff;
}



.ReportHeader2
{
	background: #ffffff url(  '/images/thbg.gif' ) repeat-x;
	height: 10px;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 0.9em;
	color: #000000;
	text-align: center;
}

.cell
{
	padding-left: 2px;
	padding-right: 2px;
	width: 80px;
	color: #000000;
	font-size: 0.9em;
	height: 10px;
	border-left: solid 1px #EED9C3;
	border-bottom: solid 1px #ffffff;
	text-align: right;
}

.cell_left
{
	padding-left: 2px;
	padding-right: 2px;
	width: 60px;
	font-size: 0.9em;
	height: 10px;
	border-left: solid 1px #EED9C3;
	border-bottom: solid 1px #ffffff;
	text-align: left;
}

.cell_left_update
{
	padding-left: 2px;
	padding-right: 2px;
	width: 200px;
	font-size: 0.9em;
	height: 10px;
	border-left: solid 1px #EED9C3;
	border-bottom: solid 1px #ffffff;
	text-align: left;
}

.cell_update
{
	padding-left: 2px;
	padding-right: 2px;
	width: 428px;
	font-size: 0.9em;
	height: 10px;
	border-left: solid 1px #EED9C3;
	border-bottom: solid 1px #ffffff;
	text-align: right;
}


.cell_orange
{
	padding-left: 2px;
	padding-right: 2px;
	width: 60px;
	font-size: 0.9em;
	height: 10px;
	border-left: solid 1px #EED9C3;
	border-bottom: solid 1px #ffffff;
	text-align: right;
	background: #FF9900;
	color: #000000;
}

.cell_cheque
{
	padding-left: 2px;
	padding-right: 2px;
	width: 80px;
	font-size: 0.9em;
	height: 10px;
	border-left: solid 1px #EED9C3;
	border-bottom: solid 1px #ffffff;
	text-align: right;
}

.cell2
{
	padding-left: 2px;
	padding-right: 2px;
	font-size: 0.9em;
	height: 10px;
	border-left: solid 1px #EED9C3;
	border-bottom: solid 1px #ffffff;
	text-align: left;
}

.report_page_cell
{
	padding-right: 1px;
	font-size: 0.8em;
	height: 20px;
	text-align: right;
	float: right;
}

.report_page_row
{
	font-size: 0.9em;
	height: 20px;
	background: white;
}

.rowA
{
	font-size: 0.9em;
	height: 10px;
	background: #d3e1ee;
}

.rowHighLight
{
	font-size: 1em;
	height: 10px;
	background: #FF9900;
}

.rowOrangeHeader
{
	background: #FF9900;
	height: 20px;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 0.9em;
	color: #FFFFFF;
	text-align: center;
	border-left: solid 1px #A8814D;
	border-right: solid 1px #A8814D;
	border-bottom: solid 2px #ffffff;
}

.rowOrangeHeader_font_black
{
	background: #FF9900;
	height: 20px;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 0.9em;
	color: black;

	text-align: center;
	border-left: solid 1px #A8814D;
	border-right: solid 1px #A8814D;
	border-bottom: solid 2px #ffffff;
}

.rowA_orange
{
	font-size: 0.9em;
	height: 10px;
	background: #FBBBB9;
}

.rowB
{
	font-size: 0.9em;
	height: 10px;
	background: #FFFAF4 repeat-x; /*background: #FFFAF4 url('/images/trbg2.gif') repeat-x;*/
}

#Menu_Bar
{
	position: relative;
	left: 0px;
	top: 8px;
	width: 160px;
	float: left;
}

#Button1
{
	position: absolute;
	left: 2px;
	top: 1px;
	bottom: 0px;
	width: 124px;
	height: 21px;
	background-image: url(/images/BlueButton_Bg.jpg);
	background-repeat: no-repeat;
}

.BluButton_Text A:link
{


	color: #336699;
	text-decoration: none;
}

.BluButton_Text A:visited
{


	color: #336699;
	text-decoration: none;
}

.BluButton_Text A:active
{
	color: #336699;
	text-decoration: none;
}

.BluButton_Text A:hover
{


	color: #FF6633;
	text-decoration: none;
}


#Footer2
{
    /*bug fixed by reported by varun for footer hiding the buttons*/
	/*padding-top:20px;*/
	position: relative;
	display: block;
	left: 0px;
	top: 0px;
	width: 90%;
	margin: auto;
	/*height: 15px;*/
	text-align: center;
	font-size:0.8em;
	margin-bottom:5px;
	vertical-align: bottom;
}

.footerImage
{
	position: relative;
	padding-top: 0px;
	float: left;
}

.footerImgDA
{
	width: 132px;
	height: 26px;
}


.BottomNav_TextDate
{
	padding-left: 150px;


	color: #FFFFFF;
}

.BottomNav_TextDate A:link
{


	color: #FFFFFF;
	text-decoration: none;
}

.BottomNav_TextDate A:visited
{


	color: #FFFFFF;
	text-decoration: none;
}

.BottomNav_TextDate A:active
{


	color: #FFFFFF;
	text-decoration: none;
}

.BottomNav_TextDate A:hover
{


	color: #FFCC99;
	text-decoration: none;
}


.BottomNav_Text
{

	color: #222222;
}

.BottomNav_Text A:link
{


	color: #666666;
	text-decoration: none;
}

.BottomNav_Text A:visited
{


	color: #666666;
	text-decoration: none;
}

.BottomNav_Text A:active
{


	color: #666666;
	text-decoration: none;
}

.BottomNav_Text A:hover
{


	color: #336699;
	text-decoration: none;
}


#Header
{
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 51px;
	background-image: url(/images/HeaderPE.jpg);
	background-repeat: no-repeat;
	float: right;
}



#Content_PContainer
{
	position: relative;
	/* height: 100%; */
	min-height: 300px;
	z-index: 11;
	text-align: center;
	width: 100%;

}

.Black_Normal
{


	color: #333333;

}

.Black_Mid
{


	color: #333333;

	text-align: left;
}
.Black_MidPopup
{


	color: #333333;

	text-align: left;
	padding-bottom: 5px;
}
.Black_BottomPopup
{
text-align: center;
height: 40px;
padding-top:10px;
}
.Black_Normal2
{


	color: #333333;
}

.Black_Small
{


	color: #333333;
}


.usertype
{


	color: #333333;
	text-align: left;
}

.Paystub_Blue_Text
{


	color: #336699;
	text-align: left;
}

.Paychq_Blue_Text
{


	color: #336699;
	text-align: left;
	width: 200px;
}

.Blue_Text
{


	color: #336699;
	height: 16px;
	text-align: left;
}
.Blue_Text_small
{


	color: #336699;
	height: 16px;
	text-align: left;
	font-size: 0.9em;
}

.Blue_Text_right
{

	font-family: 'TitilliumText22LRegular', Arial, Helvetica, sans-serif;
	color: #336699;
	height: 16px;
	text-align: right;
}

.Dark_Text
{

	font-family: 'TitilliumText22LLight', Arial, Helvetica, sans-serif;
	color: #444444;

	text-align: left;
}

.Med_Icon
{

	font-family: 'TitilliumText22LLight', Arial, Helvetica, sans-serif;
	color: #444444;

	text-align: left;
	padding-top:10px;
	font-size: 2.2em;
	text-align: center;
	width: 130px;
	padding-left: 15px;
}

.rotatetext {

/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer 8 ***do not use - causes IE 9+ to double rotate
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/

}

/*************************
** TEXT BOX             **
**************************/

.textbox{
    Border-Style:solid;
    border-width: 1px;
    Border-Color:#DDD;
    background-color: #fff;
    Width: 94%;
    height:auto;
  	text-align: left;
	color: #444;
    cursor: auto;
    font-family: 'TitilliumText22LRegular', Arial, Helvetica, sans-serif;
    font-size: large;
    padding: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom:2px;


}
.textBox-invalid
{
    border-left-style:solid !important;
    border-left-color:red !important;
    border-left-width:5px !important;

}
/*for disabled textbox, TEST: for total column  */
.textBox_disabled
{
    border-left-width:5px !important;
    /*border-left-color:rgba(0, 153, 0, 0.701961) !important;*/
    background-color:#E0E0E0 !important;
    border-style: solid;
	border-bottom-color: #dddddd;
	border-right-color: #dddddd;
	width: 96px;
	text-align: left;
	padding-right: 2px;
	color: #777777;
}
.textBox_enabled
{
    border-left-style:solid !important;
    border-left-color:rgba(0, 153, 0, 0.501961) !important;
    border-left-width:5px !important;

}
.saveColor
{

    font-size:1.5em;
    vertical-align:middle;
    color: lightgray !important;
}
.saveValid
{
    font-size:1.5em;
    vertical-align:middle;
    color: rgba(0, 153, 0, 0.501961) !important;
}
.saveInvalid
{
    font-size:1.5em;
    vertical-align:middle;
    color: red !important;
}
.iconSaveMain
{
     /*float:right !important;*/
    font-size:1.5em;
    color: #336699 !important;
    vertical-align:middle;
}
.textbox_right_small{
    Border-Style:solid;
    border-width: 1px;
    Border-Color:#DDD;
    background-color: #fff;
    Width: 80px;
    height:auto;
  	text-align: right;
	color: #444;
    cursor: auto;
    font-family: 'TitilliumText22LRegular', Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    padding: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom:2px;


}

.textboxtable{
    Border-Style:solid;
    border-width: 1px;
    Border-Color:#DDD;
    background-color: #fff;
    Width: auto;
    height:auto;
  	text-align: left;
	color: #444;
    cursor: auto;
    font-family: 'TitilliumText22LRegular', Arial, Helvetica, sans-serif;
    font-size: large;
    padding: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom:2px;
}

.textboxlong{
    Border-Style:solid;
    border-width: 1px;
    Border-Color:#DDD;
    background-color: #fff;
    Width: 100%;
    height:auto;
  	text-align: left;
	color: #444;
    cursor: auto;
    font-family: 'TitilliumText22LRegular', Arial, Helvetica, sans-serif;
    font-size: large;
    padding: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom:2px;



}

.textbox_caption_display_underline
{
	border-style: none;
	border-color: White;
	width: 150px;
	text-align: left;
	padding-right: 2px;


	color: #336699;
	text-decoration: underline;
}

.textbox_caption_display
{
	border-style: none;
	border-color: White;
	width: 150px;
	text-align: left;
	padding-right: 2px;


	color: #336699;
}

.textbox_caption_input
{
	border-style: solid;
	border-color: #999999;
	border-bottom-color: #336699;
	border-right-color: #336699;
	border-width: 1px;
	background-color: #fff8f0;
	width: 150px;
	text-align: left;
	padding-right: 2px;


	color: #333333;
}


.textbox_noborder
{
	border-style: solid;
	border-color: #999999;
	border-bottom-color: #dddddd;
	border-right-color: #dddddd;
	border-width: 1px;
	background-color: #ffffff;
	width: 96px;
	text-align: right;
	padding-right: 2px;


	color: #777777;
}

.textbox_noborder_long
{
	border-style: solid;
	border-color: #999999;
	border-bottom-color: #dddddd;
	border-right-color: #dddddd;
	border-width: 1px;
	background-color: #ffffff;
	width: 98%;
	text-align: left;
	padding-right: 2px;


	color: #777777;
}

.textbox_reallynoborder
{
	border-style: none;
	border-color: #ffffff;
	border-bottom-color: #dddddd;
	border-right-color: #dddddd;
	border-width: 0px;
	background-color: #ffffff;
	width: 94%;
	text-align: left;
	padding-right: 2px;


	color: #777777;
}

.textbox_reallynoborder_shade
{
	border-style: none;
	border-color: #ffffff;
	border-bottom-color: #dddddd;
	border-right-color: #dddddd;
	border-width: 0px;
	background-color: #e6e6e6;
	width: 94%;
	text-align: left;
	padding-right: 2px;


	color: #777777;
}

.textbox_reallynoborder_shade_right
{
	border-style: none;
	border-color: #ffffff;
	border-bottom-color: #dddddd;
	border-right-color: #dddddd;
	border-width: 0px;
	background-color: #e6e6e6;
	width: 101px;
	text-align: right;
	padding-right: 2px;


	color: #777777;
}
.textbox_noborder_left
{
	border-style: solid;
	border-color: #999999;
	border-bottom-color: #dddddd;
	border-right-color: #dddddd;
	border-width: 1px;
	background-color: #ffffff;
	width: 96px;
	text-align: left;
	padding-right: 2px;


	color: #777777;
}

.textbox_large
{
	Border-Style:solid;
    border-width: 1px;
    Border-Color:#DDD;
    background-color: #fff;
    Width: 100%;
    height:auto;
  	text-align: left;
	color: #444;
	cursor: auto;
	font-family: 'TitilliumText22LRegular', 'Museo', 'Terminal Dosis', Share-Regular, Arial;
	font-size: large;
	padding: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	line-height: normal;
}

.password_input
{
	Border-Style:solid;
    border-width: 1px;
    Border-Color:#DDD;
    background-color: #fff;
    Width: 94%;
    height:auto;
  	text-align: left;
	color: #444;
    cursor: auto;
    font-family: Arial;
    font-size: large;
    padding: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	margin-bottom:2px;
}

.pagecounter
{
	text-align: right;
	float: right;

}

.SendBugTextbox
{
	border-style: solid;
	border-color: #999999;
	border-bottom-color: #336699;
	border-right-color: #336699;
	border-width: 1px;
	background-color: #fff8f0;
	width: 200px;
	text-align: left;
	padding-right: 2px;


	color: #333333;
}

.textbox_small
{
	border-style: solid;
	border-color: #999999;
	border-bottom-color: #336699;
	border-right-color: #336699;
	border-width: 1px;
	background-color: #fff8f0;
	width: 40px;
	text-align: right;
	padding-right: 2px;


	color: #333333;
}

.lbl_xsmall
{
	width: 20px;
	text-align: center;
	padding-right: 2px;


	color: #336699;
	vertical-align: top;
}

.textbox_xsmall
{
	border-style: solid;
	border-color: #999999;
	border-bottom-color: #336699;
	border-right-color: #336699;
	border-width: 1px;
	background-color: #fff8f0;
	width: 80%;
	text-align: right;
	padding-right: 2px;


	color: #333333;
	vertical-align: top;
}

.DropdownList_xsmall
{
	border-style: solid;
	border-color: #999999;
	border-bottom-color: #336699;
	border-right-color: #336699;
	border-width: 1px;
	background-color: #fff8f0;


	color: #333333;
	height: 16px;
	width: 30px;
	vertical-align: top;
	text-align: left;
}


.DropdownList_mid
{
	border-style: solid;
	border-color: #999999;
	border-bottom-color: #336699;
	border-right-color: #336699;
	border-width: 1px;
	background-color: #fff8f0;


	color: #333333;
	height: 16px;
	width: 50px;
	vertical-align: top;
	text-align: left;
}

/*
.DropdownList
{
	border-style: solid;
	border-color: #999999;
	border-bottom-color: #336699;
	border-right-color: #336699;
	border-width: 1px;
	background-color: #fff8f0;

	font-size: 10px;
	color: #333333;
	height: 16px;
	width: 100px;
	vertical-align: top;
	text-align: left;
}
*/
input[type="text"], input[type="button"], input[type="radio"], input[type="checkbox"], select, textarea {
	border-color: #dddddd;
	border-width: 1px;
	font-size: large;
	color: #444;
	Height: auto;
	padding: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', "Segoe UI", Roboto, TitilliumText22LRegular, Arial, Helvetica, sans-serif;
	line-height: normal;
}



.DropdownList
{
    border-style: solid;
    border-color:#ddd;
    border-bottom-color:#ccc;
    border-right-color:#ccc;
    border-width:1px;
    font-size: large;
    color: #444;
    Height:auto;
    Width:100%;
    vertical-align:top;
    text-align:left;
    padding: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	   margin-bottom:2px;
   }

.DropdownList_large
{
    border-style: solid;
    border-color:#999999;
    border-bottom-color:#336699;
    border-right-color:#336699;
    border-width:1px;
    font-size: large;
    color: #444;
    Height:auto;
    Width:85%;
    vertical-align:top;
    text-align:left;
    padding: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	   margin-bottom:2px;
   }
.Radcombobox_large
{

    /*border-color:#999999;*/
    border-bottom-color:#336699;
    border-right-color:#336699;

    font-size: large;
    color: #444;
    Height:auto;
    Width:85%;
    vertical-align:top;
    text-align:left;
    padding: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	margin-bottom:2px;
    margin-top:2px;
}


.Blue_Link
{


	color: #336699;
	text-decoration: none;

}

.dg_bold_border
{
	border-left-style: solid;
	border-right-style: solid;
	border-left-color: #336699;
	border-right-color: #336699;
	border-width: 3px;
	text-align: center;
}

.linkBlue
{
	height: 10px;
	vertical-align: bottom;
	font-size: 0.8em;
}


/*
	The transparent background that
	covers the whole screen
*/


.TransparentGrayBackground
{
	display: inline;
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	background-color: Gray;
	filter: Alpha(Opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.70;
	height: 100%;
	width: 100%;
	min-height: 100%;
	min-width: 100%;
	z-index: 6000;
}



.pnlLeavestyle
{
	visibility: hidden;
	z-index: 10000;
}


.loadingdiv
{
	background: url(/Images/bg-loading.gif) 0 0 no-repeat;
	padding: 24px 0 0 0;
	text-align: center;
	width: 200px;
	height: 56px;
	position: fixed;

	font-size: 1.2em;
	color: #333;
	bottom: 45%;
	left: 42%;
	z-index: 99000;
	display: inline;
}

.loadingdiv img
{
	vertical-align: middle;
	margin-right: 24px;
	z-index: 99000;
}


#chequediv
{


	visibility: hidden;




	position: fixed;





}

#chequediv img
{
	vertical-align: middle;

}

/* ROE form style */

.ROE_Black_Small
{
	font-family: Museo;
	font-size: 9px;
	color: black;
}

.ROE_Cell_bottom_right
{
	vertical-align: top;
	font-size: 9px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-right-style: dashed;
	border-right-width: 1px;
}

.ROE_Cell_right
{
	vertical-align: top;
	font-size: 9px;
	border-right-style: dashed;
	border-right-width: 1px;
}

.ROE_Cell
{
	vertical-align: top;
	font-size: 9px;
}

.ROE_Cell_bottom
{
	vertical-align: top;
	font-size: 9px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}


.ROE_Bold_Table_Border
{
	border: solid 1px #777;
	border-spacing: 1px;
	border-style: solid; /*border-top-style: dashed; 	  border-top-width:2px;  	  border-left-style: dashed; 	  border-left-width:2px; 	  border-right-style: dashed; 	  border-right-width:2px; 	  border-bottom-style: dashed; 	  border-bottom-width:2px;*/
}


.ROE_Table_gray
{
	border: dashed 1px black;
	border-spacing: 2px;
	border-style: dashed;
	border-width: 1px;
	border-collapse: collapse;
}


.ROE_Black_label
{
	background-color: Black;
	text-align: center;
	font-size: 9px;
	color: White;
	font-weight: bold;
	width: 10px;
	height: 10px;
}

.ROE_textbox
{

	font-family: Museo;
	margin-left: 10px;
	height: 20px;
	width: 200px;
	text-align: left;
	vertical-align: bottom;
	font-size: 12px;
	border: none 1px black;
	color: #336699;
}

.ROE_dropdownlist
{
	margin-left: 10px;

	width: 200px;
	text-align: left;
	vertical-align: bottom;
	font-size: 12px;
	border: solid 1px black;
	color: #336699;
}

.ROE_textbox_large
{
	font-family: Museo;
	margin-left: 10px;
	height: 20px;
	width: 400px;
	text-align: left;
	vertical-align: bottom;
	font-size: 12px;
	border: none 1px black;
	color: #336699;
}

.ROE_textbox_small
{
	font-family: Museo;
	margin-left: 10px;
	height: 15px;
	width: 100px;
	text-align: left;
	vertical-align: bottom;
	font-size: 12px;
	border: none 1px black;
	color: #336699;
}

.ROE_textbox_xsmall
{
	margin-left: 10px;
	height: 15px;
	width: 45px;
	text-align: left;
	vertical-align: bottom;
	font-size: 12px;
	border: solid 1px black;
	color: #336699;
}

.ROE_td_greybg_num
{
	text-align: center;
	font-size: 9px;
	width: 20px;
}

.ROE_td_greybg_data
{
	text-align: center;
	font-size: 9px;
	width: 100px;
}


/* ajax passwordstrength style*/
.textIndicator_Weak, .textIndicator_Very_weak, .textIndicator_poor, .textIndicator_Acceptable, .textIndicator_Barely_Acceptable, .textIndicator_Better, .textIndicator_Average, .textIndicator_Good, .textIndicator_Strong, .textIndicator_Excellent
{
	background-color: yellow;
	color: black;
	z-index: 100;
}

.label_align_right
{
	text-align: right;
	float: right;
	width: 50%;
	padding-right: 20px;
}

.table_blue_border
{
	border: 1px solid #336699;
	width: 98%;
	min-width: 630px;
	margin-right: auto;
	margin-left: auto;
}

.table_blue_border2
{
	border: none;
	margin-right: auto;
	margin-left: auto;
}

.table_blue_border3
{

	width: 98%;
	min-width: 630px;
	margin-right: auto;
	margin-left: auto;
}
.Heading2
{
	position: relative;
	width: 628px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding-top: 2px;
	margin-right: auto;
	margin-left: auto;
	font-weight: bold;
	font-size: 14px;
	color: #4477a5;
}

.cheque_table
{
	width: 100%;
	border-top: 2px solid LightGrey;
	border-bottom: 2px solid LightGrey;
	border-left: 2px solid LightGrey;
	border-right: 2px solid LightGrey;
}

.summary_label_28
{
	text-align: left;
	color: #7A7A7A;
	font-weight: bold;
	font-size: 28px;
}

.summary_label_16
{
	text-align: left;
	color: #7A7A7A;
	font-weight: bold;
	font-size: 16px;
}


.PNL_Bank
{
	z-index: 10000;
}

a.boxpopup3
{
	position: relative;
	z-index: 24;
	color: #4477a5;
	text-decoration: none;
}

a.boxpopup3:hover
{
	z-index: 25;
}
a.boxpopup3 span
{
	display: none;
}
a.boxpopup3:hover span
{
	/*DISPLAYS ONLY ON HOVER*/
	display: block;
	position: absolute;
	top: 0px;
	left: 30px;
	width: 150px;
	height: auto;
	/* padding: .3em; */
	opacity: .90;
	filter: alpha(opacity=90);
	color: #FFFFFF;
	background: #4477a5;
	border: 10px solid #4477a5;
	font-family: Museo;
	font-size: 0.9em;
	text-align: center;
}

a.boxpopup3:hover span:before {
   content:"";
   position: absolute;
   width: 0;
   height: 0;
   border-top: 10px solid transparent;
   border-right: 10px solid #4477a5;
   border-bottom: 10px solid transparent;
   margin: 0 0 0 -1em;
}

a.boxpopup-white
{
	position: relative;
	z-index: 24;
	color: #fff;
	text-decoration: none;
}

a.boxpopup-white:hover
{
	z-index: 25;
}
a.boxpopup-white span
{
	display: none;
}
a.boxpopup-white:hover span
{
	/*DISPLAYS ONLY ON HOVER*/
	display: block;
	position: absolute;
	top: 20px;
	right: 30px;
	width: 150px;
	height: auto;
	/* padding: .3em; */
	opacity: .90;
	filter: alpha(opacity=90);
	color: #4477a5;
	background: #fff;
	border: 10px solid #fff;
	font-family: Museo;
	font-size: 0.9em;
	text-align: center;
}

a.boxpopup-white:hover span:before {
   content:"";
   position: absolute;
   width: 0;
   height: 0;
   border-top: 10px solid transparent;
   border-right: 10px solid #fff;
   border-bottom: 10px solid transparent;
   margin: 0 0 0 -1em;
}




  .form-field * {
    vertical-align: middle;
}
  /*RG; 17-12-2014: Custom copy of a:boxpop up white(to be used as tooltip on payments page)*/
  a.boxpopup-white-tooltip
{
	position: relative;
	z-index: 24;
	color: #fff;
	text-decoration: none;
}

a.boxpopup-white-tooltip:hover
{
	z-index: 25;
}
a.boxpopup-white-tooltip span
{
	display: none;
}
a.boxpopup-white-tooltip:hover span
{
	/*DISPLAYS ONLY ON HOVER*/
	display: block;
    left: 14px; /**orig: 14px*/
    margin-left:0px;
    border-radius:5px;
	position: absolute;
	top: 0px; /*orig: 0px*/
	right: 5px;
    margin-right:inherit;
	max-width: 170px;
	width: 170px;
	height: auto;
	/* padding: .3em; */
	opacity: .90;
	filter: alpha(opacity=90);
	color: #fff;
	background: #4477a5;
	border: 10px solid #4477a5;
	font-family: Museo;
	font-size: 0.9em;
	text-align: center;

}

a.boxpopup-white-tooltip:hover span:before {
   content:"";
   position: absolute;
   width: 0;
   height: 0;
   border-top: 10px solid transparent;
   border-right: 10px solid #fff;
   border-bottom: 10px solid transparent;
   margin: 0 0 0 -1em;
}


/* style sheet for print goes here */
@media print
{

    /* ROE form style */

.ROE_Black_Small
{
	font-family: Museo;
	font-size: 9px;
	color: black;
}

.ROE_Cell_bottom_right
{
	vertical-align: top;
	font-size: 9px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-right-style: dashed;
	border-right-width: 1px;
}

.ROE_Cell_right
{
	vertical-align: top;
	font-size: 9px;
	border-right-style: dashed;
	border-right-width: 1px;
}

.ROE_Cell
{
	vertical-align: top;
	font-size: 9px;
}

.ROE_Cell_bottom
{
	vertical-align: top;
	font-size: 9px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}


.ROE_Bold_Table_Border
{
	border: solid 1px #777;
	border-spacing: 1px;
	border-style: solid; /*border-top-style: dashed; 	  border-top-width:2px;  	  border-left-style: dashed; 	  border-left-width:2px; 	  border-right-style: dashed; 	  border-right-width:2px; 	  border-bottom-style: dashed; 	  border-bottom-width:2px;*/
}


.ROE_Table_gray
{
	border: dashed 1px black;
	border-spacing: 2px;
	border-style: dashed;
	border-width: 1px;
	border-collapse: collapse;
}


.ROE_Black_label
{
	background-color: Black;
	text-align: center;
	font-size: 9px;
	color: White;
	font-weight: bold;
	width: 10px;
	height: 10px;
}

.ROE_textbox
{

	font-family: Museo;
	margin-left: 10px;
	height: 20px;
	width: 200px;
	text-align: left;
	vertical-align: bottom;
	font-size: 12px;
	border: none 1px black;
	color: #336699;
}

.ROE_dropdownlist
{
	margin-left: 10px;

	width: 200px;
	text-align: left;
	vertical-align: bottom;
	font-size: 12px;
	border: solid 1px black;
	color: #336699;
}

.ROE_textbox_large
{
	font-family: Museo;
	margin-left: 10px;
	height: 20px;
	width: 400px;
	text-align: left;
	vertical-align: bottom;
	font-size: 12px;
	border: none 1px black;
	color: #336699;
}

.ROE_textbox_small
{
	font-family: Museo;
	margin-left: 10px;
	height: 15px;
	width: 100px;
	text-align: left;
	vertical-align: bottom;
	font-size: 12px;
	border: none 1px black;
	color: #336699;
}

.ROE_textbox_xsmall
{
	margin-left: 10px;
	height: 15px;
	width: 45px;
	text-align: left;
	vertical-align: bottom;
	font-size: 12px;
	border: solid 1px black;
	color: #336699;
}

.ROE_td_greybg_num
{
	text-align: center;
	font-size: 9px;
	width: 20px;
}

.ROE_td_greybg_data
{
	text-align: center;
	font-size: 9px;
	width: 100px;
}




}

.textbox_12
{
   top: 0px;
	left: 30px;
	width: 150px;
	height: 60px;
	padding: .3em;

}

input[type="radio"], input[type="checkbox"] {
    margin: 5px 5px 5px 0px;
}
.payrollType input[type="radio"] + label {
    padding-right: 10px;
    margin-top: -4px;
    font-weight: 100 !important;
    vertical-align: middle;
}

.radiobtn_list label {
    margin-top:2px;
}
/*********************************************
** Responsive tables (used in REPORTS)
*********************************************/
.a11y-only {
    position: absolute;
    left: -999em;
}



#responsivetable
{
	float:right;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	border: 1px solid #DDD;
	z-index: 10000;
	background-color: #e6e6e6;
}

#Support
{
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	filter: alpha(opacity=90);
	-moz-opacity: .9;
	opacity: .9;
	position: absolute;
	right:10px;
	top: 40px;
	float:right;
	display:none;
	background-color: #e6e6e6;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	z-index: 10000;

}


.table-wrapper {
   position: relative;


	background-color: #e6e6e6;
	z-index: 10000;
		-moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    border-radius: 15px 15px 15px 15px;
}
.table-menu-wrapper {
   position: absolute;
   top: -2em;
   right: 0;
}

.table-menu {
   font-family: Museo;
   position: absolute;
   background-color: #fff;
   padding: 10px;
   border: 1px solid #ccc;
   font-size: 0.9em;
   width: 12em;
   right: 0;
   left: auto;
}
.table-menu-hidden {
   left: -999em;
   right: auto;
}
.table-menu-btn:before {
    vertical-align: top;
	font-family: FontAwesome;
	content: "\f0dd  ";
	cursor: pointer;
}
.table-menu-btn {
   text-decoration: none;
   color: #333;
   font-size: 1.2em;
   background: #eee; /* url(/images/responsivetable/icon-menu.png) no-repeat 5px center; */
   padding: .3em 10px .3em 10px;
   border: 1px solid #ccc;
}
.table-menu li {
   padding: .3em 0;
   list-style-type: none;
   text-align:left;
}

/* Table sorter */

div.tablesorterPager {
	padding: 10px 0 10px 0;
	background-color: #f6f6f6;
	text-align: center;
}
div.tablesorterPager span {
	padding: 0 5px 0 5px;
}
div.tablesorterPager input.prev {
	width: auto;
	margin-right: 10px;
}
div.tablesorterPager input.next {
	width: auto;
	margin-left: 10px;
}
div.tablesorterPager input {

	Border-Style:solid;
    border-width: 1px;
    Border-Color:#DDD;
    background-color: #fff;
    Width: 15%;
    height:auto;
  	text-align: right;
	color: #444;
    cursor: auto;
    font-family: Museo, 'TitilliumText22LRegular', Arial, Helvetica, sans-serif;
    font-size: large;
    padding: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
   }

div .tablesorterPagesize {

	Border-Style:solid;
    border-width: 1px;
    Border-Color:#DDD;
    background-color: #fff;
    Width: 15%;
    height:auto;
  	text-align: right;
	color: #444;
    cursor: auto;
    font-family: Museo, 'TitilliumText22LRegular', Arial, Helvetica, sans-serif;
    font-size: large;
    padding: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
   }


table.tablesorter {
	font-family: Museo;
	font-size: 0.9em;
	width: 100%;
	}

table.tablesorter tbody tr.over td, table.tablesorter tbody tr:hover td {
	background: #7597BA;
	}

table.tablesorter tr.over td, table.tablesorter tr:hover td {
	background: #7597BA;
	}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #4477a5;
	border: 1px solid #FFF;
	padding: 14px;
	color: #fff;
}

table.tablesorter thead tr .header {
	cursor: pointer;
	vertical-align: top;
	}

table.tablesorter thead tr .header:after {
	font-family: FontAwesome;
	content: "  \f0dc";
	cursor: pointer;

	/* background-image: url(/images/responsivetable/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer; */
}
table.tablesorter tbody td {
	color: #444;
	padding: .5em 1em;
	text-align: right;
	border: 1px solid #fff;
}

table.tablesorter tbody tr.odd td {
	background-color:#f3f3f3;
}

table.tablesorter tbody tr.odd:hover td {
	background-color:#B2CCE5;
}

table.tablesorter tbody tr.even td {
	background-color:#f9f9f9;
}

table.tablesorter tbody tr.even:hover td {
	background-color:#B2CCE5;
}

table.tablesorter thead tr .headerSortUp:after {
	/* background-image: url(/images/responsivetable/asc.gif); */
	font-family: FontAwesome;
	content: "  \f0de";
	cursor: pointer;

}
table.tablesorter thead tr .headerSortDown:after {
	/* background-image: url(/images/responsivetable/desc.gif); */
	font-family: FontAwesome;
	content: "  \f0dd";
	cursor: pointer;
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #6699cc;
}

table.tablesorter th:first-child,
table.tablesorter td:first-child {
   text-align: left;
}

.co-name {
   display: block;
   font-size: .7em;
   opacity: .4;
}

/*********************
We have defined multiple classes based on the viewport size
no class = will not display by default, but can be shown by the user by checking them off in the display menu
"persist essential" = this is the key column and will never be hidden
"lessthan480" = columns are shown and persist at less than 480px
"lessthan800" = columns are shown if viewport less than 800px
"lessthan1024" = columns are shown if viewport is less than 1024px
"lessthan1280" = columns are shown if viewport is less than 1280px
"size1281ormore" = columns are shown if the viewport is 1281px or more
**********************/


/*********************
Display size is less than 480
**********************/


.enhanced th,
.enhanced td {
   display: none;
}




.legacy-ie .enhanced th.lessthan480,
.legacy-ie .enhanced td.lessthan480 {
	display: inline;
}
.enhanced th.lessthan480{

   display: table-cell;
   padding-left:10px;

	border-bottom: 1px solid #FFF;


}


.enhanced td.lessthan480 {
   display: table-cell;

}
.enhanced th.essential,
.enhanced td.essential {
   display: table-cell;

}
/*********************
Display size is between 480px and 800px - note, we pad the browser size by 20 to ensure the *viewport* is at least 480
**********************/
@media screen and (min-width: 500px) {
	.legacy-ie .enhanced th.lessthan800,
	.legacy-ie .enhanced td.lessthan800 {
		display: inline;
	}
	.enhanced th.lessthan800,
	.enhanced td.lessthan800 {
		display: table-cell;
	}
}

/*********************
Display size is between 800px and 1024px
**********************/
@media screen and (min-width: 820px) {
   .legacy-ie .enhanced th.lessthan1024,
   .legacy-ie .enhanced td.lessthan1024 {
      display: inline;
   }
   .enhanced th.lessthan1024,
   .enhanced td.lessthan1024{
      display: table-cell;
   }
}

/*********************
Display size is between 1024px and 1280px
**********************/
@media screen and (min-width: 1044px) {
   .legacy-ie .enhanced th.lessthan1280,
   .legacy-ie .enhanced td.lessthan1280 {
      display: inline;
   }
   .enhanced th.lessthan1280,
   .enhanced td.lessthan1280{
      display: table-cell;
   }
}

/*********************
Display size is greater than 1280px
**********************/
@media screen and (min-width: 1300px) {
   .legacy-ie .enhanced th.size1281ormore,
   .legacy-ie .enhanced td.size1281ormore {
      display: inline;
   }
   .enhanced th.size1281ormore,
   .enhanced td.size1281ormore {
      display: table-cell;
   }


}


/*  New Sign Up Slider
    ------------------------------------------------------- */
#wrapper{
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:10px;
    border:1px solid #fff;
   /* background-color:#f9f9f9;*/
    width:700px;
    overflow:hidden;
	}

	#steps{
    width:700px;
	/*height:320px;*/
    overflow:hidden;

}
.step{
    float:left;
    width:700px;
	/*height:320px;*/
	background-color:#e9e9e9;
	background: rgba(255, 255, 255, .3);

}
#navigation{
    height:45px;
    background-color:#e9e9e9;
    border-top:1px solid #fff;
    -moz-border-radius:0px 0px 10px 10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}
#navigation ul{
    list-style:none;
	float:left;
	margin-left:22px;
}
#navigation ul li{
	float:left;
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    position:relative;
	margin:0px 2px;
}
#navigation ul li a{
    display:block;
    height:45px;
    background-color:#444;
    color:#777;
    outline:none;
    font-weight:bold;
    text-decoration:none;
    line-height:45px;
    padding:0px 20px;
    border-right:1px solid #fff;
    border-left:1px solid #fff;
    background:#f0f0f0;
    background:
        -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.09, rgb(240,240,240)),
        color-stop(0.55, rgb(227,227,227)),
        color-stop(0.78, rgb(240,240,240))
        );
    background:
        -moz-linear-gradient(
        center bottom,
        rgb(240,240,240) 9%,
        rgb(227,227,227) 55%,
        rgb(240,240,240) 78%
        )
}
#navigation ul li a:hover,
#navigation ul li.selected a{
    background:#d8d8d8;
    color:#666;
    text-shadow:1px 1px 1px #fff;
}

span.checked{
    background:transparent url(../images/checked.png) no-repeat top left;
    position:absolute;
    top:0px;
    left:1px;
    width:20px;
    height:20px;
}
span.error{
    background:transparent url(../images/error.png) no-repeat top left;
    position:absolute;
    top:0px;
    left:1px;
    width:20px;
    height:20px;
}
#steps form fieldset{
    border:none;
    padding-bottom:20px;
	height:530px;
}
#steps form legend{
    text-align:left;
	background-color:#f0f0f0;
    color:#444;
    font-size:24px;
    text-shadow:1px 1px 1px #fff;
    font-weight:bold;
    float:left;
    width:690px;
    padding:5px 0px 5px 10px;
    margin:10px 0px;
    border-bottom:1px solid #fff;
    border-top:1px solid #d9d9d9;

}
#steps form p{
    float:left;
    clear:both;
    margin:5px 0px;
    background-color:#f4f4f4;
    border:1px solid #bbb;
    width:400px;
    padding:10px;
    margin-left:145px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;


	}
#steps form p label{
    width:160px;
    float:left;
    text-align:right;
    margin-right:15px;
margin-top:5px;
    color:#222;
    text-shadow:1px 1px 1px #fff;
    font-weight:bold;



}
#steps form input:not([type=radio]),
#steps form textarea,
#steps form select{
    background: #ffffff;
    border: 1px solid #bbb;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    padding: 5px;
    width: 200px;
    float:left;

}
#steps form select{

    width: 212px;


}
#steps form input{

    width: 212px;
}

#steps form input:focus{
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    background-color:#FFFFFF;
}
#steps form p.submit{
    background:none;
    border:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}
#steps form button {
	border:none;
	outline:none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #ffffff;
    display: block;
    cursor:pointer;
    margin: 0px auto;
    clear:both;
    padding: 7px 25px;
    text-shadow: 0 1px 1px #777;
    font-weight:bold;
    font-family:"Century Gothic", Helvetica, sans-serif;
    font-size:22px;
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    background:#4797ED;
}
#steps form button:hover {
    background:#d8d8d8;
    color:#666;
    text-shadow:1px 1px 1px #fff;
}
/*{
    margin:0px;
    padding:0px;
} */

/*********************************************
** MSDN ClientPageDataGrid
*********************************************/

	/** main grid - table body **/
.msdn_data_grid
{
	background-color: #fff;
	border-width: 0px;

	border-collapse:collapse;
	font-family: Museo;
	font-size: 0.9em;
	width: 100%;

}

.msdn_data_grid th {
	padding: 0.7em;
	border-width: 1px;
	border-color: #e6e6e6;
	color: #fff;
	}

.msdn_data_grid td {
	padding: 0.7em;
	border-width: 1px;
	border-color: #e6e6e6;
	color: #444;
	}



.msdn_data_grid tr.over td, .msdn_data_grid tr:hover td {
	background: #C5D4E2;
	}

	/** grid header - table header **/
.msdn_data_grid .grid-header {
		background-color: #4477a5;
		color: #fff;
		}

.msdn_data_grid .grid-header :hover {
		background-color: #4477a5;
		}

.msdn_data_grid .grid-header td {
	padding: 1em;
	border-width: 1px;
	border-color: #e6e6e6;
	color: #fff;
	}

.msdn_data_grid  .grid-header a {
		color: #fff;
		}

.msdn_data_grid  .grid-header a:hover {
		color: #e6e6e6;
		}

.msdn_data_grid .grid-header tr.over td, .msdn_data_grid .grid-header tr:hover td {
	background: #fff;
	color: #000;
	}


.msdn_data_grid .grid-alt {
		background-color: #f3f3f3;
		}

.msdn_data_grid .grid-edit {
		background-color: #e6e6e6;
		}

.msdn_data_grid .grid-footer {
		background-color: #000;
		}





.msdn_data_grid .grid-pgr {
		background-color: #d3d3d3;
		font-size: 1.5em;


		text-align: left;
		text-decoration: none;

		}

		.msdn_data_grid .grid-pgr :hover {
		background-color: #d3d3d3;
		}

.msdn_data_grid .grid-pgr :hover a{
		background-color: #d3d3d3;
		text-decoration: none;

		}



/*********************************************
** Avatars - employee profile images
*********************************************/
.avatar
{
	-moz-border-radius: 0px 0px 10px 0px;
    -webkit-border-radius: 0px 0px 10px 0px;
    border-radius:  0px 0px 10px 0px;
	box-shadow: 1px 1px 4px 1px #ccc;
	-moz-box-shadow:1px 1px 4px 1px #ccc;
	-webkit-box-shadow:1px 1px 4px 1px #ccc;

}

/*********************************************
** FontAwesome - icon font - additional, app specific CSS
*********************************************/
.icon-notanicon {
    font-family: Arial, Helvetica, Geneva, SansSerif;
    font-weight: bold;
    }
/* css related to radNotification and the validtors used*/
/*Css style for rad notification onerror message*/
.wrong-pass {
    width: 300px;
    height: 100px;
   background-color:#336699;
}
.wrong-pass h3 {
    color:red;

    font-size: 1.3em;
    padding: 12px 10px 5px;
}
.wrong-pass p {
    font-size: 1em;
    /*padding: 12px 10px 20px;*/
    color:white;
    padding-left:0px;
    text-align:center;
    font-size:14px;
    font-family:'Gotham Narrow SSm A', 'Gotham Narrow SSm B', "Segoe UI", Arial, Helvetica, sans-serif;
}
    /*.wrong-pass img {
        float: left;
        margin: 30px 15px 30px 30px;
        color:red;
    }*/
    /* for validator custome class*/
     .customClass
  {
    /*width:10%;*/
    height: auto;
    color:white;
    position:relative;
    background-color:#336699;
    border-radius:5px;
    border-style:solid;
    border-color:#336699;
    padding-left:0px;
    text-align:center;
    font-size:14px;
    font-family:'Gotham Narrow SSm A', 'Gotham Narrow SSm B', "Segoe UI", Arial, Helvetica, sans-serif;
  }

   .blackboldText
   {
       padding-left:0px;
    text-align:center;
    font-weight : bolder ;
   color:black ;
    font-family:'Gotham Narrow SSm A', 'Gotham Narrow SSm B', "Segoe UI", Arial, Helvetica, sans-serif;
   }
   .blueBoldText
   {
       padding-left:0px;
       margin:0px;
    text-align:left;
    font-weight : bolder ;
   color:#336699 ;
    font-family:'Gotham Narrow SSm A', 'Gotham Narrow SSm B', "Segoe UI", Arial, Helvetica, sans-serif;
   }
   .lblSize
   {
       font-size:18px;
   }
   .greytext
   {
       font-family:'Gotham Narrow SSm A', 'Gotham Narrow SSm B', "Segoe UI", Arial, Helvetica, sans-serif;
       color:RGB(127,127,127);
       /*font-size: 1.1em;*/

   }
   /**CSS CLASS TO BE USED FOR PAYROLL FUNDING VALIDATION */

.input-validation-error {
    border-left: red !important;
    border-width: 0px !important;
   border-left: red !important;
   border-style: solid !important;
   border-left-width: 5px !important;
}
.valid {
    border-left: rgba(0%, 60%, 0%, .7) !important;
   border-width: 0px !important;
   border-left-width: 5px !important;
border-style: solid !important;
}
/**CSS CLASS TO BE USED default-master page dropdown list*/
.date-nav-control {
    display: inline-block;
    /*font-size: 20px;*/
    font-size: 14px;
    color: #7BA3CA;
    border: none;
    text-transform: capitalize;
    background: transparent;
    height: 40px;
    opacity: 0.5;
}

/* for business payments pop up*/
/* rg: 23-july , for modal pop up header*/
  .popUpHeader{
        position:absolute;
        top:0px;
        right:0px;
        text-align:right;
        width:100%;
        background-color:#AF2626;
        height:30px;

    }
	/* for business payments pop up*/
/* rg: 23-july , for modal pop up header*/
  .popUpHeader_businesspayments{
        position:absolute;
        top:0px;
        right:0px;
        text-align:right;
        width:100%;
        height:30px;
        background-color:#AF2626;

    }
  /* for benefits*/
.popUpHeader_benefits{
        position:absolute;
        top:0px;
        right:0px;
        text-align:right;
        width:100%;
        height:30px;
        background-color:#F4DB60;
}

	
#appliction-menu-list {
    border-radius: 5px;
}
     

  .pagelabel {
            width: 100%;
    display: flex;
    border-bottom: 1px solid #C4C6C8;
    padding-bottom: 10px;
    font-size: 26px;
    color: #212121;
    font-family: "Open Sans";
    font-size: 26px;
    font-weight: 300;
    margin-bottom: 16px;
    }
/*KS 13Ma20: PR-1626 fix to boostrap css*/        
label{
   
    font-weight:100 !important;
    
}

.left-nav-opened {
    margin-left:260px!important;
}

.no-nav-shadow {
    box-shadow: 0 14px 10px 3px rgba(0, 0, 0, 0) !important;
}

.top-vh {
    top: 30vh !important;
}

.avatar-initials {
	font-size: 17px;
	font-weight: 300;
	top: 5px;
	-webkit-font-smoothing: antialiased;
	font-family: 'Open Sans'
}