@import url("/style.css");
@import url("/style_home_loggedon.css");


div#social_network {width: 350px; margin: 10px 10px 0 0;}
div#social_network p.header {text-align: center; width: 97px; height: 22px; padding-top: 5px; margin-right: 5px; background: url('./images/network_header.gif') right center no-repeat; float: right;}
div#social_network p.header_for {text-align: center; width: 64px; height: 22px; padding-top: 5px; margin-right: 5px; background: url('./images/network_header_for.gif') right center no-repeat; float: right;}
div#social_network p.header_inf {text-align: center; width: 97px; height: 22px; padding-top: 5px; margin-right: 5px; background: url('./images/network_header_inf.gif') right center no-repeat; float: right;}
div#social_network p.header_art {text-align: center; width: 64px; height: 22px; padding-top: 5px; margin-right: 5px; background: url('./images/network_header_art.gif') right center no-repeat; float: right;}
div#social_network p.header a,div#social_network p.header_for a,div#social_network p.header_art a,div#social_network p.header_inf a {font: bold 14px arial; color: #ffffff; text-decoration: none;}
div#social_network p.header a:hover,div#social_network p.header_for a:hover,div#social_network p.header_art a:hover,div#social_network p.header_inf a:hover {text-decoration: underline;}
div#social_network .top {margin: 0 auto; width: 350px; height: 7px; background: url('./images/network_top.gif') center no-repeat; font-size: 0; line-height: 0;}
div#social_network .middle {width: 350px; background-color: #ffffff;}
div#social_network .middle #friends {margin: 0 auto; width: 336px; height: 166px; padding-bottom: 5px; padding-top: 5px; position: relative;}
div#social_network .middle .login {float: right; display: inline; width: 166px; margin: 5px 7px 0 0;}

div#social_network .middle .login td.header  {text-align: center; vertical-align: middle; font: bold 14px arial; color: #ffffff; width: 166px; height: 17px; background: url('./images/network_login_header.gif') right center no-repeat;}
div#social_network .middle .login td.username  {text-align: center; vertical-align: middle; background-color: #d7d7d7;width:35px;padding-right: 3px;}
div#social_network .middle .login td.password  {text-align: center; vertical-align: middle; background-color: #d7d7d7;width:35px;padding-right: 3px;}


div#social_network .middle .login td.field { width: 131px;  background-color: #d7d7d7; text-align: left; padding-left: 2px; }
div#social_network .middle .login td .field { padding: 2px 5px 0 5px; border: 0; width: 111px; height: 17px; margin-bottom: 5px; margin-top: 5px; margin-left: 2px; text-align: left; direction: ltr; }
div#social_network .middle .login td input.submit {cursor: pointer;}
div#social_network .middle .login td.lost_password  {padding: 5px 4px 0 0; text-align: right; vertical-align: middle; background-color: #d7d7d7;}
div#social_network .middle .login td.lost_password a {font: bold 11px arial; color: #595657;}
div#social_network .middle .login td.lost_password a:hover {text-decoration: none;}
div#social_network .middle .login td.submit {padding-left: 5px; text-align: left; vertical-align: middle; background-color: #d7d7d7;}
div#social_network .middle .login td.submit input.submit {font: bold 12px arial; color: #595657; vertical-align: middle; height: 20px; width: 60px; padding-left: 13px; border: 0; text-align: right; background: #d7d7d7 url('./images/network_login_submit_arrow.gif') left center no-repeat;}
div#social_network .middle .login td.bottom {text-align: center; width: 166px; height: 5px; background: url('./images/network_login_bottom.gif') center no-repeat; font-size: 0; line-height: 0;}
div#social_network .middle .singup {font: 16px/1.4em arial; font-weight:bold; text-align: center; color: #221e1f; margin: 6px 0 0 20px;float: left; display: inline;}
div#social_network .middle #tour {width: 336px; height: 79px; padding-top: 5px; padding-bottom: 5px; font: bold 16px/1.5em arial; text-align: center; color: #ffffff; margin: 5px 7px 0 0px; background: url('./images/network_tour_bg.gif') center no-repeat;}
div#social_network .middle #tour a {margin: 0 auto; padding-left: 25px; width: 150px; display: block; font: bold 16px/1.9em arial; color: #ffffff; text-decoration: none; background: url('./images/network_tour_link.gif') left center no-repeat;}
div#social_network .middle #tour a:hover {text-decoration: underline;}
div#social_network .bottom {margin: 0 auto; width: 350px; height: 7px; background: url('./images/network_bottom.gif') center no-repeat; font-size: 0; line-height: 0;}

#social_network .logged_in { margin: 5px 7px 0 0;width: 177px; background-color: #f3f3f3; background-image: url('./images/sn_loggedin.gif'); background-repeat: no-repeat; background-position: center bottom; float: right; display: inline; }
#social_network .logged_in .header { width: 177px; background-image: url('./images/sn_loggedin_header.gif'); background-repeat: no-repeat; background-position: center bottom; height: 24px; }
#social_network .logged_in .header span { display: block; padding-right: 8px; line-height: 20px; font-size: 14pt; color: #FFFFFF; }
#social_network .logged_in p { padding: 8px 8px 0 0; font-size: 11pt; }
#social_network .logged_in a { padding-left: 8px; display: block; float: left; color: #000; font-size: 10pt; text-decoration: none; line-height: 150%; }
#social_network .logged_in a span { background-image: url('./images/sn_loggedin_logout.gif'); background-repeat: no-repeat; background-position: left center; float: left; width: 31px; height: 25px; }



div.greenright {width: 350px; margin: 10px 10px 0 0; }
div.greenright .header {font: bold 14px arial; color:#ffffff; text-align: center; margin: 0 auto; width: 350px; height: 21px; padding-top: 3px; background: url('./images/blogs_header.gif') center no-repeat;}
div.greenright .header,div.greenright .header a {font: bold 14px arial; color:#ffffff; text-decoration: none;}
div.greenright .header a:hover {text-decoration: underline;}
div.greenright .post {padding-bottom: 10px; width: 348px; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; background-color: #ffffff;}
div.greenright .post img {width: 46px;  float: right; display: inline; margin: 5px 7px 0 0;}
div.greenright .post p {float: left; display: inline; width: 278px; padding-left: 10px; margin-top: 5px;}
div.greenright .post p.post_header .left {float: right; display:inline; margin: 0 auto; width: 5px; height: 18px; background: url('./images/blogs_postheader_left.gif') center no-repeat; font-size: 0; line-height: 0;}
div.greenright .post p.post_header .middle {float: right; display:inline; height: 18px; font: bold 12px arial; color:#221e1f; background-color: #cce1ec;}
div.greenright .post p.post_header .middle,div.greenright .post p.post_header .middle a {font: bold 12px arial; color:#221e1f; text-decoration: none;}
div.greenright .post p.post_header .middle a:hover {text-decoration: underline;}
div.greenright .post p.post_header .right {float: right; display:inline; margin: 0 auto; width: 5px; height: 18px; background: url('./images/blogs_postheader_right.gif') center no-repeat; font-size: 0; line-height: 0;}
div.greenright .post p.nav {font: 12px arial; color:#221e1f;}
div.greenright .post p.nav a {font: 12px arial; color:#221e1f; text-decoration: none;}
div.greenright .post p.nav a.blog {color: #78b851; font-weight: bold;}
div.greenright .post p.nav a.by {font-style: italic;}
div.greenright .post p.nav a:hover {text-decoration: underline;}
div.greenright .post p.text {font: 12px/1.3em arial; color:#221e1f; text-align: justify;}
div.greenright .post p.readmore {text-align: left;}
div.greenright .post p.readmore a {font: 12px arial; color:#221e1f; text-decoration: none;}
div.greenright .post p.readmore a:hover {text-decoration: underline;}
div.greenright .bottom {font-size: 0; line-height:0; margin: 0 auto; width: 350px; height: 9px; }

div.greenright .alllink { padding-top: 10px; width: 348px; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; background-color: #ffffff; text-align: left;  }
div.greenright .alllink a { margin-left: 10px; }
div.greenright_bottom {margin-right: 10px; width: 350px; height: 9px; background: url('./images/blogs_bottom.gif') top right no-repeat; font-size: 0; line-height: 0;}

div#articles .header { background-image: url('./images/articles_home.gif'); }


div#bulletin_board {width: 350px; margin: 10px 0 0 10px;}
div#bulletin_board p.header {text-align: center; width: 141px; height: 22px; padding-top: 5px; margin-right: 7px; background: url('./images/bulletin_board_header.gif') right center no-repeat;float: right;}
div#bulletin_board p.header_pro {text-align: center; width: 141px; height: 22px; padding-top: 5px; margin-right: 7px; background: url('./images/bulletin_board_header_pro.gif') right center no-repeat; float: right;}
div#bulletin_board p.header a,div#bulletin_board p.header_pro a {font: bold 14px arial; color: #ffffff; text-decoration: none;}
div#bulletin_board p.header a:hover,div#bulletin_board p.header_pro a:hover {text-decoration: underline;}
div#bulletin_board .top {margin: 0 auto; width: 350px; height: 7px; background: url('./images/network_top.gif') center no-repeat; font-size: 0; line-height: 0;}
div#bulletin_board .middle {width: 350px; background-color: #ffffff;}
div#bulletin_board .middle #bb_search {margin: 0 auto; width: 335px; background-color: #ffffff; }
div#bulletin_board .middle #bb_search table {table-layout:fixed; background-color: #d5e8f1;}
div#bulletin_board .middle #bb_search td {padding: 10px 0 10px 7px; text-align: left; vertical-align: middle;}
div#bulletin_board .middle #bb_search td.header  {text-align: right; vertical-align: middle; font: bold 14px arial; color: #ffffff; padding: 0 10px 0 0; width: 325px; height: 28px; background: url('./images/bb_search_header.gif') right center no-repeat;}
div#bulletin_board .middle #bb_search label {cursor: pointer; font: bold 13px arial; color: #4e5154;width: 60px;text-align:right;}
div#bulletin_board .middle #bb_search input.field {padding: 3px 3px 0 0; width: 101px; height: 18px; border: 0;}
div#bulletin_board .middle #bb_search select {width: 103px; height: 21px; border: 0;}
div#bulletin_board .middle #bb_search .submit {cursor: pointer; border: 0; width: 103px; height: 34px; background-color: transparent; background: url('./images/bb_search_submit.gif') center no-repeat; font-size: 0; line-height: 0;}
div#bulletin_board .middle #bb_search td.bottom {padding: 0; text-align: center; width: 335px; height: 6px; background: url('./images/bb_search_bottom.gif') center no-repeat; font-size: 0; line-height: 0;}
div#bulletin_board .middle #bb_search .imgonly {display: block; padding: 2px 7px 1px 0; text-align: right; font: bold 13px arial; color: #4e5154;}
div#bulletin_board .middle .login {float: left; display: inline; width: 166px; margin: 5px 0 0 5px;}
div#bulletin_board .middle .login td.header  {text-align: center; vertical-align: middle; font: bold 14px arial; color: #ffffff; width: 163px; height: 21px; background: url('./images/bulletin_board_login_header.gif') right center no-repeat;}
div#bulletin_board .middle .login td.username  {text-align: center; vertical-align: middle; background-color: #d5e8f1;width:35px;padding-right: 3px;}
div#bulletin_board .middle .login td.password  {text-align: center; vertical-align: middle; background-color: #d5e8f1;width:35px;padding-right: 3px;}


div#bulletin_board .middle .login td.field { width: 121px;  background-color: #d5e8f1; text-align: left; padding-left: 2px; }
div#bulletin_board .middle .login td .field { padding: 2px 5px 0 5px; border: 0; width: 105px; height: 17px; margin-bottom: 5px; margin-top: 5px; margin-left: 2px; text-align: left; direction: ltr; }
div#bulletin_board .middle .login td input.submit {cursor: pointer;}
div#bulletin_board .middle .login td.lost_password  {padding: 7px 4px 30px 0; text-align: right; vertical-align: middle; background-color: #d5e8f1;}
div#bulletin_board .middle .login td.lost_password a {font: bold 11px arial; color: #595657;}
div#bulletin_board .middle .login td.lost_password a:hover {text-decoration: none;}
div#bulletin_board .middle .login td.submit {padding-left: 5px; text-align: left; vertical-align: middle; background-color: #d5e8f1;}
div#bulletin_board .middle .login td.submit input.submit {font: bold 12px arial; color: #595657; vertical-align: middle; height: 19px; width: 60px; text-align: right; border: 0; background: #d5e8f1 url('./images/bulletin_board_login_submit_arrow.gif') left center no-repeat;}
div#bulletin_board .middle .login td.bottom {text-align: center; width: 163px; height: 4px; background: url('./images/bulletin_board_login_bottom.gif') bottom no-repeat; font-size: 0; line-height: 0;}
div#bulletin_board .middle .singup {font: 16px/1.4em arial; font-weight:bold; text-align: center; color: #221e1f; margin: 5px 7px 0 0;float: right; display: inline;}
div#bulletin_board .bottom {margin: 0 auto 8px auto; width: 350px; height: 7px; background: url('./images/network_bottom.gif') center no-repeat; font-size: 0; line-height: 0;}


#bulletin_board .logged_in, #middle2 .logged_in { margin: 5px 7px 0 0;width: 199px; background-color: #f3f3f3; background-image: url('./images/bb_loggedin.gif'); background-repeat: no-repeat; background-position: center bottom; float: right; display: inline; }
#bulletin_board .logged_in .header, #middle2 .logged_in .header { width: 199px; background-image: url('./images/bb_loggedin_header.gif'); background-repeat: no-repeat; background-position: center bottom; height: 24px; }
#bulletin_board .logged_in .header span, #middle2 .logged_in .header span { display: block; padding-right: 8px; line-height: 20px; font-size: 14pt; color: #FFFFFF; }
#bulletin_board .logged_in p, #middle2 .logged_in p { padding: 8px 8px 0 0; font-size: 11pt; }
#bulletin_board .logged_in a, #middle2 .logged_in a { padding-left: 8px; display: block; float: left; color: #000; font-size: 10pt; text-decoration: none; line-height: 150%; }
#bulletin_board .logged_in a span, #middle2 .logged_in a span { background-image: url('./images/bb_loggedin_logout.gif'); background-repeat: no-repeat; background-position: left center; float: left; width: 31px; height: 25px; }

div#boards {width: 350px; margin: 10px 0 0 10px;text-align: center;}
div#boards .header {font: bold 14px arial; color:#ffffff; text-align: center; margin: 0 auto; width: 350px; height: 21px; padding-top: 3px; background: url('./images/boards_header.gif') center no-repeat;}
div#boards .middle {width: 348px; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; background-color: #ffffff;}
div#boards .middle #list {list-style-type:none; text-align: center; min-height: 170px}
div#boards .middle #list li {float: right; display: inline; margin: 7px; margin-right: 25px; text-align: center; width: 70px; min-height: 100px }
div#boards .middle #list li img {/*width: 46px; */}
div#boards .middle #list li a {font: 12px arial; color:#221e1f; text-decoration: none;}
div#boards .middle #list li a:hover {text-decoration: underline;}
div#boards .middle .sum {margin: 0 auto; text-align: center; width: 68%; font: bold 14px solid; color:#221e1f; background: url('./images/boards_sum.gif') center right no-repeat;}
div#boards .middle .sum a,div#boards .middle .sum a:visited { font: bold 14px solid; color:#186d96; text-decoration: none; }
div#boards .middle .sum a:hover { text-decoration: underline; }
div#boards .bottom {margin: 0 auto; width: 350px; height: 9px; background: url('./images/blogs_bottom.gif') top no-repeat; font-size: 0; line-height: 0;}



div#proshome {width: 350px; margin: 10px 0 0 10px; background-color: #ffffff; }
div#proshome .header {font: bold 14px arial; color:#ffffff; text-align: center; margin: 0 auto; width: 350px; height: 21px; padding-top: 3px; background: url('./images/pros_header.gif') center no-repeat;}
div#proshome .header,div#proshome .header a {font: bold 14px arial; color:#ffffff; text-decoration: none;}
div#proshome .header a:hover {text-decoration: underline;}
div#proshome .pro {margin: 5px 0 5px 0; width: 342px;position:relative;}
div#proshome .pro .img {width: 73px; float: right; margin: 5px 2px 8px 7px; text-align: center;}

div#proshome .title { background-color: #af03b9; padding: 3px 3px 3px 3px; }
div#proshome .title a,div#proshome .title a:visited { text-decoration: none; color: #ffffff; font-size: 13px;}
div#proshome .body  {margin-top: 5px; margin-bottom: 20px;}
div#proshome .moreinfo {position: absolute; left: 0; bottom: 0; height: 15px; text-decoration:none; vertical-align: middle; }
div#proshome .moreinfo span {font-size:12px; text-decoration:underline; }
div#proshome .category {position: absolute; right: 82px; bottom: 3px; height: 15px; background-color: #ffffff; font-weight: bold; }
div#proshome .category a,div#proshome .category:visited {color:#9f20a8; text-decoration: none;}


div#proshome .pro0 {background: #f4ecf4 url('./images/pro0_footer.gif') bottom left no-repeat;}
div#proshome .pro1 {background: #ececec url('./images/pro1_footer.gif') bottom left no-repeat;}
div#proshome .pro0 .top {background: transparent url('./images/pro0_header.gif') top left no-repeat; line-height:0; font-size:0; height: 2px; width: 342px;}
div#proshome .pro1 .top {background: transparent url('./images/pro1_header.gif') top left no-repeat; line-height:0; font-size:0; height: 2px; width: 342px;}
div#proshome_bottom {margin-left: 10px; width: 350px; height: 9px; background: url('./images/blogs_bottom.gif') top right no-repeat; font-size: 0; line-height: 0;}


#articles { background-color: #ffffff; }
#articles ul { padding: 8px 0 8px 0; width: 348px; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7;  }
#articles ul,#articles ul li { list-style: none; }
#articles li { width: 342px; background: #e9e9e9 url('./images/ha_top.gif') no-repeat top center; min-height: 20px; padding-bottom: 9px; margin: 0 auto; position: relative; z-index: 4; }
#articles li .bottomb { width: 342px;  background: #ffffff url('./images/ha_bottom.gif') no-repeat top center; font-size:0; line-height:0 ; height: 9px;  position: absolute; bottom:0; left:0; z-index: 5; }
#articles li div.title { padding: 3px 1px 5px 0;}
#articles li div.title a,#articles li div.title a:visited { background-color: #ffffff; color: #000; text-decoration: none; font-weight: bold; font-size: 13px; line-height: 15px; height: 15px; padding: 0px 3px 3px 3px; border: 1px solid #e9e9e9; }
#articles li .pic { float: right; margin: 5px 0 0 0; width: 85px; text-align: center; }

#articles li a.writer,#articles li  a.writer:visited ,#articles li .time { background-color: #ffffff; color: #000; text-decoration: none; font-size: 12px; line-height: 15px; height: 15px; padding: 0px 3px 3px 3px; border: 1px solid #e9e9e9; }
#articles li  a.writer span{color:#7d5300; font-style: italic;}
#articles li  .desc { padding: 0px 5px 5px 5px }
#articles li .leftb{ position: absolute; left: 7px; bottom: 12px; z-index: 8; text-decoration: none; background-color: #ffffff; }
#articles li .leftb a.fullarticle,#articles li .leftb a.fullarticle:visited{color:#000;text-decoration:none;}
#articles li .leftb a.fullarticle img{ vertical-align: middle; }