/**
 * Screen styles for VITTA
 * Author Matthew Holmes <www.ivt.com.au>
 * Created 5 Feb 2008
 */
 
 body {
 	margin: 0;
 	padding: 0;
 	color: #4E4E4E;
 	font: 62.5% "Trebuchet MS", Arial, Helvetica, sans-serif;
 	}
 	
 	
 	/* 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, form {
 		margin: 0;
 		padding: 0;
 		list-style: none;
 		}
 	h3 {
		color: #4E4E4E; 
		font-size: 1.1em;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
 		}
		
 	h2 {
		color: #4E4E4E;
 		font-size: 1.5em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		margin: 0 0 .5em;
 		} 
 		
 	.noshow, .buy_field, .prod_list, p.price input {
 		display: none;
 		}
 		
 		
 		
 		/* -- 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: 110px;
 				}
 			#header h1 {
 				padding: 30px 0 0 0;
 				}
 				
 				/* -- navigation */
 				ul#nav {
 					position: absolute;
 					right: 0;
 					bottom: 30px;
 					margin: 0;
 					padding: 0;
 					list-style: none;
 					}
 				#nav li {
 					float: left;
 					margin: 0;
 					background: url(../images/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(../images/btn-search.jpg) no-repeat;
					cursor: pointer;
					text-indent: -999em;
 					}

				/* -- login */
				div#login {
					position: absolute;
					top: 20px;
					right: 260px;
					}
 					
 					
 			/* -- banner */
 			#banner-title {
 				float: left;
 				width: 728px;
 				height: 86px;
 				}
 			#banner-title h2 {
 				color: #fff;
 				font-size: 2.4em;
 				}
 				
 			
 			/* -- randomimages */
 			#randomimages {
 				float: right;
 				width: 242px;
 				height: 86px;
 				}
 				
 				
 			
 			/* -- main body */
 			#main-body {
 				position: relative;
 				margin: 55px 0 15px;
 				background: url(../images/bg-content.gif) top repeat-y;
 				}
 			* html #main-body {
 				margin: 0 0 15px;
 				}
 			#inner-main-body {
 				background: url(../images/bg-content-top.gif) top no-repeat;
 				}


			#main-body .col {
					float: left;
					width: 212px;
					margin: 0 1px 0 0;
					padding: 0 16px 5px;
					font-size: 1.1em;
					line-height: 1.6;
					}
			
			#main-body .middle {
					float: left;
					width: 450px;
					padding: 0 20px 5px;
					font-size: 1.2em;
					line-height: 1.6;
					font-family: Verdana;
			}
			#main-body .right {
					float: left;
					width: 202px;
					padding: 0 20px 5px;
					font-size: 1.2em;
					line-height: 1.6;
					font-family: "Myriad Pro";
			}
			
			
			
			
					
					
					p.path, div.path {
						position: absolute;
						top: -38px;
						left: 20px;
						margin: 0;
						color: #0067ca;
						display: none;
						}
					p.path a {
						color: #0067ca;
						text-decoration: underline;
						}
						
						
					p.breadcrumb {
						position: absolute;
						top: -35px;
						left: 20px;
						margin: 0;
						color: #0067ca;
						font-size: 1.2em;
						text-transform: lowercase;
						}
					p.breadcrumb a {
						color: #0067ca;
						}
		
						
					/* -- main search */
					div.search_form form,
					div.search_form fieldset {
						margin: 0;
						padding: 0;
						border: 0;
						}
					div.search_form legend,
					div.search_form label {
						display: none;
						}
					div.search_form input {
 						margin: 0 3px 0 0;
 						width: 600px;
 						}
					div.search_form button {
						width: 73px;
						height: 21px;
						padding: 0;
						border: 0;
						background: url(../images/btn-search.jpg) no-repeat;
						cursor: pointer;
						text-indent: -999em;
						}
						
						
					/* list */
					table.products_category_table,
					table.products_list_table,
					table.knowledge_list_table {
						width: 100%;
						}
					table.products_category_table td,
					table.knowledge_list_table td {					
						padding: 5px 0;
						}
						
						
						
					form#passwordForm,
					form#passwordForm fieldset	{
						margin: 0;
						padding: 0;
						border: 0;
						}
					form#passwordForm legend {
						display: none;
						}
					form#passwordForm ol {
						margin: 0;
						padding: 0;
						list-style: none;
						}
					form#passwordForm li {
						clear: both;
						margin: 0 0 .75em;
						padding: 0;
						}
					form#passwordForm label {
						float: left;
						width: 100px;
						margin: 0 5px 0 0;
						text-align: right;
						}
					form#passwordForm button {
						margin-left: 105px;
						}
						
 				
 				
 				/* menu */
 				div#menu, div#menu ul {
 					margin: 0;
 					padding: 0;
 					list-style: none;
 					}
 				div#menu li {
 					width: 100%;
 					margin: 0;
 					padding: 0;
 					}
 				div#menu li.menu_odd {
 					background: #eaeaea;
 					}	
 				div#menu li.menu_even {
 					background: #fff;
 					}
 				div#menu li li.menu_even {
 					background: #eaeaea;
 					}	
 				div#menu li li.menu_odd {
 					background: #fff;
 					}
 				div#menu li a {
 					display: block;
 					margin: 0;
 					padding: 4px 12px 4px 28px;
 					background: url(../images/ul-more-icon.gif) 10px 8px no-repeat;
 					color: #b81908;
 					font-size: 1.1em;
 					text-decoration: none;
 					}
 				div#menu li li a {
 					padding: 4px 12px 4px 40px;
 					color: #4E4E4E;
 					background: url(../images/ul-dash-icon.gif) 30px 13px no-repeat;
 					}
				div#menu ul#conference li.menu_even { background: #FEECEE; }
				div#menu ul#conference li.menu_odd { background: #fff; }
				div ul.partners { margin: 0; padding: 0;}
				div ul.partners li { list-style: none; padding: 10px 0; text-align: center; }
 					
 				/* list */
 				div.list {
 					padding: 5px 0;
 					}
 				div.list a {
 					display: block;
 					padding: 0 0 0 28px;
 					color: #0067cb;
 					font-size: 1.2em;
 					text-decoration: none;
 					background: url(../images/ul-more-icon.gif) 10px 5px no-repeat;
 					}
 				div.list span.date {
 					padding: 0 0 0 28px;
 					}
 				
 				
 			
 			/* -- footer */
 			#footer {
 				background: #aaa;
 				color: #fff;
 				font-size: 1.1em;
 				}
 			#footer a {
 				color: #fff;
 				}
 			#footer p {
 				margin: 0;
 				padding: 10px 20px;
 				}
 			#footer p.copyright {
 				float: left;
 				background: url(../images/bg-footer-left.gif) bottom left no-repeat;
 				}
 			#footer p.credits {
 				float: right;
 				background: url(../images/bg-footer-right.gif) bottom right no-repeat;
 				}
 				
 				
 				/* fade effect for footer */
 				#fade {
 					height: 35px;
 					background: url(../images/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(../images/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(../images/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(../images/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;
							}
 					
 					
 					
 					/** --- eknowledge styles */
 					ul.kg_category_list {
 						width: 100%;
 						margin: 0;
 						padding: 0;
 						list-style: none;
 						}
 					ul.kg_category_list li {
 						float: left;
 						width: 120px;
 						padding: 0 0 10px;
 						margin: 0 5px 0 0;
 						}
 					ul.kg_category_list li.kg_category_list_main div {
 						display: block;
 						width: 115px;
 						background: #009791;
 						}
 					ul.kg_category_list li.kg_category_list_sub div {
 						display: block;
 						width: 115px;
 						}
 					ul.kg_category_list li {
 						background: url(../images/kg_category_list_main_arrow.gif) right 15px no-repeat;
 						}
 					ul.kg_category_list li.kg_category_list_sub {
 						background: url(../images/kg_category_list_sub_arrow.gif) right 15px no-repeat;
 						}
 					ul.kg_category_list li.kg_category_list_main div span, 
 					ul.kg_category_list li.kg_category_list_sub div a {
 						display: block;
 						padding: 15px;
 						color: #fff;
 						}
 					ul.kg_category_list li.kg_category_list_sub div a {
 						background: #0067ca;
 						}
 					ul.kg_category_list li.kg_category_list_sub div a:hover {
 						text-decoration: none;
 						}
 					
 					h2#kg_cat_main_title,
 					h2#kg_main_title {
 						margin: 0 0 10px;
 						color: #00998e;
 						font-size: 1.8em;
 						}
 					h3#kg_cat_sub_title,
 					h3#kg_journals_title,
 					h3#kg_new_journal_title {
 						border-bottom: 1px solid #ddd;
 						color: #0067ca;
 						font-size: 1.4em;
 						}
 					h3#kg_journals_title,
 					h3#kg_new_journal_title {
 						margin: 10px 0 10px;
 						}
 					h4#kg_add_attachment {
 						margin: 0 0 5px;
 						border-bottom: 1px solid #ddd;
 						font-size: 1.2em;
 						}
 					div#kg_cat_description {
 						margin: 0 0 15px;
 						}
 					ul.kg_record_list {
 						width: 520px;
 						margin: 0;
 						padding: 10px 0 7px 100px;
 						list-style: none;
 						}
 					ul.kg_record_list li {
 						float: left;
 						width: 250px;
 						padding: 0;
 						}
 					ul.kg_record_list li a {
 						display: block;
 						padding: 3px 0 0 18px;
 						background: url(../images/kg_record_list_arrow.gif) 0 6px no-repeat;
 						}
 					#kg_record_attachments ul {
 						margin:  0 0 10px;
 						padding: 0;
 						list-style: none;
 						text-align: center;
 						}
 					#kg_record_attachments ul li {
 						padding: 0 0 5px;
 						}
 					#kg_record_attachments ul li a {
 						display: block;
 						padding: 3px;
 						background: #0067ca;
 						color: #fff;
 						}
 					#kg_record_attachments ul li a:hover {
 						background: #00998e;
 						text-decoration: none;
 						}
 					span.kg_attachment_title {
 						display: block;
 						font-size: 1.1em;
 						}
 					span.kg_attachment_details {
 						display: block;
 						font-size: .9em;
 						font-style: italic;
 						}
 					span.kg_attachment_details img {
 						vertical-align: middle;
 						margin-right: 3px;
 						}
 					div.kg_record {
 						margin: 0 0 15px;
 						}
 					div.kg_attachments {
 						float: right;
 						width: 220px;
 						}
 					div.kg_record_body {
 						float: left;
 						width: 450px;
 						}
 					div.kg_journal_form .large {
 						width: 350px;
 						}
 					div.kg_journal_form table,
 					div.kg_file_upload table {
 						width: 100%;
 						}
 					div.kg_journal_form table th,
 					div.kg_file_upload table th {
 						width: 40px;
 						text-align: left;
 						}
 					form#form1 form,
 					form#form1 fieldset {
 						margin: 0;
 						padding: 0;
 						}
 					form#form1 fieldset {
 						border: 0;
 						}
 					form#form1 fieldset legend {
 						display: none;
 						}
 					form#form1 .button {
 						width: auto;
 						padding: 3px;
 						border-color: #999 #333 #333 #999;
 						border-style: solid;
 						border-width: 1px 1px 1px 1px;
 						background:#d4d0c8 url(../images/bg_btn.gif) repeat-x;
 						color: #333;
 						font-weight: bold;
 						}
 					input.kg_add_entry {
 						width: 87px;
 						height: 21px;
 						padding: 25px 0 0;
 						display: block;
 						border: 0;
 						background: url(../images/btn-add-entry.gif) no-repeat;
 						text-indent: -999em;
 						cursor: pointer;
 						}
 					div.kg_journal_entry_even, div.kg_journal_entry_odd {
 						padding: 5px;
 						margin: 0 0 1px;
 						background: #eee;
 						}
 					div.kg_journal_entry_odd {
 						background: #fff;
 						}
 					span.kg_journal_title {
 						color: #00998e;
 						font-size: 1.1em;
 						font-weight: bold;
 						}
 					span.kg_journal_details {
 						color: #999;
 						font-size: .9em;
 						font-style: italic;
 						}
 						
 					/* START SWF UPLOAD CLASSES */
					fieldset.swfupload {
						width: 220px;
						margin: 10px 5px;
						border-color: #D9E4FF;
					}
					
					legend.swfupload {
						font: 700 14px Arial, Helvetica, sans-serif;
						padding: 0 5px;
						margin: 0 10px;
						color: #006699;
					}
					
					.progressWrapper {
						width: 200px;
						overflow: hidden;
					}
					
					.progressContainer {
						margin: 5px;
						padding: 4px;
						border: solid 1px #E8E8E8;
						background-color: #F7F7F7;
						overflow: hidden;
					}
					/* Message */
					.message {
						margin: 1em 0;
						padding: 10px 20px;
						border: solid 1px #FFDD99;
						background-color: #FFFFCC;
						overflow: hidden;
					}
					/* Error */
					.redprogress {
						border: solid 1px #B50000;
						background-color: #FFEBEB;
					}
					
					/* Current */
					.greenprogress {
						border: solid 1px #DDF0DD;
						background-color: #EBFFEB;
					}
					
					/* Complete */
					.blueprogress {
						border: solid 1px #CEE2F2;
						background-color: #F0F5FF;
					}
					
					.progressName {
						font-size: 8pt;
						font-weight: 700;
						color: #555;
						width: 323px;
						height: 14px;
						text-align: left;
						white-space: nowrap;
						overflow: hidden;
					}
					
					.progressBarInProgress,
					.progressBarComplete,
					.progressBarError {
						font-size: 0;
						width: 0%;
						height: 2px;
						background-color: blue;
						margin-top: 2px;
					}
					
					.progressBarComplete {
						width: 100%;
						background-color: green;
						visibility: hidden;
					}
					
					.progressBarError {
						width: 100%;
						background-color: red;
						visibility: hidden;
					}
					
					.progressBarStatus {
						margin-top: 2px;
						width: 200px;
						font-size: 7pt;
						font-family: Arial;
						text-align: left;
						white-space: nowrap;
					}
					
					a.progressCancel {
						font-size: 0;
						display: block;
						height: 14px;
						width: 14px;
						background-image: url(../images/cancelbutton.gif);
						background-repeat: no-repeat;
						background-position: -14px 0px;
						float: right;
					}
					
					a.progressCancel:hover {
						background-position: 0px 0px;
					}

/*
 * --------------------------
 * Conference Styles
 * -------------------------*/
#conference_team_menu {
	list-style-type: none;
	margin: 15px 0 0;
	padding: 0;
	height: 1%;
	}
#conference_team_menu li {
	float: left;
	margin: 0 1px 0 0;
	}
#conference_team_menu li a {
	float: left;
	display: block;
	padding: 10px 8px;
	color: #FFF;
	text-decoration: none;
	}
#conference_team_menu li a.tab_incomplete {
	background-color: #0067ca;
	}
#conference_team_menu li a.tab_off {
	background-color: #ccc;
	}
#conference_team_menu li a.tab_on {
	background-color: #009791;
	font-weight: bold;
	}
#conference_team_menu li a.link_disabled {
	background-color: #ccc;
	}
#conference_team_menu li.conference_status_li {
	float: right;
	padding: 11px 0 0;
	font-size: 15px;
	}
.reg_incomplete_label {
	color: #666666;
	font-weight: bold;
	}
.reg_complete_label {
	color: #666666;
        font-weight: bold;
	}
form#conference_form {
	margin: 0;
	font-size: 11px;
	}	
form#conference_form fieldset {
	margin: 0;
	clear: both;
	border-color: #C2B2B5;
	border-width: 1px 0 0;
	border-style: solid none none;
	padding: 20px 10px;
	}
form#conference_form label {
	margin: 2px 0;
	}
form#conference_form fieldset.conference_user_border {
	border-color: #C2B2B5;
	border-width: 1px;
	border-style: solid;
	}
form#conference_form legend {
	display: none;	
	margin: 0;
	padding: 0;
	width: 0;
	}
#conference_form label {
	color: #666666;
	font-weight: bold;
	width: 150px;
	margin: 0px 5px;
	display: block;
	float: left;
	text-align: left;
	clear: both;
	}



#conference_form br 
{
	clear: left;
	
}

.form br {
	clear: left;
}

#conference_form fieldset fieldset.receive_email {
	}
#conference_form fieldset fieldset.receive_email label {
	width: 500px;
	}

.contact_info_note {
	border: 1px solid #2A7CCF;
	padding: 4px;
	margin-bottom: 10px;
	}

.input_large_off, .input_medium_off, .input_small_off, .input_smaller_off, .input_large_on, .input_medium_on, .input_small_on, .input_smaller_on, .input_off, .input_on, .textarea_exlarge_off, .textarea_large_off, .textarea_editor_off, .textarea_medium_off, .textarea_small_off, .textarea_small2_off, .textarea_exlarge_on, .textarea_large_on, .textarea_editor_on, .textarea_medium_on, .textarea_small_on, .textarea_small2_on, .textarea_on, .textarea_off, .select_large_off, .select_medium_off, .select_small_off, .select_on, .select_off, .select_large_on, .select_medium_on, .select_small_on, .select_on, .select_off {
	font: 12px arial, helvetica, sans-serif;
        font-weight:       normal;
        color: #000;
	margin: 2px 0;
}
.input_large_off, .input_medium_off, .input_small_off, .input_smaller_off, .input_off, .textarea_exlarge_off, .textarea_large_off, .textarea_editor_off, .textarea_medium_off, .textarea_small_off, .textarea_small2_off {
    border:             1px #DDDDDD solid;
}
.input_large_on, .input_medium_on, .input_small_on, .input_smaller_on, .input_on, .textarea_exlarge_on, .textarea_large_on, .textarea_editor_on, .textarea_medium_on, .textarea_small_on, .textarea_small2_on {
    border:             1px #006699 solid;
}
.input_large_off, .input_large_on {
    height:             20px;
    width:              300px;
}
.input_medium_off, .input_medium_on {
    height:             20px;
    width:              300px;
}
.input_small_off, .input_small_on {
    height:             20px;
    width:              40px;
}
.input_smaller_off, .input_smaller_on {
    height:             20px;
    width:              90px;
}
.input_off, .input_on {
    height:             20px;
}
.textarea_exlarge_off, .textarea_exlarge_on {
	 height:	450px;								
	 width:		100%;
}
.textarea_large_off, .textarea_large_on {
    height:             400px;
    width:              300px;
}
.textarea_editor_off, .textarea_editor_on {
   height:             500px;
   width:              600px;
}
.textarea_medium_off, .textarea_medium_on {
    height:             250px;
    width:              300px;
}
.textarea_small_off, .textarea_small_on {
    height:             100px;
    width:              300px;
}
.textarea_small2_off, .textarea_small2_on {
    height:             100px;
    width:              250px;
}
.select_large_off, .select_large_on {
    width:              300px;
}
.select_medium_off, .select_medium_on {
    width:              250px;
}
.select_small_off, .select_small_on {
    width:              100px;
}

#conference_form select {
	width: 500px;
	}

.inputSave,
.inputContinue {
	background: #0067ca;
	color: #fff;
	border: 0;
	padding: 3px;
	}
.session_select_box { width: 500px; }

iframe { border: none; }