/* MND Custom CSS */
					body {
					    z-index: 20;
					    font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
					    font-size: 10pt;
					    color: #000;
					}
					h1, .main-title, h2 {
						font-size: 16pt;
					    font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
					}

				/******** header **********/
					#header {
					    border: 0 none;
					    background: #FFF url('../common/images/MindEd/minded_header_bg.jpg') repeat-x top;
					}
					body.accessibility #header {
						border-bottom: 0 none;
						height:70px;
					}
					
					div.header-logo {
						float: right;
						height: 36px;
						width: 145px;
						background: url(../common/images/MindEd/logo_mnd.gif) no-repeat top left;
						margin: 16px 22px 0 0;
					}
					
					#header h1 {
						color: #000;
						font-size: 16pt;
						font-weight: normal;
						border-bottom: 2px solid #78BE20;
						margin-right: 164px;
						padding: 14px 0 12px;
					}

					
				/********* Nav bar & btns **********/
					#nav {
						color: #000;
					    background: #FFF url('../common/images/MindEd/minded_header_bg.jpg') repeat-x bottom;
					    border: 0 none;
						padding: 6px 0 3px;
					}
					body.accessibility #nav {
						top:70px;
					}

					#nav h2 {
						color: #000;
						text-shadow: none;
						font-weight: bold;
						padding: 5px 0;
						height: auto;
						max-width: 625px;
					}
					span#nav_section_title,
					span#nav_page_title {
					    font-weight: normal;
					}
					div.nav-inner { left:0; }
					div.nav-inner #toolbar {
						margin: 0;
					}
					div.nav-inner #toolbar div {
						padding: 0;
					}
					div.nav-inner #toolbar div#nav_next,
					div.nav-inner #toolbar div#nav_prev {
						width: 94px;
					}
					div.nav-inner #toolbar div#nav_pos {
						width: 75px;
						margin-top:3px;
					}
					a.btn1, .btn2, .btn2-off {
						float: right;
						background-color: white; /* IE < 9 */
						background: transparent url('../common/images/MindEd/btn_face.gif') no-repeat top left;
						width: 94px;
						height: 30px;
					}

					.btn2-off {

						width: 106px;
					}

					a.btn1:hover, .btn2:hover {
						background-color: white; /* IE < 9 */
						background: transparent url('../common/images/MindEd/btn_hilite.gif') no-repeat top left;
					}
					a.btn-prev-off, a.btn-next-off, .btn2-off,
					a.btn-prev-off:hover, a.btn-next-off:hover	{
						background: transparent url('../common/images/MindEd/btn_face.gif') no-repeat top left;
					}
					a.btn1 span {
						background-image: none;
						text-align: center;
						color: #000;
						font-weight: bold;
						font-size: 9pt;
					    font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
						padding:6px 4px 4px 0;
						left:0;
					}
					#nav_menu a.btn1 span {
						padding:6px 4px 4px 0;
					}
					.btn2 span,
					.btn2-off span {
						background-image: none;
						padding:0;
						width: 100% !important; /*override required due to some local styling*/
						height: 27px;
						left:0;
						text-align: center;
						font-weight: bold;
						font-size: 9pt;
					    font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
						color: #000;
					}

					
					.btn2-off span {

						padding-top: 6px;
						padding-left: 10px;

					}
					

					a.btn2 span {
						line-height: 2.2em;
						padding-left:5px;
					}
					a.btn-prev-off span,
					a.btn-next-off span,
					.btn2-off span {
						color: #888;
					}
				
					.btn1 span .btn-icon {
						padding:5px 10px;
					}
					a.btn-next span { padding:6px 3px 4px 10px; }
					#nav_menu .btn-menu span .btn-icon {
						background: url(../common/images/MindEd/button_menu.gif) 0% no-repeat;
					}
					#nav_menu .btn-menu span .btn-icon,
					#nav_menu .btn-menu.open span .btn-icon {
						background: url(../common/images/MindEd/button_menu.gif) 0% no-repeat;
					}
					.btn-prev span .btn-icon {
						background: url(../common/images/MindEd/button_arrow_prev.gif) 50% no-repeat;
					}
					.btn-prev-off span .btn-icon {
						background: url(../common/images/MindEd/button_arrow_prev_off.gif) 50% no-repeat;
					}
					.btn-next span .btn-icon {
						background: url(../common/images/MindEd/button_arrow_next.gif) 50% no-repeat;
					}
					.btn-next-off span .btn-icon {
						background: url(../common/images/MindEd/button_arrow_next_off.gif) 50% no-repeat;
					}
					div.box-titles a.btn-rsc span .btn-icon {
						background: url(../common/images/MindEd/btn_ext_link.gif) left no-repeat;
					}					
					
					.btn2.submit span {
						background: transparent url(../common/images/MindEd/button_submit.gif) 5px no-repeat;
					}	
					.btn2-off.submit span {
						background: transparent url('') 5px no-repeat;
					}	
					.submit input {
						color: #000;
					    font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
						font-weight: bold;
						font-size: 9pt;
						padding-left: 10px; 
						height:100%;
						width:100%;
					}
					input.btn2-off span {
						margin-left: 0; 
					}					
					.btn2-off.submit input {
						color: #999;
						margin-left:0;
						padding-left: 0;
					}			
					.btn2-off,
					.btn2-off:hover {
						/* text-indent:-999em; */
						background: transparent url('../common/images/MindEd/btn_submit_off.gif') no-repeat top left;
					}					
																				
					.btn2.retry span {
						background: url(../common/images/MindEd/button_retry.gif) 5px no-repeat;
					}					
					.btn2.reveal span {
						background: url(../common/images/MindEd/button_reveal.gif) 5px no-repeat;
					}					

					.btn1.btn-rsc,
					.btn2.btn-rsc,
					.btn2.toggle {
						width: 200px !important;
						background: url(../common/images/MindEd/btn_face_long.gif) top left no-repeat;
					}
					.btn1.btn-rsc:hover,
					.btn2.btn-rsc:hover,
					.btn2.toggle:hover {
						/* width: 152px; */
						background: url(../common/images/MindEd/btn_hilite_long.gif) top left no-repeat;
					}

					.btn2.toggle span {
						background: url(../common/images/MindEd/button_toggle.gif) 5px no-repeat;
					}				
					/*	
					.btn2.completed {
						background: transparent url('../common/images/MindEd/btn_face_complete.gif') no-repeat top left;
					}
					.btn2.completed:hover {
						background: transparent url('../common/images/MindEd/btn_face_complete_hi.gif') no-repeat top left;
					}
					*/

					.btn2.completed span {
						background: transparent url('../common/images/MindEd/button_complete.gif') no-repeat 18px 6px;
					}

					.btn2-off.completed {
						display:none;
					}
						
					div.nav-inner table td#nav_sep  {
						background: none;
					}


					.btn2-medium {

    					background: transparent url('../common/images/MindEd/btn_face_medium.gif') no-repeat top left;
    					width: 152px;
    					height: 30px;    
    
					}

					.btn2-medium:hover {
						background-color: white; /* IE < 9 */
						background: transparent url('../common/images/MindEd/btn_hilite_medium.gif') no-repeat top left;
					}


					.btn2-wide {

    					background: transparent url('../common/images/MindEd/btn_face_wide.gif') no-repeat top left;
    					width: 188px;
    					height: 30px;    
    
					}

					.btn2-wide:hover {
						background-color: white; /* IE < 9 */
						background: transparent url('../common/images/MindEd/btn_hilite_wide.gif') no-repeat top left;
					}
					
					
					
				/********* Menu **********/
					div.menu div.menu-back, div.menu-js div.menu-back {
						padding: 0;
						background: none;
					}
					div.menu-head {
						margin: 0 18px 0 0;
						height: 21px;
						background: #78be20 none;
						border: #78BE20 solid 1px;
					}
					div.menu-head h2 {
						color: #000;
						padding: 1px 0;
					}
					div.menu-js {
						height:475px; /* altered by js */
					}
					div.menu-js #menu_close, div.menu-js #menu_pin {
						margin-top: 3px;
					}
					div.menu-js #menu_close {
						background: url(../common/images/MindEd/menu_close.png) no-repeat top left;
					}
					div.menu-js .unpinned {
						background: url(../common/images/MindEd/menu_pin_side.png) no-repeat top left;
					}
					div.menu-js .pinned {
						background: url(../common/images/MindEd/menu_pin_down.png) no-repeat top left;
					}
					div.menu-contents-wrapper {
						margin: 0;
						border: #78BE20 solid 1px;
						background-color: #EEE;
					}
					ul.menu-contents li {
						width: 98%;
					}
					ul.menu-contents li.menu-sel {
						background-color: #78BE20;
					}
					ul.menu-contents li a {
						padding: 2px 2px 5px 11px
					}
					ul.menu-contents li a, 
					ul.menu-contents li.menu-section span {
						color:#000;
					}
					ul.menu-contents li.menu-sel a, 
					ul.menu-contents li ul li.menu-sel a {
						color:#000;
					}



				/********* progress bar **********/
					div.progress {
						top:5px;
					}
					div.progress-back {
						background: url(../common/images/MindEd/progress-bar.png) no-repeat top left;
						right: 1px;
						width: 260px;
					}
					div.progress-outer {
						border: 0;
						top:1px;
						width: 250px;
						height: 10px;
						background: transparent;
						-moz-border-radius: 4px;
						-webkit-border-radius: 4px;
						border-radius: 4px;
					}
					div.progress-inner {
						height: 10px;
						background-color: #78BE20;
						border-right: 0;
						padding-left:9px;
						-moz-border-radius: 4px;
						-webkit-border-radius: 4px;
						border-radius: 4px;
					}
					div.nav-inner table td#nav_pos {
						font-size: 10pt;
					}
					
					
				/******* footer **********/	
					#footer,
					body.accessibility #footer {
					    background: rgb(255, 255, 255) url('../common/images/MindEd/MindEd_footer_bg.jpg') repeat-x top;
					    border-top: 0;
					    color: #000;
						height: 52px;
					    font-size: 9pt;
					}
					div.footer-copy,
					body.accessibility div.footer-copy {
						/* padding-top:21px; */ 
						padding-top:5px;  
					}
					div.footer-tools,
					body.accessibility div.footer-tools {
						width:560px;
						padding-top: 20px;
					}
									
					
				/********* Content ***********/
				
					/*
					body.accessibility #content {
						padding-top:117px;
					}
					*/					
					
					p.quote, p.highlight, p.attention, p.warning {
						-moz-border-radius: 8px;
						-webkit-border-radius: 8px;
						border-radius: 8px;
					}
					
					p.quote {
						background: #bbde8f url(../common/images/MindEd/MindEd_quote_end.gif) bottom right no-repeat;
						border: 0 none;
					}
					p.quote span.quote_start {
						background: transparent url(../common/images/MindEd/MindEd_quote_start.gif) no-repeat top left;
					}

					p.highlight {
						background-color: #a8bbce;
						border: 0 none;
					}
					p.warning {
						background-color: #ffdddd;
						border: 0 none;
					}					
					p.attention {
						background-color: #e6ed80;
						border: 0 none;
					}
					div.box,
					div.box-titles {
					    background: transparent url('../common/images/MindEd/MindEd-box-gradient.jpg') repeat-x top;
						border: 1px solid #CCC;
						box-shadow: 1px 1px 2px #CCC;
						-moz-border-radius: 8px;
						-webkit-border-radius: 8px;
						border-radius: 8px;
					/***/
						overflow: hidden;
					/***/
					}
					body.accessibility div.box-titles{
						background: #FFF none;
					}
					body.accessibility div.box-titles div {
						background-color: #FFF;
					}
					body.accessibility div.box-titles h3 {
						background:#FFF none;
						color:#000;
						padding:0.2em 0;
					}

					div.question-stem { 
						-moz-border-radius: 8px 8px 0 0;
						-webkit-border-radius: 8px 8px 0 0;
						border-radius: 8px 8px 0 0;
					    background: transparent url('../common/images/MindEd/MindEd-box-gradient.jpg') repeat-x top;
						border: 1px solid #CCC;
						box-shadow: 1px 1px 2px #CCC;
						border-bottom: 0 none; 
					}
					div.question-flash,
					div.drag-drop-pairs,
					div.drag-drop-sorting-lists,
					div.drag-drop-sorting-order,
					div.drag-drop-pictures,
					div.hotspot-model,
					div.question-form,
					div.submit-bottom { 
						-moz-border-radius: 0 0 8px 8px;
						-webkit-border-radius: 0 0 8px 8px;
						border-radius: 0 0 8px 8px;
					    /*background: transparent url('../common/images/MindEd/MindEd-box-gradient.jpg') repeat-x top;*/
						background-color: white;
						border: 1px solid #CCC;
						box-shadow: 1px 1px 2px #CCC;
						border-top: 0 none; 
					}
					div.question-form { 
						border-bottom: 0 none; 
						border-radius: 0;
					}

					div.drag-drop-pictures {
						overflow: hidden;
						width: 638px;
					}

					.instr {
						color: #A6A1A1;
					}
					body.accessibility .instr {
						color: #444;
					}

					
					.source-answer-assets .solid-border, .target .solid-border, .drag-drop-pairs-targets .solid-border {
						border: 0 none;
					}



					table.options th {
						color: #34608d;
						padding:0 0.5em;
					}
					table.options td {
						border-bottom: 1px dotted #CCC;
					}
					td.free-input textarea, td.free-input div {
						border: solid 1px #CCC;
					}

					div.box h3,
					div.box-titles h3 {
					    background: transparent none;
					    color: #34608d;
					    font-weight: bold;
						font-size: 11pt;
						margin: 0 0.5em 0 0.5em;
						padding: 5px 0;
						border-bottom: 1px dotted #DDD;
					}
					body.accessibility div.box h3,
					body.accessibility div.box-titles h3 {
						color:#000;
					    background: transparent none;
					}

					div.box.box-collapse h3 {
						color:#888;
						background:inherit;
						border-bottom: 0 none;
					}
					body.accessibility div.box.box-collapse h3 {
						color:#888;
						background: transparent none;
					}
					
					div.tab2 div.box-titles div,
					div.tab3 div.box-titles div,
					div.box-titles div {
					    background: transparent url();
					}
					div.box > div { 
						padding: 0.5em; 
						clear: both;
					}
					h4, .glossaryTermHeading {
						color: #34608d;
					}
					div.tab-nav ul,
					body.accessibility div.tab-nav ul {
						padding-bottom: 1px;
						background: url(../common/images/MindEd/MindEd-tab-bottom.gif) no-repeat bottom right;
					}
					div.tab-nav ul li a {
						background: #78BE20 url('');
						border: #78BE20 solid 1px;
						border-bottom: 0 none;
						padding-bottom:2px;
						color: #000;
					}
					body.accessibility div.tab-nav ul li a {
						background:#EEE;
						border-bottom: 0 none;
					}
					
					div.tab-nav ul li a:hover {
						border: #78BE20 solid 1px;
						background:#98DE40 url('');
						padding: 4px 7px 1px 7px; 
					}
					body.accessibility div.tab-nav ul li a:hover {
						background:#000 url('');
						color:#FFF;
					}

					div.tab-nav ul li.tab-on a,
							div.tab-nav ul li.tab-on a:hover {		
						border: #78BE20 solid 1px;
						border-bottom: 0 none;
						line-height:1.5em;
					}

					
					table.table-content {
						border: 1px solid #CCC;
						border-collapse:separate;
						border-radius:8px;
						border-style: hidden;
						box-shadow: 1px 1px 2px #CCC;
					}
					table.table-content tbody {
					}
					table.table-content th {
						color: #000;
						background-color: #78BE20;
						border:0 none;
						border-right: 1px dotted #FFF;
						padding: 5px;
					}
					table.table-content tr th:first-child {
						border-right: 1px dotted #CCC;
						border-bottom: 1px dotted #FFF;
					}
					table.table-content tr:first-child th:first-child {
						-moz-border-radius: 8px 0 0 0;
						-webkit-border-radius: 8px 0 0 0;
						border-radius: 8px 0 0 0;
					}
					table.table-content tr:first-child th:last-child {
						-moz-border-radius: 0 8px 0 0;
						-webkit-border-radius: 0 8px 0 0;
						border-radius: 0 8px 0 0;
					}
					table.table-content tr:first-child th:only-child{
						-moz-border-radius: 8px 8px 0 0;
						-webkit-border-radius: 8px 8px 0 0;
						border-radius: 8px 8px 0 0;
					}				
					table.table-content td {
						background-color: white;
						border: dotted 1px #CCC;
						padding: 5px;
					}
					table.table-content th p,
					table.table-content td p {
						margin:0;
					}
					table.table-content tr th:first-child {
						border-right:1px dotted #FFF;
					}
					table.table-content tr:last-child th:first-child,
					table.table-content tr:last-child td:first-child {
						-moz-border-radius: 0 0 0 8px;
						-webkit-border-radius: 0 0 0 8px;
						border-radius: 0 0 0 8px;
					}
					table.table-content tr:last-child td:last-child {
						-moz-border-radius: 0 0 8px 0;
						-webkit-border-radius: 0 0 8px 0;
						border-radius: 0 0 8px 0;
					}
					table.options th {
						background-color: transparent;
					}
					table.options td.option-input, table.options td.option-input-fixed {
						background-color: transparent;
					}
					
					li.source,
					div.source {
						height: 48px;
						width: 148px;
					}

					li.source,
					.source-answer,
					div.source,
					.selectedDraggable {
						background-color: #F5FAEF;
						/* font-weight: bold; */
						border:2px solid #78BE20;
					}

					div.target div.selectedDraggable {	
						border-color: #78BE20;
						border-width: 2px !important;
						border-style: dashed;
					}

					/*
					.source-answer {
						height: 48px;
						width: 148px;
					}
					*/

					li.source, 
					div.source,
					.source-answer,
					.target-box,
					.selectedDraggable {
						-moz-border-radius: 8px;
						-webkit-border-radius: 8px;
						border-radius: 8px;
					}
					
					.selectedDraggable .source-answer {
						border: none;
					}

					.editor .source-answer-assets .selectedDraggable {
						
						border: 2px dashed #000;
					}


					div.drag-drop-pairs .hovered {
						background-color: #B8FE60;
					}
					.tickInBox, .crossInBox {
						width: 14px;
						height: 14px;
					}
					.sourceOuter { width: 149px; }
					.sourceOuter .tickInBox, 
					.sourceOuter .crossInBox {
						width: 14px;
						height: 14px;
						bottom: 4px;
						right: 7px;
					}

					.drag-drop-pictures .target-box {
						border-width: 2px;
					}
					
					.grey-background, .numbered .grey-background, .drag-drop-sources .grey-background {
						background-color: #78BE20;
					}

					.gal-img { overflow:hidden; }

					/* *****************************************************************
					/* Glossary Tooltip
					/* ***************************************************************** */
					.ui-tooltip, .arrow:after {
				        background: #F5FAEF;
				        border: 2px solid #78BE20;
				      }
				      
					/******** images **********/
					a.int { display:inline-block; vertical-align: top; } 
					
					/* a.int img, a.int:hover img {
						border: #FFF solid 2px !important;
						border-top-width: 2px !important;
						display: block;
					}
					*/

					div.embedImgBorder a.int img, div.embedImgBorder a.int:hover img {
 					    border: #FFF solid 2px !important;
						border-top-width: 2px !important;
						display: block;
					}	

					a.int.sel {
						background-color: #78BE20 !important;
						color: #000;
					}
					
					div.embedImgBorder a.int.sel img, div.embedImgBorder a.int.sel:hover img {
						border: 2px solid #78BE20 !important;
						border-bottom-width: 2px !important;
					}

					ul.ul-content li div.li {
						display: block;
						line-height: 1.2em;
						padding: 2px;
					}