@charset "utf-8";

/* PlannerXE123 Black*/



/* Planner123 */

.planner123 {width:99%; padding:4px; font-family:"돋움",Dotum,"굴림",Gulim, Tahoma, Sans-serif; line-height:normal; font-size:12px;}

.planner123 button, 

.planner123 table { font-family:"돋움",Dotum,"굴림",Gulim, Tahoma, Sans-serif; line-height:normal; font-size:12px;}

.planner123 {color:#EEEEEE; background:#454545;}

.planner123 .boardHeader {color:#000000;}

.planner123 a {text-decoration:none; color:white;}

.planner123 a:hover,

.planner123 a:active,

.planner123 a:focus {text-decoration:underline;}

.planner123 .strong {font-weight:bold;}

.planner123 .planner_navigation {display:inline;}

.planner123 .planner_navigation img {border:none; margin:0; padding:0;}

.planner123 .planner_navigation select {width:auto; background:#333; color:#fff; border-color:#999;}

.planner123 .client_time {text-align:center;}

.planner123 .past_day {cursor:no-drop; opacity:0.4; filter:alpha(opacity=40);}

.planner123 .diff_month {opacity:0.4; filter:alpha(opacity=40);}



.schedule_view {border-bottom: 1px solid #353535; cursor:pointer; min-height:14px; padding:1px 2px 0px; margin:0px 0px; 

		border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; word-wrap:break-word; display:block; vertical-align:midle;}

.schedule_view a {text-decoration:none; color:white;}

.schedule_view a:hover,

.schedule_view a:active,

.schedule_view a:focus {text-decoration:underline;}

.schedule_view img {border:none; vertical-align:middle;}

.complete {color:#EEEEEE; text-decoration:line-through;}



.planner_control {clear:both; width:100%; background:transparent; *zoom:1;}

.planner_control:after {clear:both; display:block;}

.planner_this {float:left; color:#9acd32; font: bold 20px verdana;}

.planner_this_week {width:320px; float:left; color:#9acd32; font: bold 15px verdana;}

.planner_navigation {float:right; padding-bottom:1px;}

.month_button,.month_button_on {display:inline-block; font-size:12px; font-weight:normal; 

	color:#FFFFFF; background-color:#353535; padding:1px 4px 1px 4px; border:1px solid #aaa; cursor:pointer;}

.month_button_on {color:#353535; background-color:#FFFFFF;}



/* Planner123 - (calendar) */

.planner_calendar {clear:both; width:100%; border-collapse:collapse; table-layout:fixed;}

.planner_calendar thead th {padding:0; border-spacing:0; border:1px solid #ccc; height:27px; text-align:center;}

.planner_calendar .wd_border {padding:0; height:27px; margin-right:1px; 

    background:#757575; /* for non-css3 browsers */

    background:-webkit-gradient(linear, left top, left bottom, from(#757575), to(#000000)); /* for webkit browsers */

    background:-moz-linear-gradient(top, #757575, #000000); /* for firefox 3.6+ */

	background:-ms-linear-gradient(#757575, #000000);/* for IE 10*/

	-ms-filter:progid:DXImageTransform.Microsoft.gradient(GradientType='0',startColorstr='#757575', endColorstr='#000000'); /* IE8 */	

	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#757575', endColorStr='#000000'); /* for IE */

	}

.planner_calendar .wd_title {padding-top:6px;} 

.planner_calendar tbody tr {text-align:left;}

.planner_calendar td {padding:0; border-spacing:0; border:1px solid #ccc; height:90px; vertical-align:top;}

.planner_calendar_inner {margin:0; padding:0; width:100%; min-height:80px; display:block;}

.planner_calendar_inner ul {vertical-align:top; text-align:left; border:none;}

.planner_calendar li {height:auto; padding:0px; list-style-type:none;}

.planner_calendar .holiday {color:#FF5628;}

.planner_calendar .offday {background-color: #808080;}

.planner_calendar .saturday {color:#01A2FF;}

.planner_calendar .weekday {color:#cccccc;}

.planner_calendar .lunar {color:#E2992C;}

.planner_calendar .islamic {color: #01DAC0;}

.planner_calendar .seasons24 {color:#CCFF00; }

.planner_calendar .memorial {color:#87ceeb; padding-top:1px;}

.planner_calendar .small {font-size:0.9em;}

.planner_calendar .font_big {font-size:14px;}

.planner_calendar tbody .today_bg {background:none; border:medium solid; border-color:#FFD700;}

.planner_calendar tbody .today_date_bg {background:none;}

.planner_calendar .droppable-hover  {background:none;}

.planner_calendar .inside {overflow:hidden; vertical-align:top; float:left;}

.planner_calendar .inside_end {overflow:hidden; vertical-align:top; float:left;}

.planner_calendar tr td.hover { background-color: #353535; }

/* .planner_calendar .schedule_bottom {border-bottom:1px solid #505050;} */



/* Planner123 - (list) */

.planner_list {clear:both; width:100%; border-collapse:collapse; empty-cells:show; table-layout:fixed;}

.planner_list thead th {padding:0; border-spacing:0; border:1px solid #ccc; height:27px; text-align:center;}

.planner_list .wd_border {padding:0; height:27px; margin-right:1px; 

    background:#757575; /* for non-css3 browsers */

    background:-webkit-gradient(linear, left top, left bottom, from(#757575), to(#000000)); /* for webkit browsers */

    background:-moz-linear-gradient(top, #757575, #000000); /* for firefox 3.6+ */

	background:-ms-linear-gradient(#757575, #000000);/* for IE 10*/

	-ms-filter:progid:DXImageTransform.Microsoft.gradient(GradientType='0',startColorstr='#757575', endColorstr='#000000'); /* IE8 */	

	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#757575', endColorStr='#000000'); /* for IE */

	}

.planner_list .wd_title {padding-top:6px;} 

.planner_list tbody tr {text-align:left;}

.planner_list tr:hover {background:#353535;}

.planner_list td {padding:0; border-spacing:0; border:1px solid #ccc; min-height:30px; vertical-align:top;  line-height:1.2em;}

.planner_list td img {margin:0; padding:0; _vertical-align:top;}

.planner_list .plan {margin:0; padding:5px;}

.planner_list .plan span {margin:0; padding:0;}

.planner_list td ul {margin:0; padding:0; vertical-align:middle; text-align:center;}

.planner_list td li {width:auto; height:auto; padding:0; list-style-type:none;}

.planner_list .date_label {width:auto; height:30px; padding-left:5px; margin-top:2px; list-style-type:none; text-align:left;}

.planner_list td .bline {border-bottom:0px solid #ccc;}

.planner_list .week_one {background:#555555;}

.planner_list .holiday {color:#FF5628;}

.planner_list .saturday {color:#01A2FF;}

.planner_list .weekday {color:#cccccc;}

.planner_list .lunar {color:#ff8c00;}

.planner_list .islamic {color:#0000cd;}

.planner_list .strong {font-weight:bold;}

.planner_list .seasons24 {color:#CCFF00;}

.planner_list .memorial {color:#87ceeb;}

.planner_list .small {font-size:0.9em;}

.planner_list .font_big {font-size:14px;}

.planner_list .today_bgcolor {background:none; border:medium solid; border-color:#ffd700;}

.planner_list .today_border {border:medium solid; border-color:#ffd700;}

.planner_list .clear_line {clear:both;}

.planner_list .schedule_bottom {border-bottom:1px solid #505050;}



/* Planner123 - (Week plan) */

.weekPlan {margin-left:4px; float:left; background:#808000;}

.weekPlanNavigation {position:relative;  width:95%; height:15px; margin-left:3%; margin-bottom:-15px; z-index:10;}

.weekPlanNavigation button {position:absolute; top:0; font-size:10px; font-family:Tahoma; padding:0; cursor:pointer;}

.weekPlanNavigation button.prevWeek {left:0; width:25px;}

.weekPlanNavigation button.prevDay {left:25px; width:20px;}

.weekPlanNavigation button.nextWeek {right:0; width:25px;}

.weekPlanNavigation button.nextDay {right:25px; width:20px;}

.weekPlanNavigation button.Today {right:45px; width:33px;}



/* Planner123 - (Weekly time table) */

.Timetable_div {width:100%; line-height:1.0; font-size:12px;}

.Timetable_div .holiday {color:#FF5628; font-weight:bold; padding-left:5px;}

.Timetable_div .saturday {color:#01A2FF; font-weight:bold; padding-left:5px;}

.Timetable_div .weekday {color:#EEEEEE; font-weight:bold; padding-left:5px;}

.Timetable_div .underline {padding:0; margin:0; height:16px; border:0; border-bottom:1px; border-color:#808080; border-style:dotted; }

.Timetable_div .right {float:right;}

.Timetable_div .left {float:left;}

.Timetable_div .header_table {border-collapse:collapse; border: 1px solid #808080;}

.Timetable_div .header_table_tr {}

.Timetable_div .header_table th {

    background:#757575; /* for non-css3 browsers */

    background:-webkit-gradient(linear, left top, left bottom, from(#757575), to(#000000)); /* for webkit browsers */

    background:-moz-linear-gradient(top, #757575, #000000); /* for firefox 3.6+ */

	background:-ms-linear-gradient(#757575, #000000);/* for IE 10*/

	-ms-filter:progid:DXImageTransform.Microsoft.gradient(GradientType='0',startColorstr='#757575', endColorstr='#000000'); /* IE8 */	

	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#757575', endColorStr='#000000'); /* for IE */

	}

.Timetable_div .header_table th {padding:0; border-spacing:0; height:20px; 

	border:1px solid #cccccc; text-align: left; font-weight:normal;}

.Timetable_div .label_table {border-collapse:collapse; border:1px solid #cccccc;}

.Timetable_div .label_td {height:60px; border:1px solid #ccc;}

.Timetable_div .label {width:120px; overflow:hidden; height:16px; text-align:left;}

.Timetable_div .contenttable_bg,

.Timetable_div .contenttable_bg td,

.Timetable_div .contenttable_table {border-collapse:collapse; border:1px solid #ccc;}

.Timetable_div .content_td {height:60px; border:1px solid #cccccc;}

.Timetable_div .content {overflow:hidden; height:16px; text-align:left;}

.Timetable_div .of_hidden {overflow:hidden;}

.Timetable_div .today_bg_color {background-color:#353535;}

.Timetable_div .today_content_border,

.Timetable_div .today_label_border {padding-top:1px; border:2px solid #FFD700;}

.Timetable_div .now_bg_color {background-color:#353535;}

/*

.button{display:inline-block;padding:5px 10px;font-weight:normal;font-size:14px;border:1px solid #333;background:#eee;color:#000;text-shadow:1px 1px 0 #fff;box-shadow:0 0 3px #333;-moz-box-shadow:0 0 3px #333;-webkit-box-shadow:0 0 1px #333;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;text-decoration:none}

*/