/****************************************************************************/
/* Vantage SPMS
/*  Contains default LAYOUT STYLES for application (widths, heights, margins
/*  padding, border-size, etc.). Colors and styles are in each seperate 
/*  sections' css. IE Specific fixes are in "stupidIE.css"
/****************************************************************************/


	/*******************************************/
	/*  Global Styles & Browser Consistancy
	/*******************************************/
		* {padding:0px; margin:0px; font-size:11px; font-family:Arial, sans-serif;}
		blockquote {margin-left:10px;}
		div, table, tr, td, ul, li {text-align:left; border-width:0px; border-style:solid;}
		table {table-layout:fixed; empty-cells:show;}
		a {color:#000000;}
		u, a, b, i {color:inherit; font-size:inherit; line-height:inherit; font-family:inherit;}
		ul, ol {margin:2px 0px 5px 0px; padding-left:2em; color:inherit;}
		ul.horizontal, ol.horizontal {display:inline; margin-left:0px;}
		ul.horizontal li, ol.horizontal li {list-style:none; display:inline;}
		li {margin-bottom:1px;}
		a {cursor:pointer; text-decoration:underline;}
		a:hover {cursor:pointer; text-decoration:none;}
		a.underlineHover {text-decoration:none;}
		a.underlineHover:hover {text-decoration:underline;}
		img {border-width:0px; vertical-align:bottom;}
		img.bordered {border-width:1px;}
		img.icon {margin:0px 3px; vertical-align:middle;}
		html {width:100%; height:100%; margin:0px; padding:0px;}
		body {width:100%; height:100%; margin:0px; padding:0px;}
		form, input {display:inline; margin:0px; padding:0px;}
		textarea {border-width:1px; background:#FFFFFF url(../images.map/inputShadowBG.gif) no-repeat top left;}
		input.text, select.text, textarea.text {width:99%; padding:1px 2px; border-width:1px; background:#FFFFFF url(../images.map/inputShadowBG.gif) no-repeat top left;}
		input.checkbox {border-width:1px; background:#FFFFFF url(../images.map/inputShadowBG.gif) no-repeat top left;}
		input.required, select.required, textarea.required {background:#FEFFDD url(../images.map/inputShadowBG_required.gif) no-repeat top left;}
		input.disabled, textarea.disabled {color:#666666; background:#dddddd url(../images.map/inputShadowBG_disabled.gif) no-repeat top left;}
		select, select.text {background-repeat:no-repeat; padding:0px; border-width:1px; font-size:11px;}
		
		option {padding:1px;}
		.hidden {display:none;}
		.help-tip {position: absolute; top:-9999px; font-size:14px; font-weight:normal; border-width:1px; padding:2px; background-color:#FFF; border-color:#A9A9A9; border-style:solid; z-index:99;}
		.help-close {text-align:right; padding:0px; margin:0px;}
		.help-close a {color:black}
	
	/*******************************************/
	/*  Generally Applied Styles
	/*******************************************/
		.spacer {font-size:1px; height:10px;}
		.clearer {clear:both; display:block; font-size:1px; height:0px;}
		.boxIndent {margin:8px 0px 20px 20px;}
		.dividerLight, .dividerDark {font-size:1px; height:0px; margin:10px auto; border-width:0px 0px 1px 0px; border-style:solid;}
		.dottedDividerLight, .dottedDividerDark {font-size:1px; height:0px; margin:10px auto; border-width:0px 0px 1px 0px; border-style:dotted;}
		.vertDividerLight, .vertDividerDark {float:left; height:150px; width:1%; margin:0px 1%; border-right-width:1px;}
		.bolder {font-weight:bold; font-size:14px; text-decoration:none;}
		.bold {font-weight:bold;}
		.italic {font-style:italic;}
		.header1 {font-size:24px; font-weight:bold; text-decoration:none;}
		.header2 {font-size:18px; font-weight:bold; text-decoration:none;}
		.header3 {font-size:14px; font-weight:bold; text-decoration:none;}
		.header4 {font-size:12px; font-weight:bold; text-decoration:none;}
		.linedHeader {margin-bottom:10px; border-style:solid; border-bottom-width:1px;}
		.dottedHeader {margin-bottom:10px; border-style:dotted; border-bottom-width:1px;}
		.dottedHeader a,.linedHeader a {text-decoration:none;}
		.formLabel {display:block; padding:2px 0px; width:39%; float:left; clear:left; font-weight:bold; }
		.formLabelwide {display:block; padding:2px 0px; width:25%; float:left; clear:left; font-weight:bold; }		
		.formRequired {color:#990000;}
		.formInput {display:block; padding:2px 0px; width:59%; float:left; clear:right;}
		.formInput input.text {width:99%;}
		.hidden {display:none;}
		
		

		.humanScoreLink {color:#990000;}
		
		.roundedInput {display:block; padding-top:3px; height:20px; border:0px; background-position:top left; background-repeat:no-repeat; font-size:11px;} 
		.roundedInput90 {width:90px; background-image:url(../images.map/roundedInput90.gif);}
		.roundedInput135 {width:135px; background-image:url(../images.map/roundedInput135.gif);}
		.roundedInput175 {width:175px; background-image:url(../images.map/roundedInput175.gif);}
		.roundedInput225 {width:225px; background-image:url(../images.map/roundedInput225.gif);}
		.roundedInput275 {width:275px; background-image:url(../images.map/roundedInput275.gif);}
		
		.roundedInput input.transparent {margin:0px 5px; border:0px; background:transparent;}
		
		.plusMinus {display:block; width:11px; height:11px; font-size:0px; margin-top:1px; background-image:url(../images.map/icon_plusMinus.gif); background-repeat:no-repeat;}
		.plus {background-position:0px 0px;}
		.minus {background-position:0px -11px;}

		.contentBox5 {margin:5px;}
		.contentBox10 {margin:10px;}
		.contentBox20 {margin:20px; position:relative; z-index:1;}
	
		.errorBox {width:95%; padding:10px; font-weight:bold; margin:10px auto; background-color:#FFEEEE; border:1px solid #FF0000;}
		.errorBox span {display:block;}
		
		
			
		.iconBall {width:12px; height:12px;}
		.iconStar {width:13px; height:11px;}

		.label {font-weight:bold; font-size:11px; color:#7F7C7C;}
		
		.wrongResStyle {font-family: Arial;font-size: 9pt;font-weight: bold;text-decoration: underline;background-color:#F00;}

	/*******************************************/
	/*  Main Containers
	/*******************************************/
		table#mainContainerTable {width:816px; margin:10px auto; margin-right:auto; margin-left:auto; empty-cells:show;}
			table#mainContainerTable td#mainTableContent {border-width:1px; text-align:center;background-color:#FFFFFF;}
	
		table.shadowTable {}
			table.shadowTable td.shadowTableCornerTL	{width:8px; height:8px; background:url(../images.map/shadow.multi.top.png) no-repeat left 0px;}
			table.shadowTable td.shadowTableTop			{background:url(../images.map/shadow.multi.top.png) repeat-x center -8px;}
			table.shadowTable td.shadowTableCornerTR	{width:8px; background:url(../images.map/shadow.multi.top.png) no-repeat right -16px;}
			table.shadowTable td.shadowTableLeft		{background:url(../images.map/shadow.multi.sides.png) repeat-y left center;}
			table.shadowTable td.shadowTableRight		{background:url(../images.map/shadow.multi.sides.png) repeat-y right center;}
			table.shadowTable td.shadowTableCornerBL	{height:8px; background:url(../images.map/shadow.multi.bottom.png) no-repeat left 0px;}
			table.shadowTable td.shadowTableBottom		{background:url(../images.map/shadow.multi.bottom.png) repeat-x center -8px;}
			table.shadowTable td.shadowTableCornerBR 	{background:url(../images.map/shadow.multi.bottom.png) no-repeat right -16px;}
			table.shadowTable td.shadowTableMiddle		{border-width:1px;}
		table.shadowTableSmall {}
			table.shadowTableSmall td.shadowTableSmallCornerTL	{width:5px; height:5px; background:url(../images.map/shadow.multi.top.png) no-repeat left 0px;}
			table.shadowTableSmall td.shadowTableSmallTop		{background:url(../images.map/shadow.multi.top.png) repeat-x center -8px;}
			table.shadowTableSmall td.shadowTableSmallCornerTR	{width:5px; background:url(../images.map/shadow.multi.top.png) no-repeat right -16px;}
			table.shadowTableSmall td.shadowTableSmallLeft		{background:url(../images.map/shadow.multi.sides.png) repeat-y left center;}
			table.shadowTableSmall td.shadowTableSmallRight		{background:url(../images.map/shadow.multi.sides.png) repeat-y right center;}
			table.shadowTableSmall td.shadowTableSmallCornerBL	{height:5px; background:url(../images.map/shadow.multi.bottom.png) no-repeat left 0px;}
			table.shadowTableSmall td.shadowTableSmallBottom	{background:url(../images.map/shadow.multi.bottom.png) repeat-x center -11px;}
			table.shadowTableSmall td.shadowTableSmallCornerBR	{background:url(../images.map/shadow.multi.bottom.png) no-repeat right -16px;}
			table.shadowTableSmall td.shadowTableSmallMiddle	{border-width:1px;}

		.topHeaderContainer {padding:10px;}
			.topHeaderMenu {float:right; margin-bottom:10px; font-weight:bold; color:#7F7C7C;}
				.topHeaderMenu a {color:#7F7C7C;}
			.topLoginBox {float:right; width:255px;}
				.loginMessage {color:red; padding:3px; margin-right:5px; text-align:right;}
				#topLogoImg {float:left; width:225px; height:80px; background-position:top right; background-repeat:no-repeat;}

		div.leftContentDiv {float:left; width:238px;}
		div.rightContentDiv {float:right; width:500px;}

		div.roundedBoxFaded {padding:10px; background:url(../images.map/standard_roundedBoxFaded.gif) no-repeat top left;}

		

		
		@media screen {
 			.reportTable {}
		}
		@media print {
 			.reportTable {}
				.reportTable td {border-style:solid; border-width:1px; border-color:#000;}
				
			.break-page{page-break-after:always}
		}
		
		span.reportHeaderText{
			font-size:12px; font-weight:bold; color:black; text-decoration:none;
		}				
		table.reportTable th span.reportHeaderText{ 
			padding-right:10px;
			background:#FFFFFF url(../images/arrow_off.png) no-repeat right;
		}
		table.reportTable th.sortedASC span.reportHeaderText{ background:#FFFFFF url(../images/arrow_up.png) no-repeat right;}
		table.reportTable th.sortedDESC span.reportHeaderText{ background:#FFFFFF url(../images/arrow_down.png) no-repeat right;}
		


		.dialogHeader {width:100%; border-bottom-width:1px; height:40px; padding:0px;}
		.dialogFooter {width:100%; border-top-width:1px; height:40px; padding:0px;}
		.dialogContent {width:100%; height:100%; } /* min-height:300px; */
		.dialogHeader, .dialogFooter {background:#FFF; border-color:#1D398D;}


		.frameHeader	{border-width:1px; background:#F7FBFE; border-color:#B7B8D6; font-size:16px; font-weight:bold; padding:5px 10px;}
		.frameFooter	{border-width:1px; background:#F7FBFE; border-color:#B7B8D6; padding:5px 10px;}
		.frameContent	{border-width:0px 1px; background:#FFF; border-color:#B7B8D6;}




		.testDeliveryHeader {width:100%; border-bottom-width:1px; height:40px; padding:0px;}
		.testDeliveryFooter {width:100%; border-top-width:1px; height:40px; padding:0px;}
		.testDeliveryContent {width:100%; min-height:300px; z-index:99;} /* height:0 !important; min-height:300px; height:300px; */
		.testDeliveryContent,
		.testDeliveryContent table {table-layout:auto;}
		.testDeliveryAnswers {float:right; width:48%}
		.testDeliveryAnswers * {font-size:14px; background-color:#FFF;}
		.testDeliveryAnswers img {max-width:100%;}
		.testDeliveryAnswers .bullet {font-size:14px; font-weight:bold;}
		.testDeliveryAnswers .responses {font-size:14px; font-weight:normal;}
		.testDeliveryQuestions {font-size:15px; float:left; width:50%; margin-left:10px; margin-right:10px; margin-top:10px;}/*width:59% height:88%*/
		.testDeliveryQuestions * {font-size:15px;}
		.testDeliveryQuestions table {border-width:1px; border-style:solid; border-color:#000;}
		.testDeliveryQuestions td {border-width:1px; border-style:solid; border-color:#000;}
		.testDeliveryPassage {font-size:14px; background-color:#FFF;}
		.testDeliveryPassage * {font-size:14px; background-color:#FFF;}
		.testPassageItemContentSpacer {height:20px; border-width:0px 0px 1px 0px; border-color:#CCCCCC;}

		.testDeliveryAnswersAudio {float:right; width:50%}/*width:34%; float:right height:88%*/
		.testDeliveryAnswersAudio * {font-size:14px; background-color:#FFF;}
		.testDeliveryAnswersAudio .bullet {font-size:14px; font-weight:bold;}
		.testDeliveryAnswersAudio .responses {font-size:14px; font-weight:normal;}
		.testDeliveryQuestionsAudio {font-size:15px; float:left; width:40%; margin-left:0px; margin-right:10px; margin-top:10px;}/*width:59% height:88%*/
		.testDeliveryQuestionsAudio * {font-size:15px;}
		.testDeliveryQuestionsAudio table {border-width:1px; border-style:solid; border-color:#000;}
		.testDeliveryQuestionsAudio td {border-width:1px; border-style:solid; border-color:#000;}
		.testDeliveryPassageAudio {font-size:14px; background-color:#FFF;}
		.testDeliveryPassageAudio * {font-size:14px; background-color:#FFF;}

		.testDirectionsContent {font-size:14px;}

		.dialogueHeader {width:90%; padding:5%; border-bottom-width:1px; height:40px; padding:0px;}
		.dialogueFooter {width:100%; border-top-width:1px; height:40px; padding:0px;}
		
		.wordBankLink {display:block; color: #666666; width:120px; height:30px; margin:10px 0px 10px 0px; background-color:#EAEAEA; border-top:1px solid #ffffff; border-left:1px solid #ffffff; border-right:1px solid #999B9C; border-bottom:1px solid #999B9C; font-size: 12px; font-weight: bold; text-decoration:none; text-align:center;}
		.wordBankLink:hover {display:block; color: #ffffff; background-color:#AEAEAE; border-top:1px solid #ffffff; border-left:1px solid #ffffff; border-right:1px solid #999B9C; border-bottom:1px solid #999B9C; font-size: 12px; font-weight: bold; text-decoration:none; text-align:center;}
		.wordBankLink_ON {display:block; color: #ffffff; width:120px; height:30px; margin:10px 0px 10px 0px; background-color:#AEAEAE; border-bottom:1px solid #ffffff; border-right:1px solid #ffffff; border-left:1px solid #999B9C; border-top:1px solid #999B9C; font-size: 12px; font-weight: bold; text-decoration:none; text-align:center;}

	/*******************************************/
	/*  Tabs/Buttons
	/*******************************************/
		a.tab						{position:relative; display:block; float:left; height:1%; padding:4px 35px 8px 5px; border:1px solid #1D398D; margin-right:4px; margin-left:4px; margin-bottom:-1px; font-size:13px; font-weight:bold; text-align:center; text-decoration:none;}
		a.tabUnselected				{z-index:1; background:#C9E0F4; color:#1D398D; border:1px solid #1D398D;}
			a.tabUnselected:hover	{background:#FFC220; color:#1D398D; border:1px solid #1D398D;}
		a.tabSelected				{z-index:2; background:#FFF; color:#1D398D; border:1px solid #1D398D; border-bottom-color:#fff;}
			a.tabSelected:hover		{background:#FFF; color:#1D398D; border:1px solid #1D398D; border-bottom-color:#fff;}
		a.tabDisabled				{z-index:2; background:#999; color:#CCC; border:1px solid #666;}
			/*a.tabDisabled:hover	{background-position:0px -85px;}*/
		div.tabLine {position:relative; z-index:1; clear:both; margin-bottom:10px; border-top:1px solid #1D398D; width:100%; font-size:0px; height:1px;}			

		a.dialogTab {display:block; float:left; height:25px; width:200px; margin-left:10px; margin-top:-3px; border:1px solid; font-size:14px; font-weight:bold; text-decoration:none;}
		a.dialogTabSelected {}
		a.dialogTabUnselected {}

	

		.balloonButton {position:relative; display:block; height:17px; padding-top:2px; background-color:transparent; background-repeat:no-repeat; font-size:11px; font-weight:bold; text-align:center; text-decoration:none; cursor:pointer;}
		input.balloonButton {height:19px; padding-top:0px; border-width:0px;}
		.balloonButtonSelected {background-position:0px -19px;}
		.balloonButton50 {width:50px; background-image:url(../images.map/balloonButton50.gif);}
		.fixiebuttons div {position:relative;}
		.balloonButton50_ask {width:50px; position:relative; zoom:1;background-image:url(../images.map/balloonButton50_ask.gif);}
		.balloonButton80 {width:80px; background-image:url(../images.map/balloonButton80.gif);}
		.balloonButton100 {width:100px; background-image:url(../images.map/balloonButton100.gif);}
		.balloonButton150 {width:150px; background-image:url(../images.map/balloonButton150.gif);}
		.balloonButton200 {width:200px; background-image:url(../images.map/balloonButton200.gif);}		
		.balloonButton:hover {background-position:0px -19px;}
		.balloonButtonDisabled {background-position:0px -38px;}
		.balloonButtonDisabled:hover {background-position:0px -57px;}
		
		.oldMainMenu .balloonButton {margin:5px;}
	



	
	/*******************************************/
	/*  Tabs/Buttons
	/*****************************************
		.button {position:relative; display:block; height:18px; padding-top:3px; background-repeat:no-repeat; font-size:11px; font-weight:bold; text-align:center; text-decoration:none; cursor:pointer;}
		.btn-lg{width:250px;}
		.btn-md{width:150px;}
		.btn-sm{width:50px;} 
		input.button, button {border-width:0px; padding:0px; height:21px;}
		.buttonInlineLeft {float:left; margin-right:5px;}
		.buttonInlineRight {float:right; margin-left:5px;}		
		.buttonStackedMargin {margin-top:2px;}		
		.button50 {color:#555555; width:50px; background-image:url(../images.map/button50_gray.gif);}		
		.button100 {color:#555555; width:100px; background-image:url(../images.map/button100_gray.gif);}		
		.button200 {color:#555555; width:200px; background-image:url(../images.map/button200_gray.gif);}
		
		.button:hover {background-position:0px -21px;}
**/



	/*******************************************/	

	/*******************************************/
	/*  Footer
	/*******************************************/
		div#footerDiv {width:790px; margin:-16px auto 10px auto; font-size:10px;}
			div#footerDiv a {font-size:10px; margin:0px 7px;}
			
		
	/*******************************************/
	/*  News Articles
	/*******************************************/
		.articleBlurb {font-size:12px; font-weight:bold; } 
		.articleDate {font-size:10px; color:#7F7C7C;} 
		.articleSource {font-size:10px; color:#7F7C7C;} 
		.articleLink {float:right; font-size:10px; color:#2229AC;} 

	/*******************************************/
	/* Reporting
	/*******************************************/
		.chartKey {border-width:1px; margin:0; padding:0; border-style:solid; border-color:#A9A9A9; height:10px; width:10px;}
	
		.rubric {}
			.rubric ul {margin-left:10px;}

	/*******************************************/
	/* Forms
	/*******************************************/			
	.formTable {}
		.formTable tr {vertical-align:top;}
		
	.requiredField {color:red;}





	/*******************************************/
	/* Item Authoring
	/*******************************************/
		body.authoring {background:#FFF;}
		body.authoring .shadowDivider {width:100%; height:10px; margin:0px; background:#FFFFFF url(../images.map/standard.divider.shadow.white.gif) repeat-x top center;}
		body.authoring .topDiv {position:relative; height:30px; padding-top:10px; background:#f7fbfe; border-bottom:1px solid #bebfdd; text-align:center;}
		body.authoring .topDiv img.topLogoImgSmallGray {position:absolute; left:0px; top:0px; width:127px; height:36px; background-position:top left; background-repeat:no-repeat;}
		body.authoring .topDiv .topFloatingMenu {position:absolute; right:0px; top:0px; width:300px;}
		body.authoring .topDiv .topFloatingMenu a {float:right; display:block; margin:3px 10px 0px 0px; color:#000000;}
		body.authoring .corners	{position:relative; top:-1px; z-index:1;}
		body.authoring .corner1	{height:1px; width:255px; background:#f7fbfe;}
		body.authoring .corner2	{height:1px; width:253px; background:#f7fbfe; border-right:2px solid #bebfdd;}
		body.authoring .corner3	{height:1px; width:252px; background:#f7fbfe; border-right:1px solid #bebfdd;}
		body.authoring .corner4	{height:1px; width:251px; background:#f7fbfe; border-right:1px solid #bebfdd;}
		body.authoring .corner5	{height:2px; width:250px; background:#f7fbfe; border-right:1px solid #bebfdd;}
		body.authoring .corner6	{height:5px; width:249px; background:#f7fbfe; border-right:1px solid #bebfdd;}


		body.authoring .treeTop	{display:none;}
		body.authoring .treeTrunk	{width:249px; padding-top:20px; background:#f7fbfe; border:0px; border-right:1px solid #bebfdd;}
		body.authoring .treeTrunk * {color:#000000;}
		body.authoring .treeRoots	{}
		body.authoring .treeRoots .root1	{height:2px; width:248px; background:#f7fbfe; border-right:1px solid #bebfdd;}
		body.authoring .treeRoots .root2	{height:1px; width:247px; background:#f7fbfe; border-right:1px solid #bebfdd;}
		body.authoring .treeRoots .root3	{height:1px; width:246px; background:#f7fbfe; border-right:1px solid #bebfdd;}
		body.authoring .treeRoots .root4	{height:1px; width:244px; background:#f7fbfe; border-right:2px solid #bebfdd;}
		body.authoring .treeRoots .root5	{height:1px; width:244px; background:#bebfdd;}

 /*******************************************/
	/* Filter Menu
	/*******************************************/

  div#filterMenu{border:1px solid #b7b8d6; min-height:95px; background:#f7fbfe;}
  div#filterMenu div{margin:5px;}
  div#filterMenu select.forminput{width:230px; float:left; margin-right:135px;}
          
	/*******************************************/
	/* Data Table
	/*******************************************/
  
  /**
   * For Legecy Data Tables
  **/      
  
  	.dataTable {border:1px solid #b7b8d6;}
			.dataTable tr.headerrow {}
			.dataTable th {height:22px; vertical-align:middle; 
				background: rgb(235,241,246); /* Old browsers */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZjFmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2FiZDNlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzg5YzNlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhOWQ4ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(top, rgba(235,241,246,1) 0%, rgba(171,211,238,1) 50%, rgba(137,195,235,1) 51%, rgba(169,216,249,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,241,246,1)), color-stop(50%,rgba(171,211,238,1)), color-stop(51%,rgba(137,195,235,1)), color-stop(100%,rgba(169,216,249,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(169,216,249,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(169,216,249,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(169,216,249,1) 100%); /* IE10+ */
				background: linear-gradient(to bottom, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(169,216,249,1) 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#a9d8f9',GradientType=0 ); /* IE6-8 */ repeat-x center -24px;
			}
			
			.dataTable tr.tableRowOdd {background-color:#f7fbfe;}
			.dataTable tr.tableRowEven {background-color:#e3effd;}
			.dataTable tr.tableRowInvalid {background-color:#ffcccc;}
			.dataTable tr.tableRowHidden, .dataTable tr.tableRowHidden * {visibility:hidden; font-size:0px; padding-top:0px; padding-bottom:0px; height:0px;}
			.dataTable th, .dataTable th * {font-size:12px; font-weight:bold;}
			.dataTable td{padding:4px; vertical-align:middle;}
			.dataTable .cellCenter {text-align:center;}
			.dataTable .cellMiddle {vertical-align:middle;}
			
			.datatable-info{font-size:16px; color:#545454; text-align:left; display:block; font-weight:bold;}
			
		.insideDataTable {width:100%;}
			.insideDataTable th, .insideDataTable td {vertical-align:top; padding:1px;}
			.insideDataTable td a {color:#2229AC; text-decoration:underline;}
			.insideDataTable td a:hover {color:#2229AC; text-decoration:none;}
			/* Hover Table will change colors when rows are hovered over. Add to dataTable class */
		.hoverTable {}
			.hoverTable tr:hover {background-color:#ff9999;}
			
    .toggleGroup{border:1px solid #b1b1b1;}
    .toggleGroup .dataTable {background:transparent url(../images.map/layout/bg.header.blue.gif) repeat-x center; border:none;}
    .toggleGroup .insideTable{}
    .toggleGroup .groupHeader{margin-top:6px; padding:1px; height:20px; color:#2a4594; font-weight:bold; text-indent:10px;}   
    .toggleGroup .groupHeader a{text-decoration:none;}               
    .toggleGroup.dataTable tr.headerrow {}
    .toggleGroup	.dataTable th {height:22px; vertical-align:middle; background:#fff8e7; border-bottom:1px solid #D1E4F5; border-top:1px solid #FFC220;} 
    .toggleGroup .dataTable tr.tableRowOdd {background-color:#fafcff;}
    .toggleGroup .dataTable tr.tableRowEven {background-color:#f3f9ff;}
    .toggleGroup .dataTable tr.tableRowInvalid {background-color:#ffcccc;}
    .toggleGroup .dataTable tr:hover {background-color:#fff;}
    .toggleGroup .dataTable tr.tableRowHidden, .dataTable tr.tableRowHidden * {visibility:hidden; font-size:0px; padding-top:0px; padding-bottom:0px; height:0px;}
    .toggleGroup .dataTable th, .dataTable th * {font-size:12px; font-weight:bold;}
    .toggleGroup .dataTable td{padding:4px; vertical-align:middle; border-right:1px solid #D1E4F5;} 
    .toggleGroup	.dataTable .cellCenter {text-align:center;}
    .toggleGroup	.dataTable .cellMiddle {vertical-align:middle;}
    .toggleGroup .insideDataTable {width:100%;}
    .toggleGroup	.insideDataTable th, .insideDataTable td {vertical-align:top; padding:1px;}
    .toggleGroup	.insideDataTable td a {color:#2229AC; text-decoration:underline;}
    .toggleGroup	.insideDataTable td a:hover {color:#ecac00; text-decoration:none;}
    .toggleGroup	.insideDataTable a.icon{ text-decoration:none; }
    .toggleGroup .packageTitle{font-weight:bold; color:#1D398D;}
    /* Hover Table will change colors when rows are hovered over. Add to dataTable class */
    .toggleGroup .hoverTable {}
    .toggleGroup	.hoverTable tr:hover {background-color:#ff9999;}


	/*******************************************/
	/* Display Table
	/*******************************************/
		span.pagebanner {display:block; width:47%; float:left; padding:1%; padding-right:0; margin-left:2%; margin-top:10px; margin-bottom:10px; text-align:left; border:1px solid #FFC220; border-right-width:0px; background-color:#FFFBF2; clear:left;}
		span.pagelinks {display:block; width:47%; float:left; padding:1%; padding-left:0; text-align:right; margin-top:10px; border:1px solid #FFC220; border-left-width:0px; background-color:#FFFBF2; clear:right;}
		.displaytagwidth {width:92%; clear:both; margin:auto; border-width:0px; border-color:#FFFFFF;}
		div.displaytagDiv {width:92%; clear:both; margin:8px auto; border-width:1px; border-color:#757575;}

		table.displaytag {width:99%; clear:both; margin:8px auto; border-width:1px; border-color:#757575; table-layout:auto;}
		table.displaytag a {color:#000000;}
		table.displaytag a:hover {color:#aa0000;}
		table.displaytag th,
		table.displaytag td {text-align:center;}
		table.displaytag th {text-align:center;}
		table.displaytag tr.flat1 th {background:#DDEDFC none;}
		
		
		
		table.displaytag th.sortable, table.displaytag th.sortable2,
		table.displaytag th.sortable * {font-weight:bold; text-decoration:underline; color:#000000; white-space: nowrap}
		
		table.displaytag th.sortableColumn.sortable, th.sortableColumn.sortable2,
		table.displaytag th.sortableColumn.sortable * {font-weight:bold;  text-decoration:none; color:#000000; white-space:normal;}
		
		
		table.displaytag th.altheader * , table.displaytag th.altheader {font-weight:bold; text-decoration:underline; color:#1D398D; white-space: nowrap;}
		table.displaytag th.altheader {text-decoration:none;}
		/** table.displaytag th.sortable * {font-weight:bold; text-decoration:underline; color:#1D398D; white-space: nowrap}**/
		
		table.alttable td{text-align:left !important; }
		table.alttable th{text-align:left !important; }
		
		table.displaytag th.sortable_image{vertical-align:bottom;}
		table.displaytag th.sortable_image *{text-decoration:none;}
		table.displaytag th.sortable a:hover {color:#aa0000;}
		table.displaytag th.altheader a:hover {color:#ecac00;}
		/**table.displaytag th.sortable a:hover {color:#ecac00;}**/
		table.displaytag th.sorted,
		table.displaytag th.sorted * {font-weight:bold; text-decoration:none; color:#000000;}
		table.displaytag th.sorted a:hover {color:#aa0000;}
		
		table.displaytag {border:1px solid #b7b8d6;}
			table.displaytag th {height:22px; padding:0px 4px;vertical-align:middle; 
				background: rgb(235,241,246); /* Old browsers */
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZjFmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2FiZDNlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzg5YzNlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhOWQ4ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(top, rgba(235,241,246,1) 0%, rgba(171,211,238,1) 50%, rgba(137,195,235,1) 51%, rgba(169,216,249,1) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,241,246,1)), color-stop(50%,rgba(171,211,238,1)), color-stop(51%,rgba(137,195,235,1)), color-stop(100%,rgba(169,216,249,1))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(169,216,249,1) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(169,216,249,1) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(169,216,249,1) 100%); /* IE10+ */
				background: linear-gradient(to bottom, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(169,216,249,1) 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#a9d8f9',GradientType=0 ); /* IE6-8 */				
			}
			table.image_table th{background:#C7DFFA url(../images.map/layout/bg.horiz.multi.blue.gif) repeat-x top;}
			
			table.displaytag tr.odd {background-color:#f7fbfe; text-align:center;}
			table.displaytag tr.even {background-color:#e3effd; text-align:center;}
			table.displaytag th,
			table.displaytag th * {font-size:12px; font-weight:bold; text-align:center;}
			table.displaytag td	{padding:4px; vertical-align:middle; text-align:center;}
		
		table.bordered td,
		table.bordered th {border:1px solid #B7B8D6;}
		
/*
		table.displaytag,
		table.displaytag td {background-color:#FFFFFF;}
		table.displaytag tr.odd,
		table.displaytag div.odd,
		table.displaytag tr.odd td {background-color:#f5f5f5;}
		table.displaytag tr.even,
		table.displaytag div.even,
		table.displaytag tr.even td {background-color:#e5e5e5;}
		table.displaytag tr.highlight,
		table.displaytag tr.highlight td {background-color:#d5d5d5;}
		*/
		
		.displaytagDiv_odd {background-color:#f5f5f5; margin:2px 0px; padding:2px 3px;}
		.displaytagDiv_even {background-color:#e5e5e5; margin:2px 0px; padding:2px 3px;}
		
		/*table.displaytag th.order1 {background-color:#996666;}*/
		/*table.displaytag th.order2 {background-color:#666699;}*/
		
		.activeEditDIV {margin-bottom:10px;}
		.activeEditDIV table {table-layout:auto;}
		.activeEditDIV td, .activeEditDIV td * {padding:0px; margin:0px;}
		.activeEditDIV td select {display:inline;}
		.activeEditDIV td br {height:0px; clear:both; margin:0px; padding:0px;}
		.activeEditDIV textarea {border:1px solid #FF0000;}
	
		.calendar table {table-layout:auto;}
		
		
		.responses textarea {font-weight:normal; font-size:14px; width:100%;}
		
		table.centerfusion, table.centerfusion tr, table.centerfusion td, table.centerfusion ul, table.centerfusion li, table.centerfusion div{text-align:center;}
		
/**********************************************/
/* Vantage SPMS
/*  Modifies "default.css" by adding
/*  colors, border-color, etc.
/**********************************************/

	* {border-color:#7F7C7C;}

	body {background:#FFFFFF url(../images.map/standard_bg.gif) repeat top center;}
	.divider, .dividerSolid  {border-color:#A68591;}
	.shadowDivider {border-color:#7F7C7C;}
	.header1, .header2, .header3, .header4 {color:#000000;}
	.linedHeader, .dottedHeader {color:#000000; border-color:#7F7C7C;}

	.balloonButton {color:#7F7C7C;}
	.balloonButton:hover {color:#000000;}
	.balloonButtonDisabled {color:#999999;}
	.balloonButtonDisabled:hover {color:#999999;}


	#topLogoImg {background-image:url(../images.map/standard_logoTop.gif);}
	

	



	
	a.dialogTab {color:#000; border-color:#999B9C;}
	a.dialogTabSelected {background-color:#FFF;}
	a.dialogTabUnselected {background-color:#EAEAEA;}
	
	div#footerDiv, div#footerDiv a {color:#7F7C7C;}

	.starBackground {background-image:url(../images.map/fadedStar200.gif); background-repeat:no-repeat; background-position:right bottom;}
	
	
	.topDiv img.topLogoImgSmallGray {background-image:url(../images.map/standard_logoTop_small_gray.gif);}
	.treeTop	{background-image:url(../images.map/standard.tree.top.gif);}
	.treeTrunk	{background-image:url(../images.map/standard.tree.trunk.gif);}
	.treeRoots	{background-image:url(../images.map/standard.tree.roots.gif);}
	
		
	@media print{
		.dontPrint {display:none; background:none;}	
	}	
	
	a.accordian {display:block; background:#EAEAEA; border-color:#999B9C; }	
	a.accordian:hover { background:#CCCCCC; } 
		
		
		
		
	h3.toggler {cursor:pointer; border-bottom:1px solid #DCDCDC; border-top:1px solid #FFFFFF; padding:5px; margin:0px; background-image: url(../images.map/home/h3.gradient.gif); background-position:left bottom; background-repeat:no-repeat;}
	/*h3.active0 {background-position:0px 0px; color:#FFFFFF;}*/
	h3.active0 {background-position:0px -30px; color:#FFFFFF;}
	h3.active1 {background-position:0px -60px; color:#FFFFFF;}
	h3.active2 {background-position:0px -90px; color:#FFFFFF;}
	h3.active3 {background-position:0px -120px; color:#FFFFFF;}
	h3.active4 {background-position:0px -150px; color:#FFFFFF;}
	h3.active5 {background-position:0px -180px; color:#FFFFFF;}
	h3.active6 {background-position:0px -210px; color:#FFFFFF;}
	h3.active7 {background-position:0px -240px; color:#FFFFFF;}
	
	#displayText {float:right; font-style:italic;}
	
	div.accordiondiv {}
		div.accordioncontent {padding:10px;}
		
	area, area:hover {cursor:pointer;}
	.customPlatform {cursor:pointer;}
	.imgmap, .imgmap:hover {cursor:pointer;}						 
	
	div.keyList	a {float:left; border:1px solid #FFFFFF; padding:1px;}	
	div.keyList .highlight {background-color:#FFFF8F; font-weight:bold; border:1px dotted #CCCCCC;}
	div.catScore span {float:left; border-right:1px dotted #CCCCCC; padding:6px;}
	div.catScore .highlight {background-color:#FFFF8F; font-weight:bold; }
	div.keyDisplay span {float:left; padding:3px; border-right:1px solid #CCCCCC; }
	div.keyDisplay .highlight {background-color:#FFFF8F; font-weight:normal; }
	
	
	
	
	
/*****
 VSPMS 2008-06-15
 ****/

	body {background:#FFF;}
	
	a {color:#1D398D;}
	a:hover {color:#ecac00;}


	h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {color:#1D398D; border-color:#1D398D; border-style:solid; border-width:0px; margin-top:0px;}
	a.h1:hover,a.h2:hover,a.h3:hover,a.h4:hover,a.h5:hover,a.h6:hover {color:#1D398D;}
	h1,h2,h3,.h1,.h2,.h3 {margin-bottom:8px;}
	h4,h5,h6,.h4,.h5,.h6 {margin-bottom:4px;}
	h1, .h1 {font-size:24px; font-weight:bold; text-decoration:none;}
	h2, .h2 {font-size:20px; font-weight:bold; text-decoration:none; border-bottom-width:1px;}
	h3, .h3 {font-size:16px; font-weight:bold; text-decoration:none;}
	h4, .h4 {font-size:14px; font-weight:bold; text-decoration:none;}
	h5, .h5 {font-size:12px; font-weight:bold; font-style:italic; text-decoration:none;}
	h6, .h6 {font-size:12px; font-weight:normal; font-style:italic; text-decoration:none;}
	
	
	.divider	{margin:10px; border-style:solid; border-width:0px 0px 1px 0px; border-color:#685893; font-size:0px; height:0px; overflow:hidden;}
	.divided    {border-style:solid; border-width:0px 0px 1px 0px; border-color:#1D398D; padding-bottom:10px; margin-bottom:10px;}
	.dotted		{border-style:dotted;}
	.bolder {font-weight:bold; font-size:14px; text-decoration:none;}
	.bold {font-weight:bold;}
	.italic {font-style:italic;}
	.attribute {font-size:10px; font-style:italic;}
	.lined {border-color:#1D398D; border-style:solid; border-width:0px; border-bottom-width:1px;}
	.dotted {border-color:#1D398D; border-style:dotted; border-width:0px; border-bottom-width:1px;}

	
	label.formlabel {display:block; width:49%; margin-bottom:5px; float:left; font-weight:bold; text-align:right;}
	label.required {color:#8C0005;}
	.formfieldset {padding:8px; border-width:1px; margin-bottom:5px;}
	.formfieldset legend {font-size:15px; font-weight:bold; padding:2px 6px;}
	.formdirections {margin-bottom:20px;}
	.radiocontainer {}
	.radiocontainer .radio {}
	.forminput {width:49%; margin-bottom:5px; float:right; border:1px solid #bebfdd;}
	div.forminput {margin-bottom:0px; border:0px;}
	input.forminput, select.forminput, select.forminputMultiple,textarea.forminput {border-width:1px; background:#FFFFFF;}
	input.required, select.required, textarea.required {background:#FEFFDD;}
	input.checkbox {width:auto; display:inline; float:none; height:auto; margin-left:10px;}
	
	
	.forminputMultiple {margin-bottom:5px; border:1px solid #bebfdd; height:70px; width:235px;}
	.forminputMultipleWide {margin-bottom:5px; border:1px solid #bebfdd; height:70px; width:350px;}	
	.topLoginBox {float:right; width:255px; padding-top:4px;}
	.topLoginBox label {color:#1D398D;}
	.topLoginBox a {font-size:9px; color:#aaa;}
	.topLoginBox a:hover {color:#444;}
	
	.usermenubox {float:right; width:200px; padding-top:4px; text-align:right;}
	.usermenubox,
	.usermenubox a {font-size:10px;}
	
	table.ae_tableClass, table.ae_tableClass table {table-layout:auto;}
	
	.roundedBoxSolid {width:100%; margin:10px auto; position:relative;}
		.roundedBoxSolid .topLeft		{font-size:0px; width:6px; height:6px; position:absolute; top:-1px; left:-1px; background-repeat:no-repeat; background-position:top left;}
		.roundedBoxSolid .topRight		{font-size:0px; width:6px; height:6px; position:absolute; top:-1px; right:-1px; background-repeat:no-repeat; background-position:top right;}
		.roundedBoxSolid .bottomLeft	{font-size:0px; width:6px; height:6px; position:absolute; bottom:-1px; left:-1px; background-repeat:no-repeat; background-position:bottom left;}
		.roundedBoxSolid .bottomRight	{font-size:0px; width:6px; height:6px; position:absolute; bottom:-1px; right:-1px; background-repeat:no-repeat; background-position:bottom right;}
		.roundedBoxSolid .content {margin:10px; position:relative;}
		.roundedBoxSolid a.miniClose {cursor:pointer; font-size:9px; position:absolute; top:3px; right:5px;}
	
	div.roundedBoxSolid {background-color:#fffbf2; border:1px solid #ffc220;}
		div.roundedBoxSolid div.topLeft		{background-image:url(../images.map/layout/orange.corners.multi.gif); background-position:left 0px;}
		div.roundedBoxSolid div.topRight	{background-image:url(../images.map/layout/orange.corners.multi.gif); background-position:right 0px;}
		div.roundedBoxSolid div.bottomLeft	{background-image:url(../images.map/layout/orange.corners.multi.gif); background-position:left -6px;}
		div.roundedBoxSolid div.bottomRight	{background-image:url(../images.map/layout/orange.corners.multi.gif); background-position:right -6px;}
		div.roundedBoxSolid a.miniClose {color:#ecac00;}
	
	.button {display:inline-block; height:17px; border:1px solid #bebfdd; padding-top:4px; padding-left:6px; padding-right:6px; background:transparent url(../images.map/layout/bg.horiz.multi.gif) repeat-x center -24px; font-size:11px; font-weight:bold; text-align:center; text-decoration:none; cursor:pointer;}
	.btn-lg{width:250px;}
	.btn-md{width:150px;}
	.btn-sm{width:50px;} 
	input.button {height:23px; padding-top:0px; text-align:center;}
	.button:hover {border:1px solid #ffde85; background-position:center -1px; cursor:pointer; color:#000;}
	.button_disabled {border:1px solid #aaa; background-position:center -47px; cursor:pointer; color:#999;}
	
	
	.boxHeader {width:100%; border-bottom-width:0px; padding:0px;}
	.boxFooter {width:100%; border-top-width:1px; border-style:dotted; height:40px; padding:0px;}
	.boxContent {width:100%; min-height:300px;}
	.boxHeader, .boxFooter {background:#FFF; border-color:#1D398D;}

	.testDeliveryHeader {width:100%; border-bottom-width:1px; border-style:solid; border-color:#1D398D; padding:0px; background-color:#ebf4fd;}
	.testDeliveryFooter {width:100%; border-top-width:1px; border-style:dotted; border-color:#1D398D; height:40px; padding:0px; background-color:#fff;}
	.testDeliveryBG {background:url(../images.map/computerScreenLogo.gif) no-repeat bottom right;}

	#lo_header	{height:115px;}
	#header		{width:1020px; margin:auto;}
	#header h1	{width:154px; height:92px; background:transparent url(../images.map/elements/logo.spms.gif) no-repeat center 7px; overflow:hidden; font-size:1px; line-height:1200px;}
	
	#lo_menu	{height:23px; background:transparent url(../images.map/layout/bg.horiz.multi.gif) repeat-x center top;}
	#menu		{width:1020px; margin:auto; position:relative; z-index:10; padding-top:5px;}
	#menu a						{font-size:11px; font-weight:bold; padding:0px 5px; text-decoration:none;}
	#menu a.unselected			{color:#1D398D;}
	#menu a.selected,
	#menu a:hover,
	#menu a.unselected:hover	{color:#000;}
	#menu a.disabled,
	#menu a.disabled:hover		{color:#bbb; cursor:default;}
	
	#lo_content	{position:relative;}
	#content	{width:1020px; margin:auto;}
	
	#lo_footer	{border-top:1px solid #bebfdd; padding:4px 0px 15px 0px;}
	#footer		{width:1020px; margin:auto;}
	#footer, #footer a {color:#1D398D; font-size:10px;}
	
	/*****
 		New MenuBar Dropdown 2008-12-08 by fleffler
 	****/
 	
	#dd ul{
 	 margin-left: 0%;
 	 padding: 0 0 20px 0;
 	 
  	}

	#dd li {
	  margin: 0;
	  padding: 0px 10px;
	  list-style: none;
	  float: left;
	  font: bold 11px arial;
	}

	#dd li a.menu {
	  display: block;
	  text-align: center;
	  background: #5970B2;
	  padding: 4px 10px;
	  margin: 0 1px 0 0;
	  color: #FFF;
	  width: 100px;
	  text-decoration: none;
	}

	#dd li a.menu:hover {
	  background: #49A3FF;
	}

	.submenu {
	  background: #FFF5DB;
	  border: 1px solid #5970B2;
	  display:hidden;
	  visibility:hidden; 
	  position: absolute;
	  padding: 5px;
	  z-index:-1;
	}

	.submenu a {
	  display: block;
	  font: 11px arial;
	  text-align: left;
	  text-decoration: none;
	  color: #5970B2;
	  height:20px;
	  
	}

	.submenu a:hover {
	  background: #E3EFFD;
	  color: #FFF;
	  height:20px;
	}
/*******************************
**New Styles for ILP Layout**
*******************************/
div.columnleft{width:48%;  float:left;        }
div.columnleft h1, div.columnleft h2, div.columnleft h3, div.columnleft h4, div.columnleft h5, div.columnleft h6{border:0px;   }
div.columnright{width:48%;      float:right;   }

div.coursecontainer{width:100%;      border:#ffc220 1px solid;      background:#fffaec;   }
div.limit, div.passed{height:300px; background-image:url(../images.map/ilp/element.spms_star.gif); background-repeat:no-repeat; background-position:bottom left;}
div.limit .greeting, div.passed .greeting{text-align:center; font-size:20px; font-weight:bold; margin-top:60px;}

div.coursecontainer .greeting,div.coursecontainer .cycle{color:#404040;  padding:10px;   }
div.coursecontainer .cycle{padding:10px 10px 0px 10px;   font-size:13px;}
div.coursecontainer .courselist{}
div.coursecontainer a,div.coursecontainer .courseitem,div.coursecontainer .deactive,div.coursecontainer .courselist .sectionhead{color:#404040;      font-weight:bold;      text-decoration:none;      text-indent:45px;      display:block;      height:23px;      border-top:1px #ffc220 solid;      padding-top:10px;     }
div.coursecontainer .courselist .sectionhead{color:#1D398D;      background:#FFF;      margin:0px;      text-indent:10px;     }
div.coursecontainer a:hover,div.coursecontainer .courseitem:hover,div.coursecontainer .active {color:#FFFFFF;    background:#ffc220;}
div.coursecontainer .active, div.coursecontainer .active:hover{background-image:url(../images.map/ilp/icon.activity.hover.gif); background-repeat:no-repeat; background-position:10px 4px;}
div.coursecontainer .deactive{background:#ededed;      font-weight:normal;        }
div.coursecontainer .deactive:hover{color:#404040;       }

div.coursecontainer .videolink{background-image:url(../images.map/ilp/icon.video.gif); background-repeat:no-repeat; background-position:10px 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.coursecontainer .activitylink{background-image:url(../images.map/ilp/icon.activity.gif); background-repeat:no-repeat; background-position:10px 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.coursecontainer .videolink:hover{background-image:url(../images.map/ilp/icon.video.hover.gif); background-repeat:no-repeat; background-position:10px 2px;}
div.coursecontainer .activitylink:hover{background-image:url(../images.map/ilp/icon.activity.hover.gif); background-repeat:no-repeat; background-position:10px 2px;}

div.progresscontainer{width:407px;       height:35px;       border:1px #ffc220 solid;   }
.helpbox{display:block;    border:#9BC6E8 solid 2px;    background:#C9E0F4 url('../images.map/icons/icon.hand_click.gif') no-repeat 25px 1px;    padding:10px;    font-size:13px;   text-indent:80px;   -moz-border-radius:10px;   -webkit-border-radius:10px;   -khtml-border-radius:10px;    border-radius:10px	}

   

/*******************************
**New Styes for my progress page**
*******************************/
.progress h2, .progress h3, .progress h4 {
  border-bottom: none;
  margin-bottom: 10px;
}
.progress .chart-container {
  -moz-box-shadow: 0px 0px 2px 2px rgba(87, 87, 87, 0.2);
  -webkit-box-shadow: 0px 0px 2px 2px rgba(87, 87, 87, 0.2);
  box-shadow: 0px 0px 2px 2px rgba(87, 87, 87, 0.2);
  padding:10px 0px;
  min-height: 35px;
}

.chart-container  #chartdiv{
	float:left;
	width:67%;
} 

.chart-container .chart-legend-right{
	float:right;
	width:30%;
}

.chart-container .chart-legend-right ul{
	list-style:none;
}
.chart-container .chart-legend-right ul li{
	margin:3px 0px;
}