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

	This is the stylesheet for print, many techniques based on here:
	http://www.alistapart.com/articles/goingtoprint/
	
	
	NOTE: Background-image doesnt work for media="print" so we used a hack to have some background-images show up:
	http://www.web-graphics.com/mtarchive/001703.php

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


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

	Page Layout Code

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

#header {
	list-style-image: url('/segregation/img/pageLayout/printTitle.gif');
	display: list-item;
	list-style-position: inside;
	color: #fff;
	height:30px !important;
	
	margin-bottom:20px;
}

#header #centerContent {display:none;}

#leftNav, #footerBar {
	display: none;
}
	
#main, #pageContent, #rightContent, h1 {
	width: auto !important;
	border: 0 !important;
	margin:0 !important;
	padding: 0 !important;
	float: none !important;
}

#pageContent {
	
	margin-left:3px !important;
	
}

h1 {
	margin-top:40px !important;
	margin-bottom:30px !important;
	font-size:20px;
	
}

h1.pageHeaders {
	
	line-height:20px !important;
	
}

#main {
	margin: 0 5%;
}

hr {
	width:100% !important;
	margin-left:0px !important;
	margin-right:0px !important;
}

#nextSection a {

	list-style-image: url('/segregation/img/pageLayout/nextpage.gif');
	display: list-item;
	list-style-position: inside;

}

.message img {
	display:none;
}

#nextSection.continue a { list-style-image: url('/segregation/img/pageLayout/continue.gif');}

#footer #footerSpn {
	display: list-item;
	list-style-position: inside;
	color: #fff;
	padding:0px;
	height:30px;
	/*font-size:1px;
	letter-spacing:-1000em;
	*/list-style-image: url('/images/spn.gif');
	margin-bottom:2px;
	
}

/* Lets have all images float right with some padding */
img { float:right !important; padding:20px !important; padding-top:0px !important;}


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

	Page 1 specific

***********************/
#rosaParks img.one { display:none !important;}

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

	Buttons

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

#buttons a {
	display: list-item !important;
	list-style-position: inside;
	color: #fff;
}

a.autoComplete { list-style-image: url('/segregation/img/segApp/seg-autocomplete.gif'); }
a.playAgain { list-style-image: url('/segregation/img/segApp/seg-playagain.gif'); }
a.changeSettings { list-style-image: url('/segregation/img/segApp/seg-changesettings.gif'); }
a.nextSmall { list-style-image: url('/segregation/img/pageLayout/nextpage-sm.gif'); }

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

	SegBoard itself

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


.segDemo.shadow, table.segBoard { width:311px !important; table-layout:fixed;}
.small.segDemo.shadow, .small table.segBoard { width:200px !important; table-layout:fixed;}

table.segBoard, #preference, #segApp { padding:0px; margin:0px; border-width:0px;}

#segApp { width:435px !important;}





table.segBoard div {
	display: list-item;
	list-style-position: inside;
	color: #fff;
	padding:0px;
	margin:0px;
	width:30px;
	font-size:1px;
	letter-spacing:-1000em;
}

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

	SegBoard Tokens

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

table.segBoard div.s_U.t_green { list-style-image: url('/segregation/img/segApp/token-green-unhappy.png');}
table.segBoard div.s_U.t_blue { list-style-image: url('/segregation/img/segApp/token-blue-unhappy.png');}

table.segBoard div.s_H.t_green { list-style-image: url('/segregation/img/segApp/token-green-happy.gif');}
table.segBoard div.s_H.t_blue { list-style-image: url('/segregation/img/segApp/token-blue-happy.gif');}

.segDemo.small table.segBoard div.s_H.t_green { list-style-image: url('/segregation/img/segApp/token-sm-green.gif');}
.segDemo.small table.segBoard div.s_H.t_blue { list-style-image: url('/segregation/img/segApp/token-sm-blue.gif');}

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

	Other items related to the board

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

#preference {

	width:435px;
	height:100px;
	/*display:none !important;*/
	
}

#preference div {padding:0px; border:none !important;}

#preference h3 {
	
	display:block;
	font-weight:normal;
	font-size:15px;
	text-decoration:underline;
	padding:0px;
	margin:0px;
	margin-bottom:4px;
}