/******** General tags ********/


h3{
font-size:1.2em;
font-weight:bold;
color:#4088b8;
border-bottom:1px solid #dadada;
margin:10px 0 8px 0;
padding:1px 2px 2px 3px;
}





#timesheet_div{
	background-color:#fff;
    border-radius:15px;
    color:#000;
    display:; 
    padding:20px;
    width:500px;
    min-height: 180px;
}
#emailfield{
width:200px;
height:20px;
}
#faxfield{
width:100px;
height:20px;
font-weight:bold;
}

.ul_spacing{
line-height:2.5;
letter-spacing:1px;
font-size:20px;
}

input[type="submit"]{
width:50px;
height:25px;
border-radius: 5px;
}

input[type="submit"]:hover{
background-color:#ededed;
font-weight:bold;
color:#4088b8;
cursor: pointer;
}
/******** div hide for popup ********/
#a_list {
  min-width: 600px;
  height:250px;
  margin-left: -50px; 
  padding-left: -50px;
}
 
.a_list_list ul{
  list-style-type: none;
 
list-style-position:outside;
}
 

 
.a_list_list li img {
  float: left;
  margin: 0 10px 0 0;
  width:100px; 
    height: auto;
}
 

 
.a_list_list li{
  
  padding: 10px;
  overflow: auto;
    margin-left: 0px;
	 width: 300px;
	  list-style-type: none;
	  list-style-position:outside;
	 
}
 
.a_list_list li:hover {
  background: #eee;
  cursor: pointer;
}







#h3_links_ts {
 padding-left:70px;
color:#3f3f3f;
 font-size:28px;
 
border-bottom:1px solid #dadada;
text-shadow:1px 1px Lightgray;
padding-bottom: 10px;
}
.links ul {
  overflow: auto;
  list-style-type: none;
}
 
.links li {
  height: 25px;
 padding-top:50px;
  margin-right: 0px;

  padding: 0 20px;
  list-style-type: none;
}
 
.links li:last-child {
  border-right: none;
}
 
.links li a {
  text-decoration: none;
  color: #ccc;
  font: 25px/1 Helvetica, Verdana, sans-serif;
  text-transform: uppercase;

 
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
 
.links li a:hover {
  color: #666;
}




/********time sheet sent message********/

#ts_msg{
background-color: #ededed;
background-attachment: fixed;
color:#4088b8;
font-size: 24px;
font-weight: 700;
margin-top:10px;
padding-top:10px;
width: 83%;
height: 40px;
padding-right:15%;
text-align:center;		
margin-right:20px;
display:none;


}


		.animated{
    -webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-ms-animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
	animation-delay: 0.5s;
-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:4s;
-moz-animation-duration:4s;
-ms-animation-duration:4s;
-o-animation-duration:4s;
animation-duration:4s;  
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-30px);
	}	25% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
    75% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
    100% {
		opacity: 0;
		-webkit-transform: translateX(30px);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-30px);
	}	25% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
    75% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
    100% {
		opacity: 0;
		-webkit-transform: translateX(30px);
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-30px);
	}	25% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
    75% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
    100% {
		opacity: 0;
		-webkit-transform: translateX(30px);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-30px);
	}	25% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
    75% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
    100% {
		opacity: 0;
		-webkit-transform: translateX(30px);
	}
}

.fadeInLeft {
	
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

.send{
font-weight:700;
padding-top:5px;
}

.send_form{
padding-left:20px;
padding-top:-10px;

}