.mainlayout
{
}

.infotext
{
    font-family: Arial;
    font-size: 13px;
    color: #999999;
    border: 0;
    font-weight: normal;
}

.infotext2
{
    font-family: neosansbold;
    font-size: 14px;
    color: #3f3f3f;
    border: 0;
}
/*.inputfieldtext {
	font-family: Arial;
	font-size: 13px;
	color: #999999;
	border: none;
	height: 16px;
	vertical-align:middle;
	font-weight:bold;
	display:block;
	font-family: Neo-Sans-Medium;
  font-size: 12px;
  color: #3f3f3f;
  font-weight: normal;
}*/

/*.inputfieldMobNo {
	font-family: Arial;
	font-size: 11px;
	color: #999999;
	border: none;
	height: 16px;
	width:73px;
	vertical-align:middle;
	font-weight:bold;
}*/
/*.selectionMobcode {
	font-family: Arial;
	font-size: 11px;
	color: #999999;
	border: 1;
	height: 16px;
	width:45px;
	vertical-align:middle;
	font-weight:bold;
}*/
/*.inputfieldEmail {
	font-family: Arial;
	font-size: 13px;
	color: #999999;
	border: none;
	height: 16px;
	width:330px;
	vertical-align:middle;
	font-weight:bold;
	padding-left:3px;
}*/
.infoSurveytext
{
    font-family: Arial;
    font-size: 13px;
    color: #999999;
    border: 0;
}
.Inputtext
{
    bgcolor: #ffffff;
    width: 120;
    height: 25;
}
.InputEmail
{
    bgcolor: #ffffff;
    width: 340;
    height: 25;
}
.tableOne
{
    bordercolor: #CCCCCC;
}

.tableTwo
{
    bgcolor: #d0d9d1;
    bordercolor: #d0d9d1;
}

.tabletwoRowone
{
    bgcolor: #e6f1e7;
}

.tabletwoRowtwo
{
    bgcolor: #ffffff;
}

.tableThree
{
    bgcolor: #d0d9d1;
}

.TableFour
{
    bordercolor: #d0d9d1;
}

.footer
{
    background: transparent url(Images/footer.png);
    width: 500;
    height: 33;
    background-position: right;
}

.sendbutton
{
    background: transparent url(Images/sendbutton.jpg) no-repeat;
    width: 52;
    height: 23;
}

.hdBanner
{
    background: transparent url(Images/hdBanner.jpg) no-repeat;
    width: 500;
    height: 57;
}

.HeaderStrip
{
    background: transparent url(Images/HeaderStrip.jpg) no-repeat;
    width: 500px;
    height: 30px;
    background-position: right;
}

.MessageTextArea
{
    vertical-align: middle;
    background-color: #FFFFFF;
    color: #999999;
    border: 0px solid #d9d9d9;
    font-size:12px;
    font-family: Arial;
    font-weight: bold;
    -moz-border-radius: 1px;
    -khtml-border-radius: 1px;
    -webkit-border-radius: 1px;
    padding-right:3px;
}

.CommentMessageTextArea
{
    vertical-align: middle;
    background-color: #FFFFFF;
    color: #999999;
    border: 0px solid #d9d9d9;
    font-size:11px;
    font-family: Arial;
    font-weight: bold;
    -moz-border-radius: 1px;
    -moz-box-sizing: border-box;
    -khtml-border-radius: 1px;
    -webkit-border-radius: 1px;
    -webkit-box-sizing: border-box;
    padding-left:3px;

    box-sizing: border-box;
    display:block;
}

textarea {
    resize: none;
}

.ChatTextBold
{


    font-family: Arial;
    font-size: 13px;
    padding-left: 0px;
    vertical-align: middle;
    text-align: left;
    font-weight:bold;

}

.BotTextBold
{

    /*
	font-family: Arial;
	font-size: 13px;
	padding-left: 0px;
	vertical-align: middle;
	text-align: left;
	font-weight:bold;
*/
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(5%, #ffffff), to(#f6f6f6));
    background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
    background-color:#ffffff;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#666666;
    font-family:Arial;
    font-size:13px;
    font-weight:bold;
    padding:15px 20px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
    text-align:left;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    max-width: 250px;
}
.ChatTextNormal
{

    font-family: Arial;
    font-size: 13px;
    padding-left: 0px;
    vertical-align: middle;
    text-align: left;

}

.BotTextNormal
{
    /*
	font-family: Arial;
	font-size: 13px;
	padding-left: 0px;
	vertical-align: middle;
	text-align: left;
	*/
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(5%, #ffffff), to(#f6f6f6));
    background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
    background-color:#ffffff;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#666666;
    font-family:Arial;
    font-size:13px;

    padding:15px 20px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
    text-align:left;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    max-width: 250px;
}

.TranscriptBody
{
    font-family: Arial;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    margin:	0px;
    border: 0px;
    cursor: default;
    border-style: none solid solid;
    background-color: #FFFFFF;
}

.labeltext {
    font-family: Arial;
    font-size: 13px;
    color: #006f3c;
    font-weight:bold;
}

.labeltextCusType {
    font-family: Arial;
    font-size: 13px;
    color: #006f3c;
    font-weight:bold;
    padding-top:7px;
    padding-left:3px;
}

.BannerStyle
{
    font-family: Arial;
    font-size: 11px;
    font-weight:bolder;
    font-style:normal;
    color: #FFFFFF;
}

.FooterText
{
    /*font-family: Arial;*/
    font-size: 11px;
    color: #FFFFFF;
    /*font-weight: bold;*/
}
.RadioButton
{
    font-family: Arial;
    font-size: 11px;
    color: #999999;
    border: none;
    font-weight:bold;
    vertical-align:middle;
    width:12px;
    height:12px;
}
.SelectOption
{
    /*font-family: Arial;
    font-size: 13px;
    color: #999999;	*/

    background:#fff;
    -webkit-appearance: none;
    width: 100%;
    padding: 7px 10px 8px 10px;
    /* color: #545454;*/
    outline: 0;
    border: 1px solid #CCC;
    /* border-radius: 50px;*/
    -webkit-box-shadow: -1px 0 24px 6px rgba(0,0,0,.06);
    box-shadow: -1px 0 24px 6px rgba(0,0,0,.06);
    margin:0;
    background:url('../img/dd-arrow.png') center right no-repeat #fff;
    background-position:99% 50%;

}
.SurveyHeaderText {
    font-family: Arial;
    font-size: 11px;
    color: #006f3c;
    border: none;
    text-align:center;
    vertical-align:middle;
    font-weight:bold;
}
.SurveyRowText {
    font-family: Arial;
    font-size: 11px;
    color: #006f3c;
    border: none;
    vertical-align:middle;
    font-weight:bold;
}
.TypingMessage
{
    font-family: Arial;
    font-size: 13px;
    padding-left: 0px;
    vertical-align: top;
    text-align: left;
}
.MandatoryMark
{
    font-family: Arial;
    font-size: 12px;
    font-weight:bold;
    color: #FF0000;
}

.menubutton {
    -webkit-box-shadow:inset 0px 1px 0px 0px #3dc21b;
    box-shadow:inset 0px 1px 0px 0px #3dc21b;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #44c767), color-stop(1, #5cbf2a));
    background:-webkit-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
    background:-o-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(5%, #44c767), to(#5cbf2a));
    background:linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#44c767', endColorstr='#5cbf2a',GradientType=0);
    background-color:#44c767;
    border-radius:10px;
    border:1px solid #18ab29;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:15px;
    font-weight:bold;
    padding:8px 18px;
    text-decoration:none;
    text-shadow:0px 1px 0px #2f6627;
    width:200px;
    text-align:center;
}
.menubutton:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cbf2a), color-stop(1, #44c767));
    background:-webkit-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
    background:-o-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(5%, #5cbf2a), to(#44c767));
    background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cbf2a', endColorstr='#44c767',GradientType=0);
    background-color:#5cbf2a;
}
.menubutton:active {
    position:relative;
    top:1px;
}


.menubuttonlight {
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
    background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(5%, #f9f9f9), to(#e9e9e9));
    background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
    background-color:#f9f9f9;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    color:#666666;
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
    padding:8px 18px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
    width:250px;
    text-align:center;
}

.menubuttonlight:active {
    position:relative;
    top:1px;
}

.menubuttonlight:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
    background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(5%, #e9e9e9), to(#f9f9f9));
    background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
    background-color:#e9e9e9;
}

.backbox {
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(5%, #ffffff), to(#f6f6f6));
    background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
    background-color:#ffffff;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#666666;
    font-family:Arial;
    font-size:15px;
    font-weight:bold;
    padding:15px 20px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
    text-align:center;
}


.backbox:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
    background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(5%, #f6f6f6), to(#ffffff));
    background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
    background-color:#f6f6f6;
}

.smalltitle
{
    color:#666666;
    font-family:Arial;
    font-size:12px;
    border-bottom:0px solid #dcdcdc;
    display:inline-block;
    padding:12px 16px;
    text-align:center;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    max-width: 250px;



}