* {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; outline:none}
body{margin:0; padding-top:5px; background:url(img/bg.gif) top repeat-x}
img { border:0;}
.left { float:left; }
.right{ float:right;}
.clear { border-bottom:1px solid #999; clear:both }

/*preload images*/
.hiddenLayer { position:absolute;left:-99999999px;top:-999999999px; } 

/* main part of website - where all lists are */
#izzyTargets { background:url(img/admin_14.jpg) top repeat-x; overflow:auto }


/******************************************/
/* welcome screen, when user is not logged in -> start */

.izzyHelpTarget { font-size:12px; padding:10px;}
.izzyHelpTarget li { margin:0; padding:0 0 20px 30px; background:url(img/fff_add.png) 5px 8px no-repeat;}
.izzyHelpTarget ul { margin:10px 0 0 0; padding:0; list-style:none;}

/* targets list is empty...  */
#izzyAddSomething { display:block; text-align:center; padding:50px; }
#izzyAddSomething strong { display:block;margin-bottom:20px; font-size:22px}

/* welcome screen, when user is not logged in -> end */
/******************************************/






/******************************************/
/* messages in lightbox -> start */

h2.title {
	font-size: 18px;
	padding:10px; margin:10px 0 20px 0;
	border-bottom:1px solid #999;
}
.addNewTarget,.LoginProcess{
	padding:20px 10px;
}
.addNewTarget label{
	width:200px; display:block; float:left;
}
.LoginProcess label {
	width:150px; display:block; float:left; margin-bottom:10px;
}
.LoginProcess input {
	margin-bottom:10px;
}
.LoginProcess textarea {
	height:130px;
	width:220px;
}
.LoginProcess form {
	margin:0;
}
.LoginProcess .submit {
	margin-left:150px;
}

.logoutButton { text-align:center; margin:10px auto; display:block }

/* messages in lightbox -> end */
/******************************************/



/******************************************/
/* target BOX-> start */

/* main setting for main DIV (with round corners) */
div.dialog { padding:0px; margin:2% 0 1% 1%; width:32%; float:left}

/* main title of terget (todo list) */
.izzyTarget h2 { margin:0; padding:10px 40px 5px 20px; cursor:move; display:block; font:bold 18px  Arial, Helvetica, sans-serif;}

/* delete button - right top corner */

.izzyTargetRight { display:block; float:right; }

a.deleteTarget {
	background:url(img/del_target.gif) top no-repeat;
	line-height:27px;width:25px;
	height:27px; display:block; text-indent:-999999px; margin-right:5px;
}
a.deleteTarget:hover {
	background-position:bottom;
}

/* list div - place where todo items are */
.izzyTodo {  border-top:1px solid #999; padding-top:10px; margin-top:10px;  }

/* target BOX -> end */
/******************************************/







/******************************************/
/* todo ITEM -> start */

.iItem { background:url(img/itemMove.gif) top left no-repeat; cursor:move; clear:both; margin-bottom:10px;}
.iItem input { float:left; display:block;}





/* action buttons - right hand */
a.itemOk {
	background:url(img/itemOK.gif) top no-repeat;line-height:14px;width:14px; float:left;height:14px; display:block; text-indent:-999999px;
}
a.itemOk:hover {
	background-position:bottom;
}
a.itemDelete {
	background:url(img/itemDelete.gif) top no-repeat;line-height:14px;width:14px; float:left;height:14px; display:block; text-indent:-999999px;
}
a.itemDelete:hover {
	background-position:bottom;
}

/* item is done */
.itemDone { background-color:#000; text-decoration:line-through; font-style:italic }

/* item (appear as an input) */
.izzyTodo input { border:none; border-bottom:1px solid #666; background: #FFC; padding:10px; margin:0px 5px 7px 13px; display:block; font-family:"Comic Sans MS", cursive; float:left; width:83% }



/* todo ITEM -> end */
/******************************************/



/*
div.dialog { padding:10px; margin:0 1% 1% 0; width:30%; float:left}
div.dialog .izzyTodo { padding:10px; margin:5px; }
div.izzyTarget {}

.izzyTodo div { clear:both; overflow:hidden; }


.topRight { float:right;}
.todoRight {float:right; position:absolute; margin:10px 0 0 0}
.todoRight img {margin-bottom:5px;}
*/





/******************************************/
/* website footer -> start */

#footer { text-align:center; color:#666; padding:10px; display:block; margin-bottom:10px; overflow:hidden}
#footer * { color:#666; text-decoration:none; font-size:11px;}
#footer a:hover { color:#000; text-decoration:underline;}

/* website footer -> end */
/******************************************/

/* small loading bar */

#mainLoading { display:none; right: 0; top:0; margin:3px; border:1px solid #fff; background: #CCC url(img/loaderSmall.gif) 7px 7px no-repeat;padding:5px 10px 5px 30px;}
div#mainLoading { 
position:fixed;
top: expression(document.body.scrollTop) + 'px' ); 
}