html, body, div, span, applet, 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, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

body {
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 96.9%;
  font-size: 15px;
  color: #555555;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  background-color: black; }

b {
  font-weight: bold; }

i {
  font-style: italic; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

h1 {
  color: #333333;
  text-rendering: optimizelegibility;
  font-weight: bold;
  font-size: 36px;
  font-size: 2.21538rem;
  margin: 15px 0;
  line-height: 1.2em; }

h2 {
  color: #333333;
  text-rendering: optimizelegibility;
  font-weight: bold;
  font-size: 27px;
  font-size: 1.66154rem;
  margin: 11.25px 0;
  line-height: 1.2em; }

h3 {
  color: #333333;
  text-rendering: optimizelegibility;
  font-weight: bold;
  font-size: 22.5px;
  font-size: 1.38461rem;
  margin: 9.375px 0;
  line-height: 1.2em; }

h4 {
  color: #333333;
  text-rendering: optimizelegibility;
  font-weight: bold;
  font-size: 19.5px;
  font-size: 1.2rem;
  margin: 8.125px 0;
  line-height: 1.2em; }

h5 {
  color: #333333;
  text-rendering: optimizelegibility;
  font-weight: bold;
  font-size: 15px;
  font-size: 0.92308rem;
  margin: 6.25px 0;
  line-height: 1.2em; }

h6 {
  color: #333333;
  text-rendering: optimizelegibility;
  font-weight: bold;
  font-size: 13.5px;
  font-size: 0.83077rem;
  margin: 5.625px 0;
  text-transform: uppercase;
  line-height: 1.2em; }

::-moz-selection {
  background: #00a6fc;
  color: white; }

::selection {
  background: #00a6fc;
  color: white; }

ul {
  margin: 5px 15px;
  padding-left: 1em; }
  ul li {
    list-style-type: disc;
    padding: 2px 0; }

ol {
  margin: 5px 18px;
  padding-left: 1em; }
  ol li {
    list-style-type: decimal;
    padding: 2px 0; }

p {
  margin: 12.5px 0;
  line-height: 24px;
  font-size: 15px;
  font-size: 0.92308rem; }

small {
  font-size: 55%;
  opacity: 0.6;
  font-weight: normal; }

a {
  color: #00a6fc;
  /* text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-bottom: 1px solid transparent; */}
  /* a:hover {
    color: #0074b0; }
  a:hover {
    border-bottom: 1px solid; }
  a:visited {
    opacity: 0.8; } */
  }

blockquote p {
  font-weight: 300;
  font-size: 127%;
  line-height: 127%; }
blockquote cite {
  color: #888888; }
  blockquote cite:before {
    content: "\2014"; }

input[type=text], input[type=email], input[type=number], input[type=date], input[type=time], input[type=datetime], textarea {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  behavior: url(fonts/vendor/pie.htc);
  font-size: 15px;
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 90%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: solid 1px #bbbbbb;
  border-radius: 2px;
  outline: none !important;
  padding: 4px 5px 4px;
  background: white;
  color: #555555;
  width: 220px;
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
  behavior: url(fonts/vendor/pie.htc); }
  input[type=text]:focus, input[type=email]:focus, input[type=number]:focus, input[type=date]:focus, input[type=time]:focus, input[type=datetime]:focus, textarea:focus {
    -webkit-box-shadow: 0 0 5px rgba(82, 215, 254, 0.7);
    -o-box-shadow: 0 0 5px rgba(82, 215, 254, 0.7);
    -ms-box-shadow: 0 0 5px rgba(82, 215, 254, 0.7);
    box-shadow: 0 0 5px rgba(82, 215, 254, 0.7);
    behavior: url(fonts/vendor/pie.htc);
    border: 1px solid #70c6e0;
    outline: none !important; }
  input[type=text].disabled, input[type=email].disabled, input[type=number].disabled, input[type=date].disabled, input[type=time].disabled, input[type=datetime].disabled, textarea.disabled {
    cursor: not-allowed;
    background: whitesmoke !important; }
    input[type=text].disabled:hover, input[type=text].disabled:focus, input[type=email].disabled:hover, input[type=email].disabled:focus, input[type=number].disabled:hover, input[type=number].disabled:focus, input[type=date].disabled:hover, input[type=date].disabled:focus, input[type=time].disabled:hover, input[type=time].disabled:focus, input[type=datetime].disabled:hover, input[type=datetime].disabled:focus, textarea.disabled:hover, textarea.disabled:focus {
      border-color: #bbbbbb;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
      -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
      -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
      behavior: url(fonts/vendor/pie.htc); }
  input[type=text].success, input[type=email].success, input[type=number].success, input[type=date].success, input[type=time].success, input[type=datetime].success, textarea.success {
    color: #7fc028;
    border-color: #7fc028; }
    input[type=text].success:focus, input[type=email].success:focus, input[type=number].success:focus, input[type=date].success:focus, input[type=time].success:focus, input[type=datetime].success:focus, textarea.success:focus {
      -webkit-box-shadow: 0 0 5px rgba(127, 192, 40, 0.7);
      -o-box-shadow: 0 0 5px rgba(127, 192, 40, 0.7);
      -ms-box-shadow: 0 0 5px rgba(127, 192, 40, 0.7);
      box-shadow: 0 0 5px rgba(127, 192, 40, 0.7);
      behavior: url(fonts/vendor/pie.htc);
      border: 1px solid #799751;
      outline: none !important; }
  input[type=text].warning, input[type=email].warning, input[type=number].warning, input[type=date].warning, input[type=time].warning, input[type=datetime].warning, textarea.warning {
    color: #f8ca5c;
    border-color: #f8ca5c; }
    input[type=text].warning:focus, input[type=email].warning:focus, input[type=number].warning:focus, input[type=date].warning:focus, input[type=time].warning:focus, input[type=datetime].warning:focus, textarea.warning:focus {
      -webkit-box-shadow: 0 0 5px rgba(248, 202, 92, 0.7);
      -o-box-shadow: 0 0 5px rgba(248, 202, 92, 0.7);
      -ms-box-shadow: 0 0 5px rgba(248, 202, 92, 0.7);
      box-shadow: 0 0 5px rgba(248, 202, 92, 0.7);
      behavior: url(fonts/vendor/pie.htc);
      border: 1px solid #dabe7a;
      outline: none !important; }
  input[type=text].error, input[type=email].error, input[type=number].error, input[type=date].error, input[type=time].error, input[type=datetime].error, textarea.error {
    color: #b44326;
    border-color: #b44326; }
    input[type=text].error:focus, input[type=email].error:focus, input[type=number].error:focus, input[type=date].error:focus, input[type=time].error:focus, input[type=datetime].error:focus, textarea.error:focus {
      -webkit-box-shadow: 0 0 5px rgba(180, 67, 38, 0.7);
      -o-box-shadow: 0 0 5px rgba(180, 67, 38, 0.7);
      -ms-box-shadow: 0 0 5px rgba(180, 67, 38, 0.7);
      box-shadow: 0 0 5px rgba(180, 67, 38, 0.7);
      behavior: url(fonts/vendor/pie.htc);
      border: 1px solid #8e5a4c;
      outline: none !important; }

.btn-simple {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-size: 13px;
  padding: 10px 22px;
  border-radius: 3px;
  background-color: #00a6fc;
  color: white;
  color: rgba(255, 255, 255, 0.95);
  cursor: pointer;
  font-weight: bold;
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  display: inline-block; }
  .btn-simple:hover, .btn-simple:focus {
    background-color: #0095e3;
    color: #f7f7f7;
    color: rgba(247, 247, 247, 0.95); }
  .btn-simple:active {
    background-color: #0084c9; }

.btn {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-size: 13px;
  padding: 10px 22px;
  border-radius: 3px;
  background: #0084c9;
  background: url(static/img/noise.png) repeat, #0084c9 -moz-linear-gradient(top, #30b8ff 0%, #0084c9 100%) repeat-x;
  background: url(static/img/noise.png) repeat, #0084c9 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #30b8ff), color-stop(100%, #0084c9)) repeat-x;
  background: url(static/img/noise.png) repeat, #0084c9 -webkit-linear-gradient(top, #30b8ff 0%, #0084c9 100%) repeat-x;
  background: url(static/img/noise.png) repeat, #0084c9 -o-linear-gradient(top, #30b8ff 0%, #0084c9 100%) repeat-x;
  background: url(static/img/noise.png) repeat, #0084c9 -ms-linear-gradient(top, #30b8ff 0%, #0084c9 100%) repeat-x;
  background: url(static/img/noise.png) repeat, #0084c9 linear-gradient(top, #30b8ff 0%, #0084c9 100%) repeat-x;
  -pie-background: url(static/img/noise.png) repeat, #0084c9 linear-gradient(top, #30b8ff 0%, #0084c9 100%) repeat-x;
  behavior: url(fonts/vendor/pie.htc);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid #0084c9;
  color: white;
  color: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
  -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
  -ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
  behavior: url(fonts/fonts/vendor/pie.htc);
  cursor: pointer;
  font-weight: bold;
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  display: inline-block; }
  .btn:hover, .btn:focus {
    background-position: 0 -10px;
    color: #f7f7f7;
    color: rgba(247, 247, 247, 0.95);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }
  .btn:active {
    -webkit-box-shadow: inset 0 1px 5px rgba(0, 82, 125, 0.6);
    -o-box-shadow: inset 0 1px 5px rgba(0, 82, 125, 0.6);
    -ms-box-shadow: inset 0 1px 5px rgba(0, 82, 125, 0.6);
    box-shadow: inset 0 1px 5px rgba(0, 82, 125, 0.6);
    behavior: url(fonts/vendor/pie.htc);
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
    border-color: #006aa0; }

.btn.disabled, .btn-simple.disabled {
  background: #cccccc;
  border-color: #b3b3b3;
  opacity: 0.5;
  cursor: default; }
  .btn.disabled:hover, .btn-simple.disabled:hover {
    background-position: 0 0; }
  .btn.disabled:active, .btn-simple.disabled:active {
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    behavior: url(fonts/vendor/pie.htc);
    border-color: #b3b3b3;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }

code {
  padding: 3px 4px;
  color: #df5c33;
  background-color: whitesmoke;
  border: 1px solid #e1e1e8;
  border-radius: 3px;
  font-family: Menlo, Monaco, monospace; }

pre {
  display: block;
  padding: 7px;
  background-color: whitesmoke;
  border: 1px solid #e1e1e8;
  border-radius: 3px;
  white-space: pre-wrap;
  word-break: break-all;
  font-family: Menlo, Monaco, monospace;
  line-height: 160%; }

table {
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 18px;
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapsed;
  border-radius: 4px;
  behavior: url(fonts/vendor/pie.htc); }
  table th, table td {
    padding: 8px;
    line-height: 18px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #dddddd; }
  table th {
    font-weight: bold; }
  table thead th {
    vertical-align: bottom; }
  table thead:first-child tr th, table thead:first-child tr td {
    border-top: 0; }
  table tbody + tbody {
    border-top: 2px solid #dddddd; }
  table th + th, table td + td, table th + td, table td + th {
    border-left: 1px solid #dddddd; }
  table thead:first-child tr:first-child th, table tbody:first-child tr:first-child th, table tbody:first-child tr:first-child td {
    border-top: 0; }
  table thead:first-child tr:first-child th:first-child, table tbody:first-child tr:first-child td:first-child {
    border-radius: 4px 0 0 0;
    behavior: url(fonts/vendor/pie.htc); }
  table thead:first-child tr:first-child th:last-child, table tbody:first-child tr:first-child td:last-child {
    border-radius: 0 4px 0 0;
    behavior: url(fonts/vendor/pie.htc); }
  table thead:last-child tr:last-child th:first-child, table tbody:last-child tr:last-child td:first-child {
    border-radius: 0 0 0 4px;
    behavior: url(fonts/vendor/pie.htc); }
  table thead:last-child tr:last-child th:last-child, table tbody:last-child tr:last-child td:last-child {
    border-radius: 0 0 4px 0;
    behavior: url(fonts/vendor/pie.htc); }
  table tbody tr:nth-child(odd) td, table tbody tr:nth-child(odd) th {
    background-color: #f9f9f9; }
  table tbody tr:hover td, table tbody tr:hover th {
    background-color: whitesmoke; }

#clock-container {
  position: absolute;
  /* margin: 200px 300px; */
  /* right: 0; */
  z-index: 50; }

#clock {
  position: absolute;
  z-index:99; }
  #clock .network-line {
    /*border: 3px solid #333333; */
    position: absolute; 

    /* z-index: 9999 */;}
    #clock .network-line#center {
      height: 25px;
      width: 25px;
      z-index: 4;
      border-radius: 50px;
      behavior: url(fonts/vendor/pie.htc);
      background-color: #222222; 
      left: 178px;
      top: 135px; }
    /* #clock .network-line#facebook {
      height: 300px;
      width: 300px;
      border-radius: 155px;
      behavior: url(fonts/vendor/pie.htc);
      z-index: 4; }
    #clock .network-line#linkedin {
      height: 500px;
      width: 500px;
      top: -100px;
      left: -100px;
      border-radius: 250px;
      behavior: url(fonts/vendor/pie.htc);
      z-index: 4; }
	#clock .network-line#twitter {
	  height: 400px;
	  width: 400px;
	  top: -50px;
	  left: -50px;
	  border-radius: 200px;
	  behavior: url(fonts/vendor/pie.htc);
	  z-index: 4; } */
    #clock .network-line .tooltip {
      position: absolute;
      width: 45px;
      height: 20px;
      background-color: #222222;
      opacity: 0;
      overflow: hidden;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    #clock .network-line .arm.clock {
      /*background-color: #222222;
      border-radius: 5px;
      behavior: url(fonts/vendor/pie.htc);*/ }
    #clock .network-line .arm {
      rotation: 0;
      visibility: inherit;
      -webkit-transform-origin: center bottom;
      -moz-transform-origin: center bottom;
      -o-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
      transform-origin: center bottom;
      width: 5px;
      height: 50%;
      position: absolute;
      left: 50%;
      border-radius: 5px;
      behavior: url(fonts/vendor/pie.htc); }
      #clock .network-line .arm .circle {
        border: 3px solid #333333;
        height: 25px;
        border-radius: 20px;
        behavior: url(fonts/vendor/pie.htc);
        width: 25px;
        display: block;
        position: absolute;
        /* top: -15px;
        left: -13px; */
        -webkit-transition: all 0.1s linear;
        -moz-transition: all 0.1s linear;
        -o-transition: all 0.1s linear;
        -ms-transition: all 0.1s linear;
        transition: all 0.1s linear; }
        #clock .network-line .arm .circle:hover {
          width: 30px;
          height: 30px;
          top: -17px;
          left: -15px; }
          #clock .network-line .arm .circle:hover:after {
            content: attr(angle);
            background-color: #555555;
            opacity: 0.5;
            width: 20px;
            height: 20px;
            color: black; }
    #clock .network-line#facebook .circle {
      background-color: #3b5998; }
    #clock .network-line#linkedin .circle {
      background-color: #4875b4; }
	#clock .network-line#twitter .circle {
	  background-color: #80dbf8; }