﻿/* CSS Document */
body {
	margin:0;
	background-image:url('images/background.PNG');
	background-repeat:repeat-x; 
	/*background-color:#FFFFFF;*/
	background-color:#BEC6CC;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:62.5%; 
	line-height:normal;
	padding-top: 10px;
	}
	a.homelink
{
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align:top;
	
}

a.homelink:hover {
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	font-weight: bold;
	color: #D1160D;
	text-decoration: underline;

}



div#divEbsTime a
				{
				background-image:url('time-attendance-images/ebstime-product-editions.png');
	background-repeat:no-repeat;
	width:178px;
	height:50px;
				}
				
				div#divEbsTime:hover
				{
				background-image:url('time-attendance-images/ebstime-product-editions_ho.png');
	background-repeat:no-repeat;
	width:178px;
	height:50px;
				}




	.banner
	{
		background-image:url("images/banner_img.png");
		width:750px;
		background-repeat:no-repeat;
		font-family:Verdana;
		font-size:15px;
		text-align:center;
		vertical-align:middle;
		font-weight:bold;
		color:#FFFFFF;	
		padding-top:25px;	
		line-height:25px;
	}
	
	.banner a
	{
		font-family:Verdana;
		font-size:17px;
		font-weight:bold;
		text-decoration:underline;
		color:#2D2DFA;
	}
	
	.banner a:hover
	{		
		font-family:Verdana;
		font-size:17px;
		font-weight:bold;
		text-decoration:none;
		color:#E17C12;
		
	}
	
	.bnrtxt
	{
		font-size:17px;
		text-align:center;
		font-weight:bold;
		color:#FFFFFF;
		margin:auto;
		padding-left:0px;
		padding-right:0px;
		font-family:Verdana;
		letter-spacing:-0.04em;
	}
	
	
.PrductMenuDrplist
{
font-family:Verdana;
font-size:8pt;	
border:1px dotted #1171D3;	
width:210px;
background-color:#FAEFDF;
}

	
	
#PrductMenu{
width:993px;
float:right;
clear:right;
margin-top:10px;


}


	
#PrductMenu ul{
margin: 0;
padding: 0;
float: right;
font:  vardana ;
color:#4B4745;
font-size:8pt;
position:relative;
right:10px;
bottom:10px;

}



#PrductMenu ul li{
display: inline;
}

#PrductMenu ul li a{
float: left;
color:#4B4745;
padding: 2px 8px;
text-decoration: none;

}

/*#vdividermenu ul li a:visited{
color: black;
}*/

#PrductMenu ul li a:hover{
color: #EC570D;

}

	
	
	p.time-content
{
	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 9pt;
    font-weight:normal;   
    text-decoration:none;
    color:#3D4040;
    padding:5px;

}

	
	div.tmtCntRight
	{
		background-image:url("images/get_started_tmtlbr.png");
		/*border:1px solid #D6D6D6;*/
		width:184px;
		margin-top:10px;
		margin-bottom:10px;
		
		text-align:left;
		background-repeat:no-repeat;
		font-size:9pt;
		font-family:Verdana;
		color:#081F48;
		text-align:center;
		
		
	}
	
	div.tmtCntRight h4
	{
		font-family:Verdana;
		font-size:14px;
		font-weight:bold;
		color:#FFFFFF;
		text-align:right;
		text-transform:capitalize;
		padding-right:50px;
		padding-top:5px;
	}
	
	.tmt_bottomTXt
	{
		text-align:right;  
		font-size:11px;
		 font-weight:bold; 
		 color:#6C5252; 
		 padding-right:8px;
		
	}
	
	
	
	

td.rightshadow
{
	background-image:url("images/right-shadow.png");
	background-repeat:repeat-y; 
	width:3px;

}
td.leftshadow
{
	background-image:url("images/left-shadow.png");
	background-repeat:repeat-y; 
	width:3px;
}

td.topleft
{
	background-image:url("images/corner-left.png");
	background-repeat:no-repeat; 
	width:17px;
	height:25px;
}

td.topright
{
	background-image:url("images/corner-right.png");
	background-repeat:no-repeat; 
	width:17px;
	height:25px;
}

td.bg
{
	background-image:url("images/corner-center.png");	
	background-repeat:repeat-x;
	/*background-color:black;*/
	height:25px;

}

td.bottomleft
{
	background-image:url("images/bottom-left.png");
	background-repeat:no-repeat; 
	width:15px;
	height:13px;
}

td.bottombg
{
	background-image:url("images/bottom-center.PNG");
	background-repeat:repeat-x;	
	height:13px;

}

td.bottomright
{
	background-image:url("images/bottom-right.png");
	background-repeat:no-repeat; 
	width:15px;
	height:13px;
}


span.phone
{
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	padding-left:5px;

}
td.ebslogodown
{
	background-image:url("images/ebslogo-down.PNG");
	background-repeat:no-repeat;
	height:96px;
	width:715px;
	vertical-align:middle;
}

span.timeattendancetitle
{
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
	text-align:center;
	padding-right:30px;	
	
}

span.ebsclients
{
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
	text-align:center;	
	vertical-align:bottom;
	padding-right:30px;

}

td.time-attendance-small-band
{
	background-image:url("images/time-attendance-small-band.PNG");
	background-repeat:repeat-x;
	vertical-align:top;	
	width:985px;	
	height:4px;
	padding-right:0px;
	padding-right:0px;
	
}

a.timeattendancemainmenu
{
	background-image:url("images/main-menu.PNG");
	background-repeat:no-repeat;
	width:122px;	
	height:36px;	
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
	text-align:center;	
	line-height:36px;
	
}

a:hover.timeattendancemainmenu
{
	background-image:url("images/main-menu-over.PNG");
	background-repeat:no-repeat;
	width:122px;	
	height:36px;	
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
	text-align:center;	
	
}

/*tab style*/
.glossymenu{	
	position: relative;
	padding: 0 0 0 0px;
	margin: 0 auto 0 auto;
	background: url(images/main-menu.PNG) no-repeat; 
	height: 36px;	
	list-style: none;	

}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	padding:0 0 0 0px; 
	height: 36px;
	line-height: 36px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a {
	float: left;
	display: block;
	padding: 0 0px 0 0px; 
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(images/main-menu-over.PNG) no-repeat; /*left tab image path*/
	background-position: left;
	text-decoration:none;
}

/* tab style ends */

td.menu-back
{
	background: url(images/menu-back.PNG) repeat-x;
}

td.time-attendance-back
{
	background: url(images/time-attendance-back.PNG) repeat-x;

}

td.time-scheduler-devider
{
	background: url(images/time-scheduler-devider.PNG) repeat-y;

}

h1
{
	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 11.5pt;
    font-weight:bold;     
    color:#FFFFFF;
    text-decoration:none;  
    margin-bottom:5px;

}

h2
{
	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 9pt;
    font-weight:bold;   
    text-decoration:none;
    padding-top:10px;
    color:#3D4040;
    font-style:italic;
}

td.qdcontent
{
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #293340;
	/*color: #043552;*/
	text-decoration:none;
	text-align:left;	
	line-height:22px;

}



td.content
{
	
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #043552;
	text-decoration:none;
	text-align:left;
	line-height:18px;
	

}

a.prodlink {	

	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight:normal;
	font-size:9pt;
	color:#0000FF;
	/*color:#D65C1B;*/
	text-decoration:underline;	

}

a:hover.prodlink
{
	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight:normal;
	font-size:9pt;
	color:#FF0000;
	text-decoration:underline;	

}

td.copyright
{
	
	font-family:Verdana,Arial, Helvetica, sans-serif;
  	font-size:8.5pt;
  	font-weight:normal;
   	color:#004E71;
   	text-decoration:none;

}

a.footerlinks{
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	font-weight: bold;
	color: #004E71;
	text-decoration: none;

}
a:hover.footerlinks{
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	font-weight: bold;
	color: #FF0000;
	text-decoration: underline;

}


a.pdfDwbLink{
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight: bold;
	color: #004E71;
	text-decoration: none;
	float:right;
	clear:right;
	vertical-align:top;
	position:relative;
	top:-15px;
	right:10px;
}
a:hover.pdfDwbLink{
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #FF0000;
	text-decoration: underline;
	float:right;
	clear:right;
	vertical-align:top;
	position:relative;
	top:-15px;
	right:10px;

}

.pdfDwbLink img  
{
	border:none;
	position:relative;
	vertical-align:middle;
	top:0px;
}

/*
table.time-attendance-table
{
	border-left:1px #7EBEE5 solid;
	border-bottom: 1px #7EBEE5 solid;
	border-right:1px #7EBEE5 solid;
	border-top:;
}
*/

td.time-payroll-integration
{
	/*background: url(images/time-payroll-integration.png) repeat-x;*/
	background-color:#024B77;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #F7EDFA;


}

a.sublinks {
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	line-height:20px;
}
a:hover.sublinks {
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #E54B07;
	text-decoration: none;
}

a.timelink {	

	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight:bold;
	font-size:9pt;
	color:#0000FF;
	text-decoration:none;	

}

a:hover.timelink
{
	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight:bold;
	font-size:9pt;
	color:#FF0000;
	text-decoration:underline;	

}
li a.menulinks
{
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #024B77;
	text-decoration: none;
	vertical-align:top;
	width:500px;
	position:relative;
	left:-5px;
	right:0px;
	
}

li a.menulinks:hover {
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #D1160D;
	text-decoration: underline;
	padding:0px;
	margin:0px;
	position:relative;
	left:-05px;
	right:0px;

}
ul.menus
{
	vertical-align:top;
	line-height:17px;
	padding-left:2px;
	list-style-image:url(images/link-arrow.png);
	position:relative;
	left:-15px;
	
}


td.get-started
{
	background: url(images/get_started_tmtlbr.PNG) no-repeat; /*left tab image path*/
	width:214px;
	text-align:left;
	background-color:#FEFBEE;
	padding-top:5px;
	margin:0px;
	position:relative;
}

span.get-started
{
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 9.5pt;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
	text-align:center;	
	vertical-align:bottom;
	padding-left:10px;
}

#fadeinbox{
	position:absolute;
	width: 550px;
	left: 0;
	top: -200px;
	border: 2px solid black;
	background-color:#FFFFCC;
	padding: 4px;
	z-index: 100;
	visibility:hidden;
	margin-top:50px;
	}
	
td.featuretitle
{
	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight : bold;
	color :  #CC754D;
	text-decoration:none;
	background-color:#F1F7FC;
}

td.checklist{	
	
	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight : normal;	
	color :  #40403D;
	text-decoration : none;	
	vertical-align:middle;	
	line-height:normal;
	background-color:#FFFFFF;

}
td.checklist1{	
	
	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight : normal;	
	color :  #40403D;
	text-decoration : none;	
	vertical-align:middle;	
	line-height:normal;
	background-color:#F5F5F5;

}

td.contenttitlebold
{
	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight : bold;
	color :  #650606;
	text-decoration:none;
	background-color:#C8DFF2;

}

span.time-quality
{
	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10.5pt;
    font-weight:bold;   
    text-decoration:underline;
    color:#CC6600;

}

/* sub menu tab style start */

.submenu{ 
 position: relative;
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 height: 20px; 
 list-style: none; 
 padding-top:10px;
 padding-bottom:10px;

}

.submenu li{
 float:left;
}

.submenu li a{
 float: left; 
 display: block;
 color:#024B77;
 text-decoration: none;
 font-family: verdana;
 font-size: 10px;
 font-weight: bold;
 padding: 0 5px 0 5px; 
 height: 20px;
 line-height: 20px;
 text-align: center;
 cursor: pointer; 
 border-left:1px #CCCCCC solid; 
}

.submenu li a {
 float: left;
 display: block;
 padding: 0 3px 0 3px; 
}

.submenu li a:hover{
 color: #FFFFFF;
 background-color:#336699;
 /*background: url(images/main-menu-over.PNG) no-repeat; left tab image path*/
 background-position: left;
 text-decoration:none;
}

.submenu li.current a{
 color: #FFFFFF;
 background-color:#336699;
 /*background: url(images/main-menu-over.PNG) no-repeat; left tab image path*/
 background-position: left;
 text-decoration:none;
}

/*Sub menu tab ends*/
p.clockheader
{
	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 9pt;
    font-weight:bold;   
    text-decoration:underline;
    padding-top:10px;
    color:#3D4040;

}
a.timeclockmodellink
{
	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight : normal;
	color :  #2E5173;	
	text-align:left;		
	line-height:19px;
	text-decoration:underline;
	
}

a:hover.timeclockmodellink
{
	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight : normal;
	color :  #B8410A;
	text-decoration:none;


}
td.timeclockmodelback
{
	background-image:url("../time-attendance-images/timeclockmodelback.png");
	background-repeat:repeat-y;
	width:158px;		
}
td.contentbold1
{
	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight : bold;
	color :  #CC754D;
	text-decoration:none;
	background-color:#F1F1F1;
}

td.tablecontent
{
	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight : normal;
	color :  #585554;
	text-decoration:none;
	background-color:#F9F7F7;
	line-height:18px;
}

td.contentbold
{
	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight : bold;
	color :  #CC754D;
	text-decoration:none;
	background-color:#F1F1F1;

}

span.productsinuse
{
	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight : bold;
	color :  #CC754D;
	text-decoration:none;	
	line-height:normal;
}


table.moreinfoborder
{
	background-image:url("../images/loginback.png");
	background-repeat:repeat-x;
	border-bottom: #8C8989;
	border-left:#8C8989;
	border-right: #8C8989;
	border-top: solid 1px #CCCCCC;
	
}

td.special-offer
{
	background-image:url("../../time-attendance-images/scheduling-internet-special-offer.png");
	background-repeat:no-repeat;
	width:800px;	
	height:93px;	
	font-family:verdana;
	font-size: 18pt;
	font-weight:normal;
	color: #29201F;
	text-decoration: none;	
	padding-left: 20pt;	
}




ul.time-content {
margin-top: 0.4em;
}

li.time-content {
	list-style-type:disc;
	list-style-position: outside;
	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 9pt;
    font-weight:normal;   
    text-decoration:none;
	margin-left: -12px;
	margin-bottom: 0px;
	padding:2px;
}

td.formcontent
{
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #302F2F;
	text-decoration: none;

}
.textbox
{
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #302F2F;
	text-decoration: none;
	width:150px;

}

.inputbox
{
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #302F2F;
	text-decoration: none;


}

.checkbox
{
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #302F2F;
	text-decoration: none;

}
.numtextbox
{
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #302F2F;
	text-decoration: none;
	width:100px;

}

table.demo-table1
{
	border-top:1px #336699  ;
	border-bottom:1px #336699 ;
	border-right:1px #336699 ;
	border-left:1px #336699 ;
	background-image:url('../../time-attendance-images/table-back.PNG');
	background-repeat:repeat-x;
}


td.specialofferlink
{
	background-image:url('../../time-attendance-images/special-offer.gif');
	background-repeat:no-repeat;
	width:221px;
	height:153px;
	padding:0px;
	vertical-align:bottom;
	text-decoration:none;

}
a.specialofferlink
{
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #FFFFFF;
	line-height:normal;
	text-decoration:none;
	vertical-align:top;
}

a:hover.specialofferlink
{
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #F16C13;	
	line-height:normal;
	vertical-align:top;
	text-decoration:none;
}

.DisplayDesc { width:130px;
	text-align:center;
	word-break : break-all;
	font-size: 8pt;
	}
.DisplayDiv { width:130px; text-align:center;
	padding-left:0px;
	margin-left:0px;
	OVERFLOW:hidden;
	TEXT-OVERFLOW:ellipsis;	
	font-size: 8pt;
	font-weight:bold;
	}
	
	