/*****************************************************************************/
/*** common ******************************************************************/
/*****************************************************************************/

* {
	font-family:			verdana, arials, sans-serif;
	padding: 				0px;
	margin: 				0px;
}	

body {
	font-size:				12pt;
	color:					#000;
	background-color:		#eee;
	background-image:		url(../images/content_bk.png);
}

img {
	border:					1px solid #666;
	margin:					5pt 5pt 5pt 0pt; 
	vertical-align:			top;
}

img#icon {
	border:					0px;
	margin:					0px; 
	padding:				0px;
}

p {
	margin:					1em 0;
}

hr {
	background:				#aaa;						
	color:					#aaa;						
	border: 				#aaa;						
	height: 				1px;
	margin:					0px;
	padding:				0px;
}

h2 {
	color:					#fff;
    background-color:		#f00;
    border: 				1px solid #800;
    padding:				5px;
	font-size:				10pt;
	font-weight:			bold;
	text-decoration:		none;
}

h2 a {
	color:					#ff0;
    background-color:		#f00;
	font-size:				10pt;
	font-weight:			bold;
	text-decoration:		none;
}

h2 a:hover {
	color:					#f00;
    background-color:		#ff0;
}

h3 {
	color:					#fff;
    background-color:		#080;
    border: 				1px solid #040;
    padding:				5px;
	font-size:				10pt;
	font-weight:			bold;
	text-decoration:		none;
}

h3 a {
	color:					#ff0;
    background-color:		#080;
	font-size:				10pt;
	font-weight:			bold;
	text-decoration:		none;
}

h3 a:hover {
	color:					#080;
    background-color:		#ff0;
}

h4 {
	color:					#000;
    background-color:		#fff;
    border: 				1px solid #888;
    padding:				5px;
	font-size:				10pt;
	font-weight:			normal;
	text-decoration:		none;
}

h4 a {
	color:					#00f;
	text-decoration:		none;
}

h4 a:hover {
	text-decoration:		underline;
}

form {
	color:					#fff;
    background-color:		#888;
    border: 				1px solid #444;
    padding:				5px 5px 5px 5px;
}

form hr {
	background:				#444;						
	color:					#444;						
	border: 				#444;						
	margin:					10px 0px 10px 0px;
}

form br {
  	clear: 					left;
}

form legend {
	color:					#fff;
	font-size:				10pt;
	font-weight:			bold;
	margin:					2px;
	font-style:				oblique;
}

form fieldset {
	border-style:			none;
	margin:					0px;
}

form fieldset label {
	color:					#ccc;
	font-size:				10pt;
	font-weight:			normal;
	display: 				block;
    float: 					left;
    width: 					100px;
    text-align: 			right; 
    padding-right: 			10px; 
    margin-top:				5px;
}

form span {
	color:					#c95;
	font-size:				10pt;
	font-weight:			bold;
	font-style:				italic;
}

form a {
	color:					#fff;
	font-size:				10pt;
	font-weight:			bold;
	text-decoration:		underline;
}

form a:hover {
	color:					#ff0;
}

input,textarea {
	color:					#000;
	background-color:		#fff;
	font-size:				10pt;
	font-weight:			bold;
	border:					1px solid #000;
    margin-top:				5px;
}

input#submit {
	color:					#fff;
	background-color:		#666;
	font-size:				10pt;
	font-weight:			bold;
	border:					2px outset #444;
}

select {
	color:					#000;
	background-color:		#fff;
	font-size:				10pt;
	font-weight:			bold;
	border:					1px solid #000;
    margin-top:				5px;
}

select optgroup {
	color:					#fff;
	background-color:		#000;
	font-size:				10pt;
	font-weight:			bold;
}

select optgroup option {
	color:					#000;
	background-color:		#fff;
	font-size:				10pt;
	font-weight:			bold;
}

table {
	color:					#999;
    background-color:		#eee;
    border: 				1px solid #000;
	border-collapse:		collapse;
	font-size:				10pt;
	font-weight:			bold;
	float:					left;
}

th {
	line-height:			20px;
	color:					#fff;
    background-color:		#444;
	background-image:		url(../images/table_header_bk.png);
    border: 				1px solid #000;
	font-size:				10pt;
	font-weight:			bold;
	padding-left:			5px;
	padding-right:			5px;
}

th a {
	color:					#fff;
	text-decoration:		none;
}

th a:hover {
	color:					#ff0;
	font-weight:			bold;
	text-decoration:		underline;
}

td {
	line-height:            18px;
	color:					#000;
    background-color:		#f8f8ff;
    border: 				1px solid #dde;
	font-size:				10pt;
	font-weight:			normal;
	padding:				0px 5px 0px 5px;
	empty-cells:			show;
	vertical-align:			top;
}

td a {
	color:					#00c;
	text-decoration:		none;
}

td a:hover {
	color:					#f80;
	text-decoration:		underline;
}

td a:active {
	color:					#f80;
	text-decoration:		none;
}

td#id {
    background-color:		#444;
    border: 				1px solid #000;
	color:					#fff;
	font-size:				10pt;
    font-weight:			bold;
}

td#id a {
	color:					#fff;
	text-decoration:		none;
}

td#id a:hover {
	color:					#ff0;
	font-weight:			bold;
	text-decoration:		underline;
}

pre {
	font-family:			courier new, courier, terminal, system;
}

iframe {
	color:					#000;
	background-color:		#fff;
	padding:				0px;
	margin:					0px;
	border:					0px;	
}

#page {
	width:					100%;
	margin: 				0 auto;
}


/*****************************************************************************/
/*** header ******************************************************************/
/*****************************************************************************/

#head {
	height:					20px;
	line-height:			20px;
	white-space:			nowrap;
	background-color:		#ff0;
	background-image:		url(../images/title_bk.png);
    border-bottom: 			1px solid #000;
}

#head h1 {
	color:					#000;
	font-size:				12pt;
	font-weight:			bold;
	text-align:				center;
}

#head h1 span {
	color:					#444;
	font-weight:			normal;
	font-style:				italic;
}

/*****************************************************************************/
/*** menu ********************************************************************/
/*****************************************************************************/

#menu {
	float:					left;
	margin:					0px 0px 0px 0px;
	width:    				170px;
	border-right:			1px solid #000;
	border-bottom:			2px solid #000;
	color:    				#fff;
	background-color:		#058;
	background-image:		url(../images/menu_bk.png);
	font-size:				10pt;
	font-weight:			bold;
}

#menu ul li {
	text-align:    			left;
	list-style:				none;
}

#menu ul li b {
	background:				#fff;
	color:    				#058;
	font-size:				12pt;
	font-weight:			bold;
	display:    			block;
	height:    				20px;
	line-height:			20px;
	text-decoration:  		none;
	border:					1px solid #fff;
	padding-left:			10px;
	padding-top:			10px;
}

#menu ul li a {
	color:    				#fff;
	font-size:				12pt;
	font-weight:			bold;
	display:    			block;
	height:    				25px;
	line-height:			25px;
	text-decoration:  		none;
	border-bottom:			1px solid #fff;
	padding-left:			10px;
}

#menu ul li a:hover {
	color:					#fff;
	background-color:  		#f80;
	background-image:		url(../images/menu_highlight_bk.png);
	text-decoration:  		none;
}

#menu ul li a span {
	color:					#ff0;
}

#menu form {
    background-color:		#058;
	background-image:		url(../images/menu_bk.png);
    border: 				0px;
    padding:				2px 2px 2px 2px;
}

#menu form legend {
	color:					#fff;
	font-size:				10pt;
	font-weight:			bold;
	margin:					2px;
}

#menu form fieldset label {
	color:					#ccc;
	font-size:				8pt;
	font-weight:			normal;
    width: 					50px;
    padding-right: 			10px; 
    margin-top:				5px;
}

#menu input {
	color:					#000;
	background-color:		#fff;
	font-size:				8pt;
	font-weight:			bold;
	border:					1px solid #000;
    margin-top:				5px;
}

#menu input#submit {
	color:					#fff;
	background-color:		#058;
	font-size:				8pt;
	font-weight:			bold;
	border:					2px outset #058;
}

#menu a {
	color:					#fff;
	text-decoration:		none;
}

#menu a:hover {
	color:					#ff0;
	font-weight:			bold;
	text-decoration:		underline;
}

/*****************************************************************************/
/*** navigation **************************************************************/
/*****************************************************************************/
#nav table {
	color:					#444;
    border: 				1px solid #aaa;
	height:					24px;
}

#nav table td {
    background-color:		#666;
	background-image:		url(../images/nav_bk.png);
    border:					0px none;
	font-size:				10pt;
	font-weight:			bold;
}

#nav a {
	color:    				#fff;
	text-decoration:  		none;
}

#nav a:hover {
	background-color:    	#000;
	color:    				#fff;
}


/*****************************************************************************/
/*** content *****************************************************************/
/*****************************************************************************/

#content {
	padding:				10px 10px 10px 10px;
	margin:					0px 0px 0px 172px;
	font-size: 				10pt;
}