/* hide container until all is ready */
.test,
.test2,
.test3,
.test4 {
	display: none;
}

/* Main Container */
.container {
	margin: 0 -3px;
}
.container ul {
	height: 270px;
	margin: 0;
	overflow: hidden;
	padding: 0;	
}
.container li {
	margin: 0;
	padding: 0;
}

/* Content Container */
.contentContainer {
	padding-left: 0;	
	float: left;
	width: 0;
	height: 270px;	
	overflow: hidden;
}
.contentInnerWrapper {
	margin: 0 3px;
}
.contentInnerWrapper h3 {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
}
.contentInnerWrapper ul {
	background: #f2f1f1;
	height: 220px;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.contentInnerWrapper li {
	display: inline;
}
.contentInnerWrapper li a {
	color: #1367a3;
}

/* Handle */
.handle {
	float: left;
	height: 270px;
	margin: 0 3px;
	width: 30px;
	background: #f2f1f1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.handleOver {	
}
.handleSelected {	
}

.verticaltext {
	writing-mode: tb-rl;
	filter: flipV flipH;
}