@charset "utf-8";
/* CSS Document */

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background:url(../img/bg.jpg) repeat-x #F3F3F3;
}

.container{
	background:#FFF;
}

#header{
	background:#F3F3F3;
	
}

#logo{
	padding:10px;
	margin-left: 50px;
	float:left;
}

#title{
	margin-top:10px;
	float:right;
	margin-right:100px;
	text-align:right;
}

#title h1{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	line-height:10px;
}

#title h2{
	font-size:20px;
	line-height:10px;
}
#title h3{
	font-size:18px;
	color:#666;
	line-height:10px;
}

#navbar{
	float:none;
}

#slider{
}

#layout{

}

#sidebar{
	background:#FFF url(../img/sidebarmain.png) repeat-y;
	width:25%;
	float:left;
}

.open-hour{
	height:200px;
	background-color:#3DB2E1;
	padding-top:10px;
}

.open-hour-content{
	background-color:#FFF;
	width:auto;
	height:150px;
	margin:10px;
	padding:10px;
}

#content{
	padding:20px 20px;
	margin-bottom:30px;
}

#post{
	margin:0 auto;
	width:920px;
	border:#CCC solid;
	padding:10px;
	background:#F1F1F1;
}

#footer{
	padding: 20px ;
	text-align:center;

}


/* Image slider CSS */
.coin-slider { 
	overflow: hidden; 
	zoom: 1; 
	position: relative;

}
.coin-slider a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}

.cs-buttons { 
	font-size: 0px; 
	padding: 10px; 
	float: left; 
}

.cs-buttons a { 
	margin-left: 5px; 
	height: 10px; 
	width: 10px; 
	float: left; 
	border: 1px solid #B8C4CF; 
	color: #B8C4CF; 
	text-indent: -1000px; 
}
.cs-active { 
	background-color: #B8C4CF; 
	color: #FFFFFF; 
}

.cs-title { 
	padding: 10px; 
	background-color: #000000; 
	color: #FFFFFF; 
}

.cs-prev, 
.cs-next { 
	background-color: #000000; 
	color: #FFFFFF; 
	padding: 0px 10px; 
}


/* Login form */
.error{
	color:#F00;
	margin-bottom:20px;
}

.input{
	margin-bottom:20px;
	display:block;
	width:100%;
}

.msg{
	margin-bottom:20px;
}

#login{
	margin:80px auto;
	width:250px;

}

#login h2{
	margin-bottom:20px;
}

.logout{
	float:right;
	width:50px;
	margin:20px 20px 0;
}

/* form */
#post input[type="text"]{
	width:100%;
}

#post table{
	width:100%;
	
}

#post tr{
	height:40px;
}

#post td{
	margin-right:50px;
}

/************************
		Index
************************/

.btn-wrapper{
	margin:0 auto;
	width:250px;
}

.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  margin-bottom:15px;
  width:inherit;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}



/*Book issue*/

#book-info{
	width:inherit;
	min-height:400px;
}

.book-search{
	width:400px; 
	float:left;
}

#std-thumb{
	width:120px;
	height:130px;
	margin-bottom:10px;
	border:#999 solid;
	box-shadow: 5px 5px 5px #888888;
}

#book-title-list{
	width:auto;
	height:300px;
	padding:5px;
	background-color:#CCC;
	overflow-y: auto;
}
#book-title-list ul{
	list-style:none;
	padding:0;
	margin:0;
}

#book-title-list li{
	display:block;
	margin:5px;
	padding:5px;
	background:#FFF;
	box-shadow: 10px 10px 20px #888888;
}

#book-adder-viewad{
	margin-top:45px;
	margin-left:20px;
	padding:20px;
	width:400px;
	height:300px; 
	float:left;
	background-color:#FFF;
	box-shadow: 10px 10px 10px #888888;
}



#error-box{
	display:none;
	color:#FFF;
	background:#F00;
	padding:10px;
	font-weight:bold;
}



/*******************
     All-Card
*******************/

.stcard-table tr{
	border:#DDD solid;
}

.stcard-table td{
	padding:10px;
}

.stcard-table #photo{
	border:#999 solid;
	box-shadow: 5px 5px 5px #888888;
	width:120px;
	height:130px;
}


/*******************
     All-Books
*******************/

.book-table tr{
	border:#DDD solid;
}

.book-table td{
	padding:10px;
}