/** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */



h1 {
  color: #008000;	
  font: bold 16px tahoma, arial, helvetica, sans-serif;
  margin-top: 10px;  
  padding-top: 3px;
  padding-right: 3px;
  padding-left: 3px;
  padding-bottom: 3px;
  text-align: center;
  position: absolute;

  left: 50%;
  width: 200px;
  margin-left: -100px;
  top: 50%;
}

h5 {
  color: #FF0000;	
  font: bold 16px tahoma, arial, helvetica, sans-serif;
  margin-top: 10px;  
  padding-top: 3px;
  padding-right: 3px;
  padding-left: 3px;
  padding-bottom: 3px;
  text-align: center;
  position: absolute;

  left: 50%;
  width: 200px;
  margin-left: -100px;
  top: 50%;
}

.sty1 {
  color:  #777777;
  font: bold 14px tahoma, arial, helvetica, sans-serif;
  border: 1px solid #777777;
  margin-top: 50px;
  padding-top: 10px;
  text-align: center;
  height:300px;
  width:700px;
  position: absolute;
  bottom: 10%;
  left: 50%;
  margin-left: -350px;
margin-top: -100px;
}

INPUT#tb1 {
  color:  #777777;
  font: normal 16px tahoma, arial, helvetica, sans-serif;
/**  border: 1px solid #777777;  */
  padding-top: 5px;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 5px;  
  margin-top: 25px;
  width: 700px;
  position: absolute;
  left:50%;
  margin-left:-350px;
}

INPUT#tb2 {
  color:  #FF0000;
  font: normal 16px tahoma, arial, helvetica, sans-serif;
/**  border: 1px solid #FF0000;*/
  padding-top: 5px;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 5px;  
  margin-top: 25px;
  width: 700px;
  position: absolute;
  left:50%;
  margin-left:-350px;
}

textarea#ta1 {
  color:  #777777;
  font: normal 16px tahoma, arial, helvetica, sans-serif;

  padding-top: 5px;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 5px; 
  margin-top: 100px; 
  height:350px;
  width:700px;
  position: absolute;
  left: 50%;
  margin-left: -350px;

}

INPUT#bt1 {
  color: #000000;	
  font: normal 16px tahoma, arial, helvetica, sans-serif;
  margin-top: 80px;  
  padding-top: 3px;
  padding-right: 3px;
  padding-left: 3px;
  padding-bottom: 3px;
  text-align: center;
  position: absolute;

  left: 50%;
  width: 200px;
  margin-left: 163px;
  top: 730px;
} 
INPUT#bt2 {
  color: #000000;	
  font: normal 16px tahoma, arial, helvetica, sans-serif;
  margin-top: 80px;  
  padding-top: 3px;
  padding-right: 3px;
  padding-left: 3px;
  padding-bottom: 3px;
  text-align: center;
  position: absolute;

  left: 50%;
  width: 200px;
  margin-left: -40px;
  top: 730px;
} 

INPUT#pb1 {
  color: #000000;	
  font: normal 16px tahoma, arial, helvetica, sans-serif;
  margin-top: 10px;  
  padding-top: 3px;
  padding-right: 3px;
  padding-left: 3px;
  padding-bottom: 3px;
  text-align: center;
  position: absolute;
  /**background:#fff url(logo_su.gif);*/
 
/**height: 100px;*/
  left: 50%;
  width: 400px;
  margin-left: -200px;
  top: 50%;
} 

h2 {
 
  margin-top: 80px;  
  position: absolute;
  left: 50%;
  width: 200px;
  margin-left: -270px;
  top: 726px;
} 
h3 {
 color:  #777777;
  position: absolute;
  text-align: center;  
  font: normal 12px tahoma, arial, helvetica, sans-serif;
  right: 7px;
/**  bottom: 0px; */
top : 887px;
}

h4{
 
  position: absolute;
  text-align: center;  
  font: normal 12px tahoma, arial, helvetica, sans-serif;
  left: 7px;
/**  bottom: 0px; */
bottom : 10px;
} 

h8{
 
  position: absolute;
  text-align: center;  
  font: normal 12px tahoma, arial, helvetica, sans-serif;
  right: 87px;
/**  bottom: 0px; */
top : 0px;
color:  #777777;
}


h9 {
 
  position: absolute;
  text-align: center;  
  font: normal 12px tahoma, arial, helvetica, sans-serif;
  right: 15px;
/**  bottom: 0px; */
top : 0px;
color:  #777777;
}

h10{
 
  position: absolute;
  text-align: center;  
  font: normal 12px tahoma, arial, helvetica, sans-serif;
  right: 140px;
/**  bottom: 0px; */
top : 0px;
color:  #777777;
}


.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;
}