﻿a 
{
	text-decoration: none;
	padding:0px;
	margin:0px;	
	font-family: "segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-weight: normal;
}
.body {
    margin: -15px 0px 0px 0px;
}
.Header {
    background-color: #891111;
}
.MainDivBody {
    width: 1150px;
    background-color: #ededed;
    min-height: 420px;
}
.FontSL {
    font-family: "segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-weight: lighter;
}
.PageHeader {
    background-color: #b17575;
    padding: 2px 10px 5px 10px;
}
.Footer {
    background-color: #9d4444;
}
.PageBodyPanel {
    background-color: #bfcbbd;
}
.corners{
    border-radius:5px;-moz-border-radius:5px

}
.button {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em 1em .55em 1em;
    border:none;
	/*-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);*/
}
.button:hover {
	text-decoration: none;
}


.ButtonColor {
	color: #FFFFFF;
	/*border: solid 1px #2c4f7a;*/
	background: #891111;
	background: -webkit-gradient(linear, left top, left bottom, from(#b42525), to(#a12929));
	background: -moz-linear-gradient(top,  #b42525,  #a12929);
    background: -ms-linear-gradient(top,  #b42525,  #a12929);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b42525', endColorstr='#a12929');
    
}
.ButtonColor:hover {
	background: #a12929;
	background: -webkit-gradient(linear, left top, left bottom, from(#683f3f), to(#511414));
	background: -moz-linear-gradient(top,  #683f3f,  #511414);
    background: -ms-linear-gradient(top,  #683f3f,  #511414);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#683f3f', endColorstr='#511414');
}
.ButtonColor:active {
	color: #F8F8F8;
	background: -webkit-gradient(linear, left top, left bottom, from(#a12929), to(#b42525));
	background: -moz-linear-gradient(top,  #a12929,  #b42525);
    background: -ms-linear-gradient(top,  #a12929,  #b42525);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a12929', endColorstr='#b42525');
}
.FontColor {
    color: #891111;
}
.SelfServiceButton {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 12px/100% "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    padding: 70px 5px 0px 5px;
    border: none;
    font-weight: lighter;
    width: 94px;
    height: 100px;
    color: #FFFFFF;
    white-space: normal;
}
.employeeDetails {
    background-image: url('../ThemeImages/EmpDetails.jpg');
    background-repeat: no-repeat;
    background-position: center top;
}
.shadows {
-webkit-box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    3px 3px 5px rgba(50, 50, 50, 0.75);
box-shadow:         3px 3px 5px rgba(50, 50, 50, 0.75);
}
.paySlips {
    background-image: url('../ThemeImages/PaySlip.jpg');
    background-repeat: no-repeat;
    background-position: center top;
}
.imageCapture {
    background-image: url('../ThemeImages/ImageCapture.jpg');
    background-repeat: no-repeat;
    background-position: center top;
}
.movement {
    background-image: url('../ThemeImages/Movement.jpg');
    background-repeat: no-repeat;
    background-position: center top;
}
.pastJobs {
    background-image: url('../ThemeImages/PastJobs.jpg');
    background-repeat: no-repeat;
    background-position: center top;
}
.qualifications {
    background-image: url('../ThemeImages/Qualification.jpg');
    background-repeat: no-repeat;
    background-position: center top;
}
.hospital {
    background-image: url('../ThemeImages/Hospital.jpg');
    background-repeat: no-repeat;
    background-position: center top;
}
.loans {
    background-image: url('../ThemeImages/Loans.jpg');
    background-repeat: no-repeat;
    background-position: center top;
}
.changePassword {
    background-image: url('../ThemeImages/ChangePassword.jpg');
    background-repeat: no-repeat;
    background-position: center top;
}
.dependants {
    background-image: url('../ThemeImages/Dependants.jpg');
    background-repeat: no-repeat;
    background-position: center top;
}
.training {
    background-image: url('../ThemeImages/Training.jpg');
    background-repeat: no-repeat;
    background-position: center top;
}
.leave {
    background-image: url('../ThemeImages/Leave.jpg');
    background-repeat: no-repeat;
    background-position: center top;
}
.bodyPlain {
    margin: -5px 0px 0px 0px;
}

#myhover a:hover
{
	color: #714646 /*Orange*/;
	border-width:1px;	
	background-color: #d6bfbf /*#817871*/;
}

#breadcrumbs {
	display: inline-block ;
	width: 100%;
	height: 18px;
	font-size: 1.2em;
}
#breadcrumbs .inside {
	height: 18px;

}

#breadcrumbs #breadcrumb {
	float: left;
	width: 100%;
	height: 18px;
}

#breadcrumbs #breadcrumb .youarehere {
	float: left;
	height: 18px;
	color: white;
}
#breadcrumbs #breadcrumb .youarehere .leftcorners { float: left; background: url("../App_Themes/vvshr/breadcrumbs/Rleftcorners.png") left top no-repeat; }
#breadcrumbs #breadcrumb .youarehere .rightarrow { float: left;  background: url("../App_Themes/vvshr/breadcrumbs/Rrightarrow.png") right top no-repeat; }
#breadcrumbs #breadcrumb .youarehere .bg { float: left; background: url("../App_Themes/vvshr/breadcrumbs/Rbg.png") left top repeat-x; margin: 0 8px 0 5px; padding: 3px 10px; }

#breadcrumbs #breadcrumb .active {
	float: left;
	height: 18px;
	color: #a08282;
}
#breadcrumbs #breadcrumb .active a { color: #828ca0; text-decoration: none; }
#breadcrumbs #breadcrumb .active a:hover { color: #ffffff; }
#breadcrumbs #breadcrumb .active .leftcorners { float: left; background: url("../App_Themes/vvshr/breadcrumbs/Ractiveleftcorners.png") left top no-repeat; }
#breadcrumbs #breadcrumb .active .rightarrow { float: left;  background: url("../App_Themes/vvshr/breadcrumbs/Ractiverightcorners.png") right top no-repeat; }
#breadcrumbs #breadcrumb .active .bg { float: left; background: url("../App_Themes/vvshr/breadcrumbs/Ractivebg.png") left top repeat-x; margin: 0 5px 0 8px; padding: 3px 10px; }

#breadcrumbs #breadcrumb .inactive { float: left; height: 18px; color:black; }
#breadcrumbs #breadcrumb .inactive a { color: #000; text-decoration: none; }
#breadcrumbs #breadcrumb .inactive a:hover { color: #ffffff; }
#breadcrumbs #breadcrumb .inactive .leftcorners { float: left;  background: url("../App_Themes/vvshr/breadcrumbs/Rinactiveleftcorners.png") left top no-repeat; }
#breadcrumbs #breadcrumb .inactive .rightarrow { float: left;  background: url("../App_Themes/vvshr/breadcrumbs/Rinactiverightcorners.png") right top no-repeat; }
#breadcrumbs #breadcrumb .inactive .bg { float: left; background: url("../App_Themes/vvshr/breadcrumbs/Rinactivebg.png") left top repeat-x; margin: 0 8px 0 8px; padding: 3px 10px; }

#breadcrumbs #tools {
	float: right;
	width: 30%;
	text-align: right;
	padding: 5px 0px;
}
#breadcrumbs #tools a { color: #828ca0; }
#breadcrumbs #tools a:hover { color: #505a6e; }
#breadcrumbs ul li.first { padding-left: 0; }
#breadcrumbs ul li.last { padding-right: 0; background: none; }

.MenuBg {
    background-color: #a93030;
}

.lblTX {
	font: 10px/100% Verdana,"segoe UI", Tahoma, Geneva,  sans-serif;
    font-weight: lighter;
}
.lbtnTX {
	font: 10px/100% "segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-weight: lighter;
}

.tableBg {
    /*background-color: #758eb1;*/
    background-color: #b17575;
    font-family: "segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-weight: lighter;
    color: #ffffff;
}

.tableBg:hover {
	background:  #a12929;
}