<style type ="text/css" >
 	    body {
                    font: 13px/20px 'Lucida Grande', Tahoma, Verdana, sans-serif;
                    color: #4000FF;
                    background: #084B8A;
             }
            .container {
                    margin: 100px auto;
                    width: 500px;      //width: 1024px; 
            }
             .showv {
                    margin: 100px auto;
                    width: 1440px;      //width: 1024px; 
            }

            .barline {
                    position: relative;
                    //margin: -40px auto;
                    margin: 30px 2px auto;
                    padding: 20px 20px 5px;
                    width: 270px;
                    background: #A9BCF5;
                    border-radius: 30px;
                    -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
                    box-shadow: 0 0 500px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
            }
            .barline:before {
                    content: '';
                    position: absolute;
                    top: -12px;
                    right: -12px;
                    bottom: -12px;
                    left: -12px;
                    z-index: -1;
                    background: rgba(0, 0, 0, 0.3);
                    border-radius: 30px;
            }
              .barline h1 {
                    margin: -20px -20px 21px;
                    line-height: 40px;
                    font-size: 14px;
                    font-weight: bold;
                    color: #0B0B61;
                    text-align: center;
                    //text-shadow: 0 1px white;
                    background: #2E9AFE;
                    border-bottom: 1px solid #cfcfcf;
                    border-radius: 30px 30px 0 0;
                    background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
                    background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
                    background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
                    background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
                    -webkit-box-shadow: 0 1px whitesmoke;
                    box-shadow: 0 1px whitesmoke;
            }
            .piarea {
                    position: relative;
                    //margin: -40px auto;
                    margin: -1200px 340px auto;
                    padding: 20px 20px 5px;
                    width: 940px;
                    background: #BDBDBD;
                    border-radius: 30px;
                    -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
                    box-shadow: 0 0 500px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
            }
            .piarea:before {
                    content: '';
                    position: absolute;
                    top: -12px;
                    right: -12px;
                    bottom: -12px;
                    left: -12px;
                    z-index: -1;
                    background: rgba(0, 0, 0, 0.3);
                    border-radius: 30px;
            }

		              .inform {
                    position: relative;
                    //margin: -40px auto;
                    margin: -90px 2px auto;
                    padding: 20px 20px 5px;
                    width: 800px;
                    background: #A4A4A4;
                    border-radius: 30px;
                    -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
                    box-shadow: 0 0 500px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
            }
            .inform:before {
                    content: '';
                    position: absolute;
                    top: -12px;
                    right: -12px;
                    bottom: -12px;
                    left: -12px;
                    z-index: -1;
                    background: rgba(0, 0, 0, 0.3);
                    border-radius: 30px;
            }
             .login {
                    position: relative;
                    //margin: -40px auto;
                    margin: -90px 2px auto;
                    padding: 20px 20px 5px;
                    width: 450px;
                    background: #A4A4A4;
                    border-radius: 30px;
                    -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
                    box-shadow: 0 0 500px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
            }
            .login:before {
                    content: '';
                    position: absolute;
                    top: -12px;
                    right: -12px;
                    bottom: -12px;
                    left: -12px;
                    z-index: -1;
                    background: rgba(0, 0, 0, 0.3);
                    border-radius: 30px;
            }
            .login h1 {
                    margin: -20px -20px 21px;
                    line-height: 40px;
                    font-size: 18px;
                    font-weight: bold;
                    color: #0101DF;
                    text-align: center;
                    text-shadow: 0 1px white;
                    background: #01DFA5;
                    border-bottom: 1px solid #cfcfcf;
                    border-radius: 30px 30px 0 0;
                    background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
                    background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
                    background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
                    background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
                    -webkit-box-shadow: 0 1px whitesmoke;
                    box-shadow: 0 1px whitesmoke;
            }
            .login p { margin: 20px 0 0; }
            .login input[type=text], .login input[type=password] {
                     width: 330px; height: 35px;
                     font-size: 22px;
                     font-weight: bold;
            }
            .input[type=text]:focus, input[type=password]:focus {
                    border-color: #7dc9e2;
                    outline-color: #dceefc;
                    outline-offset: 0;
            }
            input[type=submit]:active {
                    background: #58FAD0;
                    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);
            }
            input[type=reset]:active {
                    background: #58FAD0;
                    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);
            }
            input[type=submit] {
                    margin: 8 5 auto;
                    padding: 0 15px;
                    width: 100px;
                    height: 32px;
                    font-size: 13px;
                    font-weight: bold;
                    color: #0040FF;
                    text-shadow: 0 1px #e3f1f1;
                    background: #F7819F;
                    border: 3px solid;
                    border-color: #b4ccce #b3c0c8 #9eb9c2;
                    border-radius: 10px;
                    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=reset] {
                    margin: 8 5 auto;
                    padding: 0 15px;
                    width: 80px;
                    height: 32px;
                    font-size: 13px;
                    font-weight: bold;
                    color: #0040FF;
                    text-shadow: 0 1px #e3f1f1;
                    background: #58FAD0;
                    border: 3px solid;
                    border-color: #b4ccce #b3c0c8 #9eb9c2;
                    border-radius: 10px;
                    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);
            }

	    .launchCer {
                    position: relative;
                    //margin: -40px auto;
                    margin: -90px 2px auto;
                    padding: 20px 20px 5px;
                    width: 1220px;
                    background: #A4A4A4;
                    border-radius: 30px;
                    -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
                    box-shadow: 0 0 500px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
            }
            .launchCer:before {
                    content: '';
                    position: absolute;
                    top: -12px;
                    right: -12px;
                    bottom: -12px;
                    left: -12px;
                    z-index: -1;
                    background: rgba(0, 0, 0, 0.3);
                    border-radius: 30px;
            }
            .launchCer h1 {
                    margin: -20px -20px 21px;
                    line-height: 40px;
                    font-size: 18px;
                    font-weight: bold;
                    color: #0101DF;
                    text-align: center;
                    text-shadow: 0 1px white;
                    background: #01DFA5;
                    border-bottom: 1px solid #cfcfcf;
                    border-radius: 30px 30px 0 0;
                    background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
                    background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
                    background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
                    background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
                    -webkit-box-shadow: 0 1px whitesmoke;
                    box-shadow: 0 1px whitesmoke;
            }
            .launchCer p { margin: 20px 0 0; }
            .launchCer input[type=text], .login input[type=password] {
                     width: 330px; height: 35px;
                     font-size: 22px;
                     font-weight: bold;
            }
            .input[type=text]:focus, input[type=password]:focus {
                    border-color: #7dc9e2;
                    outline-color: #dceefc;
                    outline-offset: 0;
            }

</style>
