div#container {
	background-color: #EFFFF4;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #8EB5CF;
padding: 15px;
min-height:500px;
}
div#menu {
background-color: #EFFFF4;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #8EB5CF;
padding: 10px;
padding-bottom: 20px;
margin-left:20px;
float:left;
}

.task ol{ margin-right:0px;
margin-left:0px; 
padding-left:0px; }

#mes-mainbody{
border-left:10px solid #4F9BD8; 
border-bottom:20px solid #4F9BD8; 
border-right:10px solid #4F9BD8; 
border-top:20px solid #4F9BD8; 
margin:20px 50px; 
text-align:center; 
padding: 30px; 
border-radius: 10px 10px 10px 10px;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
}

#tableLogin{width:300px; margin:10px auto;}

.info_content{ padding-left:30%; padding-top: 50px; }

#mesageDiv{padding:20px; margin: 7px 30px; border: dotted 1px #FF4F38; border-radius:  4px 4px 4px 4px; text-align:center; }

input, select, textarea { border: 1px #8EB5CF solid; border-radius:  4px 4px 4px 4px; font-size:14px; padding:2px;}

.buttons a{width:25px; height:25px; display:block; float:left; margin-left:4px;  }
.buttons a:hover{ background-color:#DEFCE7; }

.timeDeath{color:#F44;}

.but_addsup{ background: url("buttons/add_sup.png"); }
.but_unindent{ background: url("buttons/unindent.png"); }
.but_indent{ background: url("buttons/indent.png"); }
.but_edit{ background: url("buttons/edit.png"); }
.but_start{ background: url("buttons/start.png"); }
.but_delete{ background: url("buttons/delete.png"); }
.but_pause{ background: url("buttons/pause.png"); }
.but_end{ background: url("buttons/end.png"); }
.but_back{ background: url("buttons/back.png"); }

.add-quest{background: url("buttons/add-quest.png") no-repeat ; padding:5px 0 5px 30px; }

.commentDiv form{margin-top:10px; margin-bottom:0px;}
.commentDiv form input{font-size:10px;width:25%;}
.commentDiv form input.comText{font-size:10px;width:70%;}

body{ padding:0px; margin:0px; color:#666; 	font-size: 14px; font-family: Tahoma, Verdana, Arial;}

#topContainer{ }
#loginContainer { float:left; }
	
h1{font-size:18px; text-align:center;}
h2{font-size:14px; text-align:left; padding:5px; margin-bottom: 0;}
h3{font-size:12px; paddin-left:20px;}

.projectDiv{padding:15px;}
#centerDiv{padding-top:100px;}
#panelButton{padding:10px;}
#topPanel{margin:5px; text-align:left; font-size: 14px; width:200px;}
#topPanel a{text-decoration:none;  padding-right:10px;}
#topPanel a:hover{text-decoration:underline;  }

#projectHead{ width:100%; padding:30px; border-bottom:1px solid; margin-bottom:10px;}

#projectTypes { float:right; padding:10px; width:200px; border-left: 1px solid; font-size:12px;}
#projectTypes a{display:block;}

#projectButtos{width:750px; padding:5px; float:left;}
.resizeBar{height:10px; background:#8EB5CF; }
#tableQuest{width:100%; padding-right:20px;}
.rowCaption{background: #CFFBFF; border-bottom:1px solid; height:30px;}
.rowCaption td{padding-left:5px;}
.nooddrowTable{background: #EFFFF4;}
.oddrowTable{background:#CFFBFF}
.tableTime{font-size:10px;}
#contentQuest {
margin-top:15px;
padding:15px;
border-right:250px solid #FFACAA; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #8EB5CF;
}
#questLog {padding-left:20px; border-left: 1px solid; width:200px; font-size:10px;}

ol{padding-left:20px;}

#questList{padding-right:10px;}

#contentQuest:after {	clear: both;	content: '.';	display:block;}
.stopboth{clear: both;}

img{border:0px;}
.contentMini{height:30px; overflow:hidden; font-size:10px; padding-left:5px;}
.contentMax{overflow: auto;font-size:14px; padding-left:5px;}

a{color:#63ABE2;}
a:hover{text-decoration:none; color:#23BF38; }

.taskDate{ width:163px; float:right; margin:-10px 0 0 10px; border-left: 1px solid #B8B8B8; padding-left: 10px; }

.projectDesc{ min-width:400px;}

.timeStart{color:#0000aa;}
.timeEnd{color:#00bb00;}

#main
{	margin: 12px;	}

#new-todo
{
	height: 32px;
	line-height: 28px;
	font-family: Tahoma, Verdana, Arial;
	width: 240px;
}

a
{	text-decoration: none !important;	}

a.del
{
	display: inline-block;
	width: 42px;
	text-align: center;
	margin-left: -120px;
	color: #ccc;
}

a.del:hover
{
	display: inline-block;
	color: White;
	background-color: Red;
}

a.btn-common
{
	color: #c0c0c0;
	margin-bottom: 12px;
	display: inline-block;
}

a.btn-common:hover
{
	color: Gray;
}

li.task
{
	cursor: default;
	margin-left: 30px;
}

#olinit{ margin-left:0px; }

.flyDiv{background-color:#FFFFFF; height:100%; align:center}

li.task span {		margin-left: 64px;	}

#list-ready li.task
{
	list-style-type: none;
	opacity: 0.5;
	color: Gray;
}

#list-ready li.task span		{			text-decoration: line-through;		}

.buttons{ width:178px;  border-left: 1px solid #B8B8B8; padding-left:5px; }
#dialog_box {
	box-shadow: 0 0 5px black;
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 10px 10px 10px 10px;
	border: 1px solid #8EB5CF;
    display: none;
    padding: 20px;
    position: fixed;
    width: 80%;
	top:100px;;
    z-index: 11000;
	left:10%;
}
.content{padding-left:20px; font-size:12px;padding:5px;}
.taskDiv{ margin:5px 5px 5px 0; padding: 3px 2px; }

.commentDiv{padding:2px;}


.taskDiv{border: 1px solid #B8B8B8; padding:0px 10px; margin:0px;  background: #FFFFFF; border-radius: 10px 10px 10px 10px; }
.taskDiv:hover{box-shadow: 0px 0px 4px rgb(31, 105, 147);}
#questList table {border:0px none;}

.taskDiv table.tabIn {margin:0px;}

.extend_minus { background: url("buttons/minus.png") no-repeat 5px 10px; width:25px; min-height:25px;  }
.extend_plus { background: url("buttons/plus.png") no-repeat 5px 10px; width:25px; min-height:25px; }

#settingTable{border:0px none; width:400px;}

#settingTable td{height:40px;}

table.tabIn h2{margin: 0 0 0 7px;}