@charset "utf-8";
@font-face {
font-weight:normal;
font-family:'Activ';
src:url(bh_regular.eot);
src:url(bh_regular.eot?#iefix) format('embedded-opentype'),
    url(bh_regular.woff) format('woff'),
    url(bh_regular.ttf) format('truetype'),
    url(bh_regular.svg#bh_regular) format('svg');
}
@font-face {
font-weight:bold;
font-family:'Activ';
src:url(bh_bold.eot);
src:url(bh_bold.eot?#iefix) format('embedded-opentype'),
    url(bh_bold.woff) format('woff'),
    url(bh_bold.ttf) format('truetype'),
    url(bh_bold.svg#bh_bold) format('svg');
}/*
@font-face {
font-weight:normal;
font-family:'Titillium Web','Activ';
src:url(../../central/fonts/Bitter/Bitter-Regular.ttf);
}
@font-face {
font-weight:bold;
font-family:'Titillium Web','Activ';
src:url(../../central/fonts/Bitter/Bitter-Bold.ttf);
}*/
@font-face {
  font-family: 'Titillium Web';
  font-style: bold;
  font-weight: 700;
  src: local('Titillium WebBold'), local('TitilliumWeb-Bold'),
    url(TitilliumWeb-SemiBold.ttf) format('truetype'), url(TitilliumWeb-SemiBold.woff) format('woff'), url(TitilliumWeb-SemiBold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
body{
	/*background:url(ss_images/background.jpg) center fixed no-repeat;background-color:#6C9;
	background-opacity:0.6;*/
	font-family:'Titillium Web','Activ','Segoe UI','Arial';/**/
	font-size:17px;
}
#ajaxsaver{ font-family:'Titillium Web','Activ'; font-size:15px; }
a, a:visited, a:link{
	color:#069;
	text-decoration:none;
	font-weight:bold;
}
a:hover{
	text-decoration:none;
	color:#F90; opacity:1;
}
.leader_text{
	font-family:'Titillium Web','Activ','Segoe UI','Titillium Web','Activ';
	font-size:48px;
	opacity:0.7;
}
.subleader_text{
	font-family:'Titillium Web','Activ','Segoe UI','Titillium Web','Activ';
	font-size:36px;
	opacity:0.7
}
.tile_title{
	font-family:'Titillium Web','Activ','Segoe UI';
	font-size:22px;
	font-weight:bold;
}
.tile_title_hr{
	display: block;
	background-color:#000;
	height:3px;
	margin-left:-6px;
	width:95%; opacity:0.8
}
._hr_1{
	display:block;
	height:2px;
	background-color:#F90;
	opacity:0.6;
	width:90%
}
.color_1{
	color:#069;
}
.color_2{
	color:#F60;
}
.color_3{
	color:#F30;
}
.color_4{
	color:#000;
}
.color_5{
	color:#090;
}
.employeephoto{
	border-bottom:#F90 8px solid;
}
.tile_1{
	padding:6px;
	background-color:#FFF;
	opacity:0.8;
	border:#999 1px solid;
	border-bottom-width:3px;
	border-right-width:3px;
}
.fb_input{
	font-family:'Titillium Web','Activ','Segoe UI';
	font-size:15px;
}
.errorField{
	color:#F00;
}
.top-to-bottom {
    border-width: 2px;
    border-style: solid;
    -webkit-border-image: 
      -webkit-gradient(linear, 0 0, 0 100%, from(#069), to(rgba(0, 0, 0, 0))) 1 100%;
    -webkit-border-image: 
      -webkit-linear-gradient(#069, rgba(0, 0, 0, 0)) 1 100%;
    -moz-border-image:
      -moz-linear-gradient(#069, rgba(0, 0, 0, 0)) 1 100%;    
    -o-border-image:
      -o-linear-gradient(#069, rgba(0, 0, 0, 0)) 1 100%;
    border-image:
      linear-gradient(to bottom, #069, rgba(0, 0, 0, 0)) 1 100%;
	  border-left:0px;border-top:0px; border-bottom:0px;
	  padding-right:4px;margin:0px;
}
.bottom-to-top {
    border-width: 2px;
    border-style: solid;
    -webkit-border-image: 
      -webkit-gradient(linear, 0 100%, 0 0, from(#069), to(rgba(0, 0, 0, 0))) 1 100%;
    -webkit-border-image: 
      -webkit-linear-gradient(bottom, #069, rgba(0, 0, 0, 0)) 1 100%;
    -moz-border-image:
      -moz-linear-gradient(bottom, #069, rgba(0, 0, 0, 0)) 1 100%;  
    -o-border-image:
      -o-linear-gradient(bottom, #069, rgba(0, 0, 0, 0)) 1 100%;
    border-image:
      linear-gradient(to top, #069, rgba(0, 0, 0, 0)) 1 100%;
	   border-left:0px;border-top:0px; border-bottom:0px;
	  padding-right:4px; margin:0px;
}
.linearBg-bottom-to-top {
	 background: -webkit-linear-gradient(transparent, #FFF, transparent); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(transparent, #FFF, transparent); /* For Opera 11.1 to 12.0 */
 /*background: -moz-linear-gradient(transparent,#fff, transparent);  For Firefox 3.6 to 15 */
 
}
.linearBg2 {
background: -webkit-linear-gradient(red, transparent); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(red, transparent); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(red, transparent); /* For Firefox 3.6 to 15 */
  background: linear-gradient(red, transparent); /* Standard syntax */}
.ss_sideTab_active {
  position: relative; 
  padding:4px;
  color:#FFF;
  margin-bottom:10px;
  cursor:pointer;
  font-weight:bold;
  		
}
.ss_sideTab_active:hover{
	border-right:#F00 solid;
	right:-2px;
}
.ss_sideTab_active a, .ss_sideTab_active a:visited, .ss_sideTab_active a:link{
	color:#FFF;
}
.ss_sideTab_active:before, .ss_sideTab_active:after {
  content: "";
  position: absolute;
}
.ss_sideTab_active:before {
  top: -2px;
  left: -3px;
  right: -5px;
  bottom: -2px;
  background-image: -webkit-gradient(radial, right top, 10, 90% 0%, 150, from(#069), to(transparent));
  background-image: -webkit-radial-gradient(right top, 150px 230px, #069, #CCF);
  background-image: -moz-radial-gradient(right bottom, farthest-corner, #069 0%, #CCF 80%);
  z-index: -2;

	-moz-border-radius-topleft:10px; /* top left corner */
	-moz-border-radius-bottomleft:10px; /* bottom left corner */
	-webkit-border-top-left-radius:10px; /* top left corner */
	-webkit-border-bottom-left-radius:10px; /* bottom left corner */
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.ss_sideTab_active:after {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.ss_sideTab_inactive {
  position: relative; 
  padding:4px;
  color:#000;
  margin-bottom:10px;
  cursor:pointer;
  font-weight:bold;
}
.ss_sideTab_inactive:hover{
	border-right:#F00 solid;
	right:-2px;
}
.ss_sideTab_inactive a, .ss_sideTab_inactive a:visited, .ss_sideTab_inactive a:link{
	color:#999;
}
.ss_sideTab_inactive:before, .ss_sideTab_inactive:after {
  content: "";
  position: absolute;
}
.ss_sideTab_inactive:before {
  top: -2px;
  left: -3px;
  right: -5px;
  bottom: -2px;
  background-image: -webkit-gradient(radial, right top, 10, 90% 0%, 150, from(#ccc), to(transparent));
  background-image: -webkit-radial-gradient(right top, 150px 230px, #ccc, #E4E4E4);
  background-image: -moz-radial-gradient(right bottom, farthest-corner, #D7D7D7 0%, #E4E4E4 72%);
  z-index: -2;
  	-moz-border-radius-topleft:10px; /* top left corner */
	-moz-border-radius-bottomleft:10px; /* bottom left corner */
	-webkit-border-top-left-radius:10px; /* top left corner */
	-webkit-border-bottom-left-radius:10px; /* bottom left corner */
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px; 
}
.ss_sideTab_inactive:after {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.ss_sideTab_1 {
  position: relative; 
  padding:4px;
  color:#666;
  margin-bottom:10px;
  cursor:pointer;
  font-weight:bold;
}
.ss_sideTab_1:hover{
	border-right:#F00 solid;
	right:-2px;
}
.ss_sideTab_1 a, .ss_sideTab_1 a:visited, .ss_sideTab_1 a:link{
	color:#CCC;
}
.ss_sideTab_1:before, .ss_sideTab_1:after {
  content: ""; 
  position: absolute;
}
.ss_sideTab_1:before {
  top: -2px;
  left: -3px;
  right: -5px;
  bottom: -2px;
  background-image: -webkit-gradient(radial, right top, 10, 90% 0%, 150, from(#9CF), to(transparent));
  background-image: -webkit-radial-gradient(right top, 150px 230px, #9CF, #d7d7ff);
  background-image: -moz-radial-gradient(right top, farthest-corner, #9CF 0%, #CCF 72%); 
  z-index: -2;
  	-moz-border-radius-topleft:10px; /* top left corner */
	-moz-border-radius-bottomleft:10px; /* bottom left corner */
	-webkit-border-top-left-radius:10px; /* top left corner */
	-webkit-border-bottom-left-radius:10px; /* bottom left corner */
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;

}
.ss_sideTab_1:after {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
}
#leavetype{
	font-size:32px; font-weight:bold;
	width:85px; height:75px; text-align:center; padding-top:10px; }
	.leave_c{ background-color:#F93 !important;color:#FFF;  }
	.leave_a{ background-color:#F36 !important; color:#FFF; }
	.leave_o{ background-color:#B4C822 !important; color:#FFF; }
    #leavedur{ font-size:14px; display:block; padding:3px; }
    #leavetitle{ background-color:#D7D7FF; font-weight:bold; padding:4px; }
    .leave_approved{ background-color:#D3F3CB;}
    .leave_denied{ background-color:#FAD8D1;}
    .leave_pending{ background-color:#CED6FB;}
    #request_by{font-size:12px; font-weight:bold; }
/* SQUARED ONE */
.squaredOne {
	width: 15px;
	height: 15px;
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
	margin: 8px auto;
	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
}

.squaredOne label {
	cursor: pointer;
	position: absolute;
	width: 10px;
	height: 10px;
	left: 2px;
	top: 2px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.squaredOne label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	background: #00bf00;

	background: -webkit-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -moz-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -o-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -ms-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: linear-gradient(top, #00bf00 0%, #009400 100%);

	top: 2px;
	left: 2px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
}

.squaredOne label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredOne input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}