﻿  body{
            margin: 0;
            font-family: "Helvetica Neue" ,Helvetica,Arial,sans-serif;
            font-size: 14px;
            line-height: 20px;
            color: #333;
            background-color: #fff;
  }
        .modal 
        {
           z-index: 2;
            position: fixed;
            top: 20%;
            left: 50%;
            width: 560px;
            margin-left: -280px;
            background-color: #fff;
            border: 1px solid #999;
            border: 1px solid rgba(0,0,0,0.3);
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
            outline: 0;
            -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
            -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
            box-shadow: 0 3px 7px rgba(0,0,0,0.3);
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box;
        }
        .MenuMain
        {
           z-index: 2;
            position: fixed;
            top: 20%;
            left: 50%;
            width: 560px;
            margin-left: -280px;
            background-color: #fff;
            border: 1px solid #999;
            border: 1px solid rgba(0,0,0,0.3);
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
            outline: 0;
            -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
            -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
            box-shadow: 0 3px 7px rgba(0,0,0,0.3);
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box;
        }
        input[type="text"],input[type="password"]
        {
            border-radius: 0;
            width: 240px;
            border-left: 1px solid #a6a6a6;
            border-top: 1px solid #a6a6a6;
            box-shadow: inset 1px 1px 1px #efefef;
            height: 20px;
            line-height: 20px;
            display: inline-block;
            margin-bottom: 0;
            vertical-align: middle;
            background-color: #fff;
            border: 1px solid #ccc;
            transition: border linear .2s,box-shadow linear .2s;
            font-size: 14px;
            color: #555;
            margin-left: 0;
            font-family: "Helvetica Neue" ,Helvetica,Arial,sans-serif;
        }
        .modal-header
        {
            padding: 9px 15px;
            border-bottom: 1px solid #eee;
        }
        .close
        {
            float: right;
            font-size: 20px;
            font-weight: bold;
            line-height: 20px;
            color: #000;
            text-shadow: 0 1px 0 #fff;
            opacity: .2;
            filter: alpha(opacity=20);
        }
        button.close
        {
            padding: 0;
            cursor: pointer;
            background: transparent;
            border: 0;
            -webkit-appearance: none;
        }
        .modal-header h3
        {
            margin: 0;
            line-height: 30px;
            font-weight: normal;
            font-size: 24.5px;
            font-family: inherit;
            color: inherit;
            text-rendering: optimizelegibility;
            word-wrap: break-word;
        }
        .float-box
        {
            padding: 25px 35px;
        }
        .login-info
        {
            margin: 0 23px 10px;
            color: #999;
        }
        .form-horizontal
        {
            border-bottom: 1px dashed #ddd;
            padding: 0 23px;
            margin-bottom: 12px;
        }
        .control-group
        {
            margin-bottom: 15px;
            margin: 0 23px 10px;
        }
        .control-label
        {
            width: 64px;
            text-align: left;
            letter-spacing: 0.3em;
            color: #999;
            font-size: 12px;
            float: left;
            margin: 3px;
        }
      
        .lgn-btn
        {
            width: 120px;
            height: 32px;
            position: relative;
            top: -1px;
            font-size: 12px;
            color: #eee;
            text-shadow: 0 0 1px #eee;
            box-shadow: none;
            border: none;
            -webkit-border-radius: 5px;
        }
        .lgn-reg-btn
        {
            width: 120px;
            height: 32px;
            line-height: 32px;
            font-size: 12px;
            display: inline-block;
            text-align: center;
            color: #eee;
            text-shadow: 0 0 1px #eee;
        }
        a
        {
            color: #999;
            text-decoration: none;
            font-size: 12px;
        }
        .controls
        {
            margin-left: 70px;
        }
        .back
        {
            display:none;
            position: fixed;
            _position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 33;
            background: rgba(0,0,0,.4);
            z-index:1;
        }