/* 
    Document   : sudy-easyui-tabs
    Created on : 2012-3-23, 17:18:53
    Author     : lcfeng
    Description:
        Purpose of the stylesheet follows.
*/

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

.tabs{
    list-style-type:none;
    height:26px;
    margin:0px;
    padding:0px;
    padding-left:4px;
    font-size:12px;
    width:5000px;
}
.tabs-container {
    OVERFLOW: hidden;
    background-image: url('../_js/themes/default/images/main1_07.gif');
    background-repeat: repeat-x;
}
.tabs li{
    float:left;
    display:inline-block;
    position:relative;
    -moz-border-radius-topleft:2px;
    -moz-border-radius-topright:2px;
    -webkit-border-top-left-radius:2px;
    -webkit-border-top-right-radius:2px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: #8DB2E3;
    border-right-color: #8DB2E3;
    border-left-color: #8DB2E3;
}
.tabs li a.tabs-inner{
    display:inline-block;
    text-decoration:none;
    color:#333;
    background:url('../_js/themes/default/images/tabs_enabled.png') repeat-x left top;
    margin:0px;
    padding:0px 10px;
    height:29px;
    line-height:25px;
    text-align:center;
    white-space:nowrap;
    -moz-border-radius-topleft:2px;
    -moz-border-radius-topright:2px;
    -webkit-border-top-left-radius:2px;
    -webkit-border-top-right-radius:2px;
}
.tabs li a.tabs-inner:hover{
    background-image: url('../_js/themes/default/images/tabs_active1.png');
    background-repeat: repeat-x;
    background-position: left bottom;
}
.tabs li.tabs-selected a.tabs-inner{
    color:#fff;
    background:url('../_js/themes/default/images/tabs_active.png') repeat-x left bottom;
    font-weight:bold;
    outline: none;
}
