body { background:#ffffff; }
#kindguyLayout { position:absolute; top:0px; left:0px; width:100%; height:100%; font-size:13px; font-family:Gulim; background:url(../images/bg.gif) repeat-x 0px top; }

#header { position:relative; width:980px; height:52px; margin:0px auto; z-index:100; }
#headerTop { position:relative; width:980px; height:0px; overflow:hidden; z-index:99; }
#headerTopRightTop { position:absolute; top:30px; right:0px; height:30px; overflow:hidden; line-height:30px; vertical-align:middle; color:#525152; }
#headerTopRightTop a { color:#525152; text-decoration:none; }
#headerTopRightTop a:hover { text-decoration:underline;}
#headerLoginInfo { position:absolute; top:60px; right:0px; height:30px; padding:0px; margin:0px; overflow:hidden; line-height:30px; vertical-align:middle; }

#headerMenu { position:relative; width:980px; height:51px; background:url(../images/navigation.png) no-repeat; z-index:98; }
#headerMenuFirst { position:absolute; top:15px; left:0px; height:22px; padding:0px; margin:0px; }
#headerMenuFirst li { position:relative; float:left; list-style:none; background:url(../images/nav_divider.png) no-repeat right 0px; }
#headerMenuFirst li a { height:22px; padding:0px 17px 0px 15px; line-height:22px; vertical-align:middle; font-size:15px; color:#ffffff; text-decoration:none; }
#headerMenuFirst li span { width:0px; height:35px; float:left; }
#headerMenuSecond { position:absolute; top:30px; left:0px; width:150px; padding:0px; margin:0px; overflow:hidden; border:1px solid #899ba5; background:#ecf3f6; display:none; }
#headerMenuSecond li { float:none; background:none; }
#headerMenuSecond li:hover { background:#d5e4eb; }
#headerMenuSecond li a { font-size:13px; color:#2f2f2f; }
#headerMenuRight { position:absolute; top:15px; right:0px; width:233px; height:22px; text-align:center; line-height:22px; vertical-align:middle; color:#ffffff; }
#headerMenuRight a { color:#ffffff; text-decoration:none; }
#headerMenuRight a:hover { text-decoration:underline; }

#middle { position:relative; width:980px; margin:0px auto; z-index:96; }
#middle table { padding:0px; margin:0px; border:1px solid #dbdbdb; }
#middle table tbody tr { }
#middle table tbody tr td.left { width:220px; padding:0px; margin:0px; border-right:1px solid #dbdbdb; }

#middle table tbody tr td.right { width:757px; padding:0px; margin:0px; }
#middleRightTop { position:relative; height:41px; background:url(../images/bg_header.gif) repeat-x; }
#middleRightTop span.title { position:absolute; top:0px; left:10px; height:41px; white-space:nowrap; padding-left:30px; line-height:41px; font-size:15px; color:#368bbb; font-weight:bold; background:url(../images/arrow_headers.gif) no-repeat 0px 10px; display:block; }
#middleRightContent { position:relative; }


#footer { position:relative; width:980px; padding:0px 0px 20px 0px; margin:0px auto; z-index:95; background:url(../images/footer_bg.gif) no-repeat 0px bottom; }
#footerTop { position:relative; height:55px; background:url(../images/footer_top.png) no-repeat; }
#footerTopLeft { position:absolute; top:0px; left:0px; height:55px; padding-left:35px; line-height:55px; color:#eeeeee; background:url(../images/footer_top_icon.png) no-repeat 10px 17px; }
#footerTopLeft a { color:#eeeeee; text-decoration:none; }
#footerTopLeft a:hover { text-decoration:underline; }
#footerTopRight { position:absolute; top:0px; right:10px; height:55px; line-height:55px; color:#eeeeee; }
#footerTopRight a { color:#eeeeee; text-decoration:none; }
#footerTopRight a:hover { text-decoration:underline; }
#footerBottom { position:relative; height:70px; background:#393939; }
#footerBottomLogo { position:absolute; top:15px; left:20px; width:100px; height:25px; padding:15px 10px 15px 10px; overflow:hidden; background:#eeeeee; }
#footerBottomLogo a { }
#footerBottomLogo a img { width:100px; height:25px; }
#footerBottomCopyright { position:absolute; top:10px; left:160px; width:500px; height:60px; line-height:20px; font-size:13px; color:#eeeeee; }
#footerBottomCopyright a { color:#eeeeee; text-decoration:none; }
#footerBottomCopyright a:hover { text-decoration:underline; }
#footerBottomRightBnr { position:absolute; top:15px; right:20px; width:120px; height:60px; overflow:hidden; }
#footerBottomRightBnr a { }
#footerBottomRightBnr a img { width:120px; height:60px; }




/* modalWindow */
.loginWindow{ display:none; position:fixed; left:0; top:0; _position:absolute; width:100%; height:100%; z-index:100;} 
.loginWindow.open{ display:block;}
.loginWindow .modalWindow{ display:block; position:fixed; border:0; left:0; top:0; _position:absolute; width:100%; height:100%; background:#000; opacity:.3; filter:alpha(opacity:30);}
.loginWindow .loginLayer{ position:absolute; width:289px; top:120px; left:50%; padding:30px; border:2px solid #737373; margin:0 0 0 -175px; background:#fff;}
.loginWindow .loginLayer form{ display:none; *zoom:1; margin:0 0 29px 0;}
.loginWindow .loginLayer form:after{ content:""; display:block; clear:both;}
.loginWindow .loginLayer form legend{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;}
.loginWindow .loginLayer fieldset{ border:0; margin:0; padding:0;}
.loginWindow .loginLayer.loginTypeA form.typeA,
.loginWindow .loginLayer.loginTypeB form.typeB{ display:block;}
.loginWindow .loginLayer dl{ margin:0; padding:0 0 1px 0;}
.loginWindow .loginLayer dt{ font-size:12px; font-weight:bold; color:#868d95; margin:0 0 2px 0;}
.loginWindow .loginLayer dd{ margin:0 0 21px 0;}
.loginWindow .loginLayer .inputText{ width:269px; height:31px; padding:6px 9px 0 9px; border:1px solid #ddd; font:20px Tahoma; color:#333;}
.loginWindow .loginLayer .inputText:focus{ background-color:#fbfbfb;}
.loginWindow .loginLayer .inputCheck{ margin:0 3px 0 0; width:13px; height:13px; vertical-align:middle;}
.loginWindow .loginLayer.loginTypeA .inputText{ background-image:url(../images/bgLoginText.gif); background-repeat:no-repeat; background-position:right top;}
.loginWindow .loginLayer.loginTypeB .inputText{ background-image:url(../images/bgOpenidText.gif); background-repeat:no-repeat; background-position:right top; padding:6px 9px 0 35px; width:243px;}
.loginWindow .loginLayer .keep{ margin:0; float:left; font-size:11px; line-height:normal; white-space:nowrap;}
.loginWindow .loginLayer .keep label{ color:#555;}
.loginWindow .loginLayer .loginButton,
.loginWindow .loginLayer .loginButton input{ position:relative; border:0; color:#fff; font-size:12px; font-weight:bold; display:inline-block; height:36px; line-height:36px; background-color:transparent; background-image:url(../images/buttonLoginAction.gif); background-repeat:no-repeat; overflow:visible;}
.loginWindow .loginLayer .loginButton{ float:right; background-position:0 0; right:11px;}
.loginWindow .loginLayer .loginButton input{ left:11px; background-position:right 0; padding:0 30px 0 45px; cursor:pointer;}
.loginWindow .loginLayer .help{ margin:0 -30px -30px -30px; padding:14px 0; list-style:none; text-align:center; background:#fafafa; border-top:1px solid #f2f2f2;}
.loginWindow .loginLayer .help li{ display:inline; font-size:11px; line-height:11px; padding:0 0 0 5px;}
.loginWindow .loginLayer .help li.join{ font-weight:bold;}
.loginWindow .loginLayer .help li.find{ border-left:1px solid #b3b3b3;}
.loginWindow .loginLayer .help li.typeA,
.loginWindow .loginLayer .help li.typeB{ display:none; border-left:1px solid #b3b3b3;}
.loginWindow .loginLayer.loginTypeA .help li.typeA,
.loginWindow .loginLayer.loginTypeB .help li.typeB{ display:inline;}
.loginWindow .loginLayer .help li a{ text-decoration:none; color:#555;}
.loginWindow .loginLayer .help li a:hover,
.loginWindow .loginLayer .help li a:active,
.loginWindow .loginLayer .help li a:focus{ text-decoration:underline;}
.loginWindow .loginLayer .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url(../images/buttonCloseX.gif) no-repeat center center;}
.loginWindow .loginLayer .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}