.ui-page-theme-a #loginform .ui-btn,.ui-page-theme-a  #chkform .ui-input-btn   {
background: #4fbcf4 !important; /* Old browsers */
background: -moz-linear-gradient(top,  #4fbcf4 0%, #51bcf4 40%, #49b4ea 45%, #3da8de 50%, #2e98cc 69%, #2b93c8 76%, #2b93c8 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4fbcf4), color-stop(40%,#51bcf4), color-stop(45%,#49b4ea), color-stop(50%,#3da8de), color-stop(69%,#2e98cc), color-stop(76%,#2b93c8), color-stop(100%,#2b93c8)) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4fbcf4 0%,#51bcf4 40%,#49b4ea 45%,#3da8de 50%,#2e98cc 69%,#2b93c8 76%,#2b93c8 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4fbcf4 0%,#51bcf4 40%,#49b4ea 45%,#3da8de 50%,#2e98cc 69%,#2b93c8 76%,#2b93c8 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4fbcf4 0%,#51bcf4 40%,#49b4ea 45%,#3da8de 50%,#2e98cc 69%,#2b93c8 76%,#2b93c8 100%) !important; /* IE10+ */
background: linear-gradient(to bottom,  #4fbcf4 0%,#51bcf4 40%,#49b4ea 45%,#3da8de 50%,#2e98cc 69%,#2b93c8 76%,#2b93c8 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fbcf4', endColorstr='#2b93c8',GradientType=0 ) !important; /* IE6-9 */
color:#fff !important;
  text-shadow: none !important;
}

.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {background-color:#fff}

span.disabled {opacity:.8 !important;pointer-events:none}
  span.disabled *  {pointer-events:none}
html {font-size:10px}
body { background:#fff;font-size:1.4rem}
#toploggedhldr {left:0;width:100%;height:50px;position:fixed;;z-index:999999}
#toploged {padding:0px 5px;height:50px;border-bottom:2px solid #d5d5d4;margin:0 auto;
 width:100%;max-width:470px;  text-align:left;background:#fff;z-index:99999;display:block;position:relative}
 

 
#toploged a.logout {margin-top:10px;float:right;display:inline-block;font-size:1.2rem;line-height:2.5rem;padding:0px 5px;background:#c2c2be;color:#fff;
text-decoration:none;margin-right:5px}
#toploged img.logo {float:left;margin-right:5px}
#toploged img.chrchf {margin-top:5px}
#toploged .lbl {color:#0d95d3;font-size:1.2rem;display:inline-block;padding:0px 3px}
#toploged .lbl b {color:#a8b935}


 #mnucnt  {display:none;position:fixed;width:270px;padding:10px;background:#fff;border:1px solid #4eb9ef;
              top:39px;z-index:9999991 ;position:absolute;right:15px}
     a.mnu  {border:1px solid #4eb9ef;float:right; top:9px;height:29px;z-index:9999992;position:absolute;right:15px}
     a.mnu.op {border-bottom:1px solid #fff;}
     a.mnu img {padding:5px 5px 2px 5px}
    #mnucnt a {display:block;font-size:1.4rem;font-weight:normal;color:#4eb9ef;border-bottom:1px solid #43b9ef;text-decoration:none;line-height:4rem;
    background:url(../images/ar.png) no-repeat right center;padding-left:7px}

.rowl {font-family:arial;border-bottom:1px dotted #0366a1;color:#0366a1;font-size:1.2rem;line-height:1.8rem;text-align:left;padding:5px;
        margin:5px;background:url(../images/arr_r.png) no-repeat right 10px}
        
.rowl span.d {color:#00baf2;line-height:1.8rem;display:block}
.rowl span.l {color:#b0b5b0;font-size:1.4rem;line-height:1.8rem;display:block}
.rowl span.l span.l1 {font-weight:bold}
.rowl span.l span.l2 {font-size:1.6rem;color:#9bae16;font-weight:bold}
.rowl .desc {display:none;padding:5px 0px}
.rowl .fakeuplbtt {position:absolute;color:#ccc;font-size:1.8rem;padding-left:60px;line-height:52px;background:url(../images/attach_ico.png) no-repeat;}
.fuplform div.ui-input-text {opacity:0}
.rowl .desc a.long,a.bluebut {display:inline-block;width:100%;text-align:center;text-decoration:none;font-size:2rem;line-height:4.2rem;
background: #4fbcf4; /* Old browsers */
background: -moz-linear-gradient(top,  #4fbcf4 0%, #51bcf4 40%, #49b4ec 45%, #3da8de 50%, #2e98cc 69%, #2b93c8 79%, #2b93c8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4fbcf4), color-stop(40%,#51bcf4), color-stop(45%,#49b4ec), color-stop(50%,#3da8de), color-stop(69%,#2e98cc), color-stop(79%,#2b93c8), color-stop(100%,#2b93c8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4fbcf4 0%,#51bcf4 40%,#49b4ec 45%,#3da8de 50%,#2e98cc 69%,#2b93c8 79%,#2b93c8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4fbcf4 0%,#51bcf4 40%,#49b4ec 45%,#3da8de 50%,#2e98cc 69%,#2b93c8 79%,#2b93c8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4fbcf4 0%,#51bcf4 40%,#49b4ec 45%,#3da8de 50%,#2e98cc 69%,#2b93c8 79%,#2b93c8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4fbcf4 0%,#51bcf4 40%,#49b4ec 45%,#3da8de 50%,#2e98cc 69%,#2b93c8 79%,#2b93c8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fbcf4', endColorstr='#2b93c8',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 5px; border-radius: 5px;
padding:0px 2rem ;
margin-top:10px;
color:#fff !important;
text-shadow:none;
-moz-text-shadow:none;
-webkit-text-shadow:none;
box-sizing:border-box;


}
 .rowl a.img {background:none;border:3px solid #fff;-webkit-box-shadow: 0 0 5px -1px #8A8A8A;
box-shadow: 0 0 5px -1px #8A8A8A;display:inline-block;width:50px;height:50px;overflow:hidden}
 .rowl a.img {max-width:50px;min-height:50px;padding:0px;margin:5px}


 .rolesel {margin-left:120px;float:left;color:#043368;margin-top:-22px;font-weight:bold}

 .rowl.open {background:url(../images/arr_d.png) no-repeat right 10px} 
 
.rowl.ended {color:#999;background:url(../images/arr_rg.png) no-repeat right 10px}
.rowl.ended span {color:#999999 !important }




#projecttotal {z-index:-1;max-width:470px;width:100%;position:fixed;margin:0 auto;background:#dbf1f9;color:#3daadc;font-size:1.6rem;
font-weight:bold;line-height:3.5rem; text-align:left;padding-left:10px;top:52px;z-index:99999;box-sizing:border-box}
#projectparts  {max-width:470px;margin:0 auto;}

#projecttotal span {color:#9bae16;font-size:2.4rem;line-height:3.5rem;float:right;padding-right:10px;}
#projecttotal span b { }
#projecttotalhld {background:#fff; width:100%;left:0;top:52px;padding:0px 0px;z-index:9999 } 
   
h2 {font-size:18px;color:#666666;text-align:left}

.detailsrow {clear:both;margin-bottom:.5rem;text-align:left;font-size:1.4rem;color:#999999;min-height:4.2rem;line-height:4.2rem}
.detailsrow .fields {float:right;}
.detailsrow .inputhld {width:5rem;display:inline-block;height:3.2rem}
 .detailsrow .inputhld div {-webkit-border-radius:0 !important;border-radius:0 !important;}
 .detailsrow .inputhld input {text-align:center;-webkit-border-radius:0 !important;border-radius:0 !important;padding-top:0 !important;padding-bottom:0 !important}

 .ui-select .ui-btn  {text-align:left !important;font-size:1.4rem;color:#999999}
.partpr{margin-top:5px;color:#3AA3DA;line-height:4rem;font-size:1.4rem;text-align:left;height:4.5rem;margin-bottom:5px;padding-left:10px;border-bottom:1px solid #ccc}                                
 .partpr span {float:right;font-size:2rem;font-weight:bold;line-height:3rem}
 .partpr a.gray { opacity:.5} 


 .pmpartpr  {padding-bottom:10px;margin-top:5px;color:#3AA3DA;line-height:4rem;font-size:1.5rem;font-weight:bold;text-align:left;min-height:4.5rem;margin-bottom:5px;padding-left:10px;border-bottom:1px dotted #ccc}
 .pmpartpr span {float:right}
 
 
 
 .rowls {color:#3AA3DA;line-height:4rem;font-size:1.4rem;text-align:left;height:4.5rem;margin-bottom:5px;padding-left:10px;border-bottom:1px solid #ccc}                  
 .rowls span {float:right;font-size:2rem;font-weight:bold;line-height:4.5rem;padding-right:10px}
 .rowls a.gray {margin-right:10px;opacity:.5}
 
 ul.wrkm {margin:0;padding:0;list-style-image:none;list-style-type:none;}
 ul.wrkm li {font-weight:bold;color:#999;font-size:1.4rem;line-height:4rem;border-bottom:1px dotted #999;text-align:left;
 background:url(../images/grplus.png) no-repeat 99% 15px ;padding-left:10px}
 ul.wrkm li.open {background:#efefee url(../images/grminus.png) no-repeat 99% 15px} 

  ul.wrkm li ul {margin:0;padding:0;list-style-image:none;list-style-type:none;  }
  ul.wrkm li ul li {font-weight:bold;border:0;padding-left:15px;background-image:none;line-height:3rem}  
  ul.wrkm li ul li a {text-decoration:none;color:#666 !important}
    
    a.arrg {text-decoration:none;text-align:left;font-weight:normal;display:block;font-size:24px;color:#ccc;padding-left:60px;background:url(../images/arr_lg.png) no-repeat 20px center;line-height:50px;}
    
  .green-icon.ui-btn-icon-left:after, 
  .green-icon.ui-btn-icon-right:after, 
  .green-icon.ui-btn-icon-top:after, 
  .green-icon.ui-btn-icon-bottom:after, 
  .green-icon.ui-btn-icon-notext:after  {
          background-color:#97ae05;
  }
  
  .checklist.ui-field-contain .ui-controlgroup-label { width:85%}
   .checklist.ui-field-contain .ui-controlgroup-controls  {width:10%;float:right}
  @media only screen and (max-width: 800px) {
  
        html {font-size:12px}
        #pghldpdng {padding: 0px 10px}
  }
  
  @media only screen and (max-width: 330px) {
   .rolesel {margin-left:160px;float:left;color:#043368;margin-top:-48px;font-weight:bold}
     .xs {display:none}
  }
  
  
  .ui-field-contain.longer-label > label {width:30%}
  
  
  
  
  div.hasDatepicker {
	display: block;
	padding: 0;
	overflow: visible;
	margin: 8px 0;
	max-width:340px
}
.ui-datepicker {
	overflow: visible; margin: 0;
  z-index:9999999 !important;
}
.ui-datepicker .ui-datepicker-header {
	position:relative;
	padding:.6em 0;
	border-bottom: 0;
	font-weight: bold;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	padding: 1px 0 1px 2px;
	position:absolute;
	top: .6em;
	margin-top: 0;
	text-indent: -9999px;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	vertical-align: middle;
	margin-right: .625em;
	width: 1.75em;
	height: 1.75em;
	white-space: nowrap !important;
}
.ui-datepicker .ui-datepicker-prev:after,
.ui-datepicker .ui-datepicker-next:after {
	left: 50%;
	margin-left: -11px;
	top: 50%;
	margin-top: -11px;
	content: "";
	position: absolute;
	display: block;
	width: 22px;
	height: 22px;
	background-color: rgba(0,0,0,.3) /*{global-icon-disc}*/;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-border-radius: 1em;
	border-radius: 1em;
}
.ui-datepicker .ui-datepicker-next:after{
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214%2C7%207%2C0%207%2C5%200%2C5%200%2C9%207%2C9%207%2C14%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-datepicker .ui-datepicker-prev:after{
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%227%2C5%207%2C0%200%2C7%207%2C14%207%2C9%2014%2C9%2014%2C5%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ui-datepicker .ui-datepicker-prev {
	left:9px;
}
.ui-datepicker .ui-datepicker-next {
	right:2px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size:1em; margin:1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	border-collapse: collapse;
	margin:0;
}
.ui-datepicker td {
	border-width: 1px;
	padding: 0;
	border-style: solid;
	text-align: center;
	min-width: 41px;
}
.ui-datepicker td span,
.ui-datepicker a {
	display: block;
	text-align: center;
	text-decoration: none;
	/* from .ui-btn class */
	font-size: 16px;
	position: relative;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-decoration: none !important;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
}
.ui-datepicker td a {
	padding: .2em 0;
	font-weight: bold;
	margin: 0;
	border-width: 0;
}
.ui-datepicker-calendar th {
	padding-top: .4em;
	padding-bottom: .4em;
	border-width: 1px;
	border-style: solid;
}
.ui-datepicker-calendar th span,
.ui-datepicker-calendar span.ui-state-default {
	opacity: .7;
}
.ui-datepicker-calendar td a,
.ui-datepicker-calendar td span {
	padding: .6em .5em;
}
.ui-datepicker .ui-state-disabled {
	opacity: 1;
}
.ui-datepicker.ui-corner-all,
.ui-datepicker .ui-datepicker-header.ui-corner-all {
	border-radius: 0;
	-webkit-border-radius: 0;
}

.ui-datepicker .ui-datepicker-current-day a.ui-btn-active {color:#888}


a.roundb {width:4.2rem !important;
padding:0 !important;-webkit-border-radius:2.1rem !important; 
border-radius:2.1rem !important;
text-align:center !important;margin-top:0px !important}


a.gray {background: #b9b9b9; /* Old browsers */
background: -moz-linear-gradient(top,  #b9b9b9 0%, #bababa 40%, #ababab 50%, #a0a0a0 67%, #9c9c9c 76%, #9c9c9c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9b9b9), color-stop(40%,#bababa), color-stop(50%,#ababab), color-stop(67%,#a0a0a0), color-stop(76%,#9c9c9c), color-stop(100%,#9c9c9c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b9b9b9 0%,#bababa 40%,#ababab 50%,#a0a0a0 67%,#9c9c9c 76%,#9c9c9c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b9b9b9 0%,#bababa 40%,#ababab 50%,#a0a0a0 67%,#9c9c9c 76%,#9c9c9c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b9b9b9 0%,#bababa 40%,#ababab 50%,#a0a0a0 67%,#9c9c9c 76%,#9c9c9c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b9b9b9 0%,#bababa 40%,#ababab 50%,#a0a0a0 67%,#9c9c9c 76%,#9c9c9c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9b9b9', endColorstr='#9c9c9c',GradientType=0 ); /* IE6-9 */
}
a.green {background: #97AE05; /* Old browsers */
 }
a.orange {background: #cc6600; /* Old browsers */
 }

div.gearstoggler {float:left;margin-top:5px;position:relative}

div.gearstoggler span {display:none;width:80%;border:1px solid #4EB9EF;padding:5px;position:absolute;background:#fff;
width:300px;z-index:9998;left:0;top:29px;z-index:9999}
div.gearstoggler span a.blvk {display:block;background: url("../images/ar.png") no-repeat scroll right center rgba(0, 0, 0, 0);
border-bottom: 1px solid #43b9ef;
color: #4eb9ef;
display: block;
font-size: 1.4rem;
font-weight: normal;
line-height: 4rem;
padding-left: 7px;
text-decoration: none;}
div.gearstoggler img.icon {border:1px solid #c1c1c1;z-index:9999;position:absolute}
div.gearstoggler.sel img.icon {border:1px solid #43b9ef;border-bottom-color:#fff}

div.gearstoggler span a.img {overflow:hidden !important;border:0px; width:60px;height:60px; display:inline-block;overflow:hidden;
margin-right:5px;margin-top:5px;border:1px solid #43b9ef}
div.gearstoggler span a.img img {width:100px}


a.whitebgr { color:#ccc !important;border:2px solid #ccc;background:#fff;}

table.installer td {font-size:10px;text-align:left;  }
table.installer td.summ {font-weight:bold;text-align:left; border-bottom:1px dotted #999}
 table.installer th {font-size:10px;}
 
 
 input.qtinput  {width:30px;}
 
 
 .rowl.disabled {opacity:.5;pointer-events:none;}