/**************************
		GEN STYLES 
***************************/

body, table, p, div, blockquote 
{
	color : #000000;
 	font-family : 'arial';
 	font-size : 9pt;
 	font-weight : normal;
	margin : 0px;
	padding : 0px;
	background: #f9f9f9;	
}

/*** Main Menu Styling ***/
div#divMain { height: 500px; padding: 0; margin: 0; width: 289px; position: relative; background: white;}

	h1.mainMenuImage 
	{	
		font-weight: normal !important;
		background: url(/images/main_menu.jpg) no-repeat 0 0;
		margin: 0;
	}
		
	div#divMain ul#mainMenu { list-style: none; height: 100%; margin: 0; padding: 0; position: absolute; top: 0; right: 0;}
		
		ul#mainMenu li, ul#mainMenu li a 
		{
			float: left;
			color: black; 
			font-weight: bold;
			text-decoration: none; 
			width: 275px; 
			height: 37px; 
			position: relative;
			border: thin outset white;
			background-color: silver;
		}
		
			ul#mainMenu li a span
			{
				position: absolute;
				bottom:10px;
				left: 40px;
				text-align: left;
				display: block;
			}
		
		/* Image Assignments */
		ul#mainMenu li.Admin a { background: url('/images/admin_btn.jpg') no-repeat left; }
		/**  FIXME For some reason encompass is spelled funny in the DB **/
		ul#mainMenu li.ZEncompass a { background: url('/images/admin_btn.jpg') no-repeat left; }
		ul#mainMenu li.Foundation a { background: url('/images/curriculum_btn.jpg') no-repeat left;}
		ul#mainMenu li.Mentor a { background: url('/images/teacher_btn.jpg') no-repeat left;}
		ul#mainMenu li.Visibility a { background: url('/images/reporting_btn.jpg') no-repeat left; }
		ul#mainMenu li.Curriculum a { background: url('/images/curriculum_btn.jpg') no-repeat left; }
		/** FIXME For some reason logout is spelled funny in the DB **/
		ul#mainMenu li.ALogout a { background: url('/images/exit.gif') no-repeat left; }


/*** Header Styling ***/
div#header { height: 57px; padding: 0; margin: 0; width: 100%; position: relative; background: white;}

	h1.headerImage 
	{	
		font-weight: normal !important;
		/* IE Hack */
		font-weight: bold;
		font-size: 25px; 
		color: #3768a4;
		width: 353px;
		line-height: 57px;
		padding: 0 0 0 70px;
		background: url(/images/iconFolder.gif) no-repeat 0 0;
		margin: 0;
	}
	
	/* H1 Icons */
	h1.pencil{  }
	h1.folder{}
	h1.magnify{}
	h1.apple{}
	h1.clipboard{}
	h1.key{}
	
	div#header ul#toolMenu { list-style: none; height: 57px; margin: 0; padding: 0; position: absolute; top: 0; right: 0;}
		
		ul#toolMenu li
		{
			float: left;
			display: none;  
			padding: 0 2px;
			width: 45px; 
			height: 100%; 
			position: relative;
		}
			ul#toolMenu li a 
			{
				float: left;
				color: gray; 
				text-decoration: none; 
				padding: 0 2px;
				width: 45px; 
				height: 100%; 
			}
				ul#toolMenu li a span
				{
					position: absolute;
					bottom: 0;
					left: 0;
					text-align: center;
					display: block;
					width: 100%;
				}
		
		/* Image Assignments */
		ul#toolMenu li.menuHelp a { background: url('/images/help_gray.gif') no-repeat center; }
		ul#toolMenu li.menuPublish a { background: url('/images/publish_gray.gif') no-repeat center; }
		ul#toolMenu li.menuProperties a { background: url('/images/properties_gray.gif') no-repeat center;}
		ul#toolMenu li.menuNew a { background: url('/images/new_gray.gif') no-repeat center;}
		ul#toolMenu li.menuSave a { background: url('/images/save_gray.gif') no-repeat center; }
		ul#toolMenu li.menuCopy a { background: url('/images/copy_gray.gif') no-repeat center; }
		ul#toolMenu li.menuPrintScreen a { background: url('/images/new_gray.gif') no-repeat center; }
		ul#toolMenu li.menuReports a { background: url('/images/print_gray.gif') no-repeat center; }
		ul#toolMenu li.menuDelete a { background: url('/images/delete_gray.gif') no-repeat center; }
		ul#toolMenu li.menuBack a { background: url('/images/back_gray.gif') no-repeat center; }
		ul#toolMenu li.menuNext a { background: url('/images/next_gray.gif') no-repeat center; }
		ul#toolMenu li.menuHome a { background: url('/images/home_gray.gif') no-repeat center; }
		ul#toolMenu li.menuRefresh a { background: url('/images/refresh_gray.gif') no-repeat center; }
		ul#toolMenu li.menuExit a { background: url('/images/exit_gray.gif') no-repeat center; }
		
			/* Image Hovers */
			ul#toolMenu li.menuHelp a:hover { background: url('/images/help_color.gif') no-repeat center; color: black;}
			ul#toolMenu li.menuPublish a:hover { background: url('/images/publish_color.gif') no-repeat center; color: black;}
			ul#toolMenu li.menuProperties a:hover { background: url('/images/properties_color.gif') no-repeat center; color: black;}
			ul#toolMenu li.menuNew a:hover { background: url('/images/new_color.gif') no-repeat center; color: black;}
			ul#toolMenu li.menuSave a:hover { background: url('/images/save_color.gif') no-repeat center; color: black;}
			ul#toolMenu li.menuCopy a:hover { background: url('/images/copy_color.gif') no-repeat center; color: black;}
			ul#toolMenu li.menuPrintScreen a:hover { background: url('/images/new_color.gif') no-repeat center; color: black;}
			ul#toolMenu li.menuReports a:hover { background: url('/images/print_color.gif') no-repeat center; color: black;}
			ul#toolMenu li.menuDelete a:hover { background: url('/images/delete_color.gif') no-repeat center; color: black;}
			ul#toolMenu li.menuBack a:hover { background: url('/images/back_color.gif') no-repeat center; color: black;}
		    ul#toolMenu li.menuNext a:hover { background: url('/images/next_color.gif') no-repeat center; color: black;}
		    ul#toolMenu li.menuHome a:hover { background: url('/images/home_color.gif') no-repeat center; color: black;}
		    ul#toolMenu li.menuRefresh a:hover { background: url('/images/refresh_color.gif') no-repeat center; color: black;}
		    ul#toolMenu li.menuExit a:hover { background: url('/images/exit.gif') no-repeat center; color: black;}
		    		
		/* Individual Width Assignments */
		ul#toolMenu li.menuProperties, ul#toolMenu li.menuProperties a { width: 50px; }
	
.pageSeparation
{
	border: none !important;
	height: 5px;
	width: 100%;
}

.pageSeparation tr td 
{ 
	background: #cbdef3 !important; 
	border-top: solid 1px black; 
	border-bottom: solid 1px black;
	color: black;
	padding: 0 15px 1px 1px;
}

.smallToolBar table
{
	background: black;
}


.smallToolBar table tr td *
{
	background: black;
}

/*** GEN FORM STYLING ***/
.pageLabel
{
	background: #cbdef3;
	color: #1D426D;
	font-size: 20px;
	line-height: 24px;
	font-weight: normal;
	padding: 0 0 0 8px;
}

	.pageLabel span
	{
		font-size: 14px;
		color: blue !important;
		font-weight: bold;
		text-decoration: underline;
		cursor: pointer;
	}
		
body form table tr .label
{
	float: left;
	padding: 0 0 0 10px;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	margin: 6px 0;
}

body form table tr div.frmPreviewArea *
{
	background: white;
}

/*** ADDITIONAL LABEL FOR SMALLER FONT SIZE STYLING ***/
.pageLabelSmall
{
    background: #cbdef3;
    color: #1D426D;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    padding: 0 0 0 8px;
}

/*** Tabs Styling ***/
table#tabBar
{
	border-top: solid 1px #bcbcbc;
	height: 30px;
	border: 0;
}

table#tabBar tr td
{
	border-right: solid 1px #868080;
	border-left: solid 1px #bcbcbc;
	border-top: solid 1px #868080;
	border-bottom: solid 1px #868080 !important;
	white-space: nowrap;
	letter-spacing: 1px;
	color: gray; 
	font-weight: bold;
	padding: 5px;
}

	table#tabBar tr td.emptyCell 
	{ 
        border: none !important; 
        background: #bcbcbc;
        cursor: default;
	}
		
	table#tabBar tr td a
	{ 
        color: gray; 
	    font-weight: bold;
	    text-decoration: none;
	}

		table#tabBar tr td a:hover
		{ 
        	color: black;
        	cursor: pointer;
        	cursor: hand;
        	text-decoration: underline;
		}

    table#tabBar tr td.tabActiveStyle
	{
		border-right: solid 1px #3875d7;
		border-left: solid 1px #3875d7;
		border-top: solid 1px #3875d7;
		border-bottom: solid 1px #cbdef3 !important;
		background: #cbdef3;
    }

    table#tabBar tr td.tabActiveStyle a
	{
		color: #1D426D !important;
		font-style: italic;
		text-decoration: none;
    }

    	table#tabBar tr td.tabActiveStyle a:hover
		{
			text-decoration: none;
    	}
		
   /*** PICK LIST AND SUB-HEADING STYLES ***/
   
   .pickListHeader
   {
   		border:outset 1px; 
   		background-color:silver;
   		color:black;
   		padding:3px;
   }
	
	/*** TAB DATA GEN STYLING ***/

	.tabDataHeader
	{
		background: #cbdef3 !important;
		font-weight: bold;
		line-height: 10px;
		padding: 0 0 0 10px;
	}
	
	.tabDataHeader span
	{
		color: blue !important;
		font-weight: normal;
		text-decoration: underline;
		cursor: pointer;
	}
	

 	.tabDataControls 
        {
        		valign: top;
                padding: 2px 2px 2px 2px;
                background:  #CBDEF3;
                cursor: pointer;
                cursor: hand;
        }

/*** TABBED AREA STYLES ***/

	.tableDataHeader
	{
		background: #E1E9F3 !important;
		text-align: center;
		font-weight: bold;
		color: black !important;
		border-bottom: solid 1px #868080 !important;
		overflow:hidden;
	}
	
	.tableDataEven
	{
		background: #E2E2E2 !important;
		padding: 1px 8px;
	}
	
	.tableDataOdd
	{
		background: #F9F9F9 !important;
		padding: 1px 8px;
	}
	
	.tableRowSelected
	{
		background: #5c7dff;
		cursor: pointer;
	}
		.tableRowSelected td
		{
			background: #5c7dff;
			padding: 1px 8px;
		}

	/*** Used mostly in gradebooks ***/
	.tableDataHeaderVertical
	{
		background: #E1E9F3 !important;
		padding: 5px 2px;
		color: black !important;
		/*border-left: solid 1px #868080 !important;*/
		border-bottom: solid 1px #868080 !important;
	}
	
	.tableRowSelectedVertical
	{
		background: #E1E9F3;
		padding: 5px 2px;
	}
	
	.gridDataEven
	{
		background: #E2E2E2 !important;
		
	}
	.gridDataEven td
	{
		
		border-bottom: solid 1px #868080;
	}

	.gridDataOdd
	{
		background: #F9F9F9 !important;
	}

	.gridDataOdd td
	{
		
		border-bottom: solid 1px #868080;
	}
	

/*** ONLINE TEST STYLES ***/

	.questionText, .questionText p
	{
		margin: 2px 10px;
		background: #E2E2E2 !important;
		color: black !important;
		vertical-align: top;
	}

	.questionText td
	{
		border: solid 5px #E2E2E2 !important;
	}


/*** POP-UP Calendar ***/

	div#calendar table#topBar
	{
		background: #0000aa;
	}
	
/*** Tree Styles ***/
	
	.treeItemSelected
	{
		background: #5c7dff;
		font-weight: bold;
		color: black !important;
		font-style: italic;
		cursor: pointer;
	}

/*** Added for ETS questions ***/
    .underline
    {
    	text-decoration:underline;
    }
    
    img.img-mml
    {
    	margin:0 5px;
    	vertical-align:middle;
    }
    
    img.mathml, img[mathml]
    {
    	margin:0 5px;
    	vertical-align:middle;
    }