HTML, BODY { height: 100%; }

BODY.corkboard { background: #352e24 url("/app/images/ncas/corkboard-bg.jpg"); }			

BODY { 
	width: 3333px; 
	height: 3333px; 
	
	overlow: none;
}

INPUT[type="text"],
TEXTAREA { background: none !important; -webkit-appearance: none; resize: none;}

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

DIV.stage {
	width: 100%;
	height: 100%;
	overlow: auto;
}


DIV#loading {
	position: absolute;
	width: 100%;
	height: 100%;
	
	background: url("/app/images/ncas/trans.png");	
	z-index: 9999 !important;
}
DIV#loading SPAN {
	display: block;
	position: absolute;
	top: 250px;
	left: 350px;
	
	color: #FFF;
	font-family: Calibri, Arial, Helvetica, sans-serif;	
	font-size: 72pt;
}
FORM.hidden { visibility: hidden; }


/* Save/Load Menu */
DIV#save-load {
	position: absolute;
	display: none;	
	width: 100%;
	height: 100%;
	
	background: url("/app/images/ncas/trans.png");
	opacity: 1;
	z-index: 9999 !important;
}

	DIV#save-load FORM {
		display: block;
		position: fixed;
		top: 50%;
		left: 50%;
		width: 640px;
		height: 360px;
		
		font-family: Verdana, Arial, Helvetica, sans-serif;	
		
		background: #FFF;
		border: 8px solid #5e4e58;
		
		padding: 20px;
		margin: -200px 0 0 -320px;
		opacity: 1;	
	}
	DIV#save-load FORM H2 { 
		display: block;
	
		width: 92%;
		height: 65px;  
		
		text-indent: -999em;
		background: url("/app/images/save-and-share-label.png") no-repeat 0 -15px;
		border-bottom: 1px dotted #777;

		margin: 10px 0 20px 20px;
	}
	DIV#save-load FORM LABEL {
		display: block;
		color: #000;
		font-size: 10pt;
		letter-spacing: 1px;
		text-transform: uppercase;
		margin: 0 0 .25em 0;
	}	
	DIV#save-load FORM P SPAN.status { display: block; clear: left; padding: 1em 0; }
		
	DIV#save-load FORM P {	font-size: 10pt; margin: 0 20px; }
	DIV#save-load FORM P.upload {
		float: left;
		width: 92%;
		border-top: 1px dotted #777;
	  margin: 20px 20px;
		padding-top: 40px;		
	}
	DIV#save-load FORM P.upload INPUT.text { 
		display: block; 
		width: 300px; 
		
		float: left; 
		color: #555; 
		font-size: 15pt; 
		padding: .125em .25em; }
		
		DIV#save-load FORM P.upload INPUT.submit {
			display: block;
			float: left;
			font-size: 13pt;
			padding: .125em .225em;
			margin: -.125em 0 0 .25em;
		}		
	DIV#save-load FORM P.download {
		clear: left;
		border-top: 1px dotted #777;
		padding-top: 20px;
	}	
	DIV#save-load FORM P.small-print { margin-top: 1em; }
	DIV#save-load FORM P.share A {
		display: block;
				
		font-size: 21pt;
		margin: .5em 0;
	}
	DIV#save-load FORM DIV.hr { border-top: 1px dotted #777; width: 92%; clear: both; margin: 20px; }
	DIV#save-load FORM DIV.hr HR { display: none; }
	DIV#save-load FORM IFRAME { display: block; float: left; margin: 0 30px 0 0; }
	DIV#save-load DIV.share-fb { width: 85%; margin: 10px 0 0 20px; padding-top: 10px; border-top: 1px dotted #CCC; }
		
P STRONG { font-weight: bold !Important; }
P SMALL { font-size: .9em; }

.beta { z-index: 200 !important; }				

DIV.alphanum {
	position: absolute;
	width: 80px;
	height: 85px;
	background: url("/app/images/ncas/numbers.png") no-repeat 0 0;
	z-index: 900;	
}

DIV.alphabet {
	position: absolute;
	width: 80px;
	height: 85px;
	z-index: 900;
}

	DIV.zero 	{ background-position: 0 0; }
	DIV.one 	{ background-position: 0 -100px; }
	DIV.two 	{ background-position: 0 -200px; }
	DIV.three 	{ background-position: 0 -300px; }
	DIV.four  	{ background-position: 0 -400px; }
	DIV.five	{ background-position: 0 -500px; }
	DIV.six 	{ background-position: 0 -600px; }
	DIV.seven 	{ background-position: 0 -700px; }
	DIV.eight 	{ background-position: 0 -800px; }
	DIV.nine 	{ background-position: 0 -900px; }

	A.zero 		{ background-position: 15px 0 !important; }
	A.one 		{ background-position: 15px -100px !important; }
	A.two 		{ background-position: 15px -200px !important; }
	A.three 	{ background-position: 15px -300px !important; }
	A.four  	{ background-position: 15px -400px !important; }
	A.five		{ background-position: 15px -500px !important; }
	A.six 		{ background-position: 15px -600px !important; }
	A.seven 	{ background-position: 15px -700px !important; }
	A.eight 	{ background-position: 15px -800px !important; }
	A.nine 		{ background-position: 15px -900px !important; }

.show { display: block !important; }
.hide { display: none !important; }

DIV.card { 
	position: absolute; 
	width: 150px; 
	height: 215px; 
	#z-index: 500; 
	
	background: url("/app/images/ncas/cards/back-blue-150-1.png") no-repeat;
	
	border: 1px solid #333;
	border-radius: 15px; 
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px; 

	z-index: 300;	
}	
DIV.card IMG.card-img { display: none; }

DIV.badge {	position: absolute; top: 40px; left: 300px; z-index: 700 !important; }
DIV.bb-round { width: 100px; height: 100px; }
DIV.bb-round-large { width: 140px; height: 140px; }
DIV.bb-round-xlarge { width: 200px; height: 200px; }
DIV.bb-round-small { width: 60px; height: 60px; }
DIV.bb-round-xsmall { width: 32px; height: 32px; }
DIV.bb-bowling-pin { width: 50px; height: 150px; }
DIV.bb-taco-bell { width: 175px; height: 120px; }
DIV.bb-xylophone { width: 20px; height: 140px; }

DIV.bb-tall,
DIV.bb-burger-king { width: 100px; height: 150px; }
DIV.bb-star-trek { width: 120px; height: 140px; }
DIV.bb-planet-mercury { width: 20px; height: 20px; }
DIV.bb-planet-venus { width: 30px; height: 30px; }
DIV.bb-planet-mars,
DIV.bb-planet-neptune,
DIV.bb-planet-earth { width: 40px; height: 40px; }
DIV.bb-planet-uranus { width: 50px; height: 50px; }
DIV.bb-planet-jupiter { width: 100px; height: 100px; }
DIV.bb-planet-saturn { width: 140px; height: 70px; }


DIV.bird { /* probably won't last but Zoya likes him */
	background: transparent url("/app/images/ncas/buttons/bird-forward-back.png") 0 0 no-repeat;
	position: absolute;
	top: 250px;
	left: 965px;
	width: 180px;
	height: 123px;
	z-index: 200;
	cursor: pointer;
}

.box-shadow {
	-webkit-box-shadow: 4px 4px 18px 1px #6b3c1f;
	-moz-box-shadow: 4px 4px 18px 1px #6b3c1f;
	-o-box-shadow: 4px 4px 18px 1px #6b3c1f;
	-ms-box-shadow: 4px 4px 18px 1px #6b3c1f;
	box-shadow: 4px 4px 18px 1px #6b3c1f;
}

DIV.sticky {
	position: absolute;
	width: 120px;
	height: 120px;								

	background: #fefbc9 no-repeat 2px -10px;
	
	border: 1px solid #999;
	border-right: 1px solid #a37e58;
	border-bottom: 1px solid #a37e58;
	
	padding: .5em .5em 0 .5em;
	overflow: hidden;		

	z-index: 200;						
}

DIV.sticky TEXTAREA { 
	display: block;
	width: 90% !important;
	height: 85% !important;
	
	color: #503a1e;
	text-align: center !important;
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-size: 13pt;
	line-height: 125%;
					
	background: transparent;				
	border: 1px dotted #f0e030;
	margin: 4% auto 1% auto !important;
	
	overflow: hidden;
}			

DIV.tack:hover { cursor: all-scroll;}
DIV.tack {
	position: absolute;
	width: 36px;
	height: 36px;
	background: url("/app/images/ncas/tack-strip.png") no-repeat 0 0;
	z-index: 700;
}

DIV.tack-red	 { background-position: 0 0; }
DIV.tack-yellow	 { background-position: 0 -100px; }
DIV.tack-green	 { background-position: 0 -200px; }
DIV.tack-blue	 { background-position: 0 -300px; }
DIV.tack-purple	 { background-position: 0 -400px; }

DIV.photo {
  position: absolute;
  width: 265px;
  height: 200px;

  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -border-radius: 2px;
  
  border: 1px solid #CCC;
  background-color: #F0F0F0;
  padding: 1em 1em 3em 1em;
  
  z-index: 300;  
}
	
	DIV.photo FORM {
		width: 95%;
		height: 95%;

		text-align: center !important;
		
		background: #FFF;		
		border: 1px solid #777;
		border-top: 2px solid #999;
		border-left: 2px solid #999;		
		
		margin: auto auto;
	}
	
	DIV.photo FORM P { margin: 1em 0; }
	
	DIV.photo FORM LABEL {
		display: block;
		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9pt;
		text-transform: uppercase;
		
		padding: 60px 0 .5em 0;
	}
	
		DIV.photo INPUT.caption {
			position: relative;
			display: block !important;
			top: .5em;			
			width: 95%;
			
			font-family: "Comic Sans MS", sans-serif;
			font-size: 14pt;
			
			text-align: center;
			background-color: transparent;
			border: 0;
			border-bottom: 1px dotted #777;
			margin: 0 auto;
		}
		
		DIV.photo IFRAME {
			text-indent: -999em;
			width: 100% !important;
			height: 95% !important;
			/* background: #7c6984 url("--/app/images/ncas/no-photo.png") no-repeat center bottom; */
			
			text-align: center;
			background: #FFF;		
			border: 1px solid #777;
			border-top: 2px solid #999;
			border-left: 2px solid #999;
			overflow: none;
			
		}
		DIV.photo IMG {		display: none; }
		DIV.photo DIV.text { display: none; }
		
DIV.frame-ornate IMG {


}
	
DIV.frame-ornate {

  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -border-radius: 0;
  
  background-color: transparent;
  padding: 0;
  
border-image: url("/app/images/ncas/frames/ornate.png") 30% 35% 40% 30% repeat repeat;
-webkit-border-image: url("/app/images/ncas/frames/ornate.png") 30% 35% 40% 30% repeat repeat;
-moz-border-image: url("/app/images/ncas/frames/ornate.png") 23% 25% 30% 23% repeat repeat;

border-top: 75px;
border-right: 55px;
border-bottom: 85px;
border-left: 55px;

/*

border-top-left-image: url("");
border-top-right-image: url("");
border-bottom-left-image: url("");
border-bottom-right-image:  url("");

-moz-border-top-left-image: url("");
-moz-border-top-right-image: url("");
-moz-border-bottom-left-image: url("");
-moz-border-bottom-right-image:  url("");

-webkit-border-top-left-image: url("");
-webkit-border-top-right-image: url("");
-webkit-border-bottom-left-image: url("");
-webkit-border-bottom-right-image:  url("");
*/
}	

/* Calendar Cards */
DIV.calendar {
	position: absolute;
	width: 700px;	
	height: 600px;
	background: #FFF;;		
	border: 8px solid #777;
	
	padding-bottom: 10px;
}
DIV.calendar:hover { cursor: pointer; }
DIV.calendar-highlight {
	border: 8px solid #fad00e !important;		
	margin: -4px 0 0 4px;
}
	
	DIV.calendar H2 {
		display: block;
		height: 40px;
		width: 100%;
		
		font-family: "Times New Roman", Times, serif;
		font-size: 28pt;
		
		text-align: center;
		padding: 10px 0 0 0;
	}
	DIV.calendar TABLE {	
		width: 95%;	
		height: 100% !important;
		margin: 0 auto 0 auto;
	}

	DIV.calendar TD.calendar-day-head { 
		height: 25px !important;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;
		text-align: center;
		border-bottom: 1px solid #777;
	}
	DIV.calendar TABLE TR TD.calendar-day:first-child { border-left: 1px solid #777; }
	DIV.calendar TABLE TR TD.calendar-day { 
		width: 14.25% !important;
		height: 25% !important;
		vertical-align: top;
		
		text-align: right;
		
		border-right: 1px solid #777;
		border-bottom: 1px solid #777;	
		margin: 0;
		padding: 0;
		
		vertical-align: top !important; 
	}
	DIV.calendar TABLE TR TD.calendar-day-np {
		border-right: 1px solid #777;
		border-bottom: 1px solid #777;
	}
	DIV.calendar TABLE TR TD.calendar-day-np:first-child { border-left: 1px solid #777; }
	DIV.calendar TABLE TR TD TEXTAREA { 
		width: 95%;
		height: 52px;
		display: block;
		
		font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
		font-size: 11pt;
		background: transparent;
		border: 0;
		margin: 15px 0 0 0;
		padding: 10px 0 10px 5px;
		overflow: hidden;
	}
	DIV.calendar TABLE TR TD DIV.text { display: none; }
	DIV.calendar TABLE TR TD DIV.day-number {
		float: right;
		width: 20px;
		height: 16px;
		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;
		text-align: center;
	
		border-left: 1px solid #777;
		border-bottom: 1px solid #777;
		padding: 5%;
		
		margin: 0;
	}


/* Rotary Cards */

DIV.rotary {
	position: absolute;
	width: 300px;
	height: 200px;
	background: url("/app/images/ncas/rotary.png") no-repeat 0 0;
}
	
	DIV.rotary INPUT.madlibs {	
		display: block;
		position: absolute;
	
		top: 12px;
		left: 30px;
		width: 110px;
		
		font-family: "Courier New", Courier, monospace;
		font-weight: bold;
		font-size: 11.5pt;
		text-align: center;
			
		border: 0;
		background: none;
		overflow: hidden;
	}
	
	DIV.rotary TEXTAREA {
		width: 245px;
		height: 100px;
		
		font-family: "Courier New", Courier, monospace;
		font-size: 11pt;
		
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		
		border: 1px dotted #efdcca;
		background: none;
		
		margin: 48px 15px 0 20px;
		padding: 5px;
		overflow: hidden;
	}
	DIV.rotary DIV.title,
	DIV.rotary DIV.text { display: none; }
		
DIV.tape { 
	position: absolute;
	width: 150px;
	height: 55px;
	
	top: 20px;
	left: 500px;
	background: transparent url("/app/images/ncas/tape-bg.png") repeat-x -30px 0;
	border-top: 1px dotted #a37f08;
	border-right: 1px solid #a37f08;
	border-bottom: 1px dotted #a37f08;
	
	#z-index: 500;

}
	DIV.tape SPAN.tape-left { 
		display: block; 
		position: absolute;
		top: 0;
		left: 0;
		
		width: 40px;
		height: 55px;
		background: url("/app/images/ncas/tape-left.png") no-repeat;
		margin-left: -15px; 
	}
	DIV.tape SPAN.tape-right { 
	  position: absolute;
	  top: 0;
	  right: 0;
	
	  width: 44px;
	  height: 55px;
	  background: url("/app/images/ncas/tape-right.png") no-repeat;
	
	  margin-right: 2px;
	}

	DIV.str-rotate,
	DIV.tape-rotate {
		writing-mode: tb-rl;
		filter: flipv fliph;
	
		-moz-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
	DIV.tape INPUT.madlibs {
		display: block;
		width: 95%;
		
		color: #715e20;
		font-family: "Comic Sans MS", sans-serif;
		font-size: 18pt;
		text-align: center;
	
		background-color: transparent;
		border: 0;
		
		margin: 10px auto 10px auto;	
	}

	/* Resize handles */
	DIV.tape .ui-resizable-e { width: 40px;	}
	DIV.tape .ui-resizable-e:hover { cursor: e-resize; }
	DIV.tape .ui-resizable-w { width: 5px; cursor: w-resize; }
	DIV.tape .ui-resizable-w:hover { cursor: w-resize; }
	
DIV.string {
	position: absolute;
	width: 320px;
	height: 6px;		
	background: transparent url("/app/images/ncas/rope-bg.png") repeat-x 0 0;
}

DIV.ribbon {
	position: absolute;
	width: 320px;
	height: 8px !important;					
	background: url("/app/images/ncas/yarn-bg.png") repeat-x 0 0;
	border-top: 1px solid #6d5f12;
	border-right: 1px solid #6d5f12;
	border-bottom: 1px solid #6d5f12;	
	border-left: 1px solid #6d5f12;
}
DIV.ribbon DIV.ribbon-shading {
	width: 100%;
	height: 100%;
	--background: transparent url("/app/images/ncas/ribbon-shading.png") repeat-x -300px 0 !important; 
}
DIV.ribbon-purple { background-position: 0 0; }
DIV.ribbon-red { background-position: 0 -100px; }
DIV.ribbon-yellow { background-position: 0 -200px; }
DIV.ribbon-green { background-position: 0 -300px; }
DIV.ribbon-blue { background-position: 0 -400px; }

DIV.checklist,
DIV.notecard {
	position: absolute;
		
	font-family: "Comic Sans MS", Arial, sans-serif;
	text-align: center;
	letter-spacing: .5px;
	
	background: #FFF url("/app/images/ncas/notecard-bg.png") repeat-x 0 12px;
	border: 2px solid #999;
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
	
	z-index: 300;
	overflow: hidden;
}					

	/* intro cards */
	DIV#string_demo { top: 192px; left: 400px; width: 400px; }				
	DIV#sticky_demo { 
	  top: 40px; 
  	  left: 560px; 
	  -moz-transform: rotate(9deg);
	  -webkit-transform: rotate(9deg);	
	  transform: rotate(9deg);
	}				
	DIV#nc_demo2 { top: 200px; left: 670px; }				
	DIV#nc_demo { left: 220px; top: 115px; z-index: 100; }
	
	DIV.badge:hover,
	DIV.badge:focus,	
	DIV.photo-src:hover,
	DIV.alphanum:hover,
	DIV.alphabet:hover,			
	DIV.photo:hover,
	DIV.tape:hover,
	DIV.tack:hover,
	DIV.notecard:hover,
	DIV.sticky:hover,	
	DIV.card:hover,		
	DIV.card:focus,	
	DIV.checklist,
	DIV.checklist:focus,
	DIV.checklist:hover,		
	DIV.ribbon:focus,
	DIV.ribbon:hover,
	DIV.string:hover { cursor: pointer; }

	DIV.checklist * { text-align: left; }
	DIV.checklist DIV.checkbox-list {  margin-top: 70px; }
	DIV.checklist DIV.chk-store { display: none; }	
	DIV.checklist INPUT.chk {
	  height: 20px;
	  width: 155px;
	  
	  font-family: "Comic Sans MS",sans-serif;
	  font-size: 11pt;
	  
	  background: transparent url("/app/images/ncas/checkbox-bg.png") no-repeat 0 2px !important;
	  border: 0;
	  padding: 0;
	  padding-left: 22px;	  	  
	  margin: 0 0 0 10px;
	}
	DIV.checklist INPUT.chk-checked { 
		color: #999;
		text-decoration: line-through;
		background-position: 0 -98px !important; 
	}

	DIV.checklist DIV.title,
	DIV.checklist INPUT.madlibs,
	DIV.notecard DIV.title,
	DIV.notecard INPUT.madlibs { 
		position: absolute;
		display: block;
		font-family: "Comic Sans MS", Arial, sans-serif;					
		letter-spacing: 0;		
		
		text-align: center;
		background: transparent;
		
		border: 0;
		margin: 15px 0 1.5em 0;
		padding: 0 0 0 0;
	}
	DIV.notecard DIV.title { font-size: 19px; padding: .25em 0; }	
	DIV.notecard INPUT.madlibs { font-size: 19px; margin-top: 10px;}	
	
	DIV.checklist INPUT.madlibs { font-size: 14pt; }
	DIV.checklist DIV.title,
	DIV.checklist DIV.text { display: none !important; }
			
	DIV.notecard DIV.text,
	DIV.notecard TEXTAREA { 
		position: absolute;		
    	top: 51px;
		line-height: 20px;
		letter-spacing: 0;
		
		text-align: center;
		font-family: "Comic Sans MS", Arial, sans-serif;												
		background: transparent;					
		border: 0;

		margin: -2px auto 0 auto;					
		padding: 0;
		
		overflow: hidden;
	}		


	DIV.highlight INPUT,
	DIV.highlight TEXTAREA { display: block; }	
	DIV.highlight IMG.card-img { display: block !imgportant; }
	DIV.highlight INPUT.chk { display: inline !Important; }
	
DIV.horizontal {
	width: 310px; /* offset for optical illusion */
	height: 190px;
}

	DIV.horizontal DIV.title,
	DIV.horizontal input.madlibs { 
		width: 90%;  
		padding: 0; 		
		margin: 10px 5%;
	}
	DIV.horizontal DIV.title { width: 300px }
		
	DIV.horizontal DIV.text,
	DIV.horizontal TEXTAREA { 
		width: 90%;
		height: 85%;
		left: 0px;
		margin: 0 5%;		
	}

DIV.vertical {				
	width: 200px;
	height: 310px;	
}

	DIV.vertical DIV.title,
	DIV.vertical input.madlibs {  
		width: 90%; 
		top: 0;
		left: 0;
		padding-bottom: .35em; 
		margin: 10px 5%;
	}
	
	DIV.vertical DIV.text,
	DIV.vertical TEXTAREA { 
		text-align: left;
		width: 190px;
		left: 10px;
		height: 83%;
	}
	
	DIV.photo DIV.title,
	DIV.tape DIV.title,
	DIV.string DIV.text,
	DIV.sticky DIV.text,
	DIV.notecard DIV.title,
	DIV.notecard DIV.text,
	DIV.highlight DIV.title,
	DIV.highlight DIV.text { display: none; }
	
	DIV.notecard TEXTAREA { font-size: 15px;  }
	DIV.notecard DIV.text { font-size: 15px; }
	

DIV.ui-selected,
DIV.sticky:focus,
DIV.notecard:focus,
DIV.photo-highlight,
DIV.highlight { 
	cursor: url("/app/images/ncas/cursors/rotate.png"),url("/app/images/ncas/cursors/rotate.png"),default !important;	
	
	border: 8px solid #fad00e !important;		
	margin-left: -4px;
	margin-top: -4px;	
}
#DIV.highlight:hover * { cursor: url("/app/images/ncas/cursors/rotate.cur"),default !important; }


DIV.DIV.badge-menu,
DIV.badge-highlight { border: 0 !important; margin: 0; }
DIV.highlight:hover { cursor: move; }
DIV.highlight:focus { cursor: move; }
DIV.ui-selected { border-width: 3px; margin-left: -1px; margin-top: -1px; }

DIV.ui-selected *,
DIV.menu,
DIV#surface,
DIV#divFlashPlayer,
BODY.ui-selected { cursor: auto; border: 0; margin: 0; opacity: 1; }
DIV.ui-selected *:hover,
DIV.menu:hover,
DIV#surface:hover,
DIV#divFlashPlayer:hover,
BODY.ui-selected:hover { cursor: auto; }

BODY,
DIV#surface,
DIV#stage,
DIV#divFlashPlayer,
DIV.menu { position: absolute; border: 0; margin: 0 !important; }

	DIV.plain  { background-color: #FFF; }
	DIV.unlined { background-image: none; }
	DIV.pink   { background: #ffdde6 url("/app/images/ncas/notecard-h-pink-bg.png") repeat-x 0 12px; }
	DIV.pink * { color: #600; }
	DIV.yellow { background-color: #fefbc9; }
	DIV.yellow * { color: #42210B; }
	DIV.green  { background-color: #dbf8dd; }
	DIV.green * { color: #006837; }
	DIV.blue   { background-color: #dbe6f8; }
	DIV.blue * { color: #1B1464; }
	DIV.xxl    { width: 460px; height: 280px; }
	DIV.xxl-v  { width: 280px; height: 460px; }

	DIV.flashcard DIV.front { 
		display: none;	
		width: 100%;
		height: 100%;		
		background: #FFF;  
	}
	DIV.flashcard DIV.front INPUT.madlibs { 
		margin-top: 65px; 
		font-size: 21pt;	
	}	
	DIV.flashcard DIV.back { 	
		background: #FFF url("/app/images/ncas/notecard-bg.png") repeat-x 0 12px;
		display: none; 
	}
	
	DIV.flashcard DIV.back DIV.title { margin-top: 12px; font-size: 18pt; }
	DIV.flashcard DIV.back INPUT.madlibs {
	   color: #333;
		display: block;
		margin-top: 10px !important;
		font-size: 1spt;
	}
	
	DIV.xxl INPUT.madlibs { width: 95%; }
	DIV.xxl-v INPUT.chk { width: 240px; }
	DIV.xxl-v INPUT.madlibs { width: 95%; }
	DIV.xxl TEXTAREA { width: 92%; height: 95% !important; }
	DIV.xxl-v TEXTAREA { width: 93%; height: 90%; }
	
	DIV.new-notecard {
		left: 50%;
		top: 50%;
	
		background: #cdbb99;
		border: 8px solid #6b5344;
		
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		-border-radius: 8px;
		
		margin-left: -280px;
		margin-top: -200px;			
	}
	
	
/* Menu Styles */	
DIV.menu { padding: 0; }				
DIV.menu UL.cards {
	display: block;
	position: fixed;
	
	top: 20px;
	left: 20px;
					
	width: 95px;				
	height: 510px;
					
	text-align: center;
	
	background: #856f7d;						
	border: 2px solid #CCC;
	
	padding: 0;
	margin: 0;
	z-index: 9900; 					
}
	DIV.menu UL.cards LI.show,
	DIV.menu UL.cards LI { 
		display: block; 
		position: relative;
		width: 100%;
	
		text-align: center; 
		margin: 5px auto 0 auto;
		padding: 0;
	}
		DIV.menu UL.cards LI UL { display: none; margin: 0; padding: 0; }		
		DIV.menu UL.cards LI UL LI { margin: 0 10px; }
		DIV.menu UL.cards A:hover,
		DIV.menu UL.cards A:focus { border: 1px dotted #EEE; }

		DIV.menu UL.cards LI.show UL,
		DIV.menu UL.cards LI UL {
			position: absolute;	
			display: none; 
			float: left;
			
			top: -12px;
			left: 95px;
			width: 300px;
						
			background: #856f7d;
		
			border-left: 1px dotted #cf95bb;
			border-top: 2px solid #CCC;
			border-right: 2px solid #CCC;
			border-bottom: 2px solid #CCC;	
		}
		
		DIV.menu UL.cards LI.show UL LI,
		DIV.menu UL.cards LI UL LI { 
			display: block; 
			float: left;
			width: 72px;
		}

	DIV.menu A.icon-null,
	DIV.menu A.icon { 	
		display: block;
		width: 72px;
		height: 72px;
		
		border: 1px solid #887180;
			
		color: #EEE;	
		font-family: Verdana, sans-serif;
		font-size: 9pt;
		text-decoration: none; 
		
		margin: 10px;
	}
	
	DIV.menu A.icon-null IMG,
	DIV.menu A.icon IMG { 
		display: none; 
		
		margin: 0 auto 5px auto; 
		border: 0; 
	}

	.menu-clone SPAN.hnc-clone,
	DIV.menu A.icon SPAN.hnc { 
		display: block; 
		width: 50px;
		
    text-align: center;
		background: url("/app/images/icons/icon-sprites.png?00001") no-repeat 0px 0px;
		margin: 0 auto 5px auto; 				
    padding: 48px 0 0 0;
	}
	
	.menu-clone SPAN.hnc-clone 								{ display: block !important; }


	/* Horizontal */
	A.newNotecard-h SPAN,
	A#menuNewNotecard-horizontal SPAN 				{ background-position: 0 10px !important; }
	A.newNotecard-h-unlined SPAN,
	A#menuNewNotecard-h-unlined SPAN 					{ background-position: -50px 10px !important; }
	A.newNotecard-h-flashcard SPAN,
	A#menuNewNotecard-h-flashcard SPAN 				{ background-position: -100px 10px !important; }
	A.newNotecard-h-xxl SPAN,
	A#menuNewNotecard-h-xxl SPAN 							{ background-position: -150px 10px !important; }
	A.newNotecard-h-pink SPAN,
	A#menuNewNotecard-h-pink SPAN							{ background-position: -201px 10px !important; }
  A.newNotecard-h-yellow SPAN,
	A#menuNewNotecard-h-yellow SPAN 					{ background-position: -251px 10px !important; }
  A.newNotecard-h-green SPAN,
	A#menuNewNotecard-h-green SPAN 						{ background-position: -301px 10px !important; }
  A.newNotecard-h-blue SPAN,
  A#menuNewNotecard-h-blue SPAN 						{ background-position: -350px 10px !important; }
	A.newRotaryCard SPAN,	
  A#menuNewRotaryCard SPAN 									{ background-position: -400px 10px !important; }

	/* Vertical */
	A.newNotecard-v SPAN,
  A#menuNewNotecard-vertical SPAN						{ padding-top: 54px; background-position: 10px -95px !important; }
	A.newNotecard-v-unlined SPAN,
  A#menuNewNotecard-v-unlined SPAN					{ padding-top: 50px; background-position: -40px -98px !important; }
  A.newNotecard-v-checklist SPAN,
	A#menuNewNotecard-v-checklist SPAN				{ padding-top: 50px; background-position: -390px -98px !important; }
  A.newNotecard-v-checklist-xlarge SPAN,
	A#menuNewNotecard-v-checklist-xlarge SPAN	{ padding-top: 50px; background-position: -440px -98px !important; }
  A.newNotecard-v-xxl SPAN,
	A#menuNewNotecard-v-xxl SPAN							{ padding-top: 50px; background-position: -140px -98px !important; }
  A.newNotecard-v-pink SPAN,
	A#menuNewNotecard-v-pink SPAN							{ padding-top: 50px; background-position: -190px -98px !important; }
  A.newNotecard-v-yellow SPAN,
	A#menuNewNotecard-v-yellow SPAN						{ padding-top: 50px; background-position: -240px -98px !important; }
  A.newNotecard-v-green SPAN,
	A#menuNewNotecard-v-green SPAN						{ padding-top: 50px; background-position: -290px -98px !important; }
  A.newNotecard-v-blue SPAN,
	A#menuNewNotecard-v-blue SPAN							{ padding-top: 50px; background-position: -340px -98px !important; }
  A.newCard SPAN,
	A#menuNewCard SPAN												{ padding-top: 50px; background-position: -90px -98px !important; }
	
  /* Sticky */
  A.newSticky SPAN,
	A#menuNewSticky SPAN 											{ background-position: 6px -193px !important; }
  A.newSticky-today SPAN,
  A#menuNewSticky-today SPAN 								{ background-position: -43px -193px !important; }
  A.newPhoto SPAN,
  A#menuNewPhoto SPAN 											{ background-position: -93px -193px !important; }
  A#menuNewBadge-menu SPAN 									{ background-position: -143px -193px !important; }

  /* String */
  A.newString SPAN,
  A#menuNewString SPAN 											{ background-position: -190px -192px !important;  }
  A.newRope SPAN,
  A#menuNewRibbon SPAN											{ background-position: -240px -190px !important; }
  A.newTape SPAN,
  A#menuNewTape SPAN												{ background-position: -290px -190px !important; }
  A.newTack SPAN,
  A#menuNewTack-random SPAN									{ background-image: none !important; }

	/* Save & Share*/	
  A.menuSave SPAN,
	A#menuQuickSave SPAN 											{ background-position: -340px -188px !important; }
	A.menuShare SPAN,
  A#menuShare SPAN 													{ background-position: -441px -192px !important; }
  
	/* Menu Height Adjustments */
	LI#menuString	{ margin-top: -5px; }
	LI#menuSave		{ margin-top: -5px; }
	LI#menuShare	{ margin-top: -5px; }
		 
  /* Menu exceptions, styling fine-tuning */
  #submenuNotecard-h-lined IMG,
  #submenuNotecard-h-unlined IMG,
  #submenuNotecard-h-pink IMG,
  #submenuNotecard-h-yellow IMG,
  #submenuNotecard-h-green IMG,
  #submenuNotecard-h-blue IMG,
  #submenuNotecard-h-xxl IMG,
  #submenuNotecard-h-flashcard IMG,
  #submenuNotecard-v-lined IMG,
  #submenuNotecard-v-unlined IMG,
  #submenuNotecard-checklist IMG,
  #submenuNotecard-v-pink IMG,
  #submenuNotecard-v-yellow IMG,
  #submenuNotecard-v-green IMG,
  #submenuNotecard-v-blue IMG,
  #submenuNotecard-v-xxl IMG,
  #menuNewNotecard-horizontal IMG,
  #menuSave IMG,
  #submenuLoad IMG,
  #menuNewTack-random IMG,
  #submenuClear IMG { margin-top: 1em; }
  
  #menuNewTape IMG { margin-top: .5em; }
  #menuNewRibbon IMG,
  #menuNewNotecard-vertical IMG { margin-top: .25em; }
  
  #submenuCalendar IMG,
  #menuNewRotaryCard IMG,
  #submenuSticky-today IMG,
  #menuNewBadge-menu IMG,
  #menuNewPhoto IMG,
  #menuString IMG,
  #menuNewSticky IMG { margin-top: .75em; }
  #menuNewPhoto2 { position: absolute; }
  
  UL.vertical-types { margin-top: -5px; }
  UL.vertical-types LI * { margin-top: 5px !important; }
  
  #menuSave UL { margin-top: -89px; }

/* Undo Instructions (after clear */
DIV#clear,
DIV#share { display: none; }

A#menuNewTack-random {
	display: block;
	width: 72px;
	height: 72px;
	background: url("/app/images/ncas/tack-strip.png") no-repeat 20px -391px;
}

A#menuNewNumber {
	display: block;
	width: 72px;
	height: 72px;
	background: url("/app/images/ncas/icons/numbers-small.png") no-repeat 15px 0;
}

A#menuNewNumber IMG,
A#menuNewTack-random IMG { display: none; }
A#menuNewNumber SPAN,
A#menuNewTack-random SPAN { 
  display: block;
  padding-top: 48px; 
  
  text-align: center;
}
	
/* Mini Games */

DIV#jtt1 {
  position: absolute;
  width: 300px;
  height: 300px;	
 
  top: 999px;
  left: 222px;
   
  background: url("/app/images/ncas/peg-game.png") no-repeat;
  opacity: .8;
}			

DIV#jtt2 {
  position: absolute;
  width: 450px;
  height: 500px;	
 
  left: 180px;
  top: 1300px;
  
  background: url("/app/images/ncas/peg-game2.png") no-repeat;
  opacity: .8;
}			

/* Badge Chooser/Picker */
DIV.badge-menu {
  display: none;
  position: fixed;
	*position: absolute;
  width: 650px;
  height: 475px;

  top: 20px;
  left: 116px;
    
  background: #856f7d;
  border: 2px solid #CCC;
  border-left: 1px dotted #cf95bb;

  overflow: auto;  
  z-index: 9000;

  margin: 0;
  padding: 25px 10px 10px 10px;
}
DIV.badge-menu DIV {
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

	DIV.badge-menu .nav {	
		position: fixed;
  	width: 650px;
	  height: 20px;

		color: #EEE;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13pt;
		font-weight: bold;
		text-align: center;
		
	  background: #856f7d;		
		border-bottom: 1px dotted #cf95bb;

		padding: 10px 0 10px 0;
		margin: -25px 0 10px -10px;
	}
	DIV.badge-menu .nav LABEL,
	DIV.badge-menu .nav SELECT { display: inline; margin-left: 1em; }
	DIV.badge-menu .nav SELECT {	
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;
		
		margin-right: 20px;
	}	
	DIV.badge-menu .nav SELECT OPTION { 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;
		padding: 0 5em 0 .5em;
		margin: .5em 0;
	}
	DIV.badge-menu .nav SELECT:hover { cursor: pointer; }
		
	DIV.badge-menu .badge-container {
		width: 64px;
		height: 64px;
		float: left;
		margin: 10px 5px;
		border: 1px solid #856f7d;
	}
	
	.img-caption {
		display: none !important;
		color: #FFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9pt;
		height: 9px;						

		padding: 10px 0 5px 0;
		margin: 10px 0 0 0 !important;
		
		overflow: hidden;
	}
		
	DIV.badge-menu .badge-container IMG {
		max-width: 64px;
		max-height: 64px;
		margin: 10px auto;
	}
	
	.mnu-badge { 
		position: inherit !important;
		float: left;
		cursor: pointer;
		z-index: 9998 !important;
	}
	.mnu-badge * { z-index: 9998 !important; }

/* Context Menu */

UL.context-menu {
	display: block;
	background: #FFF;
	
	border: 1px solid #777;
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
	z-index: 9998 !important;
}

UL.context-menu LI {	
	display: block;	
	border-bottom: 1px dotted #777;
	margin: 0;
	
}
UL.context-menu LI:hover,
UL.context-menu LI:focus {
	background: #F0F0F0;
}

UL.context-menu LI A {
	display: block;	
	color: #777;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration: none;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;	
	padding: .75em 2em .75em 30px;	
}
UL.context-menu LI A:hover,
UL.context-menu LI A:focus { color: #000; }
UL.context-menu LI A:focus { text-decoration: underline; }

/* Context Menu Icons */
UL.context-menu LI.check-all A { 			background: url("/app/images/icons/context-icon-strip-8bit.png") no-repeat 5px 0; }
UL.context-menu LI.delete A { 				background: url("/app/images/icons/context-icon-strip-8bit.png") no-repeat 5px -32px; }
UL.context-menu LI.duplicate A { 			background: url("/app/images/icons/context-icon-strip-8bit.png") no-repeat 5px -72px; }
UL.context-menu LI.rotate A {					background: url("/app/images/icons/context-icon-strip-8bit.png") no-repeat 5px -112px; }
UL.context-menu LI.save A { 					background: url("/app/images/icons/context-icon-strip-8bit.png") no-repeat 5px -152px; }
UL.context-menu LI.new-notecard A { 	background: url("/app/images/icons/context-icon-strip-8bit.png") no-repeat 5px -192px; }
UL.context-menu LI.new-sticky A { 		background: url("/app/images/icons/context-icon-strip-8bit.png") no-repeat 5px -232px; }
UL.context-menu LI.new-photo A { 			background: url("/app/images/icons/context-icon-strip-8bit.png") no-repeat 5px -272px; }
UL.context-menu LI.new-string A { 		background: url("/app/images/icons/context-icon-strip-8bit.png") no-repeat 5px -312px; }
UL.context-menu LI.card-flip A { 			background: url("/app/images/icons/context-icon-strip-8bit.png") no-repeat 5px -352px; }
UL.context-menu LI.play-sound A { 		background: url("/app/images/icons/context-icon-strip-8bit.png") no-repeat 5px -392px; }
UL.context-menu LI.change-color A { 	background: url("/app/images/icons/context-icon-strip-8bit.png") no-repeat 5px -432px; }
UL.context-menu LI.website A { 				background: url("/app/images/icons/context-icon-strip-8bit.png") no-repeat 5px -432px; }
UL.context-menu LI.front A { 					background: url("/app/images/icons/context-icon-strip-8bit.png") no-repeat 5px -472px; }
UL.context-menu LI.back A { 					background: url("/app/images/icons/context-icon-strip-8bit.png") no-repeat 5px -512px; }

/* jQuery overrides */
.qtip { font-weight: bold; font-family: sans-serif; font-size: 13px; z-index: 9998 !Important; }
.menu .ui-draggable-dragging { border: 0 !important; z-index: 9999 !important;} /* turn off border for menu items */
.menu-clone {
	position: absolute;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: center;
	text-decoration: none;
	z-index: 9999 !important;
}

.ui-draggable-dragging { 	
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;  	
	}
	
.str-vertical { background: url("/app/images/rope-vertical.png") repeat-y !important; }
.ribbon .ui-resizable-handle,
.string .ui-resizable-handle { background: none !Important; }
.ui-resizable-handle { z-index: inherit !important; }

div.jquery-drag-to-select {
	background: #def;

	display: none;

	opacity: .3;
	filter: alpha(opacity=30);
	z-index: 10;


	border: 1px solid #369;
}

div.jquery-drag-to-select.active {
	display: block;
}