/* Affelio: Open social networking software                 */
/* Copyright 2004-2005 Fish Grove                           */
/* For more information, please refer following web site.   */
/*    http://affelio.jp/ (Japan)                            */
/*    http://affelio.jp/ (USA and other area)               */

body {
margin: 0px 0px 20px 0px;
text-align: center;
}

a {
text-decoration: underline;
}

a:link {
color: #007;
}
a:visited {
color: #004;
}
a:active {
color: #009;
}
a:hover {
color: #009;
}

h1, h2, h3 {
margin: 0px;
padding: 0px;
font-weight: normal;
}

.afPriButton{
	font-weight: bold; 
	background: #ccc;  
	border: #aaa solid 1px; 
	float:left; 
	padding: 5px; 
	margin: 0px 10px 10px 0px;
}
.afPriButton a{
	font-weight: bold;
	text-size: medium;
	color: #000;
}
.afPriButton a:link {
	text-size: medium;
	color: #000;
}
.afPriButton a:visited {
	text-size: medium;
	color: #000;
}
.afPriButton a:active {
	text-size: medium;
	color: #8FABBE;
}
.afPriButton a:hover {
	text-size: medium;
	color: #006699;
}

/**************************************************************************/
/* div ID container */
/**************************************************************************/
div#container {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 800px;
	height: auto;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
}

/*****************************************/
/* Banner */
/*****************************************/
.afBanner {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 72px;
        background-color: #3A99F9;
        background:transparent url("./images/toplogo/affelio_top5.gif") left top;
	border-bottom: 2px solid #FFFFFF;
	text-align: right;
}
.afBanner iframe{
	align: right;
}


/*****************************************/
/* Hot news */
/*****************************************/
div#hotnews a{
	text-decoration: underline;
	font-weight:bold;
	color: red;
}
div#hotnews a:link{
	color: red;
}
div#hotnews a:visited{
	color: red;
}
div#hotnews a:active{
	color: red;
}
div#hotnews a:hover{
	color: red;
}


/**************************************************************************/
/* infomation_box */
/**************************************************************************/
.box_a 
{background:transparent url("images/box/a.png") repeat-x left top;
padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.box_b 
{background:transparent url("images/box/b.png") repeat-y right top;
padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.box_c 
{background:transparent url("images/box/c.png") repeat-x left bottom;
padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.box_d 
{background:transparent url("images/box/d.png") repeat-y left top;
padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.box_e 
{background:transparent url("images/box/e.png") no-repeat left bottom;
padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.box_f 
{background:transparent url("images/box/f.png") no-repeat right bottom;
padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.box_g 
{background:transparent url("images/box/g.png") no-repeat left top;
padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.box_h 
{background:transparent url("images/box/h.png") no-repeat right top;
padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.box_main_outer {
	background: transparent;
	margin: 0px 0px 0px 0px;
	padding: 15px 15px 15px 15px;
}
.box_main_inner {
	background: #D1F2EF;
}
.box_text{
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	line-height: 120%;
	text-align: left;	
}

/**************************************************************************/
/* div ID afMenu */
/**************************************************************************/
div#afMenu {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:150px;
	height: auto;
	float: left;
	border-right: 1px solid #aaa;
	background-color: #fff;
	font-family: Verdana, Arial, sans-serif;
}

div#afMenuLogin {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	color: balck;
}

div#afMenu a:link{
	text-decoration: none;
	color: #333;
}
div#afMenu a:visited{
	text-decoration: none;
	color: #333;
}
div#afMenu a:hover{
	text-decoration: none;
	color: black;
}

/**************************************************************************/
/* div ID afMain */
/**************************************************************************/
div#afMain {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	width: 620px;
	height: auto;
	float: left;
	font-family: Verdana, Arial, sans-serif;
}

.afContent {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	width: 600px;
	height: auto;
	float: left;
	font-family: Verdana, Arial, sans-serif;
}

.afMain {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	width: 800px;
	height: auto;
	float: left;
	font-family: Verdana, Arial, sans-serif;
}

.afMain_friend{
	width:100%; 
	filter:Shadow(color=Silver, direction=45);
}

.afMain h2 {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: large;
	text-align: left;
	font-weight: bold;
	line-height: 100%;
	/*margin-bottom: 5px;*/
}

/**************************************************************************/
/* div ID afAd */
/**************************************************************************/
div#afAd {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	height: auto;
	border: 3px solid #FBC903;
	background-color:#FFFFFF;
}


/**************************************************************************/
/* div ID afFooter */
/**************************************************************************/

div#afFooter {
	width: 800px;
	background-color: #cccccc;
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: xx-small;
	line-height: 170%
}

div#afFooter a {
	color: #000000;
	clear:both;
	text-decoration: none;
}

/**************************************************************************/
/*Setup wizard */
/**************************************************************************/

.afSetupWizardWindow {
	width: 650px;
	margin: 50px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	background-color: #fff;
	border: 3px solid #676161;
	color: #555;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	font-weight: normal;
}

.afSetupWizardWindow h2{
	color: #555;
	font-family: Verdana, Arial, sans-serif;
	font-size: normal;
	font-weight: bold;
}

.afSetupWizardWindow_content{
	color: #555;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	font-weight: normal;
}

/**************************************************************************/
/* classes */
/**************************************************************************/
.my_intro{
	padding: 0px 0px 0px 0px;
	border: 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	line-height: 140%;
	text-align: left;
}
.my_intro h2{
	font-size: large;
	font-weight: bold;
}

.friends_list{
	margin: 5px 0px 5px 0px;
	border-top: 2px dotted;
	font-family: Verdana, Arial, sans-serif;
	font-size: medium;
	line-height: 140%;
	text-align: left;
}

.friend_intro{
	font-size: x-small;
}

.friend{
	margin: 5px 5px 5px 5px;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	line-height: 100%;
	text-align: left;
	float: left;
}



/**************************************************************************/
.information{
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	background-color: #E1F0FF;
	border: 2px solid #027BF4;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 140%;
	text-align: left;
}

.information2{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #E1F0FF;
	border: 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 140%;
	text-align: left;
}

.afPriError{
	margin: 0px 0px 10px 0px;
	padding: 5px 5px 5px 5px;
	background-color: #FFE0E0;
	border: 2px solid red;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 140%;
}

.afPriMesg{
	margin: 0px 0px 10px 0px;
	padding: 5px 5px 5px 5px;
	background-color: #E1F0FF;
	border: 2px solid blue;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 140%;
}

.notice{
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	background-color: #FFE0E0;
	border: 2px solid red;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 140%;
}

/**************************************************************************/
.content {
	padding: 20px 5px 5px 5px;
	background-color: #FFF;
	border: 0px solid #027BF4;
	background: white;
}

.content h2 {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: large;
	text-align: left;
	font-weight: bold;
	line-height: 100%;
	/*margin-bottom: 5px;*/
}

.content h3 {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: medium;
	text-align: left;
	font-weight: bold;
	line-height: 100%;
	/*margin-bottom: 5px;*/
}

/**************************************************************************/
.main_title{
	color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: medium;
	text-align: left;
	font-weight: bold;
	line-height: 100%;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	background:transparent url("./images/titlebar-back.png") repeat-x left top;
	background-color: #eee;	
}
.main_title a{	color: #FFFFFF; }
.main_title a:link{	color: #FFFFFF; }
.main_title a:visited{	color: #FFFFFF; }
.main_title a:active{	color: #FFFFFF; }
.main_title a:hover{	color: #cccccc; }

/**************************************************************************/

.content_block {
	color: black;
	margin: 10px 0px 10px 0px;
	padding: 5px 5px 5px 5px;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	font-weight: normal;
	line-height: 130%;
	text-align: left;
	background: none;
	background-color: #eee;
}

.content_block th{
	width: 100px;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	font-weight: normal;
	text-align: left;	
	background-color: #CCC;
}

.content_block td{
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	font-weight: normal;
	text-align: left;	
}

/********************************************************************/
.content_block.table1 {
	width: 570px; 
	overflow-x: scroll;
}
.content_block.table1 table{
	 height: 200px;
	 width: 700px;
}
.content_block.table1 th{
	font-weight: bold;
	text-align: center;	
	background-color: #ccc;
}
.content_block.table1 td{
	text-align: center;	
}
/********************************************************************/
.content_block.table2{
	text-align: center;
}
.content_block.table2 table{
	 width: 90%;
}
.content_block.table2 th{
	width: 50%;
	text-align: center;
	font-weight: bold;
}
/********************************************************************/
.table3 {
	width: 570px;
	overflow: auto;
}
.table3 table{
	width: 1000px;
}
.table3 th{
	font-weight: bold;
	text-align: center;	
	background-color: #ccc;
}
.table3 td{
	text-align: center;	
}

/********************************************************************/
.content_block.table4 {
	width: 570px;
	overflow-x: scroll;
}
.content_block.table4 table{
	width: 570px;
}
.content_block.table4 th{
	font-weight: bold;
	text-align: center;	
	background-color: #ccc;
}
.content_block.table4 td{
	text-align: center;	
}

/********************************************************************/
.admin_appconfig_tbl1{
	width: 500px;
	overflow-x: scroll;
}
.admin_appconfig_tbl1 table{
	width: 500px;
}
.admin_appconfig_tbl1 th{
	font-weight: bold;
	text-align: center;	
	background-color: #ccc;
}
.admin_appconfig_tbl1 td{
	text-align: center;	
}

/**************************************************************************/

.blocktitle{
	color: #FFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: left;
	font-weight: bold;
	line-height: 100%;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	background-color: #7297CE;
}
.blocktitle a{	color: #FFFFFF; }
.blocktitle a:link{	color: #FFFFFF; }
.blocktitle a:visited{	color: #FFFFFF; }
.blocktitle a:active{	color: #FFFFFF; }
.blocktitle a:hover{	color: #cccccc; }


/**************************************************************************/
table.admin {
	width : 600px;
}

.left_text {
	text-align: left;
}
