@charset "UTF-8";
/* CSS Document */


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background-attachment:initial;
  background-clip:initial;
  background-color:transparent;
  background-image:initial;
  background-origin:initial;
  background-position:initial initial;
  background-repeat:initial initial;
  border-bottom-width:0;
  border-color:initial;
  border-left-width:0;
  border-right-width:0;
  border-style:initial;
  border-top-width:0;
  font-size:100%;
  margin-bottom:0;
  margin-left:0;
  margin-right:0;
  margin-top:0;
  padding-bottom:0;
  padding-left:0;
  padding-right:0;
  padding-top:0;
  vertical-align:baseline;
}

address, cite, q, dfn {
  font-style:normal;
}

h1, h2, h3, h4, h5, h6, th {
  font-weight:normal;
}

h2 {
  color:#fff;
  font:normal normal normal 36px 'Helvetica Neue', 'Helvetica', sans-serif;
  margin-bottom:0;
  margin-left:0;
  margin-right:auto;
  margin-top:0;
  padding-left:80px;
  overflow-x:hidden;
  overflow-y:hidden;
  position:relative;
  text-align:left;
  text-shadow:#fff 0 1px 4px;
  width:640px;
}

h3 {
  color:#444;
  font:'Helvetica Neue', 'Helvetica', sans-serif;
  font-size:16px;
  text-transform:uppercase;
  margin-bottom:0;
  margin-left:0;
  margin-right:auto;
  margin-top:0;
  padding-left:80px;
  overflow-x:hidden;
  overflow-y:hidden;
  position:relative;
  text-align:left;
  text-shadow:#fff 0 1px 4px;
  width:640px;
}

p {
  color:#888;
}

p span {
  color:#6daee2;
  font:normal normal normal 13px 'Helvetica Neue', 'Helvetica', sans-serif;
  margin-bottom:0;
  margin-left:0;
  margin-right:auto;
  margin-top:0;
  overflow-x:hidden;
  overflow-y:hidden;
  position:relative;
  text-align:left;
  text-shadow:#fff 0 1px 4px;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
  display:block;
}
a, ins, del {
  text-decoration:none;
}
q, blockquote {
  quotes:none;
}
q::after, q::before, blockquote::after, blockquote::before {
  content:'';
}
table {
  -webkit-border-horizontal-spacing:0;
  -webkit-border-vertical-spacing:0;
  border-collapse:collapse;
}
th, td {
  vertical-align:top;
}
th {
  text-align:left;
}
button, input, select, textarea {
  font:inherit;
}
html, body {
  background-image:url(../content/images/trend.png);
  background-repeat:repeat-x;
  background-position:top;
  background-color:#e8e7e8;
}
html {
  overflow-x:auto;
  overflow-y:scroll;
}

body {
  color:#666;
  font:normal normal normal 13px/1.5 'Helvetica Neue', 'Helvetica', sans-serif;
  padding-bottom:40px;
}

#mast{
background-color:#f9f9f9;
height: 60px;
background-image:none;
}

#connect{
background-color:#f9f9f9;
position:absolute;
top:20px;
right:20px;
width:200px;
height:40px;
clear:left;
width:230px;
text-align:left;
}

.switchable .alt {display:none}
.switchable:hover .default {display:none}
.switchable:hover .alt {display:inline}



#site {
  background-color:#e8e7e8;
  background-image:url(../content/images/trend.png);
  background-repeat:repeat-x no-repeat;
  background-position:center;
  padding-bottom:40px;
  padding-left:40px;
  padding-right:40px;
  padding-top:30px;
}
a {
  border-bottom-color:#888;
  border-bottom-style:solid;
  color:#c2d4d1;
}
a:hover, a:focus {
  color:#000;
  background-color:#fff;
}
a:active {
  position:relative;
  top:1px;
}
del {
  text-decoration:line-through;
}
li {
  list-style-image:initial;
  list-style-position:initial;
  list-style-type:none;
}
button, input[type="submit"], input[type="image"], label, label > input[type="checkbox"], label > input[type="radio"] {
  cursor:pointer;
}
#title {
  background-color:#f9f9f9;
  background-repeat:no-repeat;  
  height:100px;
  padding-left:45px;
  padding-top:20px;
  position:relative;
}
#logo {
  background-image:url(../content/images/shieldblue.png);
  background-color:#f9f9f9;
  background-repeat:no-repeat;
  height:100px;  
}
#title h1 {
  color:#6daee2;
  font:normal normal normal 28px/36px 'Helvetica Neue', 'Helvetica', sans-serif;
  height:36px;
  margin-bottom:0;
  margin-left:0;
  margin-right:auto;
  margin-top:0;
  padding-top:7px;
  padding-left:80px;
  overflow-x:hidden;
  overflow-y:hidden;
  position:relative;
  text-align:left;
  width:621px;
}

#title p {
  margin-right:0;
  margin-top:0px;
  padding-left:80px;
  width:620px;
  font:12px;
}
#title a {
  font: normal 10px 'Helvetica Neue', 'Helvetica', sans-serif;
  background-image:none;
  color:#888;
  font-size:10px;
  text-decoration:underline;
  }
  
#title a:hover, #title a:focus {
  background-color:#fff;
  color:#6daee2;
  text-decoration:none;
}

#title a:active {
  left:-13px;
}
.header, p, ul, ol, blockquote, pre, dl, table {
  margin-top:20px;
}
.header, p, ul, ol, blockquote, dl {
  margin-right:240px;
}
ol, ul {
  margin-left:40px;
}
ol li {
  list-style-image:initial;
  list-style-position:initial;
  list-style-type:none;
}
ul li {
  list-style-image:initial;
  list-style-position:outside;
  list-style-type:none;
}
li.spaced {
  margin-bottom:20px;
}
strong {
  color:#fff;
  font-weight:normal;
  text-shadow:#fff 0 0 3px;
}

pre {
  background-color:#1D1F21;
  border-bottom-left-radius:5px 5px;
  border-bottom-left-radius:5px 5px;
  border-bottom-right-radius:5px 5px;
  border-bottom-right-radius:5px 5px;
  border-top-left-radius:5px 5px;
  border-top-left-radius:5px 5px;
  border-top-right-radius:5px 5px;
  border-top-right-radius:5px 5px;
  margin-left:-20px;
  margin-right:-20px;
  padding-bottom:10px;
  padding-left:20px;
  padding-right:20px;
  padding-top:10px;
}


table {
  background-color:#1D1F21;
  border-bottom-left-radius:5px 5px;
  border-bottom-left-radius:5px 5px;
  border-bottom-right-radius:5px 5px;
  border-bottom-right-radius:5px 5px;
  border-top-left-radius:5px 5px;
  border-top-left-radius:5px 5px;
  border-top-right-radius:5px 5px;
  border-top-right-radius:5px 5px;
  margin-left:-20px;
  width:900px;
}
th, td {
  padding-bottom:5px;
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;
}
th {
  background-color:#33373B;
  padding-bottom:10px;
}
tr:first-child td {
  padding-top:10px;
}
th:first-child, td:first-child {
  padding-left:20px;
}
th {
  padding-top:10px;
}
tr:last-child td {
  padding-bottom:10px;
}
th:last-child, td:last-child {
  padding-right:20px;
}
th:first-child {
  border-top-left-radius:5px 5px;
}
th:last-child {
  border-top-right-radius:5px 5px;
}
table .param-name {
  width:150px;
}
table .param-default {
  width:100px;
}


.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}




.note {
  -webkit-transition-delay:initial;
  -webkit-transition-duration:0.15s;
  -webkit-transition-property:opacity;
  -webkit-transition-timing-function:linear;
  float:right;
  margin-bottom:0;
  margin-left:0;
  margin-right:0;
  margin-top:-205px;
  opacity:0.5;
  width:240px;
}
pre:hover + .note, .note:hover {
  opacity:0.999;
}


.footer {
  background-color:#6daee2;
  background-repeat:no-repeat;  
  height:30px;
  padding-left:120px;
  padding-top:20px;
  position:relative;
  margin-bottom:0;
  margin-left:0px;
  margin-right:0;
  margin-top:25px;
  padding-bottom:0px;
  text-align:left;
  clear:both;
}

.footer p {
  border-bottom-color:initial;
  border-bottom-style:initial;
  border-bottom-width:0;
  color:#666;
  text-decoration:none;
  font: normal 10px 'Helvetica Neue', 'Helvetica', sans-serif;
}

.footer a {
  border-bottom-color:initial;
  border-bottom-style:initial;
  border-bottom-width:0;
  color:#444;
  text-decoration:underline;
  font: normal 10px 'Helvetica Neue', 'Helvetica', sans-serif;
}
.footer a:hover {
  border-bottom-color:initial;
  border-bottom-style:initial;
  border-bottom-width:0;
  color:#FFF;
  background-color:#222;
  text-decoration:none;
  font: normal 10px 'Helvetica Neue', 'Helvetica', sans-serif;
}

.footer span {
  display:block;
}


.seat {
  background-color:#e8e7e8;
  color:#e8e7e8;
  padding-bottom:40px;
  height:20px;
}


.demo p, .demo ul {
  margin-right:0;
}

.image-grid {
  margin-bottom:0;
  margin-left:40px;
  margin-right:0;
  position:relative;
  margin-top:60px;
  padding-left:45px;
  max-width:980px;
  vertical-align:top;
}


.image-grid::after {
  clear:both;
  display:block;
  height:0;
  overflow-x:hidden;
  overflow-y:hidden;
}
.image-grid li {
  color:#6daee2;
  float:left;
  font-family:'Helvetica Neue', 'Helvetica', sans-serif;
  font-size:11px;
  height:150px;
  line-height:15px;
  margin-bottom:0;
  margin-left:35px;
  margin-right:0;
  margin-top:20px;
  overflow-x:hidden;
  overflow-y:hidden;
  text-align:center;
  width:155px;
}
.image-grid li img, .image-grid li strong {
  display:block;
  -moz-border-radius: 7px; /* FF1+ */
  -webkit-border-radius: 7px; /* Saf3+, Chrome */
  border-radius: 7px;
}

.image-grid li strong {
  color:#6daee2;
  font-weight:bold;
}

.image-grid li p {
  color:#666;
  font-size:10px;
  line-height:6px;
  padding:0;
  margin:0;
}