body, input, select, textarea { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #555;
}
div.clear { clear:both}
input.button { border: 0; background-color: transparent; cursor: pointer }

p { margin: 0; line-height: 1.6em }
strong { font-weight: bold }
em { font-style:italic }
address { font-style: normal }
.underline { text-decoration: underline }
.stroke { text-decoration: line-through }
.compulsory { color: #CC0000 }
.compulsory_key { color: #CC0000; text-align: right; margin: 0 auto }
.warning { color: #FF0000 ; font-weight: bold }
.success { color: #218b00 ; font-weight: bold }
.tiny { width: 12px }
.small { width: 32px }
.medium { width: 64px }
.large { width: 96px }
.nodata, .remark { color: #999 }
.top { vertical-align: top }
.right { text-align: right }
.center { text-align: center }

a:link, a:visited { color: #239400; text-decoration: none }
a:active, a:hover { color: #FF8C19; text-decoration: underline }

body { 
	margin: 0;
}

h4 { margin: 0 }

#space_name {
	margin: 0;
	padding: 10px;
	display: none;
}

#space_name a:link, #space_name a:visited {
	color: #FFFFFF;
}

#space_name a:active, #space_name a:hover {
	color: #FFFFFF;
}

/* pop layer style */
.PopText { 
	position:absolute ;
	z-index:100;
	padding: 4px 8px ; 
	visibility: hidden; 
	filter: Alpha(Opacity=80);
	opacity: 0.8;
	background-color: #F0FBFF ; 
	border: 1px #1862D0 dashed ;
	color : #001133 ;
}

#wrapper {
	width: 990px;
	margin: 0 auto;
}

#inner_wrapper {
	background: url(image/wrapper_bg.png) repeat-y;
}

#inner_wrapper1 { background: top center url(image/wrapper_header.png) no-repeat }

#inner_wrapper2 {
	position: relative;
	background: bottom center url(image/wrapper_footer.png) no-repeat;
	overflow: hidden;
	padding-top: 5px;
}

/* =main */
#main {
	float: right;
	width: 755px;
	border: 0px solid #123123;
	margin-bottom: 12px;
	min-height: 180px;
	position: relative;	/* IE6 fix */
}

#main_full {
	border: 0px solid #123123;
	margin-bottom: 12px;
	min-height: 180px;
}

/* =left div */
#left {
	float: left;
	width: 180px;
	position: relative;	/* IE6 fix */
}

/* =header */
#header {
	height: 233px;
	background: top left url(image/header.png) no-repeat;
	position: relative;
	margin-bottom: 10px;
}

/*#sub_header {
	position: absolute;
	bottom: 0;
}*/

/* =footer */
#footer { 
	clear: both; 
	text-align: right;
	padding: 25px 20px 30px 0;
	color: #888;
	background: url(image/footer.png) no-repeat;
	margin-top: 12px;
}
#footer a { color: #666666 }

/* =breadcrumb */
#breadcrumb {
	margin: 5px 0;
	padding: 5px 0;
	border-bottom: 1px solid #DDD;
	font-size: 15px;
}

/* =nav_bar */
#nav {
	position: absolute;
	left: 12px;
	top: 81px;
	height: 26px;
	padding:0 2px;
	padding-left: 8px;
	display: none;
}

div.nav_br {
	float: left;
	width: 1px; height: 26px;
	background: top left url(image/nav_br.png) no-repeat;
}

div.outer {
	float: left;
	height: 26px;
	margin: 0 1px;
	background-position: 0 -26px;
	background-repeat: no-repeat;
}
div.home, div.home a { width:74px ; background-image: url(image/top_nav.png) }
div.nav_home_now, div.nav_home_now a { background-position: 0 -52px }

div.album, div.album a { width:74px ; background-image: url(image/top_nav.png) }
div.album { background-position: -74px -26px }
div.album a { background-position: -74px 0 }
div.nav_album_now, div.nav_album_now a { background-position: -74px -52px }

div.blog, div.blog a { width:74px ; background-image: url(image/top_nav.png) }
div.blog { background-position: -148px -26px }
div.blog a { background-position: -148px 0 }
div.nav_blognow, div.nav_blog_now a { background-position: -148px -52px }

div.outer a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	background-repeat: no-repeat ;
}

div.outer a:hover { background-image: none; }

/* =msg_box */
.msg_box {}

.msg_error {
	margin: 1em auto;
	padding: 1em;
	text-align:center;
	border: 1px solid #CC3300;
	background-color: #FFD7D7;
	color: #FF0000;
	font-weight: bold;
}

.msg_warning {
	margin: 1em auto;
	padding: 1em;
	text-align:center;
	border: 1px solid #CC3300;
	background-color: #FFD7D7;
	color: #FF0000;
	font-weight: bold;
}

.msg_notice {
	margin: 1em auto;
	padding: 1em;
	background-color: #FFFFCC;
	border: 1px solid #CCC;
}

.msg_message {
	margin: 1em auto;
	padding: 1em;
	background-color: #ebf6c1 ; 
	border: 1px solid #69b02e ; 
	color: #69b02e ; 
}

/* =pager_number */
.pager_number {
	width: 95%;
	margin: 20px auto;
	text-align: center;
	padding: 10px 0
}
.pager_number span, .pager_number a {
	margin: 4px;
	font-size: 14px;
	padding: 5px 8px;
	border: 1px solid #d9f0c4;
}
.pager_number a:hover, .pager_number a:active { 
	border: 1px solid #FFCC33; 
	background-color: #FFF4A9;
}
.pager_number .cur_page { border: 2px solid #7ebf3f }

/* =pager_block*/
.pager_block { 
	position: relative;
	width: 95%;
	height: 40px;
	margin: 1em auto 0;
	border: 1px solid #ffd700;
	background-color: #FFFFDD;
}
.pager_block .now_show { 
	position: absolute;
	left: 10px;
	top: 10px;
}
.pager_block .pager_wrapper { 
	position: absolute;
	right: 10px;
	top: 10px;
}

.pager_block .arrow { 
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	background-position: center center;
	background-repeat: no-repeat;
}
.pager_block .page_select { float: left }
.pager_block .page_jump { float: left; background: left center url(image/pager/go.gif) no-repeat; padding-left: 16px }
.pager_block .page_selected { font-weight: bold; color: #0066FF; background-color: #F1FAFF }
.pager_block .now_show { float: left; line-height: 20px }
.pager_block .arrow span { display:none }

.pager_block .first { background-image: url(image/pager/first.gif) }
.pager_block .previous { background-image: url(image/pager/previous.gif) }
.pager_block .next { background-image: url(image/pager/next.gif) }
.pager_block .last { background-image: url(image/pager/last.gif) }

.pager_block .first_off { background-image: url(image/pager/first_off.gif) }
.pager_block .previous_off { background-image: url(image/pager/previous_off.gif) }
.pager_block .next_off { background-image: url(image/pager/next_off.gif) }
.pager_block .last_off { background-image: url(image/pager/last_off.gif) }

/* =pager_simple */
.pager_simple { 
	position: relative;
	width: 490px;
	height: 30px;
	margin: 1em auto 0.5em;
}

.pager_simple .arrow { 
	display: block;
	float: left;
	width: 80px;
	height: 24px;
	margin-right: 16px;
	background-position: center center;
	background-repeat: no-repeat;
}
.pager_simple .page_jump { float: left; margin-right: 10px }
.pager_simple .arrow span { display:none }

.pager_simple .first, .pager_simple .previous, .pager_simple .next, .pager_simple .last,
.pager_simple .first_off, .pager_simple .previous_off, .pager_simple .next_off, .pager_simple .last_off {
	background-image: url(image/pager_simple.gif);
	background-repeat: no-repeat;
}

.pager_simple .first { background-position: 0 -96px }
.pager_simple .previous { background-position: 0 -120px }
.pager_simple .next { background-position: 0 -144px }
.pager_simple .last { background-position: 0 -168px }

.pager_simple .first_off { background-position: 0 0 }
.pager_simple .previous_off { background-position: 0 -24px }
.pager_simple .next_off { background-position: 0 -48px }
.pager_simple .last_off { background-position: 0 -72px }

/* global table list style */
table.list { 
	margin: 12px auto ; 
	border-collapse: collapse ; 
	width: 640px ;
	border-bottom: 1px solid #97e2fa ;
	border-top: 3px solid #97e2fa ;
}
table.list th, table.list td { padding: 6px }
table.list th { 
	background-color: #ebfbff ; 
	color: #008fd8 ;
}
table.list td { 
	background-color: #FFF ;
	border-top: 1px solid #97e2fa ;
	border-bottom: 1px solid #97e2fa ;
	color: #555 ;
}
table.list th a:link,
table.list th a:visited,
table.list th a:hover,
table.list th a:active { color: #00569e }

table.form a:link, table.form a:visited,
table.list a:link, table.list a:visited { color: #00569e ; text-decoration: none }
table.form a:active, table.form a:hover,
table.list a:active, table.list a:hover { color: #FF8C19 ; text-decoration: underline }

/* global form style */
.form {
	border-collapse: collapse ;
	margin: auto ;
}

.form td {
	padding: 5px ;
	background-color: #FFFFFF ;
	border: 1px solid #97e2fa ;
}

.form td.attribute {
	text-align: left ; 
	width: 100px ; 
	padding-left: 24px ;
	background-color: #ebfbff ;
	color: #008fd8 ;
}

.form td.value {
	width: 180px ;
	color: #666 ;
}

/* sidebar */
#sidebar1 {
	float: left;
	width: 228px;
}

#main { 
	float: left;
	width: 740px;
	margin: 0 10px 0 10px;
}

/* =module */
.module {
	/*background: url(images/container_bg.png) repeat-y ;*/
	margin-bottom: 16px ;
	clear: both ;
}

.module_header {
	background: top left url(image/sidebar_title.png) no-repeat;
	font-weight: bold;
	color: #FFF;
	padding: 8px 6px 16px 16px;
} 

.module_body {
	width: 195px;
	padding: 0 15px 0 18px;
}

.module_footer {
	display: none;
} 

/* =main_module */
.main_module_body {
	padding: 0 15px 0 18px;
}

/* =home */
.app_user_pic {
	margin: 6px;
	float: left;
	width: 50px;
}

.share_box {
	padding: 8px;
	width: 690px;
	margin: auto;
	background-color: #f2f2f2;
	border: 1px solid #cccccc;
	margin: 10px 0;
}

.wall_container {
	margin-top: 20px;
}

.stream_content {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 10px 0;
}

.stream_message {
}

.stream_time {
	color: #999;
}

.stream_pic {
	float: left;
	width: 50px;
	margin-right: 10px;
}

.stream_body {
	float: left;
}

.stream_item {
	padding: 0 0 0 60px;
	margin: 8px 0;
}

.stream_blog_reply, .stream_photo_reply {
	padding-left: 24px;
	background: url(image/comment.gif) no-repeat;
}

.stream_connect {
	padding-left: 24px;
	background: url(image/connect.gif) no-repeat;
}

.stream_blog {
	padding-left: 24px;
	background: url(image/blog.gif) no-repeat;
}

.stream_album, stream_photo {
	padding-left: 24px;
	background: url(image/photo.gif) no-repeat;
}

/* =info */
.info_box {
	padding: 10px 20px;
}

.info_avatar {
	float: left;
}

.info_container {
	float: left;
	padding-left: 10px;
}
/*#info .module_body {}

#info td, #basic td {}

td.attribute { text-align: right }

#user_face { text-align: center ; margin: 10px 0 }

#thumbnail { margin: auto }
#thumbnail td { padding: 4px }*/

/* intro */
#intro .module_body { 
	background-color: #fcfbec ; 
	border: 1px solid #eae5cc ;
	padding: 8px ;
	width: 620px ;
	margin: auto ;
}
#intro p { line-height: 1.5em }

/* =tag */
.tag_container {
	clear: both;
	height: 38px;
}

.tag_picture {
	float: left;
}

.tag_info {
	float: left;
	padding-left: 8px;
}

.tag_count {
	font-size: 12px;
	color: #666;
}

/* =album */
.album_list, .photo_list { margin: auto ; padding: 0 ; width: 700px }

.album_list td, .photo_list td {
	vertical-align: top;
	padding: 10px;
}

.album_container {
	padding: 8px;
	border: 1px solid #CCC;
	background-color: #FFF;
	width: 308px;
}

.photo_wrapper { text-align: center ; margin: 6px 0 }
.photo_wrapper img { padding: 4px ; border: 2px solid #CCC; background-color: #FFFFFF }
.photo_wrapper a:link img, .photo_wrapper a:visit img { border: 2px solid #CCC }
.photo_wrapper a:hover img, .photo_wrapper a:active img { border: 2px solid #FFCC00 }

.album_info {
	background-position: left center;
	background-repeat: no-repeat;
	padding: 2px 0 2px 20px;
}

.album_reply {
	background-image: url(image/comment.gif);
}

.album_photo {
	background-image: url(image/photo.gif);
}

.album_update {
	background-image: url(image/clock.gif);
}

.album_download {
	background-image: url(image/download.gif);
}

.album_tag {
	background-image: url(image/tag.gif);
}

.album_fullsize {
	float: right;
	background-image: url(image/fullsize.gif);
}

.album_detail {
	background-image: url(image/detail.gif);
}

.tag_with_frame {
	background: left center url(image/tag_frame.gif) no-repeat;
	padding-left: 18px;
}

/* =photo tag */
.ui-widget-titlebar {
	display: none;
}
.ui-widget-header { display: none }
.ui-widget-content {
	background: none;
	border: 0;
}
.ui-dialog { padding: 0}
.ui-dialog .ui-dialog-content { padding: 0}

.ui-dialog .ui-dialog-titlebar-close { height: 0 }

#main_image {
	border: 1px solid #DDD;
	/*cursor:crosshair;*/
}

#tag_text {
	text-align: center;
	background-color: #333333;
	color: #FFF;
	margin-top: 2px;
	padding: 2px 0;
}
#note_frame_outer {
	border: 2px solid #333333;
}
#note_frame_inner {
	border: 2px solid #FFF;
	height: 150px;
}

.note {
	border: 0px solid #AAA;
	background: url(image/blank.gif); /* fix for IE */
	overflow: hidden; 
	position: absolute; 
	z-index: 0;
}

.notep {
	display: none;
	background-color: #333333;
	color: #FFF;
	padding: 2px 0;
	position: absolute;
	width: 150px;
	text-align: center;
} 

/* =link */
#link .site_photo { border-right: 1px solid #97e2fa ; width: 80px ; text-align: center ; vertical-align: middle }
#link .site_info { width: 570px }
#link .site_info img { margin: 0 4px }

/* =photo comment */
.comment_box {
	padding: 8px 8px 8px 8px;
	background-color: #e0f1ff;
	border: 1px solid #a9deff;
	width: 560px;
	margin: 10px 0;
}

.comment_avatar { float: left }
.comment_container { padding-left: 60px }

/* =blog */
.blog_container {
	clear: both;
}

.blog_date {
	font-weight: normal;
}

.blog_subject {
	font-size: 15px;
	font-weight: normal;
}

.blog_content {
	padding: 10px 0;
}

.blog_footnote {
	clear: both;
	text-align: right;
}

.blog_separator {
	margin: 20px 0;
	height: 1px;
	background: url(image/separator.gif) no-repeat;
}

.recent_blog {
	margin: 0;
	padding: 4px 0 4px 20px;
}

.recent_blog li {
	margin: 0;
	padding: 0;
}

/* =advertisment */
.sponser {
	background-color: #fff8e7;
	padding: 5px;
	border: 1px solid #f8c588;
}
.sponser a:link, .sponser a:visited { color: #0066ff; text-decoration: none }
.sponser a:active, .sponser a:hover { color: #c38dff; text-decoration: underline }