/*********compresed css*******
*/@charset "utf-8";
.panel a#logintop, .panel a#jointop{ display:block; float:right; margin-right:1px; padding:0px 2px; }
body{ margin:0; padding:0}
.box h2, p , a, label{ font-family: 'Exo', sans-serif}
a:link{ text-decoration:none; }
a:active{ text-decoration:none; }
a:visited{ text-decoration:none }
.box{width:330px;height:auto;left:50%;top:0%;padding:1px;position:fixed;display:inline-block;background:white;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0, .4); text-align:center;border:1px solid #b4b1b1;visibility:hidden;z-index:10; -webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:opacity .5s, top .5s;-moz-transition:opacity .5s, top .5s;-ms-transition:opacity .5s, top .5s;-o-transition:opacity .5s, top .5s;transition:opacity .5s, top .5s}
.overlay:target+.box{top:42%;opacity:1;visibility:visible}
.overlay{background-color:rgba(0, 0, 0, 0.6);bottom:0;cursor:default;left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:1;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}
.overlay:target{visibility:visible;opacity:1}
.close{background-image:url(../images/close.png);height:48px;width:48px;position:absolute;right: -18px;;text-align:center;text-decoration:none;top: -20px; }
.close:hover{-webkit-filter:brightness(10%)}.fb{background-image:url(../images/fb-icon.png);background-repeat:no-repeat; background-position:5% 42%;-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;box-shadow:inset 0px 0px 0px 0px #ffffff;background-color:#3b5998;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #133783;display:inline-block;color:#ffffff;font-family:Trebuchet MS;font-size:10px;font-weight:bold;padding:5px 11px 5px 30px;text-decoration:none;cursor:pointer}
.fb:hover{background-color:#5782d9}
.fb:active{position:relative;top:1px}
.tw{background-image:url(../images/tw-icon.png);background-repeat:no-repeat; background-position:5% 42%;-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;box-shadow:inset 0px 0px 0px 0px #ffffff;background-color:#00aeed;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #027091;display:inline-block;color:#ffffff;font-family:Trebuchet MS;font-size:10px;font-weight:bold;padding:5px 11px 5px 30px;text-decoration:none;cursor:pointer}
.tw:hover{background-color:#009dd1}
.tw:active{position:relative;top:1px}
input[type=button]{padding:5px 25px;border:1px solid;font-size:11px;cursor:pointer;text-decoration:none}
input[type=button].red{color:#fff;border-color:#cc3333;-moz-box-shadow:inset 0 0 2px 0 rgba(255, 255, 255, 0.6);-webkit-box-shadow:inset 0 0 2px 0 rgba(255, 255, 255, 0.6);box-shadow:inset 0 0 2px 0 rgba(255, 255, 255, 0.6);text-shadow:0px 1px 1px rgba(0, 0, 0, 0.5);background:#e35940; background: -moz-linear-gradient(top, #e35940 0%, #cb4229 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e35940), color-stop(100%,#cb4229)); background: -webkit-linear-gradient(top, #e35940 0%,#cb4229 100%); background: -o-linear-gradient(top, #e35940 0%,#cb4229 100%); background: -ms-linear-gradient(top, #e35940 0%,#cb4229 100%); background:linear-gradient(to bottom, #e35940 0%,#cb4229 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e35940', endColorstr='#cb4229',GradientType=0 ); -webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;border-top-left-radius:5px;border-bottom-left-radius:5px}
input[type=button].red:hover{background:#e35940; background: -moz-linear-gradient(top, #e35940 0%, #c9371e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e35940), color-stop(100%,#c9371e)); background: -webkit-linear-gradient(top, #e35940 0%,#c9371e 100%); background: -o-linear-gradient(top, #e35940 0%,#c9371e 100%); background: -ms-linear-gradient(top, #e35940 0%,#c9371e 100%); background:linear-gradient(to bottom, #e35940 0%,#c9371e 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e35940', endColorstr='#c9371e',GradientType=0 ); }
input[type=button].red:active{background:#e35940}input[type=button].blue{color:#000;border-color:#0099cc;-moz-box-shadow:inset 0 0 2px 0 rgba(255, 255, 255, 0.8);-webkit-box-shadow:inset 0 0 2px 0 rgba(255, 255, 255, 0.8);box-shadow:inset 0 0 2px 0 rgba(255, 255, 255, 0.8);text-shadow:0px 1px 1px rgba(255, 255, 255, 0.8);background:#9ae0e9; background: -moz-linear-gradient(top, #9ae0e9 0%, #82c8d1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9ae0e9), color-stop(100%,#82c8d1)); background: -webkit-linear-gradient(top, #9ae0e9 0%,#82c8d1 100%); background: -o-linear-gradient(top, #9ae0e9 0%,#82c8d1 100%); background: -ms-linear-gradient(top, #9ae0e9 0%,#82c8d1 100%); background:linear-gradient(to bottom, #9ae0e9 0%,#82c8d1 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ae0e9', endColorstr='#82c8d1',GradientType=0 ); -webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;border-top-right-radius:5px;border-bottom-right-radius:5px}
input[type=button].blue:hover{background:#9ae0e9; background: -moz-linear-gradient(top, #9ae0e9 0%, #69c4ce 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9ae0e9), color-stop(100%,#69c4ce)); background: -webkit-linear-gradient(top, #9ae0e9 0%,#69c4ce 100%); background: -o-linear-gradient(top, #9ae0e9 0%,#69c4ce 100%); background: -ms-linear-gradient(top, #9ae0e9 0%,#69c4ce 100%); background:linear-gradient(to bottom, #9ae0e9 0%,#69c4ce 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ae0e9', endColorstr='#69c4ce',GradientType=0 ); }input[type=button].blue:active{background:#9ae0e9}input[type=button].signup{margin-bottom:10px;color:#000;border-color:#0099cc;-moz-box-shadow:inset 0 0 2px 0 rgba(255, 255, 255, 0.8);-webkit-box-shadow:inset 0 0 2px 0 rgba(255, 255, 255, 0.8);box-shadow:inset 0 0 2px 0 rgba(255, 255, 255, 0.8);text-shadow:0px 1px 1px rgba(255, 255, 255, 0.8);background:#9ae0e9; background: -moz-linear-gradient(top, #9ae0e9 0%, #82c8d1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9ae0e9), color-stop(100%,#82c8d1)); background: -webkit-linear-gradient(top, #9ae0e9 0%,#82c8d1 100%); background: -o-linear-gradient(top, #9ae0e9 0%,#82c8d1 100%); background: -ms-linear-gradient(top, #9ae0e9 0%,#82c8d1 100%); background:linear-gradient(to bottom, #9ae0e9 0%,#82c8d1 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ae0e9', endColorstr='#82c8d1',GradientType=0 ); -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}input[type=button].signup:hover{background:#9ae0e9; background: -moz-linear-gradient(top, #9ae0e9 0%, #69c4ce 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9ae0e9), color-stop(100%,#69c4ce)); background: -webkit-linear-gradient(top, #9ae0e9 0%,#69c4ce 100%); background: -o-linear-gradient(top, #9ae0e9 0%,#69c4ce 100%); background: -ms-linear-gradient(top, #9ae0e9 0%,#69c4ce 100%); background:linear-gradient(to bottom, #9ae0e9 0%,#69c4ce 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ae0e9', endColorstr='#69c4ce',GradientType=0 ); }input[type=button].signup:active{background:#9ae0e9}.text-field {display:block;margin:0 auto;width:180px;height:10px;border:1px solid #c0c2c7;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#8c8f90;padding:10px;font-style:italic;font-size:11px;margin-bottom:10px;-moz-box-shadow:inset 0 1px 3px -1px #b4b1b1;-webkit-box-shadow:inset 0 1px 3px -1px #b4b1b1;box-shadow:inset 0 1px 3px -1px #b4b1b1}.text-field:focus{ outline:none;box-shadow:inset 0 2px 0 rgba(0,0,0,.2), 0 0 4px rgba(0,0,0,0.1),0 0 5px 1px #51CBEE}.error{position:absolute;width:362px;height:50px;margin-left:-16px;margin-top:13px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background-color:#b20a0a;box-shadow:0 0 10px rgba(0,0,0, .4);visibility:hidden}.error .errortext{vertical-align:middle;margin-top:17px;font-family: 'Exo', sans-serif}.box p{display:inline;color:#7e7e7e;font-size:11px}#forg{color:#7e7e7e;margin-left:95px}#buttons, .connectwith{display:block;padding-bottom:15px}

input[type=submit] {
  padding: 0 18px;
  height: 29px;
  font-size: 12px;
  font-weight: bold;
  color: #527881;
  text-shadow: 0 1px #e3f1f1;
  background: #cde5ef;
  border: 1px solid;
  border-color: #b4ccce #b3c0c8 #9eb9c2;
  border-radius: 16px;
  outline: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: -webkit-linear-gradient(top, #edf5f8, #cde5ef);
  background-image: -moz-linear-gradient(top, #edf5f8, #cde5ef);
  background-image: -o-linear-gradient(top, #edf5f8, #cde5ef);
  background-image: linear-gradient(to bottom, #edf5f8, #cde5ef);
  -webkit-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
}
input[type=submit]:active {
  background: #cde5ef;
  border-color: #9eb9c2 #b3c0c8 #b4ccce;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
}