.body
{
	font-family: Tahoma;
	font-size: 12px;
	font-weight:normal;
	color: #3d526c;
	width:100px;
	min-width: 100px !important;
	vertical-align: middle;
	white-space: nowrap;
    	background-color:#00A2E8;
}

p {face:zurich bt;color:#000000;font-size: 12px;}

.labels {
    font-family: Tahoma;
    color: #555;
    width: 100%;
    min-width: 180px !important;
    vertical-align: middle;
    white-space: nowrap;
    display: block;
    margin-bottom: 3px;
    font-size: 11px;
    font-weight: 700;
}

/*.checkbox, .radio
{
	padding: 0 5px 0 0;
	display: block;
	clear: left;
	float: left;
    vertical-align: middle;
}*/
.controls{
  vertical-align: middle;
  width: 80%;
  height: 20px;
  /*background-color: #FFFFFF;*/
  color: #000;
  border: 1px solid #d9d9d9;
  font-size:12px;
  font-weight: normal;
  font-family: Tahoma;
 -moz-border-radius: 1px; 
 -khtml-border-radius: 1px; 
 -webkit-border-radius: 1px;
}
.textarea{
  vertical-align: middle;
  width: 350px;
  background-color: #FFFFFF;
  color: #646464;
  border: 1px solid #d9d9d9;
  font-size:12px;
  font-weight: normal;
  font-family: Tahoma;
 -moz-border-radius: 1px; 
 -khtml-border-radius: 1px; 
 -webkit-border-radius: 1px;
}
.chatarea{
  vertical-align: middle;
  width: 470px;
  background-color: #FFFFFF;
  color: #646464;
  border: 1px solid #d9d9d9;
  font-size:12px;
  font-weight: normal;
  font-family: Tahoma;
 -moz-border-radius: 1px; 
 -khtml-border-radius: 1px; 
 -webkit-border-radius: 1px;
}
.queryarea{
  vertical-align: middle;
  width: 300px;
  background-color: #FFFFFF;
  color: #646464;
  border: 1px solid #d9d9d9;
  font-size:12px;
  font-weight: normal;
  font-family: Tahoma;
 -moz-border-radius: 1px; 
 -khtml-border-radius: 1px; 
 -webkit-border-radius: 1px;
}
.MandatoryMark{color:red;}
 .header{background:url(../resources/images/chathome2.png) no-repeat; width:969px;height:578px;position:relative;border:solid 0px black;}

#topwrapper {width:450px; height:200px; position:relative;padding:310px 0px 0px 100px;border:solid 0px black;
             font-family: Tahoma;
	font-size: 12px;
	font-weight:normal;
	color: #3d526c;
	white-space: nowrap;
}
.topwrapper-survey {
    width:450px; 
    height:200px; 
    position:relative;
    padding:150px 0px 0px 100px;
    border:solid 0px black;
    font-family: Tahoma;
    font-size: 12px;
    font-weight:normal;
    color: #3d526c;
    white-space: nowrap;
}
.topwrapper-callback {
    width:100%; 
    height:200px; 
    position:relative;
    /*padding:150px 0px 0px 100px;*/
    padding: 0 0px 0px 20px;
    border:solid 0px black;
    font-family: Tahoma;
    font-size: 12px;
    font-weight:normal;
    color: #3d526c;
    white-space: nowrap;
}
.topwrapper-SurveyFeedback {
    width:450px; 
    height:200px; 
    position:relative;
    padding:150px 0px 0px 100px;
    border:solid 0px black;
    font-family: Tahoma;
    font-size: 12px;
    font-weight:normal;
    color: #3d526c;
    white-space: nowrap;
}
.topwrapper-CallbackFeedback {
    width:450px; 
    height:200px; 
    position:relative;
    padding:150px 0px 0px 100px;
    border:solid 0px black;
    font-family: Tahoma;
    font-size: 12px;
    font-weight:normal;
    color: #3d526c;
    white-space: nowrap;
}

#wrapper {width:470px; min-height:30px; position:relative;}
.float {margin:0; padding:0; color:#000;vertical-align: middle;}
.left { width:100px;display:inline-block;}
.right {float:right; width:300px;}
.flt {min-height:20px;margin-top:5px; padding:0; color:#000;vertical-align: top;}
.fltbtn {min-height:20px;margin-top:90px; padding:0px 0px 0px 0px; color:#000;vertical-align: top;}
.full { width:300px;}
.button { float:right; vertical-align:top;}
.btn { float:right; vertical-align:top;margin-top:30px;padding-left:80px;}

#surveywrapper {width:525px; min-height:30px; position:relative;}
#surveywrapper-feedback {width:525px; min-height:70px; position:relative;}
.s-float {height:20px; margin:0; padding:0; color:#000;vertical-align: middle;}
.s-left { width:380px;display:inline-block;}
.s-right {float:right; width:70px;}
.s-flt {min-height:20px;margin-top:5px; padding:0; color:#000;vertical-align: top;}
.s-full { width:300px;}
.button { float:right; vertical-align:top;}

.headertext{
    position:relative;
    font-size:22px;
    color:#60DE21 !important;
    font-weight:bold;
    font-family: Arial;
    left:10px;
    top:0px;
}

.watermarkClass
{
  font-style:italic;
  color:#999;
  vertical-align: middle;
  width: 511px;
  height: 20px;
  /*background-color: #FFFFFF;*/
  border: 1px solid #d9d9d9;
  font-size:12px;
  font-weight: normal;
  font-family: Tahoma;
 -moz-border-radius: 1px; 
 -khtml-border-radius: 1px; 
 -webkit-border-radius: 1px;
}
.normaltext
{
/*  vertical-align: middle;
  width: 100%;
  height: 20px;
  color: #000;
  border: 1px solid #d9d9d9;
  font-size:12px;
  font-weight: normal;
  font-family: Tahoma;
 -moz-border-radius: 1px; 
 -khtml-border-radius: 1px; 
 -webkit-border-radius: 1px;*/
    border: none;
    border-radius: 6px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    height: 28px;
    font-size: 13px;
    width: 292px;
    padding: 6px 12px;
}
.validationborder{
  color: #000;
  border: 1px solid #FF0000;
    border-radius: 6px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    height: 28px;
    font-size: 13px;
    width: 292px;
    padding: 6px 12px;
}