/* main css */
#wrapMain { }

#wrapMain #middle {  margin: 0 auto; width: 990px; overflow: hidden; background: url('../imgs/frame_bg.gif') repeat-y; }
#wrapMain #middle #contentsFrame { padding-bottom: 60px; width: 700px; background-color: #fff; height: 100%;  }

#wrapMain #middle #contents { float: left; padding: 10px 10px 10px 30px; width: 720px; overflow: hidden; }
#wrapMain #middle #contents .navi { margin-top: 20px; height: 32px; background-color: none; }
#wrapMain #middle #contents .navi ul.menu { float: left; margin: 0px; margin-right: 30px; padding: 0px; list-style: none; }
#wrapMain #middle #contents .navi ul.menu li { float: left; margin-right: 10px; }
#wrapMain #middle #contents .navi ul.menu li a { color: #ff6390; font-weight: 900; }
#wrapMain #middle #contents .navi ul.menu li a:hover { color: #ff6390; }

#wrapMain #middle #contents .navi ul.menu2 { float: right; margin: 0px; margin-right: 10px; _margin-right: 0px; padding: 0px; list-style: none; }
#wrapMain #middle #contents .navi ul.menu2 li { float: left; margin-right: 10px; }
#wrapMain #middle #contents .navi ul.menu2 li a { color: #000; }
#wrapMain #middle #contents .navi ul.menu2 li a:hover { color: #ff6390; }

#wrapMain #middle .headTitle { margin-bottom: 15px; width: 700px; height: 30px; border-bottom: 2px solid #b8b8b8; overflow: hidden; }
#wrapMain #middle .headTitle img { float: left; margin: 3px 0px 0px 0px; }

#wrapMain #middle .widgetLatestNewBlogMember { margin-top: 20px; width: 200px; background: url('../imgs/latest_bg.gif') no-repeat; overflow: hidden;}
#wrapMain #middle .widgetLatestNewBlogMember h3 { margin: 5px 0px 0px 8px; padding: 0px; font-weight: 900; font-size: 1em; color: #fff; }
#wrapMain #middle .widgetLatestNewBlogMember ul { margin: 0px; padding: 0px; margin-top: 5px; padding-top: 10px; padding-left: 5px; list-style: none; }
#wrapMain #middle .widgetLatestNewBlogMember ul li { height: 18px; }

#wrapMain #middle .panel { float: right; padding: 10px; margin-bottom: 20px; width: 200px; }
#copyright { clear: both; margin-top: 10px; height: 40px; text-align: center; }
#copyright a { font-weight: 900; font-size: 0.92em; }


/* modal login */
#formAjaxLogin { margin: 0px; padding: 0px; margin-top: 10px; margin-bottom: 10px;  text-align: right; }
#formAjaxLogin .login { margin-right: 28px; }
#formAjaxLogin fieldset .inputLogin { width: 140px; border: 0px; border: 1px solid #b6b6b6; background-color: #fff; }
#formAjaxLogin fieldset label { font-weight: 900; }
#formAjaxLogin fieldset.id { margin: 0px; margin-top: 5px; padding: 0px; border: 0px; }
#formAjaxLogin fieldset.id img { vertical-align: middle; }
#formAjaxLogin fieldset.passwd { margin: 0px; margin-top: 5px; padding: 0px; border: 0px; }
#formAjaxLogin fieldset.passwd img { vertical-align: middle; }
#formAjaxLogin fieldset.openId { margin: 0px; margin-top: 5px; padding: 0px; border: 0px; }
#formAjaxLogin fieldset.openId img { vertical-align: middle; }
#formAjaxLogin fieldset.button { margin: 0px; margin-top: 5px; padding: 0px; border: 0px; }
#formAjaxLogin fieldset.button .useOpenId { margin-right: 20px; font-weight: 100; }
#formAjaxLogin fieldset.button .useOpenId input { vertical-align: middle; }
#formAjaxLogin p.button { margin: 0px; padding: 0px; margin-bottom: -10px; margin-top: 10px; padding: 5px; padding-right: 10px; padding-top: 8px; height: 16px; color: #b3b3b3; font-size: 0.92em; background-color: #e9e9e9; text-align: right; }
#formAjaxLogin p.button a { color: #555; }
#formAjaxLogin p.button a:hover { text-decoration: underline; }