@import url(fixedwindow.css);
@import url(thickbox.css);

/* reset.css - from YUI. http://developer.yahoo.com/yui/reset/ */

/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.3
*/
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}





*{
margin:0;
padding:0;
}

body{
	font: normal 13px arial,"frutiger linotype","lucida grande",helvetica,arial,sans-serif;
	text-align:center;
	color:#333;
}
h1#introduction-header {display:none;}
/*
*  Layout
*/

#container{
	text-align:left;
}

#header{
	padding: 4px 20px;
}

#content{ 
	clear:both;
	padding: 10px 20px 40px 20px;  
	background-color:white;
	color: #666666; 
	line-height: 18px;
}
#footer{   
	/*display: none;*/ /* Don't show this. */
	clear:both;
	padding: 6px 10px;
	text-align: right;
	border-top:1px dotted gray;
	color:gray;
	font-size:75%;
}


div#outer-container.dark-page {
		background-color:#fff;
}
div#outer-container.dark-page #content { background-color:#fff; }
div#outer-container.dark-page #content a:hover {color:#000;}
/*
*  Typography
*/

p { 
	padding-bottom:1em;
	line-height:150%;
}

a {
	color:#003d4c;
	text-decoration:underline;
}
a:hover {
	color:#003d4c;
	text-decoration:none;
}

a img {
	border:none;
}

h1, h2, h3, h4{  
	font-weight:normal;
	font-family:Impact, helvetica, haettenschweiler; 
	text-transform:uppercase;
}

h1 { 
	color: #666;
	padding:0.3em 0;

}

div#container div#content h1 {line-height:90%;}


h2 { 
	font-family:"Arial Black",sans-serif;
	font-size:1.8em;
	color: #666;
	margin:0;
}

h3 {
	font-family:"Arial Black",sans-serif;
	font-size:1.8em;
	color: #666;
}

h4 {
  color: #666;
  font-weight:normal;
}  

ul, ol, li {
  margin: 0 12px;
}

#header h1 {
  font:normal 40pt Impact, helvetica, haettenschweiler, sans-serif; 
  letter-spacing:-1px;
  color: #666;
  padding-bottom:0;
  margin-bottom:0;
  text-transform: uppercase; 
}
#header h1 a,
#content h2 a {
  color: #666;
  text-decoration:none;
}
div.header-logo-container {
	width:48px; height:64px; margin-right:20px; margin-top:27px;
	float:left;
}

#footer a {color:gray; text-decoration:none;}
#footer a:hover {color:gray; border-bottom:1px dotted gray;}

.generic-info {
	font:normal 14px Arial, sans-serif;
	color: #b3b3b3;
}

#cakeSqlLog td { 
	text-align: left;
	padding: 4px 8px;
	background: #fff;
	border-bottom: 2px solid #ccc;   
}

/* scaffold show */


div.related {
  clear:both;
  display:block;
}
dl {
	line-height:2em;
 	margin:0em 1em;
 	float:left;
	width: 400px;
}
dt {
	font-weight: bold;
	vertical-align:top;
}
dd {
	margin-left:10em;
	margin-top:-2em;
	vertical-align:top;
}

/* notices and errors */

#flashMessage{
	color:#300;
	background:#ffe;
	border:1px solid #060;
	margin:10px;
	padding:10px;
}

.error, error_message {
	color:#900;
	font-size: 18px;
	background-color: #fff;
	margin: 8px 4px;
}
.error em {
	font-size: 18px;
	color: #003d4c;
}   

.notice { 
  color: #656565;
  font-size: 14px;
  background-color: #f4f4f4;  
  padding: 4px;
  display:block;
}

.tip {
  color: #e32000;
  background-color: #ddd;
} 
 
form div{ 
	vertical-align: text-top; 
	margin-left: 2em;
	margin-bottom:1em;
} 
label { 
	display: block;
	float:left;
	width: 140px;
}
input,textarea {
	clear: both;
	display:block;
} 
select { vertical-align: text-top; }
.required{ color:#222; font-weight:bold; }

.optional{ color:#666666; }
 
.submit {   
  clear: both;
  margin-top: 18px;
  margin-left: 140px;   
}


/* action links */
ul.actions {
	float:left;
	margin-left: 10px;
	width: 200px;
} 
ul.actions li {
	margin-top: 4px;
}

/* Floaters */

.rightfloater { float:right; }
.leftfloater { float:left; }

/* Teams */
#groups-container { background-color:gray; }
div.group {  }
#content div.group h2 { 
  margin:0; 
  padding:0; 
  padding:20px;
  font-size:2em;
  text-align:right;
}
#content div.group h2 a { color:#666666; }
#content div.group h2 a:hover { color:white; }
div#group1.group { background-color:#FF7F00; }
div#group2.group { background-color:#F3409D; }
div#group3.group { background-color:#A8D133; }
div#group4.group { background-color:#00A0C6; }

dl#steps {
	font-size:1.5em;
	text-transform:uppercase;
	color: #666;
	margin-left:0;
	width:16em;
}
dl#steps dt { font-weight:normal; margin:0; padding:0; width:3em;}  
dl#steps dd  {padding:0; margin-left:2em;}
dl#steps dd a {text-decoration:none; 
	color: #666;
	 }


a.snippet { 
	color: #666;
	font-size:14px; text-decoration:none;
	font-weight:bold;
	}
a.snippet:hover { text-decoration:underline;}

#step { margin-left:26em; }


/* Form for login */

form#login {
	font-size:20px;
}
form#login #game_name { 
	font-size:40px;
	width:400px;
	margin-bottom:10px;
	 }
	
/* sources, templates */

.sources, .templates { color:#666; }
.sources a, .templates a,
.sources h2, .templates h2 {
  padding:0; margin:0;
  color:white; 
  font-weight:normal;
  font-family:Arial;
  font-size:16px;
}



ul.resources-list  {list-style-type:none; margin:0; padding-top:5px;}
ul.resources-list li { margin:0; padding:0;}
ul.resources-list li h2 { 
  margin:0; padding:0; 
  font-size:100%; 
  font-weight:normal; 
  font-family:sans-serif;
  text-transform:none;
}

#main-text-content {
  height:420px;
}


/*	Opacity.	See: http://www.quirksmode.org/css/opacity.html And also 				
				http://www.satzansatz.de/cssd/onhavinglayout.html
*/
ul#stages-progress-indicator li span.lighted,
.lighted {
  opacity:0.25;
  filter:alpha(opacity=25); 
  display: inline-block; /*	Gains layout! */
}


/* Teacher admin */
table#teams tr td label { text-align:left; font-weight:bold; }
table#teams tr td>div { font-size:1.5em; }
table#teams tr td input { font-size:0.75em; width:20px; }
table#teams tr td div.editable-buttons input.saveButton,
table#teams tr td div.editable-buttons input.cancelButton { font-size:0.6em;width:35px;}
table#teams tr td div.editable-buttons input.cancelButton {width:50px;}

/* Start page */

#startpage-intro {
  margin:auto;
  width:840px;
  text-align:left;	
}

#startpage_left { width:400px;}
#startpage_right {width:400px;}

table#startpage-bottom-panel {
	border:2px solid #666;
	padding:0;margin:20px 0 0 0!important;
	width:100%;
}


table#startpage-bottom-panel tr td {
  vertical-align: middle;
  text-align: center;
}
table#startpage-bottom-panel tr td.arrowbox { width:65px;}
table#startpage-bottom-panel tr td.teacher { width:100px;}
table#startpage-bottom-panel tr td.student { width:100px;}
table#startpage-bottom-panel tr td.student,
table#startpage-bottom-panel tr td.teacher {
	border-left:2px solid #666!important;
	border-right:2px solid #666!important;
	font:normal 24px Impact, helvetica, haettenschweiler,sans-serif; 
	text-transform:uppercase;
	color:#666; 
}
#startpage-bottom-panel a {text-decoration:none;}

#admintopic-sources {
	width: 200px;
}

label span.hint { margin-left:10px; font-size:90%; color:gray; }

/* Teacher add a game interace */
form#form_add_new_game div { margin-left:0;}

#remind_and_admin_interface {
	float:left;	
}
#create-new-game {
	float:left;
	width:25em;
}

#logged-in-status form input { width:100%; }
#logged-in-status h2 {margin:0; padding:0;}
#logged-in-status ul {margin-left:5px; padding:0;}


div.teacher_interface_form .form_login_as_teacher,
div.teacher_interface_form .form_login_as_teacher input {
	width:150px!important;
}
form.form_login_as_teacher {
	clear:none;
	float:left;
}

ol#admin-commands li a {
	cursor: pointer;
	cursor: hand;
}

/* At the screen "games/pickteam"  */

#all-groups-left,
#all-groups-left img {
  float:left;
}
#all-groups-left,
#all-groups-left img,
#pick-groups,
#all-groups-right,
#all-groups-right img {
  margin:0; padding:0;
}
#arrows-text-image { border:0; }


a#start_game_link:hover {color:#fff;}


/* Stage 1 > Stage 2 > Stage 3 http://css.maxdesign.com.au/listamatic/horizontal33.htm */
ul#stages-progress-indicator {
  list-style-type:none;
  margin:-5px 0 0 0!important;
  padding:0;
  color:lightgray!important;
  font:normal 14px Arial,Helvetica,sans-serif!important;
  letter-spacing:0;
  text-transform:none;
}
ul#stages-progress-indicator li span a {color:black;}
ul#stages-progress-indicator li {
	margin:0;
	padding:0;
	display:inline;
	
}
ul#stages-progress-indicator li span {
color:black;
}

ul#stages-progress-indicator li#stage-indicator_1 {
	margin:0;	
}
ul#stages-progress-indicator li:before { content: "> "; }
ul#stages-progress-indicator li:first-child:before { content: ""; }

/* Voting */

form.votingform table.questions { 
	margin-bottom:20px; 
	margin-top:20px; 
}
form.votingform table.questions tr td { 
	text-align:left!important; 
	vertical-align:top!important;
	font-size:14px;
}

form.votingform table.questions tr td.question-title { width:180px; } 

form.votingform table.questions tr td label	{ 
	font-size:10px!important; 
	width:60px; 
}

form.votingform table.questions tr td input { 
	float:left!important; 
	display:inline;  
}



/*   Navigation   */

div#steps {
  font-size:1em;
  width:18em;
  float:left;
}
div#steps a, div#steps ul {
  color:#fff;
  text-decoration:none;
}
div#steps ul {
  background:#666;
  list-style:none;
  padding:0!important;
  margin:0!important;
  margin-top:1em;
  border-bottom:3px solid #fff;
}
div#steps li {
  margin:0;
  margin-top:-3px;
  padding:0;
  clear:both;
  text-transform:uppercase;
}
div#steps li a{
  font-weight:normal;
  font-family:"Arial Black";
  border-bottom:3px solid #fff;
  display:block;
  line-height:2em;
  clear:both;
  font-size:1.4em;
  cursor: pointer;
  cursor: hand;
}
div#steps li a span{
  padding:0 5px;
  border-right:3px solid #fff;
  display:block;
  float:left;
  margin-right:5px;
  width:30px!important;
  text-align:center;
}


/* 
   For many columns. Used for reporting about voting
*/
.chunk {
  float:left;
  width:300px;
}


.italix {font-style:italic;}