* 	   		{margin:0px; padding:0px;}
body		{font-family:Arial, Helvetica, sans-serif; font-size:12px;overflow: auto}
a 			{font-size:11px; color:#000000; text-decoration:none;}
a:hover		{font-size:11px; color:#000000; text-decoration:underline;}
 
.maincontainer				{width:100%; overflow:hidden;}
.criteriaSelect             {width:8%;}
.cor_label {margin-left: -8px;}
.locationcombo                 {margin-left: 300px;   margin-top: -20px;width: 80%;}
/*.maincontainer a.logo		{float:left; margin:12px 0px 0px 18px;}*/
.maincontainer a.logo		{/*float:left;*/ margin:0px; padding-left: 10px;}
.maincontainer p.logo		{float:left; margin:17px 0px 0px 10px; color:#FFF; font-size:16px; text-align:left; font-weight:bold;}
.maincontainer p.welcomename{float:right; margin:8px 12px 0 0px; color:#FFF; font-size:13px; text-align:right;}
.maincontainer a.logo1		{/*float:right;*/ float: left; margin-top: 15px; padding-left: 5px;}
.maincontainer a.logo1 img  {width:119px; height:37px;}	
.maincontainer a.logo img   {height: 55px; width: 225px; padding-top: 2px;}
.maincontainer p.welcomename a { color:#FFF; font-size:12px;}
.logoclass1                 {padding-bottom:0px; }
.emp_pro_img                {float:right; margin-right: 5px; margin-top: 3px; }
.emp_pro_img img            {height:50px; width:70px;}
.maincontainer a.logo2		{float: right; height: 42px; margin: 0; padding-top: 7px; width: 145px;}
.logo2_img                  {height: 37px; margin-left: -5px; padding-left: 10px; padding-top: 2px; width: 119px; }

/* Header Starts */

.mainheadercontainer		{width:100%; height:57px; float:left;}
.headercontainer			{width:100%; height:57px; margin:0 auto; background:#5E9FD5 url(../images/header.jpg) top right no-repeat;}
/* Header Ends */

/* navgiation Starts */

.mainnavcontainer			{width:100%; overflow:hidden; float:left; background:url(../images/nav_bg.jpg) repeat-x; border-bottom:1px solid #6593CF; border-top:1px solid #DFE2F2;}
.navcontainer				{width:100%; margin:0 auto; height:26px;}					
.buttoncontainer			{line-height:16px; float:left; height:16px; width:100%;}
.buttoncontainer ul			{width:100%; position:absolute; list-style:none; display:inline; float:left;}
.buttoncontainer li			{display:inline;float:left; padding:5px 10px 5px 5px; border-right:1px solid #B2CDE9;}
.buttoncontainer li:hover	{background:url(../images/nav_hover.jpg) repeat-x; cursor:pointer;}
.buttoncontainer li a		{text-decoration:none;}
.buttoncontainer ul li a	{color:Black; text-decoration:none;}
.buttoncontainer li a:hover	{text-decoration:none;}
.buttoncontainer img		{margin:-3px 5px; line-height:16px;}
.sessiondiv {float:left; overflow:20px; width:100%; padding:10px 0px 0px;}
.Messagediv {float:left; overflow:20px; width:100%; padding:10px 0px 0px;}

/* navigation ends */

.contentbox1			{overflow:hidden; width:100%;}
.contentbox2			{overflow:hidden; width:100%;}
.contentwrapper			{float: left;width: 100%; margin:10px 5px;}


/* content Starts */
.contentbox					{float:left; width:100%; height:700px; background:url(../images/main-bg.jpg) repeat-x; padding:10px;}
.contentboxin				{float:left; width:100%;}
.sidepanal					{width:160px; overflow:hidden; float:left; background:#ffffff; border:1px solid #6593CF; margin:-100%;}
.centerbox					{float:left; width:100%;}
.centerbox1					{margin-left:170px; background:#ffffff; border:1px solid #6593CF; margin-right:20px; height:700px;}

/* Side Navigation */
.leftcolumn					{float:left; width:180px; margin-left:-100%; background: #FFFFFF; margin-top:10px; border:1px solid #6593CF;}
.leftnav					{height:100%;}

.sidepanaltitle			{background:url(../images/panel_header.jpg) repeat-x; border-bottom:1px solid #6593CF; height:26px; line-height:26px; font-weight:bold; font-size:11px; color:#1B3D7F; padding-left:6px;}

.sidenavlist				{overflow:scroll; padding:2px 10px 10px 14px; float:left; height:338px; 
width:156px;
}
.sidenavlist ul				{list-style:none;}
.sidenavlist li				{line-height:14px;
    height: 19px;
}
.sidenavlist img			{margin-right:3px;}

.sidenavbuttons				{overflow:hidden; float:left;}
.sidenavbuttons ul			{list-style:none;}
.sidenavbuttons li a		{font-size:12px; float:left; color:#000000; text-decoration:none; width:180px; height:26px; line-height:26px; background:url(../images/panal_button.jpg) repeat-x;
							}
.sidenavbuttons li a:hover	{background:url(../images/panal_button_hover.jpg) repeat-x; text-decoration:none;}
.sidenavbuttons img			{margin:2px 5px 0px 10px; float:left;}
.sidenavlist ul li a.activeLeftList	{color:#FE9A15; text-decoration:none;}
.sidenavbuttons li a.activeLeftMenu	{ background:url(../images/nav_active.jpg) repeat-x; text-decoration:none;}
/* Side Navigation */


.mainArea					{padding:5px 0px 30px 60px; float:left; width:100%; background:#F6F6F6 url(../images/main-background.jpg) no-repeat scroll right bottom;}
.mainArea h3				{padding:0px; margin:0px; color:#000; font-size:18px; font-weight:normal;}
.mainArea h3 span.welcome	{color:#888; font-weight:bold; font-size:16px;}
.mainArea h3 span.hrms		{color:#000; font-weight:bold; font-size:46px; letter-spacing:-2px; line-height:36px;}
.mainArea h3 span.version	{color:#1D5495; font-size:15px; font-weight:bold;}
.welcomelinks				{padding:40px 0px 0px 0px;}
.welcomelinks a				{float:left; margin:0px 10px 0px;}
.welcomelinks a:hover			{float:left; margin:0px 10px 0px; text-decoration:none;}
.welcomelinks a img				{float:left; line-height:20px; padding:0px 10px 0px 0px;}
.welcomelinks a	span span		{color:#1D5495; font-size:15px; font-weight:bold;}
.welcomelinks a	span 			{float:left; line-height:20px; color:#909090; font-size:11px; font-weight:bold;}


/* Login page */

.logincont		{width:100%; height:600px; background:#FFF url(../images/login-main-background.jpg) right bottom no-repeat;}
.logincontIe		{width:100%; height:587px; background:#FFF url(../images/login-main-background.jpg) right bottom no-repeat;}
.logincontFox		{width:100%; height:575px; background:#FFF url(../images/login-main-background.jpg) right bottom no-repeat;}
.logininn1		{width:100%; overflow:hidden;}
.loginimage		{float:left; width:392px; height:600px;}
.loginimageIe		{float:left; width:392px; height:587px;}
.loginimageFox		{float:left; width:392px; height:575px;}

.loginimage img	{padding-top:196px;}
.loginimageIe img	{padding-top:196px;}
.loginimageFox img	{padding-top:140px;}

.loginform					{width:365px; float:right; height:600px; padding-right:150px;}
.loginformFox			    {width:365px; float:right; height:575px; padding-right:150px;}
.loginformIe				{width:365px; float:right; height:587px; padding-right:150px;}

.loginform h4				{color:#666; text-align:left; font-size:28px; width:100%; float:left; padding:120px 0px 20px 0px;}
.loginform label			{color:#666; text-align:left; font-size:14px; width:100%; line-height:20px; float:left; padding:10px 0px 4px; font-weight:bold;}
.loginform input.text		{color:#7F7F7F; text-align:left; font-size:12px; width:240px; float:left; padding:1px 2px 3px 2px; border:1px solid #A4A4A4; height:18px;}
.loginform input.checkbox	{margin:0px 5px 0px 0px;}
.loginform span.loginbutton	{float:left; overflow:20px; width:100%; padding:30px 0px 0px;}
.loginform span.keepsignin	{float:left; overflow:20px; width:100%; padding:10px 0px 0px;}
.loginform span.forgot		{float:left; overflow:20px; width:100%; padding:60px 0px 0px;}
.loginform span.notmember	{float:left; overflow:20px; width:100%; padding:30px 0px 0px;}
.loginform span.loginbutton a			{float:left; overflow:20px; padding:3px 13px 4px; background:url(../images/login-button-bg.jpg) left top repeat-x; border:1px solid #9AB9DE;}
.loginform span.loginbutton a:hover		{background:url(../images/login-button-bg.jpg) left bottom repeat-x; text-decoration:none;}
.loginform span.forgot a			{font-size:12px; text-align:left; text-decoration:none; color:#000;}
.loginform span.forgot a:hover		{text-decoration:underline;}
.loginform span.notmember a			{font-size:12px; text-align:left; text-decoration:none; color:#09C;}
.loginform span.notmember a:hover	{text-decoration:underline;}

/* Login form for Fox */

.loginformFox h4				{color:#666; text-align:left; font-size:28px; width:100%; float:left; padding:120px 0px 20px 0px;}
.loginformFox label			{color:#666; text-align:left; font-size:14px; width:100%; line-height:20px; float:left; padding:10px 0px 4px; font-weight:bold;}
.loginformFox input.text		{color:#7F7F7F; text-align:left; font-size:12px; width:240px; float:left; padding:1px 2px 3px 2px; border:1px solid #A4A4A4; height:18px;}
.loginformFox input.checkbox	{margin:0px 5px 0px 0px;}
.loginformFox span.loginbutton	{float:left; overflow:20px; width:100%; padding:30px 0px 0px;}
.loginformFox span.keepsignin	{float:left; overflow:20px; width:100%; padding:10px 0px 0px;}
.loginformFox span.forgot		{float:left; overflow:20px; width:100%; padding:60px 0px 0px;}
.loginformFox span.notmember	{float:left; overflow:20px; width:100%; padding:30px 0px 0px;}
.loginformFox span.loginbutton a			{float:left; overflow:20px; padding:3px 13px 4px; background:url(../images/login-button-bg.jpg) left top repeat-x; border:1px solid #9AB9DE;}
.loginformFox span.loginbutton a:hover		{background:url(../images/login-button-bg.jpg) left bottom repeat-x; text-decoration:none;}
.loginformFox span.forgot a			{font-size:12px; text-align:left; text-decoration:none; color:#000;}
.loginformFox span.forgot a:hover		{text-decoration:underline;}
.loginformFox span.notmember a			{font-size:12px; text-align:left; text-decoration:none; color:#09C;}
.loginformFox span.notmember a:hover	{text-decoration:underline;}

/* Login form for IE */
.loginformIe h4				{color:#666; text-align:left; font-size:28px; width:100%; float:left; padding:120px 0px 20px 0px;}
.loginformIe label			{color:#666; text-align:left; font-size:14px; width:100%; line-height:20px; float:left; padding:10px 0px 4px; font-weight:bold;}
.loginformIe input.text		{color:#7F7F7F; text-align:left; font-size:12px; width:240px; float:left; padding:1px 2px 3px 2px; border:1px solid #A4A4A4; height:18px;}
.loginformIe input.checkbox	{margin:0px 5px 0px 0px;}
.loginformIe span.loginbutton	{float:left; overflow:20px; width:100%; padding:30px 0px 0px;}
.loginformIe span.keepsignin	{float:left; overflow:20px; width:100%; padding:10px 0px 0px;}
.loginformIe span.forgot		{float:left; overflow:20px; width:100%; padding:60px 0px 0px;}
.loginformIe span.notmember	{float:left; overflow:20px; width:100%; padding:30px 0px 0px;}
.loginformIe span.loginbutton a			{float:left; overflow:20px; padding:3px 13px 4px; background:url(../images/login-button-bg.jpg) left top repeat-x; border:1px solid #9AB9DE;}
.loginformIe span.loginbutton a:hover		{background:url(../images/login-button-bg.jpg) left bottom repeat-x; text-decoration:none;}
.loginformIe span.forgot a			{font-size:12px; text-align:left; text-decoration:none; color:#000;}
.loginformIe span.forgot a:hover		{text-decoration:underline;}
.loginformIe span.notmember a			{font-size:12px; text-align:left; text-decoration:none; color:#09C;}
.loginformIe span.notmember a:hover	{text-decoration:underline;}


/* Login page ends */


/* Banner */
.bannerwrapper		{margin:20px 20px; overflow:hidden;}
.bannerBox			{width:975px; height:344px; /*border:1px solid #75C0EE; background:#FFF;*/ margin:0px auto;}


/* Banner Ends */

.footer     { width:100%; text-align:center; font-size:11px; text-decoration:none; color:#666;}


/* Reports Area */

.reportMainContainer				{width:100%; margin:0 auto; height:100%;}
.reportContentContainer				{width:100%; margin:0 auto; height:300px;}					

/* Reports Area Ends */


/* For Dash Board*/

.mainAreaforDB					{padding:5px; height:388px;}
.mainAreaforDB h3				{padding:0px; margin:0px; color:#000; font-size:18px; font-weight:normal;}
.mainAreaforDB h3 span.welcome	{color:#ACACAC; font-weight:bold; font-size:12px;}
.mainAreaforDB h3 span.hrms		{color:#000; font-weight:bold; font-size:46px; letter-spacing:-2px; line-height:36px;}
.mainAreaforDB h3 span.version	{color:#1D5495; font-size:15px; font-weight:bold;}

/* Chart */
.chart {
	/*background:#F6F6F6 url(../images/main-background.jpg) no-repeat scroll right bottom;*/
	font-family : Arial, Helvetica, sans-serif;
	font-size : 5px;
	color: #666666;
	line-height: 10px;
}

/*End Chart*/

/*End For Dash Board*/

/*For ESS Dashboard */
.mainHolderEss					{}
.mainAreaEss					{padding:10px; height:560px;}
.mainAreaEss h3				{padding:0px; margin:0px; color:#000; font-size:18px; font-weight:normal;}
.mainAreaEss h3 span.welcome	{color:#ACACAC; font-weight:bold; font-size:12px;}
.mainAreaEss h3 span.hrms		{color:#000; font-weight:bold; font-size:46px; letter-spacing:-2px; line-height:36px;}
.mainAreaEss h3 span.version	{color:#1D5495; font-size:15px; font-weight:bold;}
.welcomelinksEss				{padding:80px 0px 0px 0px;}
.welcomelinksEss a				{float:left; margin:0px 10px 0px;}
.welcomelinksEss a:hover			{float:left; margin:0px 10px 0px; text-decoration:none;}
.welcomelinksEss a img				{float:left; line-height:20px; padding:0px 10px 0px 0px;}
.welcomelinksEss a	span span		{color:#1D5495; font-size:15px; font-weight:bold;}
.welcomelinksEss a	span 			{float:left; line-height:20px; color:#909090; font-size:11px; font-weight:bold;}


/*End OF ESS Dashboard */

/*For Rectruitment Hiding /Unhiding*/

.rect_ShowBtn { float: right; display: inline; }
.rect_HideBtn { float: right; display: none; }

/*For Rectruitment Hiding /Unhiding Ends*/


