/* --------------------------------------------
 *                for tabView.js
 * -------------------------------------------- */

/*
 *  - 'pseudo-enabled' className will set by the script automatically.
 *    to tabView base elements (Element.tabView).
 *  - 'pseudo-current' className will set by the script automatically
 *    to currently selected tab and pane (Element.tabView-tab).
 */



/* ======== default tabview style ======== */

/* ----- base block ----- */

div.tabView {
	/* display: none; */ /* this will be set by the script */
}

body div.tabView.pseudo-enabled {
	display: block;
}


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

div.tabView .tabView-tab {
}

div.tabView.pseudo-enabled .tabView-tab {
}

div.tabView.pseudo-enabled .tabView-tab.pseudo-current {
}


/* ----- panes ----- */

div.tabView.pseudo-enabled .tabView-pane {
	/*
	 *  - 'height' value will set by the script automatically
	 *    when TN_TABVIEW_AUTOSETUP_ADJUST_HEIGHT is true.
	 *
	 *  - 'padding' value must be in 'px' unit.
	 *  - 'border-width' value must be in 'px' unit.
	 */
	display: none;
	/*overflow: auto;*/
	height: auto;
}

div.tabView.pseudo-enabled .tabView-pane.pseudo-current {
	display: block;
}

div.tabView.pseudo-enabled li.tabView-pane.pseudo-current {
	display: list-item;
}

div.tabView.pseudo-enabled table.tabView-pane.pseudo-current {
	display: table;
}

div.tabView.pseudo-enabled tbody.tabView-pane.pseudo-current {
	display: table-row-group;
}

div.tabView.pseudo-enabled tr.tabView-pane.pseudo-current {
	display: table-row;
}

div.tabView.pseudo-enabled th.tabView-pane.pseudo-current,
div.tabView.pseudo-enabled td.tabView-pane.pseudo-current {
	display: table-cell;
}



div.tabView {
	line-height: 1;
}

div.tabView div.tabView-pane {
	margin-bottom: 12px;
}

div.tabView div.tabView-pane span.magnify {
	display: block;
	margin-top: 0.36em;
	*margin-top: 0.2em;
	margin-left: 1px;
	font-size: 92%;
	*font-size: 83%;
	text-decoration: none;
}

div.tabView div.tabView-pane span.magnify img {
	margin-right: 4px;
	vertical-align: middle;
	position: relative;
	top: -2px;
	*top: 1px;
}

div.tabView .tabView-tabs ul{
     margin:10px 0 0 0;
	 padding:0 0 0 11px;
	 height:33px;
	 border-bottom:1px #d7d5d5 solid;
}

div.tabView .tabView-tabs ul li{
    list-style:none;
	float:left;
	margin-right:2px;
}

div.tabView .tabView-pane{
    clear:both;
}

#tabView-footer ul{
	display: block;
	list-style: none;
	margin: 0 15px 0 0;
	padding: 2px 0 0 0;
	font-size: 100%;
	line-height: 1.17;
	text-align:right;
}

#tabView-footer ul li{
	display: inline;
	margin: 0 0 0 15px;
	padding: 0 0 0 9px;
	_padding-left: 0;   /* ~WinIE6 */
}

#tabView-footer ul li img{
	display: inline;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

#tabView-footer ul li img:first-Child{
	margin-left: -9px;
	margin-right:5px;
}

#tabView-footer ul li a{
	white-space: nowrap;
}