/*
06-15-13 Wcc config ct,cb
		selprompt2
10-24-16 BJS  - CSS - change .content class to .rowcont
*/
/**:not(html) {-webkit-transform: translate3d(0, 0, 0);}*/
xhtml, xbody{ height:100%; overflow:hidden }
body {background:url(img/top_bg.jpg) #234b7f no-repeat top center;background-size:cover;margin:0px auto;
	padding:0px;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#423932;
	width:100%;height:100%;}
body{ margin:0px;padding:0px;}
.xpeoplebody{ background:#2CAFFD}
.peoplebody{ background:white;}
html{ margin:0;padding:0;}
.body2{background-color:white;background:;}
.logo{width:220px; margin:auto; height:200x;}
.logo2{width:300px; margin:auto; height:200px;}

#main_container{overflow:hidden;}
.theader{text-align:center;height:40px;line-height:50px;color:#FFFFFF; background:url(img/theader_bg.png) repeat-x top;overflow:hidden;xposition:fixed;top:0;width:100%;}
.thfooter{text-align:center;height:35px;line-height:50px;color:#FFFFFF; background:url(img/theader_bg.png) repeat-x top;overflow:hidden;position:fixed;bottom:0;width:100%;}
.xheader{text-align:center;height:52px;line-height:55px;color:#FFFFFF; background:url(img/header_bg.png) repeat-x top;overflow:hidden;}
.header{text-align:center;height:42px;line-height:45px;color:#FFFFFF; background:url(img/header_bg.png) repeat-x top;overflow:hidden;xmargin-bottom:5px;}
.search{ position:relative; background:white;height:25px;padding:5px;margin:0px 0px 2px 0px;-moz-border-radius:8px; -webkit-border-radius:8px;-khtml-border-radius:8px;border-radius:8px;}
.search img{position:absolute;top:5px;left:5px;}
.mb{ }
.search_text{ position:absolute;top:5px;left:30px;height:25px;width:80%; font-size:18px;border:none;color:#0066cc }
.utmlogo{ width:100%; background:url(img/utmobile.png) no-repeat center;height:100% }
.reload{ float:right;color:#FFFFFF;width:35px; height:35px; text-align:center; background:url(img/reload.png) no-repeat center;margin:4px 4px 4px 4px;}
.ti_empty{ float:right;color:#FFFFFF;width:25px; height:35px; text-align:center; background:url(img/drumblue.png) no-repeat center;margin:4px 8px 4px 4px;}
.ti_full{ float:right;color:#FFFFFF;width:25px; height:35px; text-align:center; background:url(img/drumred.png) no-repeat center;margin:4px 8px 4px 4px;}
a{color:#0B77BD;text-decoration:none;outline:none;}
a.left_bt{float:left;color:#FFFFFF; width:67px; height:43px; text-align:center; background:url(img/left_bt.png) no-repeat center; line-height:43px; font-size:14px; font-weight:bold; margin:4px 0 0 4px; text-shadow:1px 1px #085C8F;}
.left_bt{float:left;color:#FFFFFF; width:67px; height:43px; text-align:center; background:url(img/left_bt.png) no-repeat center; line-height:43px; font-size:14px; font-weight:bold; margin:2px 2px 0 2px; text-shadow:1px 1px #085C8F;}
.left_bt0{float:left;color:#FFFFFF; width:50px; height:43px; text-align:center; background:url(img/smfbut.png) no-repeat center; xline-height:43px; font-size:14px; font-weight:bold; xmargin:4px 0 0 4px; text-shadow:1px 1px #085C8F;}
.left_btg{float:left;color:#FFFFFF; width:50px; height:43px; text-align:center; background:url(img/box_green.png) no-repeat center; xline-height:43px; font-size:14px; font-weight:bold; xmargin:4px 0 0 4px; text-shadow:1px 1px #085C8F;}
.left_btr{float:left;color:#FFFFFF; width:50px; height:43px; text-align:center; background:url(img/box_red.png) no-repeat center; xline-height:43px; font-size:14px; font-weight:bold; xmargin:4px 0 0 4px; text-shadow:1px 1px #085C8F;}
.left_bto{float:left;color:#FFFFFF; width:50px; height:43px; text-align:center; background:url(img/box_orange.png) no-repeat center; xline-height:43px; font-size:14px; font-weight:bold; xmargin:4px 0 0 4px; text-shadow:1px 1px #085C8F;}
a.right_bt{float:right;color:#FFFFFF;width:67px; height:43px; text-align:center; background:url(img/left_bt.png) no-repeat center; line-height:43px; font-size:14px; font-weight:bold; xmargin:4px 4px 0 4px; text-shadow:1px 1px #085C8F;}
.right_bt{float:right;color:#FFFFFF;width:67px; height:43px; text-align:center; background:url(img/left_bt.png) no-repeat center; line-height:43px; font-size:14px; font-weight:bold; margin:4px 4px 0 4px; text-shadow:1px 1px #085C8F;}
.right_bt0{float:right;color:#FFFFFF;width:40px; height:43px; text-align:center; background:url(img/smfbut.png) no-repeat center; xline-height:43px; font-size:14px; font-weight:bold; xmargin:2px 2px 0 2px; text-shadow:1px 1px #085C8F;}
.right_btb{float:right;color:#FFFFFF;width:40px; height:43px; text-align:center; background:url(img/box_blue.png) no-repeat center; xline-height:43px; font-size:14px; font-weight:bold; margin:2px 2px 0 2px; text-shadow:1px 1px #085C8F;border:none;}
a.thleft_bt{ float:left; color:#FFFFFF; width:49px; height:32px; text-align:center; background:url(img/th_bt.png) no-repeat center; line-height:32px; font-size:14px; font-weight:bold; margin:4px 0 0 5px; text-shadow:1px 1px #085C8F;}
a.thleft_wbt{ float:left; color:#FFFFFF; width:89px; height:54px; text-align:center;xvertical-align:sub; background:url(img/social-people.jpg) no-repeat center; background-size: 64px 54px;line-height:32px; font-size:14px; font-weight:bold; xmargin:4px 0 0 5px; text-shadow:1px 1px #085C8F;}
.thleft_bt{ float:left; xleft:4px; color:#FFFFFF; width:49px; height:32px; text-align:center; background:url(img/th_bt.png) no-repeat center; line-height:32px; font-size:14px; font-weight:bold; margin:4px 0 0 4px; text-shadow:1px 1px #085C8F;}
.thleft_bt2{ float:left; color:white; width:65px; height:30px; text-align:center; xbackground:url(img/th_bt.png) no-repeat center; background-color:transparent; background-repeat: no-repeat;line-height:30px; font-size:14px; font-weight:bold; margin:4px 4px 0 4px; text-shadow:1px 1px #085C8F;-webkit-appearance: none;padding:0px;border:.50px solid grey;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px; border-radius: 5px;}
.thhome_bt{ float:left; color:#FFFFFF; width:49px; height:32px; text-align:center; background:url(img/home.png) no-repeat center; line-height:32px; font-size:14px; font-weight:bold; margin:4px 0 0 4px; text-shadow:1px 1px #085C8F;}
a.thright_bt{ float:right; color:#FFFFFF; width:49px; height:32px; text-align:center; background:url(img/th_bt.png) no-repeat center; line-height:32px; font-size:14px; font-weight:bold; margin:4px 5px 0 4px; text-shadow:1px 1px #085C8F;right:0px;}
a.thright_btl{ float:right; color:#FFFFFF; width:65px; height:32px; text-align:center; background:url(img/th_bt.png); background-size:65px 32px;background-repeat: no-repeat;line-height:32px; font-size:14px; font-weight:bold; margin:4px 10px 0 4px; text-shadow:1px 1px #085C8F;}
a.thright_icon{ float:right; color:#FFFFFF; width:55px; height:32px; text-align:center; background:transparent; line-height:32px; font-size:14px; font-weight:bold; margin:4px 14px 0 4px; text-shadow:1px 1px #085C8F;}
.thright_bt{ xfloat:right; right:4px; color:#FFFFFF; width:49px; height:32px; text-align:center; background:url(img/th_bt.png) no-repeat center; line-height:32px; font-size:14px; font-weight:bold; margin:4px 14px 0 4px; text-shadow:1px 1px #085C8F;padding:0px}
.thright_bt2{ float:right; color:#FFFFFF; width:65px; height:32px; text-align:center; background:url(img/th_bt.png) no-repeat center; background-color:transparent; background-repeat: no-repeat;line-height:32px; font-size:14px; font-weight:bold; margin:4px 4px 0 4px; text-shadow:1px 1px #085C8F;-webkit-appearance: none;border-color:transparent;padding:0px;border:none;}
.thright_btl{ float:right; color:#FFFFFF; width:65px; height:32px; text-align:center; background:url(img/th_bt.png); background-size:65px 32px;background-repeat: no-repeat;line-height:32px; font-size:14px; font-weight:bold; margin:4px 14px 0 4px; text-shadow:1px 1px #085C8F;}
a.left_nav{float:left;color:#FFFFFF; width:67px; height:43px; text-align:center; background:url(img/left_bt.png) no-repeat center; line-height:43px; font-size:14px; font-weight:bold; margin:0px 0 10px 0;text-shadow:1px 1px #085C8F;}
a.right_nav{float:right;color:#FFFFFF; width:67px; height:43px; text-align:center; background:url(img/left_bt.png) no-repeat center; line-height:43px; font-size:14px; font-weight:bold; margin:0px 0 10px 0;text-shadow:1px 1px #085C8F;}
h1{padding:0px; margin:0px;}
h1 a{color:#FFFFFF; font-size:22px; text-shadow:1px 1px #000; text-decoration:none;}
.xheader span{color:#FFFFFF; font-size:24px; text-shadow:1px 1px #085C8F; text-decoration:none; padding:0 10px 0 0; font-weight:normal; margin:0px;}
.header span{color:#FFFFFF; font-size:18px; xtext-shadow:1px 1px #085C8F; text-decoration:none; padding:0 10px 0 0; font-weight:bold; margin:0px;}
h3{padding:15px 10px 10px 0px; margin:0px;font-size:20px; font-weight:normal; text-decoration:none;color:#5e4934;}
h4{padding:20px 10px 10px 0px; margin:0px;font-size:16px; font-weight:bold; text-decoration:none;color:#757575;}
h5{padding:10px 10px 10px 0px; margin:0px;font-size:14px; font-weight:bold; text-decoration:none;color:#5e4934;}
h6{padding:0 10px 5px 0px; margin:0px;font-size:14px; font-weight:bold; text-decoration:none;color:#AFEAFF;}
.headertbl{ width:100%;}
.td_left_bt{ width:67px;vertical-align:top;}
.th_center{ text-align:center;vertical-align:middle;}
.td_right_bt{ width:67px;vertical-align:top;}
.menu{width:100%;padding:0px 0px 0px 0;text-align:center;}
.menu ul{list-style:none;padding:0px;margin:0px;display:inline;line-height:25px}
.menu ul li{list-style:none;display:list-item;width:100%; height:85px; margin:0px 6px 5px 6px; background:url(img/glass_slice.png) repeat-x center top;border-top:1px solid black;border-bottom:1px solid grey;text-align:left;}
.menu ul li a{ font-size:14px; font-weight:bold; color:#fff; text-decoration:none; text-shadow:1px 1px #302f2f;text-align:left;width:100%;}
.menu ul li a img{padding:0px; width:85px; height:85px;}

.pplcontent{ width:100%;xheight:380px;overflow:auto}

.rowcont{padding:5px 8px 0px 8px;}
.corner_wrap{-moz-border-radius:8px; x-webkit-border-radius:8px;x-khtml-border-radius:8px; xborder-radius:8px; border-bottom:1px solid lightgrey;xbackground:url(img/box_wrap_bottom.jpg) no-repeat center bottom white; width:100%; text-align:left; margin:0px;}
.corner_wrap a{color: #636363;text-decoration: none;display: block;padding:6px 0 6px 10px;font-size:18px;}
.corner_wrap a img{width:12px;}
.corner_wrap a:hover:focus{color:#0B77BD;}

.xcorner_wrap_letter{-moz-border-radius:8px; -webkit-border-radius:8px;-khtml-border-radius:8px;border-radius:8px; background:url(img/gbhl.png) no-repeat center top #001028; width:100%; text-align:left; margin:0px;}
.corner_wrap_letter{-moz-border-radius:8px; -webkit-border-radius:8px;-khtml-border-radius:8px;border-radius:8px; xbackground:url(img/gbhl.png) no-repeat center top #001028; background-color:rgba(36,87,138,.9);xbackground-color:rgba(1,1,1,.3);width:100%; text-align:left; margin:0px;}

.corner_wrap_letter a{color: white;text-decoration: none;display: block;padding:6px 0 6px 10px;font-size:18px;font-weight:bold;}
.corner_wrap_letter a:hover:focus{color:white;}
.trigger a{color: #636363;text-decoration: none;display: block;padding:6px 0 6px 10px;font-size:18px;}
.trigger a:hover, .trigger a:hover:focus{color:#0B77BD;}
.toggle_container{overflow: hidden;padding:10px;clear: both;}
.toggle_container ul{ padding:0; margin:0px; list-style:none;}
.toggle_container ul li{ padding:12px 0 12px 10px; margin:0px 0 5px 0;width:98%;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px; border-radius: 5px; background-color:#cce9ff;}
.toggle_container ul li a:hover, .toggle_container ul li a:focus{color:#666666;}

.scontent{padding:10px 8px 0px 8px;}
.setbut{ text-align:center; padding:8px;8px;0px;8px;}
.setbut a{color: #636363;text-decoration: none;display: block;padding:0px 0 0px 15px;font-size:18px;}
.setbut a:hover, .trigger a:hover:focus{color:#0B77BD;}

/* employee info dlg */
#eitbl{ position:absolute;visibility:hidden;}
#eileft{ width:190px;}
#eiright{ width:190px;}
#eibot{}
#eilayout{ padding:0;margin:0;width:100%;}
#eilayout td { padding:0;margin:0;}
#empinfo{ position:absolute;top:0px;left:50%;margin-left:-160px;width:310px;visibility:hidden;padding:0px;background:white;border:solid 2px #0066cc;-webkit-border-radius:8px;-khtml-border-radius:8px;border-radius:8px;z-index:20;}
#empinfobg{ width:100%; height:100%; background:white;-webkit-border-radius:8px;-khtml-border-radius:8px;border-radius:8px;}
#xeiclose{  height:40px; width:40px; background:url(img/rclose.png) no-repeat right;float:right;margin-right:10px;background-size:25px 25px;}
#eiclose{  height:40px; width:40px; background:url(img/rclose.png) no-repeat right;float:right;margin-right:10px;background-size:25px 25px;float:right;}
#IOIMAGE{ width:190px;height:auto;vertical-align:top;margin:0 0 0 0;padding:0}
#einame{ color: #636363;text-decoration: none;height:40px;line-height:20px;display: block;padding:0px 0 0px 10px;font-size:18px;}
#einame img{width:12px;}
.eiul{ padding:0; margin:0px; list-style:none;}
.eili{ padding:6px 0 6px 6px; margin:3px 0 2px 0;width:98%;list-style:none;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px; background-color:#cce9ff}
.eia:hover, .toggle_container ul li a:focus{color:#666666;}
#eitable{ width:100%;text-align:right; }
#eitable td { text-align:center }
.eitime{ color:#0066cc; font-size:35px; }
#xinfbut{ width:104px; height:42px; background:url(img/infbut.png); color:white; font-size:30px;line-height:42px;display:inline-block;}
#infbut{ width:150px; height:42px; xbackground:url(img/infbut.png); color:white; font-size:30px;line-height:42px;display:inline-block;border:2px solid #007E00;background-color:#007E00;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;margin-bottom:5px;}
#xoutfbut{ width:104px; height:42px; background:url(img/outfbut.png); color:white; font-size:30px;line-height:42px;display:inline-block;}
#outfbut{ width:150px; height:42px;color:white; font-size:30px;line-height:42px;display:inline-block;border:2px solid rgb(156,0,0);background-color:rgb(156,0,0);-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;margin-bottom:5px;}
.smfbut{ width:49px; height:42px; background:url(img/smfbut.png); color:white; font-size:16px;line-height:40px;display:inline-block;}
.smfbut2{ width:49px; height:42px; background:url(img/smfbut.png); color:white; font-size:16px;line-height:20px;display:inline-block;}
.wdfbut2{ width:150px; height:42px;color:rgb(44,147,204); font-size:24px;line-height:42px;display:inline-block;background-color:white;border:2px solid rgb(44,147,204);-webkit-appearance: none;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;margin-bottom:5px;}
.wdfbut2line{ width:150px; height:42px;color:rgb(44,147,204); font-size:18px;line-height:21px;display:inline-block;background-color:white;border:2px solid rgb(44,147,204);-webkit-appearance: none;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;margin-bottom:5px;}
.fbut{ width:104px; height:42px; background:url(img/fbut.png); color:white; font-size:16px;line-height:40px;display:inline-block;}
#lihphone{ visibility:hidden}
#limphone{ visibility:hidden}
#liemail{ visibility:hidden}

/* query display */
#qrydisp{ position:absolute;top:0px;left:50%;margin-left:-160px;width:310px;visibility:hidden;padding:0px;background:white;border:solid 2px #0066cc;-webkit-border-radius:8px;-khtml-border-radius:8px;border-radius:8px;z-index:30;}
#qrydispbg{ width:100%; height:100%; background:white;-webkit-border-radius:8px;-khtml-border-radius:8px;border-radius:8px;}
#qdbuts{ width:100%; text-align:center;}
#qdok{ text-align:center;color:white;background:url(img/infbut.png);width:104px;height:42px;font-size:20px;line-height:42px;margin:0 auto;}

#qryevlttbl{width:100%;}

/* checkin */
#empinfobg.eigood{ background:green}
#empinfobg.eibad{ background:red}
#empinfobg.eineutral{ background:white}
#einame.checkin{ color:black;}
#eitime.checkin{ color:black;font-size:35px;}
#checkinbut{ width:104px; height:42px; background:url(img/infbut.png); color:white; font-size:20px;line-height:42px;display:inline-block;}
#checkinfail{ font-size:24px;}

/* confirm punch dlg */
#cptbl{ position:absolute;visibility:hidden;}
#cptable td{ align:center;text-align:center;vertical-align:top;padding:0px;}
#cptable{ width:190px}
#cpconfirm{ text-align:center;color:#0066cc; font-style:verdana; font-size:22px;font-weight:bold;margin-right:10px;}
#cpfunc{ text-align:center;color:black;font-style:verdana;font-size:26px;font-weight:bold;xtext-shadow:1px 1px #6c5C8F;margin-right:10px;}
#cpmonth{ text-align:center; color:#0066cc;font-style:verdana;font-size:18px; font-weight:bold;}
#cpdate{ text-align:center; color:#0066cc; font-style:verdana;font-size:30px; font-weight:bold;}
#cpyear{ text-align:center; color:white;background:black;font-style:verdana;font-size:18px;text-shadow:1px 1px #085C8F;margin-bottom:5px;}
#cptime{ text-align:center; color:black; font-style:verdana;font-size:30px;text-shadow:1px 1px #885C8F;}
#cpok{ text-align:center;color:white;xbackground:url(img/infbut.png);width:150px;height:42px;font-size:20px;line-height:42px;display:inline-block;background-color:#007E00;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;margin-bottom:5px;margin-left:auto;margin-right:10px;}
#cpcancel{ text-align:center;color:white;xbackground:url(img/outfbut.png);width:150px;height:42px;font-size:20px;line-height:42px;display:inline-block;background-color:rgb(156,0,0);-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;margin-bottom:5px;margin-left:auto;margin-right:20px;}

/* confirm punch dlg 2 */
#cptbl2{ position:absolute;visibility:hidden;}
#cptable2 td{ align:center;text-align:center;vertical-align:top;padding:0px;}
#cptable2{ width:100%;margin-top:10px;margin-bottom:5px;}
#cpconfirm2{ text-align:center;color:#0066cc; font-style:verdana; font-size:16px;font-weight:bold;}
#cpfunc2{ text-align:center;color:black;font-style:verdana;font-size:20px;font-weight:bold;xtext-shadow:1px 1px #6c5C8F;}
#cpmonth2{ text-align:center; color:#0066cc;font-style:verdana;font-size:16px; font-weight:bold;}
#cpdate2{ text-align:center; color:#0066cc; font-style:verdana;font-size:30px; font-weight:bold;}
#cpyear2{ text-align:center; color:white;background:black;font-style:verdana;font-size:18px;text-shadow:1px 1px #085C8F;margin-bottom:5px;}
#cptime2{ text-align:center; color:black; font-style:verdana;font-size:30px;text-shadow:1px 1px #885C8F;}
#cpok2{ text-align:center;color:white;xbackground:url(img/infbut.png);width:150px;height:42px;font-size:20px;line-height:42px;display:inline-block;background-color:#007E00;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;margin-bottom:5px;margin-left:auto;margin-right:10px;}
#cpcancel2{ text-align:center;color:white;xbackground:url(img/outfbut.png);width:150px;height:42px;font-size:20px;line-height:42px;display:inline-block;background-color:rgb(156,0,0);-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;margin-bottom:5px;margin-left:auto;margin-right:10px;}




/* locked out dlg */
#lotbl{ position:absolute;visibility:hidden;}
#lotable td{ align:center;text-align:center;vertical-align:top;padding:0px;}
#lotable{ width:100px}
#lomsg{ text-align:center;color:red; font-style:verdana; font-size:20px;font-weight:bold;}
#lomsgschd{ text-align:center;color:black; font-style:verdana; font-size:14px;font-weight:bold;}
#lotimeschd{ text-align:center;color:#0066cc; font-style:verdana; font-size:30px;font-weight:bold;}
#lomsgcur{ text-align:center;color:black; font-style:verdana; font-size:14px;font-weight:bold;}
#lotimecur{ text-align:center;color:#0066cc; font-style:verdana; font-size:30px;font-weight:bold;}
#lomsgcp{ text-align:center;color:black; font-style:verdana; font-size:14px;font-weight:bold;}
#lotimecp{ text-align:center;color:#0066cc; font-style:verdana; font-size:30px;font-weight:bold;}
#locancel{ text-align:center;color:white;background:url(img/outfbut.png);width:104px;height:42px;font-size:20px;line-height:42px;}

.messagediv{ position:absolute; bottom:10px;left:50px; color:red;visibility:hidden}

/* name list container */

#Xcollapsediv{ width:100%; xheight:600px; overflow:auto; -webkit-overflow-scrolling: touch;}
/* THIS WORKS FOR ANDROID */
#xxcollapsediv{ width:100%; xheight:600px; overflow:hidden;}
/* Devicified */
.collapsedivPHONE{ width:100%; xheight:600px; overflow:auto; -webkit-overflow-scrolling: touch;}
.collapsedivPAD{ width:100%; xheight:600px; overflow:auto; -webkit-overflow-scrolling: touch;}
.collapsedivPC{ width:100%; xheight:600px; overflow:auto; -webkit-overflow-scrolling: touch;}
.collapsedivDROID{ width:100%; xheight:600px; overflow:hidden;}
.collapsediv{ width:100%; xheight:600px; overflow:hidden;}
#collapsediv{ width:100%; overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
#MAINFORM{ padding:0;margin:0}
/* confirm dialog */
.confirm{position:absolute; top:30;height:300;width:300px;z-index:1000;visibility:hidden;left:50%;margin-left: -150px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background:url(img/stp_1x1.png)}
.confirmwp{position:absolute; top:20px;left:20px; width:260px;height:260px;margin-left:auto;margin-right:auto;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background:white;}
.confirmmsg{position:absolute; color:#FE6601;top:10;left:0;width:260px;height:130;font:16pt Verdana;text-align:center;}
.confirmbuts{position:absolute; xtop:175px;bottom:10px;width:100%;text-align:center; }
.xconfirmok{margin:10px; color:white;font-family:verdana;font-size:14pt; font-weight:bold;width:100;height:70;border:none;-webkit-appearance:none;border-radius:10px;-webkit-border-radius:10px;background:#2FFB2F;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2FFB2F', endColorstr='#008C00');background: -webkit-gradient(linear, left top, left bottom, from(#2FFB2F), to(#008C00));background: -moz-linear-gradient(top,  #2FFB2F,  #008C00);}
.xxconfirmok{ text-align:center;color:white;background:url(img/infbut.png);width:104px;height:42px;font-size:20px;line-height:42px;border:none}
.confirmok{ text-align:center;color:white;width:104px;height:42px;font-size:20px;line-height:42px;border:none;background-color:#007E00;-webkit-appearance: none;border-radius:5px;-mozilla-border-radius:5px;-webkit-border-radius:5px;}
.xconfirmcancel{margin:10px; color:white;font-family:verdana;font-size:14pt;font-weight:bold; width:100px;height:70px;border:none;-webkit-appearance:none;border-radius:10px;-webkit-border-radius:10px;background: #DB581D;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DB581D', endColorstr='#985016');background: -webkit-gradient(linear, left top, left bottom, from(#DB581D), to(#985016));background: -moz-linear-gradient(top,  #DB581D,  #985016);}
.xxconfirmcancel{ text-align:center;color:white;background:url(img/outfbut.png);width:104px;height:42px;font-size:20px;line-height:42px;border:none}
.confirmcancel{ text-align:center;color:white;width:104px;height:42px;font-size:20px;line-height:42px;border:none;background-color:rgb(156,0,0);-webkit-appearance: none;border-radius:5px;-mozilla-border-radius:5px;-webkit-border-radius:5px;}
.confirmfunc{ text-align:center;color:white;background:url(img/fbut.png);width:104px;height:42px;font-size:20px;line-height:42px;border:none}
.uidpwdmsg{ width:100%; height:20px; font-size:20px;text-align:center;margin:10 0 10 0}
.uidpwdtbl{ width:100%;border:none;}
.uidpwdtbl td { text-align:center;}
.veil{position:absolute; top:0;left:0;width:100%;height:100%;background:url('img/stp_1x1.png');z-index:10;visibility:hidden;}
.xandroidveil{position:absolute; top:0;left:0;width:100%;height:100%;z-index:10;visibility:hidden;}
.androidveil{position:absolute; top:0;left:0;width:100%;height:100%;z-index:0;visibility:hidden;}

.alert{position:absolute; top:30;height:200;width:280px;z-index:1100;visibility:hidden;left:50%;margin-left: -150px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background:white;text-align:center;padding:30 10 0 10;}
.workmsg{color:black;width:100%;font-family:verdana;font-size:12pt; text-align:center;vertical-align:center;}
.workmsg2{color:#0066cc; width:100%; font-family:verdana; font-size:20pt;font-weight:bold;margin-bottom:20px; }


/* selprompt */
#selprompt{ position:absolute;visibility:hidden}
#sptable{ width:100%;}
#spdlg{ font-size:20pt;}
#spsel{ width:95%;height:30px;font-size:20px;}

#selprompt2{ position:absolute;visibility:hidden}
#sptable2{ width:100%;}
#spdlg2{ font-size:20pt;}
#spsel2{ width:100%;height:30px;font-size:20px;}
#spprompt2{ font-size:20pt;}
#spinp2{ font-size:12pt;}
#spsecsel{ width:100%;height:30px;font-size:20px;}

/* eicinfo */
#eicinfo{ position:absolute;visibility:hidden;}
/* slider nav */
#slider { position:absolute;top:0px;left:0px;width:0px;height:0px;color:white;font:bold 1pt verdana;text-align:center;padding-top:1px;visibility:hidden;}

#xtrackbg {position:absolute; top:80px; width:60px; right:0px; height:380px;background:url(img/snbg.png);}
#trackbg {position:absolute; top:80px; width:60px; right:0px; height:380px;xbackground:url(img/snbg.png);background-color:rgba(245,245,245, 0.8);xbackground-color:rgba(245,245,245, 1.0);}

#track{position:absolute;top:0px;left:0px;width:100%;height:100%;}
#sliderInfo{ position:absolute; top:420px;left:5px;width:500px;height:100px;border:solid 1px green}

#xsliderPos{ position:absolute; top:140px; left:46%; margin-left:-40px; xwidth:80px; height:70px; font:bold 40pt Verdana;
	text-align:center;background:url(img/stp_1x1.png);color:white;visibility:hidden;-moz-border-radius:8px;
	-webkit-border-radius:8px;-khtml-border-radius:8px;border-radius:8px;padding:0 20 0 20;
	border:solid 2px green;}
#spbox{ position:absolute; top:140px; width:100%; text-align:center;visibility:hidden;}
#sliderPos{ font:bold 40pt Verdana;height:70px;
	text-align:center;background:url(img/stp_1x1.png);color:white;visibility:hidden;-moz-border-radius:8px;
	-webkit-border-radius:8px;-khtml-border-radius:8px;border-radius:8px;padding:0 20 0 20;
	display:inline-block;visibility:hidden}
	
#content{ position:absolute; top:5px; left:5px; width:300px; height:400px; border:solid 1px black; overflow-y:hidden;overflow-x:auto; display:block;-webkit-overflow-scrolling: touch;}
#xcontent{ position:absolute; top:5px; left:5px; width:300px; height:100%; border:solid 1px black; overflow:auto; display:block;-webkit-overflow-scrolling: touch;}
.anchorLabel{ font:10pt verdana; width:100%; color:black;text-align:center;}

/* cfg table */
.cfgtbl { width:100%; }
.ct { font-size: 14pt; }
.xcb{ height:15px; width:15px;-webkit-transform: scale(2,2);}
/* this works in android/ipad but ipad's are mega sized
.XXcb { height:50px; width:50px; -webkit-transform: scale(2,2);}
.cb{  height:40px; width:40px; }

/* alert dialogs */
.alertwp{  position:absolute; top:20px;left:20px; width:260px;height:260px;margin-left:auto;margin-right:auto;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background:white;border:solid 1px green;}
.alertmax{  position:absolute; top:0;left:0;height:100%;width:100%;z-index:1000;visibility:hidden;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background:url(img/stp_1x1.png)}
.xalertwpmax{  position:absolute; top:20px;left:20px; width:260px;height:260px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background:white;}
.alertwpmax{  position:absolute; top:10px;left:10px; width:97%;height:97%;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background:white;}
.alertmsg{ color:black;width:100%;font-family:verdana;font-size:16pt; text-align:center;vertical-align:center;padding:0 5 0 5;}
.xalertmsgmax{ position:absolute; color:black;top:10;left:0;width:100%;height:130;font-family:verdana;font-size:12pt;text-align:center;xvertical-align:center;}
.alertmsgmax{ position:absolute; color:black;top:20%;left:0;width:100%;height:60%;font-family:verdana;font-size:16pt;text-align:center;vertical-align:center;}
.alertbutsmax{ position:absolute; bottom:0;width:100%;text-align:center; }
.alertbuts{ position:absolute; top:150;width:100%;text-align:center; }
.xalertok{ width:104px; height:42px; background:url(img/infbut.png); color:white; font-size:30px;line-height:42px;border:none;margin-bottom:10px;}
.xxalertok{ width:104px; height:42px; background:url(img/infbut.png); color:white; font-size:26px;xline-height:42px;border:none;margin-bottom:10px;}
.alertok{ width:104px; height:42px;color:white; font-size:26px;xline-height:42px;border:none;margin-bottom:10px;-webkit-appearance:none;border-radius:7px;-webkit-border-radius:7px;background-color:#007E00;}

/* confirmmax */
.confirmmax{ position:absolute; top:0;left:0;height:100%;width:100%;z-index:1000;visibility:hidden;xleft:50%;xmargin-left: -150px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background:url(img/stp_1x1.png)}
.confirmwpmax{ position:absolute; top:20px;left:20px; width:100%;height:80%;margin-left:auto;margin-right:auto;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background:white;}
.confirmmsgmax{ position:absolute; color:#FE6601;top:10;left:0;width:100%;height:80%;font:16pt Verdana;xtext-align:center;}
.confirmbutsmax{ position:absolute; bottom:0;width:100%;text-align:center; }
.xconfirmokmax{ margin:5px; color:white;font-family:verdana;font-size:14pt; font-weight:bold;width:80px;height:70px;border:none;-webkit-appearance:none;border-radius:10px;-webkit-border-radius:10px;background:#2FFB2F;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2FFB2F', endColorstr='#008C00');background: -webkit-gradient(linear, left top, left bottom, from(#2FFB2F), to(#008C00));background: -moz-linear-gradient(top,  #2FFB2F,  #008C00);}
.confirmokmax{ margin:5px; color:white;font-family:verdana;font-size:14pt; font-weight:bold;width:80px;height:70px;border:none;-webkit-appearance:none;border-radius:10px;-webkit-border-radius:10px;background-color:#007E00;}
.xconfirmcancelmax{ margin:5px; color:white;font-family:verdana;font-size:14pt;font-weight:bold; width:130px;height:70px;border:none;-webkit-appearance:none;border-radius:10px;-webkit-border-radius:10px;background: #DB581D;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DB581D', endColorstr='#985016');background: -webkit-gradient(linear, left top, left bottom, from(#DB581D), to(#985016));background: -moz-linear-gradient(top,  #DB581D,  #985016);}
.confirmcancelmax{ margin:5px; color:white;font-family:verdana;font-size:14pt;font-weight:bold; width:130px;height:70px;border:none;-webkit-appearance:none;border-radius:10px;-webkit-border-radius:10px;background-color:rgb(156,0,0);}
/*uidpwd*/
.uidinput{ width:180px; height:40px;font-size:30px;z-index:100;}
.uidinput2{ width:180px; height:40px;font-size:30px;z-index:100;}

/* login */
.login{ position:absolute;top:180px;height:300;width:300px;z-index:1000;left:50%;margin-left:-150px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}

/* utask */
.utask{ position:absolute; top:30;height:200;width:300px;z-index:1000;visibility:hidden;
	left:50%;margin-left: -150px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background:white;
	text-align:center;}
.utaskac{ position:absolute; top:30;height:260;width:300px;z-index:1000;visibility:hidden;
	left:50%;margin-left: -150px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background:white;
	text-align:center;}
.utaskprompt{ color:#FE6601;font:16pt Verdana;}
.utaskinput{ color:black;font:16pt Verdana; width:100px;height:30px;}
.utasksel{ color:black;font-family:verdana;font-size:16pt;font-weight:bold;width:290px;height:30px;}
.utaskselw{ color:black;font-family:verdana;font-size:12pt;font-weight:bold; width:350px;}
.utaskbuts{ position:absolute; top:60;width:100%;text-align:center; }
.utaskmsg{ position:absolute; color:#FE6601;top:10;left:0;width:100%;height:30;font-family:verdana;font-size:20pt;
	text-align:center;vertical-align:center}
/* orginal buttons */
/* green */
.butbgg{ font: 12pt verdana; font-weight: bold;
        color:white;
        xbackground-image:url('img/infbut.png');
        cursor:pointer;
        border:0px;
        height:42px;
        width:104px;
	padding-bottom:2px;
	xbackground-color:transparent;
	background-color:#007E00;
	-webkit-appearance: none;
}

/* red */
.butbgr{ font: 12pt verdana; font-weight: bold;
        color:white;
        xbackground-image:url('img/outfbut.png');
        cursor:pointer;
        border:0px;
        height:42px;
        width:104px;
	padding-bottom:2px;
	xbackground-color:transparent;
	background-color:rgb(156,0,0);
	-webkit-appearance: none;
}
.xtabbutl{ position:relative; color:#FFFFFF; width:65px; height:32px; text-align:center; background:url(img/th_bt.png); background-size:65px 32px;background-repeat: no-repeat;line-height:32px; font-size:14px; font-weight:bold; margin:4px 14px 0 4px; text-shadow:1px 1px #085C8F;}
.tabbutl {
        POSITION: relative;
        text-align:center;
        WIDTH:88px;
        HEIGHT: 22px;
        COLOR: white;
        cursor:pointer;
        xbackground:white;
        background-color:transparent;
        FONT: 10pt Verdana;
        font-weight:bold;
	border:0;
        border-bottom: 3px solid transparent;
        xborder-right:1px solid rgb(56,56,56);
        border-collapse: collapse;
        background-repeat:no-repeat;
        xbackground-position: 50% 0%;
        xbackground-image:url("tabs.gif");
        padding-bottom:4px;
        xbackground-color:rgb(56,56,56);
   -webkit-appearance: none;
   -webkit-border-radius:0px;
   x-moz-border-top-right-radius:5px;
   x-webkit-border-top-right-radius:5px;
   xborder-top-right-radius:5px;
        }

.xtabbutl:active {
        POSITION: relative;
        text-align:center;
        WIDTH:88px;
        HEIGHT: 22px;
        COLOR: white;
        cursor:pointer;
        background:steelblue;
        FONT: 10pt Verdana;
        font-weight:bold;
	border:0;
        xborder-right:1px solid rgb(56,56,56);
        border-collapse: collapse;
        background-repeat:no-repeat;
        xbackground-position: 50% 0%;
        xbackground-image:url("tabs.gif");
        padding-bottom:4px;
        xbackground-color:rgb(56,56,56);
   -webkit-appearance: none;
   -webkit-border-radius:0px;
   x-moz-border-top-right-radius:5px;
   x-webkit-border-top-right-radius:5px;
   xborder-top-right-radius:5px;
        }
.tabbutls {
        POSITION: relative;
        text-align:center;
        WIDTH:88px;
        HEIGHT: 22px;
        COLOR: white;
        cursor:pointer;
        xbackground:steelblue;
        background-color:transparent;
        FONT: 10pt Verdana;
        font-weight:bold;
	border:0;
        xborder-right:1px solid rgb(56,56,56);
        border-bottom: 3px solid #1B9BFF;
        border-collapse: collapse;
        background-repeat:no-repeat;
        xbackground-position: 50% 0%;
        xbackground-image:url("tabs.gif");
        padding-bottom:4px;
        xbackground-color:rgb(56,56,56);
   -webkit-appearance: none;
   -webkit-border-radius:0px;
   x-moz-border-top-right-radius:5px;
   x-webkit-border-top-right-radius:5px;
   xborder-top-right-radius:5px;
        }

#headerspan{ }

/* New DIV and iFRAME styles */
.content { position:absolute; left:0px; top:0px; width:0%; height:0%; margin:0;padding:0; xtransition: height 300ms, width 300ms; overflow:auto; border-style:none; background-color:transparent; background:rgba(0, 0, 0, 0.5);z-index:9001; visibility: hidden; x-webkit-overflow-scrolling: touch;}
.xcontent { xposition:absolute; left:100px; top:100px; width:0%; height:0%; transition: height 3s, width 3s; overflow:auto; background-color:#111; background: rgba(0, 0, 0, 0.5);z-index:9001; visibility: hidden;}
.EDITFRAME { position: relative; top:100; width:80%; height:55%; overflow:hidden; border:1px solid #1B9BFF; border-radius:15px; visibility: hidden; z-index:9002; margin-left:auto;margin-right:auto;display:block;padding:5px;background-color:#E3E3E3;max-width:500px;max-height:800px;box-shadow: 0 0 16px rgb(0 0 0 / 12%), 0 16px 16px rgb(0 0 0 / 24%);}
/* Calendar day highlight style */
.todaydiv {
	position: absolute;
	top:-2px;
	left:1px;
	font-size:7pt;
	color:white;
}


.qtable {margin:auto;}