/***********************************************/
/* factsFirst.css                                 */
/* CSS Layout for "factsFirst" interface scheme   */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    margin: 0px;
    padding: 0px;
    background: #FFFFFF;
}

.loginMessage{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    color: black;
    margin-bottom: 20px;
}

/******* hyperlink and anchor tag styles *******/

a img{
    border-style: none;
}

a:link, a:visited{
    color: #005FA9;
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}

/***********************************************/
/***********************************************/
#header{
    width:100%;
    min-width: 990px;
    height: 100px;
    background-image:url(factsFirst/header_bkg.png);
    background-repeat:repeat-x;
}

#username{
    position: absolute;
    right: 280px;
    top: 45px;

    color: #666565;
    font-weight: normal;
}

#username.ADMIN{
    right: 350px;
}

#headerButtons{
    font: 75% Verdana,sans-serif;
    position: absolute;
    top: 5px;
    right: 20px;
}

#headerButtons a{
    color: #3A3090;
    margin-left: 0px;
}

#headerButtons img{
    width: 60px;
    height: 72px;
}

/***********************************************/
/***********************************************/
#pagecell1{
    bottom: 2%;
    left: 1%;
    width: 98%;
    min-width: 900px;
    min-height: 450px;
    background-color: #ffffff;
}

#locator{
    font-size : 8pt;
    font-weight : bold;
    color : #1A1A1A;
    margin-left: 180px;
}

#locator a{
    color : #1A1A1A;
    text-decoration: underline;
}

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

#cmd1{
    left:20px;
}

#cmd2{
    left:200px;
}

#cmd3{
    left:380px;
}
/***********************************************/

ul{ padding-left:20px; }

ul li{
    list-style-type:none;
    list-style-image:none;
}

li img{
    position:relative;
    top:2px;
}

li.treeNode{
    list-style-image: url(factsFirst/tree_arrow_d.gif);
    cursor:pointer;
    color:#FFFFFF;
    background:#3A3090;
} 

li.treeNode li.treeNode{
    color:#3A3090;
    background:#EAEAEA;
}

li.treeNode ul{
    color:#3A3090;
    background:#F8F8F8;
}

li.treeNode_collapse {
    list-style-image: url(factsFirst/tree_arrow_r.gif);
    cursor:pointer;
}

/***********************************************/
#content{
    line-height: 140%;
    color: #3A3090;
    width: 100%;
}

#leftPane.min{
    float:left;
    position:relative;
    line-height: 0px;
    bottom:0px;
    width: 140px;
    height: 450px;
    margin-top: 1px;
    margin-left: 15px;
    background-image:url(factsFirst/sidepanel_tile.png);
    background-repeat:repeat-y;
}
  
#leftPane.min #bottomImg{
    position:absolute;
    left: 0px;
    bottom: 0px;
}

#leftPane.min #loadingImg{
    margin-left:23px;
    visibility: hidden;
}

#mainArea.min{
    margin-left: 180px;
}

#leftPane.full{
    float: left;
    width: 315px;
    margin-left:13px;
}

#mainArea.full{
    margin-left: 325px;
}

#commands {
    position:absolute;
    top:265px;
    left:24px;
    color:#555555;
    font-size:9pt;
}

#commands img{
    margin-right:5px;
}

.cmd {
    padding-top:0px;
    cursor:pointer;
}

.cmd_hr {
    margin-left: -1px;
    padding-bottom: 3px;
}


/***************** tab styles ******************/
#tabDiv{
    margin-top:10px;
    background-repeat:no-repeat;
    height:41px;
    position:relative;
}

#tabDiv.left{
    background-image:url(factsFirst/tab2-1.png);
}

#tabDiv.right{
    background-image:url(factsFirst/tab2-2.png);
}

#tabDiv.left3{
    background-image:url(factsFirst/tab3-1.png);
}

#tabDiv.middle3{
    background-image:url(factsFirst/tab3-2.png);
}

#tabDiv.right3{
    background-image:url(factsFirst/tab3-3.png);
}


#tab1Caption{
    position:absolute;
    left:40px;
    top:10px;
}

#tab2Caption{
    position:absolute;
    left:265px;
    top:10px;
}

#tab3Caption{
    position:absolute;
    left:490px;
    top:10px;
}

/*************** search styles *****************/

#search{
    position: absolute;
    right: 30px;
}

#searchBox{
    position: absolute;
    top: 32px;
    right: 0px;
    width:200px;
    bottom: 45px;
    background-color: #83afff;
    border-top: 1px solid #cccccc;
    visibility: hidden;
}

#searchForm{
    margin-left: 8px;
    margin-top: 8px;
    font-size: small;
    color: #FFFFFF;
    line-height: 140%;
}


/************** siteInfo styles ****************/

#footer{
    clear:both;
    margin-left:20px;
    padding-top: 20px;
    margin-bottom: 10px;
    font-size: small;
    color: #999999;
}

#footerLinks{
    margin-left:20%;
}

/**************** form styles ******************/

legend {  
    margin-left: 1em;
    padding: 0;  
    font-size: small;
    font-weight: bold;
}

label{
  font-size:10pt;
  font-weight:bold;
  vertical-align:top;
  float: left;
  width: 10em;
}

fieldset{
  border: 1px solid #C1DAD7;
  padding: 0;
  width: auto;
}

fieldset ul{
  margin:0;
  padding:8px 0px 10px 1em;
}

fieldset li {  
  float: left;  
  clear: left;  
  padding-bottom: 8px;
}

/**************** table styles *****************/
table{
  font: normal 11px auto Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 0;
}

caption{
  font: italic 11px Arial, Helvetica, sans-serif;
  text-align: right;
}

th{
  font: bold 11px Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-align: left;
}
/********************* end *********************/

.invalid{
  color: #ee0000
}

.drilldown{
    background-color:#FFFFCC;
    padding: 0px;
    border-left: 1px solid #C1DAD7;
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
}

#classListTable{
    margin: 0px;
    padding: 0px;
    width: 100%;
}

#classListTable th {
    padding-left: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
}

#classListTable td {
    background-color:#FFFFCC;
    padding-left: 10px;
    border: 1px solid #C1DAD7;
    text-align:left;
    color:black;
    border:none;
}

/***********************************************/
/* Styles for tool tips                        */
.tool-tip {
    color: #333333;
    width: 139px;
    z-index: 13000;
}		 

.tool-title {
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    color: #333333;
    padding: 8px 8px 4px;
    background-color: #FFFFCC;
}
		 
.tool-text {
    font-size: 11px;
    padding: 4px 8px 8px;
    background-color: #FFFFCC;
}

.tool-text A {
  color:#333333;
}

.tool-loading {
    width: 30px;
    height: 30px;
    margin: 0 auto;
}

/***********************************************/
/* Styles for tool tips                        */
.minislab{
  background: url(factsFirst/minislab_left.gif) no-repeat top left;
  cursor:pointer;
  height: 26px;
  width: 300px;
}

.minislab div{
  background-image:url(factsFirst/minislab_tile.gif);
  background-repeat:repeat-x;
  margin-left:29px;
  padding-left: 4px;
  height: 100%;
  color:#555555;
}

.minislab div div{
  position:relative;
  background: url(factsFirst/minislab_right.gif) no-repeat top right;
  position:relative;
  top:-22px; 
  height: 26px;
}

/*===============================================================================================*/
/*===============================================================================================*/

/*studentMain*/
#pagecell1 #content {
   width: 780px;
   margin-left: auto;
   margin-right: auto;
}

.buttonCell {
    float: left;
    width: 227px;
    height: 248px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 25px;
    margin-bottom: 10px;
    background-image: url(factsFirst/metalTileLarge.png);
    background-repeat:no-repeat;
    cursor: pointer;
	
}

.buttonCellImg {
    position: absolute;
    margin-left: 6px;
    margin-top: 20px;
}

.buttonCellLabel {
    text-decoration:inherit;
    margin-top: 0;
    position: relative;
    top: 180px;
    left: 12px;
    width: 205px;
    text-align: center;
    font-size: 12pt;
    line-height: 15pt;
    cursor: pointer;
}

.buttonCellLabel a{
    font-size: 10pt;
}

#kidsText {
    padding-left: 20px;
}

#message {
    padding-left: 20px;
    margin-bottom: 15px;
    font-size: larger;
    text-align: left;
}

/* subjectSelection */

a.menu:link, a.menu:visited{
    color: #FFFFFF;
    text-decoration: none;
	
}

a img{
    border-style: none;
}

a.menu:hover{
    text-decoration: underline;
}

#classIconCell {
	width: 227px;
	height: 248px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(factsFirst/metalTileLarge.png);
	background-repeat:no-repeat;
}

#classCellImg {
	position: absolute;
	margin-top: 20px;
}

#classCellLabel {
	margin-top: 0;
	position: relative;
	top: 175px;
	left: 12px;
	width: 205px;
	text-align: center;
	font-size: 11pt;
	line-height: 13pt;
}

#reportBox {
	width: 138px;
	height: 312px;
	margin: 0px;
	background-image: url(factsFirst/viewReportBoxBackground.png);
	background-repeat:no-repeat;
}

#reportBoxLink	{
	position: relative;
	top: 100px;
	margin: 0px;
	cursor: pointer;
	/*border-style: solid;
	border-width: 1px;*/
}

#reportBoxIcon	{
	width: 138px;
	height: 119px;
}

#reportBoxLabel {
	margin-top: 0;
	position: relative;
	/*top: 120px;*/
	left: 7px;
	width: 126px;
	text-align: center;
	font-size: 11pt;
	line-height: 13pt;
}

#mainArea.tiniest {
	font-size: 12pt;
	width: 1000px;
}


#breadcrumb {
	margin-left: 18px;
	margin-bottom: 10px;
	font-size:8pt;

}

#breadcrumb2 {
	padding-bottom: 10px;
	font-size:8pt;
}


#leftPane {
	float:left;
}

#leftPane.large {
	width: 250px;
}

#leftPane.huge {
	width: 550px;
	
}

#leftPaneHuge {
	width: 550px;
	float:left;
	
}

#leftPaneHumongous {
	width: 710px;
	float:left;
	padding-left:12px;
	
}

#rightPane.small {
	width: 200px;
	margin-left: 560px;
}

#menuContainer {
	float: left;
	width: 710px;
    
}

div.toggleBar {
	margin: 0px;
}

div.toggleSection {
	margin: 0px;
	overflow: hidden;
}

div.barContainer {
	margin: 0px;
	overflow: hidden;
}

div.titleBarContainer {
	margin: 0px;
}

div.titleBg {
	width: 710px;
	height: 50px;
	background-image: url(factsFirst/titlebar.png);
	background-position: top;
	background-repeat: no-repeat;
	margin: 0px;
}

div.titleText {
	position: relative;
	top: 15px;
	left: 20px;
	margin: 0px;
	font-size: 18pt;
}

#footerBg {
	width: 710px;
	height: 50px;
	background-image: url(factsFirst/footerbar.png);
	background-position: top;
	background-repeat: no-repeat;
}

div.subjectBg {
	text-decoration:inherit;
	width: 710px;
	height: 38px;
	background-image: url(factsFirst/subjectbar.png);
	background-position: top;
	background-repeat: no-repeat;
	cursor: pointer;
}

div.subjectBgNoPointer {
	text-decoration:inherit;
	width: 710px;
	height: 38px;
	background-image: url(factsFirst/subjectbar.png);
	background-position: top;
	background-repeat: no-repeat;
	margin: 0px;
	/*border-style: solid;
	border-width: 1px;*/
	
}

div.subjectText {
	position: relative;
	top: 8px;
	left: 30px;
	margin: 0px;
	color: #ffffff;
}

div.subjectText2 {
	position: relative;
	top: 8px;
	left: 0px;
	margin: 0px;
	float: left;
	color: #ffffff;
}

div.noteTopBg {
	width: 710px;
	height: 19px;
	background-image: url(factsFirst/teacherNoteBar_top.png);
	background-position: top;
	background-repeat: no-repeat;
}

div.noteTopText {
	position: relative;
	top: 1px;
	left: 30px;
	margin: 0px;
	color: #ffffff;
	font-size: 10pt;
	line-height: 12pt;
}

div.noteBottomBg {
	width: 710px;
	height: 24px;
	background-image: url(factsFirst/teacherNoteBar_bottom.png);
	background-position: top;
	background-repeat: no-repeat;
}

div.noteBottomText {
	position: relative;
	top: 1px;
	left: 30px;
	margin: 0px;
	font-size: 10pt;
	line-height: 12pt;
}

/* lessonSelection */
/*----nextActivityBar--------*/
#nextActivityBar {
	margin-left: 15px;
	margin-bottom: 30px;
	height: 26px;
	width: 710px;
	background-image: url(factsFirst/nextActivityBar.png);
	background-repeat: no-repeat;
	
}

#nextActivityBarText {
	position: relative;
	top: 1px;
	left: 20px;
	font-weight:bold;
}

/*-------------------------*/


span.highlight {
	color:#FF9900;
	font-weight: bold;
}

span.disabledPretest {
	color:#999999;
	font-weight: bold;
}

span.activePretest	{
	font-weight: bold;
}

span.sysAssigned {
    font-weight:bold;
}

span.normal {
	/*just show text in default color*/
}

/*------lessonMenu--------*/

div.subjectGem {
	position: relative;
	top: 0px;
	left: 0px;
	width: 30px;
	height: 38px;
	margin: 0px;
	float: left;
	overflow: hidden;
}

div.lessonBg_odd_top {
	width: 710px;
	height: 30px;
	background-image: url(factsFirst/lessonBar_top.png);
	background-color:#FFFFFF;
	overflow: hidden;
}

div.lessonBg_even_top {
	width: 710px;
	height: 30px;
	background-image: url(factsFirst/lessonBar_top.png);
	background-color:#EEEEEE;
	overflow: hidden;
}

div.lessonBg_odd_middle {
	width: 710px;
	height: 30px;
	background-image: url(factsFirst/lessonBar_middle.png);
	background-color:#FFFFFF;
	overflow: hidden;
}

div.lessonBg_even_middle {
	width: 710px;
	height: 30px;
	background-image: url(factsFirst/lessonBar_middle.png);
	background-color:#EEEEEE;
	overflow: hidden;
}

div.lessonBg_odd_bottom {
	width: 710px;
	height: 35px;
	background-image: url(factsFirst/lessonBar_bottom.png);
	background-color:#FFFFFF;
	overflow: hidden;
}

div.lessonBg_even_bottom {
	width: 710px;
	height: 35px;
	background-image: url(factsFirst/lessonBar_bottom.png);
	background-color:#EEEEEE;
	overflow: hidden;
}

div.lessonBg_odd_single {
	width: 710px;
	height: 35px;
	background-image: url(factsFirst/lessonBar_single.png);
	background-color:#FFFFFF;
	overflow: hidden;
}

div.lessonBg_even_single {
	width: 710px;
	height: 35px;
	background-image: url(factsFirst/lessonBar_single.png);
	background-color:#EEEEEE;
	overflow: hidden;
}

div.lessonText {
/*	position: relative;
	top: 4px;
	left: 50px;*/
	width: 530px;
	margin-top: 3px;
	padding-left: 40px;
	float: left;
	overflow: hidden;
}

div.detailsButton {
	/*position: relative;
	top: 4px;
	left: 0px;*/
	
	background-image: url(factsFirst/detailsIcon.png);
	background-repeat: no-repeat;
	width: 24px;
	height: 23px;
	
	margin-top: 4px;
	margin-left: 0px;
	float: left;
	overflow: hidden;
	cursor: pointer;
}

div.history_middle {
	width: 710px;
	background-image: url(factsFirst/lessonBar_middle.gif);
	background-repeat: repeat-y;
	background-color:#FFFFCC;
}

div.history_bottom {
	width: 710px;
	background-image: url(factsFirst/lessonBar_bottom_history.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color:#FFFFCC;
}

table.history	{
	/*position: relative;
	top: -2px;
	left: 67px;*/
	
	margin-left: 65px;
	margin-bottom: 2px;
	width: 530px;
	
}

div.scoreText {
/*	position: relative;
	top: 4px;
	left: 0px;*/
	width: 70px;
	margin-top: 4px;
	margin-left: 0px;
	text-align: right;
	float: left;
}

/*-------------------------*/
/*----subject menu------*/
#subjectMenu {
	
}

div.subjectMenuTop {
	width: 227px;
	height: 50px;
	background-image: url(factsFirst/subjectMenu_top.png);
	background-repeat: no-repeat;
}

div.subjectMenuSelected {
	width: 227px;
	height: 40px;
	background-image: url(factsFirst/subjectMenu_selected.png);
	background-repeat: no-repeat;
}

div.subjectMenuUnselected {
	width: 227px;
	height: 40px;
	background-image: url(factsFirst/subjectMenu_unselected.png);
	background-repeat: no-repeat;
}

div.subjectMenuText {
	position: relative;
	left: 18px;
	top: 7px;
	font-size: 9pt;
	font-weight:bold;
}

div.subjectMenuBottom {
	width: 227px;
	height: 57px;
	background-image: url(factsFirst/subjectMenu_bottom.png);
	background-repeat: no-repeat;
}

div.subjectMenuTitle {
	position: relative;
	top: 15px;
	font-size: 18pt;
	text-align: center;
}

div.printerButton {
	width: 227px;
	height: 150px;
	background-image: url(factsFirst/printer.png);
	background-repeat: no-repeat;
}

div.printerText {
	position: relative;
	top: 7px;
	font-size: 8pt;
	text-align: center;
}
/*-------------------------*/
/*--- login page ---*/

#buyBar {
	width: 811px;
	height: 84px;
	background-image: url(factsFirst/home_buyBar.png);
	background-repeat: no-repeat;
	margin-bottom: 7px;
}

#buyButton {
	position: relative;
	top: 15px;
	left: 616px;
	width: 126px;
	height: 46px;
}

#boxesContainer {
	margin-top: 25px;

}

div.featureBox {
	float: left;
	width: 265px;
	height: 298px;
	margin-right: 7px;
	background-image: url(factsFirst/home_boxBottom.png);
	background-position: bottom;
	background-repeat: no-repeat;
}

div.featureBoxSpecial {
	float: left;
	width: 265px;
	height: 298px;
	margin-right: 7px;
	background-image: url(factsFirst/home_boxBottomSpecial.png);
	background-position: bottom;
	background-repeat: no-repeat;
}

div.featureBoxTop {
/*border-style: solid;
	border-width: 1px;*/
}

div.featurePicture {
	width: 265px;
	height: 105px;
	margin: 0px;
}

div.featureText {
	width: 224px;
	height: 105px;
	margin-left: 20px;
	margin-top: 0px;
	font-weight: bold;
	color: #555555;
	font-size: 11pt;
	line-height: 13pt;
	overflow: hidden;
	/*border-style: solid;
	border-width: 1px;*/
}

div.moreButton	{
	position: relative;
	left: 88px;
	top: 0px;
	margin: 0px;
	width: 91px;
	height: 33px;
}

#loginBox {
	width: 235px;
	height: 60px;
	margin-left: 18px;
	margin-top: 15px;
	margin-bottom: 0px;
	margin-right: 0px;
	
	font-weight: bold;
	color: #555555;
	font-size: 10pt;
	/*border-style: solid;
	border-width: 1px;*/
}


#loginButton {
	position: relative;
	left: 71px;
	top: 0px;
	margin: 0px;
	width: 126px;
	height: 46px;
	/*border-style: solid;
	border-width: 1px;*/
}

#demoText {
	width: 147px;
	height: 23px;
	margin-top: 40px;
	margin-left: 58px;
	margin-bottom: 12px;
	/*border-style: solid;
	border-width: 1px;*/
}

#demoButton {
	width: 126px;
	height: 46px;
	margin-top: 0px;
	margin-left: 0px;
	float: left;
	/*border-style: solid;
	border-width: 1px;*/
}

#demoBox {
	position: relative;
	top: 0px;
	left: 275px;
	width: 223px;
	height: 70px;
	float: left;
	/*border-style: solid;
	border-width: 1px;*/
}

#pageHeading {
	width: 800px;
	height: 70px;
	float: none;
}

#pageHeadingGraphic {
	position: relative;
	top: 17px;
	width: 305px;
	height: 56px;
	float: left;
	/*border-style: solid;
	border-width: 1px;*/
}

div.contentArea {
	margin-top: 20px;
	margin-left: 92px;
	width: 700px;
}

div.topTextArea {
	color: #333333;
	margin-bottom: 20px;
	float: none;
}

div.buttonBox {
	margin-bottom: 20px;
}

table.login {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #555555;
	font-size: 10pt;
}

table.contentBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #333333;
  	padding: 0;
  	margin-bottom: 20px;
}

td.contentBox {
	vertical-align: top;
}

img.labelText {
	margin-bottom: 10px;
}

div.tinyLinkText {
	text-decoration: inherit;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: center;
	color:#0000CC;
}

a.inpage:hover{
    text-decoration: none;
}

/*----- buy tip  ------*/

.custom-tip {
	color: #000;
	width: 318px;
	height: 208px;
	z-index: 13000;
}
 
.custom-title {
	height: 0px;
	margin: 0;
}
 
.custom-text {
	width: 290px;
	height: 208px;
	padding-top: 70px;
	padding-left: 17px;
	padding-right: 20px;
	background-image: url(factsFirst/buyTipBG.png);
	background-repeat: no-repeat;
}

div.tipline1 {
	font-size: 11pt;
	line-height: 14pt;
	margin-bottom: 16px;
}

div.tipline2 {
	font-size: 10pt;
	margin-bottom: 16px;
}

div.tipline3 {
	font-size: 8pt;
}

#loadingPic {
    margin-left: 255px;
    width: 100px;
    height: 100px;
    background-image: url(factsFirst/loading.gif);
    background-repeat: no-repeat;
}