body#mobile, #previewer {
    font-family: helvetica, arial, sans-serif;
    font-size: 0.15in;
    /*background: #fff url(/Assets/Images/watermark-XADGEN2-tansparent.png) repeat 0 0;*/
    color: #444A4D;
    margin: 0;
    padding: 0px;
	
	
}


@media only screen and (min-width : 2.5in) {
    body#mobile {
        font-size: 0.18in;
    }
}

@media only screen and (min-width : 3.0in) {
    body#mobile {
        font-size: 0.21in;
    }
}

@media only screen and (min-width : 3.5in) {
    body#mobile {
        font-size: 0.24in;
    }
}

/* panel and an abstract widget */

.panel {
    width: 100%!important;
    max-width: 4in;
    margin: 0 auto;
	border:none!important;
    border-bottom: 1px solid #101010!important; /* same as body background color */
    background-color: white;
}

@media all and (min-width:4in) and(max-width: 5in){

.panel{width:100%;}
}

.panel .widget {
    position: relative;
	-moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box;
}
.panel .content{-moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box;}

.panel .widget .overlay {
    display: none;
}

/* The reason for this hack is to make the background for elements with margins encapsulate the entire element. */
.panel .widget::before,
.panel .widget::after {
    content: '\00A0';
    /*text-indent: -99999px;*/
    height: 0;
    display: block;
}

/* header widget */

.panel .widget.header {
    background-color: #414B53;
    color: #ffffff;
}

.panel .widget.header,
.panel .widget.header * {
    word-wrap: break-word;
}

.panel .widget.header h1,
.panel .widget.header h2,
.panel .widget.header h3,
.panel .widget.header h4,
.panel .widget.header h5,
.panel .widget.header h6 {
    margin: 0;
    padding: 0.35em;
    text-transform: none;
}

.panel .widget.header h1 {
    font-size: 1.96em;
}

.panel .widget.header h2 {
    font-size: 1.4em;
}

.panel .widget.header h3 {
    font-size: 1.12em;
}

.panel .widget.header h4,
.panel .widget.header h5,
.panel .widget.header h6 {
    font-size: 0.98em;
    font-style: italic;
}

/* text widget */
/* because of the auto-generated content before and after each widget we cannot join the margins declared below */

.panel .widget.html {
    margin: 0 0.35em 0.56em;
    word-wrap: break-word;
}

.panel .widget.html * {
    word-wrap: break-word;
}

.panel .widget.html p {
    margin: 0.56em 0 0 0;
}

/* map widget */

.panel .widget.map .map {
    text-align: center;
    padding: 0;
    border: 1px solid #555555;
    z-index: 999;
    overflow: hidden;
}

.panel .widget.map .map-desc {
    text-align: center;
    word-wrap: break-word;
}

.panel .widget.map .map img {
    display: block;
    padding: 0;
    border: 1px solid #555555
}

.panel .widget.map img.static_map {
    width: 100%;
}

/* tip-a-friend & contact widget */

.panel .widget.tipafriend form,
.panel .widget.contact form {
    margin: 0.56em 0.35em;
}

.panel .widget.tipafriend form label,
.panel .widget.contact form label {
    display: block;
    word-wrap: break-word;
}

.panel .widget.tipafriend form input[name=tipafriend] {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panel .widget.tipafriend form input[type=submit],
.panel .widget.contact form input[type=submit] {
    max-width: 100%;
}

.panel .widget.tipafriend form .msg,
.panel .widget.contact .msg {
    word-wrap: break-word;
}

.panel .widget.contact form input[type=text],
.panel .widget.contact form input[type=email],
.panel .widget.contact form input[type=tel],
.panel .widget.contact form textarea {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* survey widget */

body#mobile .panel .widget.survey > *,
#previewer .panel .widget.survey .content > * {
    padding: 0 0.35em 0.56em 0.35em;
}

.panel .widget.survey form {
    border: none;
    margin: 0;
}

.panel .widget.survey form .question {
    font-weight: bold;
    margin-top: 0.56em;
    margin-bottom: 0.28em;
    word-wrap: break-word;
}

.panel .widget.survey form .question:first-child {
    margin-top: 0;
}

.panel .widget.survey form .image {
    margin-bottom: 0.28em;
}

.panel .widget.survey form .image img {
    width: 100%;
}

.panel .widget.survey form .full-width {
    display: block;
    overflow: hidden;
    width: 100%;
    word-wrap: break-word;
}

.panel .widget.survey form .full-width input[type=checkbox],
.panel .widget.survey form .full-width input[type=radio] {
    float: left;
    width: 1.5em;
    height: 1.231em;
    margin: 0;
}

.panel .widget.survey form .full-width input[type=text] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
}

.panel .widget.survey form .full-width span {
    display: block;
    margin-left: 1.5em;
}

.panel .widget.survey form input[type=submit] {
    margin-top: 1.26em;
    max-width: 100%;
}

.panel .widget.survey .msg-after-submit {
    color: green;
    font-weight: bold;
    word-wrap: break-word;
}

/* quiz widget */

body#mobile .panel .widget.quiz > *,
#previewer .panel .widget.quiz .content > * {
    padding: 0 0.35em 0.56em 0.35em;
}

.panel .widget.quiz form {
    border: none;
    margin: 0;
}

.panel .widget.quiz form .question {
    font-weight: bold;
    margin-top: 0.56em;
    margin-bottom: 0.28em;
    word-wrap: break-word;
}

.panel .widget.quiz form .question:first-child {
    margin-top: 0;
}

.panel .widget.quiz form .image {
    margin-bottom: 0.28em;
}

.panel .widget.quiz form .image img {
    width: 100%;
}

.panel .widget.quiz form .full-width {
    display: block;
    overflow: hidden;
    width: 100%;
    word-wrap: break-word;
}

.panel .widget.quiz form .full-width input[type=checkbox],
.panel .widget.quiz form .full-width input[type=radio] {
    float: left;
    width: 1.5em;
    height: 1.231em;
    margin: 0;
}

.panel .widget.quiz form .full-width input[type=text] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
}

.panel .widget.quiz form .full-width span {
    display: block;
    margin-left: 1.5em;
}

.panel .widget.quiz form input[type=submit] {
    margin-top: 1.26em;
    max-width: 100%;
}

.panel .widget.quiz .msg-correct-answer {
    color: green;
    font-weight: bold;
    word-wrap: break-word;
}

.panel .widget.quiz .msg-wrong-answer {
    color: red;
    font-weight: bold;
    word-wrap: break-word;
}

/* image widget */

.panel .widget.image {
    position: relative;
}

.panel .widget.image img {
    border: none;
    vertical-align: middle;
    width: 100%;
}

.panel .widget.image .download-bar {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    overflow: hidden;
}

.panel .widget.image .download-bar-winCE {
    position: relative;
    background-color: #000;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    overflow: hidden;
}

.panel .widget.image .download-bar-overlay {
    background-color: #000;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0.5;
    filter: alpha(opacity = 50);
}

.panel .widget.image .download-bar-text {
    position: relative;
    padding: 0.56em 0;
}

.panel .widget.image .download-bar-text a {
    color: #fff;
    text-decoration: none;
}

/* gallery widget */

.panel .widget.gallery a img,
.panel .widget.gallery > img {
    width: 100%;
}

/* phone & sms widgets */

.panel .phone, .panel .sms {
    text-align: center;
}

.panel .phone .click-to-call, .panel .sms .click-to-call {
    text-align: center;
    border: 0.07em solid #aaa;
    margin: 0.7em;
    background-color: #76BB39;
    background-image: -webkit-gradient(linear, center top, center bottom, from(transparent), color-stop(48%, transparent), color-stop(54%, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
    background-image: -webkit-linear-gradient(top, transparent 0%, transparent 48%, rgba(0, 0, 0, 0.1) 54%, rgba(0, 0, 0, 0.1) 100%);
    background-image:    -moz-linear-gradient(top, transparent 0%, transparent 48%, rgba(0, 0, 0, 0.1) 54%, rgba(0, 0, 0, 0.1) 100%);
    background-image:     -ms-linear-gradient(top, transparent 0%, transparent 48%, rgba(0, 0, 0, 0.1) 54%, rgba(0, 0, 0, 0.1) 100%);
    background-image:      -o-linear-gradient(top, transparent 0%, transparent 48%, rgba(0, 0, 0, 0.1) 54%, rgba(0, 0, 0, 0.1) 100%);
    background-image:         linear-gradient(top, transparent 0%, transparent 48%, rgba(0, 0, 0, 0.1) 54%, rgba(0, 0, 0, 0.1) 100%);
    -webkit-border-radius: 0.7em;
    -khtml-border-radius: 0.7em;
    -moz-border-radius: 0.7em;
    border-radius: 0.7em;
    overflow: hidden;
}

.panel .phone .click-to-call .phone-text-container, .panel .sms .click-to-call .phone-text-container {
    margin-left: 2.6em;
}
.panel .phone .click-to-call .phone-text-container p, .panel .sms .click-to-call .phone-text-container p{
    margin: 0.5em 0.65em 0.5em 0;
    word-wrap: break-word;
}

.panel .phone .click-to-call .phone-icon-container, .panel .sms .click-to-call .phone-icon-container {
    width: 2.6em;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}
.panel .phone .click-to-call .phone-icon, .panel .sms .click-to-call .phone-icon {
    z-index: 8;
    width:1.3em;
    height:1.3em;
    display: block;
    margin: -0.65em auto 0;
}

.panel .phone .click-to-call a, .panel .sms .click-to-call a {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    position: relative;
}

.panel .phone .click-to-call a span, .panel .sms .click-to-call a span {
    float: right;
    display: block;
    text-align: left;
    width: 74%;
    height: auto;
    margin: 0;
    padding: 0;
    margin-top: 3%;
    margin-bottom: 3%;
    font-size:1.2em;
}

div#watermark.watermark-absolute {
    position: absolute;
    height: 2000px;
}

/* social widget */

.panel .widget.social {
    text-align: center;
    margin: 0.35em;
}

.panel .widget.social .social-widget-item  {
    position: relative;
    height: 1.94em;
}

/* video widget */

.panel .widget.video .bottom-info-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    height: 22px;
    line-height: 22px;
    background-color: black;
    color: white;
    text-align: center;
    font-size: 18px;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    z-index: 9999;
}

.panel .widget.video {
    position: relative;
}

.panel .widget.video > img,
.panel .widget.video a img {
    vertical-align: middle;
    border: none;
    width: 100%;
}

.panel .widget.video .play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -37px 0 0 -37px;
}

/* youtube widget */

.panel .widget.youtube a {
    display: block;
    position: relative;
    min-height: 84px;
}

.panel .widget.youtube img {
    width: 100%;
    border: none;
    vertical-align: middle;
}

.panel .widget.youtube a .play {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url('/images/video_overlay.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.offline {
    position: absolute;
    margin: 0 !important;
    padding: 0 !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: url('/images/watermark-offline.png') center center #eaeaea;
    background-repeat: no-repeat;
    opacity: 0.6;
    filter: alpha(opacity = 60); /* For IE8 and earlier */
}

/* Flickable wrapper */
.flickable {
    overflow: hidden;
    clear: both;
    position: relative;
}

/* Scrolling container */
.flickable > * {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/* Flickable items */
.flickable > * > * {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

/* Item indicator wrapper */
.flickableIndicator {
    text-align: center;
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-image:url("../images/dots_bg_high_end.png");
}

/* Item indicator */
.flickableIndicator span {
    display: inline-block;
    width: 0.42em;
    height: 0.42em;
    border-radius: 0.21em;
    margin: 0.14em 0.56em;
    background-color: #ccc;
    float:none;
}

/* Active item indicator */
.flickableIndicator span.flickableIndicatorActive {
    background-color: #666;
}

div.slideshowNavigation {
    position: absolute;
    top:50%;
    margin-top:-1.19em;
    width: 100%;
}

a.prevSlideButton, a.nextSlideButton {
    position: absolute;
    z-index: 101;
    cursor:pointer;
    background-repeat:no-repeat;
    background-position:center center;
    background-size: 1.75em 2.38em;
    width:1.75em;
    height:2.38em;
    text-indent:-999em;
}

a.prevSlideButton {
    left:0px;
    background-image:url(../images/arrow_left_high_end.png);
}

a.nextSlideButton {
    right:0px;
    background-image:url(../images/arrow_right_high_end.png);
}

.flickable img {
    width: 100%;
}

.clsVMSPlay{  position: relative; z-index: 1000; border:none;}
#feedContent{width:90% !important;}
/*** --- Map --- ***/
#mobile #previewer .Map  div > div{margin:5px 0;-moz-box-sizing: border-box; box-sizing:border-box;-webkit-box-sizing: border-box;}
#mobile #previewer .Map  div  > img{border:1px solid #555555;-moz-box-sizing: border-box; box-sizing:border-box;-webkit-box-sizing: border-box; width:100%;}
.footer{background:url(/Assets/Images/mobile-widget-footer.jpg) no-repeat 0 0; background-size:100% 40px; content:""; position:relative; width:100%; height:40px; display:inline-block; float:left;}
#vmsVideoPlay_wrapper,.jwplayer{width:100%!important;}
.clsButton{font-weight:bold;}
._m_pop_frame {
   background: none repeat scroll 0 0 #f6f7f8;
    border: 1px solid #ffffff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 0, 0, 0.1) inset;
    box-sizing: border-box;
    display: none;
    left: 10%;
    margin: auto 10% auto auto;
    padding: 10px;
    position: absolute;
    width: 80%;
    z-index: 1001;
}
    ._m_pop_frame h6 {
  display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    width: 100%;
    }
    ._m_pop_frame .save-btn-in {
    font-size: 12px;
    padding: 4px 28px;
     border-radius: 3px;
      -webkit-border-radius: 3px;
    }
._mo_tx {font-size: 14px; padding:10px 0!important; height:100px!important}
#divGetTermsComplete{border-top: 1px solid #ccc;
    margin-top: 11px;}