html {width:100%; height:100%; background:#b1ccc3;} body {width:100%; height:100%; margin:0px; padding:0px; font-family:Verdana, Arial, sans-serif; font-size:12px; color:#707070; line-height: 100%;} * {margin:0px; padding:0px; border:0px; outline:none;} li {vertical-align:bottom; list-style-type:none;} img, fieldset {border:0px;} input,select,textarea {font-family:Verdana, Arial, sans-serif; font-size:12px; color:#798376; line-height: 100%;} * {margin:0px; padding:0px;} h1, h2, h3 {font-size:100%; font-weight:normal;} em {font-style:normal;} strong {font-weight:normal;} a {text-decoration:none; outline: none; color:#166db2;} a:hover {text-decoration:underline; color:#166db2;} hr {display: block; clear: left; margin: -0.66em 0; visibility: hidden;} p {position:relative; display:block; padding:5px 0px 5px 0px;} .clearer:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearer {display: inline-block;} body.bh1 #c_left {padding-top: 45px;} body.bh1 #c_right {padding-top: 45px;} #page_holder {position: relative; display: block; width: 100%; height: 100%; min-width: 980px; background: url(images/bg_header.jpg) top center no-repeat;} #wrap {position: relative; display: block; width: 100%; min-width: 980px; min-height: 100%; height: auto !important; height: 100%;} #header {position: relative; display: block; width: 980px; height: 320px; margin-left: auto; margin-right: auto; z-index:1000;} #content {position: relative; display: block; width: 970px; height: auto; min-height: 200px; padding-bottom: 77px; margin-left: auto; margin-right: auto; padding:0px 5px 0px 0px;} #footer_holder {position: absolute; display: block; width: 100%; min-width: 980px; height: 77px; bottom:0px; left: 0px; background: url(images/bg_footer.jpg) top center no-repeat; z-index:1000;} #footer {position: relative; display: block; width: 980px; height: 77px; margin-left: auto; margin-right: auto; font-size:11px; color:#3e3a37;} #footer ul {position: relative; display: block; width: auto; height: 18px; float:left; padding-left:15px;} #footer ul li {position: relative; display: block; width: auto; height: 18px; line-height: 18px; float:left; padding:0px 8px 0px 8px;} #footer strong {position: relative; display: block; width: auto; height: 18px; float:left; line-height: 18px;} #footer strong em {padding:0px 15px 0px 5px; color:#166db2;} #c_holder {position: relative; display: block; width: auto; height: auto; padding-bottom: 77px; z-index:100;} #c_left {position: relative; display: block; width: 800px; height: auto; float:left; padding-top: 10px; z-index:100;} #c_right {position: relative; display: block; width: 170px; height: auto; float:left; padding-top: 92px; z-index:100;} #categories {position: relative; display: block; width: 140px; height: auto; background: #ecf6ed; padding:10px 10px 42px 10px;} #categories li {position: relative; display: block; width: 140px; height:25px; line-height: 22px; text-transform: uppercase; color: #191919; font-size:13px; } #categories li.head {height: 22px; border-bottom: 3px solid #bec9b9; line-height: 22px; font-weight: bold; color:#166db2;} #categories li a {position: relative; display: block; width: 140px; height: 22px; line-height: 22px; border-bottom: 3px solid #bec9b9; color: #191919;} #categories li a:hover {color: #166db2; border-color: #166db2; text-decoration: none;} #promo {position: relative; display: block; width: 160px; height: auto; padding:11px 0px 11px 0px; } #promo img {position: relative; display: block; width: auto; height: auto; margin-left: auto; margin-right: auto;} #promol {position: relative; display: block; width: 800px; height: auto; text-align: center; margin-bottom: 10px;} #ic_left {position: relative; display: block; width: 400px; height: auto; float:left;} #ic_right {position: relative; display: block; width: 400px; height: auto; float:left;} #ic_full {position: relative; display: block; width: 670px; height: auto;background: #ffffff; padding:30px 60px 60px 60px; margin-bottom: 10px;} #ic_full h2 {position: relative; display: block; width: 310px; height: 27px; line-height: 27px; border-bottom: 3px solid #bec9b9; padding:0px 0px 0px 10px; margin:0px; background: none; font-size: 18px; color: #363636; text-transform: uppercase; margin-bottom: 20px;} #ic_full_content {position: relative; display: block; background: #ecf6ed; padding:20px 20px 30px 20px;} #ic_full_content p {color: #798376; font-size: 12px; line-height: 14px; padding: 0px 0px 15px 0px;} #ic_full_content strong.highlight {position: relative; display: block; font-size: 18px; padding-top:20px; padding-bottom: 15px;} #ic_full_content p em {color:#f70000;} #ic_full_content p strong {color:#363636;} ul#howto {position: relative; display: block; width: 630px; padding-top:10px; padding-bottom: 40px;} #howto li {position: relative; display: block; width: 210px; height: auto; float: left; text-align: center;} #howto li strong {position: relative; display: block; width: 46px; height: 46px; background: url(images/bg_howtohaiku.png) top left no-repeat; line-height: 46px; margin-left: auto; margin-right: auto; font-size: 18px;} #howto li em {position: relative; display: block; padding-top:20px; line-height: 13px; font-size: 12px;} #c_left h1 {position: relative; display: block; width: 240px; height: 72px; margin:0px 0px 10px 10px; background: url(images/bg_h1.gif) top left no-repeat; line-height: 72px; text-transform: uppercase; color: #363636; font-size: 18px; padding-left:140px; z-index:100;} #c_left h1 em {position: absolute; display: block; width: 13px; height: 54px; top:42px; right: 1px; background: url(images/bg_link.png) top left no-repeat; z-index:1000;} #ic_fhaiku {position: relative; display: block; width: 790px; height: auto;} #ic_fhaiku h1 {width:590px; background: url(images/bg_h1_lg.gif) top left no-repeat; text-align: right; padding-right:50px;} #ic_fhaiku .haiku_box {float:left; margin-right:0px;} #wrap .ml0 {margin-left: 0px;} #wrap .mr10 {margin-right: 10px;} #wrap .mr20 {margin-right: 20px; } #wrap .mt10 {margin-top: 10px;} #haiku_holder {position: relative; display: block; width:790px; height: auto;} div.haiku_more {position: relative; display: block; clear:both; width: 380px; height: 25px; margin:0px 10px 20px 10px; background: #ffffff url(images/bg_haiku_more.gif) top left repeat-x; line-height: 25px; text-transform: uppercase; text-align: center; font-size:14px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-align: center;} /* div.haiku_more a {position: relative; display: block; text-decoration: none;} */ div.haiku_more_holder {position: relative; display: inline-block;} div.haiku_more a {position: relative; display: inline-block; text-decoration: none; float:left; padding:0px 3px 0px 3px; color:#8f8882;} div.haiku_more em {position: relative; display: inline-block; text-decoration: none; float:left; padding:0px 3px 0px 3px; color:#8f8882;} div.haiku_more a.sel {color:#166eae;} div.haiku_more a:hover {color:#166eae;} div.haiku_more_dbl {width: 780px;} /* Haiku box */ div.haiku_box_holder {position: relative; display: block;} div.haiku_box {position: relative; display: block; width: 364px; height: 129px; background: #ffffff; padding:8px 8px 8px 8px; margin:0px 10px 20px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; z-index:50;} div.hbe {height:150px;} div.hb_extra {position: relative; display: block; width: 364px; height: 16px; margin-bottom: 5px; font-size:10px; text-align: right;} div.haiku_box_dbl {position: relative; display: block; width: 764px; height: 129px; background: #ffffff; padding:8px 5px 5px 11px; margin:0px 10px 20px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; z-index:50;} div.haiku_box_comm {margin-bottom: 0px; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px;} #wrap div.haiku_comment {margin-left:0px; padding-left:0px; padding-right:0px;} div.haiku_box .info {position: relative; display: block; width: 364px; height: 50px;} div.haiku_box p {position: relative; display: block; width: 364px; height: 55px; line-height: 16px; overflow: hidden; padding:8px 0px 0px 0px; } div.haiku_box p.nh {position: relative; display: block; width: auto; height: auto; text-align:center; padding:60px 0px 0px 0px;} div.haiku_box .action {position: relative; display: block; width: 364px; height: 16px; text-align: right;} div.action em.notify {position: absolute; display: block; width: 16px; height: 16px; top:0px; left:0px; background: url(images/bg_notify.png) top left no-repeat; text-align:left; text-indent: -10000px;} div.action a.notify_off {position: absolute; display: block; width: auto; height: 16px; top:0px; left:0px; background: #ca2d2d; text-align:center; color: #ffffff; font-size:10px; line-height: 16px; padding:0px 8px 0px 8px; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px;-moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px;-moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px;} div.action a.notify_off:hover {text-decoration: none;} div.hb_extra a.notify_off {position: relative; display: inline-block; width: auto; height: 16px; margin-left:8px; background: #ca2d2d; text-align:center; color: #ffffff; font-size:10px; line-height: 16px; padding:0px 8px 0px 8px; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px;-moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px;-moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px;} div.hb_extra a.non {background: #267028;} div.hb_extra a.notify_off:hover {text-decoration: none;} div.avatar {position: relative; display: block; width: 43px; height: 43px; float:left; background: #b1ccc3; padding:2px 2px 2px 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;} div.author {position: relative; display: block; width: 306px; height: 30px; float:left; padding-left:11px; padding-top:17px; } div.author a:hover {color: #363636; text-decoration: none;} div.author strong {position: relative; display: block; color:#166db2;} div.author em {position: relative; display: block; font-size:10px; color: #8c9787;} div.author em span {text-decoration: none;} div.author em span a {color: #8c9787; text-decoration: underline;} div.author em span a:hover {color: #166db2; text-decoration: underline;} div.action .aholder {position: relative; display: block; width: auto; height: 16px; float:right; font-size:10px;} div.aholder a {position: relative; display: block; width: auto; height: 16px; color:#ffffff; float:left; line-height: 16px; padding:0px 8px 0px 8px; font-size:10px;} div.aholder a.areply {background-color: #166db2;-moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px;-moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; margin-right:1px;} div.aholder a.acomm {background-color: #8f8882; margin-right:1px;} div.aholder a.adelete {margin-right:1px; background: #8f8882;} div.aholder a.aedit {background: #8f8882; } div.aholder a.w_rc {-moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px;-moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px;} div.aholder a.w_lc {-moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px;-moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px;} div.aholder a:hover {text-decoration: none;} div.ashare {position: relative; display: block; width: 46px; height: 16px; color:#ffffff; float:left; text-align:center; line-height: 16px; background-color: #f08400;-moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px;-moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px;} div.ashare_ac {-moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px;-moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px;} div.ashare:hover {-moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; cursor: pointer;} div.ashare_ac:hover {-moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; cursor: pointer;} div.ashare:hover div.cashare {display:block;} div.cashare {position: absolute; display: none; width:100%; height: 16px; top:16px; right: 0px; padding:5px 0px 5px 0px; background: #f08400; -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px;z-index:10000;} div.cashare a {position: relative; display: block; width: 16px; height: 16px; float:left; text-align:left; text-indent: -10000px; padding:0px;} div.cashare a.facebook {background: url(images/facebook.png) top left no-repeat; margin-left:5px;} div.cashare a.twitter {background: url(images/twitter.png) top left no-repeat; margin-left:4px;} div.vote {position: absolute; display: block; width: 61px; height: 46px; top:18px; right: 14px; z-index:1000;} div.votes_holder {position: relative; display: block; width: 61px; height: 23px;} div.votes {position: relative; display: block; width: 61px; height: 23px; } div.votes em {position: relative; display: block; width: 61px; height: 17px; padding-top:6px; line-height: 11px; font-size:10px; text-align: center;} div.vote a.vote_up {position: relative; display: block; width: 30px; height: 23px; float:left; background: url(images/btn_up.gif) top left no-repeat; text-indent: -10000px;} div.vote a.vote_down {position: relative; display: block; width: 30px; height: 23px; float:left; background: url(images/btn_down.gif) top left no-repeat; text-indent: -10000px; border-left:1px solid #b4b4b4;} div.vote a:hover {background-position: 0px -23px;} div.vote strong.votes_up {position: relative; display: block; width: 30px; height: 23px; float:left; text-align: center;} div.vote strong.votes_down {position: relative; display: block; width: 30px; height: 23px; float:left; border-left:1px solid #b4b4b4; text-align: center;} div.vote strong em {position: relative; display: inline-block; width: auto; height: 23px;} div.vote span {position: relative; display: block; width: 7px; height: 23px; float:left; text-indent: -10000px; background-image: url(images/bg_no.gif); background-repeat: no-repeat; overflow: hidden;} div.vote span.no0 {background-position:-7px 0px;} div.vote span.no1 {background-position:-14px 0px;} div.vote span.no2 {background-position:-21px 0px;} div.vote span.no3 {background-position:-28px 0px;} div.vote span.no4 {background-position:-35px 0px;} div.vote span.no5 {background-position:-42px 0px;} div.vote span.no6 {background-position:-49px 0px;} div.vote span.no7 {background-position:-56px 0px;} div.vote span.no8 {background-position:-63px 0px;} div.vote span.no9 {background-position:-70px 0px;} div.vote strong.votes_up span.no0 {background-position:-7px -23px;} div.vote strong.votes_up span.no1 {background-position:-14px -23px;} div.vote strong.votes_up span.no2 {background-position:-21px -23px;} div.vote strong.votes_up span.no3 {background-position:-28px -23px;} div.vote strong.votes_up span.no4 {background-position:-35px -23px;} div.vote strong.votes_up span.no5 {background-position:-42px -23px;} div.vote strong.votes_up span.no6 {background-position:-49px -23px;} div.vote strong.votes_up span.no7 {background-position:-56px -23px;} div.vote strong.votes_up span.no8 {background-position:-63px -23px;} div.vote strong.votes_up span.no9 {background-position:-70px -23px;} #logo {position: absolute; display: block; width: 302px; height: 184px; top:0px; left: 167px; background: url(images/bg_logo.png) top left no-repeat;} #logo a {position: relative; display: block; width: 302px; height: 184px; text-indent: -10000px;} a#rss {position: absolute; display: block; width: 45px; height: 30px; top:92px; left: 813px; background: url(images/bg_rss.png) top left no-repeat; text-indent: -10000px;} #menu {position: absolute; display: block; width: 390px; height: 39px; padding:9px 0px 0px 17px; top:227px; left: 10px; background: url(images/bg_menu.png) top left no-repeat; overflow: hidden;} #menu li {position: relative; display: block; width: auto; height:auto; float:left;} #menu li a {position: relative; display: block; width: auto; height: 27px; text-indent: -10000px;} #menu li.mm0 {width: 46px;} #menu li.mm0 a {width: 46px; background: url(images/bg_mm0.png) top left no-repeat;} #menu li.mm1 {width: 82px;} #menu li.mm1 a {width: 82px; background: url(images/bg_mm1.png) top left no-repeat;} #menu li.mm2 {width: 74px;} #menu li.mm2 a {width: 74px; background: url(images/bg_mm2.png) top left no-repeat;} #menu li.mm3 {width: 41px;} #menu li.mm3 a {width: 41px; background: url(images/bg_mm3.png) top left no-repeat;} #menu li.mm4 {width: 46px;} #menu li.mm4 a {width: 46px; background: url(images/bg_mm4.png) top left no-repeat;} #menu li.mm5 {width: 82px;} #menu li.mm5 a {width: 82px; background: url(images/bg_mm5.png) top left no-repeat;} #menu li.mm6 {width: 57px;} #menu li.mm6 a {width: 57px; background: url(images/bg_mm6.png) top left no-repeat;} #menu li a:hover {background-position: 0px -27px;} #members {position: absolute; display: block; width: 175px; height: 33px; top:18px; left: 763px; background: url(images/bg_members.png) top left no-repeat;} #members li {position: relative; display: block; width: auto; height:auto; float:left;} #members li a {position: relative; display: block; width: auto; height: 33px; text-indent: -10000px;} #members li.mbm1 {width: 74px;} #members li.mbm1 a {width: 74px; background: url(images/bg_mbm1.png) top left no-repeat;} #members li.mbm2 {width: 77px; margin-left:24px;} #members li.mbm2 a {width: 77px; background: url(images/bg_mbm2.png) top left no-repeat;} #members li.mbm3 {width: 74px;} #members li.mbm3 a {width: 74px; background: url(images/bg_mbm4.png) top left no-repeat;} #members li.mbm4 {width: 77px; margin-left:24px;} #members li.mbm4 a {width: 77px; background: url(images/bg_mbm3.png) top left no-repeat;} #members li a:hover {background-position: 0px -33px;} #gpassword {position: absolute; display: none; width: 420px; height: 168px; top:170px; left: 170px; padding:37px 57px 12px 57px; background: url(images/bg_login.png) top left no-repeat; z-index:1200;} #gpassword h1 {position: relative; display: block; width: 410px; height: 27px; line-height: 27px; border-bottom: 3px solid #bec9b9; padding:0px 0px 0px 10px; margin:0px; background: none; font-size: 18px; color: #363636; text-transform: uppercase; margin-bottom: 10px;} #gpassword form {position: relative; display: block;} #gpassword .fi {position: relative; display: block; width: 420px; height: 42px; margin-bottom: 10px;} #gpassword .fih {position: relative; display: block; width: 420px; height: 42px;} #gpassword .fih input {position: relative; display: block; width: 400px; height: 27px; background: #ecf6ed; padding:15px 10px 0px 10px;} #gpassword .labelh {position: relative; display: block; width:420px; height: 20px; line-height: 20px; font-size:12px; color:#798376; text-transform: uppercase;} #gpassword .labelh label {position: relative; display: block; width:410px; height: 20px; float:left; line-height: 20px; padding-left:10px; } #gpassword div.sel {border:2px solid #e29536; width:416px; height: 38px;} #gpassword div.sel input {width:400px; height: 24px; padding:13px 8px 0px 8px;} #gpassword div.focus {border:2px solid #bec9ba; width:416px; height: 38px;} #gpassword div.focus input {width:400px; height: 24px; padding:13px 8px 0px 8px;} #gpassword_close {position: absolute; display: block; width: 11px; height: 11px; top:20px; right:20px; background: url(images/bg_close.gif) top left no-repeat; text-indent: -10000px;} #gpassword .fi_submit {position: relative; display: block; width:420px; height: 42px;} #gpassword .fi_submit_left {position: relative; display: block; float: left; width:320px; height: 42px; line-height: 42px;} #gpassword .fi_submit_left p {position: relative; display: inline-block; height: 42px; line-height: 42px; font-size:12px; text-transform: uppercase;color: #166db2; white-space: nowrap; padding:0px;} #btn_gpassword {position: relative; display: block; float: right; margin-right: 0px; width:100px; height: 42px; padding:0px; text-align: center; text-transform: uppercase; background: #b1ccc3; border: 2px solid #8ea79f;color: #535c51;} #login {position: absolute; display: none; width: 420px; height: 168px; top:170px; left: 170px; padding:37px 57px 12px 57px; background: url(images/bg_login.png) top left no-repeat; z-index:1200;} #login h1 {position: relative; display: block; width: 410px; height: 27px; line-height: 27px; border-bottom: 3px solid #bec9b9; padding:0px 0px 0px 10px; margin:0px; background: none; font-size: 18px; color: #363636; text-transform: uppercase; margin-bottom: 10px;} #login .fi {position: relative; display: block; width: 420px; height: 42px; margin-bottom: 10px;} #login .fih {position: relative; display: block; width: 200px; height: 42px; float: left;} #login .fih input {position: relative; display: block; width: 180px; height: 27px; background: #ecf6ed; padding:15px 10px 0px 10px;} #login .labelh {position: relative; display: block; width:420px; height: 20px; line-height: 20px; font-size:12px; color:#798376; text-transform: uppercase;} #login .labelh label {position: relative; display: block; width:190px; height: 20px; float:left; line-height: 20px; padding-left:10px; } #login div.sel {border:2px solid #e29536; width:196px; height: 38px;} #login div.sel input {width:180px; height: 24px; padding:13px 8px 0px 8px;} #login div.focus {border:2px solid #bec9ba; width:196px; height: 38px;} #login div.focus input {width:180px; height: 24px; padding:13px 8px 0px 8px; } #login_close {position: absolute; display: block; width: 11px; height: 11px; top:20px; right:20px; background: url(images/bg_close.gif) top left no-repeat; text-indent: -10000px;} #login_err {position: absolute; display: block; top:37px; height:27px; line-height: 27px; right:60px; z-index: 100; font-size:12px; text-transform: uppercase;color: #166db2;} #login .fi_submit {position: relative; display: block; width:420px; height: 42px;} #login .fi_submit_left {position: relative; display: block; float: left; width:320px; height: 42px; line-height: 42px;} #login .fi_submit_left em {position: relative; display: inline-block; padding:0px 10px 0px 10px;} #login .fi_submit_left a {position: relative; display: inline-block; height: 19px; line-height: 19px; color: #798376; text-transform: uppercase; font-size: 12px; text-decoration: none;} #login .fi_submit_left a:hover {text-decoration: none; color: #166db2;} #login_remember {padding-left:22px; background: url(images/bg_checkbox.gif) top left no-repeat; } #login_remember.sel {background-position: 0px -19px;} #btn_login {position: relative; display: block; float: right; margin-right: 0px; width:100px; height: 42px; padding:0px; text-align: center; text-transform: uppercase; background: #b1ccc3; border: 2px solid #8ea79f;color: #535c51;} #register {position: relative; display: block;} .form {position: relative; display: block;} .form div.fi {position: relative; display: block; margin-bottom: 20px; height: 42px;} .form div.fi1 {height: 21px;} .form div.fih1 {height: 72px;} .form div.fih2 {width: 340px; height: 19px; line-height: 19px; text-align: right; background: #ecf6ed;} .form div.fih2 a {position:relative; display:block; height:19px; line-height:19px; padding-right:22px; color:#798376; text-transform: uppercase; font-size:10px; background: url(images/bg_checkbox.gif) top right no-repeat;} .form div.fih2 a.sel {background-position: right -19px;} .form div.fih2 a:hover {color:#166db2; text-decoration: none;} .form div.finbm {margin-bottom: 0px;} .form div.fih {position: relative; display: block; width: 160px; height: 42px; background: #ecf6ed; float: left; font-size: 12px; color: #798376;} .form div.fih_dbl {width: 670px;} .form div.fih input {position: relative; display: block; width: 140px; height: 29px; padding:13px 10px 0px 10px; background: #ecf6ed; float: left; font-size: 12px; color: #798376;} .form div.fih_ro {background: #dce6dd;} .form div.fih_ro input {background: #dce6dd;} .form div.fih label {position: relative; display: block; width: 100px; height: 42px; line-height: 42px; text-transform: uppercase; float: left; padding-left:10px;} .form div.fih select {margin-top: 11px;} .form div.focus {border:2px solid #bec9ba; width:156px; height: 38px;} .form div.focus input {width:140px; height: 25px; padding:13px 8px 0px 8px;} .form div.sel {border:2px solid #e29536; width:156px; height: 38px;} .form div.sel input {width:140px; height: 25px; padding:13px 8px 0px 8px;} .form div.iw0 {width: 185px; margin-right: 0px;} .form div.iw0 label {width: 45px;} .form div.iw0 input {width: 110px;} .form div.iw1 {width: 310px; margin-right: 0px;} .form div.iw1 label {width: 100px;} .form div.iw1 input {width: 180px;} .form div.iw2 {width: 340px;} .form div.iw2 label {width: 80px;} .form div.iw2 input {width: 230px;} .form div.iw3 {width: 310px; margin-right: 0px;} .form div.iw3 label {width: 110px;} .form div.iw3 input {width: 170px;} .form div.iw4 {width: 340px;} .form div.iw4 label {width: 80px;} .form div.iw4 input {width: 230px;} .form div.iw5 {width: 310px; margin-right: 0px;} .form div.iw5 label {width: 140px;} .form div.iw5 input {width: 140px;} .form div.iw6 label {width: 45px;} .form div.iw6 input {width: 85px;} .form div.iw7 {width: 340px;} .form div.iw7 label {width: 110px;} .form div.fihw7 input {width: 200px;} .form div.iw8 {width: 340px;} .form div.iw8 label {width: 110px;} .form div.iw8 input {width: 200px;} .form div.iw9 {width: 340px;} .form div.iw9 label {width: 100px;} .form div.iw9 input {width: 210px;} .form div.iw10 {width: 310px; margin-right: 0px;} .form div.iw10 label {width: 80px;} .form div.iw10 input {width: 200px;} .form div.iw11 {width: 670px; margin-right: 0px;} .form div.iw11 label {width: 140px;} .form div.iw11 input {width: 500px;} .form div.iw12 {width: 670px; margin-right: 0px;} .form div.iw12 label {width: 320px;} .form div.iw12 input {width: 320px;} .form div.focusiw0 {border:2px solid #bec9ba; width:181px; height: 38px;} .form div.focusiw0 label {width:45px; height:38px; line-height:38px; padding-left:8px;} .form div.focusiw0 input {width:110px; height: 25px; padding:13px 8px 0px 10px;} .form div.seliw0 {border:2px solid #e29536; width:181px; height: 38px;} .form div.seliw0 label {width:45px; height:38px; line-height:38px; padding-left:8px;} .form div.seliw0 input {width:110px; height: 25px; padding:13px 8px 0px 10px;} .form div.focusiw1 {border:2px solid #bec9ba; width:306px; height: 38px;} .form div.focusiw1 label {width:100px; height:38px; line-height:38px; padding-left:8px;} .form div.focusiw1 input {width:180px; height: 25px; padding:13px 8px 0px 10px;} .form div.seliw1 {border:2px solid #e29536; width:306px; height: 38px;} .form div.seliw1 label {width:100px; height:38px; line-height:38px; padding-left:8px;} .form div.seliw1 input {width:180px; height: 25px; padding:13px 8px 0px 10px;} .form div.focusiw2 {border:2px solid #bec9ba; width:336px; height: 38px;} .form div.focusiw2 label {width:80px; height:38px; line-height:38px; padding-left:8px;} .form div.focusiw2 input {width:230px; height: 25px; padding:13px 8px 0px 10px;} .form div.seliw2 {border:2px solid #e29536; width:336px; height: 38px;} .form div.seliw2 label {width:80px; height:38px; line-height:38px; padding-left:8px;} .form div.seliw2 input {width:230px; height: 25px; padding:13px 8px 0px 10px;} .form div.focusiw3 {border:2px solid #bec9ba; width:306px; height: 38px;} .form div.focusiw3 label {width:110px; height:38px; line-height:38px; padding-left:8px;} .form div.focusiw3 input {width:170px; height: 25px; padding:13px 8px 0px 10px;} .form div.seliw3 {border:2px solid #e29536; width:306px; height: 38px;} .form div.seliw3 label {width:110px; height:38px; line-height:38px; padding-left:8px;} .form div.seliw3 input {width:170px; height: 25px; padding:13px 8px 0px 10px;} .form div.focusiw4 {border:2px solid #bec9ba; width:336px; height: 38px;} .form div.focusiw4 label {width:80px; height:38px; line-height:38px; padding-left:8px;} .form div.focusiw4 input {width:230px; height: 25px; padding:13px 8px 0px 10px;} .form div.seliw4 {border:2px solid #e29536; width:336px; height: 38px;} .form div.seliw4 label {width:80px; height:38px; line-height:38px; padding-left:8px;} .form div.seliw4 input {width:230px; height: 25px; padding:13px 8px 0px 10px;} .form div.focusiw5 {border:2px solid #bec9ba; width:306px; height: 38px;} .form div.focusiw5 label {width:140px; height:38px; line-height:38px; padding-left:8px;} .form div.focusiw5 input {width:140px; height: 25px; padding:13px 8px 0px 10px;} .form div.seliw5 {border:2px solid #e29536; width:306px; height: 38px;} .form div.seliw5 label {width:140px; height:38px; line-height:38px; padding-left:8px;} .form div.seliw5 input {width:140px; height: 25px; padding:13px 8px 0px 10px;} .form div.focusiw6 {border:2px solid #bec9ba; width:156px; height: 38px;} .form div.focusiw6 label {width:45px; height:38px; line-height:38px; padding-left:8px;} .form div.focusiw6 input {width:85px; height: 25px; padding:13px 8px 0px 10px;} .form div.seliw6 {border:2px solid #e29536; width:156px; height: 38px;} .form div.seliw6 label {width:45px; height:38px; line-height:38px; padding-left:8px;} .form div.seliw6 input {width:85px; height: 25px; padding:13px 8px 0px 10px;} .form div.focusiw7 {border:2px solid #bec9ba; width:336px; height: 38px;} .form div.focusiw7 label {width:110px; height:38px; line-height:38px; padding-left:8px;} .form div.focusiw7 input {width:200px; height: 25px; padding:13px 8px 0px 10px;} .form div.seliw7 {border:2px solid #e29536; width:336px; height: 38px;} .form div.seliw7 label {width:110px; height:38px; line-height:38px; padding-left:8px;} .form div.seliw7 input {width:200px; height: 25px; padding:13px 8px 0px 10px;} .form div.focusiw8 {border:2px solid #bec9ba; width:336px; height: 38px;} .form div.focusiw8 label {width:110px; height:38px; line-height:38px; padding-left:8px;} .form div.focusiw8 input {width:200px; height: 25px; padding:13px 8px 0px 10px;} .form div.seliw8 {border:2px solid #e29536; width:336px; height: 38px;} .form div.seliw8 label {width:110px; height:38px; line-height:38px; padding-left:8px;} .form div.seliw8 input {width:200px; height: 25px; padding:13px 8px 0px 10px;} .form div.focusiw9 {border:2px solid #bec9ba; width:336px; height: 38px;} .form div.focusiw9 label {width:100px; height:38px; line-height:38px; padding-left:8px;} .form div.focusiw9 input {width:210px; height: 25px; padding:13px 8px 0px 10px;} .form div.seliw9 {border:2px solid #e29536; width:336px; height: 38px;} .form div.seliw9 label {width:100px; height:38px; line-height:38px; padding-left:8px;} .form div.seliw9 input {width:210px; height: 25px; padding:13px 8px 0px 10px;} .form div.focusiw10 {border:2px solid #bec9ba; width:306px; height: 38px;} .form div.focusiw10 label {width:80px; height:38px; line-height:38px; padding-left:8px;} .form div.focusiw10 input {width:200px; height: 25px; padding:13px 8px 0px 10px;} .form div.seliw10 {border:2px solid #e29536; width:306px; height: 38px;} .form div.seliw10 label {width:80px; height:38px; line-height:38px; padding-left:8px;} .form div.seliw10 input {width:200px; height: 25px; padding:13px 8px 0px 10px;} .form div.focusiw11 {border:2px solid #bec9ba; width:666px; height: 38px;} .form div.focusiw11 label {width:140px; height:38px; line-height:38px; padding-left:8px;} .form div.focusiw11 input {width:500px; height: 25px; padding:13px 8px 0px 10px;} .form div.seliw11 {border:2px solid #e29536; width:666px; height: 38px;} .form div.seliw11 label {width:140px; height:38px; line-height:38px; padding-left:8px;} .form div.seliw11 input {width:500px; height: 25px; padding:13px 8px 0px 10px;} .form div.focusiw12 {border:2px solid #bec9ba; width:666px; height: 38px;} .form div.focusiw12 label {width:320px; height:38px; line-height:38px; padding-left:8px;} .form div.focusiw12 input {width:320px; height: 25px; padding:13px 8px 0px 10px;} .form div.seliw12 {border:2px solid #e29536; width:666px; height: 38px;} .form div.seliw12 label {width:320px; height:38px; line-height:38px; padding-left:8px;} .form div.seliw12 input {width:320px; height: 25px; padding:13px 8px 0px 10px;} .form div.code {position: relative; display: block; width: 160px; height: 42px; background: #ecf6ed; float: left; margin-right: 20px;} #register_err {position: absolute; display: block; top:30px; height:36px; line-height: 36px; right:60px; z-index: 100; font-size:12px; text-transform: uppercase;color: #166db2;} #register div.selw6 #code_note {color: #e29536;} #code_note {position: absolute; display: block; width:160px; height: 20px; top:42px; right:0px; line-height: 20px; font-size:11px; text-align: center;} #register_terms {position: relative; display: block; width: 310px; height: 72px; float: left; background: #ecf6ed;} #register div.selt {border:2px solid #e29536; width:306px; height: 68px;} #register div.selt a {width:296px; height: 34px; line-height: 32px; padding-left:8px} #register div.selt ul {width:296px; height: 33px; padding-left:8px;} #register div.selt ul li {width:145px; height: 33px;} #register div.selt ul li a {width:121px; height: 19px; line-height: 19px; padding-left:22px;} #register_terms a {position: relative;display: block; width: 300px; height: 36px; border-bottom: 1px solid #bec9b9; line-height: 36px; color: #798376; text-transform: uppercase; font-size: 12px; text-decoration: none; padding-left:10px; margin: 0px;} #register_terms a:hover {text-decoration: none; color: #166db2;} #register_terms ul {position: relative; display: block; width: 300px; height: 35px; overflow: hidden; padding-left:10px;} #register_terms ul li {position: relative; display: block; width: 145px; height: 35px; float: left;} #register_terms ul li a {position: relative; display: block; width: 123px; border:0px; padding-left:22px; background: url(images/bg_checkbox.gif) top left no-repeat; color: #798376; text-transform: uppercase; font-size: 12px; height:19px; overflow: hidden; line-height: 19px; margin-top: 8px; text-decoration: none; overflow:hidden;} #register_terms ul li a.sel {background-position: 0px -19px;} #register_terms ul li a:hover {text-decoration: none;} #btn_submit {position: relative; display: block; float: right; margin-right: 0px; width:100px; height: 42px; padding:0px; text-align: center; text-transform: uppercase; background: #b1ccc3; border: 2px solid #8ea79f;color: #535c51;} #btn_cancel {position: relative; display: block; float: right; margin-right: 0px; width:100px; height: 42px; padding:0px; text-align: center; text-transform: uppercase; background: #b1ccc3; border: 2px solid #8ea79f;color: #535c51;} #myhaiku_holder {position: relative; display: block; width: 800px; height: auto; padding-bottom:20px;} #myhaiku_left {position: relative; display: block; width:220px; height: auto; margin-right: 20px; float: left;} #myhaiku_middle {position: relative; display: block; width:380px; height: auto; margin-right: 10px; float: left; overflow: hidden;} #myhaiku_middle div.haiku_box {margin-left:0px;} #myhaiku_right {position: relative; display: block; width:160px; height: auto; float: left;} #myhaiku_profile {position: relative; display: block; width:200px; height: auto; background: #ecf6ed; padding:10px 10px 20px 10px;} #myhaiku_avatar {position: relative; display: block; width: 100px; height: 100px;background: #b1ccc3; padding:2px 2px 2px 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;} #myhaiku_info {position: relative; display: block; padding-top: 10px;} #myhaiku_info strong {position: relative; display: block; border-bottom:1px solid #bec9b9; font-size:12px; color: #363636; padding:7px 0px 7px 2px; line-height: 13px;} #myhaiku_info strong a {text-decoration: none; color: #166db2;} #myhaiku_info strong a:hover {color: #363636;} #myhaiku_admin {position: relative; display: block; width: 200px; margin-top: 2px; line-height: 25px; text-align: left; padding:5px 10px 5px 10px; background: #f08400; color: #ffffff;} #myhaiku_admina {position: relative; display: block; width: 220px; height: 25px; margin-top: 2px;} #myhaiku_admina a {position: relative; display: block; width: 220px; height: 25px; line-height: 25px; color: #ffffff; float:left; text-align: center; font-size: 12px; background: #8f8882; margin-bottom: 2px;} #myhaiku_admina a:hover {text-decoration: none;} #myhaiku_action {position: relative; display: block; width: 220px; height: 25px; margin-top: 2px;} #myhaiku_action a {position: relative; display: block; width: auto; height: 25px; line-height: 25px; color: #ffffff; float:left; text-align: center; font-size: 12px;} #myhaiku_action a.myhaiku_profile {background: #8f8882; margin-right: 2px; width:90px;} #myhaiku_action a.myhaiku_password {background: #166eae; width:128px;} #myhaiku_action a:hover {text-decoration: none;} #myhaiku_right h2 {position: relative; display: block; height:35px; font-size: 14px; color: #176faf; text-transform: uppercase; text-align: center; background: #ffffff; line-height: 35px; margin-bottom: 3px;} #myhaiku_act {position: relative; display: block; background: #ffffff; padding: 5px 5px 5px 5px;} #myhaiku_act strong {position: relative; display: block; border-bottom:1px solid #bec9b9; font-size:12px; color: #363636; padding:7px 0px 7px 2px; line-height: 13px;} #myhaiku_act strong a {text-decoration: none; color: #166db2;} #myhaiku_act strong a:hover {color: #363636;} #myhaiku_act p {text-align: center; padding:10px 0px 10px 0px;} #add_kaiku {position: relative; display: block; padding:8px 8px 8px 8px; background: #ecf6ed; margin-bottom: 1px;} #add_kaiku textarea {position: relative; display: block; width: 340px; height:80px; padding:10px 10px 10px 10px; font-family:Verdana, Arial, sans-serif; font-size:12px; color:#8f8882; line-height: 14px; background: #ffffff; border: 2px solid #bec9b9; margin-bottom: 10px;} #add_kaiku textarea.sel {border-color:#e29536;} #haiku_cadd textarea {position: relative; display: block; width: 340px; height:80px; padding:10px 10px 10px 10px; font-family:Verdana, Arial, sans-serif; font-size:12px; color:#8f8882; line-height: 14px; background: #ffffff; border: 2px solid #bec9b9; margin-bottom: 10px; background: #ecf6ed;} #haiku_cadd textarea.sel {border-color:#e29536;} #ah_categ {position: relative; display: block; height: 25px; color: #ffffff; line-height: 25px; margin-bottom: 7px; z-index:1000;} #ah_categ a {position: relative; display: block; color: #ffffff; text-decoration: none; padding-left:7px; background: #8f8882 url(images/bg_ah_categ.gif) top right no-repeat; } #ah_categ a.sel {background-color: #e29536;} #ah_categ ul {position: absolute; display: none; width:364px; top:25px; left: 0px; background: #8f8882; z-index:1000;} #ah_categ ul li {position: relative; display: block; height:25px; border-top: 1px solid #ffffff;} #ah_categ ul li a {position: relative; display: block; height: 25px; line-height: 25px; background: none;} #ah_bottomh {position: relative; display: block;} #ah_bottoml {position: relative; display: block; width:292px; height:auto; float: left; margin-right: 10px;} #ah_bottoml strong {position: relative; display: block; border-bottom: 1px solid #bec9b9; font-size:12px; line-height: 13px; color: #2e302e; padding:0px 0px 7px 7px;} #ah_notify {position: relative; display: block; padding:9px 0px 9px 7px;} #ah_notify a {position: relative; display: block; width:63px; height:18px; float: left; padding-left: 22px; text-transform: uppercase; color: #2e302e; background: url(images/bg_radio.png) top left no-repeat; overflow: hidden; line-height: 18px; text-decoration: none;} #ah_notify a.sel {background-position: 0px -18px;} #ah_notify a:hover {text-decoration: none; color: #2e302e;} #ah_bottomr {position: relative; display: block; width:62px; height:auto; float: left;} #ah_bottomr input {position: relative; display: block; width:62px; height: 25px; background: #f08400; color: #ffffff; font-size:14px; text-transform: uppercase; } #ah_bottomr input:hover {cursor: pointer;} #ah_err {position: absolute; display: block; bottom:0px; right:0px; height:20px; line-height: 20px; font-size:12px; color: #166db2;} #ach_err {position: absolute; display: block; top:2px; left:0px; height:20px; line-height: 20px; font-size:12px; color: #166db2;} #haiku_cadd {position: relative; display: block; background: #ffffff; padding:10px 8px 8px 8px;} #ahc_submit {position: relative; display: block; height: 25px; margin-bottom: 2px;} #ahc_submit input {position: relative; display: inline-block; width:auto; padding:0px 8px 0px 8px; height: 25px; float: right; background: #166eae; color: #ffffff; font-size:14px; text-transform: uppercase; } #ahc_bottomh {position: relative; display: block;} #ahc_bottoml {position: relative; display: block; width:282px; height:auto; float: left; margin-right: 10px;} #ahc_bottoml strong {position: relative; display: block; border-bottom: 1px solid #bec9b9; font-size:12px; line-height: 13px; color: #2e302e; padding:0px 0px 7px 7px;} #ahc_notify {position: relative; display: block; padding:9px 0px 9px 7px;} #ahc_notify a {position: relative; display: block; width:63px; height:18px; float: left; padding-left: 22px; text-transform: uppercase; color: #2e302e; background: url(images/bg_radio.png) top left no-repeat; overflow: hidden; line-height: 18px; text-decoration: none;} #ahc_notify a.sel {background-position: 0px -18px;} #ahc_notify a:hover {text-decoration: none; color: #2e302e;} #ahc_bottomr {position: relative; display: block; width:72px; height:auto; float: left;} #ahc_bottomr input {position: relative; display: block; width:72px; height: 25px; background: #166eae; color: #ffffff; font-size:14px; text-transform: uppercase; } #ahc_bottomr input:hover {cursor: pointer;} #haiku_comments {position: relative; display: block; background: #ffffff; border-top:1px solid #bec9b9; padding:0px 0px 10px 0px;} div.haiku_cbox {position: relative; display: block; border-bottom:1px solid #bec9b9; padding:10px 10px 10px 10px; background: #ffffff;} div.haiku_cboxh {position: relative; display: block;} div.haiku_cboxh p.nh {position: relative; display: block; width: auto; height: auto; text-align:center; padding:20px 0px 20px 0px;} div.hc_avatar {position: relative; display: block; width: 43px; height: 43px; float:left; background: #b1ccc3; padding:2px 2px 2px 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin-right: 10px;} div.hc_info {position: relative; display: block; width: 303px; height: auto; float: left;} div.hc_info p {padding:0px 0px 0px 0px;} div.hc_author {position: relative; display: block; padding-left: 57px; padding-top:10px;} div.hc_author a.hc_delete {position: absolute; display: block; width: auto; bottom:0px; right: 0px; height: 16px; color:#ffffff; line-height: 16px; padding:0px 8px 0px 8px; font-size:10px; background: #8f8882; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px;-moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px;-moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px;} div.hc_author a.hc_delete:hover {color:#ffffff; text-decoration: none;} #myhaiku_profile a.hu_delete {position: absolute; display: block; width: auto; top:10px; right: 10px; height: 16px; color:#ffffff; line-height: 16px; padding:0px 8px 0px 8px; font-size:10px; background: #8f8882; -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px;-moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px;-moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px;} #myhaiku_profile a.hu_delete:hover {color:#ffffff; text-decoration: none;} div.hc_author a {position: relative; display: inline-block; font-size:10px;} div.hc_author a:hover {color: #363636; text-decoration: none;} div.hc_author em {position: relative; display: inline-block; font-size:10px; color: #8c9787; padding-left:8px; text-transform: uppercase;} .loading {background-image: url(images/loader.gif); background-position: center center; background-repeat: no-repeat;} #profile #myhaiku_avatar {position: absolute; left:625px; top:80px; z-index:1000;} #profile #myhaiku_avatar a {position: relative; display: block; width: 100px; height: 100px;} #profile #myhaiku_avatar a em {position: absolute; display: block; width: auto; height: 16px; top:0px; left: 0px; color:#ffffff; background: #b1ccc3; font-size:10px; line-height: 16px; padding:0px 5px 0px 5px;} #profile #myhaiku_avatar a:hover {text-decoration: none;}