/** Add css rules here for your application. */
body { background: transparent url(https://pm-dev.totalmanagement.com/caq/mangrassbackgroundform.png) no-repeat center top; }

/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}


.d-fn {
	position: absolute;
border: 1px solid #888;
width: 487px;
text-align: left;
padding: 5px;
height: 103px;
background: #FEFCEA;
background: -moz-linear-gradient(top, #FEFCEA 0%, #F1DA36 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEFCEA), color-stop(100%,#F1DA36));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFCEA', endColorstr='#F1DA36',GradientType=0 );
top: 10px;
left: 10px;
padding-top: 10px;
box-shadow: 3px 3px 4px #888;
}

.d-ln {
	position: absolute;
top: 21px;
left: 227px;
width: 100px;
}

.d-co {
	position: absolute;
top: 48px;
left: 26px;
}

.d-ttl {
	position: absolute;
top: 48px;
left: 283px;
}

.d-email {
	position: absolute;
top: 76px;
left: 14px;
width: 100px;
}

.d-cnfemail {
	position: absolute;
top: 74px;
left: 216px;
width: 100px;
}

.d-ph {
	position: absolute;
top: 101px;
left: 43px;
}

.d-fx {
	display: none;
}

.d-ad1 {
	position: absolute;
border: 1px solid #888;
width: 192px;
text-align: left;
padding: 5px;
height: 106px;
top: 150px;
left: 10px;
padding-top: 10px;
background: #F0F9FF;
background: -moz-linear-gradient(top, #F0F9FF 0%, #CBEBFF 47%, #A1DBFF 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F9FF), color-stop(47%,#CBEBFF), color-stop(100%,#A1DBFF));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F9FF', endColorstr='#A1DBFF',GradientType=0 );
padding-left: 21px;
box-shadow: 3px 3px 4px #888;
}

.d-ad2 {
	position: absolute;
top: 188px;
left: 13px;
width: 100px;
}

.d-city {
	position: absolute;
top: 215px;
left: 57px;
}

.d-state {
	position: absolute;
top: 242px;
left: 50px;
}

.d-zip {
	position: absolute;
top: 243px;
left: 138px;
}

.d-pt {
	position: absolute;
border: 1px solid #888;
width: 252px;
text-align: left;
padding: 5px;
height: 106px;
top: 150px;
left: 239px;
padding-top: 10px;
padding-left: 10px;
background: white;
background: -moz-linear-gradient(top, white 0%, #F6F6F6 47%, #EDEDED 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(47%,#F6F6F6), color-stop(100%,#EDEDED));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#EDEDED',GradientType=0 );
box-shadow: 3px 3px 4px #888;
}

.d-nu {
	position: absolute;
top: 191px;
left: 252px;
width: 100px;
}

.d-wdyh {
	position: absolute;
border: 1px solid #888;
width: 482px;
text-align: left;
padding: 5px;
height: 75px;
top: 290px;
left: 9px;
padding-top: 10px;
padding-left: 10px;
background: #CDEB8E;
background: -moz-linear-gradient(top, #CDEB8E 0%, #A5C956 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CDEB8E), color-stop(100%,#A5C956));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CDEB8E', endColorstr='#A5C956',GradientType=0 );
box-shadow: 3px 3px 4px #888;
}

.d-wdyhW {
	position: absolute;
top: 300px;
left: 198px;
width: 155px;
}

.d-fnW {
	position: absolute;
top: 18px;
left: 85px;
width: 115px;
}

.d-lnW {
	position: absolute;
top: 18px;
left: 313px;
width: 115px;
}

.d-coW {
	position: absolute;
top: 45px;
z-index: 2;
left: 85px;
width: 115px;
}

.d-ttlW {
	position: absolute;
top: 45px;
left: 313px;
width: 115px;
}

.d-emailW {
	position: absolute;
top: 72px;
left: 85px;
width: 115px;
}

.d-cnfemailW {
	position: absolute;
top: 72px;
left: 313px;
width: 115px;
}

.d-phW {
	position: absolute;
top: 98px;
left: 85px;
width: 115px;
}

.d-fxW {
	display: none;
	width: 115px;
}

.d-ad1W {
	position: absolute;
top: 159px;
left: 85px;
width: 115px;
}

.d-ad2W {
	position: absolute;
top: 186px;
left: 85px;
width: 115px;
}

.d-cityW {
	position: absolute;
top: 213px;
left: 85px;
width: 115px;
}

.d-stateW {
	position: absolute;
top: 240px;
left: 88px;
width: 33px;
}

.d-zipW {
	position: absolute;
top: 240px;
left: 164px;
width: 41px;
}

.d-ptW {
	position: absolute;
top: 161px;
left: 359px;
width: 134px;
}

.d-nuW {
	position: absolute;
top: 187px;
left: 358px;
width: 134px;
}

.d-sio {
	position: absolute;
top: 329px;
left: 95px;
width: 100px;
}

.d-sioW {
	position: absolute;
top: 325px;
left: 199px;
width: 149px;
}

.d-tou {
	position: absolute;
top: 354px;
left: 14px;
width: 293px;
}

.d-submit {
	position: absolute;
top: 296px;
left: 372px;
width: 130px;
height: 80px;
font-size: 29px !important;
border: 1px solid #888;
color: #888;
background: #d6f9ff !important; /* old browsers */
background: -moz-linear-gradient(top, #d6f9ff 0%, #9ee8fa 100%) !important; /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6f9ff), color-stop(100%,#9ee8fa)) !important; /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6f9ff', endColorstr='#9ee8fa',GradientType=0 ) !important; /* ie */
}


.d-submit:hover {
position: absolute;
top: 296px;
left: 372px;
width: 130px;
height: 80px;
font-size: 29px;
border: 1px solid #888;
background: #ffa84c !important; /* old browsers */
background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%) !important; /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d)) !important; /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ) !important; /* ie */
color: white;
font-weight: bold;
}

.d-cursolW {
	position: absolute;
top: 217px;
left: 357px;
width: 135px;
}

.d-cursol {
	position: absolute;
top: 221px;
left: 252px;
width: 100px;
}

.d-toulink {
	position: absolute;
top: 353px;
left: 266px;
width: 100px;
color: white;
font-weight: bold;
cursor: pointer;
}