/*
$CSS_DATA_CUSTOM = array(css_listbox => "", page_width_value => "95", page_width_unit => "%", page_align => "center", header_style => "1", header_left_text => "                    Derek 相集", header_left_text_color => "CCFFFF", header_left_font => "Impact", header_left_font_size => "36", header_right_text => "Thanks for coming", header_right_text_color => "990000", header_right_font => "Arial", header_right_font_size => "16", header_border_color => "3300CC", header_border_width => "2", header_interior_color => "99CCFF", bg_color => "FFFFFF", bg_image_url => "", bg_image_pos => "", bg_image_repeat => "", bg_image_scroll => "", text_font => "Arial", text_size => "14", text_color => "FF0099", link_normal_color => "0066FF", link_normal_color_underline => "text-decoration: underline;", link_active_color => "FF66FF", link_active_color_underline => "text-decoration: none;", link_visited_color => "FF0000", link_visited_color_underline => "text-decoration: underline;", link_hover_color => "FFFF00", link_hover_color_underline => "text-decoration: underline;", image_border_size => "4", image_border_color => "FF0099", image_effect => "effect_normal", imagehover_border_size => "4", imagehover_border_color => "00CC00", imagehover_effect => "effect_transp_1", thumb_border_size => "1", thumb_border_color => "FFFFFF", thumb_effect => "effect_normal", thumbhover_border_size => "1", thumbhover_border_color => "FF0099", thumbhover_effect => "effect_normal", music_url => "http://", music_loop => "-1", scroll_arrow_color => "00CC00", scroll_track_color => "ffffff", scroll_face_color => "ffffff", scroll_highlight_color => "ffffff", scroll_base_color => "ffffff", scroll_shadow_color => "ffffff", scroll_darkshadow_color => "ffffff", scroll_3dlight_color => "ffffff", special_effect => "0");
*/

body {
	text-align: center;
	background-image : url("") ;
	background-color : #FFFFFF;
	background-attachment : ;
	background-repeat : ;
	background-position : ;
	scrollbar-arrow-color: #00CC00;
	scrollbar-track-color: #ffffff;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-base-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	color : #FF0099;
}
.mainbody {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 95%
}
.img_caption_table th {
	background: #FFFFFF;
	color : #FF0099;
	border-top : 1px solid #FFFFFF;
}
.img_caption_table td {
	background: #FFFFFF;
	border-top : 1px solid #FFFFFF;
}
.img_caption_table {
	background-color: #FFFFFF;
	color : #FF0099;
}

.maintable {
	background-color: transparent ;
	font-family: "Arial";
	font-size: 14;
	color : #FF0099;
	border: 0px solid #000000;
}

.statlink {
	font-family: "Arial";
	font-size: 14;
	color: #FF0099;
}
.album_stat {
	font-family: "Arial";
	font-size: 14;
	color : #FF0099;
}
.topmenu {
	font-family: "Arial";
	font-size: 14;
	color : #FF0099;
}

.sortorder_options {
	color : #FF0099;
	background : transparent;
}
.tableb_compact {
	color : #FF0099;
	background: transparent;
}
.tableh1 {
	font-family: "Arial";
	color : #FF0099;
	font-size: 14;
	background : transparent;
}
.clickable_option {
	color: #0066FF;
	text-decoration: underline;
}
a{
	color: #0066FF;
	text-decoration: underline;
}
.alblink a {
	color: #0066FF;
	text-decoration: underline;
}
.navmenu a {
	color: #0066FF;
	text-decoration: underline;
}
.topmenu a {
	color: #0066FF;
	text-decoration: underline;
}
.statlink a {
	text-decoration: none;
	color: #0066FF;
	text-decoration: underline;
}
a:hover {
	color: #FFFF00;
	text-decoration: underline;
}
.alblink a:hover {
	color: #FFFF00;
	text-decoration: underline;
}
.navmenu a:hover {
	color: #FFFF00;
	text-decoration: underline;
	background : transparent ;
}
.topmenu a:hover {
	color: #FFFF00;
	text-decoration: underline;
}
.statlink a:hover {
	color: #FFFF00;
	text-decoration: underline;
}
a:active {
	color: #FF66FF;
	text-decoration: none;
}
.alblink a:active {
	color: #FF66FF;
	text-decoration: none;
}
.navmenu a:active {
	color: #FF66FF;
	text-decoration: none;
}
.topmenu a:active {
	color: #FF66FF;
	text-decoration: none;
}
.statlink a:active {
	color: #FF66FF;
	text-decoration: none;
}
a:visited {
	color: #FF0000;
	text-decoration: underline;
}
.alblink a:visited {
	color: #FF0000;
	text-decoration: underline;
}
.navmenu a:visited {
	color: #FF0000;
	text-decoration: underline;
}
.topmenu a:visited {
	color: #FF0000;
	text-decoration: underline;
}
.statlink a:visited {
	color: #FF0000;
	text-decoration: underline;
}
a:visited:hover {
	color: #FFFF00;
	text-decoration: underline;
}
.alblink a:visited:hover {
	color: #FFFF00;
	text-decoration: underline;
}
.navmenu a:visited:hover {
	color: #FFFF00;
	text-decoration: underline;
}
.topmenu a:visited:hover {
	color: #FFFF00;
	text-decoration: underline;
}
.statlink a:visited:hover {
	color: #FFFF00;
	text-decoration: underline;
}
a:visited:active {
	color: #FF66FF;
	text-decoration: none;
}
.alblink a:visited:active {
	color: #FF66FF;
	text-decoration: none;
}
.navmenu a:visited:active {
	color: #FF66FF;
	text-decoration: none;
}
.topmenu a:visited:active {
	color: #FF66FF;
	text-decoration: none;
}
.statlink a:visited:active {
	color: #FF66FF;
	text-decoration: none;
}


.tableb {
	background: transparent;
}
.tableh1_compact {
	background : transparent ;
	font-family: "Arial";
	font-size: 14;
	color : #FF0099;
}
.tableh2_compact {
	background: transparent ;
	font-family: "Arial";
	font-size: 14;
	color : #FF0099;
}
.tableh2 {
	background-color : transparent;
	color : #FF0099;
}
.tablef {
	background: transparent;
}
.thumbnails {
	background: transparent;
}
.sortorder_cell {
	background : transparent;
}
.navmenu {
	background : transparent ;
	color: #0066FF;
	text-decoration: underline;
	font-family: "Arial";
	font-size: 14;
}

.imageborder {
	background-color: transparent;
	border:0px solid #000000;
}
.imageborder img {
	
	border:4px solid #FF0099;
}
.imageborder a:hover img {
	filter: Alpha(opacity=30);
	border:4px solid #00CC00;
}
.thumbnails a img {
	
	border:1px solid #FFFFFF;
}
.thumbnails a:hover img  {
	
	border:1px solid #FF0099;
}




.thumb_num_comments {
	font-family: "Arial";
	font-size: 14;
	color : #FF0099;
}
.thumb_caption {
	font-family: "Arial";
	font-size: 14;
	color : #FF0099;
}
.thumb_title {
	color : #FF0099;
	font-size: 14;
}


.header_preview {
	background-color: #99CCFF;
	border: 2px solid #3300CC;
	padding: 6px;
	text-align: right;
	overflow: auto;
}
.header_left_text_preview {
	width: 60%; color: #CCFFFF;
	font-family: "Impact";
	font-size: 36;
	text-align: left;
	float: left;
	vertical-align: middle;
	overflow: auto;
}
.header_right_text_preview {
	width: 100%;
	color: #990000;
	font-family: "Arial";
	font-size: 16;
	vertical-align: middle;
	overflow: auto;
}



