/* CSS Document */

/***************** TAB STYLES ********************/


.div_tabs
{
    /* The main tab container */
    /* margin-left: 225px; */ /* no longer a float */
    padding-top: 10px;
    padding-bottom: 0;
    margin: 0;
}

.table_tabs {
    border-collapse: collapse;
}

.table_tabs td
{
    border-collapse: collapse;
    margin: 0 2px 0 2px;
    padding: 0;
}

.row_tabs td {
    padding-left: 3px;
    padding-right: 3px;
}

.table_tabs a:hover {
    /* color:#555555; */
    text-decoration:underline;
}

.table_tabs .cell_fade
{
    background-position: top;
    background-repeat: repeat-x;
    height: 22px; /* 22 px 13px*/
    
} 


/* ********** Common for all tabs ********** */

.table_tab {
    border-collapse: collapse;
    margin: 0;
    /* float: left; */ /* not needed, tabs are inside a table now*/
}

.table_tab td {
    margin: 0;
    padding: 0;
    height:22px;  
}

.tab_selected
{
    /*border-top: solid 5px #CCCCCC;*/
    border-bottom: solid 2px #000000;
}

.tab_center a {
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    padding-left: 0px;
    padding-right: 0px;
    white-space: nowrap;
}

.tab_center {
    vertical-align: middle;
    background-repeat:repeat-x;
    background-position: center bottom;
}

.tab_left
{
    background-position: right bottom;
    background-repeat: no-repeat;
}

.tab_right {
    background-position: left bottom;
    background-repeat: no-repeat;
}

/* A div inside each left/right table cell is needed to prevent the cell from collapsing when the 
page width becomes too small. It doesn't help to apply this width/height directly to the table cell.
This method is used instead of having a spacer image inside each table cell.
*/
.tab_left div, .tab_right div {
    width: 8px;
    height: 22px; /* not really needed, the width is the most important */
}


/* ******************* TABS *******************/

/*********** none ***********/
.none_fade { background-image: url('../images/tabs/none_fade.png');}

/*********** listning ***********/
.listning .tab_center a {color: #444444;}
.listning .tab_center { background-image: url('../images/tabs/ge_c.png');}
.listning .tab_left { background-image: url('../images/tabs/ge_l.png');}
.listning .tab_right { background-image: url('../images/tabs/ge_r.png');}
.listning_fade { background-image: url('../images/tabs/ge_fade.png');}

/*********** omdomen ***********/
.omdomen .tab_center a {color: #AA4400;}
.omdomen .tab_center { background-image: url('../images/tabs/be_c.png');}
.omdomen .tab_left { background-image: url('../images/tabs/be_l.png');}
.omdomen .tab_right { background-image: url('../images/tabs/be_r.png');}
.omdomen_fade { background-image: url('../images/tabs/be_fade.png');}