#simplemodal-overlay {
	background-color:#000;
}

#modal_join{
	display:none;
	width:550px;
	height:300px;
	background:white;
}
#modal_join table{
	width:550px;
	height:300px;
	margin: 0px auto;
}
#modal_join table tr td{
	text-align: center;
}
#modal_join table tr #modal_title{
	border-bottom: 1px solid #509A94;
}

#modal_area{
	display:none;
	width:400px;
	height:150px;
	background:white;
}
#modal_area table{
	width:390px;
	height:100px;
	margin: 0px auto;
	padding-top: 30px;
}
#modal_area table tr td{
	padding-top: 15px;
	vertical-align: middle;
	text-align: center;
}

#modal_certificate_area{
	display:none;
	width:400px;
	height:300px;
	background:white;
}
#modal_certificate_area table{
	width:400px;
	height:300px;
	margin: 0px auto;
}
#modal_certificate_area table tr td{
	text-align: center;
}
#modal_certificate_area table tr #modal_title{
	border-bottom: 1px solid #509A94;
}
#modal_certificate_area table tr #modal_input_name{
	width:130px;
}
#modal_certificate_area table tr #modal_td_certificate_pw,
#modal_certificate_area table tr #modal_td_certificate_name{
	width:150px;
	padding-left:7px;
	text-align:left;
}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {height:360px; width:500px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../images/modal/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}



/* OSX style*/


/* Overlay */
#user_stats_overlay {background-color:#000;}

/* Container */
#user_stats_container {background-color:#eee; color:#000; font: 16px/24px "Lucida Grande",Arial,sans-serif; padding-bottom:4px; width:800px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; border-radius:0 0 6px 6px; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000; box-shadow:0 0 64px #000;}
#user_stats_container .close {display:none; position:absolute; right:0; top:0;}
#user_stats_container .close a {display:block; color:#FF0000; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;}
#user_stats_container .close a:hover {color:#DB0000;}
#user_stats_container h2 {margin:10px 0 6px;}
#user_stats_container p {margin-bottom:10px;}
#user_stats_container span {color:#777;}
#user_stats_container label {color:#777;}
#user_stats_container #user_stats_modal_data {font-size:12px; width:780px; height:340px; overflow-y:auto; border:1px;}
#user_stats_container #user_stats_modal_title {height:50px;color:#000; background-color:#ddd; font-weight:bold; border-bottom:1px solid #ccc; padding:6px 8px; text-shadow:0 1px 0 #f4f4f4;}

/* content list */
#user_stats_modal_content, #user_stats_modal_data {display:none;}
#user_stats_modal_content {width:800; height:420;}
/*#user_stats_modal_data .title {color:#000; background-color:#ddd; border-bottom:1px solid #ccc; font-weight:bold; padding:6px 8px; text-shadow:0 1px 0 #f4f4f4;}*/
#user_stats_modal_data ul{list-style-type: none;margin:0; clear:left;}
#user_stats_modal_data ul li{text-align: center; float: left; margin: 0; padding: 2px, 1px;}
#user_stats_modal_title ul{list-style-type: none;margin:0; clear:left;}
#user_stats_modal_title ul li{text-align: center; float: left; margin: 0; padding: 2px, 1px, 0px, 15px;}

/* content_list*/
#user_stats_modal_title .title .nm_user			{width: 60px; font-size:14px;}
#user_stats_modal_title .title .val_nm_user		{width:100px; font-size:14px;}
#user_stats_modal_title .title .member_id 		{width: 60px; font-size:14px;}
#user_stats_modal_title .title .val_member_id	{width:100px; font-size:14px;}
#user_stats_modal_title .title .cnt_mbook 		{width:140px; font-size:14px;}
#user_stats_modal_title .title .val_cnt_mbook	{width: 40px; font-size:14px;}
#user_stats_modal_title .title .cnt_down 		{width:180px; font-size:14px;}
#user_stats_modal_title .title .val_cnt_down 	{width: 50px; font-size:14px;}

#user_stats_modal_data .head .nm_category	{width:200px; font-weight:bold; }
#user_stats_modal_data .head .nm_mbook		{width:260px; font-weight:bold; }
#user_stats_modal_data .head .nm_platform	{width:100px; font-weight:bold; }
#user_stats_modal_data .head .nm_device		{width:100px; font-weight:bold; }
#user_stats_modal_data .head .cnt_down 		{width: 80px; font-weight:bold; }
#user_stats_modal_data .list .nm_category 	{width:200px;}
#user_stats_modal_data .list .nm_mbook		{width:260px;}
#user_stats_modal_data .list .nm_platform 	{width:100px;}
#user_stats_modal_data .list .nm_device		{width:100px;}
#user_stats_modal_data .list .cnt_down 		{width: 80px;}
