/* 
    Created on : 1-Mar-2017, 2:37:57 PM
    Author     : tomdeng
*/

.yellow-box{
      max-width: 85em !important;
}

footer {
      max-width: 85em !important;
}

.center_content {
      margin: 0 auto;
      padding: 20px;
      max-width: 1282px;
      min-width: 900px;
      font-size: 1em; /* resets 1em = 10px */
      font-family: HelveticaNeue, Helvetica, Arial, FangSong, sans-serif; 
}

.reviewbutton{
      margin: 20px auto;
      -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
      -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, #ededed), color-stop(1, #dfdfdf));
      background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
      background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
      background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
      background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
      background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
      background-color:#ededed;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;

      border:1px solid #dcdcdc;
      cursor:pointer;
      color: #000000;
      font-size: 15px;
      font-weight:bold;
      text-shadow:0px 1px 0px #ffffff;
      padding: 10px 20px 10px 20px;
      text-decoration: none;
}

.reviewbutton:hover {
      background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
      background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
      background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
      background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
      background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
      background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
      background-color:#dfdfdf;
      text-decoration: none;
}
.notice {
      font-weight: bold;
      /*color: blue;*/
}

.required label {
      font-weight: bold;
}
.required label:after {
      color: #e32;
/*      content: ' *';*/
      display:inline;
}

.error {
      color:red;
      content: 'information required';
}

tr {
      line-height:15px;
}

/* grid 6 system from www.responsivegridsystem.com */
/*  SECTIONS  */
.section {
      clear: both;
      padding: 0px;
      margin: 0px;
}

/*  COLUMN SETUP  */
.col {
      display: block;
      float:left;
      margin: 0.5% 0 0.5% 1.6%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
      content:"";
      display:table;
}
.group:after {
      clear:both;
}
.group {
      zoom:1; /* For IE 6/7 */
}

/*  GRID OF THREE  */
.span_6_of_6 {
      width: 100%;
}
.span_5_of_6 {
      width: 81.333%;
}
.span_4_of_6 {
      width: 64.667%;
}
.span_3_of_6 {
      width: 48%;
}
.span_2_of_6 {
      width: 31.333%;
}
.span_1_of_6 {
      width: 14.667%;
}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
      .col { margin: 1% 0 1% 0%;}
      .span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}

.yesno {
      font-size: 45px;
      color: #6495ED;
      text-align: center;
}

select {
      padding: 3px 0px;
}

.hide {
      display: none;
}

.freedom {
      font-size: 80%;
}

/* hide jquery modal window close button */
.no-close .ui-dialog-titlebar-close {
    display: none;
}

.dialogueButton {
      margin: 10px 15px !important;
}