/**** HTML STYLES ****/

body{
	margin-top: 0px;
	background: #FFFFFF;
	color: #4d4d4d;
}

p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4d4d4d;
	padding-left: 10px;
	padding-right: 10px;
	
}
h1{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	
	
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding-left: 5px;
	padding-right: 5px;
	
}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	/*border-top: 1px solid #d9d9d9;*/
}
input{
	border: 1px solid #000000;
}
select{
	
}
textarea{
	
}

a {
	color: blue;
	text-decoration: none;
}
a:hover {
	color: blue;
	text-decoration: underline;
}

table {
	color: #4d4d4d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}



/**** CUSTOM STYLES ****/

/**** WORKTERRA COLORS ****/
.WTyellow{
	background-color: #fff227;
}
.WTgray{
	background-color: #d9d9d9;
}
.WTgray2{
	background-color: #e6e6e6;
}
.blkBorder{
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
}

.grayBorder{
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}
.globalNav{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000000;
	padding: 10px;
}
a.globalNav{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding: 10px;
}
a.globalNav:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	padding: 10px;
}
.primNav{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	padding: 10px;
}
a.primNav{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding: 10px;
}
a.primNav:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	padding: 10px;
}
.mainContent{
	border-left: 1px solid #FFFFFF;
	padding: 15px;
	margin-left: 45px;
}

.footer{
	background-color: #d9d9d9;
	padding:15px;
	font-family: verdana, arial;
	font-size: 10px;
	font-weight: bold;
}

.catOnlineBckgnd{
	background-color: #68ec68;
	border-left: 2px solid #FFFFFF;
}
.mainOnlineContent{
	border-left: 2px solid #FFFFFF;
	padding: 15px;
	margin-left: 45px;
}


.catCommBckgnd{
	background-color: #703233;
	border-left: 2px solid #FFFFFF;
}
.mainCommContent{
	border-left: px solid #FFFFFF;
	padding: 15px;
	margin-left: 45px;
}

.catHRBckgnd{
	background-color:#0685fb;
	border-left: 2px solid #FFFFFF;
}
.mainHRContent{
	border-left: 2px solid #FFFFFF;
	padding: 15px;
	margin-left: 45px;
}

.catPayrollBckgnd{
	background-color: #7125ee;
	border-left: 2px solid #FFFFFF;
}
.mainPayrollContent{
	border-left: 2px solid #FFFFFF;
	padding: 15px;
	margin-left: 45px;
}

.catReportingBckgnd{
	background-color: #e79015;
	border-left: 2px solid #FFFFFF;
}
.mainReportingContent{
	border-left: 2px solid #FFFFFF;
	padding: 15px;
	margin-left: 45px;
}


.catSecurityBckgnd{
	background-color: #0b04a1;
	border-left: 2px solid #FFFFFF;
}
.mainSecurityContent{
	border-left: 2px solid #FFFFFF;
	padding: 15px;
	margin-left: 45px;
}

.catContactBckgnd{
	background-color: #d3d1d1;
	border-left: 2px solid #FFFFFF;
}
.mainContactContent{
	border-left: 2px solid #d3d1d1;
	padding: 15px;
	margin-left: 45px;
}


.login {
	border-left: 1px solid #DDDDDD;
}