/*	PROPRIETARY - (c) 2013 by James J. Domino - Juniper Labs LLC - 310-439-1185	*/

@font-face {
	font-family: DottedLined;
	src: url('fx/kgprimarydotslined-webfont.eot');
	src: url('fx/kgprimarydotslined-webfont.eot?#iefix') format('embedded-opentype'),
		url('fx/kgprimarydotslined-webfont.woff') format('woff'),
		url('fx/kgprimarydotslined-webfont.ttf') format('truetype'),
		url('fx/kgprimarydotslined-webfont.svg#kg_primary_dots_linedregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: Penmanship;
    src: url('fx/kgprimarypenmanship-webfont.eot');
    src: url('fx/kgprimarypenmanship-webfont.eot?#iefix') format('embedded-opentype'),
         url('fx/kgprimarypenmanship-webfont.woff') format('woff'),
         url('fx/kgprimarypenmanship-webfont.ttf') format('truetype'),
         url('fx/kgprimarypenmanship-webfont.svg#kg_primary_penmanshipregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@media all {

html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}

body {
	font-size: 18px;
	background-color: #3F7CCC;
	margin: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 100%;
	width: 100%;

}

P {
	font-size: 18px;
	padding: 10px;
}

#divContent > P {
	color: #F7FD39;
	font-size: 22px;
}

h1 {
	font-size: 20px;
	font-weight: bold;
	background-color: #F7FD39;
	padding: 0px;
	padding: 8px;
	margin: 0px;
}

select {
	font-size: 20px;
}

input {
	font-size: 20px;
}

button {
	font-size: 22px;
	width: 40%;
	background-color: #F7FD39;
	border-radius: 5px;
	border: 4px solid #F69B4A;
	padding: 4px;
	box-shadow: 3px 3px 1px #000000;
	cursor: hand;

}

#divMain {
	min-height: 100%;
	position: relative;
}

#divHeader {
	width: 100%;
	height: 50px;
	position: absolute;
	left: 0px;
	background-color: #B5DF4B;
}

#divHeaderL {
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	display: inline;
	width: 25%;
	cursor: hand;
}

#divHeaderM {
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	width: 40%;
	text-align: center;
	display: inline;
}

#divHeaderR {
	padding-right: 10px;
	padding-left: 10px;
	float: right;
	display: inline;
	width: 25%;
	text-align: right;
	font-size: 32px;
	cursor: hand;
}

#divFooterL {
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	display: inline;
	width: 25%;
	cursor: hand;
}

#divFooterM {
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	width: 40%;
	text-align: center;
	display: inline;
}

#divFooterR {
	padding-right: 10px;
	padding-left: 10px;
	float: right;
	display: inline;
	width: 25%;
	text-align: right;
	font-size: 32px;
	cursor: hand;
}

#divContent {
	height: 100%;
	padding-top: 50px;	/* height of header! */
	padding-bottom: 50px;	/* height of footer! */
	background-color: #3F7CCC;
}

#divFooter {
	width: 100%;
	height: 50px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-color: #B5DF4B;
}

#tblStatus {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #B5DF4B;
}

#divInstructions {
	text-align: left;
}

#divTileArea {
	line-height: 30px;
	text-align: center;
	padding: 50px;
}

#spanCurrentTile {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	font-size: 100px;
	background-color: #FFFEFB;
	border-radius: 5px;
	padding: 10px;
	box-shadow: 3px 3px 1px #000000;
}

IMG {
	display: inline;
	border: 0px;
}

IMG.status {
	display: inline;
	width: 20px;
	height: 20px;
}

IMG.block {
	display: block;
}

IMG.coin {
	padding-right: 10px;
}

.font0 {
	font-family: Arial, Arial, Helvetica, sans-serif
}
.font1 {
	font-family: Courier New, Courier New, Courier, monospace
}
.font2 {
	font-family: Georgia, Georgia, serif
}
.font3 {
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif
}
.font4 {
	font-family: Times New Roman, Times, serif
}

.font5 {
	font-family: Penmanship, Arial, Arial, Helvetica, sans-serif
}

#imgClock {
	position: absolute;
	left: 0px;
	top: 0px;
}

#imgClockHH {
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0px;
	margin: 0px;
}

#imgClockMM {
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0px;
	margin: 0px;
}

.storyeditor {
	box-sizing: border-box; 
	-webkit-box-sizing:border-box; 
	-moz-box-sizing: border-box; 
	-ms-box-sizing: border-box;
	width: 100%;
	height: 95%;
	border: 0px;
	font: 48pt Penmanship;
}

.divEdit {
	position: absolute;
	top: 50px; 
	left: 0px;
	width: 99%; 
	height: 90%;
	background-color: #e0e0e0;
}

td {
	text-align: left;
}

td.r {
	text-align: right;
}

td.c {
	text-align: center;
}

div.bag {
	width: 100px;
	height: 120px;
	display: inline-block;
	box-shadow: 3px 3px 1px #000000;
	text-align: center;
	vertical-align: top;
	margin: 5px;
	background-color: #ffffff;
	border-radius: 5px;
}

div.bag A {
	text-decoration: none;
	color: #000000;
}

DIV.mnu {
	display: none;
	position: absolute;
	left: 48px;
	top: 48px;
	background-color: #B5DF4B;
	margin: 5px;
	padding: 5px;
	zindex: 2001;

}

#mnuPERSON {
	right: 48px;
	top: 48px;
	left: inherit;
}

#mnuSetting {
	left: 48px;
	bottom: 50px;
	top: inherit;
}

div.mnuItem {
	width: 200px;
	height: 30px;
	display: block;
	vertical-align: top;
	padding: 5px;
}

div.mnuItem:hover {
	background-color: #F7FD39;
}

div.mnuItem A {
	text-decoration: none;
	color: #000000;
}


div.mnuItem IMG {
	height: 32px;
	padding-right: 10px;
	padding-left: 0px;
}

div.mnuSep {
	width: 200px;
	height: 5px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #F69B4A;
}

.msgback {
	display: none;
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 100%; 
	height: 100%; 
	zIndex: 2000; 
	background-color: #808080;
	opacity: 0.5;
	MozOpacity: 0.5;
	-Kthml-Opacity: 0.5;
	filter: alpha(opacity=50);
}

span.stem {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	font-size: 40px;
	font-family: Penmanship;
	border-radius: 5px;
	padding: 10px;
	margin: 5px; 
	box-shadow: 3px 3px 1px #000000;
}

.letterU {
	background-color: #EF1B1B;
}

.letterL {
	background-color: #EF1B1B;
}

.vowel {
	background-color: #F8841E;
}

.vowelU {
	background-color: #F8841E;
}

.vowelL {
	background-color: #F8841E;
}

.special {
	background-color: #FFFFFF;
}

.prefix {
	background-color: #9871AD;
}

.suffix {
	background-color: #9871AD;
}

.vowel {
	background-color: #FDD205;
}

.rime {
	background-color: #01A3E1;
}

.digraph {
	background-color: #03B99D;
}

.trigraph {
	background-color: #03B99D;
}

.dice {
	background-color: #ffffff;
	padding: 5px;
}

.dice > IMG {
	display: inline; 
	width: 48px;
	
}

.chip {
	background-color: #ffffff;
	padding: 5px;
	line-height: 48px;
}

.chip > IMG {
	display: inline; 
	width: 48px;
}

.charm {
	background-color: #ffffff;
	padding: 5px;
	line-height: 48px;
}

.charm > IMG {
	display: inline; 
	width: 48px;
}

.car {
	background-color: #ffffff;
	padding: 5px;
	line-height: 48px;
}

.car > IMG {
	display: inline; 
	width: 48px;
}

.num {
	background-color: #ffffff;
	padding: 5px;
	line-height: 48px;
}

.num > IMG {
	display: inline; 
	width: 48px;
}

.dragged {
	background-color: #F7FD39;
}

.mnuIcon {
	font-size: 40px;
	text-rendering: geometricPrecision;
	text-shadow: 2px 2px #a0a0a0;
}

.mnuSettingIcon {
	font-size: 40px;
	text-rendering: geometricPrecision;
	text-shadow: 2px 2px #808080;
}

#divContent > TABLE TD {
	color: #F7FD39;
	font-size: 22px;
}


/*	APPLICATION_SPECIFIC	*/

/*	END APPLICATION_SPECIFIC	*/

}

@media print {

BODY {
	background-color: #FFFFFF;
}

.hideforprint {
	display: none;
}

/*	APPLICATION_SPECIFIC	*/

/*	END APPLICATION_SPECIFIC	*/

}