body { background: #fff; }

    #dashboard { font-family: Merriweather; }

    #container { width: 800px; margin: 0 auto; position: relative; }
    
    #menu { text-align: right; }
    
    .error { background: #fff4f4; color: #ff0000; font-weight: bold; font-size: 12pt; margin-bottom: 15px; padding: 5px; }
    .chk { background: #e5ffe3; color: #0a8d00; font-weight: bold; font-size: 12pt; margin-bottom: 15px; padding: 5px; }  
    
    #left { float: left; width: 450px; margin-right: 20px; }
    #right { float: left; width: 450px; }
    
    #create_pass, .edit_pass { 
      border: 2px solid #ccc; padding: 20px; 
      position: absolute; width: 90%; top: 10px; margin: 0 auto; left: 0; right: 0;
      box-shadow: 1px 1px 223px #ccc; background: #fff; 
      z-index: 1000;
    }

    #edit_pass { border: 1px solid #ccc; padding: 10px; }
    
    #create_pass input[type="text"], .edit_pass input[type="text"] { width: 270px; }
    
    h1 { margin: 10px 0 0; }
    h2 { margin: 10px 0 0; }
    
    .pass_list .hdr td { font-weight: bold; background: #f1f1f1; }
    
    .calimg { width: 17px; }
    
    #debug { width: 980px; margin: 100px auto 0; border: 1px solid #ccc; padding: 20px; }
    
    img.ui-datepicker-trigger {
          position: relative;
          left: -28px;
          top: 3px;
          opacity: .6;
          cursor: pointer;
    }
    
    
  .pass_list { width: 100%; }
  .pass_list .hdr td { font-weight: bold; border-bottom: 1px solid #ccc; }
  .pass_list .pass_row td { border-bottom: 1px solid #ccc; }


.createNewPass { width: 320px; float: right; margin-right: 100px; }
  
  
  
  
/* Responsive */
@media only screen and (max-width: 768px) {

  #container { width: 100%; position: relative; }

   .createNewPass { width: 95%; float: none; }

    #create_pass, .edit_pass { 
      padding: 15px 60px; 
      position: absolute; width: 95%; top: 35px; left: 0; 
      box-shadow: 1px 1px 223px #ccc; background: #fff; 
      z-index: 1000;
    }

    #edit_pass { border: 1px solid #ccc; padding: 5px; }


    #left { float: none; width: 100%; margin-right: 0px; }
    #right { float: none; width: 100%; }

}
  


  
  
  
/* Buttons */  
  .passButton {
  	-moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
  	-webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
  	box-shadow: 0px 1px 0px 0px #f0f7fa;
  	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
  	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
  	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
  	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
  	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
  	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
  	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
  	background-color:#33bdef;
  	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
  	border-radius:6px;
  	border:1px solid #057fd0;
  	display:inline-block;
  	cursor:pointer;
  	color:#ffffff;
  	font-family:Arial;
  	font-size:15px;
  	font-weight:bold;
  	padding:6px 24px;
  	text-decoration:none;
  	text-shadow:0px -1px 0px #5b6178;
  }
  .passButton:hover {
  	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
  	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
  	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
  	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
  	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
  	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
  	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
  	background-color:#019ad2;
  }
  .passButton:active {
  	position:relative;
  	top:1px;
  }

  .passButtonGrey {
  	-moz-box-shadow: 0px 1px 0px 0px #ffffff;
  	-webkit-box-shadow: 0px 1px 0px 0px #ffffff;
  	box-shadow: 0px 1px 0px 0px #ffffff;
  	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
  	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
  	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
  	background-color:#ffffff;
  	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
  	border-radius:6px;
  	border:1px solid #dcdcdc;
  	display:inline-block;
  	cursor:pointer;
  	color:#666666;
  	font-family:Arial;
  	font-size:15px;
  	font-weight:bold;
  	padding:6px 24px;
  	text-decoration:none;
  	text-shadow:0px -1px 0px #ffffff;
  }
  .passButtonGrey:hover {
  	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
  	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
  	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
  	background-color:#f6f6f6;
  }
  .passButtonGrey:active {
  	position:relative;
  	top:1px;
  }

  .passButtonGreySml {
  	-moz-box-shadow: 0px 1px 0px 0px #ffffff;
  	-webkit-box-shadow: 0px 1px 0px 0px #ffffff;
  	box-shadow: 0px 1px 0px 0px #ffffff;
  	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
  	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
  	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
  	background-color:#ffffff;
  	-moz-border-radius:6px;
  	-webkit-border-radius:6px;
  	border-radius:6px;
  	border:1px solid #dcdcdc;
  	display:inline-block;
  	cursor:pointer;
  	color:#666666;
  	font-family:Arial;
  	font-size:12px;
  	font-weight:bold;
  	padding:3px 14px;
  	text-decoration:none;
  	text-shadow:0px -1px 0px #ffffff;
  }
  .passButtonGreySml:hover {
  	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
  	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
  	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
  	background-color:#f6f6f6;
  }
  .passButtonGreySml:active {
  	position:relative;
  	top:1px;
  }