@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

html {
	margin:0;
	padding:0;
}

body{
	background: #36526d url(../images/bg_sea2.gif) top left repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
}

#wrapper{ height: 100%; overflow: hidden;}

p.uploadcv {margin-bottom: 10px}

/* Header Home*/
#headerHome{ 
	padding-bottom: 8px;
	padding-top: 0px;
	width: 1000px;
	margin: auto;
	height: 100%;
	overflow: hidden;
	background: url(../images/banner.jpg)  no-repeat;
}
#headerHome .left{


}
#headerHome .left1{ 
	background: url(../images/logo_themeeting_ep5.png) 0px 25px no-repeat transparent;
	width:500px;
	height:100px;
	float:left;
}
#headerHome .signIn{ 
	width: 500px; 
	height: 33px; 
	margin-left: 20px; 
	padding-top: 10px; 
	padding-left: 5px;
	float: right;

}
#headerHome .signIn .input{  height: 20px}
#headerHome .signIn .input input{ float:left; margin-right: 2px;}
#headerHome .signIn .input .btnJoin{  float: left; display: block; cursor:pointer; background: url(../images/btnJoinFree.gif) top left no-repeat; width: 103px; height: 25px; border: none;}
#headerHome .signIn .input .btnJoin span{ display: none;}
#headerHome .signIn .input form{ text-align:right; width: 450px; height: 25px; }
#headerHome .signIn div{ text-align:right}
#headerHome .signIn .rem{ color: #fff;font-size: 9px; text-align:left; clear: both; margin-left: 105px; margin-top: 10px;}
#headerHome .signIn .rem input{ vertical-align: middle;}
#headerHome .signIn .rem a{ color: #ccc; font-size: 9px;}


#headerHome .right{

	 
}
#nussTopLogo { 
	width: 400px; height: 60px; 
	/* background: url(../images/logo_meetingplace_sea2.png) 0px 10px no-repeat transparent; */
}
#nussTopLogo span{ display: none;}
#nussTopLogo a{ width: 300px; height: 45px; display:block;}

#headerHome #nussTopLogo{}

#headerHome #slogan {
	margin-left:20px;
	margin-top: 20px;
}

#slogan {
	background:url(../images/slogan_CNY.gif) 5px 0px no-repeat;
	width:250px;
	height:35px;
}
#slogan span{ display: none;}

#user{ color: #ccc; text-align: right; margin-top: 20px; color: #fff;}
#user span{ font-weight: bold;}
#user p{ margin-top: 3px;}
#user a{ color: #fff;}
/* End Header Home*/

/* Header */
#header{ 
	width: 1000px;
	margin: auto;
	height:  60px;
	padding-top: 8px;
	background: url(../images/banner.jpg)  no-repeat;
}
#header .left{ 
	width:320px;
}
#header .right{ 
	width: 500px;
	height: 60px;
}
#menu #slogan{ float: left;}
#header .right .subMenu{ 
	clear: both; 
	color: #fff;
	text-align:right;
	height: 21px;
	width: 440px;
	float: right;
	margin-top: 8px;
}

#header .right .subMenu a{ 
	color: #d0e8ff; 
	margin: 5px 0px 0px 1px;
	text-decoration: none; 
	display: block;
	float: left;
	height: 16px;
	background:url(../images/bg_sea_small_tab.png) left top  no-repeat;
	padding-left: 5px;
}
#header .right .subMenu a span{
	background: url(../images/bg_sea_small_tab.png) right -18px no-repeat;
	display: block;
	padding: 2px 10px 0px 5px;
	height:14px;
	float: left;
	margin-left: 2px;
}
#header .right .subMenu a:hover{ text-decoration: underline}
/* Menu*/
#menuHome #slogan{ float: left}
#menuHome, #menu{
	clear: both;
	height: 35px;
	background: url(../images/bg_sea2_tab.gif) top left repeat-x;
}
#menuHome .cover{ width: 1000px; margin: auto; }
#menu .cover{ width: 1000px; margin: auto}

#menuHome .cover .tab{ margin-left: 30px}
.tab{ margin-top: 7px; margin-left: 10px; height: 100%; overflow: hidden; float:left}

.tab a{ 
	display: block; 
	float: left; 
	margin: 0px 10px; 
	text-decoration: none;
	height: 22px;
	padding-left: 10px;
}
.tab a h5{
	height: 19px;
	padding-right: 10px;
	padding-top: 3px;
	color: #fff;
	float: left;
}
.tab a span{
	background: url(../images/img_zap.png) top right no-repeat;
	font-size: 12px;
	padding-right: 7px;
}

.tab .menu_active{ 
	background:url(../images/bg_menubar_a_ep4.png) left 0px no-repeat;
}
.tab .menu_active h5{
	background:url(../images/bg_menubar_a_ep4.png) right bottom no-repeat;
}

#menu{ }
#menu .cover{ width: 1000px; margin: auto;}
#menu .tab{ float:left; margin-left: 30px;}
#header .friendTop{ float: right; color: #fff; margin-top: 7px; width: 280px;}

/* End Menu*/

/*Body*/



#body{ 
	background:url(../images/container-bg.png) top repeat;
	height: 100%;
	overflow:hidden;
	padding-bottom: 20px;
	clear: both;
	padding: 15px;
	width: 970px; 
	margin: auto;
	padding-bottom: 30px;
}

#body #content{ clear: both; height: 100%; overflow: hidden;}
#body #content #home{ background: #000;}
#body #content #home .flash{ width: 970px; margin: auto}

#body #content #homeCal{ width: 1000px; margin: auto; margin-top:15px; height: 100%; overflow: hidden; margin-bottom: 20px;}
#body #content #homeCal li{  width: 300px; float: left; margin-right: 20px ; height: 100%; overflow: hidden; margin-bottom: 15px;}
#body #content #homeCal .calendar{ float: left;}
#body #content #homeCal .left {
	margin-left: 5px;
	width: 250px;
}
#body #content #homeCal .left h6{ margin-top: 2px;}

#body .friendList{ clear: both;} 

#body .friendList h4{ clear: both; margin-top: 10px; margin-bottom: 0px;} 

#inside{}

/*end Body*/

/* Footer */
#footer{ clear: both; width: 1000px; margin: auto; padding-top: 10px; margin-bottom: 10px; height: 100%; overflow: hidden}

#footer .logoNuss a{ display: block; background:url(../images/nuss-logo.png) top left no-repeat; width: 100px; height: 50px; margin-top: 10px;}
#footer .logoNuss span{ display: none}

#footer .link{ float: right; text-align: right; color:#fff;}
#footer .link a{ color: #d0e8ff;}
#footer .link p{ margin-top: 0px; color: #fff;}
#footer .view{ color:#999; line-height: 100%; margin: 0px; font-size: 10px;}
#footer .view a{ color: #fff; text-decoration: underline}
/* end Footer */

a, img{ border: 0; }
a { text-decoration: underline; cursor: pointer; color: #333}
p, ul, li{ margin: 0px; padding: 0px;}
ul, li{ list-style-type: none;}

p{ line-height: 16px; margin-top: 15px;}

h1, h2, h3, h4, h5, h6{ font-family: Verdana, Geneva, sans-serif; margin:0px; padding: 0px;}

h6{ font-size: 11px;}
h5{ font-size: 12px;}
h4{ font-size: 13px;}
h3{ font-size: 16px;}
h2{ font-size: 18px;}
h1{ font-size: 20px;}

input[text]{ font-size: 11px;}

#left, .left{
	float: left;
	width: 250px;
}

#right, .right{ float: right;}

.clear{ clear: both}

.textc{ color: #666;}

.textm{ color: #666; font-size: 10px;}

.text10c{ color: #666; font-size: 10px;}

.textRed{ color:#F00}

.smalltextRed{ color:#F00; font-size: 9px;}

.textRed1{ color: #d66e6e}

.textGreen{ color:#060}

.text6{ color:#666}

.textf60{ color:#F60}
.textOrange{ color: #F60}

.guide{ font-size:10px; color:#666; padding: 3px;}

.normal{ font-weight: normal;}

.fullHeight{ height:100%; overflow: hidden;}

.highlight{ background-color:#F96; padding:2px; font-size:10px;}

h4.title{ padding: 3px 0px  3px 10px; background:url(../images/bg_title.gif) top left repeat-y; color: #FFF;}

.sort2 a{ 
	display: block; 
	float: left; 
	margin-right: 10px; 
	height: 15px; 
	border: 1px solid #ccc; 
	padding: 2px 5px ; 
	text-decoration: none; 
	background:#333;
	color: #fff;
}

.sort2 .current{ background: #C00; color:#FFF;}

.message{ clear: both;  padding: 15px;}
.message span{ color:#FFFFD5; font-weight: bold}

.listNote{ 
	clear: both; 
	height: 500px;
	padding-bottom: 10px;
}
.listNote li{ 
	margin-bottom: 20px;
	float: left;
	margin-right: 10px;	
	width: 130px;
	display: block;
}
.listNote li a{ text-decoration: none;}
.listNote li .note{ 
	width: 130px;
	height: 80px;
	overflow: hidden;
}


.note_cover{ width: 450px; background: #EBEBEB; height: 100%; overflow: hidden; clear:both; padding: 10px;}

.mainNote { 
	width: 370px; 
	height: 370px;
	margin: auto;
	padding: 15px;
	overflow: hidden;
}


/* Arrow button*/
/*.previous{
	width: 20px;
	height: 250px;
	float: left;
	display: block;
	margin-top: 50px;
	background: url(../images/arr_pre1.png) 5px 100px no-repeat;
	cursor: pointer;
}
.previous:hover{ background: url(../images/arr_pre.png) 5px 100px no-repeat;}
.next{
	width: 20px;
	height: 250px;
	float: left;
	display: block;
	margin-top: 50px;
	background: url(../images/arr_next1.png) 5px 100px no-repeat;
	cursor: pointer;
}
.next:hover{ background: url(../images/arr_next.png) 5px 100px no-repeat;}
*/
.mainPhoto{ 
	background: #EBEBEB;
	height: 100%;
	overflow: hidden;
	clear:both;
	width: 470px;
}

/* main Photo*/

.mainPhoto .photo{
	float: left;
	text-align:center; 
	background: #EBEBEB; 
	padding: 10px;
	min-height: 250px; 
	height: auto !important; 
	height: 250px;
	margin: auto;
	width: 450px;
}
.caption{ 
	clear:both;
	background-color: #e4e4e4;
	padding: 5px 10px;
	border-bottom: 1px solid #fff;
	height: 100%;
	overflow: hidden;
}

.detail{ 
	clear: both;
	background-color: #e4e4e4; 
	position: relative;
	font-size: 10px;
	color: #666;
	width:100%;
}
.detail .bl	{ position: absolute; width: 8px; height: 5px; background: url(../images/bg_cnrphol.gif) bottom left no-repeat; bottom: 0px; left: 0px; }
.detail .br	{ position: absolute; width: 8px; height: 5px; background: url(../images/bg_cnrphor.gif) bottom right no-repeat; bottom: 0px; right: 0px; }
.detail .inside	{ padding: 5px 10px; height: 100%; overflow: hidden;}


.mainPhoto1{ 
}
.mainPhoto1 .photo{
	text-align:center; 
	width: 460px; 
	background: #000; 
	padding: 5px;
	min-height: 300px; 
	height: auto !important;
	height: 300px;
}

.mainPhoto1 h3{ 
	width: 460px; 
	text-decoration: none; 
	margin-bottom: 0px; 
	padding: 5px; 
	background-color: #333;
	color: #fff;
	text-align:center;
}
.mainPhoto1 h3 a{ text-decoration: none; color: #fff}

.mainVideo{ 
	background: #EBEBEB;
	height: 100%;
	overflow: hidden;
	clear:both;
}
.mainVideo .video{
	width: 400px; 
	background: #EBEBEB; 
	padding: 10px;
	height: auto !important;
	min-height: 300px; 
	height: 300px;
	text-align:center;
	margin: auto;
}
.mainVideo .video embed{ width: 400px; height:300px;}
.mainVideo h3{
	text-decoration: none; 
	margin-bottom: 0px; 
	padding: 5px; 
	background-color:#333;
	color: #fff;
	text-align:center;
}

.mainVideo1{}
.mainVideo1 .video{
	width: 470px; 
	background: #000; 
	height: auto !important;
	min-height: 300px; 
	height: 300px;
	text-align:center; 
	margin: auto;
}
.mainVideo1 .video embed{ width: 470px; height:290px;}
.mainVideo1 .video object{ width: 470px; height:290px;}
.mainVideo1 h3{
	text-decoration: none; 
	margin-bottom: 0px; 
	padding: 5px; 
	background-color:#333;
	color: #fff;
	text-align:center;
}


.paging{  background: none; color: #333; clear: both}
.paging a{ color: #333;}
.pagination {
	height: 30px;
}

.pagination .pagingNumbers {
	overflow:hidden;
	height:100%;
}

.pagination .pagingNumbers li {
	display:inline;
	margin-left:3px;
}

.calendar{ width: 33px; height: 40px; background:url(../images/bg_calendar.gif) top left no-repeat;}
.calendar span{ display: block; color: #fff; font-weight: bold;padding-top:6px; font-size: 10px; text-align:center}
.calendar div{ font-weight: bold; padding-left: 5px; padding-top: 2px; font-size: 12px;}

.button{
	padding: 1px 5px; 
	border: 1px solid #666; 
	height: 15px; 
	display:block; 
	font-size: 10px;
	background: #666;
	text-decoration: none;
	font-weight: bold;
	color:#fff;
	float: left;
}
.btnJoin{ cursor:pointer; background:url(../images/btnJoinFree.gif) top left no-repeat; width: 103px; height: 26px; border: none;}

/* Episode 1*/
/* ****end Footer************* */

#body2{ 
	height: 100%; 
	overflow: hidden; 
	padding-bottom: 20px; 
	clear: both;
	width:970px;
	
}
#body2 #left{ width: 420px;}
#body2 #right{ width: 385px;}

#body2 .headerL{ margin-bottom:10px;}


#body2 #menuUser1 .profileName{ float: left; width: 430px; font-size: 10px; color: #666;}
#body2 #menuUser1 .profileName h4{ color: #F60; padding-right: 10px;  float: left}
#body2 #menuUser1 .profileName .btn2{ float: left; margin-bottom: 2px;}

.btn2{
	height: 17px;
	width: 110px;
	padding-top: 3px;
	background: url(../images/bg_btn_grey.gif) top left no-repeat;
	color: #333;
	display: block;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	font-size:10px;
}

.btn3{
	height: 17px;
	width: 143px;
	padding-top: 3px;
	background: url(../images/bg_btn3.gif) top left no-repeat;
	color: #333;
	display: block;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	font-size:10px;
}


#body2 #menuUser, #body2 #menuUser1{ 
	height: 22px;
	background: url(../images/bg_menusub.gif) bottom left repeat-x;

}
.tab_contest{ 
	height: 22px;
	background: url(../images/bg_menusub.gif) bottom left repeat-x;
	padding-left: 10px;
}

#body2 #menuUser1 .menu_cover{ 
	height: 23px;
	width: 520px; 
	float: right;
}
#body2 .live_menu #menuUser a{ margin: 0px 5px;}

#body2 #menuUser1 .menu_cover a, #body2 #menuUser a, .tab_contest a{ 
	display: block; 
	float: left; 
	margin: 0px 10px; 
	text-decoration: none;
	padding-left: 10px;
	height: 22px;
}

#body2 #menuUser1 .menu_cover span, #body2 #menuUser span, .tab_contest a span{
	height: 19px;
	padding-right: 10px;
	padding-top: 3px;
	color: #666;
	display: block;
	float: left;
}


#body2 #menuUser .active, #body2 #menuUser1 .menu_cover .active, .tab_contest .tab_active{
		background:url(../images/bg_menu_user.png) top left no-repeat; }

#body2 #menuUser .active span, #body2 #menuUser1 .menu_cover .active span, .tab_contest .tab_active span{
	background:url(../images/bg_menu_user.png) right -22px no-repeat;
	color: #036;
	font-weight: bold
}

#body2 #menuUser .upload{}

#body2 #profile{border: 1px solid #ccc; margin-top:15px; }
#body2 #profile .content{ padding: 10px; }
#body2 #profile .content span{ display: block; float: left; height: 100%; overflow:hidden;}

#yourPosts{ border: 1px solid #ccc; height:100%; overflow: hidden; margin-top: 20px}
#yourPosts .listItems{ margin: 10px; clear:both; width: 100%;}
#yourPosts .listItems li{ margin: 5px 4px; clear: both; height: 100%; overflow: hidden; width: 100%;}
#yourPosts .listItems li img{ float:left; margin-right: 5px; display: block;}
#yourPosts .listItems li .left{ float:left; width:250px; margin-right:20px; height: 100%; overflow:  hidden; font-size: 10px;}
#yourPosts .listItems li .left div{ margin-top: 5px;}

#account{ border: 1px solid #ccc; height: 100%; overflow: hidden; margin-top:20px}
#account .content{ padding: 10px;}
#account .content h5{ display: inline}
#account .content ul{ margin-top:10px;}
#account .content ul li{ margin-bottom: 10px; clear: both; border-top: 1px solid #ccc; padding-top: 5px;}
#account .content ul li span{ width: 250px; display:block; float: left}
#account .content ul .closing{ font-size: 12px; font-weight: bold; margin-top:5px;}


#invite{ border: 1px solid #ccc; overflow: hidden; height: 100%; margin-top: 15px; clear: both;}
#invite .content{ margin: 15px;}
#invite .content span{ display:block; float: left; width:170px; margin-right: 10px}
#invite .content h5{ display: inline; }
#invite .content div{ clear: both; margin: 8px 0px;}
#invite .content p{ display: block;}
#invite .content div input{ width: 130px;}
#invite .content .right input{ width: 100px;}

#body2 #content{ 
	height:100%; 
	overflow:hidden;
	padding-bottom: 50px;
	padding-top: 30px;
	height: auto;
	min-height: 300px;
	clear: both;
}
#body2 #content h3{ width: 650px; margin:auto; line-height:normal; }
#body2 #upload{ width: 908px; margin: auto; margin-top:10px; clear: both; overflow:hidden; height:100%;}

#body2 #upload  h3{ color: #333; width:100%; text-align:left; margin-bottom:10px;}
#body2 #upload  .photo div{ margin-bottom: 20px; clear: both;}
#body2 #upload  .photo h5{ margin-bottom: 5px;}
#body2 #upload  .photo .btn{ margin-top:50px; text-align: center; clear:both;}

#body2 #upload  .listBg{ height: 100%; overflow: hidden;}
#body2 #upload  .listBg li{ width:50px; height: 70px; float: left; margin-right: 15px}
#body2 #upload  .listBg img{ border: 1px solid #ccc; width: 50px; height: 50px;}
#body2 #upload  .listBg .customize{ width:100%; clear:both; height: 30px; display:block; margin-top:10px;}

#body2 #upload  .note{ width:400px; height: 300px; border: 1px solid #ccc; padding: 20px;}

#body2 #upload  .friend{ height: 100%; overflow: hidden; margin-left: 5px; margin-bottom: 10px; margin-top: 5px;}
#body2 #upload  .friend li {float: left; display: block; }
#body2 #upload  .friend li input{ margin-right: 10px;}

#body2 #upload  .shareLeft{ float: left; width: 550px;}
#body2 #upload  .shareRight{ float: left; width: 300px; border-left: 1px solid #ccc; padding-left: 25px;}

#body2 #upload  .shareLeft .import{ 
	height: 100%;
	overflow: hidden;
}

#body2 #upload  .shareLeft .import .text12{ 
	margin-bottom: 10px;
	color: #666;
}

#body2 #upload .textOrange{ margin-bottom: 15px;}

#body2 #upload  .shareLeft .import  h5{ color: #090; margin-bottom: 15px; height: 20px; padding-top: 3px;}
#body2 #upload  .shareLeft .import .text12{ font-size: 12px; }
#body2 #upload  .shareLeft .err{ color: #F00; width: 400px; border: 1px solid #F00; padding: 5px;}
#body2 #upload  .shareLeft .alert{ color:#060; width: 400px;}

/*Import Contacts*/
.fillContact{ width: 410px;}
.fillContact li{ clear: both; margin: 10px 0px; display: block; height: 100%; overflow: hidden}
.fillContact li div.left{ width:100px; text-align: right;}
.fillContact li div.right{ width:300px;}

.listContact{width: 410px}
.listContact li{ clear: both; height: 100%; overflow: hidden; margin-top: 5px; border-bottom: 1px solid #f0f0f0; padding-bottom: 4px;}
.listContact li .col1, .col2, .col3{ float: left;}
.listContact li .col1{ width: 20px; margin-right: 5px;}
.listContact li .col2{ width: 180px;}
.listContact li .col3{ width: 200px;}

.invContent{ margin-bottom: 20px;}
.invContent div{ margin-bottom: 5px;}

#body2 #upload  .inviteFriends{}
#body2 #upload  .inviteFriends div span{ display: block; float: left; width: 140px;}

#body2 #upload  .shareRight .bookmark{ height: 100%; overflow: hidden}
#body2 #upload  .shareRight .bookmark h5{ margin-bottom: 15px; color:#090; height: 20px; padding-top: 3px;}
#body2 #upload  .shareRight .bookmark div{ margin-bottom: 15px;}

#body2 #upload  .shareRight .input{ margin-top: 20px;}
#body2 #upload  .shareRight .input h5{ margin-bottom: 15px; color:#090; height: 20px; padding-top: 3px;} 
#body2 #upload  .shareRight .input div{ margin-bottom: 10px;}
#body2 #upload  .shareRight .input input[type=text]{ width: 125px;}

#body2 #content1{
	clear: both;
	border-bottom: 1px solid #ccc;
	height: 100%;
	overflow: hidden;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 10px;
	/* background-image: url(../images/bg_myPlace.png); */
}
#body2 #content1 .comments{  margin-top: 20px;}
#body2 #content1 #left{
	width: 450px;
	height: 100%;
	overflow: hidden;

}
#body2 #content1 #right{ width: 410px;  height: 100%; overflow: hidden}

#body2 #content1 #right .listPhoto_user, #body2 #content1 #right .listVideo_user
{ margin: 20px 0px}

#body2 #content1 #left .mainPhoto{}
#body2 #content1 #left .detail{}

#body2 #content1 #left .addComment{ margin: 20px 0px;}
#body2 #content1 #left .comment{ clear: both;}
#body2 #content1 #left .mainNote{}


#body2 #content1 #left h2{ margin-bottom: 10px;}
#body2 #content1 #right{}

#body2 #content1 #right .listPhoto{ 
	clear: both; 
	margin: 5px 0px 20px 0px; 
	height: 100%; overflow: hidden;
}

#body2 #content1  #right .listVideo{ 
	clear: both; 
	margin: 5px 0px 20px 0px; 
	height: 100%; overflow: hidden;
	padding-bottom: 10px;
}

#body2 #content1 #right .sort{ 
	height: 100%;
	overflow: hidden;
	margin-top:15px; 
	border-bottom: 2px solid #ccc; 
	width:300px;
}
#body2 #content1 #right .sort a{ display: block; float: left; padding: 5px 10px }
#body2 #content1 #right .sort .active{ 
	background:#ccc; 
	text-decoration: none;
	font-weight: bold;
	border-top: 1px solid #ccc; 
	border-left: 1px solid #ccc; 
	border-right: 1px solid #ccc;
}

#body2 #content1 #right .onContest {margin-right: 20px; border-bottom: 1px dashed #ccc; height: 100%; overflow: hidden; padding-bottom: 15px;}
#body2 #content1 #right .onContest .photo{ float:left; width:90px;}
#body2 #content1 #right .onContest .left h5{ margin: 5px 0px 10px 0px;}
#body2 #content1 #right .onContest .left a{ font-size: 11px;}
#body2 #content1 #right .btn{ clear: both}

#body2 #content1 #right .listNote{ margin: 10px 0px;}

/* Public Profile*/
#body2 #content1 .avatar{}

#body2 #content1 .shoutout{
	background:url(../images/bg_shoutout.gif) 0px 5px no-repeat;
	padding-left: 7px;

}
#body2 #content1 .shoutout span{ display:block; background: #e1e1e1; height: 20px; padding: 5px; margin-bottom:30px;}

#body2 #content1 .view{ margin-top: 5px;}

#body2 #content1 #profile_public{ width: 450px; float: left}
#body2 #content1 #profile_public .left{ width: 200px;}

#body2 #content1 #profile_public .right{ width:235px;}
#body2 #content1 #profile_public .right dl{ margin: 15px 0px; clear:both;line-height: 130%}
#body2 #content1 #profile_public .right dl dt{ font-weight: bold;}
#body2 #content1 #profile_public .right dl dd{ margin: 3px 0px;}
#body2 #content1 #profile_public .right dl dd span{ width: 120px; display: block; float:left}

#body2 #content1 #posts_public{ width: 250px; float:right; margin-top: 30px;}
#body2 #content1 #posts_public{ border-left: 1px solid #ccc; padding: 0px 10px 10px 10px; }
#body2 #content1 #posts_public dt{ clear: both; font-weight: bold; font-size: 11px; margin: 10px 0px 7px 0px;}
#body2 #content1 #posts_public dd{ height: 100%; overflow: hidden}
#body2 #content1 #posts_public dd .left{ width: 190px; margin-left: 5px;}
#body2 #content1 #posts_public dd img{ float:left}
#body2 #content1 #posts_public .note{ border: 1px dashed #fff; padding: 5px;}


#body2 #content1 #profile{ 
	width: 600px; 
	margin-right: 10px; 
	margin-top:0px; 
	border: none; 
	float: left; 
	margin-left: 15px;
	height: 100%; overflow: hidden;
}
#body2 #content1 #profile .text10c{ float: left; margin-left: 10px; width:190px;}
#body2 #content1 #profile .content{ padding: 0;  height:100%; overflow: hidden; margin-bottom: 30px; }
#body2 #content1 #profile .content h6{ margin-top: 20px; clear: both}

#profile{ height: 100%; overflow: hidden;}
#profile .content h5{ margin-top:15px; clear: both; padding-top:10px; margin-bottom:10px;}

#profile label{ float:left; display: block;margin-right:5px; width: 200px; height: 20px; padding-top:3px;}
#profile div{ margin: 10px 0px; clear: both; height: 100%; overflow: hidden}

#profile1{ height: 100%; overflow: hidden; backgound-color:#FFFFFF;}
#profile1 .content h5{ margin-top:15px; clear: both; border-top: 1px solid #ccc; padding-top:10px; margin-bottom:10px;}
#profile1 label{ float:left; display: block;margin-right:5px; width: 130px; height: 20px; padding-top:3px;}
#profile1 div{ margin: 5px 0px; clear: both; height: 100%; overflow: hidden}

#body2 .listFriends{height: 100%; overflow: hidden}

.listFriends{height: 100%; overflow: hidden; clear: both;}
.listFriends li{ 
	float:left; 
	margin-right: 12px; 
	margin-bottom: 5px; 
	width: 85px; 
	height: 135px; 
	padding: 3px;
}
.listFriends li div{ margin-top: 3px; font-size: 10px; color: #666;}
.listFriends li h6{ 
	margin-top: 3px; 
	font-size: 11px; 
	width: 85px;
	height: 12px;
	overflow: hidden;
	font-weight: normal;
	
}
.listFriends li input{ margin-top: 5px;}
.listFriends li a{ text-decoration: none;}
.listFriends li a:hover { text-decoration: underline}



.avatar_friends{ width: 85px; height: 85px; border: 1px solid #ccc;  padding: 2px;}
.avatar_friends a{ display: block;  width: 85px; height: 85px; overflow: hidden;}
.avatar_friends  div{ }
.avatar_friends img{ }


#body2 #content1 .listFriends{ margin-top: 10px;}

#body2 .left_friend{ float:left; width: 610px;}
#body2 .right_friend{ float: right; width: 260px; margin-left: 20px; padding-top: 15px;}

#body2 .friend_request{ border: 1px solid #ccc; padding: 10px 10px 20px 10px; }
#body2 .friend_request h5{ margin-bottom: 10px;}

#body2 .friend_invite{ margin-top:10px; border: 1px solid #ccc; padding: 10px 10px 20px 10px; }
#body2 .friend_invite h5{ margin-bottom: 10px;}

#body2 .friend_request ul{ font-size: 10px;}
#body2 .friend_request ul li{ padding: 3px 0px;}

#body2 .friend_invite ul{ font-size: 10px;}
#body2 .friend_invite ul li{ padding: 3px 0px;}

#body2 .left_friend1{ float:left; width: 660px;}
#body2 .left_friend1

#body2 .right_friend1{ float:right; width: 270px}

#body2 .search_friends{ margin-top: 20px; border: 1px solid #ccc; padding: 10px; width: 470px; float: left;}
#body2 .search_friends h4{ margin-bottom: 5px;}
#body2 .search_friends .search_name{ margin-bottom: 5px;  float: left;}
 
 #body2 .search{ width: 600px; }
#body2 .search .search_name{ float: left;}
#body2 .search .search_name input{ width: 190px;}
#body2 .search .form{  float: left;}

 
#body2 .friendList{ margin-top: 20px; clear: left;}
#body2 .friendList h4{ clear: both;}

#body2 .btn_inviteFriend{ margin: 10px 0px;} 

#body2 .listFriends1{}
#body2 .listFriends1 .avatar_friends{ float: left}
#body2 .listFriends1 .left{ margin-left: 5px;}
#body2 .listFriends1 .left p{ margin-top:0px;}
#body2 .listFriends1 li{ clear:left; margin-bottom: 20px; height: 100%; overflow: hidden}
#body2 .listFriends1 .avatar_friends img{}
#body2 .listFriends1 .btnList{ margin-top: 5px;}
#body2 .listFriends1 .btnList input{ margin-right: 3px;}

#contentWrapperBody {
	padding-bottom: 30px;
	width:1000px;
	clear: both;
}

#contentWrapperBody1 {
	height:100%;	
	overflow: hidden;
	padding-bottom: 20px;
	margin: auto;
	clear: both; 
}


#contentWrapperBody1 .leftPanel {
	width:480px;
	background: #fff;
	float:right;
}

#contentWrapperBody1 .rightPanel {
	width: 470px;
	float: left;
	background: #fff;
}
#contentWrapperBody1 .leftPanel .listNote {}
#contentWrapperBody1 .leftPanel .listNote .note{ }

#contentWrapperBody1 .leftPanel .cover{ 
	background:url(../images/bg_contest.gif) 0px 34px repeat-x;
	padding: 0px 0px 0px 15px;
	height: 100%; 
	overflow: hidden;
}
#contentWrapperBody1 .leftPanel .cover1{ 
	height: 100%; 
	overflow: hidden;
}

#contentWrapperBody1 .leftPanel .cover1 .bnr_contest{ margin-bottom: 10px;}

#contentWrapperBody1 .leftPanel .sort2{ height: 20px;}

#contentWrapperBody1 .pagination{
	clear: left;
	width: 125px;
	text-align: right;
	margin-right: 15px;
	float: right;
}
/*#contentWrapperBody1 .leftPanel .listNote{ width: 410px; clear: both; margin: 20px 0px;}*/

#contentWrapperBody1 .listPhoto, #contentWrapperBody1 .listVideo, #contentWrapperBody1 .listNote {
	clear: both;
	margin: 20px 0px;
	height: 100%;
	overflow: hidden;
	padding-bottom: 10px;
}

.listPhoto li {
	display:block;
	float:left;
	margin: 0px 10px 15px 0px;
	position: relative;
}
.listPhoto li .photo{ width: 110px; height: 105px;}
.listPhoto li .photo a{ width: 110px; height: 105px; display: block; overflow: hidden}
.listPhoto li h5 a{ 
	color: #fff; 
	text-decoration: none; 
	background: url(../images/bg_transblk.png) top left repeat; 
	overflow: hidden;
	padding: 2px 3px;
	position: absolute; 
	bottom: 0px; 
	left:0px;  
	font-size: 10px;
	font-weight: normal; 
	display: block;
	width: 104px;
	height: 10px;
	overflow: hidden;
}
.listPhoto li h5{ 
	
}

.listPhoto_user li {
	display:block;
	float:left;
	margin: 0px 20px 15px 0px;
	background: #fff;
}
.listPhoto_user li .photo{ width: 110px; height: 105px; position: relative;}
.listPhoto_user li .photo a{ width: 110px; height: 105px; display: block; overflow: hidden}
.listPhoto_user li .photo h5 a{ 
	font-size: 10px; 
	padding: 2px 3px; 
	position: absolute; 
	bottom: 0px; 
	left:0px; 
	color: #fff; 
	font-weight: normal;
	background: url(../images/bg_transblk.png) top left repeat;
	width: 104px;
	height:12px;
	overflow: hidden;
	text-decoration: none;
}
.listPhoto_user li .photo h5{ }
.listPhoto_user li .action, .listVideo_user li .action, .listNote li .action{ margin-top: 5px;}

.action{}
.action a{ 
	color: #666; 
	font-size: 9px; 
	text-decoration: none; 
	display: block;
	border-bottom: 1px solid #ccc;
	padding: 1px 0px;
}



#contentWrapperBody1 .  {
	clear: both;
	margin: 20px 0px;
	height: 100%;
	overflow: hidden;
	padding-bottom: 10px;
}

.listVideo li {
	display:block;
	float:left;
	margin: 0px 10px 20px 0px;
	width:120px;
	position: relative;
	height: 100%;
	overflow: hidden;
}
.listVideo li .photo{ 
	width: 110px; height: 77px;
}
.listVideo li .photo a{ width: 110px; height: 77px; display: block; overflow: hidden}
.listVideo li a { font-size:10px; text-decoration: none; color: #fff; }
.listVideo li h5 a{ 
	font-size: 10px; 
	padding: 2px 3px; 
	color: #fff; 
	font-weight: normal;
	background: transparent url(../images/bg_transblk.png) top left repeat;
	width: 104px;
	height:12px;
	overflow: hidden;
	position: absolute; 
	bottom: 0px; 
	left: 0px; 
}

/* List Video*/
.listVideo_user li {
	display:block;
	float:left;
	margin: 0px 10px 20px 0px;
	width:120px;
	height: 100%;
	overflow: hidden;
}
.listVideo_user li .photo{ 
	width: 110px; height: 77px; position: relative;
}
.listVideo_user li .photo a{ width: 110px; height: 77px; display: block; overflow: hidden}
.listVideo_user li .photo h5 {}
.listVideo_user li .photo h5 a{ 
	font-size: 10px; 
	padding: 2px 3px; 
	color: #fff; 
	font-weight: normal;
	background: transparent url(../images/bg_transblk.png) top left repeat;
	width: 104px;
	height:12px;
	overflow: hidden;
	position: absolute; 
	bottom: 0px; 
	left: 0px; 
	text-decoration: none;
}




#contentWrapperBody1 .rightPanel .mainVideo{}
#contentWrapperBody1 .rightPanel .mainNote{}

#contentWrapperBody1 .rightPanel .detail{}

#contentWrapperBody1 .rightPanel .addComment{ clear: both; }

#contentWrapperBody1 #right .comment{ clear: both; margin-top: 20px;}


/* Tems&Condition Page*/
#contentWrapperBody2, #contentWrapperBody3{
	min-height: 400px;
	height:100%;	
	overflow: hidden;
	padding-bottom: 20px;
	width:900px;
	clear: both; 
	padding-left: 20px;
	padding-top: 10px;
}
#contentWrapperBody2 h1.header{ font-family: Verdana, Geneva, sans-serif; font-style:normal}

#contentWrapperBody2 .container{
	 margin-left: 20px;
	 margin-right: 60px;
}

#contentWrapperBody2 #profile{ width: 500px;}
#contentWrapperBody2 #profile h4{ margin-top: 20px;}
#contentWrapperBody2 #profile .content{ margin-top: 20px;}

#contentWrapperBody3{ line-height: 150%; text-align: justify}
#contentWrapperBody3 p{ margin: 0px;}
#contentWrapperBody3 ul, #contentWrapperBody3 ol{ margin-left: 20px; margin-top: 10px; font-size: 11px;}
#contentWrapperBody3 ul, #contentWrapperBody3 ol{ margin-left: 20px; display:block; font-size: 11px;}
#contentWrapperBody3 ul li{ list-style-type: circle; margin-bottom: 15px;}
#contentWrapperBody3 ol li{ list-style-type: decimal;  margin-bottom: 15px;}

#contentWrapperBody3 h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin-left: 20px;
	color: #090;
	margin-top: 20px;
	margin-bottom:10px;
}
#contentWrapperBody3 h4{ margin-bottom: 5px;}
#contentWrapperBody3 .container{
	 margin-left: 20px;
	 margin-right: 60px;
}
/* ****end Content************* */

#login1{ width: 280px; padding-bottom: 20px;}
#login1 h3{ color: #C00; text-align: center; margin-top:15px; margin-left: 45px;}
#login1 .form{  margin-top: 10px; }
#login1 .form div{  margin-bottom: 10px;}
#login1 .form label{ width:100px; display:block; float: left; margin-right: 5px; text-align:right;}
#login1 .btnList{ margin-left: 125px;}
#login1 .btnList a{ color:#666; font-size: 10px; display: block; margin-top: 5px;}


.instruction { margin: 20px  0px; background:#ffffe2; border: #ccc 1px dashed; padding: 5px 3px 3px 7px; font-size: 10px; color: #333}
.instruction h4{ margin-bottom: 10px;}
.instruction span{ display: block; margin-bottom: 5px;}
.instruction h6{ margin-bottom: 7px;}

.upload_text{ margin-bottom: 20px; color:#090;}
.instruction li{ list-style-type: circle;}
.instruction li h5{ display: inline;}
.instruction li { margin: 5px 10px}

#content1 .account_left{ float: left; width: 400px; height: 100%; overflow: hidden; margin-right: 10px;}
#content1 .account_note{ color: #666; font-size: 10px; clear: left; height: 100%; overflow: hidden; padding-top: 20px;}
#content1 .account_note li{ list-style-type: disc; margin: 10px 10px; }

.btnGreen{ 
	background: url(../images/bg_btngreen.gif) top left repeat-x; 
	border: 1px solid #333;
	height: 22px;
	color: #fff;
	padding-bottom: 3px;
	font-size: 11px;
	font-weight: bold;
}
.button{
	background: #752300 url(../images/bg_btnOrange.gif) top left repeat-x;
	border: 1px solid #666;
	padding: 2px 5px 4px 5px;
	text-decoration: none;
	float: left;
	display:block;
	font-size:10px;
	color: #fff;
	font-weight: bold;
}
.voteTop{ margin-bottom: 1px; height: 100%; overflow: hidden}
.voteTop .vote{
	float: left;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	padding-top: 3px;
	width: 150px;
	margin-top: 2px;
	color: #F30;
	background: none;
}
.voteTop .vote span{ 
	font-size: 11px;
	color: #000;
	font-weight: normal;
	padding-top: 3px;
	color: #333;
}
.voteTop .btn_vote { float: left; margin-top: 2px; display: block; background: url(../images/btn_vote.png) top left no-repeat; height: 21px; width: 172px;}
.voteTop .voted { float: left; margin-top: 2px; display: block; height: 21px; width: 172px; text-align: center}

.voteTop .contribute{ float: right; width: 140px; margin-bottom: 4px;}
.voteTop .contribute .name{ width: 90px; height: 25px; overflow: hidden;}

.liveload{
	height: 100%;
	overflow: hidden;
}
.liveload h4{ margin-bottom: 5px;}
.liveload .listPhoto{
	background: url(../images/bg_movie.gif) top left repeat-x;
	padding-top: 25px;
	height: 100%;
	overflow: hidden;
	margin: 0px;
}
.liveload .listPhoto li{ margin-bottom: 10px; height: 120px;}
.liveload .listPhoto li h5 a{ bottom: 15px;}
.liveload .listPhoto li h6{ width: 100px; height: 12px; margin: 0px 0px 0px 3px; overflow: hidden; font-weight: normal; color: #666; font-size: 10px;}


.liveload .paging{ margin: 0px;}
.mainLive{
	width: 460px;
	background: #000;
	text-align: center;
	padding:10px;
}
.mainLive h3{ color: #fff; margin-bottom: 5px;}


/* Round Box style*/
.round_box{
	width:600px;
	clear: both;
	background:  #fff url(../images/arr_bldown.gif) 10px 0px no-repeat;
	border: 1px solid #ccc;
	float:left;
	position: relative;	
}
.round_box{ 
width:600px;
	border: 1px solid #ccc; 
position: relative;	
	float:left;
}
 .round_box .tl		{ position: absolute; width: 8px; height: 8px; background: url(../images/bg_rdcnr_bdrgrey.gif) top left no-repeat; top: -1px; left: -1px; }
 .round_box .tr		{ position: absolute; width: 8px; height: 8px; background: url(../images/bg_rdcnr_bdrgrey.gif) top right no-repeat; top: -1px; right: -1px; }
 .round_box .bl		{ position: absolute; width: 8px; height: 8px; background: url(../images/bg_rdcnr_bdrgrey.gif) left -8px no-repeat; bottom: -1px; left: -1px; }
 .round_box .br		{ position: absolute; width: 8px; height: 8px; background: url(../images/bg_rdcnr_bdrgrey.gif) right -8px no-repeat; bottom: -1px; right: -1px;}
 .inside, .round_box .inside	{ padding: 10px; margin-top: 5px; height: 100%; overflow: hidden}
.round_box .inside1{ padding: 5px; height: 100%; overflow: hidden}
 .inside2, .round_box .inside2	{ padding-left: 25px; padding-top: 0px; padding-bottom: 20px;  height: 100%; overflow: hidden}
/* Round Blue Box style*/

#relative_wrap {
	position: relative
	}
	
#regme {
	position: absolute;
	background:url(../images/reg_me.png) no-repeat;
	width: 216px;
	height: 36px;
	top: -650px;
	left: 390px;
	z-index: 10000px;
	text-indent: -50000px
	}