/***************************************************************\
	GENERAL
\***************************************************************/

* {
	font-family:				Verdana, sans-serif;
}

body > div,
body > a > div {
	margin:					auto;
	max-width:				90%;
	min-width:				800px;
}

a {
	color:					inherit;
	font-family:				inherit;
	font-size:				inherit;
}

h1 {
	font-size:				1.50em;
	margin:					0;
}

h2 {
	font-size:				1.25em;
	margin:					0;
}

p {
	margin:					10px 0;
	text-align:				justify;
}

small {
	font-size:				0.75em;
}

abbr {
	border-bottom:				1px dotted;
}

table {
	border-collapse:			collapse;
	width:					100%;
}

table td,
table th {
	border-bottom:				1px solid #eee;
	font-size:				0.75em;
	padding:				3px 2px;
}

table th {
	color:					gray;
	font-weight:				normal;
	text-align:				left;
}

#header {
	font-size:				24px;
	text-decoration:			none;
}

#header div {
	border-bottom:				1px solid #eee;
	font-family:				Helvetica;
	padding-bottom:				3px;
}

#menu {
	border-bottom:				1px solid #eee;
	height:					25px;
}

#menu ul {
	float:					left;
	height:					25px;
	margin:					0px;
	margin-right:				5px;
	overflow:				hidden;
	padding:				0;
}

#menu ul:hover {
	overflow:				visible;
}

#menu li {
	list-style-type:			none;
}

#menu a {
	background-color:			#BBFFBB;
	border-bottom:				1px solid #eee;
	display:				block;
	font-size:				0.75em;
	line-height:				25px;
	text-decoration:			none;
	padding:				0 10px;
	position:				relative;
	z-index:				2;
}

#menu a:hover {
	background-color:			#88FF99;
}

#menu ul > :first-child a {
	background-color:			#BBFFFF;
}

#menu ul > :first-child a:hover {
	background-color:			#66FFFF;
}

.number,
.align_right {
	text-align:				right;
}

.float_right {
	float:					right
}

.align_top {
	vertical-align:				top;
}

.clear {
	clear:					both;
}





/***************************************************************\
	FORMS
\***************************************************************/

form {
	margin:					0;
}

input,
select,
textarea {
	background-color:			white;
	border:					1px solid #ddd;
	font-size:				1em;
	width:					200px;
}

textarea {
	height:					200px;
}

table form input {
	width:					75px;
}

.small_input {
	width:					100px;
}

.large_input {
	width:					400px;
}

.form_end {
	font-size:				0.75em;
}

.form_end input {
	font-size:				inherit;
	width:					100px;
}

.form_end > :first-child > input {
	background-color:			#eee;
	border:					1px solid #eee;
	color:					#aaa;
}

.form_end > :first-child > input:hover {
	background-color:			transparent;
}





/***************************************************************\
	SHARED
\***************************************************************/

.striped tr > td:nth-child(2n-1) {
	color:					gray;
}

.black {
	color:					black !important;
}

.padding_zero {
	padding:				0;
}

.padding_zero td {
	border:				0;
}

.buttons {
	font-size:				0.5em;
	text-align:				right;
}

div.buttons {
	margin-top:				3px;
	padding-top:				3px;
}

.buttons a {
	background-color:			#eee;
	border:				1px solid #eee;
	color:					#aaa;
	margin-left:				3px;
	padding:				2px;
	text-decoration:			none;
}

.buttons a:hover {
	background-color:			white;
}

div.buttons_table {
	font-size:				0.7em;
	margin:				0;
	padding:				0;
}

td.buttons_table {
	border:				0;
	padding:				6px 0;
}

.approval_three td {
	background-color:			#66FFFF;
}

.approval_two td {
	background-color:			#BBFFFF;
}

.approval_one td {
	background-color:			#BBFFBB;
}

.approval_neg td {
	color:					gray;
}

.hide {
	display:				none;
}

.command_line {
	background-color:			#eee;
	color:					#aaa;
	font-size:				8px;
	padding:				3px;
}





/***************************************************************\
	PAGE_ALBUM
\***************************************************************/

#album table {
	margin:					auto;
	width:					auto;
}

#album td {
	border:					0;
	padding:				0;
	padding-left:				5px;
	padding-top:				5px;
}

#album td:first-child {
	padding-left:				0;
}

#album tr:first-child td {
	padding-top:				0;
}

#album table a {
	font-size:				0;
	text-decoration:			none;
}

#album img {
	height:					163px;
	width:					130px;
}





/***************************************************************\
	PAGE_CALENDAR
\***************************************************************/

#calendar td {
	border:					1px solid #eee;
	font-size:				0.70em;
	height:					100px;
	vertical-align:				top;
	width:					14.2%;
}

#calendar td div {
	color:					gray;
	float:					right;
	font-size:				1.50em;
}

#calendar .today {
	background-color:			#BBFFBB;
}






/***************************************************************\
	PAGE_INDEX
\***************************************************************/

#index a {
	text-decoration:			none;
}

#index td a {
	text-decoration:			underline;
}

#index .idol {
	height:					88px;
	margin-top:				5px;
}

#index a:first-child .idol {
	margin-top:				0;
}

#index .image {
	float:					left;
	margin-right:				5px;
}

#index .image img {
	height:					88px;
	width:					70px;
}

#index .info {
	font-size:				18px;
	margin-left:				75px;
}

#index input {
	width:					150px;
}

#index input.number {
	width:					50px;
}

#index select {
	width:					100px;
}

#index > div td,
#index > div th {
	font-size:				0.60em;
}

#index > div td {
	padding:				3px 5px;
}

#index thead:last-child tr:last-child th {
	border-bottom:			0;
}

#index > div {
	overflow:				auto;
	width:					100%;
}

#index > div td,
#index > div th {
	white-space:				pre;
}







/***************************************************************\
	PAGE_CARD / PAGE_IDOL / PAGE_LINE
\***************************************************************/

#card .image,
#idol .image {
	float:					left;
	margin-right:				5px;
}

#card div.card:hover .image,
#idol div.card:hover .image {
max-height: none;
}

#card .image img,
#idol .image img {
	height:					119px;
	width:					95px;
}

#card .info,
#idol .info {
	margin-left:				200px;
}

#card .plus,
#idol .plus {
	margin-left:				100px;
}

a + br + a > img {
	margin-top:				5px;
	opacity:				0.3;
}

// Line related.
img.buttons {
	cursor:					pointer;
	vertical-align:				-20%;
}

input[name="audio"] {
	width:					400px;
}





/***************************************************************\
	PAGE_LINE_EDIT
\***************************************************************/

#line_edit textarea {
	height:					50px;
	width:					100%;
}