﻿body {
          /*background:#211c16 url(../Images/pool_new2.jpg);*/
          background:#211c16 url(../Images/69.jpg);
		  background-position: center center;
		  background-repeat:no-repeat;
		  background-attachment:fixed;
		  background-size: cover;
          /*background:#ffff69;*/
        }
        .pagecontent
        {
            width:100%;
            margin: 0 auto;
        }
        .loginpesan {
          margin: 10px auto;
          margin-bottom:0px;
          width: 245px;
          padding: 30px 25px;
          /*background: white;
          border: 1px solid #c4c4c4;
          border-radius: 25px;*/

        }
        
        .login {
          margin: 10px auto;
          margin-bottom:0px;
          width: 285px;
          padding: 30px 25px;
          /*background: white;
          border: 1px solid #c4c4c4;
          border-radius: 25px;*/

        }
        
        .QProfile123 {
          margin: 10px auto;
          margin-bottom:0px;
          width: 90%;
          opacity:0.9;
          padding: 30px 25px;
          background: white;
          border: 1px solid #c4c4c4;
          border-radius: 15px;

        }
        
        .QProfile {
          margin: 10px auto;
          margin-bottom:0px;
          width: 90%;
          opacity:0.9;
          padding: 30px 25px;
          background: white;
          border: 1px solid #c4c4c4;
          border-radius: 15px;

        }
        
        .QProfile2 {
          margin: 10px auto;
          margin-bottom:0px;
          width: 97%;
          padding: 30px 15px;
          background: white;
		  opacity:0.9;
          border: 1px solid #c4c4c4;
          border-radius: 15px;

        }
        .QGeneral {
          margin: 5px auto;
          margin-bottom:0px;
          width: 90%;
          padding: 10px 5px;
          background: white;
          text-align:justify;
          font:12px verdana;

        }

        h1.login-title {
          margin: -28px -25px 25px;
          padding: 5px 25px;
          line-height: 30px;
          font-size: 25px;
          font-weight: 300;
          color: #ADADAD;
          text-align:center;
          /*background: #eee;*/
          border-radius: 25px 25px 0px 0px;
 
        }

        .loginpesan-input {
          width: 230px;
          height: 50px;
          margin-bottom: 25px;
          padding-left:10px;
          font-size: 15px;
          background: #fff;
          border: 1px solid #ccc;
          border-radius: 4px;
        }
        .loginpesan-input:focus {
            border-color:#6e8095;
            outline: none;
          }

        .login-input {
          width: 275px;
          height: 50px;
          margin-bottom: 25px;
          padding-left:10px;
          font-size: 15px;
          background: #fff;
          border: 1px solid #ccc;
          border-radius: 4px;
        }
        .login-input:focus {
            border-color:#6e8095;
            outline: none;
          }
          
         .profile2-input {
          width: 40%;
          height: 50px;
          margin-bottom: 10px;
          padding-left:10px;
          font-size: 15px;
          background: #fff;
          border: 1px solid #ccc;
          border-radius: 4px;
        }
        .profile2-input:focus {
            border-color:#6e8095;
            outline: none;
          }
         .profile-input {
          width: 90%;
          height: 50px;
          margin-bottom: 10px;
          padding-left:10px;
          font-size: 15px;
          background: #fff;
          border: 1px solid #ccc;
          border-radius: 4px;
        }
        .profile-input:focus {
            border-color:#6e8095;
            outline: none;
          }
        .login-buttoninfo {
          width: 100%;
          height: 50px;
          padding: 0;
          font-size: 20px;
          color: #fff;
          text-align: center;
          background: #5a9a9d;
          border: 0;
          border-radius: 5px;
          cursor: pointer; 
          outline:0;
        }
        .login-buttoninfo:hover
        {
            /*background-color: #798f50; */
            background-color: #6bbfc3;
        
        }
        .login-button {
          width: 100%;
          height: 50px;
          padding: 0;
          font-size: 20px;
          color: #fff;
          text-align: center;
          background: #6bbfc3;
          border: 0;
          border-radius: 5px;
          cursor: pointer; 
          outline:0;
        }
        .login-button:hover
        {
            /*background-color: #798f50; */
            background-color: #5a9a9d;
        
        }
        .login-button2 {
          width: 100%;
          height: 50px;
          padding-top: 11px;
          font-size: 20px;
          color: #fff;
          text-align: center;
          background: #5a9a9d;
          border: 0;
          border-radius: 5px;
          cursor: pointer; 
          outline:0;
        }
        .login-button2:hover
        {
            background-color: #6bbfc3;
        
        }
        
        .login-button3 {
          width: 100%;
          height: 50px;
          padding-top: 11px;
          font-size: 20px;
          color: #fff;
          text-align: center;
          background: #5d6946;
          border: 0;
          border-radius: 5px;
          cursor: pointer; 
          outline:0;
        }
        .login-button3:hover
        {
            background-color: #798f50;
        
        }
        .login-button4 {
          width: 50%;
          height: 50px;
          padding-top: 11px;
          font-size: 20px;
          color: #fff;
          text-align: center;
          background: #5d6946;
          border: 0;
          border-radius: 5px;
          cursor: pointer; 
          outline:0;
        }
        .login-button4:hover
        {
            background-color: #798f50;
        
        }
        .login-buttonCxl {
          width: 49%;
          height: 50px;
          padding-top: 11px;
          font-size: 20px;
          color: #fff;
          text-align: center;
          background: #b52212;
          border: 0;
          border-radius: 5px;
          cursor: pointer; 
          outline:0;
        }
        .login-buttonCxl:hover
        {
            background-color: #b52212;
        
        }
        .login-buttonCxl2 {
          width: 100%;
          height: 50px;
          padding-top: 11px;
          font-size: 20px;
          color: #fff;
          text-align: center;
          background: #b52212;
          border: 0;
          border-radius: 5px;
          cursor: pointer; 
          outline:0;
        }
        .login-buttonCxl2:hover
        {
            background-color: #b52212;
        
        }
        .login-lost
        {
          text-align:center;
          margin-bottom:0px;
          font:13px verdana;
          color:Red;
        }

        .login-lost a
        {
          color:#666;
          text-decoration:none;
          font-size:13px;
        }
        .login-footer{
	        width:100%;
	        margin:0 auto;
	        font:11px/14px verdana;
	        text-align:center;
	        color:#fff;
        }
        .profile3-input {
          width: 17%;
          height: 30px;
          margin-bottom: 10px;
          padding-left:5px;
          font-size: 15px;
          background: #fff;
          border: 1px solid #ccc;
          border-radius: 4px;
          text-align:center;
        }
        
        .profile4-input {
          width: 97%;
          height: 30px;
          margin-bottom: 10px;
          padding-left:5px;
          font-size: 15px;
          background: #fff;
          border: 1px solid #ccc;
          border-radius: 4px;
        }
        
        .QProfileOrder {
          margin: 2px auto;
          margin-bottom:0px;
          width: 97%;
          padding: 10px 8px;
          background: white;
		  opacity:0.9;
          border: 1px solid #c4c4c4;
          border-radius: 15px;

        }
        .QProfileOrder2 {
          margin: 0px auto;
          margin-bottom:0px;
          width: 100%;
          background: white;
		  opacity:0.9;

        }
        .boxes
        {
            padding:0px;   
            margin-top:1px; 
        }
        .textboxes
        {
            position: absolute; 
            bottom: 20px; 
            right: 20px; 
            color:White;    
        }
        