/* General */
body {background: #E5E5E5; margin:0; padding:0; color:#333; font-size: 14px;
        font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;}

h4 {color:#0065FF;}

a {text-decoration:none; color:#5d7394;}
a:hover {color:#0000aa;}

ul{list-style:none;}
ul li{list-style:none;}

table {width:100%; border-spacing:0; text-align:center; color:#666; padding-bottom:10px;
        font-size: 14px;}

select {max-width:150px;}

/* Header */
#header { background: url("../images/bg_header.png"); }
h1#sitename {padding: 5px;padding-left: 15px; margin-bottom: -15px; font-weight:normal;/*background: #2F427A;*/}
h1#sitename a{color: #FFFFFF;}
#admin-nav {float: right; padding-right: 30px; margin-top: -6px; font-size:12px;}

#preference {float:right; padding-right:15px; margin-top:-25px;}

#help {float: right; font-size: 12px; color: #666;}

#copyright {font-size: 10px; color:#999999; text-align: center; margin-bottom: 30px; width: 100%;}

/* Menu */
ul#nav {width: 100%; height: 37px; padding: 0 0 0 0; margin: 15px 0 0 0; background: #256C89;}
ul#nav li {float: left; height: 37px; border-right: 1px solid #ddd;}
ul#nav li a {display: block; float: left; height: 37px; line-height: 37px; box-shadow: inset 0px 2px 2px rgba(255, 255, 255, 0.3);
                text-decoration: none; color: #fff; padding: 0 20px;}
ul#nav li a:hover {background: #fdfcf6; color: #454545;box-shadow: inset 0 6px 12px rgba(0, 0, 0, 0.2);}
ul#nav li a.active {background: #f0f0f0 repeat-x left top; color: #2F427A;box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2);}

/* Body */
#page-title {font-size: 18px; color: #256c89; font-weight: normal; padding: 14px 0 7px 30px; margin: 0px; clear: both;
                /*background: url("../images/bg_pagetitle.png");*/
                background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e6e6e6), color-stop(1, #ffffff));
                border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc;
            }
#msg {width:100%; text-align:center;}
.success {background:#bbff44; border-top:2px solid #00CC00; border-bottom:2px solid #00CC00;}
.error {background:#ffcccc; border-top:2px solid #ff2222; border-bottom:2px solid #ff2222;}
.warning {background:#ffff77; border-top:2px solid #dddd00; border-bottom:2px solid #dddd00;}
#main-container {width:90%; margin:25px auto 30px auto; border:1px solid #eee; padding:5px 5px 10px 5px;
                    border-radius:10px;box-shadow: 0px 0px 5px #999;background: #ffffff url('../images/main_container_bg.jpg') repeat-x;}

/* Action Buttons */
.green_btn {line-height: 31px;color: #FFFFFF;width: auto; height: 31px; padding: 0 10px 0 10px; display: block; float: left; background: url('../images/green_btn.gif') repeat-x center;}
.green_btn_left {width: 10px; height: 31px; display: block; float: left; background: url('../images/green_btn_left.gif') no-repeat center right;}
.green_btn_right {width: 10px; height: 31px; display: block; float: left; background: url('../images/green_btn_right.gif') no-repeat center right; margin-right: 10px;}
.red_btn {line-height: 31px;color: #FFFFFF;width: auto; height: 31px; padding: 0 10px 0 10px; display: block; float: left; background: url('../images/red_btn.gif') repeat-x center;}
.red_btn_left {width: 10px; height: 31px; display: block; float: left; background: url('../images/red_btn_left.gif') no-repeat center right;}
.red_btn_right {width: 10px; height: 31px; display: block; float: left; background: url('../images/red_btn_right.gif') no-repeat center right; margin-right: 10px;}
.blue_btn {line-height: 31px;color: #FFFFFF;width: auto; height: 31px; padding: 0 10px 0 10px; display: block; float: left; background: url('../images/blue_btn.gif') repeat-x center;}
.blue_btn_left {width: 10px; height: 31px; display: block; float: left; background: url('../images/blue_btn_left.gif') no-repeat center right;}
.blue_btn_right {width: 10px; height: 31px; display: block; float: left; background: url('../images/blue_btn_right.gif') no-repeat center right; margin-right: 10px;}

/* Table List */
table.admin-form {text-align:left;}
table.admin-form tr {vertical-align:top;}

thead td {border-bottom:1px solid #999; font-weight:bold; background: #e0e0e0;
            text-shadow: 1px 1px 1px #fff; font-size: 14px; padding: 5px 0;
            color: #666666;}

tr.odd {background:#fefefe;}
tr.odd:hover {background:#D8F4FF;}
tr.even {background:#eee;}
tr.even:hover {background:#D8F4FF;}
tr.publish0 * {color: #bbbbbb;}

div.odd {background:#fefefe;}
div.odd:hover {background:#D8F4FF;}
div.even {background:#eee;}
div.even:hover {background:#D8F4FF;}

/* Page Navigation */
#page-navigation {font-size:12px;/*text-align:center; background:#EEE; width:75%; margin:0 auto; *//*border:2px solid #999; padding:5px 0;*/ /*box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.2);*/}
#page-nav-button {padding:1px 5px; margin:1px; border: 1px solid #e0e0e0;/*background:#F28355; padding:1px 5px; border:1px solid #888; margin:1px; border-radius:5px; box-shadow:1px 1px 5px #888;*/}
#page-nav-button:hover {background:#333;/*background:#FFD9E4;*/}
#page-nav-num {/*padding:1px 5px; margin:1px;background:#F28355; padding:1px 5px; border:1px solid #888; margin:1px; border-radius:5px; box-shadow:1px 1px 5px #888;*/}
#page-nav-num font {border: 1px solid #e0e0e0; width: 15px; margin: 0 5px; padding: 1px 5px;}
#page-nav-num font:hover {background:#333;}
.cur-page {color:#303030;}
#page-navigation a {color:#A0A0A0;}
#page-navigation a:hover {color:#c0c0c0;}

/* Borrower */
tr.borrower-row:hover {background:#ccbbff; cursor:pointer;}
tr.borrower-row-head {color:#6600ee;}

td.borrower-match-name {background:#aaff33; border:1px solid #666;}
td.borrower-match-nickname {background:#aaff33; border:1px solid #666;}
td.borrower-match-email {background:#aaff33; border:1px solid #666;}
td.borrower-match-phone {background:#aaff33; border:1px solid #666;}
td.borrower-match-churchnum {background:#aaff33; border:1px solid #666;}
td.borrower-match-name-list {background:#eee; border:1px solid #666;}
td.borrower-match-nickname-list {background:#eee; border:1px solid #666;}
td.borrower-match-email-list {background:#eee; border:1px solid #666;}
td.borrower-match-phone-list {background:#eee; border:1px solid #666;}
td.borrower-match-churchnum-list {background:#eee; border:1px solid #666;}

span.tooltip {position: absolute; background: #92D6ED url("../images/bg_fade_blue_med.png") repeat-x top;
                border: 3px solid #2FADD7; font-weight: bold; padding: 5px 15px;
                text-align: left; border-radius: 15px; color: #0E7A9F;}
span.error-tooltip {position:absolute; background-color:#FFFFAA; border:1px solid #FFAD33;
	padding:5px 10px; color:#ff0000; text-align:left; border-radius:5px;}


th.borrower-column, td.borrower-column {background:#cdf;}
tr.return_record {color:#999;}

/* Login */
div#login-box{ width:480px; margin: 50px auto; border-radius: 20px;
                background:#000 url("../images/bg_login_box.png"); border-bottom: 1px solid #ffffff;}
div#login-box h2{ background: #261f1f; color: white; text-shadow: none; -moz-border-radius-topleft: 20px;
                    -webkit-border-top-left-radius: 20px; border-top-left-radius: 20px; -moz-border-radius-topright: 20px;
                    -webkit-border-top-right-radius: 20px; border-top-right-radius: 20px;
                    padding: 20px 15px; margin: 0; text-align:center;}
div#login-body {padding: 20px 30px; color: #ddd;text-shadow: 1px 1px 1px #222; text-align:center;}
div.field-group {display: block; height:38px;}
div.field-group::after {clear:both;}
input.field-text {width: 340px; padding: 17px 10px; border: 1px solid #09C; color: #09C;
                    border-radius: 8px; -moz-border-radius: 8px; font-size: 25px; margin: 10px 0;
                    background: url("../images/bg_login_input.png") 100%;}
input.field-button {background: #3197CA url("../images/bg_login_btn.png") repeat-x top; border-radius: 8px; -moz-border-radius: 8px;
                    border: none; font-size: 25px; font-weight: 700; text-shadow: 1px 1px 1px #9cced6;
                    color: #1C5571; width: 260px; padding: 11px 0; margin: 5px auto;
                    display: block; cursor: pointer; border-top: 1px solid #BEDFEF; letter-spacing: -1px;}
div#search {padding: 10px; color: #999; font-size:14px;}

span.defaultValue, span.fieldTips {color:#999; font-size:12px;}
div.results {background: #fff4c8;   border: 1px solid #ffcc00; left: 400px; position: fixed;
                top: 95px; padding: 5px; color: #cc4400; max-height: 300px; overflow: auto;}
div#booknum, div#recordnum { text-align: center; color: #DFB300; background: #FFF8CF; font-weight: 700;
                padding: 4px 7px; text-shadow: 1px 1px 1px #fff; }

table.admin-form, table.preference-form{ padding: 30px;}
table.admin-form td,table.preference-form td {padding: 5px 5px 0 5px;}
div#catlist, div#borrowerlist, div#locationlist, div#userlist{ padding: 30px; }

table.preference-form{text-align:left;}

/* Category */
div#catlist .header {border-bottom:1px solid #999; font-weight:bold; background: #e0e0e0;
            text-shadow: 1px 1px 1px #fff; font-size: 14px; padding: 5px 0;
            color: #666666;}
div#catlist .header .title {width:55%; text-align:center;}
div#catlist .header .number {width:15%;}
div#catlist .header .bookid {width:15%;}
div#catlist .header .publish {width:10%;}

div#catlist .title, div#catlist .number, div#catlist .bookid, div#catlist .publish {display: inline-block; text-align:center;}
div#catlist .title {width:55%; text-align:left;margin-left: 8px;}
div#catlist .number {width:16%;}
div#catlist .bookid {width:15%;}
div#catlist .publish {width:10%; position:absolute;}

td.odd { background: #FFF8CF;}
td.even { background: #CDF;}

.writeoff { color: #C00; }