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

/*popup style End */


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

#facebox .labelText{ color:#1464f4;padding-right:4px;font-size:12px;}
#facebox input, #facebox textarea, #facebox select{color:#1464f4; border:1px solid #C1DEE9; padding:2px 5px;-moz-border-radius:0.4em;-khtml-border-radius:0.4em;}
#facebox input:focus, #facebox textarea:focus, #facebox select: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;}*/
#facebox span{ font-weight:bold;color:#1464f4;}
#facebox thead{ background-color:#E3F4FA; color:#1464F4; font-weight:bold}
#facebox tfoot{ background-color:#E3F4FA; height:60px;}
#facebox tfoot td{ background-color:#E3F4FA;}
#facebox .fxBorderTop{border-top: 2px solid #99D0EB;}
#facebox .fxborder{ padding-left:10px; border-top: 2px solid #99D0EB;}

#facebox .sidebox {
	margin: 0 0 10px 10px;
	width: 180px; 
	background: url(sbbody-r.png) no-repeat bottom right;
	font-size: 100%;
}
#facebox .boxhead {
	background: url(sbhead-r.png) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
#facebox .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 */
}
#facebox .boxbody {
	background: url(sbbody-l.png) no-repeat bottom left;
	margin: 0;
	font-size:11px;
	min-height:100px;
	line-height:14px;
	padding: 5px 10px;
}

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

#facebox .submit-go, #facebox .submit-go:focus, #facebox .submit-r, #facebox .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;
}
#facebox .submit-go, #facebox .submit-go:focus{	
	color:#587F59;
	border:3px solid #587F59; 
	}
#facebox .buttonB, #facebox .buttonB:focus{
	border:none;
	color:#1B41CE;
	font-weight:bold;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif; 
	border:3px solid #1B41CE; 
	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;
}
#facebox .buttonB, #facebox .buttonB:focus{	
	color:#1B41CE;
	border:3px solid #1B41CE; 
	}
#facebox .cancelbtn, #facebox .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;
}

#facebox .btn-go, #facebox .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;
}
#facebox .btn-go, #facebox .btn-go:focus{	
	color:#587F59;
	border:2px solid #587F59; 
	}
#facebox .submit-r, #facebox .submit-r:focus {
	color:#B70000;
	border:3px solid #B70000;
}
#facebox .submit-agr, #facebox .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;
}
#facebox .statusR, #facebox .mandatory {
	color:#B70000;
	font-weight:normal;
}
#facebox .amount{ text-align:right; width:70px;}

/*clocking style start */
#facebox .gtitle{color:#00530B;line-height:30px;font-size:18px;}
#facebox .rtitle{color:#B70000;line-height:30px;font-size:18px;}
#facebox .popup-title .date{font-size:16px;}
#facebox .inBg{ 
	padding:10px;
	border-top:2px solid #99D0EB;
	background:url(in_bg.png) center no-repeat;
	vertical-align:middle;
	line-height:16px;
	}
#facebox .outBg{ 
	padding:10px;
	border-top:2px solid #99D0EB;
	background:url(out_bg.png) center no-repeat;
	vertical-align:middle;
	line-height:16px;
	}
#facebox .button{
            color:#FFFFFF !important;
            border:1px solid #4FBDFF;            
            -moz-border-radius:0;
}
#facebox .button:focus, #facebox .button:hover{
            color:#0071BC !important;
}
#facebox .trAlt{
	background-color: #FFFCD4;
	filter: alpha(opacity=80);
	opacity: 0.8;	
	}
#facebox .commentsIn{
	padding:5px;
	border-top:1px solid #99D0EB;
	border-bottom:1px solid #99D0EB;
	background:url(commentsbg_in.png) center no-repeat;
	}
#facebox .commentsOut{
	padding:5px;
	border-top:1px solid #99D0EB;
	border-bottom:1px solid #99D0EB;
	background:url(commentsbg_out.png) center no-repeat;
	}


.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 !important;
	background-image: url(../images/button_over.gif);
	border: 1px solid #028EE1 !important;
}