﻿
    
.body .contents .block { clear: both; width: 100%; }
            
.tab-box { width: 40%; float: left; margin: 1%;  }
    .tab-box > .title { width: 100%; clear: both;
                      -moz-border-radius-bottomleft:0px;
                      -moz-border-radius-bottomright:0px;
                      -moz-border-radius-topleft:5px;
                      -moz-border-radius-topright:5px; }
        .tab-box > .title > a { font-size: 12px; display: inline; margin: 0 20px; float: left; color: #8B6425; font-weight: bold; text-decoration: none; line-height: 25px; }
        .tab-box > .title > .tabs { font-size: 0.8em; margin: 0; padding: 0; display: none; float: left; margin-top: -8px; }
            .tab-box > .title > .tabs li { list-style-type: none; float: left; padding: 4px; display: inline;
                                         background-position:right center;
                                         padding:9px 2px 6px 0; }
            .tab-box > .title > .tabs li.selected, 
            .tab-box > .title > .tabs li.selected a { 
                                         background-image:url(../images/tbx-skin-btn.gif);
                                         background-repeat:no-repeat; }
            .tab-box > .title > .tabs li a {
                                         font-size: 1em; 
                                         color:#000;
                                         padding:9px 8px 6px 12px;
                                         text-decoration: none; }
            .tab-box > .title > .tabs li.selected a {
                                         background-position:-110px center;
                                         color:#000; }
    .tab-box > .body { width: 100%; clear: both; margin: 0; padding: 0; font-size: 1em }
        .tab-box > .body > li { list-style-type: none; float: left; display: none; padding: 4px;
                                border-top: solid 3px #F2EA89;
                                -moz-border-radius-topleft:0px;
                                -moz-border-radius-topright:0px;
                                -moz-border-radius-bottomleft:5px;
                                -moz-border-radius-bottomright:5px; }
        .tab-box > .body > li.selected { display: block; width:100%; /*background: url(../images/tab_box_body_bg.png) repeat-x;*/ }
            .tab-box > .body > li ul { margin-left: 10px; padding: 0; overflow:hidden; }
            .tab-box > .body > li li { list-style-type: none; }
            .tab-box > .body > li li.thumb { float: right; padding: 10px; text-align: center; }
                .tab-box > .body > li li.thumb a { border: 1px solid #AAAAAA; display: block; }
                .tab-box > .body > li li.thumb p { color: #000; font-size: 1.6em }
                .tab-box > .body > li li.thumb img { border: 1px solid #FFFFFF }
                .tab-box > .body > li li a { line-height: 24px; border: none; color: #2244DD; text-decoration: none; padding: 1px }
                .tab-box > .body > li li a:hover { text-decoration: underline }
                
.row-box { width: 84%; float: left; margin: 10px; border-top: solid 1px #AAA }         
    .row-box .box { border-left: solid 1px #AAA; float: left; padding: 5px 10px; }     
    .row-box .first { border-left: none } 
    .row-box .end { border-right: none } 
        .row-box .box .title { line-height: 26px; font-weight: bold; color: #5F982E }
        .row-box .box .body { font-size: 12px; }
        
/*------------------ overlay ------------------*/
.r1 .tb1 { width: 22.8% }
    .r1 .tb1 .selected { border-right: none; border-top-color: #FA9BA7 }
.r1 .tb2 { width: 50% }
    .r1 .tb2 .selected { border-left: solid 1px #ccc }
.r1 .tb3 { width: 21%; float: right }
    .r1 .tb3 .selected { border-right: none; border-top-color: #868BFA }
    .r1 .tb3 .selected .thumb { float: left } 
.r2 .tb1 { width: 13%; float: right; }
.r2 .tb2 .selected { border-top-color: #D8FF7E }
.r2 .tb3 .selected { border-top-color: #FCDE8B }
.r2 .tb4 .selected { border-top-color: #E88BFC }
.r2 .tb5 .selected { border-top-color: #8BFCD8 }
.r2 .tb6 {  width: 80%; float: left }
.r2 .tb7 .selected { border-top-color: #E88BFC }
.r2 .tb8 .selected { border-top-color: #E88BFC }
.r3 .tb1 { width: 82% }
    .r3 .tb1 .selected { border-top-color: #8BC1FC }
.r3 .tb2 { width: 82% }
    .r3 .tb2 .selected { border-top-color: #FC8BD1 }
.r3 .tb3 { width: 82% }


body #form_wrap { margin-top: 40px; }
body #form_wrap #search_controls .channels { display: none; }
body #form_wrap #search_controls .search_scopes { display: none; }