/* -------------------------------------------------------------- 
 
 tabs.css
 * @author    julien bidoret
 * @copyright (c) 2009, oxys.net
 * @date      18 Joxn 2009
 * @version   0.2
 
-------------------------------------------------------------- */


.ox-tabs-done .ox-tab-panel{ background:transparent; margin-bottom:0}
.messages-box, 
.ox-tabs{
    background: #eeeeee url(img/box-bg.png) repeat-x; 
    -moz-border-radius:3px ;  -webkit-border-radius:3px ;  border-radius:3px ;
    margin-bottom:20px;
}


/* Tabs 
---------------------------------------------------------------------------------------------------*/
.ox-tabs-nav, .ox-messages-nav {
    font-family: Georgia, Arial, Verdana;
    font-size: 12px;
    text-transform: lowercase;
    }
.ox-messages-nav,
.ox-tabs-nav , .ox-tabs-nav ul{
    list-style: none;
    margin: 0;
    padding: 2px;
    color: #4d4d4d;
   
    }
.ox-messages-nav:after,
.ox-tabs-nav:after {
    display: block;
    clear: both;
    content: " ";
    }
.ox-messages-nav li,
.ox-tabs-nav li {
    float: left;
    margin: 0 2px 0 0;
    min-width: 80px;
    list-style: none;
    }
.ox-messages-nav a, .ox-messages-nav span,
.ox-tabs-nav a, .ox-tabs-nav a span {
    display: block;
    padding: 0 10px;
    }
.ox-messages-nav a,
.ox-tabs-nav a {  
    margin: 1px 0 0;
    padding-left: 0;
    color: #4d4d4d;
    line-height:1;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    background: #d3d3d3;
    -moz-border-radius:3px ;  -webkit-border-radius:3px ;  border-radius:3px ;
    }
.ox-messages-nav a:hover,
.ox-tabs-nav a:hover {
    background: #bbb;
    }

.ox-messages-nav li.ox-tabs-selected a:hover, 
.ox-tabs-nav li.ox-tabs-selected a:hover {
    background: #4b4b4b;
    color: #fff;
    }
.ox-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #fff;
    background: #4b4b4b;
    }
.ox-messages-nav a span,
.ox-tabs-nav a span {
    width: 64px;
    min-width: 64px;
    height: 18px;
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
    } 
* >.ox-messages-nav a span,    
* >.ox-tabs-nav a span {
    width: auto;
    height: auto;
    }
.ox-messages-nav .ox-tabs-selected a:link, .ox-messages-nav .ox-tabs-selected a:visited,
.ox-tabs-nav .ox-tabs-selected a:link, .ox-tabs-nav .ox-tabs-selected a:visited {
    cursor: text;
    }
.ox-messages-nav a:hover, .ox-messages-nav a:focus, .ox-messages-nav a:active,
.ox-tabs-nav a:hover, .ox-tabs-nav a:focus, .ox-tabs-nav a:active {
    cursor: pointer;
    } 
* html .ox-messages-nav,
* html .ox-tabs-nav {
    display: inline-block;
    } 
*:first-child + html .ox-messages-nav,
*:first-child + html .ox-tabs-nav {
    display: inline-block;
    }

li.ox-tabs-selected {
    padding-bottom: 6px;
    margin-bottom: -6px;
    background: url(img/tab-down.png) bottom center no-repeat;
    }
.ox-messages-nav li,
.ox-tabs-nav li {
    position: relative;
    top: 0;
    }
    


/* White tabs 
---------------------------------------------------------------------------------------------------*/

.white-tabs,
#tag-intro-tabs {
    background: #fff url(img/box-white-bg.png) repeat-x; 
    border:1px solid #e7e7e7;
}
#tag-intro-tabs .ox-tab-panel{
    background:transparent
    }