form{
	font-size:				14px;
	font-family:			"PT Sans Narrow", sans-serif;
}

#notebook{
	position:				relative;
	float:					left;
	color:					#3c3e27;
	text-align:				left;
	margin:					20px 20px 0 0;
	font-size:				14px;
	width:					270px;
	height:					430px;
}

#notebook ol{
	font-family:			"PT Sans Narrow", sans-serif;
}

#notebook a{
	text-decoration:		none;
}

#notebook a{
	color:					#3c3e27;
}

#notebook a:visited{
	color:					#3c3e27;
}

#notebook a:hover{
	color:					#b0141a;
}

#ntNav{
	position:				absolute;
}

#ntNav li{
	display:				inline;
}

.playball{
	font-family: 			'Playball', cursive;
}

.button{
	display:				block;
	padding:				3px;
	background-color:		#c3a289;
	color:					#6e3e24;
	border:					1px solid #95856a;
    cursor:					pointer;
    font-family:			'Rye', cursive;
    box-shadow: 			0 2px 5px #ab976d;
}

/* ------------------- INTRO PAGE ---------------------------- */

.introTitle, .introTitle2{
	position:				absolute;
}

.introTitle3{
	font-weight:			bold;
}

#ntHomeMenu ul{
	font-size:				12px;
	font-family:			"Arial Narrow", "Myriad Pro", Arial, sans-serif;
}

#ntHomeMenu li{
	display:				inline;
	font-weight:			bold;
	border:					1px solid #999;
	cursor:					pointer;
}

#ntHomeMenuInfo{
	font-family:			"Arial Narrow", "Myriad Pro", Arial, sans-serif;
}

.active{
	background-color:		#999;
	color:					#fff;
}

.logout, .clearData{
	display:				inline;
}

#userName{
	font-family:			"Arial Narrow", "Myriad Pro", Arial, sans-serif;
}

.userName{
	color:					#6e3e24;
    font-family:			'Rye', cursive;
}

#introWelcome{
	margin:					5px 0 0 12px;
}

/* ------------------- CLUE LIST ---------------------------- */

.clueTitle{
	position:				absolute;
}

/* ------------------- CLUES ASSIGN PAGE ---------------------------- */

.assignTitle{
	text-align:				center;
	font-family: 			'Rye', cursive;
}

.ntCenterImage{
	display:				block;
	margin:					0 auto;
}

.assignTitle2{
	text-align:				center;
	font-family: 			'Rye', cursive;
}

.assign{
	margin:					0 auto;
}
/*
.ntNavClueAssign{
	position:				absolute;
	top:					395px;
	left:					30px;
}*/

label{
	display:				block;
}

#notebook form a{
	float:					right;
}

input[type="radio"]{
    display:none;
}

input[type="radio"] + label span{
    display:				inline-block;
    vertical-align:			middle;
    background:				url("../images/notebook/checkBox.png") left bottom no-repeat;
    cursor:					pointer;
}

input[type="radio"]:checked + label span{
    background:				url("../images/notebook/checkBox2.png") left bottom no-repeat;
}

/* ------------------- SUSPECT LIST ---------------------------- */

.suspectListTitle,
.ntNavSuspectList,
#iconAbolitionist img,
#iconAnimalAdvocate img,
#iconBoweryBhoy img,
#iconCopperhead img,
#iconManOfScience img,
#iconAbolitionist p,
#iconAnimalAdvocate p,
#iconBoweryBhoy p,
#iconCopperhead p,
#iconManOfScience p{
	position:				absolute;
}

/* ------------------- SUSPECT REPORT ---------------------------- */

.suspectReportTitle{
	text-align:				center;
	font-family:			'Rye', cursive;
}

.suspectDescription{
	text-align:				center;
	font-family:			'Rye', cursive;
}

.suspectReportImage{
	display:				block;
	margin:					5px auto;
}

.movieLink{
	text-align:				center;
	font-family:			'Rye', cursive;
}

.movieLink a{
	text-decoration:		none;
	color:					#b0141a;
}

.movieLink a:visited{
	color:					#b0141a !important;
}

.suspectReportTitle2{
	text-align:				center;
	font-family:			'Rye', cursive;
}

.suspectNotice{
	text-align:				center;
	font-family:			'Rye', cursive;
	color:					#b0141a;
}

.verified{
	color:					#136d44;
}

.notVerified{
	color:					#b0141a;
}

.verify, .accuse{
	display:				inline;			
}

/* ------------------- NOTES ---------------------------- */

.notesTitle, #ntNavNotes{
	position:				absolute;
}

#notebook textarea{
	resize: 				none;
	text-align:				left;
	background-color: 		transparent;
	border: 				none;
}

.save, .print, #ntNavNotes li{
	display:				inline;			
}

#ntNavNotes a{
	text-decoration:		none;
}

/* ------------------- PRINTING ---------------------------- */

@media screen{

.forscreen{ 
	display:	block; 
}

.forprinting{ 
	display:	none; 
}
}

@media print {

.forscreen{ 
	display:	none; 
}
	
.forprinting{ 
	display:	block; 
}

#printArea{
	background-image:		url("../images/notebook/print_Background.png");
}

#printBarnum{
	display:				block;
	margin:					0 0 0 20px;
}

#printTitle{
	float:					right;
	margin:					50px 100px 0 0;
}

#printHeader{
	margin:					0 0 20px 0;
}

#notesPrint{
	text-align:				left;
	margin:					0 0 0 20px;
	font-family:			"Myriad Pro", Arial, sans-serif;
}
}