@charset "utf-8";

/* Common */
/* ====================================================================== */

*{
	margin: 0;
	padding: 0;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #333;
	font-size: 85%;
	line-height: 1.4;
	background: top url(../images/bg.gif) repeat-x #E2EBF1;
}

#wrap {
	margin: 0 auto;
	width: 960px;
	text-align: left;
	background: url(../images/main_bg.gif) repeat-y;
}

a {
	color: #6DA52B;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}


/* Header */
/* ====================================================================== */

#header {
	position: relative;
	padding: 25px 30px 0 30px;
	height: 95px;
	background: top url(../images/top.gif) no-repeat;
}

#header h1 {
	width: 280px;
	height: 85px;
	text-indent: -3000px;
	background: url(../images/logo.gif) no-repeat;
}

#header h1 a {
	display: block;
	width: 280px;
	height: 85px;
	background: url(../images/logo.gif) no-repeat;
}

#header a {
	color: #6DA52B;
	text-decoration: underline;
}

#header a:hover {
	text-decoration: none;
}

#login_block {
	position: absolute;
	left: 460px;
	top: 25px;
	width: 470px;
	font-size: 85%;
	text-align: right;
}

#login_block form {
	display: inline;
}

#login_block #user {
	padding: 2px 5px;
	width: 80px;
	border: 1px solid #BDBDBD;
	background: #FFFAE0;
	color: #666;
}

#login_block #password {
	padding: 2px 5px;
	width: 80px;
	border: 1px solid #BDBDBD;
	background: #FFFAE0;
	color: #666;
}

#login_line {
	padding: 3px 0 0 0;
}

/* Menu */
/* ====================================================================== */

#header ul {
	position: absolute;
	top: 93px;
	left: 580px;
	list-style-type: none;
}

* html #header ul {
	left: 520px;
}

#header ul li {
	float: left;
	display: inline;
	margin: 0 1px 0 0;
}

#header ul li#home {
	width: 65px;
	height: 27px;
	display: inline;
	text-indent: -3000px;
	background: url(../images/home_btn.gif) no-repeat;
}

#header ul li#home a {
	display: block;
	width: 65px;
	height: 27px;
	background: url(../images/home_btn.gif) no-repeat;
}

#header ul li#rental {
	width: 65px;
	height: 27px;
	display: inline;
	text-indent: -3000px;
	background: url(../images/rental_btn.gif) no-repeat;
}

#header ul li#rental a {
	display: block;
	width: 65px;
	height: 27px;
	background: url(../images/rental_btn.gif) no-repeat;
}

#header ul li#booklist {
	width: 95px;
	height: 27px;
	display: inline;
	text-indent: -3000px;
	background: url(../images/booklist_btn.gif) no-repeat;
}

#header ul li#booklist a {
	display: block;
	width: 95px;
	height: 27px;
	background: url(../images/booklist_btn.gif) no-repeat;
}

#header ul li#account {
	width: 125px;
	height: 27px;
	display: inline;
	text-indent: -3000px;
	background: url(../images/account_btn.gif) no-repeat;
}

#header ul li#account a {
	display: block;
	width: 125px;
	height: 27px;
	background: url(../images/account_btn.gif) no-repeat;
}

#top_image {
	position: relative;
	width: 960px;
	height: 287px;
	text-indent: -3000px;
	background: url(../images/top_image.gif) no-repeat;
}

#free_registration {
	position: absolute;
	top: 154px;
	left: 271px;
	width: 176px;
	height: 44px;
	text-indent: -3000px;
	background: url(../images/free_registration.gif) no-repeat;
}

#free_registration a {
	display: block;
	width: 176px;
	height: 44px;
	background: url(../images/free_registration.gif) no-repeat;
}

#free_registration a:hover {
	background: url(../images/free_registration_h.gif) no-repeat;
}

/* Content */
/* ====================================================================== */

#content h2 {
	color: #FFF;
	padding: 20px 40px;
	height: 45px;
	font-size: 180%;
	background: url(../images/content_top.gif) no-repeat;
}

#breadcrumb {
	padding: 10px 40px;
}

#current {
	font-weight: bolder;
	color: #990033;
}

#login_message {
	font-weight: bolder;
	color: #990033;
	padding: 10px 40px;
}

/* Home */
/* ====================================================================== */

#home_content {
	float: left;
	display: inline;
	margin: 0 15px 0 33px;
	width: 511px;
}

#home_content h3#info_title {
	height: 35px;
	line-height: 1.0;
	text-indent: -3000px;
	background: url(../images/info_title.gif) no-repeat;
}

#news_block {
	padding: 0 5px 25px 5px;
	background: bottom url(../images/content_bottom.gif) no-repeat #F1F1F1;
}

.news {
	padding: 15px;
	background: url(../images/content_bg.gif) repeat-x #FAE8C1;
}

#home_content h3 {
	height: 35px;
	text-indent: -3000px;
	background: url(../images/merit_title.gif) no-repeat;
}

#merit_block {
	padding: 0 5px 25px 5px;
	background: bottom url(../images/content_bottom.gif) no-repeat #F1F1F1;
}

.merit {
	padding: 15px;
	background: url(../images/content_bg.gif) repeat-x #FAE8C1;
}

.merit h4 {
	margin: 0 0 5px 0;
}

.merit ul {
	margin: 0 0 0 10px;
}

/* Static Content */
/* ====================================================================== */

#main_content {
	float: left;
	margin: 0 15px 0 0;
	padding: 10px 35px;
	width: 890px;
	font-size: 90%;
}

#main_content h3 {
	margin: 5px 0;
	font-size: 130%;
}

#main_content h4 {
	margin: 5px 0;
	font-size: 110%;
	color: #51A2D9;
}

#main_content p {
	padding: 0 0 15px 5px;
}

#main_content ul,ol {
	padding: 0 0 15px 0;
}

table.border_table {
	margin: 10px 0;
	width: 100%;
	border: 1px solid #F1F1F1;
}

table.border_table th {
	text-align: center;
	padding: 10px 5px;
	background: #E2EBF1;
}

table.border_table td {
	padding: 10px;
	text-align: center;
	background: #F1F1F1;
	vertical-align: top;
}

table#registration {
	margin: 0 0 20px 0;
	width: 100%;
	border: 1px solid #F1F1F1;
}

table#registration th {
	font-weight: normal;
	text-align: right;
	padding: 10px 5px;
	background: #E2EBF1;
}

table#registration th.section {
	text-align: center;
	font-weight: bolder;
}

table#registration td {
	font-weight: normal;
	padding: 10px;
	background: #F1F1F1;
}

.required {
	color: #FF0000;
}

.err_msg {
	color: #FF0000;
}

p#required_text {
	padding: 0;
	text-align: right;
}

#agree {
	padding: 3px 0 0 125px;
}

#agreement {
	margin: 0 auto;
	width: 640px;
	height: 200px;
	font-size: 100%;
}

#birth_year {
	width: 30px;
}

#birth_month {
	width: 30px;
}

#birth_date {
	width: 30px;
}

#security_code {
	width: 60px;
}

/* Side */
/* ====================================================================== */

#side {
	float: left;
	display: inline;
	width: 370px;
}

#new_list_title {
	height: 35px;
	text-indent: -3000px;
	background: url(../images/new_list_title.gif) no-repeat;
}

#new_list_block {
	padding: 0 5px 25px 5px;
	background: bottom url(../images/side_bottom.gif) no-repeat #F1F1F1;
}

#new_list_block a {
	color: #C84878;
	text-decoration: underline;
}

#new_list_block a:hover {
	text-decoration: none;
}

#new_list_block h4 {
	padding: 10px 5px 5px 5px;
	font-size: 110%;
	color: #C84878;
}

#new_list_block p {
	padding: 5px 5px 10px 5px;
	font-size: 90%;
}

.new_list {
	clear: both;
	background: url(../images/side_bg.gif) repeat-x;
}

.category_tag1 {
	float: left;
	margin: 0 5px 10px 0;
	width: 50px;
	height: 50px;
	text-indent: -3000px;
	background: url(../images/category_tag01.gif) no-repeat;
}

.category_tag2 {
	float: left;
	margin: 0 5px 10px 0;
	width: 50px;
	height: 50px;
	text-indent: -3000px;
	background: url(../images/category_tag02.gif) no-repeat;
}

.category_tag3 {
	float: left;
	margin: 0 5px 10px 0;
	width: 50px;
	height: 50px;
	text-indent: -3000px;
	background: url(../images/category_tag03.gif) no-repeat;
}

.category_tag4 {
	float: left;
	margin: 0 5px 10px 0;
	width: 50px;
	height: 50px;
	text-indent: -3000px;
	background: url(../images/category_tag04.gif) no-repeat;
}

.category_tag5 {
	float: left;
	margin: 0 5px 10px 0;
	width: 50px;
	height: 50px;
	text-indent: -3000px;
	background: url(../images/category_tag05.gif) no-repeat;
}

.category_tag6 {
	float: left;
	margin: 0 5px 10px 0;
	width: 50px;
	height: 50px;
	text-indent: -3000px;
	background: url(../images/category_tag06.gif) no-repeat;
}

.category_tag7 {
	float: left;
	margin: 0 5px 10px 0;
	width: 50px;
	height: 50px;
	text-indent: -3000px;
	background: url(../images/category_tag07.gif) no-repeat;
}

.category_tag8 {
	float: left;
	margin: 0 5px 10px 0;
	width: 50px;
	height: 50px;
	text-indent: -3000px;
	background: url(../images/category_tag08.gif) no-repeat;
}

.category_tag9 {
	float: left;
	margin: 0 5px 10px 0;
	width: 50px;
	height: 50px;
	text-indent: -3000px;
	background: url(../images/category_tag09.gif) no-repeat;
}

.category_tag10 {
	float: left;
	margin: 0 5px 10px 0;
	width: 50px;
	height: 50px;
	text-indent: -3000px;
	background: url(../images/category_tag10.gif) no-repeat;
}

.category_tag11 {
	float: left;
	margin: 0 5px 10px 0;
	width: 50px;
	height: 50px;
	text-indent: -3000px;
	background: url(../images/category_tag11.gif) no-repeat;
}

.category_tag12 {
	float: left;
	margin: 0 5px 10px 0;
	width: 50px;
	height: 50px;
	text-indent: -3000px;
	background: url(../images/category_tag12.gif) no-repeat;
}

.category_tag13 {
	float: left;
	margin: 0 5px 10px 0;
	width: 50px;
	height: 50px;
	text-indent: -3000px;
	background: url(../images/category_tag13.gif) no-repeat;
}

.category_tag14 {
	float: left;
	margin: 0 5px 10px 0;
	width: 50px;
	height: 50px;
	text-indent: -3000px;
	background: url(../images/category_tag14.gif) no-repeat;
}


/* Booking */
/* ====================================================================== */

#list_link {
	padding: 10px 40px;
}

table#booking {
	margin: 10px 0 20px 0;
	width: 100%;
	border: 1px solid #F1F1F1;
}

table#booking th {
	text-align: center;
	padding: 5px;
	color: #FFF;
	background: #AFD95F;
}

table#booking td {
	font-weight: normal;
	padding: 5px;
	background: #F1F1F1;
}

#main_content ol {
	margin: 0 0 0 35px;
}

#main_content ul {
	margin: 0 0 0 35px;
}

#priority_head {
	width: 100px;
}

.priority {
	width: 50px;
}

.center {
	text-align: center;
}

.delete_btn {
	margin: 0 auto;
	color: #FFF;
	width: 40px;
	text-align: center;
	font-size: 90%;
	font-weight: bolder;
	background: #86C117;
}

.delete_btn a {
	display: block;
	padding: 5px;
	color: #FFF;
	text-decoration: none;
}

.delete_btn a:hover {
	background: #C0DF7D;
}

.no_delete {
	margin: 0 auto;
	color: #FFF;
	width: 60px;
	padding: 5px;
	text-align: center;
	font-size: 80%;
	font-weight: bolder;
	background: #DBDBDB;
}

.form_btn {
	margin: 10px 0;
	text-align: center;
}

/* Category */
/* ====================================================================== */

#category {
	float: left;
	display: inline;
	margin: 15px 0 0 33px;
	padding: 0 0 25px 0;
	width: 234px;
	background: bottom url(../images/category_bottom.gif) no-repeat #F1F1F1;
}

#category h3 {
	height: 41px;
	text-indent: -3000px;
	background: url(../images/category_head.gif) no-repeat;
}

#category ul {
	margin: 0 5px;
	list-style-type: none;
}

#category ul li {
	height: 25px;
	font-size: 95%;
	background: url(../images/category_bg.gif) no-repeat;
}

#category ul li a {
	display: block;
	height: 25px;
	padding: 2px 10px;
	color: #81BE0F;
	text-decoration: none;
	background: url(../images/category_bg.gif) no-repeat;
}

#category ul li a:hover {
	color: #333;
	background: url(../images/category_bg_h.gif) no-repeat;
}

/* Rental */
/* ====================================================================== */

table#rental {
	margin: 10px 0 20px 0;
	width: 100%;
	border: 1px solid #F1F1F1;
}

table#rental th {
	text-align: center;
	padding: 5px;
	color: #FFF;
	background: #AFD95F;
}

table#rental td {
	font-weight: normal;
	padding: 5px;
	background: top url(../images/side_bg.gif) repeat-x #FCEBF1;
}

table#rental td.category_column {
	font-weight: normal;
	padding: 0;
	vertical-align: top;
}

table#rental td.description_column {
	vertical-align: top;
}

table#rental h4 {
	padding: 3px 0;
}

table#rental h4 a {
	color: #5AACE2;
	text-decoration: underline;
}

table#rental h4 a:hover {
	color: #5AACE2;
	text-decoration: none;
}

table#rental p {
	padding: 5px 0 10px 0;
	font-size: 90%;
}

.date_id {
	padding: 0 5px;
	font-size: 90%;
}

#content_block {
	float: left;
	display: inline;
	margin: 15px 0 0 0;
	padding: 0 0 0 15px;
	width: 645px;
}

#content_block h3 {
	padding: 10px;
	background: top url(../images/content_head.gif) repeat-x;
}

.book_column {
	width: 80px;
}

.book_btn {
	margin: 0 auto;
	color: #FFF;
	width: 70px;
	text-align: center;
	font-size: 90%;
	font-weight: bolder;
	background: #86C117;
}

.book_btn a {
	display: block;
	padding: 5px;
	color: #FFF;
	text-decoration: none;
}

.book_btn a:hover {
	background: #C0DF7D;
}

.no_inventory {
	margin: 0 auto;
	color: #FFF;
	width: 60px;
	padding: 5px;
	text-align: center;
	font-size: 90%;
	font-weight: bolder;
	background: #DBDBDB;
}

/* Login Page */
/* ====================================================================== */

#main_login_block {
	text-align: center;
}

#main_login_block table {
	text-align: left;
	width: 300px;
	margin: 25px auto;
	padding: 8px;
	background: #F0F5F8;
}

#register_btn {
	margin: 10px auto;
	width: 230px;
	height: 85px;
	background: url(../images/register_btn.gif) no-repeat;
	text-indent: -3000px;
}

#register_btn a {
	display: block;
	width: 230px;
	height: 85px;
	background: url(../images/register_btn.gif) no-repeat;
}

/* Footer */
/* ====================================================================== */

#footer {
	clear: both;
	padding: 30px 0 40px 0;
	text-align: center;
	font-size: 90%;
	line-height: 2.0;
	background: bottom url(../images/bottom.gif) no-repeat;
}

#footer a {
	color: #6DA52B;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}