/* 
    Document   : style
    Created on : Jun 5, 2009, 7:28:50 PM
    Author     : luk
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*    Menu left    */
ul.menuLeft{
    width:154px;
    margin:0;
    border:0;
    padding:0;
    height:230px;
    border-right:1px dashed #d1d1d1;
    background:#F3F3F3 url(images/border_menu_r.gif) repeat-y scroll 164px 0
}
ul.menuLeft li{
    margin:0;
    height:38px;
    padding:0;
    background:#f3f3f3;
}
ul.menuLeft li span,.menuLeft li a{
    display:block;
}

ul.menuLeft li a:link,ul.menuLeft li a:visited{
    color:#7A7A7A;
    text-align:left;
    margin:4px 0 0 58px;
    display:block;
}

ul.menuLeft span.backAnim, ul.menuLeft span.textOn{
    width:154px;
    height:40px;
    margin:0 auto;
    padding:0;
    overflow:hidden;
}
ul.menuLeft span.textOn{
    z-index:200;
    position:relative;
    background:transparent url(images/border_menu.gif) no-repeat scroll 22px 38px;
}
ul.menuLeft span.textOn:hover{
    cursor:pointer;
}
ul.menuLeft span.backAnim{
    z-index:100;
    position:absolute;
}
ul.menuLeft span.backAnim span.backUp, ul.menuLeft span.backAnim span.backDown{
    width:154px;
    height:19px;
}
ul.menuLeft span.backAnim span.backGup{
    background:#fefefe;
    margin:2px 0 0;
}
ul.menuLeft span.backAnim span.backUp{
    background:#f3f3f3;
}
ul.menuLeft span.backAnim span.backDown{
    background:#fefefe;
    display:none;
}
ul.menuLeft span.backAnim span.aniWrap{
    width:154px;
    height:17px;
}
ul.menuLeft .textOn .block{
    width:19px;
    height:10px;
    float:right;
    font-size:1px;
    padding:0;
    margin:0;
    line-height:1px;
}
ul.menuLeft .textOn .block1{
    background:#e5e5e5;
}
ul.menuLeft .textOn .block2{
    background:#c3c3c3;
}
ul.menuLeft .textOn .block3{
    background:#aaaaaa;
}
ul.menuLeft .textOn .block4{
    background:#939393;
}
ul.menuLeft .textOn .block5{
    background:#7a7a7a;
}
ul.menuLeft .textOn .block6{
    background:#616161;
}

ul.menuLeft .textIn{
    padding:12px 0 0 5px;
    margin:0;
}
ul.menuLeft .textOn .textMen,ul.menuLeft .textOn .blockWrap{
    float:left;
}
ul.menuLeft .textOn .blockWrap{
    width:44px;
    margin:4px 0 0 0;
}
ul.menuLeft li.selected span.backAnim span.backDown{
    display:block !important;
}
ul.menuLeft li.selected span.backAnim span.backUp{
    display:none !important;
}