Tab VO style definition

/*****************************TabVO************************************/
.btt_tabsHeaderContainer ul {  /* style of ul element of 'Tab-Index' item dom element*/
	cursor: default;
	list-style-type: none;
	height: 35px;
	padding: 0 0 0 0px;
	margin: 0 auto 0 auto;
	postion:relative;
}

.btt_tabsHeaderContainer li {  /* style of li element of 'Tab-Index' item dom element */
	display: block;
	float: left;
	line-height: 42px;
	height: 33px;
	margin-left: 4px;
	cursor: pointer;
}

.btt_tabtitle{/* style of title for 'Tab-Index' item dom element */
	float:left;
	margin-right:4px;
	margin-left:3px;
	margin-top:-3px;
}

.btt_tabtitle_input{ /* style of title input textfield when is displayed on editing*/
	height:18px;
	margin-top:8px;
}

.btt_tablogo{ /* style of logo of 'Tab-Index' item dom element */
	float:left;
	margin-top:7px;
	margin-left:-15px;
}

.btt_tabclose{ /* style of close item of 'Tab-index' item dom element */
	
}

.btt_tabcloseimg{ /* style of close image in close item of 'Tab-Index' item dom element */
	background:transparent url(images/tab/close.gif) no-repeat scroll 0 50%;
	cursor:pointer;
	float:left;
	height:15px;
	margin-left:0px;
	margin-right:-8px;
	margin-top:10px;
	overflow:hidden;
	width:15px;
	border:none;
}

.btt_tabHeadItem {  /* style of 'Tab-Index' item dom element */
	background: #4b86c4
	url(images/tab/tab-bg-n.jpg) repeat-x;
	border-top: 1px solid #4b86c4;
	border-left: 1px solid #4b86c4;
	border-right: 1px solid #4b86c4;
	font-size: 12px;
	display: block;
	padding: 0 20px 0 20px;
	color: #9ac6f3;
}

.btt_tabHeadItem_selected { /* style of 'Tab-Index' item dom element when it is chosen */
	background: #FFFFFF
		url(images/tab/tab-cur.jpg) repeat-x;
	border: 1px solid #FFF;
	font-size: 12px;
	padding: 0 20px 0 20px;
	color: #000;
	font-weight: bold;
}

.btt_tabsEditContainer { /* default style of edit area of Tab element */
	display: none;
}

.btt_tabsEditContainer_show { /* style of edit area of Tab element when it is on edit */
	display: block;
	height: 200px;
	background: #aecef1;
}

.btt_tabsEditContainer_show .btt_tabEditItem {  /* style of edit item in edit area of Tab element when is on edit*/
	background: #d0e5fa;
	width: 200px;
	border: 1px solid #458bc8;
}

.btt_tabsEditContainer_show .btt_tabEditItem_headerTitle { /* style of head area of edit item in edit area */
	background: #458bc8;
	font-weight: bold;
	color: #FFF;
	margin-bottom: 10px;
	padding: 5px;
	text-align: left;
}

.btt_tabsEditContainer_show .btt_tabEditItem_action {  /* style of edit area in each eidt item in edit area */
	padding: 10px;
}

.btt_tabsEditContainer_show .btt_tabEditItem_action input { /* style of input textfield in edit area in each edit item */
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #458BC8;
color:#458BC8;
font-family:arial;
}

.btt_tabsEditContainer_show .btt_tabEditItem_action img { /* style of image in edit area in each edit item */
	cursor: pointer;
	border:none;
}

.btt_tabsEditContainer_show .btt_tabEditItem_action label{ /* style of label element in edit area in each edit item */
	padding: 5px;
	color: #333333;
	font-weight: bold;
}

.btt_tabsEditContainer_close { /* style of close area in edit area in each edit item */
	width: 100%;
	height: 15px;
	text-align: center;
	background: #458bc8;
	position: relative;
	top:15px;
}

.btt_tabsContentContainer{  /* style of parent dom container for 'Tab-Content' item dom element */
	display:block;
}

.btt_tabContentItem{ /* style of 'Tab-Content' item dom element */
}