/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
	padding: 3px 0;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
	display: inline;
	margin: 0;
	background: none;
	padding:0px;
}

.shadetabs li a div{
	text-decoration: none;
	position: relative;
	z-index: 1;
	margin-right: 1px;
	height:25px;
	float:left;
	padding-left:2px;
	padding-right:3px;	
	background: url(http://www.ischool.vn/images/tab_left.jpg) no-repeat top left;			
	
}
.shadetabs li a div div{
	float:left;
	padding-top:5px;
	background: url(http://www.ischool.vn/images/tab_right.jpg) no-repeat top right;					

}
.shadetabs li a{
	color: #2d2b2b;
}


.shadetabs li a:visited{
	color: #2d2b2b;
}

.shadetabs li a:hover{
	color: #FFFFFF;
}

.shadetabs li a.selected div{ /*selected main tab style */
	position: relative;
	color:white;
	padding-left:2px;
	padding-right:3px;
	background: url(http://www.ischool.vn/images/tab_select_left.jpg) no-repeat top left;			
}

.shadetabs li a.selected{ /*selected main tab style */
	border-bottom-color: white;
	color:red;
}

.shadetabs li a.selected div div{
	float:left;
	padding-top:5px;
	background: url(http://www.ischool.vn/images/tab_select_right.jpg) no-repeat top right;					

}


.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}


