@import "reset.css";

html,body { line-height:130%; background:#666; font-size:12px; font-family:Helvetica,Arial,sans-serif; color:#666; }
body { height:100%; }

a { color:#818181; text-decoration:none; }
a:hover { color:#FFF; text-decoration:none; }
p{ margin:10px 0; }

p.title, .need { color:#95FF00; font-weight:normal; margin-right:5px; }
p.title span { color:#FFF; }

input.g-btn { width:70px; height:32px; overflow:hidden; text-align:center; background:url(images/g_button.png) no-repeat left bottom; border:0; cursor:pointer; *padding-top:5px;
	_background:url(); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/mod/iv/views/default/css/images/g_button.png',sizingMethod='crop');
}
input.g-btn:hover { background-position:left top; }

hr.black { height:0; border-top:1px solid #000; }

.messages,.messages_error { width:960px; margin:0; cursor:pointer; padding:3px 10px; position:fixed; top:0; z-index:8000;
	-moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #0c0; line-height:150%; overflow:hidden; padding-top:8px; padding-bottom:8px; }
.messages { background:#CFC; }
.messages_error { background:#CFC; }
.messages p { margin:0; }
.closeMessages { margin-top:0; float:right; }
.closeMessages a { font-size:12px; color:#000; cursor:pointer; }


/*----------------------------------------------------------------------------layout */

/* main div */
#page_wrapper { width:980px; margin:0 auto; position:relative; }

.container { width:980px; overflow:hidden; margin:0 auto; background:#1A1A1A; }

/* head,contains logo & main-navigator */
.header { height:100px; border-bottom:1px solid #2E2E2E; background:#0B0B0B url(images/header_back.gif) repeat-x; }

/* main body */
.bodyer { padding-bottom:18px; }
	.bodyer .side { width:230px; margin-left:20px; _margin-left:10px; }
	.bodyer .wide { width:690px; margin: 0 20px; }

/* foot, copyright and other links */
#layout_footer { width:980px; height:123px; margin:0 auto; background:#1A1A1A; border-top:1px solid #373737; position:relative; }
#layout_footer div.links div.subscribe { color:#FFF; float:right; margin-right:35px; }
#layout_footer div.links div.subscribe a { margin:0 5px; padding:0; border:none; }
#layout_footer div.links div.subscribe img { height:14px; margin-bottom:-3px; }		

/*----------------------------------------------------------------------------style */

/* head */
.header h1 { width:190px; height:50px; float:left; margin:37px 45px auto 35px; _margin-left:15px; }
	.header h1 a { display:block; width:190px; height:50px; cursor:pointer; background:url(images/logo.gif) no-repeat; text-indent:-9999px; }

/* main-navigator */
.header .main-nav { padding-top:62px; }
	.header .main-nav a { display:-moz-inline-box; display:inline-block; width:90px; height:38px; line-height:38px; text-align:center; color:#999; background:url(images/main_nav.gif) no-repeat; margin:0 1px;  }
	.header .main-nav a:hover { color:#FFF; background-position:0 -38px; }
	.header .main-nav a.on { color:#FFF; background-position:0 -76px; cursor:default; }

/* footer copyright */
#layout_footer .cr { position:absolute; line-height:35px; color:#454545; /*right:25px;*/ left:14px; top:40px; }
	#layout_footer .cr a { text-decoration:underline; }
	#layout_footer .cr a:hover { color:#666; }

/* footer other links */
#layout_footer .links { width:100%; height:40px; line-height:40px; background:#070707; }
	#layout_footer .links a { padding:0 15px 0 14px; border-right:1px solid #181818; }
	#layout_footer .links a:hover { color:#FFF; }
	#layout_footer .links a.lt { border:none; }

/* main body */
/*
	md   ----> mode		
	hd   ----> head		
	bd	 ----> body		
	fd	 ----> foot    
*/

dl.newslist dt { display:none; }
dl.newslist ul { border-top:1px dotted #414141; padding:15px 0; }
dl.newslist ul.first { border:none; }
dl.newslist li { color:#FFF; list-style-type:disc; list-style-position:outside; margin:5px 0; margin-left:15px; }
dl.newslist li a { color:#FFF; }
dl.newslist li a:hover { text-decoration:underline; }

ul.newslist li { border-top:1px dotted #414141; }
ul.newslist li.first { border:none; }
ul.newslist h3 { margin:15px 0; }
ul.newslist h3 a { color:#FFF; line-height:150%; font-weight:normal; }
ul.newslist h3 a:hover { text-decoration:underline; }
ul.newslist .abstact { padding-bottom:15px; }

div.round-md .hd , div.round-md .fd { height:10px; overflow:hidden; font-size:0; line-height:10px; background:url(images/rmd_hd.gif) no-repeat; }
div.round-md .fd { background-image:url(images/rmd_fd.gif); }
div.round-md .bd { background:#2b2b2b; border:solid #151515; border-width:0 1px; padding:8px 25px; min-height:350px; }
div.round-md h2 { font-size:14px; font-weight:normal; color:#FFF; margin-bottom:15px; padding:12px 0; }
div.round-md .contentWrapper { font-size:12px; color:#999; line-height:150%; }
div.round-md td { border:none; padding:2px; }

div.reg-step { position:relative; }
div.reg-step .step { text-align:right; color:#999; position:absolute; right:0; top:15px; }
div.reg-step .step span { padding-right:30px; background:url(images/step_arrow.gif) no-repeat right top; margin-right:10px; } 
div.reg-step .step span.on { color:#FFF; background-position:right bottom; }

#reg-box { color:#FFF; }
#reg-box label { display:block; width:100px; display:-moz-inline-box; display:inline-block; padding:0 10px; text-align:right; }
#reg-box input.text , #reg-box input.text-l { background:#666;color:#FFF; padding:1px 5px; border:1px solid #7a7a7a; -moz-border-radius:5px; -webkit-border-radius:5px; }
#reg-box input.text:focus , #reg-box input.text-l:focus { border-color:#f28916; } 
#reg-box input.text { width:160px; }
#reg-box input.text-l { width:435px; }
#reg-box select { background:#d5d5d5; border:1px solid #7a7a7a; }
#reg-box textarea { width:435px; height:55px; padding:5px; background:#666;color:#FFF; border:1px solid #7a7a7a; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:12px; }
#reg-box p.act { text-align:right; margin-right:110px; }

#reg-box a { color:#4690D6; margin:0 3px; }
#reg-box a:hover { text-decoration:underline; }
#reg-box .notice { color:#999; border-bottom:1px solid #000; line-height:150%; }
#reg-box .checkbox { margin-left:100px; }
#reg-box .checkbox li { display:-moz-inline-box; display:inline-block; width:100px; *float:left; line-height:200%; }
#reg-box .checkbox input[type=checkbox] { position:relative; top:2px; *top:1px; margin-right:3px; *margin-right:0; }
#reg-box input[type=radio] { position:relative; top:2px; *top:1px; margin-right:5px; }
#reg-box form div { padding:5px 0; clear:both; height:1%; overflow:hidden; }

div.side .md { margin-top:15px; }
	/*  left - md common style */
	div.side .md .hd { height:12px; line-height:12px; font-size:0; overflow:hidden; background:url(images/side_md_hd.gif) no-repeat; }
	div.side .md .fd { height:15px; line-height:15px; font-size:0; overflow:hidden; background:url(images/side_md_fd.gif) no-repeat; }
	div.side .md .bd { padding:0 18px 8px 18px; background:#010101 url(images/side_md_bd.gif) repeat-x 0 0; margin:0; }
	div.side .md .bd h2 { text-transform:uppercase; color:#95ff00; font-weight:normal; line-height:150%; }
	div.side .md .bd p { line-height:150%; margin:0; padding:5px 0; }

	/* login */
	#m-login { position:relative; }
	#m-login form { margin:0; margin-top:10px; }
	#m-login h2 { height:24px; line-height:30px; overflow:hidden; background:url(images/side_m_login.gif) no-repeat; padding-left:25px; color:#FEFEFE; font-weight:normal; font-size:14px; }
	#m-login label { display;block; text-transform:uppercase; color:#999; }
	#m-login input.text { width:180px; padding:1px 5px; border:1px solid #252525; background:#666; color:#000; margin-top:3px; -moz-border-radius:5px; -webkit-border-radius:8px; }
	#m-login input.text:focus { border-color:#f28916; color:#EEE; }
	#m-login input.submit { width:70px; height:32px; overflow:hidden; text-align:center;
		background:url(images/g_button.png) no-repeat left bottom; border:0; cursor:pointer; *padding-top:5px;
		position:absolute; bottom:50px; right:15px; _top:165px; 
		_background:url(); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/mod/iv/views/default/css/images/g_button.png',sizingMethod='crop');
	}
	#m-login input.submit:hover { background-position:left top; }
	#m-login p { *margin:0px; }
	#m-login a { text-decoration:underline; }
	#m-login .msg { margin-top:10px; color:#4690D6; }
	
	#persistent_login { position:relative; top:6px; *top:15px; margin-right:70px; }
	#persistent_login input { margin-right:3px; position:relative; top:2px; }

	a.join { color:#028cd4; font-weight:bold; padding-left:20px; background:url(images/c_account_join.gif) no-repeat left center; margin-top:15px; }
	a.join:hover j{ text-decoration:underline; }
	a.forget-pwd { color:#fff; margin-left:8px; }
	a.forget-pwd:hover { text-decoration:underline; }

	/*Create account */
	#c-account h2 { color:#e0e0e0; font-weight:bold; }
	#c-account .bd { padding-bottom:15px; background-image:url(images/c_account_bd.gif); }
	#c-account .bd div { margin-top:8px; line-height:165%; }
	#c-account .fd { background-image:url(images/c_account.gif); }
	div.side .wraap .bd { padding:0; }
	div.side .wraap .fd { height:14px; background-image:url(images/s_notice_fd.gif); }
	div.side .wraap div.main { background:#a8a8a8; }
	
	div.side .wraap .bd h2 { margin:0 15px; padding-bottom:5px; }
	div.side .wraap a { color:#000; }
	div.side .wraap a:hover { text-decoration:underline; }
	div.side .wraap li { padding:0; }

	div.side .disc-list {padding-top:8px;}
	div.side .disc-list li {list-style-type:disc;margin-left:30px; list-style-position:outside; color:#000; padding:4px 0; margin-right:15px; line-height:100%;line-height:1.3;}
	div.side .disc-list li.more { list-style-type:none; text-align:right; border-top:1px solid #000; margin:0; padding-right:15px; margin-top:8px; }
	div.side .disc-list li.more a { color:#666; }
	div.side .disc-list li.more a:hover { color:#000; text-decoration:none; }

	/* notice */
	#s-notice li { border-top:1px solid #0c0c0c; padding:10px 15px; height:1%; overflow:hidden; }
	#s-notice img { float:left; }
	#s-notice .withImg { margin-left:50px; padding-top:10px; }
	#s-notice .fd, #member_zone .fd { height:14px; background-image:url(images/s_notice_fd.gif); }
	
	#s-register { color:#999; }
	#s-register h2 { display:none; }
	#s-register dt { border-top:1px solid #2f2f2f; color:#FFF; padding:10px 15px; }
	#s-register dt.first { border:none; }
	#s-register dd { padding:0 15px 10px; line-height:150%; }
	#s-register a { color:#4690D6; }
	#s-register a:hover { color:#4690D6; text-decoration:underline; }
	#s-register b { color:#95FF00; font-weight:normal; }
	#s-register .br { display:block; margin-top:8px; }
	#s-register li { list-style-type:disc; margin-left:15px; }
	#s-register .fd { background-image:url(images/side_md_fd.gif); }

div.wide {}
	div.wide .md { margin-top:10px; }
	div.wide .round-md { margin-top:15px; }

	#main-search { height:24px; line-height:24px; margin:8px 0 8px 0; padding-left:10px; overflow:hidden; }
	#main-search form { float:right; width:196px; height:24px; line-height:24px; background:url(images/m_search_back.gif) no-repeat; }
	#main-search input.text { width:144px; margin:4px 0 0 9px; padding:1px; *position:relative; *top:-2px; border:none; }
	#main-search input.submit { width:37px; height:24px; overflow:hidden; border:none; background:transparent; text-indent:-9999px; *padding-left:36px; cursor:pointer; }
	
	#index-box { margin-top:15px; }
	#index-box .hd, #index-box .fd { height:19px; overflow:hidden; background:url(images/index_box_hd.gif) no-repeat; }
	#index-box .fd { background-image:url(images/index_box_fd.gif); }
	#index-box .bd { height:230px; padding:0 15px; background:url(images/index_box_bd.gif) repeat-y; }

	#g-discuss, #g-member { width:335px; float:left; }
	#g-member { float:right; }
	#g-discuss h2 , #g-member h2 { line-height:30px; border-bottom:1px solid #414141; color:#95ff00; font-weight:normal; }
	
	ul.newslist li { border-top:1px dotted #414141; }
	ul.newslist li.first { border:none; }
	ul.newslist h3 { margin:15px 0 5px 0; }
	ul.newslist h3 a { color:#FFF; line-height:150%; font-weight:normal; }
	ul.newslist h3 a:hover { text-decoration:underline; }
	ul.newslist .abstact { padding-bottom:5px; }

	dl.newslist dt { display:none; }
	dl.newslist ul { border-top:1px dotted #414141; padding:15px 0; }
	dl.newslist ul.first { border:none; }
	dl.newslist li { color:#FFF; list-style-type:disc; list-style-position:outside; margin:5px 0 8px 0; margin-left:15px; }
	dl.newslist li a { color:#FFF; }
	dl.newslist li a:hover { text-decoration:underline; }

	div.static-info { color:#999; }
	div.static-info hr.info { color:#020202; *color:none; }
	div.static-info p { line-height:170%; }
	div.static-info p.title { margin-top:20px; }
	div.static-info #static-links li { display:-moz-inline-box; display:inline-block; *zoom:1; *display:inline; margin-right:35px; margin-bottom:8px; }
	div.static-info #static-links a { color:#FFF; }
	div.static-info #static-links a:hover { text-decoration:underline; }
	div.static-info .partner { border-top:1px dotted #434343;padding-bottom:15px; }


	#login-box { text-align:center; }
	#login-box .box { width:496px; height:226px; background:url(images/login_box.gif) no-repeat; text-align:left; margin:50px auto; position:relative; }
	#login-box .sd { width:140px; text-align:right; position:relative; top:35px; overflow:hidden; }
	#login-box .sd h1 { height:50px; background:url(images/login_box_logo.gif) no-repeat 30px top; text-indent:9999px;  }
	#login-box .sd p { text-align:right; }
	#login-box .sd a { color:#FFF; display:block; }
	#login-box .sd a:hover { text-decoration:underline; }
	#login-box .sd a.contact { color:#73cc00; }
	#login-box .sd a.btn { height:33px; line-height:33px; color:#000; background:url(images/login_box_btn.gif) no-repeat right center; padding-right:15px; }
	#login-box .wd { position:absolute; left:175px; top:50px; color:#FFF; }
	#login-box .wd p { margin:0; margin-bottom:18px; }
	#login-box label { color:#888; margin-right:5px; }
	#login-box input.text { width:165px; background:#666; border:none; padding:1px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
	#login-box input.g-btn { margin-left:32px; }