html, body {
	height: 100%;
	width: 100%;
	padding:0;
	margin:0;
	overflow: hidden;
}
body {
	background-color:#FFF; background-image: url(../i/bg-page.gif);
	font-size:.75em; font-family:arial,sans-serif;
	color:#404040;
	display: block;
	}
textarea,input,select {
	font-family:arial,sans-serif;
	}
a {
	text-decoration:none;
	color:#404040;
	}
a:hover {
	color:#333;
	}
fieldset {
	border:none;
	padding:0;
	margin:0;
}

/* Sticks page
------------------------------------ */

/* stick */
.stick {
	background-repeat: no-repeat;
	background-image:url(../i/sheet/shadow.png);
	position:absolute;
	width:216px;
	height:216px;
	font-size:20px;
	padding:2px 18px 18px;
	}
	
.stick div {
	background:url(../i/sheet/sheets.jpg) no-repeat;
	width:184px;
	height:185px;
	padding:13px 16px 18px;
	overflow:hidden;
}

#stick-container { position: absolute; right: 258px;/*252+6*/ bottom: 257px;/*236+6+15*/ left: 6px; top: 22px; z-index: 1; }

.stick.blue div {
	background-position:0 0;
	background-color:#95b5fe;
	}
.stick.yellow div {
	background-position:0 -216px;
	background-color:#fddc79;
	}
.stick.violet div {
	background-position:0 -432px;
	background-color:#ec8ad5;
	}
.stick.green div {
	background-position:0 -648px;
	background-color:#aaea79;
	}
.stick.white div {
	background-position:0 -864px;
	background-color:#f0f3f7;
	}

.stick .old,
.stick .oldold,
.stick .oldoldold,
.stick .old-mark-out,
.stick .oldold-mark-out,
.stick .oldoldold-mark-out  {
	background:url(../i/sheet/sheets-used.jpg) no-repeat;
}
.stick.blue .old {
	background-position:0 0;
}
.stick.blue .oldold {
	background-position:-216px 0;
}
.stick.blue .oldoldold {
	background-position:-432px 0;
}
.stick.yellow .old {
	background-position:0 -216px;
}
.stick.yellow .oldold {
	background-position:-216px -216px;
}
.stick.yellow .oldoldold {
	background-position:-432px -216px;
}
.stick.violet .old {
	background-position:0 -432px;
}
.stick.violet .oldold {
	background-position:-216px -432px;
}
.stick.violet .oldoldold {
	background-position:-432px -432px;
}
.stick.green .old {
	background-position:0 -648px;
}
.stick.green .oldold {
	background-position:-216px -648px;
}
.stick.green .oldoldold {
	background-position:-432px -648px;
}
.stick.white .old {
	background-position:0 -864px;
}
.stick.white .oldold {
	background-position:-216px -864px;
}
.stick.white .oldoldold {
	background-position:-432px -864px;
}

.stick.blue div.mark-out  {
	background-position:0 -1296px;
	}
.stick.yellow div.mark-out  {
	background-position:0 -1512px;
	}
.stick.violet div.mark-out  {
	background-position:0 -1728px;
	}
.stick.green div.mark-out  {
	background-position:0 -1944px;
	}
.stick.white div.mark-out {
	background-position:0 -2160px;
	}
	
	
/*Mark-out*/
.stick.blue .old-mark-out {
	background-position:0 -1296px;
}
.stick.blue .oldold-mark-out {
	background-position:-216px -1296px;
}
.stick.blue .oldoldold-mark-out {
	background-position:-432px -1296px;
}
.stick.yellow .old-mark-out {
	background-position:0 -1512px;
}
.stick.yellow .oldold-mark-out {
	background-position:-216px -1512px;
}
.stick.yellow .oldoldold-mark-out {
	background-position:-432px -1512px;
}
.stick.violet .old-mark-out {
	background-position:0 -1728px;
}
.stick.violet .oldold-mark-out {
	background-position:-216px -1728px;
}
.stick.violet .oldoldold-mark-out {
	background-position:-432px -1728px;
}
.stick.green .old-mark-out {
	background-position:0 -1944px;
}
.stick.green .oldold-mark-out {
	background-position:-216px -1944px;
}
.stick.green .oldoldold-mark-out {
	background-position:-432px -1944px;
}
.stick.white .old-mark-out {
	background-position:0 -2160px;
}
.stick.white .oldold-mark-out {
	background-position:-216px -2160px;
}
.stick.white .oldoldold-mark-out {
	background-position:-432px -2160px;
}

.stick p,
.stick textarea {
	margin:0;
	padding:0;
	width:184px;
	height:185px;
	background:transparent;
	border:0;
	color:#404040;
	overflow: hidden;
	font:100%/1 arial,sans-serif;
	}
	.stick textarea {
		position:absolute;
		top:-30000%;
		resize:none;
		outline:0;
		/*visibility:hidden;*/
		}

	.stick p {
		-moz-user-select: none;
		-khtml-user-select: none;
		user-select: none;
		
		cursor: default;
		white-space: pre;         /* CSS2 */
		white-space: pre-wrap; /* CSS 2.1 */
		white-space: pre-line; /* CSS 2.1/3 */
		white-space: -moz-pre-wrap; /* Mozilla */
		white-space: -webkit-pre-wrap; /* Mozilla */
		word-wrap: break-word;       /* ie 5.5+ */
	}
	
	body .stick-edit textarea	{ visibility: visible; position: static; }
	.stick-edit p		{ display: none; }

/* system */
#m-confirm,
#stick-template { display: none; }

/* search form */
#search {
	position: absolute;
	top: 24px;
	right: 24px;
	border: 1px solid #b3b3b3;
	font-size: 2em;
	padding: .05em .2em;
	width: 8em;
	color: #404040;
	}
	#search:focus {
		outline: 0; /* safari bug */
		z-index: 3;
	}
	#search.empty {
		color: #ccc;
	}



	/*+safari only*/
/*
	html*.stick TEXTaREa{
		width: 196px;
		height: 188px;
		margin: -1px -1px -1px -6px;
		
	}
*/


/* animation */
#stick-view-date {
	display:none;
	width:200px;
	font-weight:bold;
	text-align:center;
	font-size:20px;
	height:40px;
	line-height:40px;
	background:#fff;
	position:absolute;
	top:50%;
	left:50%;
	margin:120px 0 0 -100px;
}


/* menu */
.menu {
	top:-1000px;
	list-style:none;
	padding:0;
	position:absolute;
	width:198px;
	margin:0;
	z-index:3;
	cursor: default;
	}

.menu-show
{
	display: block;
	visibility: visible;
}
.menu-sys {
	font-size:11px;
	}
.menu LI {
	display:block;
	padding:0 7px;
	background:url(../i/menu/m.png) repeat-y;
	}
.menu .first {
	padding-top:5px;
	background:url(../i/menu/t.png) no-repeat;
	}
.menu .last {
	padding-bottom:9px;
	background:url(../i/menu/b.png) 0 100% no-repeat;
	}
.menu .last DIV {
	background:#FFF;
	}
.menu DIV {
	background:#FFF url(../i/menu/dash.gif) 0 100% repeat-x;
	}
.menu LI SMALL {
	float:right;
	font-size:1em;
	color:#b3b3b3;
	margin:0 0 0 .5em;
}
.menu a, .menu a:hover{
	outline:0;
	display:block;
	padding:.5em 8px .5em 8px;
	text-decoration:none;
	color:#444;
	}
.menu .text DIV {
	padding:.5em 8px .5em 8px;
	color:#a4a4a4;
}
.menu del {
	display: none;
	text-decoration: none;
}
.menu .text a { display: none; }
.menu .text del { display: block; }

.menu .yellow a	{ background:url(../i/color/all.png) 160px 50% no-repeat; }
.menu .white a	{ background:url(../i/color/all.png) -544px 50% no-repeat; }
.menu .green a	{ background:url(../i/color/all.png) -16px 50% no-repeat; }
.menu .blue a	{ background:url(../i/color/all.png) -192px 50% no-repeat; }
.menu .violet a	{ background:url(../i/color/all.png) -368px 50% no-repeat; }

.menu a.hover {
	background-color:#555;
	color:#FFF !important;
	}
.menu .remove a {
	padding-left:8px;
	}
.menu .remove a.hover {
	background:#B0373C;
	}

/* footer Menu */
.foo-menu {
	position: absolute;
	left: 24px;
	bottom: 14px;
	font-size: 92%;
	color: #b3b3b3;
	margin:0;
	padding:0 0 6px;
	list-style:none;
	z-index:2;
	}
	.foo-menu LI {
		float: left;
		border-left: 1px solid #b3b3b3;
		padding: 0 1em 0;
		line-height: .8;
		}
		.foo-menu LI.foo-user {
			border:none;
			padding-left: 0;
			}
	.foo-menu a {
		color: #404040;
		border-bottom: 1px dotted #404040;
		padding-bottom: .1em;
		text-decoration:none;
		position:relative;
		}
	.foo-menu a:hover {
		border-bottom-style: solid;
	}

/* Settings 
----------------*/
#tint {
	background: url(../i/tint/tint.png);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 500002;
	}
#settings {
	width: 355px;
	position: absolute;
	top: 50px;
	left: 50%;
	z-index: 500003;
	margin:0 0 0 -177px;
	}

.box2-t {
	background: url(../i/box2/tr.png) no-repeat 100% 0;
	padding-right: 15px;
	}
	.box2-t DIV{
		background: url(../i/box2/tl.png) no-repeat 0 0;
		height: 15px;
		}
.box2-b {
	background: url(../i/box2/br.png) no-repeat 100% 0;
	padding-right: 15px;
	}
	.box2-b DIV{
		background: url(../i/box2/bl.png) no-repeat 0 0;
		height: 15px;
		}
.box2-r {
	background: url(../i/box2/r.png) repeat-y 100% 0;
	padding-right: 15px;
	}
	.box2-l {
		background: url(../i/box2/l.png) repeat-y 0 0;
		padding: 0 0 3px 13px;
		}
		
#settings .box2-c {
	padding: 5px 10px;
}
		
#settings H2 {
	font-size: 1.5em;
	margin:0;
	padding:0 0 .67em;
	font-weight:normal;
}
#settings .bt-close {
	float: right;
}
	#settings .bt-close IMG {
		border:none;
	}
#settings .hr-dotted {
	height: 1px;
	background: url(../i/dotted.gif);
	margin: 0 -16px;
	margin-bottom: 1em;
}
#settings P {
	margin-bottom: 1em;
	font-size: 1.09em;
}
.color-choiser {
	overflow: hidden;
	margin-bottom: 1em;
}
.color-choiser a {
	width: 58px;
	height: 58px;
	border: 1px solid #ddd;
	float: left;
	margin-right: 1px;
	background: #fff;
	outline:none;
}
.color-choiser a SPAN {
	width: 40px;
	height: 40px;
	margin: 10px 0 0 10px;
	display: block;
	overflow: hidden;
	text-indent: -99em;
	cursor: pointer;
}
.color-choiser a:hover {
	background: #ddd;
}
.color-choiser a.cur {
	background: #808080;
	border:1px solid #808080;
}
.color-choiser .yellow SPAN {
	background: url(../i/settings/color-yellow.png);
}
.color-choiser .blue SPAN {
	background: url(../i/settings/color-blue.png);
}
.color-choiser .green SPAN {
	background: url(../i/settings/color-green.png);
}
.color-choiser .violet SPAN {
	background: url(../i/settings/color-violet.png);
}
.color-choiser .white SPAN {
	background: url(../i/settings/color-white.png);
}


/* inputs */
#settings .noerr,
#settings .err,
#settings .valid,
#settings .done {
	border:3px solid #fefefe;
	width:300px;
	position:relative;
	left:-3px;
	color:#333;
	font-size:2em;
	overflow:hidden;
}
#settings .noerr {
	color:#333;
}
	#settings .noerr input {
		color:#333;
	}
#settings .err {
	border:3px solid #FFD9DC;
}
#settings .done {
	border:3px solid #cbe9b7;
}
#m-phone {
	float:right;
	width:270px;	
}

	#settings .many-input .hint b {
		position:absolute;
		top:1px;
		font-weight:normal;
	}
	
	#settings INPUT {
		font-size:1em;
		color:#333;
		font-size:1em;
		outline:0;
	}

/* notify
-----------------------*/
.notify {
	margin:2em 0 0;
	width: 220px;
	position: absolute;
	left: 350px;
	z-index: 500003;
	font-size:11px;
	}
.notify P {
	margin:0 !important;
}
.notify SMALL A {
	color:#666;
	border-bottom: 1px dotted #808080;
	padding-bottom: .1em;
	text-decoration:none;
}
	.notify SMALL a:hover {
		border-bottom-style: solid;
	}
.notify P BIG {
	font-size:15px;
	font-weight:bold;
}
.notify P SMALL {
	font-size:10px;
	color:#808080;
	display:block;
}
	
.box-t {
	background: url(../i/box/tr.png) no-repeat 100% 0;
	padding-right: 13px;
	}
	.box-t DIV{
		background: url(../i/box/tl.png) no-repeat 0 0;
		height: 12px;
		}
.box-b {
	background: url(../i/box/br.png) no-repeat 100% 0;
	padding-right: 13px;
	}
	.box-b DIV{
		background: url(../i/box/bl.png) no-repeat 0 0;
		height: 14px;
		}
.box-r {
	background: url(../i/box/r.png) repeat-y 100% 0;
	padding-right: 13px;
	position: relative;
	}
	.box-l {
		background: url(../i/box/l.png) repeat-y 0 0;
		padding: 0 0 3px 13px;
		}
		.box-l .ltarr {
			background: url(../i/box/ltarr.png) no-repeat;
			width: 22px;
			height: 19px;
			position: absolute;
			left: -8px;
			top: -11px;
		}
		
#settings-acc .box-c {
	padding: 5px 10px;
}
#settings-acc P {
	font-size: 1.09em;
	margin-bottom: 1em;
	text-align: center;
	line-height: 1.4;
}

/* buttons */
.bt {
	overflow: hidden;
	height: 36px;
	text-indent: -999em;
	}
	.bt a:hover {
		background-position: 0 0;
		}
	.bt a {
		display: block;
		height: 36px;
	}
.bt-dis A {
	background-position:0 -36px !important;
	cursor:default;
	}	
.bt-save {
	width: 155px;
	margin: 1.5em auto 0;
}
#settings .bt-save {
	margin-bottom: 1em;
}
	.bt-save a {
		background: url(../i/bt/bt-save.png) no-repeat 0 100%;
	}
.bt-settings-acc {
	width: 197px;;
	margin: 1.5em auto 1em;
}
	.bt-settings-acc a {
		background: url(../i/bt/bt-settings-acc.png) no-repeat 0 100%;
	}
.bt-phonesetup{
	width: 206px;
	margin: 1.5em auto 1em;
}
	.bt-phonesetup a {
		background: url(../i/bt/bt-phonesetup.png) no-repeat 0 100%;
	}

#b-settings{
	display: none;
}

/* delete dialog */
#w-dialog-delete {
	height: 100%;
	width: 100%;
	display: none;
	position:absolute;
	z-index: 5000000;
}
.dialog-delete {
	background: url(../i/delete/bg.png) no-repeat 0 0;
	width: 190px;
	height: 98px;
	position: absolute;
	padding: 15px 5px;
	margin: 104px 32px;
	z-index: 6;
	}
	.dialog-delete h3{
		color: #fff;
		text-align: center;
		font-size: 1.25em;
		font-weight: bold;
		padding: 1em 0 1.7em;
		margin:0;
	}
	.dialog-delete ul {
		padding-left: 11px;
		margin:0;
	}
	.dialog-delete a:focus {
		background-position: 0 -36px;
	}
.bt-yes {
	width: 78px;
	margin-right: 5px; 
	float: left;
}
	.bt-yes A,
	.bt-yes A:link,
	.bt-yes A:visited {
		background: url(../i/bt/bt-yes.png) no-repeat 0 100%;
	}
	.bt-yes A:hover {
		background-position:0 0;
	}
	.bt-yes A:active,
	.bt-yes A:focus {
		background-position:0 -36px;
	}
.bt-no {
	width: 88px;
	float: left;
}
	.bt-no A,
	.bt-no A:link,
	.bt-no A:visited {
		background: url(../i/bt/bt-no.png) no-repeat 0 100%;
	}
	.bt-no A:hover {
		background-position:0 0;
	}
	.bt-no A:active,
	.bt-no A:focus {
		background-position:0 -36px;
	}
	
/* lj-logo */
.lj-logo {
	position:absolute;;
	bottom:8px;
	right:16px;
}
.lj-logo A IMG{
	border:none;
}

/* date */
#stick-view-date {
	width:88px;
	height:88px;
	background:url(../i/date/cal.png) no-repeat;
	text-align:center;
	position:absolute;
	top:50%;
	left:50%;
	margin:120px 0 0 -44px;
}
#stick-view-date SPAN {
	display:block;
}
#stick-view-date .day {
	font:bold 36px Georgia, serif;
	margin:9px 0 -2px;
	position:relative;
	left:.07em;
}
#stick-view-date .day SUP{
	font:10px arial, sana-serif;
	vertical-align:baseline;
	position:relative;
	top:-1.8em;
	display:none;
}
#stick-view-date .mon {
	font:9px arial, sans-serif;
	margin:0 0 5px;
	color:#666;
}
#stick-view-date .year {
	width:64px;
	margin:0 auto;
	text-align:right;
	font:9px arial, sans-serif;
	color:#a4a4a4;
}


/* select-lang */
.select-lang {
	width:100%;
}

.selection-box {
	border:1px solid #000;
	background:#fff;
	opacity:.2;
	position: absolute;
	z-index: 1000;
}

/* show stickers */
#context-stick,
#stick-container {
	display:block;
}