/* 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;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0 0 0 40px;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
}


.ui-tabs-nav a{
    display: block;
	width: 267px;
	height: 34px;
	overflow: hidden;
}

.ui-tabs-nav a span{
	text-indent: -999px;
	text-align: left;
    display: block;
}

.ui-tabs-nav a {
    margin: 0 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #000;
    font-weight: bold;
	font-size: 16px;
    line-height: 16px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    z-index: 2;
    color: #000;
}

.ui-tabs-nav .choice-tab01.ui-tabs-selected a{
	background-image: url(../img/sample1_ac.jpg);
}

.ui-tabs-nav .choice-tab01 a{
	background-image: url(../img/sample1_df.jpg);
}

.ui-tabs-nav .choice-tab01 a:hover{
	background-image: url(../img/sample1_ov.jpg);
}

.ui-tabs-nav .choice-tab02.ui-tabs-selected a{
	background-image: url(../img/sample2_ac.jpg);
}

.ui-tabs-nav .choice-tab02 a{
	background-image: url(../img/sample2_df.jpg);
}

.ui-tabs-nav .choice-tab02 a:hover{
	background-image: url(../img/sample2_ov.jpg);
}

.ui-tabs-nav .choice-tab03.ui-tabs-selected a{
	background-image: url(../img/sample3_ac.jpg);
}

.ui-tabs-nav .choice-tab03 a{
	background-image: url(../img/sample3_df.jpg);
}

.ui-tabs-nav .choice-tab03 a:hover{
	background-image: url(../img/sample3_ov.jpg);
}

.tabBox{
	padding-top: 30px;
	padding-bottom: 30px;
}