/*popup style Start */
#facebox1 {font-family:Arial, Helvetica, sans-serif;font-size:14px; line-height:18px; color:#333333; font-weight:normal }
#facebox1 a{outline:none; border:none}
#facebox1 img{ border:none}
#facebox1 .pbody-r{
	background:url("pbody-r.png") no-repeat scroll right bottom transparent;
	margin:0 auto;
}
#facebox1 .clockinLogin{
	border-top: 2px solid #99D0EB;
	border-bottom: 2px solid #99D0EB;
	font-size:34px;
	font-weight:bold;
	color:#1EA9E0;
	}
#facebox1 .content{
	background-color:#fff;
}
#facebox1 .right {
  background:url(right.png)  right repeat-y; 
  padding-right:10px;
}
#facebox1 .left {
  background:url(left.png) left repeat-y;
  margin-left:6px;
  padding:0 1px 0 2px;
}
#facebox1 .tl {
  background:url(tl.png) 6px bottom no-repeat;
  width:20px; 
}
#facebox1 .top {
  background:url(top.png) left bottom repeat-x;
  height:20px;
  width:100%; 
}
#facebox1 .tr {
  background:url(tr.png) left bottom no-repeat;
  width:20px; 
}
#facebox1 .bl {
  background:url(bl.png) 6px top no-repeat;
  width:20px; 
}
#facebox1 .bottom {
  background:url(bottom.png) top repeat-x;
  height:20px;
  width:100%; 
}
#facebox1 .br {
  background:url(br.png) left top no-repeat;
  width:20px; 
}
#facebox1 {
   /*position: absolute;
  width: 100%;
  top: 0;
  left: 0;
   z-index: 1000;*/
  text-align: center;
}
#facebox1 .popup {
  position: relative;
}
#facebox1 table {
  margin: auto;
  border-collapse: collapse;
}
#facebox1 .body {
  padding:0;
  /*background: #fff;*/
  width:auto;
}
#facebox1 .loading {
  text-align: center;
}
#facebox1 .header {
  text-align: right;
}
#facebox1 .image {
  text-align: center;
}
#facebox1 img {
  border: 0;
}
#facebox1 .tl, #facebox1 .tr, #facebox1 .bl, #facebox1 .br {
  height: 20px;
  width: 20px;
  overflow: hidden;
  padding: 0;
}
#facebox1 .popup-title{margin:0; padding-bottom:5px; color:#1464f4;font-size:18px; font-weight:bold; text-align:center; background-color:#E3F4FA; }
#facebox1 .close{cursor:pointer; float:right; margin-right:5px; background:url(close.png) no-repeat; width:20px; height:18px;}
#facebox1 .close:hover{background:url(close.png) 0 -18px;}
.close{cursor:pointer; float:right; margin-right:5px; background:url(close.png) no-repeat; width:20px; height:18px;}
.close:hover{background:url(close.png) 0 -18px;}
/* Show only to IE PC \*/
* html #facebox1 .boxhead h2 {height: 1%;} /* For IE 5 PC */

/*popup style End */


#facebox1 .card-title{margin:0; color:#1464f4;font-size:18px; font-weight:bold; text-align:center; background-color:#E3F4FA;}
#facebox1 .swipeCard{margin:0; color:#00702E;font-size:22px; font-weight:bold; text-align:center; text-decoration:blink}

#facebox1 .labelText{ color:#1464f4;padding-right:4px;font-size:12px;}
#facebox1 input, #facebox1 textarea{color:#1464f4; border:1px solid #C1DEE9; padding:2px 5px;-moz-border-radius:0.4em;-khtml-border-radius:0.4em;}
#facebox1 input:focus, #facebox1 textarea:focus{color:#1464f4; border:1px solid #76CAEC; padding:2px 5px;-moz-border-radius:0.4em;	-khtml-border-radius:0.4em;
}
/*#facebox textarea{color:#1464f4; border:1px solid #C1DEE9; padding:2px 5px;}*/
#facebox1 span{ font-weight:bold;color:#1464f4;}
#facebox1 tfoot{ background-color:#E3F4FA; height:60px;}
#facebox1 tfoot td{ background-color:#E3F4FA;}
#facebox1 .fxborder{ padding-left:10px; border-top: 2px solid #99D0EB;}

#facebox1 .sidebox {
	margin: 0 0 10px 10px;
	width: 180px; 
	background: url(sbbody-r.png) no-repeat bottom right;
	font-size: 100%;
}
#facebox1 .boxhead {
	background: url(sbhead-r.png) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
#facebox1 .boxhead h2 {
	background: url(sbhead-l.png) no-repeat top left;
	margin: 0;
	padding: 5px;
	color:#1464f4;
	text-align:center;
	font-weight: bold; 
	font-size: 16px; 
	line-height: 16px;
	 /* text-shadow: rgba(0,0,0,.4) 0px 2px 5px;Safari-only, but cool */
}
#facebox1 .boxbody {
	background: url(sbbody-l.png) no-repeat bottom left;
	margin: 0;
	font-size:11px;
	min-height:100px;
	line-height:14px;
	padding: 5px 10px;
}

#facebox1 .box {
	margin: 0 10px 10px 10px;
	background: url(sbbody-r.png) no-repeat bottom right;
	font-size: 100%;
}
#facebox1 .box .boxbody{
	padding:5px 10px 32px 10px;
	min-height:60px;
	
}
#facebox1 .buttontd{ background-color:#E3F4FA;padding-right:30px; }

#facebox1 .submit-go, #facebox1 .submit-go:focus, #facebox1 .submit-r, #facebox1 .submit-r:focus{
	border:none;
	color:#587F59;
	font-weight:bold;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif; 
	border:3px solid #587F59; 
	padding:8px 20px;
	background:url(../images/popup_btn_bg.png) repeat-x;
	cursor:pointer !important; cursor:hand;	
	-moz-border-radius:0.8em;
	-khtml-border-radius:0.8em;
}
#facebox1 .submit-go, #facebox1 .submit-go:focus{
	color:#587F59;
	border:3px solid #587F59; 
	}

#facebox1 .cancelbtn, #facebox1 .cancelbtn:focus{
	border:none;
	color:#ff0000;
	font-weight:bold;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif; 
	border:3px solid #ff0000; 
	padding:8px 20px;
	background:url(../images/popup_btn_bg.png) repeat-x;
	cursor:pointer !important; cursor:hand;	
	-moz-border-radius:0.8em;
	-khtml-border-radius:0.8em;
}

#facebox1 .btnRecon, #facebox1 .btnRecon:focus{
	border:none;
	color:#ff0000;
	font-weight:bold;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif; 
	border:2px solid #ff0000; 
	padding:0px 5px;
	background:url(../images/popup_btn_bg.png) repeat-x;
	cursor:pointer !important; cursor:hand;	
	-moz-border-radius:0.8em;
	-khtml-border-radius:0.8em;
}
#facebox1 .btnRecon, #facebox1 .btnRecon:focus{
	color:#ff0000;
	border:2px solid #ff0000; 
	}
	
#facebox1 .btn-go, #facebox1 .btn-go:focus{
	border:none;
	color:#587F59;
	font-weight:bold;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif; 
	border:2px solid #587F59; 
	padding:0px 5px;
	background:url(../images/popup_btn_bg.png) repeat-x;
	cursor:pointer !important; cursor:hand;	
	-moz-border-radius:0.8em;
	-khtml-border-radius:0.8em;
}
#facebox1 .btn-go, #facebox1 .btn-go:focus{
	color:#587F59;
	border:2px solid #587F59; 
	}
	
		
#facebox1 .submit-r, #facebox1 .submit-r:focus {
	color:#B70000;
	border:3px solid #B70000;
}
#facebox1 .submit-agr, #facebox1 .submit-agr:focus{
	border:none;
	color:#1EA9E0;
	font-weight:bold;
	font-size:14px;
	height:42px;
	font-family:Arial, Helvetica, sans-serif; 
	border:3px solid #1EA9E0;
	padding:0px 5px;
	margin-bottom:4px;
	background:url(../images/popup_btn_bg.png) repeat-x;
	cursor:pointer !important; cursor:hand;	
	-moz-border-radius:0.8em;
	-khtml-border-radius:0.8em;
}
#facebox1 .statusR, #facebox1 .mandatory {
	color:#B70000;
	font-weight:normal;
}

/*clocking style start */
#facebox1 .gtitle{color:#00530B;line-height:30px;font-size:18px;}
#facebox1 .rtitle{color:#B70000;line-height:30px;font-size:18px;}
#facebox1 .popup-title .date{font-size:16px;}
#facebox1 .inBg{
	padding:10px;
	border-top:2px solid #99D0EB;
	background:url(in_bg.png) center no-repeat;
	vertical-align:middle;
	line-height:16px;
	}
#facebox1 .outBg{
	padding:10px;
	border-top:2px solid #99D0EB;
	background:url(out_bg.png) center no-repeat;
	vertical-align:middle;
	line-height:16px;
	}
#facebox1 .trAlt{
	background-color: #FFFCD4;
	filter: alpha(opacity=80);
	opacity: 0.8;	
	}
#facebox1 .commentsIn{
	padding:5px;
	border-top:1px solid #99D0EB;
	border-bottom:1px solid #99D0EB;
	background:url(commentsbg_in.png) center no-repeat;
	}
#facebox1 .commentsOut{
	padding:5px;
	border-top:1px solid #99D0EB;
	border-bottom:1px solid #99D0EB;
	background:url(commentsbg_out.png) center no-repeat;
	}
#facebox1 thead {
	background-color:#E3F4FA;
	color:#1464F4;
	font-weight:bold;
}
#facebox1 .fxBorderTop {
border-top:2px solid #99D0EB;
}

.clockinButton {
	margin:5px 0px;
	font-size: 11px;
	padding:0 5px 2px 5px;
	font-weight:bold;
	height:25px;
	color: #FFFFFF !important;
	background-image: url(../images/button_bg.gif);
	border: 1px solid #4FBDFF !important;
	}
.clockinButton:hover, .clockinButton:focus{
	color: #0071BC;
	background-image: url(../images/button_over.gif);
	border: 1px solid #028EE1 !important;
}
/*#facebox1 table{
	border:none !important;
}
#facebox1 table th {
	vertical-align:middle;
	border-bottom:none !important;
	border-top:none !important;
}
#facebox1 table td {
	border-bottom:none !important;
	border-top:none !important;
	padding: 3px 0 3px 4px;
}*/