#cc_tab_container{
    width:100%;
    float:left;
    background-image:url('mainframe_body/submenu_other_fill.png');
}

#tab_view_bottom_gradient{
    display:block;
    margin-right:0px;
    height:54px;
    border-style:solid;
    border-width:0px;
    border-left-width:1px;
    border-right-width:1px;
    border-color:#cccccc;
    background-image:url('mainframe_body/mbody_bottom_fill.png');
}


.caption_text{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	text-transform: none;
    font-weight:bold;
	color: #0066cc;
	text-decoration: none;
	word-spacing: normal;
	cursor:pointer;
}

.ui-tabs{}

.ui-tabs-nav{
    min-height:61px;
    display:block;
    list-style:none;
    text-align:right;
    padding:0;
    margin:0;
    background-image:url('mainframe_header/mf_header_fill.png');
    background-repeat:repeat-x;
}

.ui-tabs-nav li{
    display:inline-block;
}

*+html .ui-tabs-nav li{
    display:inline;
}
.ui-tabs-panel{
    border:1px solid #cccccc;
    border-width: 0px 1px 0px 0px;
    padding:20px;
    padding-bottom:0px;
}

.ui-tabs-hide{
    visibility:collapse;
}

.ui-state-default{
    background-image:url('mainframe_header/tab_fill_passive.png');
    min-width:34px;
    height:51px;
    vertical-align:top;
}

.ui-state-default .ctab_corner_r{
    background-image:url('mainframe_header/tab_right_passive.png');
    width:18px;
    height:51px;
    display:inline-block;
    vertical-align:top;
}

.ui-state-default .ctab_corner_l{
    background-image:url('mainframe_header/tab_left_passive.png');
    width:18px;
    height:51px;
    display:inline-block;
    vertical-align:top;
}
.ui-state-default a{
    margin-top:10px;
    color:gray;
    font-family:Verdana;
    font-size:small;
    display:inline-block;
    vertical-align:top;
    min-width:80px;
    text-align:center;
}

.ui-state-active{
    background-image:url('mainframe_header/tab_fill_active.png');
    min-width:48px;
    height:51px;
    vertical-align:top;
}

.ui-state-active .ctab_corner_r{
    background-image:url('mainframe_header/tab_right_active.png');
    width:18px;
    height:51px;
    display:inline-block;
    vertical-align:top;
}

.ui-state-active .ctab_corner_l{
    background-image:url('mainframe_header/tab_left_active.png');
    width:18px;
    height:51px;
    display:inline-block;
    vertical-align:top;
}

.ui-state-active a{
    margin-top:10px;
    color:gray;
    font-family:Verdana;
    font-size:small;
    display:inline-block;
    vertical-align:top;
    min-width:80px;
    text-align:center;
}

.ui-widget-content{
    color:gray;
    display:block;
}
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}