﻿.footer{  text-align:left;}
div.field    
{
    padding:5px 5px 10px 5px; margin:0px 5px 5px 5px; clear:both;
    /*border-bottom:1px inset #D3D3EA;  -moz-box-shadow:0 4px 4px -3px #D3D3EA;
    -webkit-box-shadow:0 4px 4px -3px #D3D3EA;
    box-shadow:0 4px 4px -3px #D3D3EA;
    border:2px solid #F9F9F9;*/
}
div.header{ margin:0px 5px 0px 11px}div.formfield{  display:block; padding:5px 5px 10px; margin:5px; clear:both; border-bottom:1px dotted #ccc}span.description{font-size:90%}span.req{  color:red !important;   margin:2px 0 0 2px}span.error{    display:none}div.field-label{font-size:16px !important; font-weight:bold !important;   margin:5px 0 10px 0 !important;   display:block !important}span.ui-btn-inner{  padding:0.6em 11px; }div.ValError{color:Red; display:block; font-size:80%; text-align:center}#ctlPrev{ float:left}#ctlNext{ margin-left:30px}ul.stitle{ padding:0;margin:12px;border-bottom:1px solid #e0e0e0}ul.stitle li{ list-style-type:none}li.stitle{ font-size:16px;font-weight:bold}h3.stitle{ font-size:1.16em;font-weight:bold;margin-bottom:5px}h1{text-shadow:none; font-weight:700; font-size:20px}table.matrix-rating{ width:100%}table.scale-rating th,table.matrix-rating th{text-align:center;font-size:12px;font-weight:normal;padding:0 5px 5px 5px}table.scale-rating td{text-align:center;border-top:1px solid #A0A0A0;padding:10px 0;width:32px}table.matrix-rating td.title{text-align:left;border-top:1px solid #A0A0A0;padding:3px 0;font-size:12px;font-weight:bold;}table.matrix-rating td{text-align:center;padding:3px 0 10px 0}
table.matrix-rating a.rate-off{ padding:13px 13px;text-decoration:none;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-box-shadow:0 1px 2px #606060;-webkit-box-shadow:0 1px 2px #606060;box-shadow:0 1px 2px #606060;cursor:default; display:inline-block;background:#D6D6D6;}table.matrix-rating a.rate-on{ display:inline;padding:4px 13px;text-decoration:none;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;cursor:default;background-color: #9DC149 !important;}
table.scale-rating a.rate-off{ padding:5px 10px;text-decoration:none;color:#333;font-weight:normal;font-size:14px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-box-shadow:0 1px 2px #606060;-webkit-box-shadow:0 1px 2px #606060;box-shadow:0 1px 2px #606060;                display:inline-block;background:#D6D6D6;background-image:-moz-linear-gradient(top,#dadada,#ccc);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#dadada),color-stop(1,#ccc));filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#dadada',EndColorStr='#cccccc')"}table.scale-rating a.rate-off-sm{ padding:5px 10px;text-decoration:none;color:#333;font-weight:normal;font-size:14px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-box-shadow:0 1px 2px #606060;-webkit-box-shadow:0 1px 2px #606060;box-shadow:0 1px 2px #606060;                display:inline-block;background:#D6D6D6;background-image:-moz-linear-gradient(top,#dadada,#ccc);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#dadada),color-stop(1,#ccc));filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#dadada',EndColorStr='#cccccc')"}table.scale-rating a.rate-on{ text-decoration:none;color:#fff;background:#9DC149;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#B8E055),color-stop(1,#9DC149)) !important;background-image:-moz-linear-gradient(top,#B8E055,#9DC149) !important;filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#B8E055',EndColorStr='#9DC149')";border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}ul.mc-select{ padding:0}ul.mc-select > li{position:relative;margin:0;border-bottom:1px solid #E0E0E0;padding:10px 0 10px 10px;font-size:12px;list-style:none;cursor:default}ul.mc-select > li:first-child{ border-top:1px solid #E0E0E0}ul.mc-select > li > a{ display:block;margin:-10px 0 -10px -10px;padding:4px 10px 4px 25px;text-decoration:none;color:inherit;background-position:left center;cursor:default}  a[single]{background-image:url(images/radio-off.png);background-repeat:no-repeat !important;cursor:default}a[single].selected{ background:#9DC149 url(images/radio-on.png);background-repeat:no-repeat !important;background-position:left center !important;color:#fff !important;cursor:default;background-image:url(images/radio-on.png),-moz-linear-gradient(top,#B8E055,#9DC149) !important;background-image:url(images/radio-on.png),-webkit-gradient(linear,left top,left bottom,color-stop(0,#B8E055),color-stop(1,#9DC149)) !important}a[multiple]{ background-image:url(images/check-off.png);background-repeat:no-repeat !important;cursor:default}a[multiple].selected{ background:#9DC149 url(images/check-on.png);background-repeat:no-repeat !important;background-position:left center !important;color:#fff;cursor:default;background-image:url(images/check-on.png),-moz-linear-gradient(top,#B8E055,#9DC149) !important;background-image:url(images/check-on.png),-webkit-gradient(linear,left top,left bottom,color-stop(0,#B8E055),color-stop(1,#9DC149)) !important}    .ui-body-b{ background:#EEEEEE !important}div.mobosurvey{margin:20px 10px 10px 20px;text-align:center; font-weight:700}.powby{ font-size:14px;font-weight:normal;text-align:center;padding:30px 0 !important}div.left{display:inline;float:left;width:48%;text-align:left;margin-left:5px;height:30px}div.right{display:inline;float:left;width:48%;text-align:right;margin-right:5px}.other-checkbox-off{background-position:-684px 50% !important;border-radius:3px !important;-webkit-border-radius:3px !important}.other-checkbox-on{background-position:-648px 50% !important;background-color:#9DC149 !important;border-radius:3px !important;-webkit-border-radius:3px !important}.other-radio-off{background-position:-756px 50% !important}.other-radio-on{background-position:-720px 50% !important;background-color:#9DC149 !important}h1.mobologo{padding:0 0 0 10px;margin:0 -10px -10px 0;min-height:0;background-color:#DEDEDE;text-indent:-9000px;text-decoration:none}h1.mobologo a{display:block;background:no-repeat left top;overflow:hidden}a.ui-slider-handle{ 
  position:absolute;z-index:10;top:50%;width:28px;height:28px;margin-top:-15px;margin-left:-15px;
  border:1px solid #8DB529;
background:#9DC149;
font-weight:bold;
color:#444;
text-shadow:0 1px 1px #f6f6f6;
background-image:-webkit-gradient(linear,left top,left bottom,from(#B8E055),to(#9DC149));
background-image:-webkit-linear-gradient(top,#B8E055,#9DC149);
background-image: -moz-linear-gradient(top,#B8E055,#9DC149);
background-image:  -ms-linear-gradient(top,#B8E055,#9DC149);
background-image:  -o-linear-gradient(top,#B8E055,#9DC149);
background-image:    linear-gradient(top,#B8E055,#9DC149);
}
div.section{  padding:4px 10px !important;background:#fff !important;
}
div.qinsert
{
    clear: both;
    color: #666666;
    line-height: 18px;
    padding-left:10px;
    margin-top: 8px;
}
div.section .stitle{ margin:0}
.errorMessage {
    color: Red;
    min-height:20px; line-height:20px;
    font-size:12px;
}
.award td {
    height: 75px;
    text-align: center;
    width: 75px;
    font-size:12px;
}
img
{
    max-width:100%;
    height:auto;
}
.sortnum
{
    width:18px;height:18px;display:inline-block;vertical-align:middle;margin-right:10px; background:#e2e2e2;border:2px solid white;
}
.sortnum-sel
{
    border-radius:9px;border:2px solid #ff6600;color:#ff6600;text-align:center; background:none;
}
.div_item_desc {
    color: #999999;
    font-weight: normal;
   
}
a.sumitbutton,a.sumitbutton:visited
{
     background:#f17819;
     color:#ffffff !important;
      display: inline-block;
        height: 30px;
        line-height:30px;
        padding-right: 5px;
        text-decoration: none;
        vertical-align: middle;
          padding: 0 10px 0 15px;
    text-align: center;
    font-weight:bold;
     font-size: 15px;
      cursor:pointer;
      border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;
}
a.sumitbutton:hover
{
    background:#fda420;color:#fff !important;
}

/*window*/
.window {
  width:267px;
  position:absolute;
  display:none;
  margin:0px auto 0 -136px;
  padding:2px;
  bottom:60px;
  left:50%;
  border-radius:0.6em;
  -webkit-border-radius:0.6em;
  -moz-border-radius:0.6em;
  background-color: #f1f1f1;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  font:14px/1.5 Microsoft YaHei, Helvitica, Verdana, Arial, san-serif;
  z-index:10;
}
.window .wtitle {
  background-color: #585858;
  line-height: 26px;
  padding: 5px 5px 5px 10px;
  color:#ffffff;
  font-size:16px;
  border-radius:0.5em 0.5em 0 0;
  -webkit-border-radius:0.5em 0.5em 0 0;
  -moz-border-radius:0.5em 0.5em 0 0;
}
.window .content {
  /*min-height:100px;*/
  overflow:auto;
  padding:10px;
  color: #222222;
  text-shadow: 0 1px 0 #FFFFFF;
}
.window #txt {
  min-height:30px;
  font-size:14px;
  line-height:20px;
}
.window .content p {
  margin:10px 0 0 0;
}

.window .wtitle .close {
  float:right;
  background-image: url("img/close.png");
  width:26px;
  height:26px;
  display:block;
}
#overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#000000;
  opacity:0.5;
  filter:alpha(opacity=0);
  display:none;
  z-index: 9;
}

.window .txtbtn {
  
  background: #f1f1f1;
  background-image: -webkit-gradient(linear, left top, left bottom, from( #DCDCDC ), to( #f1f1f1 )); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient( #ffffff , #DCDCDC ); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient( #ffffff , #DCDCDC ); /* FF3.6 */
  background-image:     -ms-linear-gradient( #ffffff , #DCDCDC ); /* IE10 */
  background-image:      -o-linear-gradient( #ffffff , #DCDCDC ); /* Opera 11.10+ */
  background-image:         linear-gradient( #ffffff , #DCDCDC );
  border: 1px solid #CCCCCC;
  border-bottom: 1px solid #B4B4B4;
  color: #555555;
  font-weight: bold;
  text-shadow: 0 1px 0 #FFFFFF;
  border-radius: 0.6em 0.6em 0.6em 0.6em;
  display: block;
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  text-align: windowcenter;
  font-weight: bold;
  font-size: 18px;
  padding:6px;
  margin:10px 0 0 0;
}
.window #txt {
  min-height:30px;font-size:16px; line-height:22px;
}
.window .txtbtn:visited {
  background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff ), to( #cccccc )); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient( #ffffff , #cccccc ); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient( #ffffff , #cccccc ); /* FF3.6 */
  background-image:     -ms-linear-gradient( #ffffff , #cccccc ); /* IE10 */
  background-image:      -o-linear-gradient( #ffffff , #cccccc ); /* Opera 11.10+ */
  background-image:         linear-gradient( #ffffff , #cccccc );
}
.window .txtbtn:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff ), to( #cccccc )); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient( #ffffff , #cccccc ); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient( #ffffff , #cccccc ); /* FF3.6 */
  background-image:     -ms-linear-gradient( #ffffff , #cccccc ); /* IE10 */
  background-image:      -o-linear-gradient( #ffffff , #cccccc ); /* Opera 11.10+ */
  background-image:         linear-gradient( #ffffff , #cccccc );
}
.window .txtbtn:active {
  background-image: -webkit-gradient(linear, left top, left bottom, from( #cccccc ), to( #ffffff )); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient( #cccccc , #ffffff ); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient( #cccccc , #ffffff ); /* FF3.6 */
  background-image:     -ms-linear-gradient( #cccccc , #ffffff ); /* IE10 */
  background-image:      -o-linear-gradient( #cccccc , #ffffff ); /* Opera 11.10+ */
  background-image:         linear-gradient( #cccccc , #ffffff );
  border: 1px solid #C9C9C9;
  border-top: 1px solid #B4B4B4;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
}
/*login*/
.px {
  margin: 0.5em 0;
  position: relative;
  background-color: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #C6C6C6;
  color: #333333;
  text-shadow: 0 1px 0 #FFFFFF;
  display: block;
  width: 100%; 
  padding:10px 10px;
  font-size: 16px;
  margin:0 auto;
  font-family:Arial, Helvetica, sans-serif;
}
.px:hover {
  border: 1px solid #ff6501;
}
.px:focus {
  border: 1px solid #ff6501;
  box-shadow: 0 0 5px #ff6501;
}
.err {
  margin: 0.5em 0;
  position: relative;
  background-color: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #ff6501;
  color: #ff6501;
  text-shadow: 0 1px 0 #FFFFFF;
  display: block;
  width: 100%; 
  padding:10px 10px;
  font-size: 16px;
  margin:0 auto;
  font-family:Arial, Helvetica, sans-serif;
}
.px[type="text"] {
     width: 100%; 
     box-sizing: border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing: border-box;
}
.px[type="password"] {
     width: 100%; 
     box-sizing: border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing: border-box;
}
.px[type="number"], .px[type="tel"]{
  width: 100%; 
     box-sizing: border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing: border-box;
}
.px[type="button"] {
     width: 100%; 
     box-sizing: border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing: border-box;
}
.pxbtn[type="button"] {
     width: 100%; 
     box-sizing: border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing: border-box;
}
.submit[type="button"] {
     width: 100%; 
     box-sizing: border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing: border-box;
}
.del[type="button"] {
     width: 100%; 
     box-sizing: border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing: border-box;
}
.pxtextarea[type="textarea"] {
     width: 100%; 
     box-sizing: border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing: border-box;
}
.pxtextarea{
  margin: 0.5em 0;
  position: relative;
  background-color: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #C6C6C6;
  color: #333333;
  text-shadow: 0 1px 0 #FFFFFF;
  display: block;
  width: 100%; 
  padding:10px 10px;
  font-size: 16px;
  margin:0 auto;
  -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
}
.pxbtn {
  
  background: #ff6501;
  background-image: -webkit-gradient(linear, left top, left bottom, from( #ffa201 ), to( #ff6501 )); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient( #ffa201 , #ff6501 ); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient( #ffa201 , #ff6501 ); /* FF3.6 */
  background-image:     -ms-linear-gradient( #ffa201 , #ff6501 ); /* IE10 */
  background-image:      -o-linear-gradient( #ffa201 , #ff6501 ); /* Opera 11.10+ */
  background-image:         linear-gradient( #ffa201 , #ff6501 );
  border: 1px solid #ff6501;
  border-bottom: 1px solid #d35605;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 1px 0 #FFFFFF;
  border-radius: 0.6em 0.6em 0.6em 0.6em;
  display: block;
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  text-shadow: 0 0 2px #BE4205;
  font-size: 18px;
  padding:10px;
  margin:10px 0 0 0;
}
.pxbtn:visited {
  background-image: -webkit-gradient(linear, left top, left bottom, from( #ffa201 ), to( #ff6501 )); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient( #ffa201 , #ff6501 ); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient( #ffa201 , #ff6501 ); /* FF3.6 */
  background-image:     -ms-linear-gradient( #ffa201 , #ff6501 ); /* IE10 */
  background-image:      -o-linear-gradient( #ffa201 , #ff6501 ); /* Opera 11.10+ */
  background-image:         linear-gradient( #ffa201 , #ff6501 );
}
.pxbtn:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from( #ff7f01 ), to( #ff6501 )); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient( #ff7f01 , #ff6501 ); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient( #ff7f01 , #ff6501 ); /* FF3.6 */
  background-image:     -ms-linear-gradient( #ff7f01 , #ff6501 ); /* IE10 */
  background-image:      -o-linear-gradient( #ff7f01 , #ff6501 ); /* Opera 11.10+ */
  background-image:         linear-gradient( #ff7f01 , #ff6501 );
}
.pxbtn:active {
  background-image: -webkit-gradient(linear, left top, left bottom, from( #ff6501 ), to( #ffa201 )); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient( #ff6501 , #ffa201 ); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient( #ff6501 , #ffa201 ); /* FF3.6 */
  background-image:     -ms-linear-gradient( #ff6501 , #ffa201 ); /* IE10 */
  background-image:      -o-linear-gradient( #ff6501 , #ffa201 ); /* Opera 11.10+ */
  background-image:         linear-gradient( #ff6501 , #ffa201 );
  border: 1px solid #ff6501;
  border-top: 1px solid #d35605;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
}
.px::-moz-placeholder, textarea::-moz-placeholder { color: #999;}
.pxerror::-moz-placeholder { color: #ff6501;}
input[readonly]:focus, textarea[readonly]:focus, input.disabled {
          background: #f5f5f5;
          border-color: #ddd;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none;
          color: #555555;
        }
.px[readonly="readonly"] {
     background: #F9F9F9;color: #555555;
          border: 1px solid #C6C6C6;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none;
}
