/*popup style Start */
.loginDialog{
	width:450px;
	padding:10px 0;
	margin:auto;
}
.loginForm{
	padding:10px 0;
	background:#FFFFFF;
}

.clockinContainer{
	float:left;
	max-width:320px;
	height:180px;
	margin:10px 0;
	padding-left:20px;
	}
.loginButtonDefault{
	margin:50px 0;
	float:right;
	width:100px;
}
.loginButtonClock{
	width:300px;margin-left:130px; text-align:left
}
.customPopUpBox{	
	border: 1px solid #222;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background:#E6E6E6;
	/*box-shadow:0 0 3px 0 #333;*/
    box-shadow: 1px 1px 8px #222;	
	padding-bottom:10px;
}




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

/*popup style End */


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

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

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

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

#dialog .submit-go, #dialog .submit-go:focus, #dialog .submit-r, #dialog .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;
}
#dialog .submit-go, #dialog .submit-go:focus{
	color:#587F59;
	border:3px solid #587F59; 
	}

#dialog .cancelbtn, #dialog .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;
}

#dialog .btnRecon, #dialog .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;
}
#dialog .btnRecon, #dialog .btnRecon:focus{
	color:#ff0000;
	border:2px solid #ff0000; 
	}
	
#dialog .btn-go, #dialog .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;
}
#dialog .btn-go, #dialog .btn-go:focus{
	color:#587F59;
	border:2px solid #587F59; 
	}
	
		
#dialog .submit-r, #dialog .submit-r:focus {
	color:#B70000;
	border:3px solid #B70000;
}
#dialog .submit-agr, #dialog .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;
}
#dialog .statusR, #dialog .mandatory {
	color:#B70000;
	font-weight:normal;
}

/*clocking style start */
#dialog .gtitle{color:#00530B;line-height:30px;font-size:18px;}
#dialog .rtitle{color:#B70000;line-height:30px;font-size:18px;}
#dialog .popup-title .date{font-size:16px;}
#dialog .inBg{
	padding:10px;
	border-top:2px solid #99D0EB;
	background:url(../../images/dialogbox/in_bg.png) center no-repeat;
	vertical-align:middle;
	line-height:16px;
	}
#dialog .outBg{
	padding:10px;
	border-top:2px solid #99D0EB;
	background:url(../../images/dialogbox/out_bg.png) center no-repeat;
	vertical-align:middle;
	line-height:16px;
	}
#dialog .trAlt{
	background-color: #FFFCD4;
	filter: alpha(opacity=80);
	opacity: 0.8;	
	}
#dialog .commentsIn{
	padding:5px;
	border-top:1px solid #99D0EB;
	border-bottom:1px solid #99D0EB;
	background:url(../../images/dialogbox/commentsbg_in.png) center no-repeat;
	}
#dialog .commentsOut{
	padding:5px;
	border-top:1px solid #99D0EB;
	border-bottom:1px solid #99D0EB;
	background:url(../../images/dialogbox/commentsbg_out.png) center no-repeat;
	}
#dialog thead {
	background-color:#E3F4FA;
	color:#1464F4;
	font-weight:bold;
}
#dialog .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;
}
/*#dialog table{
	border:none !important;
}
#dialog table th {
	vertical-align:middle;
	border-bottom:none !important;
	border-top:none !important;
}
#dialog table td {
	border-bottom:none !important;
	border-top:none !important;
	padding: 3px 0 3px 4px;
}*/