/**
 * Screen styles for VITTA
 * Author Matthew Holmes <www.ivt.com.au>
 * Created 5 Feb 2008
 */
 
 body {
 	margin: 0;
 	padding: 0;
 	color: #555;
 	font: 62.5% "Trebuchet MS", Arial, Helvetica, sans-serif;
 	}
 	

	iframe, .noshow { display: none; }
 	
 	/* links */
 	a {
 		color: #009791;
 		text-decoration: none;
 		}
 	a:hover {
 		text-decoration: underline;
 		}
 	a:focus {
 		outline: none;
 		}
 	a img {
 		border: 0;
 		}
 		
 		
 	/* common elements */
 	h1, h2, h3, h4, h5, h6, ul, form {
 		margin: 0;
 		padding: 0;
 		list-style: none;
 		}
 	h3 strong {
 		display: none !important;
 		}
 		
 		
 		
 		/* -- structure
 		------------------------------*/
 		#container {
 			width: 980px;
 			margin: 0 auto;
 			}
 			
 			
 			/* using clearfix solution to reduce any html markup just apply class="clearfix" to any div you want. */
 			.clearfix:after {
 				display: block;
 				clear: both;
 				height: 0;
 				content: ".";
 				visibility: hidden;
 				}
 			* html .clearfix { /* ie hack it needs to use height: 1%, does not support the :after pseudoclass */
 				height: 1%;
 				}
 			*+ html .clearfix {
 				height: 1%;
 				}
 				
 				
 			
 			/* -- header */
 			#header {
 				position: relative;
 				height: 105px;
 				}
 			#header h1 {
 				padding: 25px 0 0 20px;
 				}
 				
 				/* -- navigation */
 				ul#nav {
 					position: absolute;
 					right: 0;
 					bottom: 30px;
 					}
 				#nav li {
 					float: left;
 					margin: 0;
 					background: url(../webimages/bg-nav-divider.gif) right no-repeat;
 					}
 				#nav li.end {
 					background: none;
 					}
 				#nav li a {
 					float: left;
 					display: block;
 					margin: 0;
 					padding: 0 12px;
 					color: #009791;
 					font-size: 1.3em;
 					font-weight: bold;
 					text-decoration: none;
 					text-transform: lowercase;
 					}
 				#nav li.end a {
 					padding: 0 0 0 12px;
 					}
 				#nav li a.on, #nav li a:hover {
 					color: #0067ca;
 					}
 					
 					
 				/* -- search */
 				div#search {
 					position: absolute;
 					top: 24px;
 					right: 0;
 					}
 				div#search p {
 					margin: 0;
 					}
 				div#search input {
 					margin: 0 3px 0 0;
 					}
 				div#search button {
 					width: 73px;
 					height: 21px;
 					padding: 0;
					border: 0;
					background: url(../webimages/btn-search.jpg) no-repeat;
					cursor: pointer;
					text-indent: -999em;
 					}
 				
				/* -- login */
				div#login {
					position: absolute;
					top: 20px;
					right: 260px;
					}	
 					
 			/* -- advertising */

			#banner {  }

 			#advertising {
 				float: left;
 				width: 728px;
 				}
 				
 			
 			/* -- conference */
 			#conference {
 				float: right;
 				width: 242px;
 				}
 				
 				
 			
 			/* -- main body */
 			#main-body {
 				position: relative;
 				top: -15px;
 				margin: 0;
 				background: url(../webimages/bg-content.gif) top repeat-y;
 				}
 			#inner-main-body {
 				background: url(../webimages/bg-content-top.gif) top no-repeat;
 				}
 			#main-body .col {
 				float: left;
 				width: 211px;
 				margin: 0;
 				padding: 20px 16px 5px;
 				font-size: 1.19em;
 				line-height: 1.6;
 				}
			#main-body .col.wide
			{
				float: right;
				width: 737px;
				padding: 0;
			}
			#main-body .col.wide .wider
			{
				border-bottom: 1px solid #ccc;
				background: url(../webimages/bg-inner-content.gif) top repeat-y;
			}
 			#main-body .col h3 {
 				margin: 0 0 5px;
 				}
 			#main-body .col h4 {
				height: 22px;
				overflow: hidden;
 				margin: 10px 0 0;
 				color: #0067cb;
 				font-size: 1.2em;
 				font-weight: normal;
 				}

			#main-body .col.wide .wider p
			{
				margin: 0;
				padding: 0 0 3px;
			}

			.events h4
			{
				color: #009791 !important;
			}

				.extras
				{
					float: right;
					width: 737px;
				}

				.resources,
				.events,
				.digitallearning
				{
					float: left;
					width: 213px;
					padding: 20px 16px 5px;
				}

				/* border radius */
				.box-radius
				{
					border-radius: 5px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					background: #eaeaea;
				}

				/* social media */
				ul#socialMedia li
				{
					float: left !important;
					display: inline;
					margin: 0 8px 0 0 !important;
				}
 				
				/* member login */
				div#memberLogin
				{
					position: relative;
					margin: 10px 0 0;
					padding: 2px 10px 10px;
				}
				div#memberLogin p.message
				{
					position: absolute;
					top: 14px;
					right: 10px;
					color: #999 !important;
				}
				div#memberLogin.searcheKnowledge { margin: 10px 0 0; }
				div#memberLogin p { margin: 0 0 5px; padding: 0; }
				div#memberLogin form,
				div#memberLogin fieldset,
				div#memberLogin ol,
				div#memberLogin ol li
				{
					margin: 0;
					padding: 0;
					border: 0;
					list-style: none;
				}
				div#memberLogin ol li
				{
					margin: 5px 0 0 !important;
				}
				div#memberLogin form input
				{
					float: left;
					width: 95px;
					margin: 0 5px 0 0;
					padding: 5px;
					border: 1px solid #CCC;
					color: #27a7a2;
				}
				div#memberLogin form button
				{
					float: left;
					width: 69px;
					height: 24px;
					margin: 0;
					padding: 24px 0 0;
					border: 0;
					background: url(../images/login-btn.gif) no-repeat;
					cursor: pointer;
					text-indent: -999em;
				}
				div#memberLogin form button.go
				{
					background: url(../images/btn-go.gif) no-repeat;
				}
				div#memberLogin #password-clear
				{
					display: none;
				}

				div.slides
				{
					padding: 0 0 10px;
				}

				div.shortDes
				{
					margin: 0 0 10px;
					height: 60px;
					overflow: hidden;
				}

				div#tmpSlideshow
			  	{
			  		position: relative;
			  		width: 211px;
			  		overflow: hidden;
			  	}
			  	div.tmpSlide
			  	{
			  		float: left;
			  		width: 211px;
			  		overflow: hidden;
			  	}
			  	div#tmpSlideshowControls,
				div#tmpSlideshowControls2,
				div#tmpSlideshowControls3
			  	{
			  		position: absolute;
			  		top: 145px;
			  		right: 20px;
			  	}
			  	div#tmpSlideshowControls div.tmpSlideshowControl,
				div#tmpSlideshowControls2 div.tmpSlideshowControl2,
				div#tmpSlideshowControls3 div.tmpSlideshowControl3	
			  	{
			  		float: left;
			  		margin: 0 0 0 3px;
			  	}
			  	div.tmpSlideshowControl span,
				div.tmpSlideshowControl2 span,
				div.tmpSlideshowControl3 span
			  	{
			  		float: left;
					display: block;
					background: #fff;
					border: 1px solid #ccc;
					border-radius: 2px;
					-moz-border-radius: 2px;
					-webkit-border-radius: 2px;
					width: 9px;
					height: 9px;
					text-indent: -999em;
			  	}
			  	div.tmpSlideshowControl span:hover,
			  	div.tmpSlideshowControlActive span,
				div.tmpSlideshowControl2 span:hover,
			  	div.tmpSlideshowControlActive2 span,
				div.tmpSlideshowControl3 span:hover,
			  	div.tmpSlideshowControlActive3 span
			  	{
			  		background: #009791;
					border: 1px solid #fff;
			  	}

				/*#resourcesSlide,
				#eventsSlide,
				#digitallearningSlide
				{
					position: relative;
				}
				#resourcesSlideNav,
				#eventsSlideNav,
				#digitallearningSlideNav 
				{ 
					position: absolute;
					top: 146px;
					right: 20px;
					z-index: 99;
				}
				#resourcesSlideNav a,
				#eventsSlideNav a,
				#digitallearningSlideNav a
				{
					float: left;
					display: block;
					margin: 0 0 0 3px;
					background: #fff;
					border: 1px solid #ccc;
					border-radius: 2px;
					-moz-border-radius: 2px;
					-webkit-border-radius: 2px;
					width: 9px;
					height: 9px;
					text-indent: -999em;
				}
				#resourcesSlideNav a:hover,
				#eventsSlideNav a:hover,
				#digitallearningSlideNav a:hover
				{
					background: #009791;
					border: 1px solid #fff;
				}
				#resourcesSlide ul,
				#eventsSlide ul,
				#digitallearningSlide ul
				{
					position: relative;
					/*width: 633px;*/
					overflow: hidden;
					z-index: 1;
				}
				#resourcesSlide ul li,
				#eventsSlide ul li,
				#digitallearningSlide ul li
				{
					float: left !important;
					width: 211px;
					overflow: hidden;
				}*/

			
				/*#resourcesSlide,
				#eventsSlide
				{
					position: relative;
					overflow: hidden;
				}
				#resourcesSlide #resourcesSlideNav,
				#eventsSlide #eventsSlideNav
				{
					position: absolute;
					top: 100px;
					right: 25px;
					z-index: 99;
					background: #000;
				}
				#resourcesSlide div#resourcesSlideBanner,
				#resourcesSlide div.slides,
				#eventsSlide div#eventsSlideBanner,
				#eventsSlide div.slides
				{
					float: left;
					display: block;
					width: 211px;
					margin: 0 0 10px;
					overflow: hidden;
					
				}
				#resourcesSlide div#resourcesSlideBanner,
				#eventsSlide div#eventsSlideBanner
				{
					margin: 0;
				}*/
					
					
				/* banner ads */
				#bannerAds 
				{
					float: left;
					width: 100%;
					background: #000;
				}
				.extras div.left
				{
					float: left;
					display: inline;
					margin: 15px 0;
				}
				.extras div.right
				{
					float: right;
					display: inline;
					margin: 15px 0;
				}
				/*#bannerAds ul li:last-child,
				#bannerAds ul li.last
				{
					margin: 15px 0;
					background: #000;
				}*/


				/* logos */
				.logos
				{
					float: right;
				}
				.logos .left
				{
					float: left;
				}
				.logos .right
				{
					float: right;
				}
				.logos .left ul li
				{
					float: left;
					width: 100px;
					height: 75px;
					display: inline;
					margin: 0 25px 0 0;
					border: 1px solid #CCC;
					text-align: center;
				}
				.logos .right
				{
					width: 100px;
					height: 75px;
					margin: 0;
					border: 1px solid #CCC;
					text-align: center;
				}

 				
 				/* partners */
 				ul.partners {
 					text-align: center;
 					}
 				ul.partners li {
 					float: left;
 					width: 106px;
 					height: 50px;
 					}
 				
 				
 				/* links */
 				ul.links {
 					margin: 15px 0 0 0;
 					}
 				ul.links li {
					float: left;
 					width: 210px;		
					_width: 206px;
					display: inline;
 					margin: 0 5px 0 0 !important;
 					padding: 0 !important;
					
 					background: #eaeaea;
 					}
 				ul.links li.menu_odd {
 					background: #fff;
					
 					}
 				ul.links li a {
 					display: block;
 					margin: 0;
 					padding: 4px 12px 4px 28px;
 					font-size: 1.1em;
 					color: #2fa8a3;
 					text-decoration: none;
 					background: url(../webimages/ul-links-icon.gif) 10px 8px no-repeat;
 					}
 				ul.more {
 					margin: 10px 0 0;
 					}
 				ul.more li a {
 					color: #0067cb;
 					background: url(../webimages/ul-more-icon.gif) 10px 8px no-repeat;
 					}

				a.arrow
				{
					position: relative;
					top: -5px;
					_top: -15px;
					^top: -15px;
					display: inline-block;
					width: 12px;
					height: 12px;
					background: url(../webimages/ul-links-icon.gif) 0 0 no-repeat;
					text-indent: -999em;
				}
 					
 					
 				/* list */
 				div.list, div.industryList {
 					padding: 5px 0;
 					
 					}
 				div.list a {
 					display: block;
 					padding: 0 0 0 28px;
 					color: #0067cb;
 					font-size: 1.2em;
 					text-decoration: none;
 					background: url(../webimages/ul-more-icon.gif) 10px 5px no-repeat;
 					}
 				div.resources div.list a {
 					display: block;
 					padding: 0 0 0 28px;
 					color: #2fa8a3;
 					font-size: 1.2em;
 					text-decoration: none;
 					background: url(../webimages/ul-links-icon.gif) 10px 5px no-repeat;
 					}	
 				div.list span.date, div.industryList span.date {
 					padding: 0 0 0 28px;
 					}
 					
 				/* twitter */			
				ul.twitter {
					margin: 10px 0 0;
					padding: 0;
					}
				
				ul.twitter li a {
					padding: 18px 0 0 90px;
					margin: 0;
					background: url(../webimages/twitter.gif) 0 0 no-repeat;
					display: block;
					height: 26px;
					}
 				
 				/* banners */
 				
 				div#banners ul li { display: inline; float: left; margin: 0 16px; }
 				div#banners ul li img { width: 212px; }
 				
 			
 			/* -- footer */
 			#footer {
 				background: #009791;
 				color: #fff;
 				font-size: 1.1em;
 				}
 			#footer a {
 				color: #fff;
 				}
 			#footer p {
 				margin: 0;
 				padding: 10px 20px;
 				}
 			#footer p.copyright {
 				float: left;
 				background: url(../webimages/bg-left-footer.gif) bottom left no-repeat;
 				}
 			#footer p.credits {
 				float: right;
 				background: url(../webimages/bg-right-footer.gif) bottom right no-repeat;
 				}
 				
 				
 				/* fade effect for footer */
 				#fade {
 					height: 35px;
 					background: url(../webimages/bg-fade.gif) no-repeat;
 					}
 					
 			
 			
 				/* thickbox styles do not remove or modify 
				---------------------------------------------------------------*/
				#TB_overlay {
					position: fixed;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					z-index: 100;
					}
					
					/* overlay hack for mac */
					.TB_overlayMacFFBGHack {
						background: url(../webimages/machack.png) repeat;
						}
						
					.TB_overlayBG {
						background: #000;
						filter: alpha(opacity=75);
						-moz-opacity: 0.75;
						opacity: 0.75;
						}
						
					/* ie6 hack for overlay to work */
					* html #TB_overlay {
						position: absolute;
						height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
						}
						
					#TB_window {
						position: fixed;
						top: 50%;
						left: 50%;
						display: none;
						border: 5px solid #999;
						background: #fff;
						text-align: left;
						z-index: 102;
						}
						
					/* ie6 hack for window to work */
					* html #TB_window {
						position: absolute;
						margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
						}
						
					#TB_caption {
						display: none !important;
						}
						
					#TB_title {
						height: 30px;
						background: #e8e8e8;
						}
						
					#TB_closeAjaxWindow {
						float: right;
						padding: 7px 7px 5px 0;
						text-align: right;
						}
						
					#TB_ajaxContent {
						clear: both;
						margin: 0;
						padding: 15px;
						text-align: left;
						overflow: auto;
						}
						
					/* loading position */
					#TB_load {
						display: none;
						position: fixed;
						top: 50%;
						left: 50%;
						width: 208px;
						height: 13px;
						margin: -6px 0 0 -104px;
						z-index: 103;
						}
					
					/* ie6 hack for load to work */
					* html #TB_load {
						position: absolute;
						margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
						}	
						
						
						/* dashboard
						--------------------*/
						#TB_ajaxContent #dashboard_title {
							height: 72px;
							margin: 0;
							padding: 0;
							background: #fff;
							}
						#TB_ajaxContent #dashboard_title h2 {
							padding: 20px;
							background:  url(../webimages/bg-content-title-right.gif) bottom right no-repeat;
							color: #00998e;
							font-size: 1.8em;
							font-weight: normal;
							}
						#TB_ajaxContent #dashboard_title div {
							background: #dedede url(../webimages/bg-content-title-left.gif) bottom left no-repeat;
							}
						#TB_ajaxContent form,
						#TB_ajaxContent form fieldset {
							margin: 0;
							padding: 0;
							border: 0;
							}
						#TB_ajaxContent form ol {
							list-style: none;
							margin: 0;
							padding: 0;
							}
						#TB_ajaxContent form li {
							clear: both;
							margin: 0 0 .75em;
							padding: 0;
							}
						#TB_ajaxContent form label {
							float: left;
							width: 65px;
							margin-right: 5px;
							padding: 4px 0 0;
							text-align: right;
							font-size: 1.2em;
							}
						#TB_ajaxContent form label:after {
							content: ":";
							}
						#TB_ajaxContent form input {
							width: 170px;
							}
						#TB_ajaxContent form button {
							margin-left: 70px;
							padding: 0;
							border: 0;
							background: transparent;
							cursor: pointer;
							}
						#TB_ajaxContent a {
							font-size: 1.1em;
							}
 					
 					
 			
.slides
{
	position: relative;
	width: 208px;
}	
.nav,
.nav1,
.nav2,
.moreNav
{
	position: absolute;
	top: 146px;
	right: 15px;
	z-index: 99;
}
.nav,
.nav1,
.nav2
{	
	right: 30px;
}
.nav a,
.nav1 a,
.nav2 a,
.moreNav a
{
	float: left;
	display: inline-block;
	margin: 0 0 0 3px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	width: 10px;
	height: 10px;
	font-size: 5px;
	text-indent: -999em;
}
.nav a:hover,
.nav a.activeSlide,
.nav1 a:hover,
.nav1 a.activeSlide,
.nav2 a:hover,
.nav2 a.activeSlide,
.moreNav a:hover
{
	background: #009791;
	border: 1px solid #fff;
}