html{height:100%}
body {
        padding:0;
        margin : 0;
        width:100%;
        height:100%;

        font-family:verdana;
        font-size:13px;
}
a {        color:blue; text-decoration:none;}
a img {border:none}
#tabpanel { float:left;}




        .example {
                padding-top:50px;
                padding-left:30px;
                width:800px;
        }

        .example b {color:blue;}
        .example i {color:black;}


.exmpls {
        padding:10px;
        margin:30px;
        float:left;
        width:80%;
        height:80%;
        overflow:auto;
        background:#BEE3B7;
        position:relative;
}

.exmpls span{display:block; float:left; width:100%; position:relative;  background:#fff;}
.exmpls div {float:left; height:250px; margin:25px;}
.exmpls a {display:block; margin-right:15px;}
.exmpls b {display:block; width:100%; clear:left; padding-top:25px;}

.exmpls i {display:block; position:absolute; width:0px; height:0px; overflow:hidden; border:10px solid #fff;}

.exmpls i.bor1 {top:0px; left:0px; border-top:#BEE3B7 solid 10px; border-left:#BEE3B7 solid 10px;}
.exmpls i.bor2 {top:0px; right:-1px; border-right:#BEE3B7 solid 10px; border-top:#BEE3B7 solid 10px;}
.exmpls i.bor3 {bottom:-1px; right:-1px; border-bottom:#BEE3B7 solid 10px; border-right:#BEE3B7 solid 10px;}
.exmpls i.bor4 {bottom:-1px; left:0px; border-left:#BEE3B7 solid 10px; border-bottom:#BEE3B7 solid 10px;}

.exmpls a img {border:1px solid #D4D0C8; width:280px; height:180px; padding:9px;}
.exmpls a:hover img {
        border:none;
        width:280px;
        height:180px;
        padding:10px;
        padding:10px;
        background:url('examples/img/border.gif') no-repeat;
        -moz-opacity: 0.6;        filter:alpha(opacity=60); opacity: 0.6;
}






#loading
{
        background:#fff url(img/icons/loading.gif) center center no-repeat;
        height:100%;
        width:100%;
        position:absoluite;
        z-index:1000;
        top:0px;
        left:0px;
}

.stopLoad {display:none}
.startLoad {display:block}




.win_tabColorTab{color:#000 !important;}
.win_sub_contColorTab{font-weight:bold; height:100%;}
.win_tabColorTab .close{background-image:url('themes/gray/tabPanel/img/close_hover.gif') !important;}






code {border:1px dotted red; padding:5px 10px 10px 5px; background:#F2F4FF; display:block; margin:5px; font-size:11px;}
code div {margin-left:10px; float:left}