﻿/*
Offical Style for Malapp
URL: http://www.malapp.com
(C) 2008-2009 OngSun Inc.
*/
/* general style  */
*
{
	margin: 0px;
	padding: 0px;
	word-wrap: break-word;
}

body, p, input, textarea, select, td, th, h4, h5, h6, div
{
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 160%;
	color: #373737;

}
body,html{ height:100%; margin:0;padding:0;background-color:#d6dbdf;}
html#whitebg{background-color: #FFF;}
h1.current,h2,h4{font-family: "MicroSoft YaHei","SimHei",Arial, Helvetica, sans-serif;}
input[type="text"],input[type="password"], textarea, select
{
	background: #FFF;
}
input[type="text"],input[type="password"], textarea,select
{
	border: 1px #929292 solid;
}
input:hover[type="text"],input[type="password"]:hover, textarea:hover
{
	border-color: #2DB3F2;
}
ol, ul
{
	list-style: none;
}
hr
{
	border: 0;
	border-top: 1px solid #cacaca;
	height: 1px;
}
img
{
	border: 0;
}
a:link, a:visited
{
	color: #373737;
	text-decoration: none;
	cursor: pointer;
}
a:hover, a:active
{
	color: #373737;
	text-decoration: underline;
	cursor: pointer;
}
a.peoplename:link, a.peoplename:visited,#useyhq
{
	color: #19a1d1;
	border-bottom:1px dotted #19a1d1; cursor:pointer;
}
a.peoplename:hover,#useyhq:hover
{
	background: #19a1d1;
	color: #FFF;
	text-decoration: none;
	border-bottom:1px solid #19a1d1;
}
a.peoplename:active
{
	background: #FF3333;
	color: #FFF;
	text-decoration: none;
		border-bottom:1px solid #FF3333;

}
a.albumname:link, a.albumname:visited ,a#del,#commonContent .listar a
{
	color: #17809D;
		border-bottom:1px dotted #17809D;

}
a.albumname:hover,a#del:hover,#commonContent .listar a:hover 
{
	background: #19a1d1;
	color: #FFF;
	text-decoration: none;
		border-bottom:1px solid #19a1d1;

}
a.albumname:active,#commonContent .listar a:active
{
	background: #19a1d1;
	color: #FFF;
	text-decoration: none;
		border-bottom:1px solid #19a1d1;

}
a.albumnamebig:link, a.albumnamebig:visited
{
	color: #19a1d1;
	font-size: 14px;
		border-bottom:1px dotted #19a1d1;

}
a.albumnamebig:hover
{
	background: #19a1d1;
	color: #FFF;
	text-decoration: none;
		border-bottom:1px solid #19a1d1;

}
a.albumnamebig:active
{
	background: #19a1d1;
	color: #FFF;
	text-decoration: none;
		border-bottom:1px solid #19a1d1;

}

.grey{color:#b1b1b1;}

 a.grey:link, a.grey:visited
{
	color: #B1B1B1; 
		border-bottom:1px dotted #b1b1b1; 

}
#testimage .grey{cursor:pointer;}
#testimage .grey:hover{ color:#FFF;background:#b1b1b1;}
a.grey:hover
{
	color: #FFF;
	background: #B1B1B1;
	text-decoration: none;cursor:pointer;
		border-bottom:1px solid #b1b1b1;

}
a.grey:active
{
	color: #FFF;
	background: #FF3333;
		border-bottom:1px dotted #ff3333; cursor:pointer;

}

.greydeep{color:#666;}
button.greydeep{background:#fff; border:none; cursor:pointer;}

 a.greydeep:link, a.greydeep:visited
{
	color: #666;
		border-bottom:1px dotted #666;

}
a.greydeep:hover
{
	color: #373737;
	text-decoration: none;
		border-bottom:1px solid #373737;

}

a.whitebutton:link, a.whitebutton:visited
{
	color: #FFF;
	padding: 0 5px;
}
a.whitebutton:hover
{
	background: #17809D;
}
a.whitebutton:active
{
	background: #FF3333;
}


h1
{
	color: #FF543F;
	font-size: 14px;
	line-height: 160%;
	font-weight: bold;
	padding-bottom: 10px;
}
h1 a:link,h1 a:visited{ border-bottom:1px dotted;}

h1 a:hover{border-bottom:1px solid; text-decoration:none;}
.logo h1 a:link,.logo h1 a:visited{ border-bottom:none;}
.logo h1 a:hover{border-bottom:none;}
h1.current
{
	color: #000;
	font-size: 20px;
	font-weight:normal;
}
h1.maintitle{ background-color:#FF543F; color:#FFF; padding-left:10px; padding-bottom:0; line-height:30px; height:30px;}
h1.tab1
{
	color: #000;
}
h1.tab2
{
	color: #FFF;
}

h2
{
	color: #19a1d1;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px; line-height:120%;
}
h2 a:link, h2 a:visited{ color:#19a1d1; border-bottom:1px dotted #19a1d1;}
h2 a:hover{color:#fff;background:#19a1d1; text-decoration:none;border-bottom:1px solid #19a1d1; }
h3
{
	font-size: 12px;
	color: #525252;
	font-weight: bold;
}
h3 a:link, h3 a:visited{ color: #525252;  border-bottom:1px dotted #525252;}
h3 a:hover{ text-decoration:none; border-bottom:1px solid #525252;}

h4{font-size:14px; }
img.peoplecover, a:link img.peoplecover, a:visited img.peoplecover
{
	border: 4px solid #EAEAEA;
	width: 46px;
	background: #FFF;
}
a:hover img.peoplecover
{
	padding: 0px;
	border: 4px solid #2DB3F2;
}
a:active img.peoplecover
{
	padding: 0px;
	border: 4px solid #FF3333;
}
img.smallpc, a:link img.smallpc, a:visited img.smallpc, a:hover img.smallpc, a:active img.smallpc
{
	width: 30px;
}

a:link img.albumcover, a:visited img.albumcover
{
	border: 4px solid #EAEAEA;
	width: 120px;
}
.gallerycover li img.albumcover, .gallerycover li img.albumcover
{
	height: 100px;
	border:4px solid #fff;
	width: 138px;
	padding:0;
	margin-left:10px;

}
.gallerycover li .tempsmall a:link, .gallerycover li .tempsmall a:visited
{ display:block; width:138px; border:4px solid #fff; height:100px; position:absolute; left:10px;}
.tempsmall2 a:link,.tempsmall2 a:visited{ position:absolute;display:block; width:160px; border:4px solid #fff; height:120px; position:absolute; left:10px;}

.gallerycover li .tempsmall a:hover,.tempsmall2 a:hover
{background:url(images/playonsmall.png) no-repeat center; border: 4px solid #FF3333;}
.gallerycoversmall{ position:relative;}
.gallerycoversmall img.albumcover{width:160px;border:4px solid #fff;}

a:hover img.albumcover
{
	padding:0;
	border: 4px solid #FF3333;
}
a:active img.albumcover, .gallerycover li a:active img.albumcover
{
	padding:0;
	border: 4px solid #2DB3F2;
}

img.smallac, a:link img.smallac, a:visited img.smallac, a:hover img.smallac, a:active img.smallac
{
	width: 76px;
}


/* layout */
#wrap{ min-height:100%; position:relative;margin:0 auto; width:960px; background-color:#fff;}
* html #wrap{height:100%;}

#common
{
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	clear: both; background-color:#FFF;
}
.containerTop
{
	clear: both;
	margin: 0 20px 5px 20px;
}
#commonContent
{
	width: 960px;
	margin: 0 auto;
	padding: 10px 0 6px 0;

}
.containerLeftIn
{
	width: 540px;
	overflow: hidden;
	margin-left: 20px;
}
.containerLeft
{
	width: 700px;
	overflow: hidden;
	margin-left: 20px;min-height:450px;
}
.container{	margin-left: 20px;margin-right:20px;
	}
.mainlistLeft
{
	width: 560px;min-height:450px;
}
* html .mainlistLeft{width:557px;}
#commonLeft
{
	float: left;
	width: 200px;
	
	margin-left: 20px;
}
#commonRightColumn
{
	float: right;
}
.containerRight{width:700px;margin-right:20px;}
.containerRightNarrow
{
	width: 360px;
	overflow: hidden;
	margin-right: 20px;
}
.containerRightNarrowN
{
	width: 200px;
	overflow: hidden;
	margin-right: 20px;
}
.containerBottomIn
{
	border-top: dashed 1px #B6B6B6;
	padding: 20px 0 0 0;
	margin: 0px 20px 0 20px;
	clear: both;
}
* + html .containerBottomIn
{
	padding-top: 10px;
}
.containerBottomIn table
{
	margin-top: 0;
	padding-top: 0;
}
.commonContentTop
{
	background: url(images/bgheader.gif) no-repeat bottom;
	height: 28px;
	clear: both;
}
.mainsearch
{
	text-align: right;
float:right;clear:right;padding-right:20px;margin-top:8px;
 width:272px;
}
.mainsearch input
{

	width: 136px;float:right; line-height:18px;height:18px;padding-top:2px;
}
* + html .mainsearch input{}
.mainsearchinner input, .mainsearchinner select{ border:none; outline:none;}
.mainsearchinner input{ border-color:white;}
.mainsearchinner select {float:left; width:52px;line-height:18px;height:18px;padding-top:2px;}
* + html .mainsearchinner select{  margin:-1px;line-height:22px;height:22px;}

.mainsearchinner{ border:1px solid #b6b6b6; width:190px; float:left;overflow:hidden;}
input.searchbutton
{
	background: url(images/search.gif) no-repeat;
	width: 70px;
	border: none;
	cursor: pointer;
	 right:0;
	float:right; height:24px;
}
.commonContentBottom
{
	height:100px;
	clear: both;
}
.commonContentArea
{
	background: #fff;
	text-align: left;
}
.clear
{
	clear: both;
}
.clearFloat
{
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
/* top toolbar */
.topbar
{
	width: 960px;
	margin: 0 auto;
	color: #373737;height:43px; background-color:#fff;
}
.topbar a:link, .topbar a:visited, .topbar a:active
{
	color: #27b1ef;
		border-bottom:1px dotted #27b1ef;

}
.topbar a:hover
{
	text-decoration: none;
		border-bottom:1px solid #27b1ef;color:#fff; background-color:#27b1ef;

}
.topbarMenuPage
{
	height: 43px;
}
/* top message*/
.topmsg
{
	float: left;
	padding-left: 61px;
	background: url(images/new.gif) no-repeat bottom left;
	padding-top: 8px;height:25px;
}
/* --tool menu */
.topbarMenu
{
	padding-left:284px;
	font-size: 12px;
	padding-top: 23px;padding-right:20px;  background-color:#fff;
}
.topbarMenu .more{ line-height:1.6em;}
a.loginbutton:link,a.loginbutton:visited{margin-top:0; background-image:url(images/loginregbutton.jpg); line-height:32px; background-repeat:no-repeat; background-position:0% 0%; color:#2D2F30; width:61px; height:32px; display:inline-block; text-align:center;}
a.loginbutton:hover{ color:#fff; background-position:0% 100%;}

/* menu */
.topmainmenu{background:url(images/topmenubg.gif) no-repeat left #489de3;float: right;margin-top: 10px;width:651px;padding-left:5px;margin-right:20px!important;margin-right:10px;}
.menu
{
	
	font-size: 14px;
	color: #fff;
	
}
.menu li
{
	float: left; display:block;
	width:116px; height:42px; line-height:42px; text-align:center;
}
.menu li a:link, .menu li a:visited
{ height:42px; line-height:42px;color: #fff; display:block;
}
.menu li a:hover
{
	background: url(images/topmenuhover.gif) no-repeat left;
	background-color:#3288c9;
	text-decoration: none;	color: yellow;

}
.menu li a:active
{
	background: url(images/topmenuhover.gif) no-repeat left;
	background-color:#71b9eb;
	text-decoration:none;
}
.menu li.quicktake
{
}
.menu li.quicktake a:link, .menu li.quicktake a:visited
{
	color: yellow;

}
.menu li.quicktake a:hover{	background: url(images/topmenuhover.gif) no-repeat left;
	background-color:#3288c9;
	text-decoration: none;	color: yellow;
}

.menu li.quicktake a:active
{
	background: url(images/topmenuhover.gif) no-repeat left;
	background-color:#71b9eb;	

}
.menu li.createAlb
{
	
	padding-left:16px;
}
.menu li.createAlb a.quicktourtop:link,.menu li.createAlb a.quicktourtop:visited{background-image: url(images/quicktourtop.gif);background-repeat: no-repeat ; background-position:0% 0%; display:block;width:154px;}

.menu li.createAlb a.creategallerytop:link,.menu li.createAlb a.creategallerytop:visited{background-image: url(images/creategallerytop.gif); background-repeat: no-repeat ; background-position:0% 0%; display:block;width:154px;}
.menu li.createAlb a.creategallerytop:hover,.menu li.createAlb a.quicktourtop:hover{ background-position:0% 100%;}


.rightmenu
{
	color: #373737;
}
.rightmenu li
{
	margin: 0 0 5px 0;
	padding: 10px 5px;
	background: #f4f4ee;
}
.rightmenu li.current
{
	background: #2DB3F2;
}
.rightmenu li.current a
{
	color: #FFF;
}

/* --site logo */
.logo
{
	display: block;
	width: 247px;
	height: 80px;
	float: left;
	margin-left:20px !important;margin-left:10px;
margin-top:3px !important;margin-top:1px;
margin-right:0;margin-bottom:0px;
	
}
.topnotice{float:left;margin: 14px 0px 0px 0px;}

/*search*/
/* messagebox*/
.notice
{
	clear: both;
	background: #fefcea;
	font-weight: bold;
	padding: 12px;
	margin-bottom: 20px; border:1px #e1e1e1 solid; color:#919086;
}
.noticelogin{color:#ff3300;  text-align:center;height:2em; font-weight:bold;}
.noticeoutside{width:360px;height:235px;width:360px;overflow:hidden; background-color:#fff;}
* + html .noticelogin{height:1.6em;}
/*mainpage*/
.containerBottomIn table td
{
	width: 45%;
}
.titler
{
	float: right;
	padding-bottom: 5px;
}
.maintitler
{
	padding-bottom: 6px;
	float: right;
}
.listl
{
	float: left;
	padding-right: 10px;
}
.listll
{
	float: left;
	width:250px;
}
.listal
{
	float: left;
	padding-right: 10px;
}
.listr
{
	float: left;
}
.titler .listr
{
	float: left;
}
.introduce .listr{width:260px;}
.visitorlist .listr{width:112px;}
#divcontainer .visitorlist .listr{width:200px;}
.myremind .listr,.status .listr,.albuminner .listr,.peoplelist .listr{padding-left:65px; float:none; width:auto;}

.mygallery .listr{width:210px;}
.myphoto,.myfavour{padding:10px 0 0 10px;}
.myphoto li,.myfavour li {float:left;}
.myfavour li .gallerycoversmall,.myphoto li{margin:0 10px 10px 0;*margin:0 5px 5px 0;}

.myfavour li img.albumcover,.myfavour li .tempsmall2 a{width:154px;}
.myfavour li .tempsmall2 a{left:0;height:114px; border-color:#eaeaea;}
.myfavour li .tempsmall2 a:hover{border-color:#ff3300;}
.myphoto li img.smallac{width:94px;}

.listar
{
	float: left;
	width: 464px;
}
.talkr
{
	float: left;
	width: 12px;
	padding-top: 20px;
	padding-right: 0;
}
.replybox
{
	background: #FFF;
	padding: 5px;
	margin-top: 12px;
}
.listcheck
{
	float: left;
	padding: 12px 20px 12px 5px;
}
.titlebox .listcheck{padding-top:2px;}
.listcheck checkbox
{
	vertical-align: middle;
}
.more
{
	float: right;
	line-height: 23px;
}
.titlex h1, .titlex h3
{
	display: inline;
}

.bigButton
{
	padding: 10px;
	border: 4px solid #EAEAEA;
	margin-bottom: 10px;
	font-size: 14px;
}
.bigButton:hover, .hovernow
{
	border: 4px solid #2DB3F2;
	background: #EAEAEA;
	cursor: pointer;
}
.bigButton:active
{
	border: 4px solid #FF3333;
	background: #EAEAEA;
}
.bigButton a:link, .bigButton a:visited
{
	text-decoration: none;
	color: #B6B6B6;
}
.bigButton a:hover
{
	color: #2DB3F2;
}
.bigButton:hover a, .hovernow a:link, .hovernow a:visited
{
	color: #2DB3F2;
}
.bigButton:active a
{
	color: #FF3333;
}
.bigButton a:active
{
	color: #FF3333;
}

.mainlogin
{
	position: absolute;
	top: 504px;
	left: 247px;
}
a.mainlogin:link, a.mainlogin:visited
{
	color: #373737;
	font-size: 14px;
	border-bottom: 1px #373737 dotted;
}
a.mainlogin:hover
{
	color: #ff3300;
	text-decoration: none;
	border-bottom: 1px #FF3300 solid;
}
a.mainquick:link, a.mainquick:visited
{
	background: url(images/quickbig.gif) no-repeat 0% 0%;
	width: 203px;
	height: 74px;
	display:block;
margin-left:20%;
}
a.mainquick:hover
{
	background: url(images/quickbig.gif) no-repeat 0% 100%;
}
a.mainquicktour:link, a.mainquicktour:visited
{
	background: url(images/quickbig2.gif) no-repeat 0% 0%;
	width: 316px;
	height: 79px;
	display:block;
}
a.mainquicktour:hover
{
	background: url(images/quickbig2.gif) no-repeat 0% 100%;
}
a.regnow{margin-left:35%; font-size:14px;}

.ad
{
	padding-bottom: 40px;
}
.xuxian{border-bottom:1px dashed #b6b6b6;padding-bottom: 15px;margin-bottom:15px;}
.introduce
{
	clear: both;
	padding: 5px 0 5px 0;
}
.mainintro h2{ color:#fff; text-align:center;}
.mainintro .more2{padding-left:7px;padding-right:10px;}
.mainintro .outbluedeep .in{padding:10px 10px 15px 10px;}
.mainintro p{padding-top:15px; height:85px;}
.mainintro span{ color:#fffeb0; font-weight:bold;}


span#a_action, span#f_action
{
	cursor: pointer;color:#a2a7ad; background-position:0% 0%; background-image:url(images/a_actiontab.gif); background-repeat: no-repeat; width:166px; text-align:center; font-size:14px; font-weight:bold;height:37px; line-height:37px; display:inline-block;
padding-bottom:0;margin-bottom:0;}
span#a_action.nothover,span#f_action.nothover
{
	color: #F2F4F7;background-position:0% 100%;
}

.firstlogin{width:540px;background:url(images/mainnogb.gif) no-repeat; height:405px; position:relative;}
a.firstloginbutton:link,a.firstloginbutton:visited{ position:absolute; top:259px;left:112px; display:block;width:310px; height:70px;background-image:url(images/mainnogbutton.gif); background-repeat:no-repeat;}
a.firstloginbutton:hover{ background-position:0% 100%;}
.firstloginlink{ position:absolute; bottom:46px; right:46px;}
.otherlogin{ width:390px;background:url(images/othersnogb.gif) no-repeat; height:245px;padding-top:160px; padding-left:150px; font-size:22px; color:#546587;font-family: "MicroSoft YaHei","SimHei",Arial,Helvetica,sans-serif;}
/* button */
.more2
{
	float: left;
	line-height: 23px;
}
.morebutton
{
	
	padding-right: 34px;
	padding-left: 20px;
	position: relative;
	line-height: 23px;
	font-size:14px;
}
.morebutton a#xclink,.morebutton a#sclink{font-size:12px;}
.morebutton h3
{
	font-weight: normal;
}
.morebuttonleft
{
	width: 20px;
	background-image: url(images/next.gif);
	background-repeat:no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	background-position: left;
	height: 23px;
}

.addbutton
{
	background: url(images/add.gif) no-repeat;
	padding-right: 10px;
	text-align: right;
	width: 80px;
}
a.addbutton:link, a.addbutton:visited
{
	background-image: url(images/add.gif);
	background-repeat: no-repeat;
	color: #929292;
	padding-right: 10px;
	text-align: right;
	width: 80px;
	display: block;
	height: 23px;
	background-position: 0% 0%;
}
a.addbutton:hover
{
	background-position: 0% 100%;
	color: #373737;
	text-decoration: none;
}

a.editbutton:link, a.editbutton:visited, a.gcbutton:link, a.gcbutton:visited, a.managebutton:link, a.managebutton:visited, a.favorbutton:link, a.favorbutton:visited, a.invitebutton:link, a.invitebutton:visited
{
	width: 106px;
	height: 34px;
	display: block;
	background-image: url(images/bigbutton.gif);
	background-repeat: no-repeat;
	float: left;
}
a.editbutton:link, a.editbutton:visited
{
	background-position: 0% 0%;
}
a.editbutton:hover
{
	background-position: 100% 0%;
}
a.gcbutton:link, a.gcbutton:visited
{
	background-position: 0% 25%;
}
a.gcbutton:hover
{
	background-position: 100% 25%;
}
a.managebutton:link, a.managebutton:visited
{
	background-position: 0% 50%;
}
a.managebutton:hover
{
	background-position: 100% 50%;
}
a.favorbutton:link, a.favorbutton:visited
{
	background-position: 0% 75%;
}
a.favorbutton:hover
{
	background-position: 100% 75%;
}
a.invitebutton:link, a.invitebutton:visited
{
	background-position: 0% 100%;
}
a.invitebutton:hover
{
	background-position: 100% 100%;
}
input.commentbutton
{
	background: url(images/comment.gif) no-repeat;
	height: 36px;
	width: 67px;
	border: none;
	cursor: pointer;
}

a.importphoto{ color:#27b1ef; border-bottom:1px #27b1ef dotted;  background:url(images/publicg.gif) no-repeat; display:inline-block;  width:160px; height:22px; text-decoration:none; line-height:22px; padding-left:30px; font-size:14px;}
a.importphoto:hover{ border-bottom:1px #ff543f solid;color:#ff543f;}
.eachgallery .more a:link,.eachgallery .more a:visited{ border-bottom:1px dotted #373737;}
.eachgallery .more a:hover{ border-bottom:1px solid #373737; text-decoration:none; color:#fff; background-color:#373737;}

.eachgallery .more a.delgallery{ background-image:url(images/delgallery.gif); background-repeat:no-repeat; background-position:100% 100%; width:16px; height:16px;display:inline-block;}
.eachgallery .more a.delgallery:hover{ background-position:100% 0%; text-decoration:none; border-bottom:none; }


button.orderbutton{ background:#D4EEF4; color:#373737; outline:none;border:none; cursor:pointer; line-height:1.8em;height:1.8em;}
*+html button.orderbutton{margin-left:4px;}
/*list*/
.peoplelist
{margin-bottom:0px;padding-bottom:0;
}
.peoplelist li
{
	clear: both;
	width: 100%;
	float: left;
	background: #FFF;
}
.peoplelist li .listl, .peoplelist li .listr, .peoplelist li .listar
{
	padding-bottom: 10px;
	padding-top: 10px;
}
.peoplelist li .listal
{
	border-right: 1px dotted #B1B1B1;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
}
.in .peoplelist li .listal,.in .peoplelist li .listl
{
	padding-left: 10px;
}
.in .peoplelist li .listar,.in .peoplelist li .listr
{
	padding-right: 10px;
}

.gallerycover li
{
	background: url(images/gallerybg.gif) no-repeat;
	padding-top: 10px;
	padding-left: 0px;
	margin-top: 10px;
	width: 174px;
	padding-bottom: 20px;
	position:relative;
}
.albumlist
{
}
.albumlist li,.albuminner
{
	float: left;
	width: 33%;
	padding-bottom: 10px;
	padding-top: 2px;
}

* + html #result .albumlist li{width:30%;}
* + html #yuresult  .albumlist li{width:30%;}
* + html #fresult .albumlist li{width:30%;}
.gallerycover p, .gallerycover .albumnamebig
{
	margin-left: 10px;
}

.albumlist .albumtitle
{
	 width:13em; overflow:hidden; height:1.6em;  padding:0 0 2px 0;margin:0;
}

.albumcover .albumnamebig{margin-left:0;}
.visitorlist li, .visitorlist .albuminner{width:49%;}
.visitorlist li .listr{height:4.8em; overflow:hidden;width:200px;}
.mainlistbox
{
	padding-right: 20px;
}

.albumcover li
{
	background: url(images/albumbg.gif) no-repeat;
	padding-top: 20px;
}

.albumcover li img.albumcover
{
	margin-left: 2px;
	margin-bottom: 5px;
}
#photo li img.albumcover
{
	margin-left: 7px;
}
#photo.albumcover li{padding-top:16px;}
.peoplelistsc
{
	
}
.peoplelistsc li
{
	float: left;
	width: 65px;
	text-align:center;
}
.peoplelistsc li p{}

.visitorshow li{width:25%; text-align:center;}
.visitorshow li p{padding-right:5px;}

.peoplelistsc li.buttonscl,.peoplelistsc li.buttonscr{width:40px;}
.peoplelistsc li.buttonscl a,.peoplelistsc li.buttonscr a
{
	width: 29px; background-image:url(images/ar.gif); background-repeat:no-repeat;display:block; height:83px;
}
.peoplelistsc li.buttonscl a{ background-position:0% 0%; }
.peoplelistsc li.buttonscl a:hover{background-position:0% 100%;}
.peoplelistsc li.buttonscr a{ background-position:100% 0%; }
.peoplelistsc li.buttonscr a:hover{background-position:100% 100%;}
img.littlestar
{
	height: 10px;
}

 ul.canshulist li
{
	padding: 10px 20px 10px 0;
	text-align: center;
	float: left;
	margin-bottom: 10px;list-style-type:none;
}


/* ad */
.adlist li
{
	background: url(images/adlist.gif) left 3px no-repeat;
	padding: 0px 0 5px 20px;
}
.adlist
{
	padding-bottom: 10px;
	padding-top: 5px;
}
.adlist li.title{ background:none; padding-top:1.6em;}
/* paopao */
.star2 img
{padding:0;margin:0; vertical-align:middle;
}
.star img
{padding:0;margin:0; 
}

/* album*/
.content
{
	clear: both;
	height: 425px;
	padding: 0;
	width: 540px;
	z-index:2;
}
.temp
{
	margin-bottom: 14px;
	margin-top: 14px;
}
.eachgallery .temp{margin-bottom:5px;margin-top:0px;}
.temp2 a:link,.temp2 a:visited
{
	width: 476px;
 display:block; height:355px;
	 z-index:20; position:absolute;top:42px; left:22px; border:10px solid #fff;
}
* +html .temp2 a:link, .temp2 a:visited{top:45px;}
.eachgallery .temp img{width:476px;padding:10px;}
.temp2 a:hover 
{background-image:url(images/playon.png); background-repeat:no-repeat; background-position:center; border:10px solid #f22d2d;}
.selectAlbum
{
	float: right;
	padding-top: 10px;
}
.selectAlbum select
{
	width: 100px;
}
.photoboxsquare
{
	padding: 0;position:relative;
}
.photoboxsquare img
{
	vertical-align: middle;
}
.managephoto p
{
	line-height: 3em;
}
.photobox
{
	width: 140;
}
#result .photobox,#yuresult .photobox{ text-align:center; height:112px;}
#fresult .photobox{text-align:center;height:87px;}
#formpicasa  .photobox,.photoboxpicasa{text-align:center;height:140px;}
.photoboxpicasa img{height:130px;}
.photobox a:link img.albumcover, .photobox a:visited img.albumcover
{
	border-width: 16px;
	border-color: #f7f7f7;
	width:138px;
}
.photobox a:hover img.albumcover
{
	border-color: #FF3333;
}
.photoboxbottom
{
	text-align: center; 
}
#result .photoboxbottom{border-bottom:1px dashed #b6b6b6;}
input.biginput, a.biginput:link, a.biginput:visited
{
	background: url(images/bluebigbutton.gif) no-repeat;
	text-align: right;
	padding-right: 14px;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
	background-position: 0% 0%;
	width: 118px;
	height: 27px;
	display: block;
	padding-top: 8px;
}
input.biginput:hover, a.biginput:hover
{
	text-decoration: none;
	color: #FFF;
	background-position: 0% 100%;
}
a.tool
{
	padding-left: 12px;
	background: url(images/n_l_sz.gif) left center no-repeat;
}
* + html a.tool
{
	background-position: left top;
}
a.tool:hover
{
	background: url(images/n_l_sz2.gif) left center no-repeat;
	background-color: #19a1d1;
}
* + html a.tool:hover
{
	background-position: left top;
}
.using{	
	background: url(images/using.gif);width:10px;height:10px; color:#ff3300;  position:absolute; top:5px; left:5px; 
}
* + html .using
{
	background-position: left top;
}
div.Photo table tr td
{
	padding-bottom:20px;
}
.NtPhotoDetail{padding-left:3px;}
#result .albumlist li .NtPhotoDetail,#fresult .albumlist li .NtPhotoDetail,#yuresult .albumlist li .NtPhotoDetail{border-bottom: 1px dashed #ccc; border-top:none; text-align:center; padding-bottom:5px;line-height:1.6em; height:1.6em; overflow:hidden;}
#divafresh{ clear:left;}

#testimage .NtPhotoDetail
{
	padding:5px 0 10px 3px; width:14em;
}
.Nt{border-top:none;}
.phototitle{  width:14em; }


.otheralbumlist li{ float:left; list-style-type:none;padding-right:20px; color:#255077; font-weight:bold;}
.addpicturenum{ background:url(images/roundred.gif) no-repeat; color:#fff; font-weight:bold; font-size:14px; text-align:center; display:inline-block; width:19px; height:19px; line-height:19px;margin-right:5px;}
.managephotomenu .more2, .managephotomenu h3,.managephotomenu .more,.invitefriendmenu{ font-size:14px; line-height:2em;}
.managephotomenu .more2{width:50%; border-right:1px dotted #373737;}
.managephotomenu .more{width:430px;}
.managephotomenu .more .more{width:auto;}
.managephotomenu .notice h3,.managephotomenu .more .more{ font-size:12px;}
.managephotomenu .notice{margin-bottom:0px; }
.managephotomenu .notice p{padding-left:5em;}
.managephotomenu .notice h3{float:left;}

/*setting*/
.topmenu
{
	border-bottom: 1px solid #2DB3F2;
	height: 25px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 10px;
	margin-top: 6px;
	z-index: 0;
}
.topmenu a
{
	padding: 5px 6px 6px 6px;
	color: #525252;
	margin-right: 2px !important;
	margin-right: 1px;
	line-height: 23px; *line-height:25px!important;*line-height:29px;background-color:#EAEAEA;}
.topmenu a:hover
{
	background: #B6B6B6;
	color: #373737;
	text-decoration: none;
}
.topmenu a.current, .topmenu a.current:hover
{
	border-bottom: 1px solid #2DB3F2;
	color: #FFF;
	background: #2DB3F2;
	padding: 5px 6px 6px 6px;
	z-index: 10;
}

.usermenu { }

.usermenu ul {margin:0; padding:0; list-style:none; }

.usermenu li { float:left; list-style:none;padding-left:20px; position:relative;}
.usermenu li ul {
    display: none; position:absolute; top:18px;left:18px;
}
.usermenu li:hover > ul {
    display: block;
}
.usermenu li:hover > ul li{ float:none;padding:0 5px; text-align:left; width:50px; border:1px solid #489de3; background-color:#fff;}



.usermenu table {position:absolute; height:0; width:0; border-collapse:collapse; }


.pannelbody label,.editemail label
{
	width: 100px;
	line-height: 260%;
	text-align: right;
	padding-right: 20px;
	float: left;
}
.pannelbody input
{
	margin-top: 6px;
}
.editemail input{margin-top:3px;}
*+html .editemail input{margin-top:0;}
.pannelbody br,.editemail br
{
	clear: left;
}
.pannelbody table
{
	width: 100%;
}
.pannelbody table td
{
	vertical-align: top;
	text-align: left;
}
.pannelbody table th
{
	width: 100px;
	vertical-align: top;
}
.pannelbody table td span
{
	line-height: 2.6em;
}
.pannelbody table td.middlebox
{
	width: 276px; vertical-align:middle;
}
.outsidepannelbody
{
	margin: 20px;
}
a.important:link, a.important:visited
{
	padding: 2px 4px 2px 4px;
	background-color: #FF3333;
	color: #FFF;
}
a.important:hover
{
	color: #FFF;
	background-color: #2DB3F2;
	text-decoration: none;
}

.messagetableon
{
	background: #F5FAFE;
}
.pannellist td, .pannellist th
{
	text-align: center;
	border-bottom: 1px dotted #B6B6B6;
	line-height: 220%;
}


.photoimg
{
	padding: 10px 10px 10px 0;
}
/*\*/* html .photoimg
{
	/**/
	height: 1%;
}
* > .photoimg
{
	overflow: hidden;
}
.photoimg img
{
	float: left;
	margin: 10px;
	margin-top: 0;
}
.photoimgediter
{
	float: right;
	width: 85%;
}
ul#photo
{
}
/*\*/* html ul#photo
{
}
* > ul#photo
{
}
#photo li,#photo .albuminner
{width:20%;padding-bottom:20px;
}
.photodetail h4
{
	font-weight: bold;
}
.pictureimg
{
	text-align: center;
}
.photoediter
{
	margin-top: 15px;
}
/*\*/* html .photoediter
{
	/**/
	height: 1%;
}
* > .photoediter
{
	overflow: hidden;
}
.photoediter .photoshow
{
	float: left;
	width: 20%;
	text-align: center;
}
.photoediter .photomessage
{
	float: right;
	width: 68%;
}
.avatarlist
{
	background: #fff;
	padding: 10px;
	border: 1px solid #999;
	border-bottom: 0;
	width: 450px;
	height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
}
.avatarlist li
{
	float: left;
	width: 24%;
	margin: 0 1px;
	height: 120px;
}
.avatarbutton
{
	display: block;
	left: 0px;
	bottom: 0px;
	text-align: center;
	border: 1px solid #999;
	border-top: 0;
	padding: 5px 0;
}
.avatarbackground
{
	background-color: #F5F5F5;
}
#avatarbox label
{
	float: none;
	cursor: pointer;
}
#avatarbox input[type=radio]
{
	margin-bottom: -3px;
}
ul#avatarbox {padding-left:125px;}

/*register*/
.reg
{
	font-size: 14px;
}

.reg th
{
	width: 100px;
	text-align: right;
	padding-right: 20px;
	font-weight: normal;
}
.reg td, .reg th
{
	padding-bottom: 28px;
}
.reg td, .reg th
{
	vertical-align: top;
}
.reg input,input.reg
{
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	padding-top: 2px;
}
.reg td.reginput
{
	padding-right: 20px;
}
.reg span
{
	color: #666;
	line-height: 160%;
	font-size: 12px;
}
.reg span.selectspan{margin-top:6px;padding-top:2px; height:20px; line-height:20px; display:block;}
.reg .maintext{height:260%;line-height:260%;}
.reg .checkbox{padding-left:120px; clear:right;}
.reg input.mainbutton, .mainbutton
{
	background: url(images/button.gif) top left;
	width: 66px;
	color: #FFF;
	font-weight: bold;
	border: none;
	line-height: 30px;
	height: 30px;
	font-size: 12px;
	padding-top: 0px; *padding-top:2px!important;*padding-top:2px;cursor:pointer;}


a.mainbutton:link, a.mainbutton:visited
{
	color: #FFF;
	display: block;
	text-align: center;
	background-repeat: no-repeat;padding-top: 0px; *padding-top:2px!important;*padding-top:2px;
}
a.mainbutton:hover
{
	text-decoration: none;
}

input.cancelbutton{ background-color:#FFF; color:#929292; text-decoration:underline; border:none; cursor:pointer;}
select.reg, .selectAlbum select
{
	font-size: 14px;
	border: 1px solid #B6B6B6;
}
.containertopmenu
{
	padding: 20px 0 20px 0;
	clear: both;
}
.titlebox
{
	float: left;
	width: 100%;
	background-color: #d4eef4;height:28px; padding-top:10px;
}
.titlebox .listl, .titlebox .listr
{

	float: left;
}
.choose
{
	background: #EAEAEA;
}
.exploremenu{border-bottom:2px #3366cc solid;
  width:540px; height:33px;
}
.exploremenu .selectAlbum{ padding-top:5px;}
.listmenu
{ 
}
.listmenu li
{
	float: left;
	list-style: none;
height:33px;
padding-right:2px;color:#19a1d1;
}
.listmenu li a:link,.listmenu li a:visited, .listmenu li.now
{
	
	display: block;
	color:#19a1d1;
	font-size: 14px;
	font-weight:bold;
	height:33px; line-height:33px;
	background-image:url(images/maintab.gif);
background-position:0% 100%;
background-repeat:no-repeat; position:relative;padding-right:25px;padding-left:25px;
float: left;
}
.listmenu li a:link span,.listmenu li a:visited span,.listmenu li.now span{ width:5px;background-image:url(images/maintab.gif);	display: block;height:33px; line-height:33px; position:absolute; right:0;top:0;
background-position:100% 100%;}
.listmenu li a.current:link,.listmenu li a.current:visited
{	background-position:0% 0%;	color: #FFF;}
.listmenu li a.current:link span,.listmenu li a.current:visited span,.listmenu li.now span,.listmenu li a:hover span{ background-position:100% 0%;}
.listmenu li a:hover, .listmenu li.now
{
	background-position:0% 0%;
	color: #FFF;
	text-decoration:none;
}
.listmenu li a:active{color:Yellow;	text-decoration:none;}
.listmenu a.albumname:hover
{
	border: none;
}
#Ul1 li{padding:0; }
#Ul1 li a{padding:4px 10px;display:block;border: none;background-image:none; height:26px; line-height:26px;}
#Ul1 li a:hover
{
	
}
#Ul1 li img{ vertical-align:middle;}
#Ul1 li.current {color:#373737; background-color:#d4eef4;}

.regmainbox{ background:url(images/regbg1.jpg) no-repeat; position:relative; min-height:510px;height:510px;}

.regmainquick{ position:absolute;top:244px;right:7px;}
.regmainbox h2{ position:absolute;top:14px;left:16px;}
.regbox{background:url(images/regbg4.jpg) repeat-y;width:505px;padding-right:20px;position:absolute;top:70px;left:0;}
.regboxup{margin:0 30px 0px 0px;}
.regboxup .notice,.regboxup .invitebox{margin:0 0 20px 30px;}
.regboxup .invitebox .listr{ float:left;width:369px;}
.regboxbottom{background:url(images/regbgbottom.jpg) no-repeat #fff;height:18px;width:525px;}
.regull{ list-style:disc; list-style-position:inside; position:absolute;top:0px;right:60px;}
.regull li.title{list-style:none; background-color:#fff; font-weight:bold;font-size:1.2em;margin-left:-15px;}
.regull li{line-height:2em;color:#676767;}



/* login */
.loginmainbox{ background:url(images/loginbg1.jpg) no-repeat; position:relative; height:455px;}
.loginmainquick{ position:absolute;top:244px;right:44px;}
.loginmainbox h2{ position:absolute;top:14px;left:200px;}
.loginbox{background:url(images/loginbg4.jpg) repeat-y;width:396px;position:absolute;top:70px;left:0;}
.loginbox .notice{margin:0 30px 20px 30px;}
.loginboxbottom{background:url(images/loginbgbottom.jpg) no-repeat #fff;height:68px;}
.loginull,.loginulm,.loginulr{ list-style:none; list-style-position:outside; position:absolute;top:347px;}
.loginull{left:404px;}
.loginulm{left:574px;}
.loginulr{left:752px;}

/*gallery*/
.albumsc
{
	clear: both;
	width: auto;
}
.noticearea
{
	width: 99%;
	height: 135px;
	margin-left: 0;
}.eachgallery{ position:relative; background-color : #F2F4F7;}
* html .eachgallery{width:540px;height:455px;}
.eachgallery .in
{ background:#fff;margin:8px 22px 0 22px;}
.eachgallery h2{padding-left:22px;padding-bottom:6px;padding-top:4px;}
.eachgallery p{padding-left:10px;padding-bottom:14px;}
.eachgallery .more,.eachgallery .titler{padding-right:20px;padding-left:5px;}
.eachgallery .gcmore{float:right;padding-right:8px;}
* html .eachgallery a.grey{ cursor:pointer;}
.gongchuang{ position:absolute; bottom:5px; right:30px;}
.gallerycover .gongchuang{ position:absolute;bottom:15px;right:25px;}
.popupmenu_popup{padding:5px;border:1px #b6b6b6 solid; background-color:#fff;}

.favourtab{display:inline-block; float:left;}
*+html .favourtab{width:50%;}

.inviteboxl{float:left;  border-right:1px dotted #fff; width:50%;}
.inviteboxl h4{padding-right:8px;}
.inviteboxr{padding-left:50%;}
.inviteboxr h4{padding-left:8px;}

/* upload */
ul#ulalbum,ul#ulcalbum{}
  ul#ulalbum li,  ul#ulcalbum li{ text-align:center; padding:6px 0;width:24%; text-align:center; background-color:#fdfdfd;cursor:pointer;}
   ul#ulalbum li img,  ul#ulcalbum li img{width:100px;}
ul#ulalbum li:hover, ul#ulcalbum li:hover{ background-color:#D4EEF4;  }  
  ul#ulalbum li p,  ul#ulcalbum li p{color:#17809d; height:1.6em; overflow:hidden;}
.choosegdoutside{HEIGHT:340px; BACKGROUND-COLOR: transparent; OVERFLOW-Y:scroll;}
.jumpout{border-bottom:1px dashed #b6b6b6; padding-bottom:5px; margin-bottom:10px;}
/*round box*/

.outred
{
	background-color: #FF3333;
}
.outblue
{
	background-color: #a2a7ad;
}
.outblue2
{
	background-color: #1f9be5;
}
.outgrey,.outbluegrey
{
	background-color: #F4F4EE;
}
.outgrey2
{
	background-color: #F2F4F7;
}
.outbluedeep
{
	background-color:#3388c9;
	}

.outbluedeep .lt, .outbluedeep .rt, .outbluedeep .lb, .outbluedeep .rb
{
	background-image: url(images/roundbluedeep.gif);
}
.outblue2 .lt, .outblue2 .rt, .outblue2 .lb, .outblue2 .rb
{
	background-image: url(images/roundbluemiddle.gif);
}

.outgrey2 .lt, .outgrey2 .rt, .outgrey2 .lb, .outgrey2 .rb
{
	background-image: url(images/roundgrey2.gif);
}
.outgrey .lt, .outgrey .rt, .outgrey .lb, .outgrey .rb
{
	background-image: url(images/roundgrey.gif);
}
.outblue .lt, .outblue .rt, .outblue .lb, .outblue .rb
{
	background-image: url(images/roundgreydeep.gif);
}
.outbluegrey .lt, .outbluegrey .rt, .outbluegrey .lb, .outbluegrey .rb
{
	background-image: url(images/roundbluegrey.gif);
}

.lt, .rt, .lb, .rb
{
	background-repeat: no-repeat;
	height: 12px;
	width: 12px;
}
.lt
{
	background-position: top left;
	overflow: hidden;
}
.rt
{
	background-position: top right;
	float: right;
	overflow: hidden;
}
.lb
{
	background-position: bottom left;
}
.rb
{
	background-position: bottom right;
	float: right;
}
.in
{
	margin: 0 12px;
}
.bot
{
	background: url(3.gif) no-repeat 0% 0%;
	overflow: hidden;
}
.bot:hover
{
	background-position: 0% 100%;
}
* + html .feature .in{padding-bottom:10px; background-color:#FFF;}
/*narrowbox*/
.narrowbox{  margin-bottom:20px;background: url(images/narrowbox_bginner.gif) repeat-y left;}
.narrowbox h1{ background-color:#eceff4; color:#3e3f43; line-height:26px; height:26px; padding:0 10px;}
.narrowbox .more{background-color:#eceff4; line-height:26px; height:26px; padding-right:10px;}
 .narrowboxtop,  .narrowboxbottom
{
	
	background-repeat: no-repeat;
	height: 6px;
  overflow:hidden; border:none; float:none; width:360px;
}
.narrowboxtop{background-image: url(images/narrowbox_bg.gif);}
.narrowboxbottom{ background-image: url(images/narrowbox_bgbottom.gif); clear:both;}
.narrowbox .in{margin:0 3px 0px 3px;clear:both;}
.narrowbox .visitorlist,.narrowbox .visitorshow{padding:10px 10px 0 10px;}
/*intro*/
.outbluedeep p,.outblue2 .more,.outbluedeep .more2{ color:#f0ffff;}
 .outbluedeep a.peoplename:link, .outbluedeep a.peoplename:visited{color:#fffd99;}
.outblue2 h2,.outbluedeep h3{color:#fff;}
.outblue2 a.albumname:link, .outblue2 a.albumname:visited{ color:#fff;  border-bottom:1px dotted #fff;}
.outblue2 a.albumname:hover{ border-bottom:1px solid #fff; background-color:#fff; color :#1f9be5;}
.intromiddle{ background:url(images/introbg.gif) repeat-x top left; height:14px; border:none; background-color:#3388c9; }
/* pages */
.pages_btns
{
	clear: both;
	width: 100%;
	padding: 20px 0 8px 0;
	overflow: hidden;

}
.postbtn, .replybtn
{
	float: right;
}
.postbtn
{
	margin-left: 10px;
	cursor: pointer;
}
.pages
{
	float: left;
	height: 28px;
	line-height: 28px;
	overflow: hidden;

}
.pages a, .pages strong, .pages span
{
	float: left;
	padding: 0 8px;
	line-height: 26px;
	border: 1px dashed #B6B6B6;
	margin: 0 3px;
	color: #B6B6B6;	cursor:pointer;

}

.pages span
{
	font-weight: bold;
	color: #FFF;
	background: #B6B6B6;
	border: 1px solid #B6B6B6;
}
.pages a.prev,.pages a.next
{
	line-height: 28px;
}
.pages a.next
{
	padding: 0 15px;

}
.pages a:hover
{
	background-color: #FFF;
	text-decoration: none;
	border: 1px solid #B6B6B6;
	color: #373737;
}

/* footer */
#footerbar
{
	margin:0;
		position:absolute; bottom:0; width:100%;
}
#commonFooter
{background: url(images/bgheader.gif) no-repeat;
	
	width: 920px;
	text-align: left;
	margin: 0 auto;
	padding: 38px 20px 20px 20px;
	background-color:#fff;
}


#commonFooter ul.list li a
{
	color: #525252;
	text-decoration: none;
		border-bottom:1px dotted #525252;

}
#commonFooter ul.list li a:hover
{
	background-color: #525252; color:#fff;
		border-bottom:1px solid #525252;

}
#commonFooter .copyright{color: #929292; float:right;}
#commonFooter .copyright a:link, #commonFooter .copyright a:visited{color: #929292; border-bottom:1px dotted #929292;}
#commonFooter .copyright a:hover{ color:#fff;border-bottom:1px solid #929292; background-color:#929292;}
ul.list
{
	font-weight: bold;padding-bottom:8px;
}
ul.list li
{
	display:inline;
	padding-right: 20px;
}

ul.friendslist li{float:left;padding-right:20px; display:inline-block;padding-top:10px;}

/*highslide*/
.highslide-html
{
	background-color: white;
}
.highslide-html-blur
{
}
.highslide-html-content
{
	position: absolute;
	display: none;
}
.highslide-loading
{
	display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 2px;
	border: 1px solid black;
	background-color: white;
	padding-left: 22px;
	background-image: url(../../highslide/graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits, a.highslide-credits i
{
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover, a.highslide-credits:hover i
{
	color: white;
	background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper
{
	background-color: white;
}
.highslide-wrapper .highslide-html-content
{
	width: 400px;
	padding: 5px;
}
.highslide-wrapper .highslide-header div
{
}
.highslide-wrapper .highslide-header ul
{
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li
{
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next
{
	display: none;
}
.highslide-wrapper .highslide-header a
{
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover
{
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a
{
	cursor: move;
}
.highslide-wrapper .highslide-footer
{
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize
{
	float: right;
	height: 11px;
	width: 11px;
	background: url(../../highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body
{
}
.highslide-move
{
	cursor: move;
}
.highslide-resize
{
	cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block
{
	display: block;
}
.highslide-display-none
{
	display: none;
}

.invitetext
{
	width: 400px;
	height: 124px;
}
.inviteoutside
{
	width: 400px;
	min-height: 24px;
	border: 1px #929292 solid;
	margin-bottom: 6px;
	float: left;
}
.inviteinside{width:380px; float:left;}


.fsg_msn
{
	background: #BFE478 none repeat scroll 0%;
}
.fsg_qq
{
	background: #E4DE78 none repeat scroll 0%;
}
.fsg_xiao
{
	background: #78DEE4 none repeat scroll 0%;
}
.fsg_email
{
	background: #E478AB none repeat scroll 0%;
}
.fsg_div
{
	position: relative;
	float: left;
	margin: 2px 12px 2px 0pt;
	padding: 0pt 5px;
	border: #FFF 1px solid;
}
.coactinvite .fsg_div
{
	float: none;
}
.coactinvite .fsg_msn, .fs_qq, .fsg_xiao, .fsg_email
{
}
.coactinvite .style5
{
	position: absolute;
	right: 5px;
	width: 40px;
	margin-top:0;
}

.fsg_div img
{
	position: absolute;
	top: -2px;
	right: -12px;
	cursor: pointer;
}
#handinput, .handinput1
{
	width: 380px;
	float: left;
}
.handinput1 input
{
	margin-top: 0;
}
input.handinput
{
	padding: 2px 0;
	border-style: dashed;
}
.highslide
{
	cursor: url(highslide/graphics/zoomin.cur), pointer;
	outline: none;
}
.highslide-active-anchor img
{
	visibility: hidden;
}
.highslide img
{
	padding: 0px;
	border: 4px solid #FFF;
}
.highslide:hover img
{
	padding: 0px;
	border: 4px solid #FF3333;
}


.highslide-image
{
	border: 2px solid white;
}
.highslide-image-blur
{
}
.highslide-caption
{
	display: none;
	border: 2px solid white;
	border-top: none;
	font-family: Verdana, Helvetica;
	font-size: 10pt;
	padding: 5px;
	background-color: white;
}



.highslide-overlay
{
	display: none;
}

a.highslide-full-expand
{
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}


/* Controlbar example */
.controlbar
{
	background: url(highslide/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
}
.controlbar a
{
	display: block;
	float: left; /*margin: 0px 0 0 4px;*/
	height: 27px;
}
.controlbar a:hover
{
	background-image: url(highslide/graphics/controlbar4-hover.gif);
}
.controlbar .previous
{
	width: 50px;
}
.controlbar .next
{
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move
{
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close
{
	width: 36px;
	background-position: -130px 0;
}

/* usercppostpm */

.fsg22
{
	float: right;
	margin: -20px 80px 0pt 0pt;
	padding: 3px 2px 0pt 0pt;
	position: relative;
}


.fsg_nr
{
	background: #FFFFFF none repeat scroll 0%;
	border: 1px solid #98B1C8;
	display: none;
	padding: 2px;
	position: absolute;
	top: 20px;
	right: 0px;
}

.sgt_on
{
	background: #F2F6FB none repeat scroll 0%;
	border-bottom: 1px solid #EEEEEE;
	color: #000000;
	height: 20px;
	padding: 2px 5px;
	width: 200px;
}
.sgt_of
{
	background: #FFFFFF none repeat scroll 0%;
	border-bottom: 1px solid #EEEEEE;
	color: #666666;
	height: 20px;
	padding: 2px 5px;
	width: 200px;
}
.l
{
	float: left;
}

.gb1-12, .gb2-12
{
	background: #E5E5E5 none repeat scroll 0%;
	border-color: #FFFFFF rgb(106, 106, 106) rgb(106, 106, 106) rgb(255, 255, 255);
	border-style: solid;
	border-width: 1px;
	color: #333333;
	cursor: pointer;
	font-size: 12px;
	height: 23px;
	padding: 3px 5px;
}
.gb2-12
{
	background: #DDDDDD none repeat scroll 0%;
}


/* round tab*/
 .button, .buttonimportant,.creategallery,input.printbutton
{
	outline: none;
	border: none;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	vertical-align: middle;
	display: inline-block;
	overflow: visible;
	text-align:center;
 background-repeat:no-repeat;
 width:71px;
 height:23px;
 line-height:22px; 
}
.button{	 background-image:url(images/roundedbutton.jpg);
}
.outbluedeep .button{ background-image:url(images/addfriends.gif);}
a.creategallery,.buttonimportant{	 background-image:url(images/creategallery.jpg); 
}
a.rounded{	display: inline-block;
}

.button, .buttonimportant, a.buttonimportant,a.creategallery
{
	
 background-position:0% 0%;text-decoration: none;color:#fff; 
}
.button{color: #43464D;}
input.button,input.buttonimportant{background-color:Transparent;	
}
.button:hover,.creategallery:hover,.buttonimportant:hover
{
	 background-position:0% 100%;
	color: #fff;text-decoration: none;
}
input.printbutton{ background-image:url(images/printbutton.gif); background-position:0% 0%;text-decoration: none;color:#fff; width:89px;  background-color:Transparent;}
input.printbutton:hover{ background-position:0% 100%;}

button.paybutton{ background: Transparent url(images/pay.gif) 0% 0%; width:316px;height:79px;border:none; cursor:pointer;}
button.paybutton:hover{background-position:0% 100%;} 
button.showorder{ color:#27b1ef; font-size:14px; background-color:Transparent; outline:none;border:none; border-bottom:1px dashed #27b1ef; cursor:pointer;}
button.showorder:hover{ border-bottom:1px solid #27b1ef; background-color:#27b1ef; color:#fff;}
.center
{
	margin-left: auto;
	margin-right: auto;
}

.title
{
	background-color: #eee;
}

.benefits
{
	color: #000;
	background-color: #D4EEF4;
	padding: 0 10px;
	vertical-align: top;
}
.tab{color:#000;padding-bottom:4px;font-size:14px; font-weight:bold;}
a.tab
{
	background-color: #a2a7ad;
	color: #fff;
	font-size: 108%;
	font-weight: bold;
	padding: 7px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
}

a.tab:hover
{
	background-color: #f3f4f8;
	color: #33ABFF;
}

a.tab_selected
{
	border-bottom-color: #f3f4f8;
	background-color: #f3f4f8;
	color: #000;
}

#featureTabsContainer
{
	display: none;
	height:32px;
}

#featureElementsContainer
{
}

.feature
{
}


.swatches
{
	padding: 5px 0;
}

.swatches a
{
	background-color: #000;
	color: #fff;
	padding: 8px 12px;
}


/*help*/
.helplist a:link,.helplist a:visited
{
	color: #17809D; border-bottom:1px dotted #17809D;
}
.helplist a:hover
{
	background: #19a1d1;
	color: #FFF;
	text-decoration: none; border-bottom:1px solid #19a1d1;
}
.helplist a:active
{
	background: #19a1d1;
	color: #FFF;
	text-decoration: none;
}
ul.helplist{margin-bottom:10px;border-bottom:1px dashed #b6b6b6;padding-bottom:4px;}
li.helpsubtitle{padding-top:10px;}
li.helpsubtitle h1{color:#17809d;}
h2.helptitle{color:#f22d2d;}
li.helpbottom{ text-align:right;}

/* print */
.printl,.printm,.printr,.printr2{float:left;}
.printl{width:25%;}
.printr2{width:24%;}
.printl1{ text-align:center;}
.printr{width:20%;}
.printm{width:55%;}
.printm img{width:420px;}
.print{clear:both;padding:20px 0;float:left;width:100%;  }
.replybox .print{border-bottom:1px dashed #eaeaea;}
.print h3{font-size:14px; line-height:160%;}
.print h3 span{ font-weight:normal;}
.print input.reg{border: 1px #E7E7E7 solid; background-color:#FFF;}

.summery{ float:right; width:360px;}
.summery th{ text-align:left;font-weight:bold; }
.summery td{text-align:right;}
.summery th,.summery td{ border:1px solid #b1b1b1; padding:3px;width:20%;}
td.total,th.total { font-size:18px;font-weight:bold; background-color:#d4eef4;}
.summerylist{ width:50%;float:left;padding-bottom:10px;}
.summerylist .summery{float:left;}

.orderdetails,.paydetails{width:100%;margin-bottom:10px; }
.orderdetails th,.orderdetails tr,.paydetails th,.paydetails td{ line-height:26px;}
.paydetails th{ font-weight:bold; text-align:left; background-color:#d4eef4;padding-left:5px; }
.orderdetails th{ text-align:right; vertical-align:top;width:65px;padding-right:10px;font-weight:bold; }
.payth{width:60%;}

.Address{float:left;width:50%;padding-bottom:1.6em;}
.Address span{ float:left;  width:60px; text-align:right;padding-right: 10px; color:#999;}
.Order-Address-List{ clear:left;}
.Address h1{ float:left; background-color:#ff3300; color:#fff; padding:5px 10px;margin-top:8px;}
.Address p{padding-left:60px;padding-bottom:1.6em; }
.Address p span{background:url(images/nowadd.gif); width:136px; height:49px; display:inline-block;}
* html .Address blockquote{float:left;}
* +html .Address blockquote{float:left;}

input.chooseadd{background-image:url(images/chooseadd.gif); background-color:Transparent; border:none; height:49px;width:185px; cursor:pointer; }
input.deladd{background-image:url(images/deleadd.gif); background-color:Transparent; border:none; height:49px;width:136px; cursor:pointer;}

span#discount{color:Red;}

/* upload */
.uploadoutside，#fileUpload{ overflow:hidden;width:575px; height:375px;}

.t{width:100%;margin-bottom:5px;height:5em;}
ul.tagcloud li{float:left;padding-right:2em; display:inline;}

.trt{ text-align:right;}
#avatarctrl{ text-align:left;padding-left:0;margin-left:-25px;}
.avatararea img{margin:0 20px 10px 20px;float:left;}
.avatarright{width:320px; float:left;}


/* status */
.day{color:#373737; font-size:14px;}

.smallgallery{ background:url(images/smallgallerybg.gif); position:relative;width:118px; height:88px;margin-left:4px;}
.smallgallery img{width:100px;border:4px solid #fff; position:absolute; left:5px;top:3px; }
.smallgallery a{display:block;width:100px;border:4px solid #fff; height:74px; position:absolute; left:5px;top:3px; z-index:2;}
.smallgallery a:hover{background:url(images/playonsmall.png) no-repeat center; border: 4px solid #FF3333;}
.containerRightNarrow .smallgallery{margin-left:4px;}

img.smallphoto{width:69px;border: 4px solid #EAEAEA;}
.narrowbox img.smallphoto{margin-right:6px;}
a:hover img.smallphoto{ border:4px solid #ff3333;}
ul.clearlist li{clear:left;}

.include .yinhao{ background:url(images/yinhaor.gif) no-repeat 100% 0;  display:inline-block;width:25px; height:9px;}
.include .yinhao{*display:inline;}
.myremind .include{margin:5px 10px;}
.myremind .grey{padding:0 10px 5px 0;}
.layout{zoom:1;display:inline-block;}
.include{ background:url(images/yinhao.gif) no-repeat  top left;padding-left:25px; margin-left:4px;}
 .galleryr,.noticer{margin-top:5px;float:right;}
.outgrey2 .galleryr{width:96px;}
.outgrey2 .noticer{width:160px;}
.narrowbox .galleryr{width:112px;}
.containerLeftIn .galleryr{width:314px;}
.containerLeftIn .noticer{width:378px;}
 .statuscontent{padding:4px;}
.containerLeftIn .statuscontent{padding-left:0;}

.statustitle{ font-weight:bold;padding-left:20px; color: #a2a7ad;font-size: 14px;padding-bottom:5px;}


.smallglist li{float:left;}
.smallglist li .smallgallery{background:none;width:120px;margin-left:0;height:90px;}
.smallglist li .smallgallery img{left:0;}
.smallglist li .smallgallery a{border:4px solid #eaeaea;left:0;}
.smallglist li .smallgallery a:hover{background:url(images/playonsmall.png) no-repeat center; border: 4px solid #FF3333;}
.listrr{padding-left:70px;}
.createperson{ line-height:2em;}
.introinfo{ text-indent:2em;}

.xiyangyang{ background:url(images/xyy2_03.jpg) no-repeat; position:relative;width:358px;height:257px;}
.xiyangyang a{ position:absolute;top:185px; left:240px; font-size:14px; font-weight:bold; border-bottom:1px dashed #252525;}
.xiyangyang a:hover{ border-bottom:1px solid #252525; text-decoration:none;}

/* tour */
.tourout{background:url(images/quicktourbottom.gif) no-repeat bottom;}
.tourinner {width:840px;margin:0 auto;}
.tourinner p{font-size:14px;padding-left:1.5em;padding-bottom:20px;}
.tourinner h2{color:#ffa169;margin-top:20px;}
.tourinner h3{font-size:14px;line-height:2em;}
.tourreg{padding:20px 0 40px 0;font-size:14px;}
.tourreg a{font-weight:bold;font-size:16px;}

.tel{font-size:20px;}