div#container a{
	text-decoration: none;
}

div#container a:hover{
	text-decoration: underline;
}

/* ------------------------------------------------------------
	left_area
------------------------------------------------------------ */

div.left_area {
	width:708px;
	/*height: 880px*/;
	float:left;
	margin:0 0 0 25px !important;
	margin:0 0 0 12px;
}

div.friendList {
	width:311px;
	float:left;
	text-align:center;
}

div.friendList a img{	
    margin: 0px 0px -3px 0px;
	border-bottom:5px solid #FFFFFF;
}
div.friendList h2{
	width:301px;
	height:20px;
	background:url(../img/albumview2/ttl_311.gif);
	margin:0 0 10px 0;
	padding:7px 0px 0px 10px;
	text-align:left;
	font-weight:bold;
}

div.friendList ul {
	display:block;
	width:300px;
	text-align:center;
	margin:0 0 0 10px;
	clear: both;
}

div.friendList  ul li {
	display:block;
	width:65px;
	float:left;
	margin:0 10px 0 0;
	padding:0 0 15px 0;
	line-height:1.35em;
	overflow: hidden;
	text-align:center;
}

div.albumComment {
	width:375px;
	float:left;
	margin:0 0 0 0px !important;
}

div.albumComment h2{
	width:365px;
	height:20px;
	background:url(../img/albumview2/ttl_375.gif);
	margin:0 0 10px ;
	padding:7px 0px 0px 10px;
	font-weight:bold;
}

div.userCommernt {}

div.userCommernt .iconA,
div.userRes .iconA{ float:left;}

div.userCommernt .iconA {
	display:block;
	width:32px;
	height:32px;
	background:url(../img/albumview2/bg_thum1.gif) top no-repeat;
}

div.userCommernt .iconA img{
	margin:3px 0 0 3px;
}

div.userRes .iconA {
	display:block;
	width:37px;
	height:38px;
	background:url(../img/albumview2/bg_thum2.gif) top no-repeat;
}

div.userRes .iconA img{
	margin:3px 0 0 3px;
}

div.userCommernt .commentTxt{
	width: 324px;
	margin:0 0 0 40px;
	background:url(../img/albumview2/bg_comment_bottm.gif) bottom no-repeat;
}

div.userCommernt .commentTxt .wrapper{
	background:url(../img/albumview2/bg_comment_top.gif) top no-repeat;
	padding:15px 15px 15px 23px;
}

div.userCommernt .commentTxt .wrapper a {
	font-weight: bold;
}

div.userCommernt .commentTxt textarea {
	margin:0px;
	padding:0px;
	width:280px;
	overflow:hidden;
	border:0px;
	color:#999999
}

.btnSubmit{
	width:72px;
	margin:5px 0px 10px 290px;
}

div.albumRes {
	/*height: 430px;*/
	overflow:auto;
}

div.userRes {
	margin:0 0 10px 0;
}

div.userRes .commentTxt {
	width:299px;
	margin:0 0 0 40px;
	padding:0 0 0px 0;
	background:url(../img/albumview2/bg_Res_bottom.gif) bottom no-repeat;
}

div.userRes .commentTxt .wrapper {
	background:url(../img/albumview2/bg_Res_top.gif) top no-repeat;
	padding:15px 15px 30px 23px;
}

div.userRes .commentTxt dt {
	color:#a2a2a2;
	margin:0px 0px 5px 0px;
}

div.userRes .commentTxt dd {
	margin:0px 0px 5px 0px;
}

div.userRes .commentTxt .name {
	width: 200px;
	float: left;
	cursor: hand;
}

div.userRes .commentTxt .resDel {
	display:block;
	width: 55px;
	float:right;
}

div.albumComment .btnDel {
	text-align:right;
	margin:5px 0 15px 0;
}

div.albumAuthor {
	width:311px !important;
	width:301px;
	margin:0 0 0 0px;
	float: right;
}

div.albumAuthor h2{
	width: 311px !important;
	width:301px;
	height:20px;
	background:url(../img/albumview2/ttl_311.gif) no-repeat;
	margin:0 0 15px 0;
	padding:7px 0 0 10px;
	font-weight:bold;
}

div.albumAuthor .albumImage{
	width:121px;
	height:115px;
	margin:0 0 20px 22px !important;
	margin:0 0 20px 12px;
	background: url(../img/albumview2/album_y_bg.gif) no-repeat;
	position:relative;
	text-align:center;
	float:left;
}

.album_bg_gray {background: url(../img/album_bg_gray.gif) no-repeat;}


.albumImage a img{
	margin:2px 0px 5px 19px;
}

.albumImage .albumTitle{
	width:128px;
	position:absolute !important;
	position:
	text-align:center;
	top: 100px;
	cursor: hand;
}

.albumImage a:hover .albumTitle{
	text-decoration:underline;
}

div.albumAuthor .newAlbum{
	display:block;
	width:47px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(../img/albumview2/icon_new.gif) no-repeat !important;
	position:absolute;
	top: -5px;
	left:0px;
}

div.albumAuthor .resNum {
	display:block;
	width:32px;
	height:27px;
	background: url(../img/albumview2/icon_resnum.gif) no-repeat !important;
	position:absolute;
	top: -5px;
	right:-10px;
	text-align:center;
	padding:3px 0 0 0px;
	font-weight: bold;	
}

div.albumPage {
	width:311px;
	float:left;
	text-align:center;
}

div.albumPage ol.pagination {
    list-style: none;
    margin:0px auto;
	padding:5px 0 10px 0;
}

div.albumPage ol.pagination li {
	display:inline;
    margin-right: 8px !important;
    margin-right: 8px;
    padding-right: 8px;
    border-right: 1px #999999 solid;
}

div.albumPage ol.pagination li.noborder {
	border-right:none;
}

div.albumPage ol.pagination li.next {
	border-right:none;
}

div.albumPage ol.pagination li em {
      font-weight: bold;
}

/* ------------------------------------------------------------
	right_area
------------------------------------------------------------ */

div.right_area {
	width:184px;
	float:right;
	margin:0 25px 0 0 !important;
	margin:0 13px 0 0px;
}

div.albumNice {
	width:184px;
	height:72px;
	background:url(../img/albumview2/bg_nice.gif) no-repeat !important;
	margin:0 0 20px 0;
	position:relative;
}

div.albumNice dl.niceBox {
	clear:both;
	height:30px;
}

div.albumNice dl.niceBox dt {
	float:left;
	margin:10px 0 0 10px !important;
}

div.albumNice dl.niceBox dd {
	margin:0px 15px 0 60px;
	padding:10px 0 0 0;
	text-align:right;
	font-weight:bold;
}

div.albumNice dl.niceCnt {
	clear:both;
	display:block;
	width:70px;
	margin:0 0 0 100px;
	padding:8px 0 0 0;
}

div.albumNice dl.niceCnt dt {
	display:block;
	width:24px;
	height:23px;
	margin:0px 0px 0px 0px;
	float:left;
}

div.albumNice dl.niceCnt dd {
	height:23px;
	margin:0px -2px 0px 0px;
	padding:5px 0px 0px 0px;
	position:relative;
	font-weight:bold;
}

div.albumNice .btnNice a{
	width:90px;
	height:35px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	background:url(../img/albumview2/btn_nice.gif);
	left: 5px;
	top: 34px;
}

div.albumNice .btnNice a.normal {
	background-position:0px 0px;
}

div.albumNice .btnNice a.hover {
	background-position:0px -50px;
}

div.albumNice .btnNice a.down{
	background-position:0px -100px;
}

div.albumNice .btnNice a.disable{
	background-position:0px -150px;
}

div.bnrArea {
	width:184px;
	margin:0 0 20px 0;
}

div.bnrArea p{
	margin:0 0 5px 0;
}

/* ------------------------------------------------------------
	clearfix
------------------------------------------------------------ */

.clearfix:after {
  content: "."; 
  display: block;  
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.clear {clear:both;}

.backbu { background-color:#CCCCCC !important}


/* User registration
----------------------------------------------------------------------------------------------------------- */
div.left_area #usrReg {
	margin-top: 20px;
	padding: 0 16px 0 15px;
	width: 675px;
	background: #f5f5f5 url(../img/albumview2/usrreg_bg.gif) repeat-y 0px 30px;
	border: 1px solid #dadada;
}

div.left_area #usrReg h3 {
	margin: 0;
	padding: 15px 0 20px 0;
	color: #666;
	font-weight: bold;
	font-size: 130%;
	display: block;
	background: #f5f5f5;
}

div.left_area #usrReg #point {
	margin: 0;
	padding: 0;
	width: 675px;
}

div.left_area #usrReg #point ul {
	margin-right: -30px;
	padding: 0;
	overflow: hidden;
	_zoom: 1;
	width: 705px;
}

div.left_area #usrReg #point ul li {
	float: left;
	margin-right: 30px;
	padding: 0;
	width: 205px;
}

div.left_area #usrReg #point ul li span.title {
	display: block;
	margin: 0;
	padding: 0 0 4px 0;
	font-size: 96%;
	font-size: 90%\9; /* for IE */
	color: #777;
	font-weight: bold;
	line-height: 1.8;
}

div.left_area #usrReg #point ul li span.text {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 95%;
	line-height: 1.5;
	color: #777;
	width: 115px;
}

div.left_area #usrReg #point ul li img {
	display: block;
	margin: 3px 0 0 10px;
	padding: 0;
	float: right;
}

div.left_area #usrReg #point .entryBtn {
	clear: both;
	background: #f5f5f5;
	margin: 0 auto;
	padding: 15px 0;
	width: 278px;
}

div.left_area #usrReg #point .entryBtn a{
	width: 278px;
	height: 44px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/albumview2/usrreg_ent_btn.gif) no-repeat;
	display: block;
}

div.left_area #usrReg #point .entryBtn a:normal {
	background-position:0px 0px;
}

div.left_area #usrReg #point .entryBtn a:hover {
	background-position:0px -70px;
}

div.left_area #usrReg #point .entryBtn a:active{
	background-position:0px -140px;
}