body 
{
	font-size: 85%;
	font-family: sans-serif;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	color: #444;
}

.tdborder{
	border: 0px;
	}
.tdborder1{
border: 0px;
font-family: sans-serif;
font-size:14px;
}
span.highlight{
 background-color:#3399FF;
  }
 span.rightalign{
 margin-right:30px;
 }
 

h1 { font-size: large; }
h2 { font-size: medium; }
h3 { font-size: medium; margin: 0; }

#page 
{
	padding: 0.5em;
}


.error 
{
	color: red;
	margin: 1em;
}

/*
 *	Form styles: for correct alignment of table-free forms
 */

.aligned label,
.aligned input 
{
	display: block;
	float: left;
	margin-bottom: 10px;
}

.aligned input[type=text] 
{
	width: 150px;
}

.aligned label 
{
	text-align: right;
	padding-right: 20px;
	width: 10em;
}


.aligned br 
{
	clear: left;
}

.aligned textarea 
{
	width: 20em;
	height: 8em;
}
 
.button 
{
	text-align: center;
}

#status
{
	margin: 0.5em;
}

.message
{
	width:80%;	
	text-align: center;
	padding: 0.5em;
	background: #c00;
	color: white;
	font-weight: bold;
	border: 3px double black;
	white-space: nowrap;
}

.message button
{
	margin: 0 0.5em;
}


/* 
 * List styling: for lists of text inputs in game creation form
 */
.groupitlist ul, li { margin: 1em 0.5em; }
.instructor_list ul,li{ margin: 0px 0px; }
li.question 
{ 
	border-bottom: 1px solid #ccc; 
	padding: 0.5em;
}

table.cardlist_header th
{
	border: 0;
}


/*
 * Fieldset styles: for grouping of form controls
 */

fieldset 
{
	padding: 1em 0;
	margin: 1em 0;
	border: 0;
	/* border-bottom: 3px double #ccc; */
}

fieldset legend 
{
	font-weight: bold;
	color:#0033FF;
	
}



/*
 * Confirm delete: two forms side by side, so
 * display inline
 */
.confirm form 
{
	display: inline;
}


input.card,
input.question,
input.answer,
input.feedback 
{
	margin: 0.2em;
}

input.card { width: 30em; }
input.question { width: 30em; }
input.answer{ width: 15em; }
input.feedback { width: 30em; }

.question label { font-size: small; }

/*
 * Table styling
 */

table { border-collapse: collapse; }
td, th 
{ 
	border: 1px solid silver; 
	padding: 0.3em; 
}
td.border
{
 border:0;
}
.styletext{
color:#CC6600;

}

.login {
	border: 0px #FFFFFF;
	vertical-align:middle;
}

library {
	border: 0px #FFFFFF;
	vertical-align:middle;
}

/* 
 * Menu styling
 */
#menu 
{
	padding: 0.5em;
	background: #eee;
	height:40px;
	border:0;
}

#anonymousmenu 
{
	padding: 0.5em;
	background: #eee;
	height:25px;
	border:0;
}

#anonymousmenu a 
{
	font-weight: bold;
	color: #c00;
	margin: 0 0.5em;
	text-decoration: none;
}

#menu a 
{
	font-weight: bold;
	color: #c00;
	margin: 0 0.5em;
	text-decoration: none;
}
.one{
border:0;
font-size:13px;
}
/*
 * link styles
 */
.more { font-size: smaller; }
.logout { font-size: smaller; float: right; }
.play { font-size: smaller; }
.play a{
text-decoration:none;
}
/*
 * game listing styles
 
 */

.flashcard_game,
.millionaire_game
{ 
	background-color: #f2f2f2;
	padding: 0.5em;
	margin: 0.5em;
	width: 80%;
}
.odd{
background-color:#FEF4DE;
padding: 0.1em;
margin: 0.5em;
width: 80%;
}
.even{
background-color:#FEEDC7;
padding: 0.1em;
margin: 0.5em;
width: 80%;
}
.odd a{
text-decoration:none;
color:#804000;

}
.odd a:hover{
color:#FF8000;
}
.even a:hover{
color:#FF8000;
}
.even a{
text-decoration:none;
color:#804000;
}
.insodd{
background-color:#f2f2f2;
padding: 0.1em;
margin: 0.5em;
width: 80%;
}
.inseven{
background-color:#EBEBEB;
padding: 0.1em;
margin: 0.5em;
width: 80%;
}
.insodd a{
text-decoration:none;
color:#804000;
}
.insodd a:hover{
color:#FF8000;
}
.inseven a{
text-decoration:none;
color:#804000;
}
.inseven a:hover{
color:#FF8000;
}
.instructor_name{
font-size:20px;
color:#D54609;

}
.instructor_name a{
text-decoration:none;
color:#D54609;
}
.listing_game
{ 
	background-color: #f2f2f2;
	padding: 0.1em;
	margin: 0.5em;
	width: 80%;
}

.listing_game a{
text-decoration:none;
color:#804000;
}
.listing_game a:hover{
color:#FF8000;
}
.textstyle{
font-size:12px;
}
.textstyle a{
text-decoration:none;
color:#804000;
}
.textstyle a:hover{
color:#FF8000;
}
.textstyle2{
font-size:medium;
}
.textstyle2 a{
text-decoration:none;
color:#804000;
}
.textstyle2 a:hover{
color:#FF8000;
}
.styletoins{
font-size:13px;
}
.styletoins a{
text-decoration:none;
color:#6699FF;
font-weight:600;
}
.styletoins a:hover{
color:#404040;
}
.tablebgcolor{
background-color:#EAEAEA;
}
.styletomesg{
color:#404040;
font-size:16px;
font-weight:bold;
}

.styletotopic{
color:#D54609;
font-size:medium;
font-weight:bold;
}
.styletoinstructor{
color:#404040;
font-size:medium;
font-weight:bold;

}
.styletoline{
color:#BB0000;
}
.styletogames{
color:#FF7171;
font-size:14px;
font-weight:bold;
}
.styletohead{
background-color:#f2f2f2;
}
.styletobgcolor{
background-color:#f2f2f2;
color:#232323;
font-size:12px;
font-weight:500;
}


.styletotitle{
color:#232323;
font-size:12px;
font-weight:500;
}
.texttopic{
color:#6699FF;
font-size:small;
font-weight:bold;
}
.tdtopic{
font-size:small;
font-weight:bold;
}
.tdtopic a{
text-decoration:none;
color:#6699FF;
font-size:small;
font-weight:bold;
}
.tdtopic a:hover{
color:#404040;
}
.listing_game2
{ 
	background-color: #f2f2f2;
	padding: 0.1em;
	width: 80%;
}

.groupit
{
 color:#CC6666;
}
/**
 * FLASHCARDS
 */

#game 
{
	margin: 0 auto;
	width: 80%;
	text-align: center;
}

#category_table
{
	margin: 1em auto;
	width: 60%;
	height: 15em; 
	border-collapse: separate;
	border-spacing: 1px;
	border:0;

}

.category
{
background-color:#FDF2FF;
}

.center
{
margin-left:35%;
margin-right:35%;
}


#category_table .cardarea
{
	width: 12em;
	height: 5em;	
	vertical-align:middle;
	background-color:white;
	
	margin: 0;
   /* border:1;*/
}


#category_table .cardarea_green
{
	width: 12em;
	height: 5em;	
	vertical-align:middle;
	margin: 0;
	background-color:#00FF00;
   /* border:1;*/
}
#category_table .cardarea_red
{
	width: 12em;
	height: 5em;	
	vertical-align:middle;
	margin: 0;
	background-color:#FF0000;
   /* border:1;*/
}
#category_table .cardarea_top
{
	width: 12em;
	height: 5em;
	
	vertical-align:top;


	margin: 0;
   /* border:1;*/
}

#category_table .card_text_area
{
	width: 12em;
	height: 1em;
	vertical-align: middle;

	margin: 0;
   /* border:1;*/
}
/* groupit game play card creation style */
#card_table1
{
	margin: 1em auto;
	width: 30%;
	height: 6em;
}

#cards
{
	border: 1px solid gray;
	padding: 1em;
	text-align: center;
	vertical-align: middle;
	font-size: 120%;
}

#card_table
{
	margin: 1em auto;
	width: 50%;
	height: 15em;
}
#category 
{
	border: 1px solid gray;
	padding: 1em;
	text-align: center;
	vertical-align: middle;
	font-size: 120%;
}

#card 
{
	border: 1px solid gray;
	padding: 1em;
	text-align: center;
	vertical-align: middle;
	font-size: 120%;
}

.front 
{
	background: #dde;
}

.back 
{
	background: #fff1df;
}

#grid, #answers
{
	margin: 1em auto;
}

#answers
{ 
	text-align: left; 
	background: #ddd;
	padding: 1em;
	font-size: 85%;
}

#answers .front 
{ 
	font-weight: bold; 
	background: transparent;
}

#answers .back 
{ 
	font-style: italic;  
	background: transparent;
}


/* MATCHING */

#grid
{
	border-collapse: separate;
	border-spacing: 5px;
}

#grid td 
{
	margin: 1em;
	padding: 0;
}

.card_text
{
	width: 12em;
	height: 6em;
	vertical-align: middle;
	margin: 0;
	border:1; 
	
	
}

#grid .card_text
{
	width: 12em;
	height: 6em;
	vertical-align: middle;
	margin: 0;
	border:1;
	
	
}

#grid .card_text_no_border
{
	width: 12em;
	height: 6em;
	vertical-align: middle;
	margin: 0;
	border: 0;
}

#grid .expand
{
	text-align: right;
	float: right;
	position: relative;
	margin-top: -1.5em;
	
}

.expand 
{
	font-size: x-small;
	padding: 1px;
	width: 1em;
	height:1em;
	background: #eee;
	color: white;
}

.selected {border: 2px solid yellow;
 }
.done { background: white; }


#tooltip 
{
	background: #fff;
	padding: 0.5em;
	border: 1px solid black;
	width: auto;
}

#finished
{
	background: #c00;
	color: white;
	font-size: 300%;
	height: 6em;
	width: 12em;
	vertical-align: middle;
}

#finished td { border: 0; }


/* MILLIONAIRE */

/* the main board */
#millionaire 
{
	
	border-collapse: separate;
	border-spacing: 15px;
	background: #dcdad5;
}
/* for applying background color to email sendind field window */
#mail_send td
{    
    border:0;
	width: 80%;
	padding-left:12px;
	margin-left:10%;
	border-collapse: separate;
	border-spacing: 15px;
	background: #dcdad5;}

#millionaire td { border: 0; }

/* question */
#millionaire #question
{ 
	background: #efefef;
	width: 70%; 
	height: 10em;
	border: 1px solid #666;
	padding: 0;
}

/* prize levels */
#millionaire #levels div { margin: 3px 0; }
#millionaire #levels .level { background: #efefef; }
#millionaire #levels .current 
{
	background: #c00; 
	color: white; 
	font-weight: bold; 
}

#millionaire #levels .done { background: #ccc; }

/* answers */
#millionaire .answer
{ 
	background: #efefef; 
	border: 2px solid #666;
	cursor: pointer;
	text-align: left;
	height: 4em;
}
#millionaire .selected { border-color: #c00; }
#millionaire .answerletter { font-weight: bold; }

#millionaire #question .won 
{
	background: #c00;
	color: white;
	font-size: 200%;
	margin: 0;
	padding: 5px;
}

.nextbuttonstyle
{
    border: 1px solid black;
	margin: 0.2em;
}
/* CONTROL PANEL */

/*#controlpanel 
{
	margin: 0.5em;
}*/

#controlpanel button 
{
	border: 1px solid black;
	margin: 0.2em;
}

/* Container DIV Assessment */
#container1
{
	position: absolute; 
    top: 2in;
	left: 2in;
	width: 2in
}

#container2
{
	position: absolute; 
	top: 2in;
	left: 2in;
	width: 2in;
    visibility: hidden;
		
}