/* 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 */
/*--------- Voice---------*/

.ui-tabs-nav {
	width:500px;
    list-style: none;
    margin: 0 0 5px 20px;
    padding: 0 0 5px 10px;
	border-bottom:1px solid #999999;
}
.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;    
	width:120px;
	height:26px;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
	width:120px;
	height:26px;
}
.ui-tabs-nav a {
	width:120px;
	height:26px;
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
    font-weight: bold;
    /*line-height: 1.2;*/
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
*html .ui-tabs-nav a {
	width:120px;
	height:26px;
    margin: 0 0 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
    font-weight: bold;
    /*line-height: 1.2;*/
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
*html .ui-tabs-nav .ui-tabs-selected a {
	width:120px;
	height:26px;
   position: relative;
    top: 0px;  
    margin-top: 0;
}
.ui-tabs-nav .ui-tabs-selected a {
	width:120px;
	height:26px;
   position: relative;
    top: 1px;  
    margin-top: 0;
}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;	
}
.ui-tabs-nav .ui-tabs-selected a.note01:link, 
.ui-tabs-nav .ui-tabs-selected a.note01:visited, 
.ui-tabs-nav .ui-tabs-disabled a.note01:link, 
.ui-tabs-nav .ui-tabs-disabled a.note01:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	text-indent:-9999px;
    width:120px;
	height:26px;
	cursor: text;
	margin:0;
	padding:0;	
	background:url(../images/b04ov.jpg) no-repeat 0 0;
}

.ui-tabs-nav .ui-tabs-selected a.note02:link, 
.ui-tabs-nav .ui-tabs-selected a.note02:visited, 
.ui-tabs-nav .ui-tabs-disabled a.note02:link, 
.ui-tabs-nav .ui-tabs-disabled a.note02:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	text-indent:-9999px;
    width:120px;
	height:26px;
	cursor:text;
	margin:0;
	padding:0;	
	background:url(../images/b05ov.jpg) no-repeat 0 0;
}

.ui-tabs-nav .ui-tabs-selected a.note03:link, 
.ui-tabs-nav .ui-tabs-selected a.note03:visited, 
.ui-tabs-nav .ui-tabs-disabled a.note03:link, 
.ui-tabs-nav .ui-tabs-disabled a.note03:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	text-indent:-9999px;
    width:120px;
	height:26px;
	cursor: text;
	margin:0;
	padding:0;	
	background:url(../images/b06ov.jpg) no-repeat 0 0;
}

.ui-tabs-nav .ui-tabs-selected a.note04:link, 
.ui-tabs-nav .ui-tabs-selected a.note04:visited, 
.ui-tabs-nav .ui-tabs-disabled a.note04:link, 
.ui-tabs-nav .ui-tabs-disabled a.note04:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	text-indent:-9999px;
    width:120px;
	height:26px;
	cursor: text;
	margin:0;
	padding:0;	
	background:url(../images/b07ov.jpg) no-repeat 0 0;	
}
.ui-tabs-nav .ui-tabs-selected a.note05:link, 
.ui-tabs-nav .ui-tabs-selected a.note05:visited, 
.ui-tabs-nav .ui-tabs-disabled a.note05:link, 
.ui-tabs-nav .ui-tabs-disabled a.note05:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	text-indent:-9999px;
    width:120px;
	height:26px;
	cursor: text;
	margin:0;
	padding:0;	
	background:url(../images/b08ov.jpg) no-repeat 0 0;
}
.ui-tabs-nav .ui-tabs-selected a.note06:link, 
.ui-tabs-nav .ui-tabs-selected a.note06:visited, 
.ui-tabs-nav .ui-tabs-disabled a.note06:link, 
.ui-tabs-nav .ui-tabs-disabled a.note06:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	text-indent:-9999px;
    width:120px;
	height:26px;
	cursor: text;
	margin:0;
	padding:0;	
	background:url(../images/b09ov.jpg) no-repeat 0 0;
}
.ui-tabs-nav .ui-tabs-selected a.note07:link, 
.ui-tabs-nav .ui-tabs-selected a.note07:visited, 
.ui-tabs-nav .ui-tabs-disabled a.note07:link, 
.ui-tabs-nav .ui-tabs-disabled a.note07:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	text-indent:-9999px;
    width:120px;
	height:26px;
	cursor: text;
	margin:0;
	padding:0;	
	background:url(../images/b10ov.jpg) no-repeat 0 0;
}
.ui-tabs-nav .ui-tabs-selected a.note08:link, 
.ui-tabs-nav .ui-tabs-selected a.note08:visited, 
.ui-tabs-nav .ui-tabs-disabled a.note08:link, 
.ui-tabs-nav .ui-tabs-disabled a.note08:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	text-indent:-9999px;
    width:120px;
	height:26px;
	cursor: text;
	margin:0;
	padding:0;	
	background:url(../images/b11ov.jpg) no-repeat 0 0;
}
.ui-tabs-nav .ui-tabs-selected a.note09:link, 
.ui-tabs-nav .ui-tabs-selected a.note09:visited, 
.ui-tabs-nav .ui-tabs-disabled a.note09:link, 
.ui-tabs-nav .ui-tabs-disabled a.note09:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	text-indent:-9999px;
    width:120px;
	height:26px;
	cursor: text;
	margin:0;
	padding:0;	
	background:url(../images/b12ov.jpg) no-repeat 0 0;
}
.ui-tabs-nav .ui-tabs-selected a.note10:link, 
.ui-tabs-nav .ui-tabs-selected a.note10:visited, 
.ui-tabs-nav .ui-tabs-disabled a.note10:link, 
.ui-tabs-nav .ui-tabs-disabled a.note10:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	text-indent:-9999px;
    width:120px;
	height:26px;
	cursor: text;
	margin:0;
	padding:0;	
	background:url(../images/b13ov.jpg) no-repeat 0 0;
}
.ui-tabs-nav .ui-tabs-selected a.note11:link, 
.ui-tabs-nav .ui-tabs-selected a.note11:visited, 
.ui-tabs-nav .ui-tabs-disabled a.note11:link, 
.ui-tabs-nav .ui-tabs-disabled a.note1:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	text-indent:-9999px;
    width:120px;
	height:26px;
	cursor: text;
	margin:0;
	padding:0;	
	background:url(../images/b14ov.jpg) no-repeat 0 0;
}


/*--------- jclma---------*/
#jclma .ui-tabs-nav {
    list-style: none;
	width:520px;
    margin: 0 0 5px 12px;
    padding: 0 0 10px 0;
	border-bottom:1px solid #999999;
}
#jclma .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
#jclma .ui-tabs-nav li {
    float: left;
    margin: 0 0 0 3px;    
	width:100px;
	height:30px;
}
/*#jclma .ui-tabs-nav a, .ui-tabs-nav a span {
	width:120px;
	height:26px;
}*/
#jclma .ui-tabs-nav a {
	width:100px;
	height:30px;
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
    font-weight: bold;
    /*line-height: 1.2;*/
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
*html #jclma .ui-tabs-nav a {
	width:100px;
	height:30px;
    margin: 0 0 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
    font-weight: bold;
    /*line-height: 1.2;*/
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
#jclma .ui-tabs-nav .ui-tabs-selected a {
	width:100px;
	height:30px;
 	position: relative;
    top: 1px; 
    margin-top: 0;
} 
  
#jclma .ui-tabs-nav .ui-tabs-selected a.note05:link, 
#jclma .ui-tabs-nav .ui-tabs-selected a.note05:visited, 
#jclma .ui-tabs-nav .ui-tabs-disabled a.note05:link, 
#jclma .ui-tabs-nav .ui-tabs-disabled a.note05:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	text-indent:-9999px;
	width:100px;
	height:30px;
	cursor: text;
	margin:0;
	padding:0;	
	background:url(../images/b01ov.jpg) no-repeat 0 0;
}

#jclma .ui-tabs-nav .ui-tabs-selected a.note06:link, 
#jclma .ui-tabs-nav .ui-tabs-selected a.note06:visited, 
#jclma .ui-tabs-nav .ui-tabs-disabled a.note06:link, 
#jclma .ui-tabs-nav .ui-tabs-disabled a.note06:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	text-indent:-9999px;
    width:100px;
	height:30px;
	cursor: text;
	margin:0;
	padding:0;	
	background:url(../images/b02ov.jpg) no-repeat 0 0;
}

#jclma .ui-tabs-nav .ui-tabs-selected a.note07:link, 
#jclma .ui-tabs-nav .ui-tabs-selected a.note07:visited, 
#jclma .ui-tabs-nav .ui-tabs-disabled a.note07:link, 
#jclma .ui-tabs-nav .ui-tabs-disabled a.note07:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	text-indent:-9999px;
    width:100px;
	height:30px;
	cursor: text;
	margin:0;
	padding:0;	
	background:url(../images/b03ov.jpg) no-repeat 0 0;
}

#jclma .ui-tabs-nav .ui-tabs-selected a.note08:link, 
#jclma .ui-tabs-nav .ui-tabs-selected a.note08:visited, 
#jclma .ui-tabs-nav .ui-tabs-disabled a.note08:link, 
#jclma .ui-tabs-nav .ui-tabs-disabled a.note08:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	text-indent:-9999px;
    width:100px;
	height:30px;
	cursor: text;
	margin:0;
	padding:0;	
	background:url(../images/b15ov.jpg) no-repeat 0 0;
}

#jclma .ui-tabs-nav .ui-tabs-selected a.note09:link, 
#jclma .ui-tabs-nav .ui-tabs-selected a.note09:visited, 
#jclma .ui-tabs-nav .ui-tabs-disabled a.note09:link, 
#jclma .ui-tabs-nav .ui-tabs-disabled a.note09:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	text-indent:-9999px;
    width:100px;
	height:30px;
	cursor: text;
	margin:0;
	padding:0;	
	background:url(../images/b16ov.jpg) no-repeat 0 0;
}

.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.fR{float:right;}
.fL{float:left;}
.maR05{margin-right:5px;}
.maL05{margin-left:5px;}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

.sr_bt{vertical-align:top; padding-left:5px;padding-top:2px;}

.sr_txt{font-size:95%; line-height:25px;padding-left:5px;}