/* Clever line */
#all { margin-bottom: 30px; }

#cl-cover { width: 100%; position: fixed; bottom: -1px; left:0; text-align: center; display: none; }
#cl-inner { background: url('./image/cl-bg.gif') top left repeat-x; }
#cl { width: 987px; margin: 0px auto; text-align: left; font-size: .85em; color: #666; }
#cl.closed { height: 26px; }
#cl .close { float: right;  }
#cl .profile a, #cl .logout a, #cl .reviews a, #cl .close a { background: url('./image/cl-icons.gif') 0 0 no-repeat; }
#cl .close a { width: 22px; height: 20px; display: block; cursor: pointer; background-position: -157px 0; margin-top: 2px;}
#cl .close a:hover { background-position: -132px 0px; }
#cl.closed .close a { background-position: -157px -20px; }
#cl.closed .close a:hover { background-position: -132px -20px; }
#cl .user-ctrls { float: right; line-height: 24px; margin-top: 2px;  }
#cl .user-ctrls span { display: block; float: left; }

#cl .profile, #cl .logout, #cl .reviews { margin: 3px 2px 0 2px; }
.want-it, .have-it, .login { margin-right: 5px; }
.want-it { margin-left: 5px; }
#cl .logout { margin-right: 8px; }
#cl .profile a, #cl .logout a, #cl .reviews a { width: 30px; height: 17px; display: block; }
#cl .reviews a { background-position: 0 -3px; }
#cl .reviews a:hover { background-position: 0 -23px; }
#cl .logout a { background-position: -99px -3px; }
#cl .logout a:hover { background-position: -99px -23px; }
#cl .profile a { background-position: -33px -3px; }
#cl .profile a:hover { background-position: -33px -23px; }

#cl .cont { clear: both; border-top: solid 1px #ebebeb; padding-top: 10px; }
#cl.closed .cont { display: none }
#cl.opened .cont { display: block; height: 90px; overflow: hidden;  }
#cl.opened .cont .section-space { width: 800px; float: left; overflow: hidden; }
#cl.opened .cont .move { float: left; width: 10px; height: 80px; font-size: 200%; line-height: 80px; text-align: center; }
#cl.opened .cont .move a { text-decoration: none; }
#cl.opened .section-ctrl { width: 150px; float: left; margin-top: 25px; }
#cl.opened .section-ctrl .match, #cl.opened .section-ctrl .remove-all { margin-left: 4px; }
#cl.opened .section-ctrl .match a { background: transparent url('./image/button126.gif') top left no-repeat; display: block; width: 126px; height: 26px; line-height: 26px; color: White; text-decoration: none; text-align: center; font-size: 120%; }
#cl.opened .section-ctrl .match a:hover {  }
#cl.opened .section-ctrl .remove-all a { color: #ff6e27; }
#cl.opened .section-ctrl .remove-all { margin-top: 5px; }

#cl li { margin: 2px 0 0 0; list-style-type: none; }
#cl h4 { text-align: center }

#cl .sections { float: left; line-height: 26px; }
#cl .sections div { float: left; }

#cl .list { margin-left: 5px; width: 610px; overflow: hidden; height: 24px; }
#cl .list a.selected { font-weight: bold; color: #000000; cursor: Default; text-decoration: none; }
#cl .list a { text-decoration: underline; }
#cl .list .inner {  }

#cl #show-more-sections {  }
#cl .more-sections a { margin-left: 2px; }
#cl .more-sections a { color: #ff6e27; }
#cl #show-more-sections.list { overflow: visible; }
#cl #show-more-sections .inner { position: relative; background-color: #f2f7fa; z-index: 2; background-color: #FFFFCC; padding: 0 5px;}

#cl .cont ul { height: 100px; width: 800px; }
#cl .cont li { float: left; width: 80px; text-align: center; height: 100px; margin-top: 2px; }
#cl .cont li div img { padding: 2px; border: solid 1px #ebebeb;  }
#cl .cont li div a:hover img { border-color: #c0c0c0; }
#cl .cont li h4 { margin: 0; }
#cl .remove { position: relative; }
#cl .remove a { position: absolute; left: 57px; top: -60px; width: 12px; height: 12px; background: url(./image/del.gif) 0 0 no-repeat; display: block; cursor: pointer; }
#cl .remove a:hover { background: url(./image/del_a.gif) 0 0 no-repeat; }