@charset "utf-8"; 
/*==============================
	Title: MNB-MOTY 
	Updated: 2009-09-16  
	Content:  

    * Filename: base.css
    * Version: 1.0.0 (2009-07-20) YYYY-MM-DD
    * Website: 
    * Author: Ray Huang(ray.huang@nurun.com)
    * Description: all css

    == STRUCTURE: ==============================
    * 
    * 
    ============================================
	 word-break:break-all; //强制换行
*/
html,body { width:100%; border:0; color:#a98e63;}
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, button { 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; }
body { /*font:12px/1.231 "微软雅黑", "宋体", arial, helvetica, clean, sans-serif; *font-size:small;*font:x-small;*/ font-family:Tahoma ,"宋体", arial, helvetica, clean, sans-serif; font-size:12px;}
table { font-size:inherit; font:100%; }
pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%; line-height:100%; }

/*== reset font ==*/
/*== 清除浮动 ==*/
/*=1=*/
.clearfix:after { content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.clearfix {/* overflow:auto;*/ zoom:1;}
/*=2=*/
div.divclear { height:0; clear:both; font-size:0; line-height:0; overflow:hidden;}
/*== 清除浮动 ==*/

a { outline:none; text-decoration:underline; color:#a98e63;}
a:hover { text-decoration:none; color:#a98e63;}
button { border:0; cursor:pointer;}
/*== frame ==*/
html { background:#000 url(../img/moty-6-end-bg.jpg) center 38px no-repeat;}
#pageBody { width:1002px; margin:0 auto; background:#000 url(../img/moty-6-end-bg.jpg) center 38px no-repeat;}
	#headerBox { width:100%; height:38px;}
		#headerBox input { width:77px; height:16px; float:right; margin:13px 0 0 8px; line-height:16px; text-align:center; background:#363636; border:1px #585858 solid; color:#afa38d;}
		#headerBox #login_Button1 { width:60px; height:19px; text-indent:-1000em; background:url(../img/header-btn-sign.gif) 0 0 no-repeat; border:0; cursor:pointer;}
		#headerBox a,#headerBox span { color:#bfb095; float:right; margin:13px 0 0 8px; line-height:16px;}
		#headerBox span.welcometip { /*width:160px;*/width:110px; height:18px; text-align:left; text-indent:-1000em; background:url(../img/header-welcome.gif) 0 0 no-repeat;}
		#headerBox #login_loginout { background:none; border:0; cursor:pointer;}
	#contentBox { width:100%; padding:0 0 20px;}
		#sidebarBox { width:262px; float:left;}
			#navBox { width:100%; height:511px;}
			.links { padding:0 0 14px; text-align:center;}
		#mainBox { width:740px; float:right; position:relative;}
			#mainBox h1 { width:100%; height:114px; text-indent:-1000em;}
			#flvBox { width:433px; height:241px; overflow:hidden; position:relative;}
				#hand { width:7px; height:56px; position:absolute; right:-1px; top:186px;}
				html > body #hand  { background-image:url(../img/moty-6-hand.png);}
				* html #hand { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='/img/moty-6-hand.png');}
				
			#linktoMgt { width:207px; height:250px; position:absolute; left:433px; top:114px;}
				#linktoMgt a { width:207px; height:250px; float:left; text-indent:-1000em;}
			.photoroll { width:100%; height:114px; position:relative;}
				.photolistbox { width:580px; height:70px; overflow:hidden; position:absolute; left:30px; top:16px;}
					.photoitem { width:85px; height:67px; float:left; margin:0 11px 0 0; _display:inline; border:1px solid #aa935a;}
						.photoitem img { cursor:pointer;}
			#forwardArea,#forwardArea button { width:109px; height:23px;}
			#forwardArea { position:absolute; left:499px; top:450px;}
				#forwardArea button { float:left; padding:0; text-indent:-1000em; background:url(../img/moty-6-forward.gif) 0 0 no-repeat; border:0; cursor:pointer;}
			#mainBox h2 { width:100%; height:75px; text-indent:-1000em; background:url(../img/moty-6-summarize-heading.gif) 0 0 no-repeat;}	
			#articleBox .content { width:640px; height:145px; overflow:hidden;}
				#articleBox .content p { width:610px; padding:0 0 15px; line-height:22px; color:#b18f46;}
	#footerBox,#footerBoxIndex { width:960px; height:60px; margin:0 auto; position:relative;}
	#footerBox { background:url(../img/footer-bg.jpg) 0 0 no-repeat;}
	#footerBoxIndex { background:url(../img/footer-bg-index.jpg) 0 0 no-repeat;}
		#footerLinksBox { width:410px; height:25px; position:absolute; left:240px; top:10px;}
		#footerBoxIndex #footerLinksBox { position:absolute; left:140px; top:18px;}
		#footerLinksBox a { height:25px; text-align:left; text-indent:-1000em;/* border:1px #fff solid;*/}
		#footerLinksBox a.nodrinkdrive { width:240px; float:left; margin:0 20px 0 0;}
		#footerLinksBox a.privacy { width:59px; float:left;}
		#footerLinksBox a.terms { width:49px; float:right;}
/*== 个人页面弹出层 ==*/
#popContent { display:none; position:relative;}
	.popbox { width:766px; height:503px; overflow:hidden; background:url(../img/moty-3-pop-bg-2.jpg) 0 0 no-repeat;}
		.popcontent { position:relative;}
		.popbox button.close { width:84px; height:24px; float:left; _display:inline; padding:0; text-indent:-1000em; background:url(../img/moty09-pop-close-btn.gif) no-repeat; border:0; cursor:pointer;}
	/*== 转发 ==*/
	#forward09Last { background:url(../img/moty-6-forward-bg.jpg) 0 0 no-repeat;}
		#forward09Last .popcontent { padding:146px 0 0 323px;}
			.forwardc {}
				.forwardc li { float:left; _display:inline; margin:0 0 5px 0;}
				.forwardc li.tips { height:25px; padding:10px 0 0;}
				    .forwardc input { height:13px; float:left; padding:4px 6px 5px 7px; color:#7c5b67; border:0;}
					.forwardc input.emailname { width:85px; margin:0 22px 0 0; _display:inline; background:url(../img/moty-6-forward-name.gif) right 0 no-repeat;}
					.forwardc input.email { width:197px; background:url(../img/moty-6-forward-email.gif) right 0 no-repeat;}
			.btnarea { padding:20px 0 0 250px;}	
					.forwardbtn { width:91px; height:21px; float:left; text-indent:-1000em; background:url(../img/moty-2-pop-forward-send.gif) no-repeat; border:0; cursor:pointer;}
	/*== top3 ==*/
	#moty9endPop {}
	#moty9endPop .popcontent { padding:25px 0 0 46px;}
		#moty9endPop p.clearfix img { float:left;}
		#moty9endPop p.clearfix span { padding:0 10px; float:left; line-height:25px;}
		#moty9endPop p.clearfix span strong{ padding:0 5px; color:#ffc000; font-size:14px; font-weight:bold;}
		#moty9endPop p.clearfix button { width:99px; height:24px; float:left; margin:2px 0 0; text-indent:-1000em; background:url(../img/moty-5-top3-pop-vote.gif) 0 0 no-repeat;} 
		#moty9endPop h2 { width:100%; height:47px; text-indent:-1000em; background:url(../img/moty-6-top1-pop-heading.gif) 0 11px no-repeat;}
		.top3show { width:429px; height:300px; margin:0 0 0 160px; }
			.top3pbox img { margin:30px 0 0; border:1px solid #c2a962;}
			.top3thumbnailroll { width:665px; margin:0 0 0 10px; position:relative;}
				.top3thumbnailbox { width:580px; height:70px; overflow:hidden; position:absolute; left:45px; top:0;}
					.top3thumbnail { width:87px; height:69px; float:left; _display:inline; margin:0 11px 0 0;}
						.top3thumbnail img { border:1px solid #c2a962; cursor:pointer;}
				.top3thumbnailroll .prevbtn { top:20px;}
				.top3thumbnailroll .nextbtn { top:20px; right:8px;}
		
	#forward09Last,
	#moty9endPop { display:none;}

/*== jquery.jscrollpane ==*/
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background:url(../img/moty09-scroll-bg.png) center center no-repeat; }
.jScrollPaneDrag { height:105px; position: absolute; background:url(../img/moty09-scroll-drag.gif) 0 center no-repeat; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow:hidden;}
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow:hidden;}
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; }
a.jScrollArrowUp:hover { /*background-color: #f60;*/}
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; }
a.jScrollArrowDown:hover { /*background-color: #f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/}
	
	/*== index log ==*/
	.logbox .jScrollPaneTrack { background:url(../img/moty-3-index-log-scroll-bg.png) center center no-repeat;}
	/*== msg ==*/
	.msgcontent .jScrollPaneTrack { background:url(../img/moty-3-msg-scroll-bg.png) center center no-repeat;}
	.msgcontent .jScrollPaneDrag { background:url(../img/moty-3-msg--scroll-drag.gif) 0 center no-repeat;}

/*== jquery.tabs ==*/
.ui-tabs-hide { display:none;}
/*== jquery scrollable ==*/
.scrollable { width:428px; height:136px; margin:0 auto; overflow:hidden; position:relative;}
div.items { width:385px; height:136px; position:absolute; left:20px;}
div.items .active { cursor:default; }

.prevbtn,.nextbtn { width:13px; height:29px; position:absolute; top:35px;}
.prevbtn { left:8px;}
.nextbtn { right:108px;}
a.prev, a.next { display:block; width:13px; height:29px; float:left; text-indent:-1000em; background-repeat:no-repeat; cursor:pointer; }
html > body a.prev  { background-image:url(../img/moty-2-profile-p-left.png);}
* html a.prev { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='/img/moty-2-profile-p-left.png');}				
html > body a.next  { background-image:url(../img/moty-2-profile-p-right.png);}
* html a.next { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='/img/moty-2-profile-p-right.png');}

/*== jquery.thickbox ==*/
#TB_window {}
#TB_secondLine {}
#TB_window a:link {}
#TB_window a:visited {}
#TB_window a:hover {}
#TB_window a:active {}
#TB_window a:focus {}
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack { background: url(../img/macFFBgHack.png) repeat; }
.TB_overlayBG { background-color:#000; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
* html #TB_overlay { /* ie6 hack */ position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window { position:fixed; z-index:102; display:none; text-align:left; top:300px; left:50%; }
* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
#TB_caption { height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow { height:25px; float:right; }
#TB_title { width:100%; position:absolute; left:0; top:0; z-index:201;}
#TB_closeAjaxWindow { width:18px; height:18px; position:absolute; right:10px; top:10px;}
	#TB_closeWindowButton { width:18px; height:18px; float:left; text-indent:-1000em; background:url(../img/moty09-pop-close.gif) no-repeat;}
#TB_ajaxWindowTitle { width:200px; height:15px; position:absolute; left:13px; top:13px;}

#TB_ajaxContent { clear:both; padding:0; overflow:auto; text-align:left; z-index:200;}
#TB_ajaxContent.TB_modal { padding:15px; }
#TB_ajaxContent p {}
#TB_load { position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect { z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect { /* ie6 hack */ position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }