/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* main.css : libris                             */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html {
     font-family: "trebuchet ms", "lucinda grande", arial, sans-serif;
     font-size:1.070em;
     line-height:130%;
     }


body {
     padding-right:0px;
     padding-left:0px;
     padding-bottom:0px;
     padding-top:10pt;
     margin:5px;
     text-align:center;
     height:100%;
     /*background: -webkit-linear-gradient(top, #173B0B, #ddd);
     background: -moz-linear-gradient(top, #173B0B, #ddd);
     background: -ms-linear-gradient(top, #173B0B, #ddd);
     background: -o-linear-gradient(top, #173B0B, #ddd);
     background: linear-gradient(to bottom, #173B0B, #ddd);*/
     background:#735109;
     background: #795434; 
     }

body a link, active, visited {
     color:#000;
     }

table, tr, td {
     margin:0px;
     padding:0px;
     border-spacing:0;
     }

b, strong {
     font-size:110%;
     font-weight:normal;
     color:#61210b;
     }

.skip-hidden {
    	clip: rect(1px, 1px, 1px, 1px);
    	height: 1px;
    	overflow: hidden;
    	position: absolute;
    	white-space: nowrap;
    	width: 1px;
	}

input, select, option {
     font-size:93.5%;
     }

#helpblock {
     margin-top:22px;
     width:86%;
     padding-left:38px;
     }
     
.search_banner {
     }

.search_banner a {
     text-decoration: none;
     }

.search_banner a:hover {
     background:#f5f6ce;
     }

.buttonon {
     color:#000;
     border: 1px solid #ccc;
     width:5px;
     padding-left:2px;
     padding-right:2px;
     background:#f5f6ce;
     }
 
.buttonoff {
     color:#000;
     border: 1px solid #ccc;
     width:5px;
     padding-left:2px;
     padding-right:2px;
     }


td {
     font-size:97.0%;
     line-height:155%;
     }
 
tr {
     vertical-align:top;
     }


#temp {
     border: 3px solid #ccc;  
     padding: 15px;
     margin-bottom:20px;
     font-size:105%;
     }   

#wrapper {
     position:relative;
     width:770px;
     border:26px solid #fff;
     border-top:13px solid #fff;
     margin:0px auto;
     background-color:#fff;
     text-align:left;
     overflow:hidden;
     padding-bottom:0px;
     -moz-border-radius:4px;
     -webkit-radius:4px;
     -khtml-border-radius:4px;
     border-radius:4px;
     }
 
#head {
     position:relative;
     text-align:center;
     background-color:#ccc;
     background-image:url("/xlibris/images/toronto1.gif");
     height:158px;
     width:764px;
     padding-bottom:0px;
     margin:0px;
     margin-left:3px;
     margin-right:3px;
     margin-top:4px;
     margin-bottom:0px;
     }
 
#banner {
     position:relative;
     text-align:center;
     top:-133px;
     }
 
#image_nofade {
     }
 
#content {
     position: relative;
     top:-28px;
     width:771px;
     }
 
#main_column {
     position:relative;
     top:20px;
     left:175px;
     padding-right:20px;
     font-size:83.5%;
     background-color:#fff;
     color:#000;
     width:520px;
     min-height:500px;
     height:auto !important;
     height:500px;
     border-left:4px dotted #ccc;
     padding-left:28px;
     }

#getin a {
     margin:0px;
     padding:0px;		
     color:#000;
     text-decoration:none;
     border-width: 0pt 0pt 0pt 0pt;
     border-style: none none dotted none;
     }
 
#getin a:hover {
     text-decoration:none;
     border-width: 0pt 0pt 0pt 0pt;
     border-style: none none dotted none;
     }
 
.dotted a {
     color:#000;
     text-decoration:none;
     border-width: 0pt 0pt 1pt 0pt;
     border-style: none none dotted none;
     line-height:150%;
     }
 
.dotted a:hover {
     color:blue;
     border-width: 0pt 0pt 1pt 0pt;
     border-style: none none dotted none;
     text-decoration:none;
     }
 
#sidenav {
     font-size:80.5%;
     position:absolute;
     text-align:center;
     padding-top:5px;
     padding-bottom:5px;
     padding-left:0px;
     left:17px;
     top:20px;
     width:174px;
     margin-left:0px;
     margin-right:0px;
     background-color:#fff;
     color:#222;
     }
 
.system_button {
     font-size:98.5%;
     padding:2px;
     border:0px solid #fff;
     background:transparent;
     }
 
.system_button a {
     text-decoration: none;
     border-width: 0pt 0pt 1pt 0pt;
     border-style: none none dotted none;
     }
 
.system_button a:hover {
     background-image: linear-gradient(to bottom, #fff, #d4e6f1);
     }
 
.sidenav_button {
     color:#000;
     display:block;
     font-size:95.5%;
     text-align:center;
     margin-bottom:6px;
     border:1px solid #bbb;
     padding:0px;
     background-color:#efefff;
     width:118px;
     -moz-border-radius:4px;
     -webkit-border-radius:4px;
     -khtml-border-radius:4px;
     border-radius:4px;
     background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#ddd));
     background-image: -moz-linear-gradient(top, #fff, #ddd);
     background-image: -ms-linear-gradient(top, #fff, #ddd);
     background-image: -o-linear-gradient(top, #fff, #ddd);
     background-image: linear-gradient(to bottom, #fff, #ddd);
     }
 
.sidenav_button a {
     text-decoration: none;
     }
 
.sidenav_button a:hover {
     background-image:linear-gradient(to bottom, #fff, #aed6f1);
     background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#ddd));
     background-image: -moz-linear-gradient(top, #fff, #ddd);
     }
 
.sidenav_button_text {
     width:118px;
     color:#222;
     display:block;
     font-size:95.5%;
     text-align:center;
     margin-bottom:6px;
     border:1px solid #bbb;
     padding:4px;
     background-color:#fe642e;
     width:110px;
     -moz-border-radius:4px;
     -webkit-border-radius:4px;
     -khtml-border-radius:4px;
     border-radius:4px;
     background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#fe642e));
     background-image: -moz-linear-gradient(top, #fff, #fe642e);
     background-image: -ms-linear-gradient(top, #fff, #fe642e);
     background-image: -o-linear-gradient(top, #fff, #fe642e);
     background-image: linear-gradient(to bottom, #fff, #fe64e);
     }
 
.sidenav_button_text a {
     text-decoration: none;
     }
 
.sidenav_button_text a:hover {
     background-image:linear-gradient(to bottom, #fff, #aed6f1);
     background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#ddd));
     background-image: -moz-linear-gradient(top, #fff, #ddd);
     }
 
.gradient {
     }
 
.gradient a {
     text-decoration: none;
     }
 
.gradient a:hover {
     background-image:linear-gradient(to bottom, #fff, #aed6f1);
     }
 
#subform {
     background:#efefdd;
     border:1px solid #aaa;
     height:26px;
     margin-top:3px;
     margin-bottom:6px;
     }
 
h1 {
     font-size:13.5pt;
     font-weight: normal;
     line-height:100%;
     color:#000
     }
 
h2 {
     font-size:110%;
     font-weight:normal;
     margin-top:0px;
     padding-top:0px;
     color:#61210b;
     }
 
h4 {
     font-size:115%;
     font-weight:normal;
     margin-bottom:8px;
     padding-top:0px;
     }
 
.smalltext {
     font-size:83%;
     line-height:150%;
     color:#000;
     }
 
.tinytext {
     line-height:100%;
     color:#000
     }
 
.white {
     font-size:10pt;
     line-height:150%;
     color:#fff;
     }
 
.lib_thumb {
     margin-left:-30px;
     border:2px solid #ccc;
     -moz-box-shadow: 0px 5px 17px -7px #666;
     -webkit-box-shadow: 0px 5px 17px -7px #666;
     box-shadow: 0px 5px 17px -7px #666;
     -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=180, Color='#cccccc')";
     color:#fff;
     }
 
#thumb {
     text-align:left;
     margin-left:296px;
     border:2px solid #fff;
     -moz-box-shadow: 0px 5px 17px -7px #666;
     -webkit-box-shadow: 0px 5px 17px -7px #666;
     box-shadow: 0px 5px 17px -7px #666;
     -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=180, Color='#cccccc')";
     color:#fff;
     opacity:.98;
     }

#news_thumb {
     text-align:right;
     margin-top:5px;
	margin-left:25px;
     border:0px solid #fff;
     -moz-box-shadow: 0px 5px 17px -7px #666;
     -webkit-box-shadow: 0px 5px 17px -7px #666;
     box-shadow: 0px 5px 17px -7px #666;
     -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=180, Color='#cccccc')";
     color:#fff;
     opacity:.98;
     }
 
#image{
     -webkit-animation:fadeinout 35s linear alternate infinite;
     animation:fadeinout 25s linear alternate infinite;
     animation-delay:5s;
     opacity:1;
     color:#fff;
     }
 
@-webkit-keyframes fadeinout {
     0% {-webkit-opacity:1;}
     3% {-webkit-opacity:1;}
     6% {-webkit-opacity:1;}
     9% {-webkit-opacity:1;}
     12% {-webkit-opacity:1;}
     15% {-webkit-opacity:1;}
     18% {-webkit-opacity:1;}
     21% {-webkit-opacity:1;}
     24% {-webkit-opacity:1;}
     27% {-webkit-opacity:1;}
     30% {-webkit-opacity:1;}
     33% {-webkit-opacity:1;}
     36% {-webkit-opacity:1;}
     39% {-webkit-opacity:1;}
     42% {-webkit-opacity:1;}
     45% {-webkit-opacity:1;}
     48% {-webkit-opacity:0.9;}
     51% {-webkit-opacity:0.8;}
     54% {-webkit-opacity:0.7;}
     57% {-webkit-opacity:0.6;}
     60% {-webkit-opacity:0.5;}
     63% {-webkit-opacity:0.4;}
     66% {-webkit-opacity:0.3;}
     69% {-webkit-opacity:0.2;}
     72% {-webkit-opacity:0.1;}
     75% {-webkit-opacity:0;}
     78% {-webkit-opacity:0;}
     81% {-webkit-opacity:0;}
     83% {-webkit-opacity:0;}
     85% {-webkit-opacity:0;}
     88% {-webkit-opacity:0;}
     91% {-webkit-opacity:0;}
     94% {-webkit-opacity:0;}
     97% {-webkit-opacity:0;}
     100% {-webkit-opacity:0;}
     }
 
@keyframes fadeinout {
     0% {opacity:1;}
     3% {opacity:1;}
     6% {opacity:1;}
     9% {opacity:1;}
     12% {opacity:1;}
     15% {opacity:1;}
     18% {opacity:1;}
     21% {opacity:1;}
     24% {opacity:1;}
     27% {opacity:1;}
     30% {opacity:1;}
     33% {opacity:1;}
     36% {opacity:1;}
     39% {opacity:1;}
     42% {opacity:1;}
     45% {opacity:1;}
     48% {opacity:0.9;}
     51% {opacity:0.8;}
     54% {opacity:0.7;}
     57% {opacity:0.6;}
     60% {opacity:0.5;}
     63% {opacity:0.4;}
     66% {opacity:0.3;}
     69% {opacity:0.2;}
     72% {opacity:0.1;}
     75% {opacity:0;}
     78% {opacity:0;}
     81% {opacity:0;}
     83% {opacity:0;}
     85% {opacity:0;}
     88% {opacity:0;}
     91% {opacity:0;}
     94% {opacity:0;}
     97% {opacity:0;}
     100% {opacity:0;}
     }
 
#paypal_image {
     padding-left:155px;
     }
 
#navbar {
     font-size:83.5%;
     width:764px;
     font-weight:normal;
     position: relative;
     top:-37px;
     opacity:0.80;
     text-align: center;
     background-color:#243b0b;;
     color: #fff;
     height: 26px;
     padding-top: 6px;
     padding-bottom: 6px;
     margin-left: 3px;
     margin-right: 3px;
     border-top: 0px solid white;
     border-bottom: 0px solid white;
     border-left: 0px solid #444;
     border-right: 0px solid #444;
     -moz-box-shadow: 0px 5px 17px -7px #666;
     -webkit-box-shadow: 0px 5px 17px -7px #666;
     box-shadow: 0px 5px 17px -7px #666;
     -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=180, Color='#cccccc')";
     }
 
.nav {
     background-color: #243b0b;;
     color: #fff;
     }
 
.nav a, active, visited {
     text-decoration: none;
     border-left: 1px solid #243b0b;;
     border-top: 1px solid #243b0b;;
     border-right: 1px solid #243b0b;;
     border-bottom: 1px solid #243b0b;;
     padding: 4px;
     }
 
.nav a:hover {
     background-color: #243b0b;;
     color: #fff;
     text-decoration: none;
     padding: 4px;
     text-shadow: 0 0 10px orange, 0 0 15px orange, 0 0 20px orange, 0 0 30px orange, 0 0 40px orange, 0 0 60px orange, 0 0 80px orange, 0 0 100px orange;
     }
 
.navon {
     background-color: #243b0b;;
     color: #ffcc66;
     }
 
.navon a, active, visited {
     text-decoration: none;
     background-color: #243b0b;;
     color: #ffcc66;
     border-left: 1px solid #777;
     border-top: 1px solid #777;
     border-right: 1px solid #fff;
     border-bottom: 1px solid #fff;
     }
 
.pass_block {
     background-color:#f3e2a9;
     border:1px solid #b0b0b0;
     width:86%;
     text-align:center;
     margin-left:40px;
     margin-bottom:0px;
     padding:22px;
     padding-right:27px;
     -moz-border-radius:4px;
     -webkit-radius:4px;
     -khtml-border-radius:4px;
     border-radius:4px;
     }
 
.pass_text {
     margin-top:10px;
     margin-left:38px;
     width:86%;
     }
 
#helpblock {
     padding:2px;
     width:96%;
     margin-left:20px;
     }
 
.input_table {
     background-color:#f3e2a9;
     border:1px solid #b0b0b0;
     width:96%;
     margin-left:20px;
     margin-bottom:6px;
     padding:12px;
     padding-top:14px;
     padding-right:27px;
     -moz-border-radius:4px;
     -webkit-radius:4px;
     -khtml-border-radius:4px;
     border-radius:4px;
     }
 
#open_url_logo {
     text-align:center;
     border:1px solid #fff;
     border-radius:6px;
     margin-top:10px;
     margin-bottom:10px;
     }
 
#logo {
     border:1px solid #ccc;
     border-radius:6px;
     }
 
#print_table {
     width:100%;
     }
 
.text_green {
     color:#000;
     border-bottom:1px solid #ddd; /*#e0f8f7; #cee3f6;*/
     padding-top:4px;
     padding-bottom:4px;
     vertical-align:middle;
     }
 
.text_green_wide {
     color:#000;
     border-bottom:1px solid #ddd; /*#e0f8f7; #cee3f6;*/
     padding-top:4px;
     padding-bottom:4px;
     width:100%;
     vertical-align:middle;
     }
 
.text {
     color:#000;
     border-top:1px solid #ddd;
     padding-top:4px;
     padding-bottom:4px;
     vertical-align:middle;
     }
 
.text a {
     color:#000;
     text-decoration:none;
     border-width: 0pt 0pt 1pt 0pt;
     border-style: none none dotted none;
     line-height:150%;
     }
 
.text a:hover {
     color:blue;
     border-width: 0pt 0pt 1pt 0pt;
     border-style: none none dotted none;
     text-decoration:none;
     }
 
.infoline {
     color:#000;
background-color:#f5ecce;
     border-top:1px solid #ddd;
     padding-top:4px;
     padding-bottom:4px;
     vertical-align:middle;
     }
 
.infoline a {
     color:#000;
     text-decoration:none;
     border-width: 0pt 0pt 1pt 0pt;
     border-style: none none dotted none;
     line-height:150%;
     }
 
.infoline a:hover {
     color:blue;
     border-width: 0pt 0pt 1pt 0pt;
     border-style: none none dotted none;
     text-decoration:none;
     }
 
.altline {
     color:#000;
     background-color:#fff;
     border-top:1px solid #ddd;
     padding-top:4px;
     padding-bottom:4px;
     vertical-align:middle;
     }
 
.altline a {
     color:#000;
     text-decoration:none;
     border-width: 0pt 0pt 1pt 0pt;
     border-style: none none dotted none;
     line-height:150%;
     }
 
.altline a:hover {
     color:blue;
     border-width: 0pt 0pt 1pt 0pt;
     border-style: none none dotted none;
     text-decoration:none;
     }
 
.text10 {
     width:6%;
     }
 
.text_right_25 {
     text-align:right;
     padding-right:10px;
     width:25%;
     vertical-align:middle;
     }
 
.text_right {
     text-align:right;
     padding-right:10px;
     width:35%;
     vertical-align:middle;
     }
 
.text90 {
     width:90%;
     }
 
.text, text10, text90 td {
     color:#000;
     }
 
.text_center {
     text-align:center;
     padding-right:4px;
     width:55%;
     vertical-align:middle;
     }
 
.text a, .text10 a, .text90 a, .text_green_wide a {
     color:#000;
     text-decoration:none;
     border-width: 0pt 0pt 1pt 0pt;
     border-style: none none dotted none;
     }
 
.text a:hover, .text10 a:hover, .text90 a:hover, .text_green_wide a:hover {
     color:blue;
     border-width: 0pt 0pt 1pt 0pt;
     border-style: none none dotted none;
     text-decoration:none;
     }
 
.spacer {
     height:4px;
     }
 
.input_box {
     border:1px solid #c0c0c0;
     padding:4px;
     }
 
.input_container {
     padding:0px;
     margin:0px;
	width:56%;
     }
 
.pad {
     padding:4px;
     }
 
select {
     padding:3px;
     border:1px solid #c0c0c0;
     }
 
.toptext {
     padding-top:8px;
     padding-bottom:8px;
     color:#000;
     }
 
.poptext {
     padding:3px;
     }
 
.card {
     width:94%;
     padding:20px;
     background-color:#efefcc;
     border:1px solid #ddd;
     margin-bottom:20px;
     margin-top:10px;
     -moz-border-radius:6px;
     -webkit-radius:6px;
     -khtml-border-radius:6px;
     border-radius:6px;
     }
 
.hilite {
     color:#000;
     background:pink;
     }
 
.main_column_submenu {
     text-align:center;
     }
 
.center {
     text-align:center;
     font-size:110%;
     font-weight:normal;
     margin-bottom:8px;
     padding-top:0px;
     color:#61210b;
     }
 
#pdf {
     border:0px solid #fff;	
     margin-top:4px;	
     -moz-border-radius:3px;
     -webkit-radius:3px;
     -khtml-border-radius:3px;
     border-radius:3px;
     -moz-box-shadow: 0px 5px 17px -7px #666;
     -webkit-box-shadow: 0px 5px 17px -7px #666;
     box-shadow: 0px 5px 17px -7px #666;
     -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=9, Direction=180, Color='#cccccc')";
     color:#fff;
     }