html {
	height:100%
	}

body {
  margin:0px;
  padding:0px;
  background-color: #FFFFFF;
  color: #FFFFFF;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  text-align: center;
  font-size: 12px;
  }

body,input,textarea {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  }

/****************           *********************/

img {
 border: none;
 vertical-align: text-bottom;
 }

a img {
 border: none;
 vertical-align: text-bottom;
 }

/****************************************/

#newWindowContent {
  width: 100%;
  display: table;
  background-color: #FFFFFF;
  color: #000000;
  margin: 0px auto 0px auto;
  border: 0px solid #808080;
  padding: 0px 0px 0px 0px;
  }

/****************************************/

div.newWindowCenter {
  display: table;
  width: 420px;
  height: 320px;
  background-color: #E6E6E6;
  margin: 30px auto 0px auto;
  border: 1px solid #000000;
  padding: 10px 15px 10px 15px;
  text-align: center;
  }

div.popupMainPanel {
  width: 510px;
  min-height: 100%;
  display: table;
  margin: 20px auto 20px auto;
  border: 1px solid #808080;
  padding: 32px 10px 10px 10px;
  background-position: left top;
  }

/************** Book Details *******************/

.bookDetails {
  background-image: url('images/book_detail_header.gif');
  background-repeat: no-repeat;
  }

.terms {
  background-image: url('images/terms_header.gif');
  background-repeat: no-repeat;
  }

div.bookDetailRow {
  width: 480px;
  /*height: 20px;*/
  display: table;
  clear: both;
  /*float: left;*/
  margin: 5px 0px 0px 0px;
  border: 0px solid green;
  padding: 0px;
  text-align: left;
  font-size: 14px;
  }

div.bookDetailRow span.label {
  width: 100px;
  float: left;
  margin: 0px 0px 0px 0px;
  border: 0px solid yellow;
  padding: 0px;
  text-align: right;
  font-weight: bold;
  }

div.bookDetailRow span.info {
  width: 350px;
  float: right;
  margin: 0px 0px 0px 0px;
  border: 0px solid blue;
  padding: 0px;
  text-align: left;
  }

/************************** Buttons ******************************/

div.buttonRow {
  width: 90%;
  clear: both;
  display: table;
  margin: 10px auto 10px auto;
  border-top: 1px solid #808080;
  padding: 10px 0px 0px 0px;
  text-align: center;
  }

div.buttonRow span.leftButton {
  width: 48%;
  display: block;
  float: left;
  text-align: center;
  margin: 0px;
  border: 0px solid #008000;
  padding: 0px;
  }

div.buttonRow span.rightButton {
  width: 48%;
  display: block;
  float: right;
  text-align: center;
  margin: 0px;
  border: 0px solid #008000;
  padding: 0px;
  }

/******************************************/

div.formRow {
  height: 25px;
  width: 440px;
  clear: both;
  display: table;
  margin: 0px auto 0px auto;
  border: 0px solid green;
  padding: 0px;
  text-align: center;
  }

/******************************************/

.alignLeft {
  text-align: left;
  }