body {
    height: 100%;
}

#world {
    height: 100%;
}

#main {
    width: 100%;
    height: 100%;
}

#splash{
	position: absolute;
	z-index: 1000;
	text-align: center;
}

#fieldbase {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: gray;
}

#field {
    width: 980px;
    height: 600px;
    position: relative;
    left: 0px;
    top: 0px;
    -webkit-transform-origin: 0px 0px 0px;
}

#startimage {
}

#startbar {
	padding-left: 5px;
    height: 54px;
    position: absolute;
    bottom: 0px;
}

.toolbar {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

#topbar {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 30px;
}

#option {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 500px;
	z-index: 5000;
}

#thumbnaillist img {
    margin: 5px;
}


.layer {
    position: absolute;
    left: 0px;
    top: 0px;
}

.drawLayer{
	/*z-index: 100;*/
}

.image{
    position: absolute;
    left: 0px;
    top: 0px;
    -webkit-transform-origin: 0px 0px 0px;
}

.widget {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
}

.overlaybutton {
    margin: 3% 5%;
}

.shadowleft {
    border-left: solid 1px #666666;
    opacity: 0.5;
    width: 3%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, right bottom, 
		from(rgba(128, 128, 128, 1)),
		to(rgba(128, 128, 128, 0)));
}

.shadowright{
	border-right: solid 1px #666666; 
	opacity: 0.5;
	width: 3%;
	height: 100%;
	background: -webkit-gradient(linear, right bottom, left bottom, 
		from(rgba(128, 128, 128, 1)),
		to(rgba(128, 128, 128, 0)));
}

.menuarrow{
	padding-top: 0.5%;
	font-weight: bold;
	float: right;
}

.contentslisttitle{
/*	-webkit-text-overflow: ellipsis;
	padding-left: 103px;
	white-spce: nowrap;
	overflow: hidden;
	width: 300px;*/
}

@-webkit-keyframes pulse {
 from {
   /*opacity: 1.0;*/
  border: dotted 2px black;
 }
 to {
   /*opacity: 0.0;*/
  border: dotted 2px white;
 }
}

.translink{
  border: dotted 2px black;
	-webkit-animation-name: pulse;
	-webkit-animation-duration: 4.0s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
	-webkit-animation-delay: 0s;
}

.postit{
	position: absolute;
	left: 0px;
	top: 0px;
	
	background-color: yellow;
	border: solid 1px gray;
	z-index: 20;

    -webkit-transform-origin: 0px 0px 0px;
}

.postit .text{
	margin-left: 20px;
	padding: 2px;
	
	background-color: white;
}

.x-button img.iconbutton{
	width: 23px;
	height: 23px;
}

.x-button img.iconbuttonwithtext{
	width: 120px;
	height: 23px;
}

.colorbutton{
	background-color:white;
	width:23px;
	height: 23px;
}

.widthbutton{
	width:23px;
	height: 23px;
}

a.invisiblelink{
	text-decoration: none;
}

#logo img{
	padding: 2px;
	margin-left: 17px;
	max-width: 280px;
	max-height: 40px;
}

#information{
	text-align: center;
}

#information ul{
	padding-left: 20px;
	margin: 0px;
}

.actionpaneltoolbar{
	padding-top: 6px;
}

.postitItem .thumbnail{
	float: left;
	margin : 5px;
	margin-right: 10px;
}

.postitItem a{
	text-decoration: none;
}

.postitItem .text{
	height: 1.5em;
	overflow: hidden;
}

.postitItem .detail{
}

.postitItem hr{
	clear: both;
}

.searchresultItem {
	margin-left: 2em;
	height: 3em;
}

.searchresultItem .page{
	width: 9em;
	display: inline-block;
}

.searchresultItem .detail{
	display: inline-block;
}


.thumbnailItem div.left{
	float: left;
	width: 70px;
	height: 100px;
}

.thumbnailItem div.right{
	float: right;
	width: 70px;
	height: 100px;
}

.thumbnailItem .wrapper{
	margin-left: auto;
	margin-right: auto;
	width: 150px;
}

.toolbar .x-button{
	height: 30px;
	padding-top: 0.2em;
}

.pageslider .x-slider{
	margin-top: 3px
}

.pageimageWrapper{
	text-align: center;
	line-height: 500px;
}

img.image{
	/*opacity: 0.5;*/
}

img.large {
	opacity: 1;
}

img.loading {
	margin: auto;
}

.iconlink{
	border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
}

.menuicon{
	border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	position: absolute;
	bottom: 5px;
	left: 3px;
}

#indicator{
	display: none;
	background-color: #FFFF66;
	opacity: 0.8;
	max-width: 310px;
	max-height: 220px;
	position: absolute;
	right: 2px;
	bottom: 50px;
	font-size: 11px;
	padding: 2px;
	overflow: hidden;
	z-index: 100;
}

#indicator strong{
	font-weight: bold;	
}

.easyhelpwarpper .x-html{
	padding: 2px;
}

#easyhelpcontents .zoom{
}

#easyhelpcontents .list{
}

#easyhelpcontents .description{
	margin-left: 1em;
}

#easyhelpcontents img{
	margin-right: 3em;
}

#pageNumberText{
	height: 20px;
}

.postitEditDlg .colorToggle{
	position: absolute;
	left: 125px;
	top: 61px;
}
.postitEditDlg .colorToggleAndroid{
	position: absolute;
	left: 125px;
	top: 70px;
}
.slice{
	position: relative;
}