@charset "utf-8";
/* PlannerXE123 White*/

/* Planner123 */
html {overflow-y:scroll;} 
.planner123 {width:99%; padding:4px; line-height:normal; font-size:12px;}
.planner123 button, 
.planner123 table { line-height:normal; font-size:12px;}
.planner123 table th {font-weight:normal; font-family:NGB;}
.planner123 {color:#000000; background:none;}
.planner123 .boardHeader {color:#000000;}
.planner123 a {text-decoration:none; color:black;}
.planner123 a:hover,
.planner123 a:active,
.planner123 a:focus {text-decoration:underline;}
.planner123 .strong {font-family:NGB; vertical-align:middle;}
.planner123 .planner_navigation {display:inline;}
.planner123 .planner_navigation img {border:none; margin:0; padding:0;}
.planner123 .planner_navigation select {width:auto;}
.planner123 .category_navigation{clear:both;}
.planner123 .client_time {text-align:center;}
.planner123 .past_day {cursor:no-drop; opacity:0.4; filter:alpha(opacity=40);}
.planner123 .diff_month {opacity:0.3; filter:alpha(opacity=30);}
.planner123 button.button2 {padding:1px; cursor:pointer;} 

.schedule_view {cursor:pointer; min-height:14px; padding:2px 0 0 7px; margin:0px; font-size:11px; word-wrap:break-word; display:block; vertical-align:middle;}
.manageMent {font-family:NGB;}
.schedule_view a {text-decoration:none; color:black;}
.schedule_view a:hover,
.schedule_view a:active,
.schedule_view a:focus {text-decoration:underline;}
.schedule_view img {border:none; vertical-align:middle; margin-left:2px;}
.complete {color:#000000; text-decoration:line-through;}

.planner_control {clear:both; width:100%; text-align:center; position:relative; background:transparent; *zoom:1;}
.planner_control:after {clear:both; display:block;}
.planner_this {height:75px; line-height:47px; margin-bottom:15px;}
.planner_this .month {color:#333; font:32px NGB; letter-spacing:-2px; vertical-align:middle; }
.planner_this .imgBtn {display:inline-block; width:47px; height:42px; background:url(/images/pages/bArr.png) no-repeat left top; padding-top:5px; text-align:center; margin:0 7px; vertical-align:middle;}
.planner_this .imgBtn .fa {font-size:23px; color:#fff;}
.planner_this .btnImg {display:block; position:absolute; width:122px; height:45px; line-height:45px; text-align:center;}
.planner_this .btnImg:hover, .planner_this .btnImg:focus {text-decoration:none;}
.planner_this .btnImg span {font-family:NGB; font-size:14px; color:#fff; text-shadow:1px 1px 1px rgba(0, 0, 0, .3);}
.planner_this .btnImg i {margin-right:3px; font-size:14px; color:#fff; text-shadow:1px 1px 1px rgba(0, 0, 0, .3);}
.planner_this .res {background:url(/images/pages/bRes.png) no-repeat left top; bottom:0; right:0;}
.planner_this .loc {background:url(/images/pages/bLoc.png) no-repeat left top; bottom:0; left:0;}

.planner_explan {display:block; width:740px; margin-bottom:15px; padding:12px 15px 15px; background-color:#f5f5f5; border:#c2c2c2 1px solid; border-radius:3px; color:#666; text-shadow:1px 1px 1px #fff; line-height:1.5;}

.planner_this_week {width:320px; float:left; color:#008000; 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:#000000; background-color:#ffffff; padding:1px 4px 1px 4px; border:1px solid #aaa; cursor:pointer;}
.month_button_on {color:#ffffff; background-color:#000000;}

/* Planner123 - (calendar) */
.planner_calendar {clear:both; width:100%; border-collapse:collapse; table-layout:fixed; text-shadow:1px 1px 1px #f8f8f8;}
.planner_calendar thead {border-right:1px solid #c2c2c2;}
.planner_calendar thead th {8px 0 10px border-spacing:0; border-top:1px solid #c2c2c2; border-left:1px solid #c2c2c2; height:27px; text-align:center; background:url(/images/pages/bgCalCell.png) no-repeat left top;}
.planner_calendar tbody tr {text-align:left;}
.planner_calendar td {padding:0; border-spacing:0; border:1px solid #ccc; vertical-align:top;}
.planner_calendar .offDay {background:url(/images/pages/offDay.png) no-repeat center 35px;}
.planner_calendar_inner {margin:0; padding:0; width:100%; min-height:100px; display:block; padding-bottom:2px;}
.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:#ff0000;}
.planner_calendar .holEx {text-align:right; padding-right:2px;}
.planner_calendar .dayBlock {padding:7px 5px;}
.planner_calendar .offday {background-color:#f5f5f5;}
.planner_calendar .saturday {color:#0000ff;}
.planner_calendar .weekday {color:#303030;}
.planner_calendar .lunar {color:#b03060;}
.planner_calendar .islamic {color:#0000cd;}
.planner_calendar .seasons24 {color:#0000ff;}
.planner_calendar .memorial {color:#008b8b; padding-top:1px;}
.planner_calendar .small {font-size:0.9em;}
.planner_calendar .font_big {font-size:14px;}
.planner_calendar tbody .today_bg {border:#ed1b23 2px solid;}
.planner_calendar tbody .today_date_bg {}
.planner_calendar .droppable-hover  {background:#CDE6AC;}
.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:#fff5f5; }
/* .planner_calendar .schedule_bottom {border-bottom:1px solid #ffffff;} */

.planner_calendar .date_label {padding-right:80%;}

/* 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; 
	background:url(../images/calendar/tablehd_bg.png) repeat-x; }
.planner_list tbody tr {text-align:left;}
.planner_list tr:hover {background:#ddfffa;}
.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:#fffacd;}
.planner_list .holiday {color:#ff0000;}
.planner_list .offday {background-color:#f5f5f5;}
.planner_list .saturday {color:#0000ff;}
.planner_list .weekday {color:#303030;}
.planner_list .lunar {color:#b03060;}
.planner_list .islamic {color:#0000cd;}
.planner_list .strong {font-weight:bold;}
.planner_list .seasons24 {color:#0000ff;}
.planner_list .memorial {color:#008b8b;}
.planner_list .small {font-size:0.9em;}
.planner_list .font_big {font-size:14px;}
.planner_list .today_bgcolor {background:#CDE6AC; border:medium solid; border-color:#58792E;}
.planner_list .today_border {border:medium solid; border-color:#58792E;}
.planner_list .clear_line {clear:both;}
.planner_list .schedule_bottom {border-bottom:1px solid #ffffff;}

/* Planner123 - (Week plan) */
.weekPlan {margin-left:4px; float:left; background:#CDE6AC;}
.weekPlan .epigram {width:94%; padding-left:8px; color:brown;}
.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;}
.weekPlanNavigation .week_title {clear:both; color:brown; font:bold 15px verdana; padding-left:18%;}

/* Planner123 - (Weekly time table) */
.Timetable_div {width:100%; line-height:1.0; font-size:12px;}
.Timetable_div .holiday {color:#ff0000; font-weight:bold; padding-left:5px;}
.Timetable_div .saturday {color:#0000ff; font-weight:bold; padding-left:5px;}
.Timetable_div .weekday {color:#303030; 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 #000000;}
.Timetable_div .header_table_tr {}
.Timetable_div .header_table th {
    background:#c1ffc1; /* for non-css3 browsers */
    background:-webkit-gradient(linear, left top, left bottom, from(#c1ffc1), to(#6191ff)); /* for webkit browsers */
    background:-moz-linear-gradient(top, #c1ffc1, #6191ff); /* for firefox 3.6+ */
	background:-ms-linear-gradient(#c1ffc1, #6191ff); /* for IE9-10 */
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(GradientType='0',startColorstr='#c1ffc1', endColorstr='#6191ff'); /* IE8 */	
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType='0', startColorStr='#c1ffc1', endColorStr='#6191ff'); /* for IE6-7*/
	}
.Timetable_div .header_table th {padding:0; border-spacing:0; height:20px; 
	border:1px solid #808080; text-align:left; font-weight:normal;}
.Timetable_div .label_table {border-collapse:collapse; border:1px solid #000000;}
.Timetable_div .label_td {height:60px; border:1px solid #000000;}
.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 #808080;}
.Timetable_div .content_td {height:60px; border:1px solid #000000;}
.Timetable_div .content {overflow:hidden; height:16px; text-align:left;}
.Timetable_div .of_hidden {overflow:hidden;}
.Timetable_div .today_bg_color {background-color:#fffec5;}
.Timetable_div .today_content_border,
.Timetable_div .today_label_border {padding-top:1px; border:2px solid #FF0000;}
.Timetable_div .now_bg_color {background-color:#fffec5;}
/*
.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}
*/