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

/*
MONMAG ROTATOR TEMPLATE
VERSION: 1.0
DATE: 7 MAY 2010
AUTHOR: ROSS TULLOCH
EMAIL: ROSS.TULLOCH@ADM.MONASH.EDU.AU
*/


/*------------------------------------ */
/*ROTATOR*/
/*------------------------------------ */

/*#wrapper {
	width:950px; 
	border-top:0px solid #92a5bc;
	border-bottom:1px solid #92a5bc;
	margin:0 auto;
}

#container {
	width:950px;
	margin:0 auto;
}*/
#rotator {
		color:#000000;
		font-size:16px;
		height:455px;
		margin:0 0 10px;
		padding-bottom:2.6em;
		position:relative;
		width:500px;
		font-family:Arial, Helvetica, sans-serif;
		
}
/* Tabs */
ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	line-height:1.3;
	text-decoration:none;
	font-size:100%;
	list-style:none;
	float:left;
}
ul.ui-tabs-nav {
	position:absolute;
	bottom:0px;
	left:0;
	z-index:1;
	width:100%;
	background:#FFF url(../images/tabs-nav-bg.gif) repeat-x bottom right;
	border-top:0px solid #FFF;
}
/* Non-Selected Tabs */
li.ui-tabs-nav-item a:link,
li.ui-tabs-nav-item a:visited {	
	font-size:.8em;
	font-weight:normal;
	color:#999;
	background:#FFF url(../images/tabs-nav-bg.gif) repeat-x bottom left; 
	border-left:0px solid #FFF;
	border-right:1px solid #fff;
}
/* Hovered Tab */
#rotator .ui-tabs-nav-item a:hover,
#rotator .ui-tabs-nav-item a:active {
	background:#FFF url(../images/uiactivetabbg.gif) repeat-x bottom left;
	color:#333;
}
#rotator .ui-tabs-nav-item a span {
	float:left; 
	padding:1em; 
	cursor:pointer;
	width:15px;
	height:15px;
	background:#eee;
	text-align:center;
	border-top:1px solid #fff;
}
/* Active Tab */
#rotator .ui-tabs-selected a:link,
#rotator .ui-tabs-selected a:visited,
#rotator .ui-tabs-selected a:hover,
#rotator .ui-tabs-selected a:active {
	background:#fff url(../images/uiactivetabbg.gif) repeat-x bottom left;
	color:#333;
}
/* Content Panels */
#rotator .ui-tabs-panel {
	clear:left;
	color:#000;
	padding:0;
	height:331px;
}
#rotator .ui-tabs-hide {
	display:none;
}
#rotator h2 {
	/*color:#E75D00;*/
	color:#2e3332;
	font-weight:normal;
	margin:-10px 0 0 0;
	font-size:1.8em;
	line-height:1.2em;
}
#rotator h2 img {
	border:medium none; 
	margin: 0pt 0pt 0pt 5px; 
	padding: 0pt; 
	float: none; 
	clear: none;
}
#rotator p {
	font-size:1.1em;
	margin:0.5em 0 1em 0;
	color:#333;
	line-height:22px;
}
.rotator-box {
	width:330px;
	height:140px;
	background:#e75f03;
}
.rotator-box h2 {
	/*color:#E75D00;*/
	color:#2e3332;
	font-weight:normal;
	margin:-10px 0 0 0;
	font-size:1em;
	line-height:1em;
}
.rotator-box h2 img {
	border:medium none; 
	margin: 0pt 0pt 0pt 5px; 
	padding: 0pt; 
	float: none; 
	clear: none;
}
.rotator-box p {
	font-size:0.7em;
	margin:0.5em 0 1em 0;
	color:#333;
	line-height:18px;
}
#rotator .btn_get_started {
	float:left;
	height:30px;
	width:99px;
	text-indent:-9999em;
	margin-right:7px; 
	overflow:hidden; 
	background:transparent url(../images/more.gif) no-repeat
}
#rotator .btn_learn_more {
	float:left;
	height:26px;
	font-size:.9em;
}
/* Background Images */
#rotator #fragment-1 {background:transparent url(1.jpg) no-repeat top right;}
#rotator #fragment-2 {background:transparent url(2.jpg) no-repeat top right;}
#rotator #fragment-3 {background:transparent url(3.jpg) no-repeat top right;}
#rotator #fragment-4 {background:transparent url(4.jpg) no-repeat top right;}
#rotator #fragment-5 {background:transparent url(5.jpg) no-repeat top right;}
#rotator #fragment-6 {background:transparent url(6.jpg) no-repeat top right;}
#rotator #fragment-7 {background:transparent url(7.jpg) no-repeat top right;}
#rotator #fragment-8 {background:transparent url(8.jpg) no-repeat top right;}
#rotator #fragment-9 {background:transparent url(9.jpg) no-repeat top right;}
#rotator #fragment-10 {background:transparent url(10.jpg) no-repeat top right;}
#rotator #fragment-11 {background:transparent url(11.jpg) no-repeat top right;}
#rotator #fragment-12 {background:transparent url(12.jpg) no-repeat top right;}
#rotator #fragment-13 {background:transparent url(13.jpg) no-repeat top right;}
#rotator #fragment-14 {background:transparent url(14.jpg) no-repeat top right;}
#rotator #fragment-15 {background:transparent url(15.jpg) no-repeat top right;}
#rotator #fragment-16 {background:transparent url(16.jpg) no-repeat top right;}
#rotator #fragment-17 {background:transparent url(17.jpg) no-repeat top right;}
#rotator #fragment-18 {background:transparent url(18.jpg) no-repeat top right;}
#rotator #fragment-19 {background:transparent url(19.jpg) no-repeat top right;}
#rotator #fragment-20 {background:transparent url(20.jpg) no-repeat top right;}
#rotator #fragment-21 {background:transparent url(21.jpg) no-repeat top right;}
#rotator #fragment-22 {background:transparent url(22.jpg) no-repeat top right;}
#rotator #fragment-23 {background:transparent url(23.jpg) no-repeat top right;}
#rotator #fragment-24 {background:transparent url(24.jpg) no-repeat top right;}
#rotator #fragment-25 {background:transparent url(25.jpg) no-repeat top right;}
#rotator #fragment-26 {background:transparent url(26.jpg) no-repeat top right;}
#rotator #fragment-27 {background:transparent url(27.jpg) no-repeat top right;}
#rotator #fragment-28 {background:transparent url(28.jpg) no-repeat top right;}
#rotator #fragment-29 {background:transparent url(29.jpg) no-repeat top right;}
#rotator #fragment-30 {background:transparent url(30.jpg) no-repeat top right;}
#rotator #fragment-31 {background:transparent url(31.jpg) no-repeat top right;}
#rotator #fragment-32 {background:transparent url(32.jpg) no-repeat top right;}
#rotator #fragment-33 {background:transparent url(33.jpg) no-repeat top right;}
#rotator #fragment-34 {background:transparent url(34.jpg) no-repeat top right;}
#rotator #fragment-35 {background:transparent url(35.jpg) no-repeat top right;}
#rotator #fragment-36 {background:transparent url(36.jpg) no-repeat top right;}
#rotator #fragment-37 {background:transparent url(37.jpg) no-repeat top right;}
#rotator #fragment-38 {background:transparent url(38.jpg) no-repeat top right;}

a.readmore {
	background: #e75f03;
	color: white !important;
	padding: 0.23em 0.57em;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	text-decoration:none;
	}
a.readmore:hover {
	background: #333333 !important;
	text-decoration: none;
	}