html{
	color:#000;
	background:#FFF;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{
	margin:0;
	padding:0;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img{
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var{
	font-style: normal;
	font-weight: normal;
}
li{
	list-style:none;
}
caption, th{
	text-align:left;
}
h1, h2, h3, h4, h5, h6{
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after{
	content: '';
}
abbr, acronym{
	border: 0;
	font-variant: normal;
}
sup{
	vertical-align: text-top;
}
sub{
	vertical-align: text-bottom;
}
input, textarea, select{
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
input, textarea, select{
	*font-size: 100%;
}
legend{
	color: #000;
}

abbr,article,aside,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary{
	display: block;
}
html, body{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	height: 100%;
}

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

.clearfix{
	zoom: 1;
}

/* basicslippage */
.ucrenlite-basicslippage-layer{
	overflow: hidden;
	line-height: 0;
}
.ucrenlite-basicslippage-inner{
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	display: block;
	cursor: pointer;
}
.simpletree{

}

.simpletree .node{
	clear: both;
}

.simpletree .node .relation{
	float: left;
	width: 20px;
	height: 20px;
	background: transparent url(tree/relation.gif) no-repeat 0 0;
}

.simpletree .node .relation-last{
	background-position: 0 -20px;
}

.simpletree .node .relation .expanded-viewer{
	display: none;
	width: 20px;
	height: 20px;
	background: transparent url(tree/expanded-viewer.gif) no-repeat 0 0;
}

.simpletree .node .selection{
	float: left;
	width: 20px;
	height: 20px;
	overflow: hidden;
}

.simpletree .node .selection .selection-clicker{
	position: relative;
	left: 0;
	top: -20px;
	width: 20px;
	height: 20px;
	background-image: url(blank.gif);
}

.simpletree .node .selection .selection-inputer{

}

.simpletree .node .icon{
	float: left;
	width: 20px;
	height: 20px;
	background: transparent url(blank.gif) no-repeat 0 0;
}

.simpletree .node .name a{
	color: #000;
	text-decoration: none;
	padding: 0 1px;
	font-size: 14px;
}

.simpletree .node .name a.selected{
	color: #000;
	background-color: #d4d0c8;
}

.simpletree .node .name a.focus{
	color: #fff;
	background-color: #0a246a;
	outline: 1px dotted #808080;
}

.simpletree .dropdownlayer{
	padding-left: 20px;
	background: transparent url(tree/relation.gif) repeat-y -20px 0;
}

.simpletree .dropdownlayer-last{
	background-image: url(blank.gif);
}
.simplelist{
	padding: 5px;
}

.simplelist .item{
	width: 124px;
	height: 130px;
	text-align: center;
	float: left;
}

.simplelist .item .icon{
	width: 100%;
	height: 102px;
	background: url(list.png) no-repeat center 0;
}

.simplelist .selected .icon{
	background-position: center -102px;
}

.simplelist .item .icon .border{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;	
}

.simplelist .item .name{
	margin-top: 1px;
}

.simplelist .item .name a{
	color: #000;
	text-decoration: none;
	padding: 0 1px;
	font-size: 12px;
}

.simplelist .selected .name a{
	color: #fff;
	background-color: #0a246a;
	outline: 1px dotted #808080;
}

.simplelist .item .name a.selected{
	color: #000;
	background-color: #d4d0c8;
}

.simplelist .item .name a.focus{
	color: #fff;
	background-color: #0a246a;
}
#loading-bg{ 
	position: absolute; 
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-image: url(blank.gif);
	text-align: center;
}

#loading{
	background: url(all.png) no-repeat 0 -27px;
	margin: 150px auto auto auto;
	width: 200px; height: 80px;
	text-align: left;
}

#loading .bg{
	width: 170px; height: 14px;
	border: 1px solid #99999b;
	background: #fff;
	margin: auto;
}

#loading-text{ 
	margin-top: 2px;
}

#loading-state, #loading-text{ 
	line-height: 30px;
	font-size: 12px;
	margin-left: 15px;
}

#loading-loader{ 
	width: 0; height: 100%; 
	background: #99999b; 
	overflow: hidden;
}

abbr,article,aside,audio,bdi,canvas,data,datalist,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,subline,time,video{display:block}

html, body{
	overflow: hidden;
	font-size: 12px;
	border: 0;
}

#page{
	background-color: #ccccce;
	display: none;
}

#list-page{
	display: block;
	width: 110%;
}

#detail-page{
	background-color: #333;
	display: none;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

#aside, #content{
	float: left;
	height: 2000px;
	background-color: #fff;
	_display: inline;
	_zoom: 1;	
}

#aside{
	width: 238px;
	margin: 4px;
	border: 1px solid #99999b;
}

#aside .caption{
	width: 238px;
	height: 27px;
	background: url(all.png) repeat-x 0 0;
	font-size: 12px;
	line-height: 27px;
	text-indent: 10px;
}

#folder{
	overflow: auto;
	padding: 5px;
	overflow: scroll;
	background-color: #fff;
}

#content{
	width: 2000px;
	overflow: scroll;
	margin: 4px 4px 4px 0;
	background-color: #f9f9f9;
	border: 1px solid #99999b;
}

#starthere{
	position: relative;
	left: 5px;
	top: 27px;
	width: 159px;
	height: 40px;
	background: transparent url(all.png) no-repeat 0 -107px;
	display: none;
}

#photo-detail-cont, .photo-detail-cont-clone{
	text-align: center;
	overflow: hidden;
	position: absolute;
}

.fixmargin{
	width: 0;
	height: 0;
	line-height: 0;
	display: block;
	overflow: hidden;
}

#imgviewer{
	margin: auto auto 40px auto;
	border: 5px solid #f6f6f6;
	background-repeat: no-repeat;
}

#detail-close-btn{
	position: absolute;
	left: 2000px; top: 0;
}

#prev-arrow, #next-arrow{
	background: transparent url(arrow.png) no-repeat 0 -60px;
	position: absolute;
	left: 40px; top: 50%;
	width: 40px; height: 60px; margin-top: -30px;
}

#next-arrow{
	left: auto;
	right: 40px;
	background-position: 0 0;
}

#prev-photo, #next-photo{
	background: transparent url(detail.png) no-repeat 0 0;
	position: absolute;
	left: -127px; top: 50%;
	width: 107px; height: 96px; margin-top: -48px;
}

#next-photo{
	background-position: 0 -96px;
	left: auto;
	right: -127px;
}

#prev-photo div, #next-photo div{
	position: absolute;
	top: 0;
	background-position: center center;
	background-repeat: no-repeat;
	width: 96px; height: 96px;
}

#prev-photo div{
	right: 0;
}

#next-photo div{
	left: 0;
}

#prev-trigger, #next-trigger{
	position: absolute;
	left: 0; top: 50%;
	width: 147px; height: 136px; margin-top: -68px;
	background-image: url(blank.gif);
	z-index: 100;
}

#next-trigger{
	left: auto; right: 0;
}

#detail-hk{
	position: absolute;
	top: -100px;
	z-index: -1;	
}