/* Page */
body {margin: 0; padding: 0; text-align: center; background: #54602e url(lochend_images/banner.jpg) no-repeat; background-position: top center; font: small/1.3em Arial, Helvetica, sans-serif; color: #000;}
#top {height: 240px; margin: 0; background: url(lochend_images/logo.png) no-repeat top; }
.main {margin: 0 auto; width: 850px; padding-bottom: 30px; text-align: center;}

/* Overrides */
a {color: #fff; text-decoration: underline;}
a:visited {color: #fff;}

/* Headers */
h1 {display: none;}
.subtitle {margin: 10px 0 0 0; text-align: right; font-size: small; padding: 0; line-height: 14px; height: 30px; padding: 0 10px 0 0; color: #213f34;}
h3 {display: none;}
h4 {display: none;}
h5 {margin: 10px;}

/* Attribs */
.alert {color: red;}
.alert p {width: 100%; text-align: center;}

/* Login */
.loginfields { text-align: right; color: #fff; background: rgba(33, 63, 52, 0.8); width: 50%; padding: 20px 30px; margin: 0 auto; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.loginfields .info {width: 100px; margin-left: 10px;}
.login {margin: 0 auto; width: 850px; padding-bottom: 30px;}

/* Menu */
.login .menu {display: none;}
.main .menu {text-align: left; padding: 20px 0 20px 130px; margin: 0 0 0 0; background-color: #808080; filter: alpha(opacity=70); opacity:0.7;}
.selected {}
#menu li {float: left; padding-left: 18px !important; padding-left: 10px; font-weight: bold;}
#menu li a {display: block;}
#menu li.menu_br {display: none; margin: 0;}
#menu li#menuitem_1 {display: none;}

/* Narrative */
.narrative { padding: 30px; }
.narrative a { color: #000; }
.left .narrative { background: rgba(255, 255, 255, 0.8); width: 50%; padding: 10px 20px; margin: 0 auto 10px auto; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; box-shadow: inset 0px -1px 2px rgba(0,0,0,0.5), inset 0px 1px 5px rgba(255,255,255,0.5);}
.left {text-align: justify; margin: 0; padding: 25px 0 5px 0;}
.pagenarrative {margin: 6px 0;}
#lastItem {display: none;}

/* Content */
.right {margin: 0 auto; padding: 0;}
.cont_right_middle {width: 850px; margin: 0; text-align: center;}
.cont_right_middle p {margin: 10px;}
.cont_right_middle p.button {text-align: right; padding-top: 20px;}
.cont_right_middle select {width: 200px;}
.cont_right_middle input.field {padding: 2px; font-size: 100%;}
.cont_right_middle label.left {float: left; margin: 0; padding: 2px; font-size: 100%; text-align: right;}
.cont_right_bottom {clear: both;}

/* Page Footer */
.bottom {font-size: x-small; clear: both; text-align: center; padding-top: 12px; color: #000;}
.bottom a {color: #fff;}

/* Standard Form */
.grid {background: rgba(255, 255, 255, 0.8); width: 96%; margin: 0 auto;}
  .grid a { color: #000; }
.gridheader {background: #272727; font-weight: bold; vertical-align: top; text-align: left; color: #fff;}
.griditem {color: #333333;}
.gridaltitem {color: #284775;}
.gridpager {background-color: #284775; text-align: left; color: #fff;}
.grid td {vertical-align: top;}
.gridpage a {color: #fff;}
.gridnotes {text-align: right; padding-right: 30px;}
.spacedlinks a {color: #000; padding: 0 4px;}
.balance { color: #fff; }

/* Pin Form */
#pinform legend { color: #fff; font-weight: bold;}
#pinform fieldset { border: 0 none; }
#pinform {width: 50%; margin: 0 auto; padding: 30px; background: #272727; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; box-shadow: inset 0px -1px 2px rgba(0,0,0,0.5), inset 0px 1px 5px rgba(255,255,255,0.5); color: #fff;}
#pinform label.left {width: 175px; margin: 0 0 0 10px;}
#pinform input.field {width: 150px;}

/* Details Form */
.detailsform legend { color: #fff; font-weight: bold; padding-top: 20px;}
.detailsform fieldset {width: 680px; margin: 0 auto; background: #272727; padding: 30px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; box-shadow: inset 0px -1px 2px rgba(0,0,0,0.5), inset 0px 1px 5px rgba(255,255,255,0.5); color: #fff;}
.detailscolumn1 {width: 330px; float: left;}
.detailscolumn2 {width: 350px; float: left;}
.detailsform label.left {width: 120px;}
.detailsform input.field {width: 180px;}
.detailsform select {width: 60px;}
.detailsform label.info {float: left; width: 100px; margin: 0; padding: 2px; font-size: 100%; text-align: right;}

/* Sub Info */
.subinfo legend { color: #fff; font-weight: bold; padding-top: 20px;}
.subinfo fieldset {width: 680px; margin: 0 auto; background: #272727; padding: 30px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; box-shadow: inset 0px -1px 2px rgba(0,0,0,0.5), inset 0px 1px 5px rgba(255,255,255,0.5); color: #fff;}
.subinfo p {padding: 0 6px;}
.subinfo h4 {padding: 4px 0 0 12px;}
.chargestable {float: left; width: 300px;}

/* Buttons */
input[type="submit"] {cursor: pointer; display: inline-block; font-size: 15px; line-height: 20px; margin: 6px; text-align: center; text-shadow: none; vertical-align: middle; background-color: #1b104b !important; background-image: none !important; background-repeat: no-repeat !important; color: #fff; padding: 6px 15px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; box-shadow: inset 0px -1px 2px rgba(0,0,0,0.5), inset 0px 1px 5px rgba(255,255,255,0.5)}
input[type="submit"]:hover {color: #fff; text-decoration: underline;}