/* encoding: utf-8 */
@media screen {
  /* **********  BASIC SCREEN STYLES  ********** */

  .stream,
  .focustarget { position:absolute;right:9999px;left:auto;white-space:nowrap; }
  /* Accessibility tr1ck50r */
  a.stream:focus,
  a.stream:active,
  .stream a:focus,
  .stream a:active {
    background: #fff;
    border: 1px solid #029;
    margin: 0;
    padding: 3px 5px;
    color: #c00;
    right: 0;
    z-index:9999;
    font-size: 1em;
    white-space: nowrap;
  }
  .stream a:focus,
  .stream a:active {
    position: absolute;
    right: -9999px;
  }

  .print-only { display: none; }



  /* ********************************** */
  /* BASIC STYLE DEFINITIONS            */
  /* ********************************** */


  html {
    height: 100%;
    overflow-x: hidden;
  }
  body {
    background: #fff;
    color: #333;
    margin: 0;
    padding: 0;
    line-height: 1.333;
    font-family: Arial, sans-serif;
    font-size: 12px;
    min-height: 100%;
    overflow: hidden;
    overflow-y: auto;
    text-align: center;
  }
  body.msie {
    font-size: 75%;
  }


  .pghead .brand,
  .pgmiddle,
  .pgmiddle2 .wrap,
  .pgnav,
  .footer {
    width: 94%;
    max-width: 965px;
    margin: 0 auto;
    text-align: left;
  }
  .adbuttons {
    margin: 30px 0 -80px 0;
    text-align: center;
  }


  p, ul, ol, blockquote, table {
    margin: .8em 0 0 0;
  }


  q:before,
  q:after {
    content: none;
  }

  :first-child {
    margin-top: 0;
  }


  form {
    margin: 0;
  }


  h1, h2, h3, h4, h5 {
    color: #000;
    font-family: Arial, sans-serif;
    margin: 1em 0 0 0;
  }
  h1 {
    font-size: 2.167em;
    font-weight: normal;
    margin-top: 0;
  }
  h2 {
    font-size: 1.75em;
    font-weight: normal;
  }
  h3 {
    font-size: 1.33em;
    font-weight: normal;
  }
  h4 {
    font-size: 1.0833em;
  }


  img {
    border: none;
    vertical-align: middle;
  }
  .img {
    float: right;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 3px;
    margin: 0 0 5px 10px;
  }





  ul {
    padding: 0;
    list-style: square;
    margin-left: 1.333em;
  }
  ol {
    padding: 0;
    margin-left: 3em;
  }
  li ul,
  li ol,
  ul li,
  ol li {
    margin-top: .4em;
  }
  li:first-child {
    margin-top: 0;
  }

  blockquote {
    padding: 5px 2%;
    border-left: 1px solid #e80022;
    color: #666;
    margin-left: 2%;
    margin-right: 2%;
  }
  .pgmain blockquote  {
    margin-left: 3%;
    margin-right: 3%;
  }



  table {
    border-spacing: 0;
    border: 1px solid #eee;
    border-top-color: #e80022;
    border-bottom-color: #bbb;
    width: 100%;
  }
  table.compact {
    width: auto;
  }
  caption {
    text-align: left;
    padding-bottom: .4em;
    font-weight: bold;
  }
  th,
  td {
    text-align: left;
    border-top: 1px solid #ddd;
    padding: .25em 1em .25em .5em;
  }
  tr:first-child th,
  tr:first-child td {
    border-top: 2px solid #bbb;
  }
  tbody th,
  tfoot th {
    background-color: #f9f9f9;
  }
  thead th,
  thead tr:first-child th {
    border-top: none;
    background-image: -webkit-gradient(
                          linear,
                          left top,
                          left bottom,
                          color-stop(0, transparent),
                          color-stop(1, rgba(0,0,0, .05))
                       );
    background-image: -moz-linear-gradient(
                          center top,
                          transparent        0%,
                          rgba(0,0,0, .05) 100%
                        );
  }
  tbody th {
    border-right: 1px solid #bbb;
  }

  th.num,
  td.num {
    text-align: right;
    white-space: nowrap;
    padding-right: .7em;
    padding-left:  .7em;
  }



  pre code {
    display: block;
    border: 1px solid #ccc;
    background-color: #eee;
    padding: 10px 1.5%;
    font-family: "Courier New", Courier, monospaced;
    font-size: .9em;
    overflow-x: auto;
    white-space: pre-wrap;
  }
  .pgmain pre code {
    padding-left: 2%;
    padding-right: 2%;
  }
  .pgaside pre code {
    padding-left: 3%;
    padding-right: 3%;
  }



  a:link,
  a:visited {
    color: #c00;
    text-decoration: none;
  } 
  a.ext {
    padding-right: 1em;
  }
  a.ext:after {
    content: "\2197";
    display: inline-block;
    font-size: .833em;
    text-align: right;
    width: 1em;
    margin-right: -1.2em;
    margin-left: .083em;
    line-height: 1.5;
    vertical-align: top;
  }



  iframe {
    display: block;
    margin: 0 auto;
    max-width: 100%;
  }
  iframe.video {
  }



  hr {
    border: none;
    height: 1px;
    background: #dbddde;
    margin: 27px -10px 0 -10px;
  }






  /* ******  pghead  ****** */
  .pghead {
    position: relative;
    background-color: #fff;
    -moz-box-shadow:    rgba(0,0,0, .1)  0 0 50px;
    -webkit-box-shadow: rgba(0,0,0, .1)  0 0 50px;
    box-shadow:         rgba(0,0,0, .1)  0 0 50px;
    border-bottom: 3px solid #e80022;
  /*
    width: 30em;
    max-width: 100%;
    margin: 0 auto;
  */
  }
  .pghead .brand * { vertical-align: bottom; }
  .pghead .brand {
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 1.167;
    padding: 10px 0 8px 0;
    ~min-height:0; /* ie hasLayout fix */
  }
  .pghead .brand:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }

  .pghead .brand a {
    float: left;
    margin: 0 15px 0 0;
  }
  .pghead .brand img {
    width: 113px;
    height: 79px
  }
  .pghead .brand .slogan {
    display: block;
    padding-left: 127px;
    padding-top: 62px;
    margin-top: -1.750em;
    max-width: 9.333em;
    font-size: 12px;
    color: #666;
  }

  .pghead .skiplink {
    right: 2%;
    margin-top: -5px;
  }
  .pghead .skiplink a {
    float: right;
    margin-top: -1.2em;
    margin-right: 1em;
  }
  .pghead .skiplink a:hover,
  .pghead .skiplink a:focus,
  .pghead .skiplink a:active {  
    position: static;
    padding: 0;
    border: none;
    background-color: transparent;
  }
  .pghead .skiplink a:after {
    content: "\2193";
    margin-right: -1em;
    display: inline-block;
    width: 1em;
    text-align: right;
  }



  /* ******  .pgmiddle2 (alternate content zone)  ****** */
  .pgmiddle2 {
    border-top:    2px solid #000;
    border-bottom: 2px solid #000;
    padding: 0 0 25px 0;
    background: #274d72;
    background: #3a3a3a;
    background-image: -webkit-gradient(
                          linear,
                          left top,
                          left bottom,
                          color-stop(0, #3a3a3a),
                          color-stop(1, #1460AB)
                       );
    background-image: -moz-linear-gradient(
                          center top,
                          #3a3a3a    0%,
                          #1460AB  100%
                        );
    color: #fff;
    color: #e0e6ea;
    -moz-box-shadow:    rgba(0,0,0, .1)  0 0 50px;
    -webkit-box-shadow: rgba(0,0,0, .1)  0 0 50px;
    box-shadow:         rgba(0,0,0, .1)  0 0 50px;
  }

  .pgmiddle2 a {
    color: #fff;
    border-bottom: 1px dotted #aaa;
  }
  body .pgmiddle2 a:hover,
  body .pgmiddle2 a:focus,
  body .pgmiddle2 a:active {
    color: #fff;
    border-bottom-width: 0px;
  }

  .pgmiddle2 .bigbtn {
    margin: .33em 10px;
  }

  .pgmiddle2 .act {
    border-top: none;
  }




  /* ******  .pgmiddle (content zone)  ****** */
  .pgmiddle {
    padding: 5px 0;
    clear: both;
    ~min-height:0; /* ie hasLayout fix */
    /* background-color: rgba(255,255,0, .13); */
  }
  .pgmiddle:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }
  .pgmiddle > :first-child {
    margin-top: 12px;
  }



  /* ******  .pgmain (main column)  ****** */
  .pgmain {
    margin-top: 12px;
    /* background-color: rgba(0,255,0, .06); */
  }


  /* ******  .pgaside (sidbar zone)  ****** */
  .pgaside {
    margin-top: 12px;
    /* background-color: rgba(0,0,255, .06); */
  }





  /* ******  .pgfoot  ****** */
  .pgfoot {
    margin-top: 50px;
    color: #666;
    border-top: 1px solid #d8d8d8;
    background-image: -webkit-gradient(
                          linear,
                          left top,
                          left bottom,
                          color-stop(0.00, rgba(0,0,0, .06)),
                          color-stop(0.10, rgba(0,0,0, .04)),
                          color-stop(1.00, transparent)
                       );
    background-image: -moz-linear-gradient(
                          center top,
                          rgba(0,0,0, .06)   0%,
                          rgba(0,0,0, .04)  10%,
                          transparent      100%
                        );
    padding-top: 20px;
    padding-bottom: 120px;
  }










  /* ******  form elements  ****** */
  input,
  select,
  button,
  textarea {
    font-family: inherit;
    font-size: 1em;
  }
  button {
    cursor: pointer;
  }




  /* ******  .box (generic)  ****** */
  .box {
    background-image: -webkit-gradient(
                          linear,
                          left top,
                          left bottom,
                          color-stop(0, transparent),
                          color-stop(1, rgba(0,0,0, .05))
                       );
    background-image: -moz-linear-gradient(
                          center top,
                          transparent        0%,
                          rgba(0,0,0, .05) 100%
                        );
    padding: 12px 2% 15px 2%;
    margin: 25px -1% 0 -1%;
    border: 1px solid #ddd;
    border-bottom: 1px solid #bbb;
    border-top: 3px solid #e80022;
    -moz-box-shadow:    rgba(0,0,0, .15)  1px 1px 20px;
    -webkit-box-shadow: rgba(0,0,0, .15)  1px 1px 20px;
    box-shadow:         rgba(0,0,0, .15)  1px 1px 20px;
    -moz-border-radius-bottomleft:     6px;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius:         6px;
    -moz-border-radius-bottomright:     6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius:         6px;
  }

  .box:hover,
  .box.highlight {
    border-left-color:   #866;
    border-right-color:  #866;
    border-bottom-color: #866;
    background-image: none;
    border-top-width: 4px;
    margin-top: 24px;
  }
  .box.highlight {
    -moz-box-shadow:    rgba(0,0,0, .5)  1px 1px 25px;
    -webkit-box-shadow: rgba(0,0,0, .5)  1px 1px 25px;
    box-shadow:         rgba(0,0,0, .5)  1px 1px 25px;
    border-top-width: 5px;
    margin-top: 23px;
  }

  .box.color2 { /* blue */
    background-color: #def;
    border-top-color: #888;
  }
  .box.color { /* green */
    background-color: #dfc;
    border-top-color: #897;
  }




  /* ******  cols  ****** */
  .cols > h1:first-child,
  .cols > h2:first-child {
    text-align: center;
    margin: .5em 0 -.2em 0;
  }

  .col {
    margin-top: 27px;
  }

  .col h2:first-child,
  .col h3:first-child,
  .col h4:first-child,
  .box h2:first-child,
  .box h3:first-child,
  .box h4:first-child {
    font-size: 1.33em;
    margin-top: -5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e80022;
  }
  .col h4:first-child,
  .box h4:first-child {
    font-weight: normal;
    font-size: 1.167em;
  }

  .box h2:first-child,
  .box h3:first-child,
  .box h4:first-child {
    color: #bb001d;
    border-bottom-color: #ccc;
  }
  .box.color2 h2:first-child,
  .box.color2 h3:first-child,
  .box.color2 h4:first-child,
  .box.color h2:first-child,
  .box.color h3:first-child,
  .box.color h4:first-child {
    color: #272727;
  }





  /* ******  form fields  ****** */
  .fi_txt,
  .fi_sel,
  .fi_bdy,
  .fi_chk,
  .fi_file {
    margin-top: .8em;
  }

  select,
  textarea,
  .fi_txt input {
    display: block;
    padding: .33em;
    border: 1px solid #ccc;
    background-color: #fff;
    font-size: 1em;
    font-family: Georgia, serif;
    margin-top: .25em;
  }
  select:focus,
  textarea:focus,
  .fi_txt input:focus {
    border-color: #e80022;
    -moz-box-shadow:    rgba(0,0,0, .20)  0 0 10px;
    -webkit-box-shadow: rgba(0,0,0, .20)  0 0 10px;
    box-shadow:         rgba(0,0,0, .20)  0 0 10px;
  }

  textarea,
  .fi_txt input {
    width: 98%;
  }
  .fi_txt input[size] {
    width: auto;
  }

  label i {
    font-style: normal;
    font-size: .917em;
    color: #999;
  }






  /* ******  .btn  ****** */
  .pgall [class] button,
  input.signup,
  a.btn,
  a.bigbtn {
    font-family: Arial, sans-serif;
    display: inline-block;
    vertical-align: middle;
    ~float: left;
    text-align: center;
    font-weight: bold;
    color: #fff;
    text-shadow: rgba(0,0,0, .25) 1px 1px 0;
    border: 2px outset #fff;
    border: 2px solid rgba(0,0,0, .35);
    border-top-color:  rgba(255,255,255, .5);
    border-left-color: rgba(255,255,255, .4);
    padding: 2px 12px;
    margin: .8em 3px .8em 3px;
    background: #8b8;
    background-image: -webkit-gradient(
                          linear,
                          left top,
                          left bottom,
                          color-stop(0, transparent),
                          color-stop(1, rgba(0,0,0, .20))
                       );
    background-image: -moz-linear-gradient(
                          center top,
                          transparent        0%,
                          rgba(0,0,0, .20) 100%
                        );
    -moz-border-radius:    5px;
    -webkit-border-radius: 5px;
    border-radius:         5px;
  }

  a.btn {
    padding-top: 3px;
    padding-bottom: 3px;
  }

  /* minor buttons */
  button.cancel,
  a.btn.cancel,
  button.back,
  a.btn.back,
  button.minor,
  a.btn.minor,
  a.bigbtn.minor {
    background-color: #bbb;
  }

  .pgall button:before,
  a.btn:before,
  a.bigbtn:before {
    content: " ";
    float: right;
    display: inline-block;
    height: 1.333em;
    width:  16px;
    margin: 0 -3px 0 7px;
    vertical-align: middle;
    background: url(i/btn-icns.png) 0 50% no-repeat;
  }

  .pgall button:hover,
  .pgall button:focus,
  input.signup:hover,
  input.signup:focus,
  input.signup:active,
  body a.btn:hover,
  body a.btn:focus,
  body a.btn:active,
  body a.bigbtn:hover,
  body a.bigbtn:focus,
  body a.bigbtn:active {
    border-width: 2px;
    color: #fff;
    text-decoration: none;
    background-color: #6c6;
  }
  input.signup:hover,
  input.signup:focus,
  input.signup:active,
  body a.bigbtn:hover,
  body a.bigbtn:focus,
  body a.bigbtn:active {
    border-width: 3px;
  }
  button.minor:hover,
  button.minor:focus,
  a.btn.minor:hover,
  a.btn.minor:focus,
  a.btn.minor:active,
  a.bigbtn.minor:hover,
  a.bigbtn.minor:focus,
  a.bigbtn.minor:active {
    background-color: #999;
  }

  button.back,
  a.btn.back,
  button.cancel,
  a.btn.cancel {
    float: left;
    margin-left: 0;
    margin-right: 8px;
  }

  button.back:before,
  a.btn.back:before,
  button.cancel:before,
  a.btn.cancel:before {
    background-position: -50px 50%;
    margin: 0 5px 0 -5px;
    float: left;
  }
  button.cancel:before,
  a.btn.cancel:before {
    background-position: -75px 50%;
  }

  button.download:before,
  a.btn.download:before,
  a.bigbtn.download:before {
    background-position: -25px 50%;
  }


  .pgall button strong,
  input.signup strong,
  a.btn strong,
  a.bigbtn strong {
    font-weight: bold;
  }


  .pgall button i,
  a.btn i,
  a.bigbtn i {
    clear: both;
    display: block;
    line-height: 1.2;
    font-style: normal;
    font-weight: normal;
    margin-right: -20px;
  }




  button.big,
  input.signup,
  a.bigbtn {
    font-size: 1.5em;
    padding: 8px 47px 8px 20px;
    border-width: 3px;
  }
  input.signup {
    padding: 8px 20px 8px 20px;
  }
  button.big:before,
  a.bigbtn:before {
    background-image: url(i/btn-icns-big.png);
    width:  24px;
    margin-right: -34px;
  }
  button.big i,
  a.bigbtn i {
    font-size: .6875em;
    margin-right: -27px;
  }



  .btns {
    margin-top: .8em;
    ~min-height:0; /* ie hasLayout fix */
  }
  .btns:after { display:block; clear:both; content:"."; visibility:hidden; font-size:1px; height:0; }
  .btns button,
  .btns .btn,
  .btns .bigbtn {
    float: right;
    margin-top: 0;
    margin-left: 8px;
  }



  .btns.admin {
    float: right;
    font-size: .917em;
  }
  .btns.admin a.btn {
    background-color: #ccd;
    margin-left: 2px;
    padding: 1px 5px;
    font-weight: normal;
  }
  .btns.admin a.btn:before {
    content: none;
  }
  .pgaside .btns.admin {
    font-size: .833em;
  }






  /* ******  .meta  ****** */
  .meta {
    color: #888;
    font-size: .917em;
    margin-bottom: 1.5em;
  }
  .meta .by {
    float: right;
  }
  .meta .timestamp {}





  /* ******  .whatisit  ****** */
  .act {
    text-align: right;
    margin-top: .8em;
    border-top: 1px dotted #ccc;
    padding-top: .33em;
  }
  .act a {
    display: inline-block;
    margin-right: 10px;
  }
  .act a.more:after {
    content: " »";
    font-weight: bold;
    font-size: 1.333em;
    line-height: .5;
  }









  /* ******  .execsummary  ****** */
  .execsummary img.systems {
    margin-left: 10px;
    height: 32px;
    opacity: .75;
  }
  /* ******  .col-video  ****** */
  .col-video a.videolink {
    display: block;
    border: 1px solid #eee;
    background-color: #333;
    padding: 20px 20px 100px 20px;
    -moz-border-radius:    10px;
    -webkit-border-radius: 10px;
    border-radius:         10px;
  }
  .col-video a.videolink:hover,
  .col-video a.videolink:focus,
  .col-video a.videolink:active {
    text-decoration: none;
    border: 1px solid #eee;
    background-color: #2c2c2c;
    -moz-box-shadow:    rgba(255,255,255, .33)  1px 1px 10px;
    -webkit-box-shadow: rgba(255,255,255, .33)  1px 1px 10px;
    box-shadow:         rgba(255,255,255, .33)  1px 1px 10px;
  }

  /* ******  .usergroups  ****** */
  .usergroups ul {
    margin-left: 1.1em;
  }
  .usergroups.cols {
    margin-bottom: 35px;
  }    

  /* ******  .qfeatures ****** */
  .qfeatures ul {
    margin-left: 1.1em;
  }
  .qfeatures li {
    margin: 0;
  }

  /* ******  .qpricing ****** */

  /* ******  .qbuzz ****** */
  .qbuzz q {
    color: #777;
    display: block;
    text-align: left;
  }
  .qbuzz a.by {
  }

  /* ******  .qblog ****** */
  .qblog ul {
    list-style: none;
    margin-left: 0;
  }
  .qblog li {
    margin-top: .8em;
  }
  .qblog ul .date {
    /* float: right; */
    display: block;
    font-size: .8em;
    color: #999;
  }






  /* ******  .breadcrumbs  (may never get used)  ****** */
  .breadcrumbs {
    margin-top: 50px;
    margin-bottom: -10px;
  }
  .breadcrumbs a,
  .breadcrumbs b {
    font-weight: normal;
    padding: 0 5px;
  }
  /**/



  /* ******  .mainmenu  ****** */
  .breadcrumbs + .mainmenu {
    margin-top: 20px;
  }

  .mainmenu {
    margin-top: 50px;
    margin-bottom: -20px;
    font-family: Arial, sans-serif;

    border: 1px solid #ccc;
    border-bottom: none;
    background-color: #fff;
    max-width: 320px;
  }
  .mainmenu h2 {
    display: none;
  }
  .mainmenu ul {
    list-style: none;
    margin: 0;
  }
  .mainmenu li {
    margin: 0;
    padding-left: 2px;
    border-bottom: 1px solid #ccc;
  }
  .mainmenu li.current {
    position: relative;
    margin-left: -1px;
    padding-left: 0;
    border-left: 3px solid #e80022;
  }
  .mainmenu li a {
    display: block;
    padding: 10px 16px;
    white-space: nowrap;
    text-decoration: none;
  }
  .mainmenu li a:hover,
  .mainmenu li a:focus,
  .mainmenu li a:active {
    text-decoration: none;
    background-color: #eee;
    background-image: -webkit-gradient(
                          linear,
                          left top,
                          left bottom,
                          color-stop(0, #f9f9f9),
                          color-stop(1, #e9e9e9)
                       );
    background-image: -moz-linear-gradient(
                          center top,
                          #f9f9f9    0%,
                          #e9e9e9  100%
                        );
  }
  .mainmenu li.current a {
    font-weight: bold;
    color: #000;
    background-color: #f2f2f2;
    background-image: -webkit-gradient(
                          linear,
                          left top,
                          left bottom,
                          color-stop(0.0, #e9e9e9),
                          color-stop(0.9, #f2f2f2)
                       );
    background-image: -moz-linear-gradient(
                          center top,
                          #e9e9e9   0%,
                          #f2f2f2  90%
                        );
    padding-left: 14px;
  }

  .mainmenu li.userinfo {
    position: absolute;
    top:  10px;
    right: 3%;
    border: none;
    background: transparent none;
    padding: 0;
    margin: 0;
    max-width: 60%;
    text-align: right;
    white-space: nowrap;
  }
  .mainmenu li.userinfo a.account {
    float: right;
    color: #fff;
    background-color: #ccc;
    padding: 4px 15px;
    margin: 0 0 5px 5px;
  }
  .mainmenu li.userinfo a.account:before {
    content: none;
  }
  .mainmenu li.userinfo a.account:hover,
  .mainmenu li.userinfo a.account:focus,
  .mainmenu li.userinfo a.account:active {
    background: #6c6 none;
  }

  .mainmenu li.userinfo a.signup,
  .mainmenu li.userinfo a.logout {
    float: right;
    padding: 0;
    margin: 4px 15px;
    border: none;
  }
  .mainmenu li.userinfo a:hover,
  .mainmenu li.userinfo a:focus,
  .mainmenu li.userinfo a:active {
    background: transparent none;
    text-decoration: underline;
  }







  /* ******  .summarypages  ****** */
  ul.summarypages {
    margin: 1em 0 0 0;
    list-style: none;
  }
  .summarypages > li {
    margin: 0;
    border-top: 1px solid #ccc;
    padding: .8em 0 2em 0;
  }
  .summarypages .meta {
    margin-bottom: 0;
  }
  .summarypages .content {
    margin-top: .5em;
  }
  .summarypages .act {
    clear: both;
    margin: 0;
  }





  /* ******  .pageheadlines  ****** */
  ul.pageheadlines {
    border-top: 1px solid #ddd;
    list-style: none;
    margin: 0;
    text-align: right;
  }
  .pageheadlines li {
    margin-top: .8em;
  }
  .pageheadlines .meta {
    margin-top: .167em;
    margin-bottom: 0;
  }
  .pageheadlines a {
    float: left;
    font-weight: bold;
    font-size: 1.083em;
    text-align: left;
  }



  /* ******  .files  ****** */
  .files {
    margin-top: 1.5em;
    border-top: 1px solid #ddd;
    padding-top: .8em;
  }



  /* ******  .comments  ****** */
  .comments {
    margin-top: 2em;
    border-top: 1px solid #ddd;
    padding-top: .8em;
    margin-left: 0;
  }
  li.comment {
    position: relative;
    border: 1px solid #e2e2e2;
    background-color: #f4f4f4;
    margin-top: .8em;
    padding: .625em 2% 1.33em 2%;
  }
  .comment .img {
    float: left;
    margin: -.25em 5px 0 -.25em;
  }
  .comment .img img {
    width:  24px;
    height: 24px;
  }

  .comment .meta {
    text-align: right;
    margin-bottom: 0;
  }
  .comment .meta .by {
    float: left;
    font-size: 1.083em;
    font-weight: bold;
    color: #000;
  }
  .comment .meta .timestamp {
    margin-top: .167em;
  }
  .comment .content {
    clear: both;
    padding-top: .4em;
  }
  .comment a.perma {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 7px .25em 7px;
    font-size: .833em;
    color: #ccc;
  }
  .comment:hover .perma {
    color: #cc6e88;
  }
  .comment a.perma:hover,
  .comment a.perma:focus,
  .comment a.perma:active {
    color: #e80022;
  }




  /* ******  .attention message boxes  ****** */
  .attention {
    padding: 5px 2%;
    border-top: 2px solid #00e822;
    background-color: #e2ffe2;
    margin-top: .8em;
    font-weight: bold;
  }
  .attention:first-child {
    margin-top: 0;
  }
  .attention.error {
    border-color: #e80022;
    background-color: #ffe2e2;
  }





  /* ******  .commentform  ****** */
  .commentform {
    margin-top: 2em;
    border-top: 1px solid #ddd;
    padding-top: .8em;
  }
  .commentform .honey {
    display: none;
  }
  .commentform .note {
    font-size: .917em;
    opacity: .50;
    filter: alpha(opacity=50);
  }
  .commentform .note:hover {
    opacity: 1;
    filter: none;
  }







  /* ******  .pgmiddle2 content  ****** */
  .pgmiddle2 h1,
  .pgmiddle2 h2,
  .pgmiddle2 h3,
  .pgmiddle2 h4 {
    color: #fff;
    margin: 0;
  }
  .pgmiddle2 p {
    margin: .5em 0 0 0;
  }

  .pgmiddle2 .col h3:first-child,
  .pgmiddle2 .col h2:first-child {
    border: none;
    padding: 0;
  }






  /* ******  .footer  ****** */
  .footer p {}
  .footer .col {
    display: inline-block;
    width: auto;
    vertical-align: top;
    ~float: left;
    margin: 10px 6% 0 0;
  }
  .footer .col h4,
  .footer .col h3 {
    color: inherit;
    font-size: 1em;
    text-transform: uppercase;
    margin: 0 0 1em 0;
    padding: 0;
    border: none;
  }
  .footer .col h3 {
    text-transform: none;
    font-weight: normal;
  }
  .footer .col ul {
    list-style: none;
    margin: .333em 0 0 0;
  }
  .footer .col li {
    margin-top: .333em;
  }







  /* ******  .modalpop  ****** */
  .modalpop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    background: url(i/_msie/000-67.png);
    background: rgba(0,0,0, .67) none;
  }
  .modalpop .win {
    display: inline;
    display: inline-block;
    margin: 70px auto 0 auto;
    background: #fff;
    padding: 5px;
    position: relative;
    -moz-box-shadow:    rgba(0,0,0, .5)  1px 1px 25px;
    -webkit-box-shadow: rgba(0,0,0, .5)  1px 1px 25px;
    box-shadow:         rgba(0,0,0, .5)  1px 1px 25px;
    -moz-border-radius:    5px;
    -webkit-border-radius: 5px;
    border-radius:         5px;
    max-width: 100%;
  }
  .modalpop .win a.closebtn {
    position: absolute;
    top:   -18px;
    right: -18px;
    width:  23px;
    height: 23px;
    background: #000 url(i/closebtn.png) 50% 50% no-repeat;
    border: 3px solid #ccc;
    -moz-border-radius:    20px;
    -webkit-border-radius: 20px;
    border-radius:         20px;
    -moz-box-shadow:    rgba(0,0,0, .5)  0 0 5px;
    -webkit-box-shadow: rgba(0,0,0, .5)  0 0 5px;
    box-shadow:         rgba(0,0,0, .5)  0 0 5px;
    overflow: hidden;
    text-indent: -99em;
  }
  .modalpop .win a.closebtn:hover,
  .modalpop .win a.closebtn:focus,
  .modalpop .win a.closebtn:active {
    border-color: #fff;
    -moz-box-shadow:    rgba(0,0,0, .75)  0 0 7px;
    -webkit-box-shadow: rgba(0,0,0, .75)  0 0 7px;
    box-shadow:         rgba(0,0,0, .75)  0 0 7px;
  }


  .modalpop .win .focustarget + * {
    margin: 0;
  }













  /* ******  setting hover/focus styles  ****** */
  a[href]:hover,
  a[href]:focus,
  a[href]:active {
    color: #e80022;
    text-decoration: underline;
  }
  a:hover,
  a:active {
    outline: none;
  }



  /* END: BASIC SCREEN STYLES */
}












@media screen and (min-width: 420px) and (max-width: 720px) {
  /* **********  NARROW SCREEN STYLES  ********** */
  
  .cols {
    margin-right: -3%;
  }

  .col,
  .cols > .box {
    display: inline-block;
    vertical-align: top;
    width: 46.5%;
    margin-right: 3%;
  }
  .cols > .box {
    width: 43%;
  }
  .col.w-2_3,
  .col.w-3_4,
  .cols > .w-2_3,
  .cols > .w-3_4 {
    display: block;
    width: auto;
  }


  /* END: NARROW SCREEN */
}




@media print {
  /* **********  NARROW SCREEN STYLES  ********** */









  /* END: NARROW SCREEN */
}


/* Resets for Svarbox */
.svarbox__chatQueue { height: auto !important; }
.svarbox__windowChatBox div, 
.svarbox__windowChatBox form,
.svarbox__windowChatBox input, 
div.svarbox__windowChatBox { text-align: left; }
div.svarbox__windowDialogues { background: #fff; opacity: 1.0; }
.svarbox__windowChatBox button { margin: default; }
.svarbox__windowChatBox button:before,
.svarbox__windowChatBox button:after { content: ""; background: none; }
.svarbox__postChat { display: none !important; }
.svarbox__windowBody { background-color: #e7e7e7 !important; }