/* CSS Document */
/*
ffcc33 yellow
ffff99 light yellow
cc0000 dark red
ff6633 lighter red
cc0000 dark red2



*/
body{
/*	background: #abc;color: #222;*/
	text-align: center;direction:rtl;
	font: 100% Arial, Helvetica, sans-serif;
	border-collapse:collapse;	
  }

div#container{
/*width:760px;
padding-top:10px;
*/
text-align:center;background:#FFF;
}
div#header{background: #FFFFFF;text-align:right}
div#content{float:center;width:49%;margin:5px 1px;background: #778CCA}
div#nav{float:right;width:40%;margin:5px 1px;background: #FFD154}
/*
#loading {
 	position:fixed;
 	left: 50%;
 	top: 50%;
 	margin-top: -50px;
 	margin-left: -100px;
 	text-align: center;
}
*/
#loading {
	direction:rtl;
   background-color:#CF4342;
   color:#fff;
   top:0px;
   right:0px;
   position:fixed;
   font-size:1.2em;
 }

#loading img {
   vertical-align:middle;
   margin:2px;
 }


.footer a {
	color:#999999;

}
.topMenu {
	padding-right:1em;
	font-weight:bold;
	font-size:1em;
	background-color:#ff6633;
	color:#fff;
	text-align:justify;
}
.topMenu a {
	color:#000000;
	text-decoration:none;
}
.topMenu a:hover {
	text-decoration:underline;
}

ul#split,ul#split li{margin:0;padding-top:5px;list-style:none}
ul#split li{width:45%;margin:0 10px 10px 0}
ul#split h3{ ;margin:0px;padding: 5px 0 0;text-align:center;color: #000}
ul#split p{margin:0;padding:5px 8px 15px}

ul#splitA,ul#splitA li{margin:0;padding-top:5px;list-style:none}
ul#splitA li{width:45%;}
ul#splitA h3{ ;margin:0px;padding: 5px 0 0;text-align:center;color: #000}
ul#splitA p{margin:0;padding:5px 8px 15px}

ul#splitB,ul#splitB li{margin:0;padding-top:5px;list-style:none}
ul#splitB li{float:right;width:90%;margin:0 10px 10px 0}
ul#splitB h3{ ;margin:0px;padding: 5px 0 0;text-align:center;color: #000}
ul#splitB p{margin:0;padding:5px 8px 15px}

/*
li#one h3{background: #CC6666}
ul#split div{background: #FFFAAF}
li#one div{border:2px solid #CC6666}
*/
li#one h3{background: #cc0000}
li#one div{border:2px solid #cc0000}

li#two h3{background: #ffcc33}
li#two div{border:2px solid #ffcc33}
/*
li#two h3{background: #FFBD00}
li#two div{border:2px solid #FFBD00}
*/
li#three h3{background: #E3A1C4}
li#three div{border:2px solid #E3A1C4}

.backOfLiTwo {
	text-align:right;vertical-align:top;
	background: #ffff99	
}
.backOfLiOne {
	text-align:right;vertical-align:top;
	background: #ff6633;	
}
.recommendationTable {
	clear:both;
	width:100%;
	border-collapse:collapse;
}
.recommendationTable td {
	border-bottom:1px solid #abc;
}
.btnLiked {
	float:right;
	background-color:#ffcc33;
	font-weight:bold;
	cursor:pointer;	
	width:80px;
}
.btnNotLiked {
	float:right;
	background-color:#cc0000;
	font-weight:bold;
	cursor:pointer;
	width:80px;	
}
.bookTitle {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	
}
.bookAuthor {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	
}

.link {
	color:#000000;
	text-decoration:none;
}
.link:hover {
	text-decoration:underline;

}

.textBox {
	width:15em;font-size:1.2em;
	color:#000;
	background::#F8EFE9;
	border:#660000 solid 4px;	
	margin:0px 2px;
	padding-right: 0.5em;

}

div.autocomplete {
  position:absolute;
  width:250px;
  background-color:#4e70ba;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;

}
div.autocomplete ul li.selected { 
	background-color: #ccd9ee;
}
div.autocomplete ul li {
  	list-style-type:none;
  	display:block;
  	margin:0;
  	padding:2px;
	font-family:david;
  	cursor:pointer;
}
.when {
	font-style:italic;color:#888;font-weight:normal;font-size:0.8em;
}
.when a {
	text-decoration:none;font-weight:normal;
	color:#888;
}