@charset "UTF-8";
/* CSS Document */

.daCol { float:left; position:relative; width:630px; border:solid 1px #999999; margin-right:10px; margin-left:10px; }

.toDoBox { display: inline-block; background-color: white; position:relative; width:150px; height:135px; border:solid 1px #cdcdcd; margin:5px; overflow:hidden; cursor:pointer; border-radius: 12px; }
.toDoBox h1 { margin:0; color:#333; font-weight:normal; font-size:15px; padding:10px; }
.toDoBox p { padding:10px; font-size:15px; font-style:italic; margin:0; }

.toDoBox:hover { background-color:#afdcff; }

.toDoBox a { display:block; color:#4d5865;  margin:0; font-weight:normal; font-size:15px; padding:10px; background:url(images/t_transp.png) repeat; text-align:right; border-bottom:solid 1px #cdcdcd; }
.toDoBox a:active { display:block; color:#4d5865;  margin:0; font-weight:normal; font-size:15px; padding:10px; background:url(images/t_transp.png) repeat; border-bottom:solid 1px #cdcdcd; }
.toDoBox a:visited { display:block; color:#4d5865;  margin:0; font-weight:normal; font-size:15px; padding:10px; background:url(images/t_transp.png) repeat; border-bottom:solid 1px #cdcdcd; }
.toDoBox a:hover { display:block; color:#FFF;  margin:0; font-weight:normal; font-size:15px; padding:10px; background:url(images/t_transp3.png) repeat; border-bottom:solid 1px #cdcdcd; }

a.toDoContact { background-image:none; font-size:11px; color:#333; border:0; }
a.toDoContact:active { background-image:none; color:#333; border:0; }
a.toDoContact:visited { background-image:none; color:#333; border:0; }
a.toDoContact:hover { font-size:11px; color:#333; border:0; }

.toDoBox.red { background:url(images/t_red.png) repeat-x; color:#FFF; }
.toDoBox.red h1 { color:#FFF; }
.toDoBox.red a.toDoContact { color:#FFF; }

.toDoBox.green1 { background:url(images/t_green1.png) repeat-x; color:#333; }

.toDoBox.green2 { background:url(images/t_green2.png) repeat-x; color:#333; }
.toDoBox.grey { background:url(images/t_grey.png) repeat-x; color:#333; }



.daCalendar { float:left; position:relative; width:628px; border:solid 1px #cdcdcd; background:url(images/t_calendar_back.png) repeat-x; background-color:#d1d1d1; }
.daCalendar .day { width:80px; height:80px; border:solid 1px #cdcdcd; float:left; margin:3px; font-size:18px; text-align:center; line-height:83px; background-color:#FFF; }
.daCalendar .day.dname { height:auto; width:82px; line-height:normal; padding-top:5px; margin:3px; border:0; background-color:transparent; }

.daCalendar .day.red { background:url(images/t_red.png) repeat-x; color:#FFF; }
.daCalendar .day.green1 { background:url(images/t_green1.png) repeat-x; color:#333; }
.daCalendar .day.green2 { background:url(images/t_green2.png) repeat-x; color:#333; }
.daCalendar .day.grey { background:url(images/t_grey.png) repeat-x; color:#333; }
.daCalendar .day.today { box-shadow: 0px 0px 5px #333; border:solid 1px #F39; }

.doCalendar .day.notActiveMonth { color:#F00; background-color:#eaeaea; }

.daCalendar .day:hover { border:solid 1px #993300; cursor:pointer; }

.hSearchLine { position:relative; background-color:#FFF; padding:5px; font-size:13px; border-bottom:solid 1px #CCCCCC; line-height:22px; }
.hSearchLine img { background-color:#0CF; padding:3px; float:left; margin-right:5px; margin-bottom:10px; border-radius:6px; }
.hSearchLine img.invoice { background-color:#3398cc; }
.hSearchLine img.notice { background-color:#a3baff; }
.hSearchLine img.contact { background-color:#e29da0; }
.hSearchLine img.task { background-color:#999999; }
.hSearchLine:hover { background-color:#5e83c6; color:#FFFFFF; cursor:pointer; }

/* =========== dashboard todo =============== */

.dayBar { position:relative; float:left; width:1020px; margin: 20px 0px 20px 12px; }
.dayBar h1 { padding:0; margin:0; font-size:22px; color:#797474; font-weight:normal; float:left; }
.dayBar .showSettings { float:right; border:solid 0px #999; margin-right:70px; color:#737373; margin-top:6px; }
.dayBar .showSettings span { margin-right:10px; margin-left:10px; color:#cdcdcd; }
.dayBar .showSettings span.active { color:#069; }
.dayBar .showSettings span:hover { color:#069; cursor:pointer; }

.dayBar a.btnAdd { float:right; color:#3d7ef9; height:22px; margin-top:2px; padding-top:4px; padding-right:35px; background:url(images/btnAdd.png) no-repeat top right; border:solid 0px #666666; }
.dayBar a.btnAdd:hover { color:#2c497f; background-position:bottom right; }

.dayBar .records_total { float:left; background-color:#CCC; padding:5px; border-radius:4px; margin-top:3px; margin-left:15px; font-size:13px; }

.listArrow { position:relative; float:left; margin-left:15px; margin-top:6px; width:30px; height:14px; background:url(images/arrow_up_down.png) no-repeat center top; cursor:pointer; }
.listArrow.close { background-position:bottom center; }
.listArrow:hover { background-position:top center; }


.listBox { position:relative; float:left; height:78px; width:1022px; border:solid 1px #c5c5c5; box-shadow: 0px 1px 1px #666666; background-color:#FFF; margin-left:10px; overflow:hidden; }
.listContainer { position:relative; float:left; width:1022px; margin-left:10px; }

.listBox .lineBox { position:relative; float:left; width:860px; border:solid 0px #CCCCCC; padding:10px; line-height:28px; color:#737373; overflow:hidden; }
.listBox .lineBox span { display:block; position:relative; width:130px; float:left; color:#2d2d2d; overflow:hidden; font-size:13px; }
.listBox .lineBox a { font-size:12px; color:#3e77cc; }
.listBox:hover { margin-bottom:0px; margin-top:0px; box-shadow: 0px 0px 15px #999999; width:1030px; }

.listBox .lineTools { position:relative; float:right; width:110px; border:solid 0px #CCCCCC; padding:10px; line-height:28px; height:56px; }
/*.listBox .lineTools .lmenu { cursor:pointer; width:32px; height:32px; float:right; margin-left:15px; margin-bottom:10px; margin-top:5px; }
.listBox .lineTools .lmenu.all { background:url(images/tools_menu.png) no-repeat top; }
.listBox .lineTools .lmenu.check { background:url(images/tools_check.png) no-repeat top; }
.listBox .lineTools .lmenu.clock { background:url(images/tools_clock.png) no-repeat top; }
.listBox .lineTools .lmenu.pin { background:url(images/tools_pin.png) no-repeat top; }
.listBox .lineTools .lmenu:hover { background-position:bottom;  }
.listBox .lineTools .lmenu.active { background-position:bottom;  } */

.listBox .lineTools .lmenu { cursor:pointer; width:40px; height:40px; float:right; margin-left:15px; text-align:center; margin-bottom:10px; margin-top:5px; border:solid 0px #CCCCCC; }
.listBox .lineTools .lmenu img { margin-top:10px; }
.listBox .lineTools .lmenu.all { background:url(images/tools_menu.png) no-repeat top; }
.listBox .lineTools .lmenu.check { background:url(images/tools_check.png) no-repeat top; }
.listBox .lineTools .lmenu.clock { background:url(images/tools_clock.png) no-repeat top; }
.listBox .lineTools .lmenu.pin { background:url(images/tools_pin.png) no-repeat top; }

.listBox .lineTools .lmenu.todo_check:hover { background-color:#00b211; border-radius:20px; }
.listBox .lineTools .lmenu.todo_star:hover { background-color:#0096ff; border-radius:20px; }
.listBox .lineTools .lmenu.todo_check.active { background-color:#00b211; border-radius:20px; }
.listBox .lineTools .lmenu.todo_star.active { background-color:#0096ff; border-radius:20px; }


.listBox.fullView { min-height:inherit; height:auto; width:1030px; overflow:auto; box-shadow: 0px 0px 15px #999999; margin-bottom:2px; background:url(images/todoBackground.png) repeat-y; background-color:#FFF; } 
.fullBox { }
.fullBox .timer { position:relative; float:left; width:155px; height:155px; margin-left:10px; border:solid 1px #CCCCCC; background-color:#eaeaea; text-align:center; cursor:pointer; }
.fullBox .timer h1 { font-size:22px; color:#737373; font-weight:normal; }
.fullBox .tinyCol { position:relative; float:left; width:300px; margin-left:15px; }
.fullBox .tinyCol .line { padding:10px; background-color:#f7f7f7; margin-bottom:3px; color:#797474; }
.fullBox .tinyCol .line img { float:left; margin-right:10px; width:22px; height:22px; margin-top:-3px; }
.fullBox .tinyColDescription { position:relative; float:left; width:510px; height:155px; margin-left:15px; border:solid 0px #FF0000; overflow:auto; }
.fullBox .desc { padding:10px; }

.fullBox hr { padding:0; margin:10px 0px 10px 0px; line-height:normal; border:0; border-bottom:solid 1px #CCCCCC; }
.fullBox textarea { position:relative; width:990px; height:50px; padding:10px; margin:0; font-size:15px; color:#930; border:solid 1px #CCCCCC; }


/*  ---- FAST CALENDAR ------- */

.calCol { position:relative; float:left; border:solid 0px #CCCCCC; width:380px; padding:10px 5px 10px 5px; }
.calCol .calDay { position:relative; float:left; width:50px; height:50px; border:solid 1px #FFF; margin:1px; text-align:center; line-height:50px; cursor:pointer; }
.calCol .calDay.daySelected { background-color:#effaff; border:solid 1px #CCCCCC; box-shadow:0px 0px 5px #999999; }
.calCol .calDay:hover { background-color:#effaff; border:solid 1px #CCCCCC; box-shadow:0px 0px 5px #999999; }

.calCol .calDay span { display:block; position:absolute; bottom:0; padding:0; height:10px; width:50px; line-height:10px; text-align:center; overflow:hidden; margin:0px 0px 2px 0px; border:solid 0px #FF0000;}
.calCol .calDay img { margin:0; }

.calCol .calDay.today { background-color:#5e9e3b; color:#FFF; }


.calCol .calDayTitle { position:relative; float:left; width:50px; border:solid 1px #FFF; margin:1px; text-align:center; font-size:13px; }
.calCol.small { position:relative; width:185px; float:left; margin-left:1px; font-size:13px; height:350px; overflow:hidden; }

.fastCalendarLine { max-height:13px; line-height:18px; padding:5px; width:170px; overflow:hidden; border:solid 0px #CCCCCC; cursor:pointer; }
.fastCalendarLine:hover { background-color:#effaff; max-height:35px; padding:5px; line-height:none; border:solid 1px #CCCCCC; box-shadow:0px 0px 5px #999999;}
.fastCalendarLine img { position:relative; float:left; margin-right:5px; margin-top:3px; }
.tinyBullets { position:relative; float:left; margin-right:5px; margin-top:3px; width:6px; height:6px; background:url(images/tiny_bullets.png) no-repeat; background-position:top; }
.tinyBullets.grey { background-position:top; }





/* dashboard boxes */

.dashBox { position:relative; background-color:#FFF; max-width:1000px; min-height:50px; border:solid 1px #e1e1e1;  color:#797474; margin-bottom:10px; border-top:solid 3px #d2d6de; margin-right:5px; }
#line-chart-labels { display:block; font-size:11px; }
.dashBox.red { border-top:solid 3px #d84b3f; }
.dashBox.blue { border-top:solid 3px #448fb9; }
.dashBox.blue2 { border-top:solid 3px #31c2ec; }
.dashBox.orange { border-top:solid 3px #ef9a32; }
.dashBox.green { border-top:solid 3px #2ba45f; }
.dashBox.green2 { border-top:solid 3px #006600; }
.dashBox.grey { border-top:solid 3px #d2d6de; }
.dashBox.black { border-top:solid 3px #000; }
.dashBox.purple { border-top:solid 3px #b93392; }

.dashBox h1 { font-size:15px; color:#797474; padding:10px; margin:0; font-weight:normal; border-bottom:solid 1px #e1e1e1; } 
.dashBox.red h1 .dashNumber { background-color:#d84b3f; border-radius:10px; padding:5px 10px 5px 10px; font-size:11px; margin-left:10px; color:#FFF; }
.dashBox.blue h1 .dashNumber { background-color:#448fb9; border-radius:10px; padding:5px 10px 5px 10px; font-size:11px; margin-left:10px; color:#FFF; }
.dashBox.blue2 h1 .dashNumber { background-color:#31c2ec; border-radius:10px; padding:5px 10px 5px 10px; font-size:11px; margin-left:10px; color:#FFF; }
.dashBox.orange h1 .dashNumber { background-color:#ef9a32; border-radius:10px; padding:5px 10px 5px 10px; font-size:11px; margin-left:10px; color:#FFF; }
.dashBox.green h1 .dashNumber { background-color:#2ba45f; border-radius:10px; padding:5px 10px 5px 10px; font-size:11px; margin-left:10px; color:#FFF; }
.dashBox.green2 h1 .dashNumber { background-color:#006600; border-radius:10px; padding:5px 10px 5px 10px; font-size:11px; margin-left:10px; color:#FFF; }
.dashBox.grey h1 .dashNumber { background-color:#d2d6de; border-radius:10px; padding:5px 10px 5px 10px; font-size:11px; margin-left:10px; color:#666; }
.dashBox.black h1 .dashNumber { background-color:#000; border-radius:10px; padding:5px 10px 5px 10px; font-size:11px; margin-left:10px; color:#FFF; }
.dashBox.purple h1 .dashNumber { background-color:#b93392; border-radius:10px; padding:5px 10px 5px 10px; font-size:11px; margin-left:10px; color:#FFF; }

.dashBox table { padding:5px; font-size:13px; }
.dashBox table tr td { border-bottom:solid 1px #FFFFFF; }
.dashBox table tr:hover { background-color:#effaff; cursor:pointer; }

.dashBox table.topLine tr:first-child td { background-color:#FFF; cursor:default; border-bottom:solid 1px #e1e1e1; }

.dashBox a.boxLink { float:right; padding:10px; font-size:13px; color:#06C; }
.dashBox a.boxLink:hover { background-color:#36C; color:#FFF; }


.tOption { position:relative; width:19px; height:19px; background-position:top; cursor:pointer; }

.tOption.tPlus { background:url(images/btn/plus.png) no-repeat; }

.tOption:hover { background-position:0px -19px; }

.tdWarning { background-color:#d67b7b; color:#FFF; }
.tdWarning:hover { color:#FFF; background-color:#ba6262 !important; }

.intro_image { width:100%; max-width:400px; height:auto; float:left; margin:20px 10px 10px 0px; border:solid 3px #CCCCCC; }

.max1450 { max-width:1450px; }