@charset "utf-8";
/* CSS Document */

.roundabout-holder {
	padding: 0;
	top: -80px;
	position:relative;
	height:520px;
	}
	   
.roundabout-moveable-item {
	cursor: pointer;
	border: 1px solid #77E;
	}
	
.roundabout-moveable-item:hover{
	border: 1px solid #F72;
}

.roundabout-in-focus {
	cursor: pointer; 
	}

ul#iconRoundabout li{
	width:200px;
	height: 200px;
}

li#RBLiIll{ background-image:url(../images/illustrationIcon.png); width: 200px; height: 200px; }
li#RBLiFur{ background-image:url(../images/furballsIcon.png); width: 200px; height: 200px; }
li#RBLiWN{ background-image:url(../images/wordIcon.png); width: 200px; height: 200px; }
li#RBLiFun{ background-image:url(../images/sillyIcon.png); }

/* div to display active roundabout item name */
div#roundaboutText{
	position:relative;
	width:100%;
	font-weight:bold;
	font-size:1.1em;
	text-align:center;
	top: 0px;
	background-image:url(../images/layout/RBPanelMid.jpg);
	background-repeat:repeat;
	height:30px;
}

img#RBPanelLeft{
	position:absolute;
	left:-1px;
	top: 0px;
}

img#RBPanelRight{
	position:absolute;
	right:-1px;
	top:0px;
}

span#RBText{
	position:relative;
	top: 5px;
	font-size:1.1em;
}

/* special override height for main content bar to size to roundabout contents */
div#contentMainBar {
	height:350px;
	}