body
{
	background-image:url('../imgs/background.png');
	background-color: #000000;
	margin: 10px 10px 10px 10px;
	color: #FFFFFF;
	width: 800px;
}

a:link
{
	color: #000000;
}
a:hover
{
	color: #FF0000;
}
a:visited
{
	color: #A52A2A;
}
h1,h2,h3,h4,h5,ul,li
{
	margin: 5px 0px 0px 0px;
}

/********************************************************
 * Header
 */
#header
{
	height:	55px;
	width: 100%
}
#header .logo
{
	display: inline-block;
	height:	50px;
	width:	400px;
	margin:	0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	background-color: #0c0c0c;
}

#header .upper
{
	float:right;
	background-color: #1c1c1c;
	color: #c0c0c0;
	padding: 2px 5px 5px 5px;
	font-size: small;
}

#header .upper a
{
	color: #c0c0c0!important;
	
}
.menu
{
	/*display: inline-block;*/
	/*color: #FFFFFF;*/
	/*margin: 30px 0px 0px 0px;*/
	border-bottom: 1px #333333 dotted;
}
.menu
{
	font-weight: bold;
}
.menu a
{
	font-weight: normal;
}
#content-sidebar
{
	float: right;
	width: 200px;
}
#content-sidebar .block
{
	margin: 10px 5px 10px 10px;
	padding: 10px 10px 10px 10px;
	/*font-size: small;*/
	background-color: #333333;
	border: 1px #888888 dotted;
}
#content-sidebar #content-description
{
}
#navigation
{
}
.navigation
{
}
.navigation .block
{
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	background-color: #333333;
	
}
.navigation .block a:link
{
	color: #FFFFFF;
}
.navigation .block ul
{
	padding: 0px 0px 5px 10px;
	margin: 5px 0px 5px 0px;
}
.navigation .block ul li{
	padding: 0px 0px 0px 17px;
	line-height: 22px;
	list-style: none;
}

/********************************************************
 * content
 */
#content
{
	margin: 0px 10px 10px 20px;
	padding: 10px 10px 10px 10px;
	background-color: #DFDFFF;
	color: #000000;
	max-width: 700px;
}

table
{
	border-color: #9c9c9c;
	border-style: solid;
	border-width: 2px;
	border-collapse: collapse;
	margin: 10px 0px 10px 0px;
}
tr td 
{
	padding: 3px 5px 3px 5px;
}
.stripeeven
{
	background-color: #C8C8E0;
}
.stripeodd
{
	background-color: #DFDFFF;
}
.stripeevenhover
{
	background-color: #87cefa;
}
.stripeoddhover
{
	background-color: #add8e6;
}
/********************************************************
 * body
 */
#content #content-body
{
	min-height: 200px;
	
}
#content #content-bottom
{
	font-size: small;
	padding: 10px 5px 10px 5px;
}
#content-bottom #content-bottomnavi
{
}
#content-bottom #content-bottomtop
{
	float: right;
}


#content-body form
{
	
}

/* for label */
form dt
{
	/*position: absolute;
	width: 110px;*/
}
form dt label
{
	padding: 0px 0px 0px 10px;
}
form dt label.required
{
	font-weight: bold;
	background: url("../imgs/label-required.png") no-repeat left top;
}

/* for form element */
form dd
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 50px;
}
form dt .required-label
{
	color: red;
	font-size: small;
}

form dd p.description
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: small;
}
form dd ul.errors
{
	padding: 0px 0px 5px 20px;
	list-style:none;
}
form dd ul.errors li
{
	color: #FF0000;
	font-size: small;
}


input.error
{
	background-color: #FFCCCC;
}
input.inputhover
{
	background-color: #CCFFCC;
}

input.inputenter
{
	background-color: #CCFFCC;
}
/********************************************************
 * parts
 */
.progressbar
{
	display:	inline;
}

.progressbar .total
{
	background-color:#ccFFcc;
	height:10px;
	border:1px solid #000000;
}

.progressbar .total div
{
	height:10px;
}
.progressbar .total .over
{
	background-color: #A52A2A;
}
.progressbar .total .current
{
	background-color: #008080;
}

.list
{
	padding: 0px 0px 0px 10px;
}

/********************************************************
 * footer
 */

#footer
{
	text-align: right;
	font-size: x-small;
	color: #c9c9c9;
	padding: 5px 0px 0px 0px;
}
#footer a
{
	color: #c9c9c9;
	text-decoration: none;
}