@import url(component_loginBox.css);
@import url(component_menu.css);
@import url(component_pageForm.css);
@import url(component_quickSearch.css);
@import url(component_table.css);

.hidden {
   display: none;
}

/* Used to clear float: right in IE without all the bugs */
.clearBR {
   margin: 0;
   padding:0;
   line-height: 1px;
   display: block;
}

body {
   background-image: url(../img/background.jpg);
   background-repeat: repeat-y;
   background-position: center;
   background-color: #f7f4ee;
}

h2 {
   color: #a30a3c;
}

a,
a:link,
a:visited,
a:active {
   color: #00a;
}

a:hover {
   color: #44f;
}

.submit {
   visibility: hidden;
}

a img {
   border: 0;
}

#page ol {
   margin-bottom: 10px;
   list-style-position: inside;
   list-style-type: square;
}

#header {
   margin: 10px;
}

#header img {
   display: block;
   height: 125px;
}

h2#subtitle {
   background-color: #b30a6c;
   margin: 0;
   font-size: .9em;
   padding: .5em;
}

#logos {
   text-align: center;
}

#logos img {
   margin-bottom: 10px;
   border-width: 0;
}

.message {
   background-image: url('../img/messageHeader.png');
   margin: 0 0 10px 0;
   padding: 0;
   background-repeat: no-repeat;
}

.message ol {
   padding: 20px 0;
   margin: 0;
   background-image: url('../img/messageFooter.png');
   background-repeat: no-repeat;
   background-position: bottom left;
   list-style-type: none !important;
}

.message li {
   margin: 0px;
   padding: 0px 15px;
   font-weight: bold;
   text-align: center;
   background-image: url('../img/messageBody.png');
}

#siteInfo {
   padding: 0;
   margin: 0;
   list-style: none;
   background-image: url('../img/siteInfoBody.png'); 
}

#siteInfo h2 {
   background-image: url('../img/siteInfoHeader.png');
   margin: 0;
   padding: 10px 0 10px 20px;
   background-repeat: no-repeat;
   clear:none;
}

#siteInfo div {
   margin: 0px;
   padding: 0 20px 10px 20px;
   background-repeat: no-repeat;
   background-position: bottom left;
   background-image: url('../img/siteInfoFooter.png');
}

ol#subGenreList {
   list-style-position: inside;
   list-style: square;
   margin: 0 0 10px 0;
   padding: 0;
}

ol#subGenreList li {
   margin-left: 10px;
}

.authorList .genre {
   width: 5%;
   white-space: nowrap;
}

.abbrPopup {
   position: relative;
}

.abbrPopup .title {
   display: block;
   visibility: hidden;
   position: absolute;
   border: 1px solid;
   background-color: #cdf;
   padding: 2px;
   width: 150px;
   left: 10px;
   top: 0;
}

.abbrPopup .trigger {
   font-size:x-small; vertical-align:top;
   text-decoration: underline;
   color: #00f;
}

.abbrPopup .trigger:hover {
   cursor: pointer;
}

.atoz {
   margin-bottom: 10px;
   text-align: center;
}

.atoz div {
   margin: 0 auto;
}

.atoz a {
   display: inline;
   margin: .4%;
   width: 3.5%;
   margin-bottom: 10px;
   font-weight: bold;
   font-size: 14px;
}

.authorsGenres {
   list-style: none;
   margin: 0;
   padding: 0;
}

.authorsGenres li {
   margin: 0;
   padding: 0;
}

.viewPrize .discontinued {
   font-weight: bold;
}

.viewPrize .nonFiction,
.viewPrize .categoryName {
   font-style: italic;
   color: #888;
}

.viewPrize thead {
   display: none;
}

.viewPrize table,
.viewPrize td {
   border: 0;
   padding-left: 0;
   vertical-align: top;
}

.viewPrize .firstOfCategory td {
   padding-top: 1em;
}

.viewPrize .bookName {
   font-style: italic;
}

.viewPrize .additionalInfo {
   color: #444;
   padding-top: 2px;
}

.fieldMessage,
.fieldError {
   font-weight: bold;
   font-size: .9em;
   margin-bottom: 5px;
}

.fieldError {
   color: #f00;
}

.fieldMessage {
   color: #00f;
}

tr.error,
tr.error td {
   background-color: #fcc;
}

#viewAuthor #authorName {
   background-color: #aaf;
   padding: 5px;
   color: #000;
   margin-bottom: 10px;
}

#viewAuthor h2 {
   display: inline;
   font-size: 1.3em;
   color: #000;
   clear: none;
}

#viewAuthor #authorName img {
   display: inline;
   vertical-align: bottom;
}

#viewAuthor h3,
#updateAccount h3 {
   margin-top: 10px;
}

#viewAuthor td {
   vertical-align: top;
}

#viewAuthor .attributeList {
   margin: 0 0 2px 0;
}

.attributeList {
   margin-bottom: 5px;
   border: 0;
}

.attributeList thead {
   display: none;
}

.attributeList td,
.attributeList th {
   background-color: white;
   font-weight: normal;
   color: #000;
   font-size: .9em;
   padding: 3px 0 3px 5px;
   border-width: 0;
}

.attributeList td.name {
   font-weight: bold;
   width: 120px;
}

.mceEditor {
   float: left;
   width: 400px !important;
   margin-bottom: 10px;
}

#copyright, #identity {
   margin-top: 0;
   text-align: center;
   font-size: 10px;
   color: #555;
}

#thanks thead {
   display: none;
}

#thanks .organisation {
   color: #44f;
}