/* CSS Document */
body { padding:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;}
#container { width: 900px;   heightXXX: 200px;  }
.divider { width: 1px; background-color: grey; cursor: ew-resize;
		display:inline-block; height:100px;  }
.area { border: 1px solid black; overflow: hidden; display:inline-block;
		height:100%;  padding:5px; vertical-align:top;}
#divA {width: 205px;}
#divB {width: 205px;}
#divC {width: 405px;}

#ListBtn {margin:4px; text-align:center;}
.BtnE { width:32px; height:32px; min-width:32px;}
.BtnE2 { width:62px; height:32px; min-width:32px;}
.BtnS {width:20px; height:20px; font-size:18px;}

.inlistBlock {display:inline-block;}

/*#ColorText, #BackColor {border-top: 0px; border-left: 0px; border-right: 0px;}*/
#BackColor {border: 3px solid red; border-top: 0px; border-left: 0px; border-right: 0px;}
#ColorText {border: 3px solid #c0c0c0; border-top: 0px; border-left: 0px; border-right: 0px;}
#FontSize {}
.BackColor, .ColorText, .FontSize { display:inline-block;}

#menuFontSize, #menuBackColor, #menuColorText { 
	position:absolute; top:0px; left:0px; border:1px solid grey;}
.VPMenu {border: 1px solid grey; background-color:#CCCCCC; padding:4px;}
#valueFontSize { width:30px;}
.valueColor { width:20px; height:20px; margin:5px; display:inline-block;}

#nameBook { font-weight:bold; font-size:18px; padding:5px;}
#ListTasks {}
#AddBook {position:absolute; top:5px; left:200px; border:1px solid grey; 
	border-radius:5px;; padding:5px; display:none; width:200px; 
	z-index:1002; background-color: #99FFFF;}
</style>
<style>
h3 { padding:0px; margin:0px 0 5px; 0; display:inline-block; width:80%;}
#ListTasks {width:300px; border:1px solid grey; padding:5px; margin:8px; 
	border-bottom:1px solid grey; background-color:#CCCCCC; position:absolute;
	z-index:1001;}
.DefTask {padding-left: 10px;    font-size: 12px;}
.nameTask { width:100%; font-size:14px;  cursor:pointer; margin-top:5px;}
.lineTask { border-bottom:1px solid grey; width:100%; margin-bottom:8px;}
.xxx {display:inline-block; width:15%; cursor:pointer; text-decoration:underline;}
.AddBook { color: #9900FF; font-size:16px; cursor:pointer;}
.CC {cursor:pointer;}
.nU2 { padding:7px 2px 7px 20px; margin-bottom:0px; line-height:1; position:relative;}
.nU1 { margin-bottom:0px; line-height:1; padding:7px 2px; position:relative;}
.nU1:hover { background-color:rgb(255,215,235);}
.nU2:hover { background-color:rgb(233,210,255);}
#MenuLine {position:absolute; top:5px; left:200px; border:1px solid grey; 
	border-radius:5px;; padding:5px; display:none; width:250px; 
	background-color:#CCCCCC; z-index:1010;}
.x1616 {width:16px; height:16px; cursor:pointer; margin-left:20px;}
.x {position:absolute; top:2px; right:2px; cursor:pointer; width:24px; height:24px;}
#wRenameLine {position:absolute;top:0px;left:0px; border:1px solid grey;
	border-radius:4px; background-color:#CCCCCC; padding:7px;}
.PS {font-size:10px; padding:2px 2px 2px 20px;}
#PSLine {font-size:10px; padding:2px 2px 2px 2px;}
.x1212 {width:12px; height:12px; z-index:100; cursor:pointer; }
.x1212a {width:12px; height:12px; z-index:100; cursor:pointer; background-color: #e5e5e5;
	position:absolute; top:8px; right:2px;}
#divBZag {border-bottom:2px solid grey;}
#divCZag {border-bottom:2px solid grey; padding:5px;}
#divCC {padding:5px;}
.BtnEdop {padding:2px 0px 0px; vertical-align:top;}
ol, ul { padding-left:20px;}
.table {border:1px solid grey; border-collapse:collapse;}
.table td { border:1px solid grey; padding:4px; vertical-align:top;}
.table th { border:1px solid grey; padding:4px;}