/*
 * Name: efocus.css
 * Desc: Cascading Style Sheet for Informative Interaction Sessions
 *
 * History: 08/30/2001 Created
 *          01/28/2003 Rewritten to make the classes more global in nature instead 
 *                     of task-based, and match 2.7 HTML output changes.
 * 
 * Copyright 2003, Recipio. All rights reserved.
 */


/****************************
 ** DEFAULT CLASS SETTINGS **
 ****************************/
BODY, TD, TH, P, LI, SELECT, TEXTAREA {
	color: #000000;
	font-size: 13px;
	font-family: Arial, sans-serif, verdana;
}

BODY {
	margin: 0px;
	margin-top: 10px;
}

A:Hover {
	text-decoration: none;
	color: #777777;
}

A, A:visited, A:active {
	color: #000000;
}

B {
	font-weight: bold;
	background: none;
}


/********************
 ** GLOBAL CLASSES **
 ********************/

/* The 'Title' class is applied to all task titles. */
.Title {
	font-size: 1.2em;
	font-weight: bold;
}

/* These three classes are applied to all task questions. 'Question0'
 * and 'Question1' allow the display styles to alternate on multi-question 
 * pages, while 'Question' is used for single question tasks.
 * 'other' is used for other tasks.
 */
.Question0, .Question1, .Question, .questiontext {
	font-weight: bold;
}

.questioninstructions {
	margin: 15px 0px;
	font-weight: normal;
}

.other {

}
.choiceTable {

} 
.choiceRow {

}
.choiceColumn {

}
.choiceDiv {
 	padding: 2px 5px;
 	margin-bottom: -5px;
}

.choiceInput {

}
.choiceDescription {
	padding: 0px 5px;

}
.otherSpan {
/*	font-weight: bold;
	padding-right: 4px;
*/
}
.otherDiv {
	font-weight: bold;
   padding-top: 5px;
   padding-bottom: 2px;
}

/* The 'Choice' class is applied to the choices of all task questions. */
.Choice {}

/* The 'Small' class is used wherever text needs to be smaller than the
 * standard text size. For example, it is used for the footnotes in Focal
 * Question instructions*/
.Small {
	font-size: .9em;
}

/* The 'TechSupport' classeses are applied to the "Technical Support" link
 * at the bottom of each page. Note that the style sheets for the contents
 * of the popup are in the popup itself.
 */
.TechSupport {}
A.TechSupport:Link {color: #000000}
A.TechSupport:Visited {color: #000000}
A.TechSupport:Active {color: #000000}
A.TechSupport:Hover {color: #0000FF}

.body {
	background: #FFFFFF;
}

/*******************
 ** TABLE CLASSES **
 *********************************************************************************
 ** These classes control the look of visible tables.  It is used in assessment **
 ** questions, survey grid questions, and focal question results pages).  The   **
 ** classes are as follows:                                                     **
 ** - 'Table' is applied to the <table> tag.                                    **
 ** - 'TableHeader' is applied to the top row of <td> tags in the table.        **
 ** - 'TableTab0' and 'TableTab1' are alternately applied to the left-most      **
 **    <td> tags in content rows, to allow alternatign row colors.              **
 ** - 'TableText0' and 'TableText1' are altternately applies to the rest of     **
 **    the <td> tags in the content cells, to allow alternatign row colors.     **
 *********************************************************************************/
/* Set the border color for all of the table classes */
.Table, .TableHeader, .TableTab0, .TableTab1, .TableText0, .TableText1 {
	border-color: #000000;
}
/* Now set the class-specific attributes. */
.Table {}
.TableHeader {
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
}
.TableTab0, .TableTab1 {
	color: #000000;
	font-weight: bold;
}
.TableText0, .TableText1 {}



/******************************************
 ** FOCAL QUESTION RANKING TABLE CLASSES **
 ***********************************************************************
 ** The following classes control the appearance of the ranking table **
 ** in Focal Question tasks.  The appearance of the results table is  **
 ** controlled by the table classes.                                  **
 ***********************************************************************/




/** Ranking Page **/

#FQRankTable, #FQRankTable TD, .Table, .Table TH, .Table TD {

	border: 1px solid #000000;
	font-size: 13px;
	color: #000000;

}


#FQRankTable {
	border-collapse: collapse;
}


#FQRankTable TD, .Table TH, .Table TD {
	padding: 3px;

}

.FQIdeaMouseOver {
    	background: #FDD542;
	cursor: hand;
}

.FQIdeaSelected {
 	background: #A6C53B;
	cursor: hand;
}

.FQIdea, .FQIdeaMouseOver, .FQIdeaSelected {
   width: 100%;
 }
/** Results Page And User Vote Page**/


.Table {
	border-collapse: collapse;
	margin-top: 5px;
}

.Table TH {
	background: #FDD542;
	border: 1px solid #000;
	text-align: center;
}





.branchLink {
	font-weight: bold;
}


.spacer {
	padding-right: 10px;
}

.endBar {
	text-align: right;
	width: 100%;
}

/* Spacer styles */
.imageButton, .formButton, .linkButton {
   margin-right: 8px;
}

.verticalSpacer {
   width: 100%;
   height: 20px;
}

.smallVerticalSpacer {
   width: 100%;
   height: 20px;
}

.surveyQuestion, .selectQuestion {
   margin-top: 4px;
   margin-bottom: 2px;
}




TABLE.ACTquestionTable {
	margin-top: 12px;
	width: 95%;
}

TABLE.ACTquestionTable TD{
   background-color: #ececec;	
   font-weight: bold;
   text-align: center;
   padding: 4px 0px;   
   
}

TABLE.ACTtable {
	margin-top: 12px;
	width: 95%;
  border: 1px solid black;
  border-collapse: collapse;	
}

TABLE.Gridtable {
	margin-top: 12px;
	width: 85%;
  border: 1px solid black;
  border-collapse: collapse;	
}
TABLE.Gridtable TD{
  border: 1px solid black;
  border-collapse: collapse;	
  padding: 2px;
}

TABLE.ACTtable TD{
  border: 1px solid black;
  border-collapse: collapse;	
  padding: 2px;
}

.ACTquestion {
   font-weight: bold;
   padding: 4px 0px;
   background-color: #ffffff;

}

.ACTvalue {
   font-size: 9pt;
   font-weight: bold;
   color: #666666;
   align: center;
   width: 11%;

}

.ACTanswer {
   font-size: 8pt;
   font-weight: bold;
   color: #666666;
   text-align: top;
 
}

DIV.ACTInstructions {
	border: 1px solid black;
	margin: 20px;
	padding: 20px;
}


table.ACTInstructions TD{
	font-family: Verdana, Arial, Helvetica, sans serif;
    font-size: 12px;
}
.Row0 {background: #F9E3BD;}
.Row1 {background: white;}








/** Custom Styles **/

.header {
	background: url(../../LegoKidsInnerCircle_AssetContainer/images/bg_header.gif) repeat-x;
	height: 71px;
	width: 721px;
	vertical-align: top;
	clear: both;
}

.header_AFOL {
	background: url(../../Lego_2009TrackingAFOL/images/header.jpg) no-repeat;
	height: 71px;
	width: 721px;
	vertical-align: top;
} 

.header_AFOL_2010 {
	background: url(../../LEGO_2010TrackingAFOL/images/header.jpg) no-repeat;
	height: 71px;
	width: 721px;
	vertical-align: top;
}

.header_bottom {
	background: url(../../LegoKidsInnerCircle_AssetContainer/images/header_bottom.jpg) no-repeat;
	height: 42px;
}

.lego_logo {
	background: url(../../LegoKidsInnerCircle_AssetContainer/images/logo_lego.jpg) no-repeat;
	width: 49px;
	height: 49px;
	margin-top: 7px;
	margin-left: 10px;
	float: left;
}

.header_text {
}

.header_text_indpnt {
    background: url(../../LegoKidsInnerCircle_AssetContainer/images/header_indpnt.jpg) no-repeat;
	height: 79px;
	width: 721px;
	vertical-align: top;
}

.content {
	text-align: left;
	padding: 35px 25px 0px 25px;
}

.footer {
	background: url(../../LegoKidsInnerCircle_AssetContainer/images/bg_footer.gif) repeat-x;
	height: 71px;
	width: 721px;
}


.footer A, .footer A:visited, .footer A:hover {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}


.progBar {
	float: right;
	clear: right;
	margin-top: -30px;
}

.progressBarFont {
	color: #ED2124;
	font-size: 12px;
	font-weight: bold;
}


Table.grid {
 	border: 1px solid black;
 	border-collapse: collapse;
 	margin-top: 10px;
}


.grid TD {
 	border: 1px solid black;
 	border-collapse: collapse;
 	padding: 3px;
}

TD.choicecolleft {
	border-right: none;
	font-weight: bold;
}

TD.choicecolright {
	border-left: none;
	font-weight: bold;
}

TABLE.instructionTable {
	margin-top: 12px;
	width: 85%;
}

TABLE.instructionTable TD{
   background-color: #ececec;	
   font-weight: bold;
   text-align: center;
   padding: 4px 0px;   
   
}

TABLE.pictureTable {
	margin-top: 12px;
	width: 85%;
}

TABLE.pictureTable TD {
	white-space: nowrap;
	text-align: center;
   	padding: 4px 8px; 
}