/*===================================================================Common============================================*/ body, html { margin: 0px; padding: 0px; height: 100%; } [hidden]{ display: none; } iframe[seamless]{ background-color: transparent; border: 0px none transparent; padding: 0px; margin: 0px; overflow: hidden; } iframe[seamless].richtext{ /* output of ckeditor in iframe[srcdoc] */ width:600px; } .clearfix{ clear: both; } .day_time { padding-left: 3px; } .textbox { color: #000000; border: 1px solid #cfcfcf; font-size: 11px; font-family: Verdana; width: 100%; padding-right: 3px; padding-left: 3px; padding-top: 3px; height: 22px; } html[lang=en] .textbox{ width: calc(100% - 6px); height: calc(22px - 3px); } .textarea_autoexpand { width: 100%; padding-right: 3px; padding-left: 3px; padding-top: 3px; /*height: 22px;*/ overflow-y: visible; } .textarea_compose { width: 100%; padding-right: 3px; padding-left: 3px; padding-top: 3px; font-family: Verdana; font-size: 11px; line-height: 18px; /*overflow:auto; overflow-y:visible;*/ } .textbox_search { width: 120px; } .textarea_desc { padding-left: 3px; padding-right: 3px; padding-top: 3px; width: 100%; } html[lang=en] .textarea_desc{ width: calc(100% - 6px); resize: vertical; } .button { padding: 2px 5px; font-size: 11px; font-family: Verdana; color: #000; border: 1px solid #757575; background-image: url(/theme/image_en/layout_grey/btn_off.gif); background-image: linear-gradient(to bottom, #FFF 0%, #f6f6f6 20%,#e2e2e2 30%,#dddddd 50%,#dbdbdb 60%,#E7E7E7 100%); background-repeat: repeat-x; background-position: center; } .button:hover { background-image: url(/theme/image_en/layout_grey/btn_on.gif); background-image: linear-gradient(to bottom, #ffffff 0%,#f9f9f9 10%,#ececec 40%,#e7e7e7 49%,#e9e9e9 55%,#efefef 61%,#efefef 100%); background-repeat: repeat-x; background-position: center; } .button:active{ color: #F00; } .button:disabled { color: #999; border: 1px solid #757575; background-image: url(/theme/image_en/layout_grey/btn_off.gif); background-repeat: repeat-x; background-position: center; } .button_go { width: 30px; height: 20px; } .button_main_act { padding: 3px 2px; margin: 0px; font-size: 11px; font-family: Verdana; color: #000; border: 1px solid #647194; background-image: url(/theme/image_en/layout_grey/btn_main_act_off.gif); background-image: linear-gradient(to bottom, #E7F1FB 0%,#e4eef9 20%,#dae5f3 60%,#E4E9F1 100%); background-repeat: repeat-x; background-position: center; } .button_main_act:hover { background-image: url(/theme/image_en/layout_grey/btn_main_act_on.gif); background-image: linear-gradient(to bottom, #E7F1FB 0%,#D5E4F7 20%,#cddff4 60%,#D9E0EB 100%); background-repeat: repeat-x; background-position: center; } .button_main_act:active{ color: #F00; } .button_main_act:disabled{ color: #999; border: 1px solid #647194; background-image: url(/theme/image_en/layout_grey/btn_main_act_off.gif); background-image: linear-gradient(to bottom, #E7F1FB 0%,#e4eef9 20%,#dae5f3 60%,#E4E9F1 100%); background-repeat: repeat-x; background-position: center; } .button_main_act_selected { padding-top: 3px; padding-right: 2px; padding-bottom: 3px; padding-left: 2px; margin: 0px; } .button_imail_menu { width: 85px; } .content_bg { width: 960px; vertical-align: top; background-color: #FFFFFF; } .bg_shadow_left { background-image: url(/theme/image_en/bg_shadow_left.png); background-repeat: repeat; background-image: linear-gradient( to left, #E7E7E7, #F2F2F2); width: 12px; } .bg_shadow_right { background-image: url(/theme/image_en/bg_shadow_right.png); background-image: linear-gradient( to right, #E7E7E7, #F2F2F2); background-repeat: repeat; width: 12px; } .footer_bg { background-image: url(/theme/image_en/layout_grey/footer.png); background-image: linear-gradient( to bottom, #FFF, #F0F4F8, #D8E0EC); background-repeat: repeat; background-position: top; height:60px; } .aligncenter{ text-align:center; } .alignleft{ text-align:left; } .alignright{ text-align:right; } .justifytext { text-align:justify; padding:10px } .floatParent > .floatLeft{ float:left; } .floatParent > .floatRight{ float:right; } .floatParent::after{ content: ""; display: block; clear: both; } .autoPipe > a:not(:first-child)::before, ul.autoPipe > li:not(:first-child)::before, .autoPipe > span:not(:first-child)::before{ content: "|"; padding: 3px; font-weight:normal; color: #000; } .autoPipe > a.current, ul.autoPipe > li.current, .autoPipe > span.current{ color: #000; font-weight:bold; } .truncateText{ overflow: hidden; text-overflow: ellipsis; } label > input[type=radio]:not([disabled]) + span.label_highlight, label > input[type=checkbox]:not([disabled]) + span.label_highlight{ cursor:pointer; } label > input[type=radio]:checked + span.label_highlight, label > input[type=checkbox]:checked + span.label_highlight{ /*text-shadow: 0px 0px 1px #0f0;*/ } label:hover > input[type=radio]:not(:checked) + span.label_highlight, label:hover > input[type=checkbox]:not(:checked) + span.label_highlight{ /*text-shadow: 0px 0px 1px #ff0;*/ } .link_paging_prev, .link_paging_next{ padding-left:18px; background-repeat: no-repeat; display:inline-block; height:18px; vertical-align: bottom; } .link_paging_prev{ background-image:url(/theme/image_en/layout_grey/btn_prev_off.gif); } .link_paging_prev:hover{ background-image:url(/theme/image_en/layout_grey/btn_prev_on.gif); } .link_paging_next{ background-image:url(/theme/image_en/layout_grey/btn_next_off.gif); } .link_paging_next:hover{ background-image:url(/theme/image_en/layout_grey/btn_next_on.gif); } .ui-widget-content .link_add, .ui-widget-content .link_add2, .ui-widget-content .link_edit, .ui-widget-content .link_edit_big_icon, .ui-widget-content .link_delete, .ui-widget-content .link_delete_rubbish_bin, .ui-widget-content .link_print, .ui-widget-content .link_back, .ui-widget-content .link_import, .ui-widget-content .link_export, .ui-widget-content .link_view, .ui-widget-content .link_pdf, .ui-widget-content .link_scrolldown, .ui-widget-content .link_scrollup, .ui-widget-content .link_backtotop, .link_add, .link_add2, .link_edit, .link_edit_big_icon, .link_edit_photo, .link_download_photo, .link_delete, .link_delete_rubbish_bin, .link_arrow_up, .link_arrow_down, .link_print, .link_back, .link_import, .link_export, .link_download, .link_view, .link_pdf, .link_scrollup, .link_scrolldown, .link_sync, .link_backtotop, .link_copy { background-repeat: no-repeat; text-decoration: none; padding-left: 20px; display:inline-block; min-height:20px; cursor: pointer; color:#258002; } .ui-widget-content .link_action, .link_action{ color:#258002; text-decoration: none; cursor:pointer; } .ui-widget-content .link_action_blue, .link_action_blue{ color:#4360aa; text-decoration: none; cursor:pointer; } .ui-widget-content .link_action:hover, .link_action:hover, .ui-widget-content .link_action_blue:hover, .link_action_blue:hover{ color: #FF0000; } .icon_tick, .icon_green_tick, .icon_loader, .icon_mail, span:first-child > a.icon_mail_first{ background-repeat: no-repeat; display:inline-block; height:20px; padding-left: 20px; } .icon_tick{ background-image:url(/theme/image_en/icon_tick.gif); } .icon_green_tick{ background-image:url(/theme/image_en/green_tick.png); } .icon_loader{ background-image:url(/theme/image_en/ajax_loader_transparent.gif); /* ajax-loader.gif - RED, white in BG, no transparent*/ /* ajax_loading_indicator.gif non-arrow circle ugly if on non-white BG*/ /* ajax_loader_transparent.gif little white glow, but better then above*/ } .icon_mail, span:first-child > a.icon_mail_first{ background-image:url(/theme/image_en/imail/icon_spam.gif); /* black joke */ background-position-y: -3px; } .icon_mail + .icon_mail{ padding-left: 0px; background-image: none; } .icon_medical_alert{ display:inline-block; height:11px; padding-left: 11px; background-repeat: no-repeat; background-image:url(/theme/image_en/icon_medical_alert.png); background-size: cover; } .icon_arr_traffic_null, .icon_arr_traffic_default, .icon_arr_traffic_blue, .icon_arr_traffic_green, .icon_arr_traffic_orange, .icon_arr_traffic_purple, .icon_arr_traffic_red{ display: inline-block; height: 11px; padding-left: 12px; background-repeat: no-repeat; } .icon_arr_traffic_blue{ background-image:url(/theme/image_en/arr/icon_traffic_blue.gif); } .icon_arr_traffic_blue.link_action:hover{ background-image:url(/theme/image_en/arr/icon_traffic_blue_on.gif); } .icon_arr_traffic_default{ background-image:url(/theme/image_en/arr/icon_traffic_default.gif); } .icon_arr_traffic_default.link_action:hover{ background-image:url(/theme/image_en/arr/icon_traffic_default_on.gif); } .icon_arr_traffic_green{ background-image:url(/theme/image_en/arr/icon_traffic_green.gif); } .icon_arr_traffic_green.link_action:hover{ background-image:url(/theme/image_en/arr/icon_traffic_green_on.gif); } .icon_arr_traffic_orange{ background-image:url(/theme/image_en/arr/icon_traffic_orange.gif); } .icon_arr_traffic_orange.link_action:hover{ background-image:url(/theme/image_en/arr/icon_traffic_orange_on.gif); } .icon_arr_traffic_purple{ background-image:url(/theme/image_en/arr/icon_traffic_purple.gif); } .icon_arr_traffic_purple.link_action:hover{ background-image:url(/theme/image_en/arr/icon_traffic_purple_on.gif); } .icon_arr_traffic_red{ background-image:url(/theme/image_en/arr/icon_traffic_red.gif); } .icon_arr_traffic_red.link_action:hover{ background-image:url(/theme/image_en/arr/icon_traffic_red_on.gif); } .link_add{ background-image:url(/theme/image_en/icon_add.gif); padding-top:3px; } .link_add2{ background-image:url(/theme/image_en/icon_add2.gif); } .link_import{ background-image:url(/theme/image_en/icon_import.gif); } .link_edit{ background-image:url(/theme/image_en/icon_edit.gif); padding-left:15px; } .link_edit_big_icon{ background-image:url(/theme/image_en/icon_edit_b.gif); padding-left:15px; } .link_delete{ background-image:url(/theme/image_en/icon_delete_off.gif); } .link_delete_rubbish_bin{ background-image:url(/theme/image_en/demographic/icon_remove.png); } .link_arrow_up{ background-image:url(/theme/image_en/icon_sort_up_off.gif); } .link_arrow_down{ background-image:url(/theme/image_en/icon_sort_down_off.gif); } .link_delete.always_on, .link_delete:hover{ background-image:url(/theme/image_en/icon_delete_on.gif); } .link_print{ background-image:url(/theme/image_en/icon_print.gif); } .link_export{ background-image:url(/theme/image_en/icon_export.gif); } .link_download{ background-image:url(/theme/image_en/icon_download.png); padding-left:15px; } .link_edit_photo{ background-image:url(/theme/image_en/icon_edit_photo.png); } .link_download_photo{ background-image:url(/theme/image_en/icon_download_photo.png); } .link_sync{ background-image:url(/theme/image_en/icon_sync.png); } .link_copy{ background-image:url(/theme/image_en/icon_copy.png); } .ui-widget-content .link_export[disabled], .ui-widget-content .link_export:disabled, .link_export[disabled], .link_export:disabled{ color:#ccc; cursor: wait; } .link_back{ background-image:url(/theme/image_en/back.gif); font-weight:bold; color:#2b57a5; } .link_back:hover{ background-image:url(/theme/image_en/back_over.gif); } .link_view{ background-image:url(/theme/image_en/icon_view.gif); } .link_view:hover{ background-image:url(/theme/image_en/icon_view_over.gif); } .link_scrollup{ padding-left: 12px; color: #258002; background-image:url(/theme/image_en/icon_up3.gif); } .link_scrollup:hover{ background-image:url(/theme/image_en/icon_up3_on.gif); } .link_scrolldown{ padding-left: 12px; color: #258002; background-image:url(/theme/image_en/icon_down3.gif); } .link_scrolldown:hover{ background-image:url(/theme/image_en/icon_down3_on.gif); } .link_backtotop{ font-weight: bold; color: #2b57a5; background-image:url(/theme/image_en/backtotop.gif); } .link_backtotop:hover{ background-image:url(/theme/image_en/backtotop_over.gif); } .link_view{ padding-left:12px; background-image:url(/theme/image_en/icon_view.gif); } .link_view:hover{ background-image:url(/theme/image_en/icon_view_over.gif) } .link_pdf{ background-image:url(/src/include/js/html_editor/editor/filemanager/browser/default/images/icons/pdf.gif); } .breadcrumbs a,b{ font-size: 11px; } .breadcrumbs a{ font-weight: normal; text-decoration: none; color: #258002; } .breadcrumbs > * + *::before{ content:" > "; font-weight: normal; } .breadcrumbs a:last-child{ font-weight: bold; color: #000; } /* */ .formDialog .ui-dialog-titlebar-close{ display: none; } .formDialog .loading .loadingMessage{ padding-left: 20px; height:20px; background-image:url(/theme/image_en/ajax_loading_indicator.gif); background-repeat: no-repeat; } .formDialog .loading .loadingMessage, .formDialog .message{ display:block; } .formDialog .loading .message, .formDialog .loadingMessage{ display: none; } /* */ #reportResult.loading #reportPlaceholder, #reportResult.loaded .loadingMsg{ display:none; } #reportResult.loaded #reportPlaceholder{ display: block; } #reportResult.loading .loadingMsg{ display:block; padding-left: 20px; height:20px; background-image:url(/theme/image_en/ajax_loading_indicator.gif); background-repeat: no-repeat; } :invalid{ box-shadow: none; /* reset-FF */ outline: 0; /* reset-IE 10 */ } html[lang=en] textarea.autoheight{ resize: none; } html[lang=en] form select:invalid, html[lang=en] form textarea:invalid, html[lang=en] form input:invalid{ background-color: #FBCFD0; } html[lang=en] form.holdInvalid select:invalid, html[lang=en] form.holdInvalid textarea:invalid, html[lang=en] form.holdInvalid input:invalid{ background-color: #fff; } .actionButtons, .reportActionButtons{ margin-top:10px; text-align: center; } .fixedBottomButtons { display: block; position: fixed; background-color: #ebeff6; width: 100%; bottom: 0; left: 0; padding: 10px; z-index: 99; /* over anything else, under ui-front dialog modal */ height:20px; } .fixedBottomButtonsPlaceHolder{ height:20px; } .fixedBottomButtons.withShadow{ box-shadow: 0px -5px 10px 0px rgba(50, 50, 50, 0.5); } progress{ /*appearance: none;*/ /*-webkit-appearance: none;*/ /*background-size: auto;*/ height: 15px; width: 95%; /*box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;*/ } progress:not(:indeterminate), progress:not(:indeterminate)::-webkit-progress-bar { background: #fff; /* the BG */ } progress:not(:indeterminate){ color: #3f3; /* the FG value*/ } progress:not(:indeterminate)::-moz-progress-bar{ border: none; background: #3f3; animation: progressloading 30s linear infinite; } progress:not(:indeterminate)::-webkit-progress-value{ background: #3f3; animation: progressloading 30s linear infinite; } @keyframes progressloading{ 0% { background-position-x: 0px; } 100% { background-position-x: 9999px; } } @-moz-keyframes progressloading { 0% { background-position-x: 0px; } 100% { background-position-x: 9999px; } } @-webkit-keyframes progressloading { 0% { background-position-x: 0px; } 100% { background-position-x: 9999px; } } /* report */ .reportResultHeader{ width: 920px; margin: 5px 0; } .reportResultHeader .legend{ float:right; } .reportTableContainer{ overflow: auto; width: 920px; margin: 5px 0; } .reportTableContainer .legend{ text-align: right; } .reportTable{ min-width:920px; table-layout: fixed; border-collapse: collapse; } .reportTable > thead > tr > th, .reportTable > tfoot > tr > th{ font-size: 9px; font-weight: normal; color: #000; text-decoration: none; text-align: left; background-color: #ccc; padding-bottom: 5px; } .reportTable > tbody > tr > td, .reportTable > thead > tr > th, .reportTable > tfoot > tr > th{ padding-top: 5px; padding-left: 10px; } .reportTable > tbody > tr > td{ vertical-align: top; padding-bottom: 5px; } .reportTable > tbody.light > tr > td{ background-color: #FFF; } .reportTable > tbody.filterActive > tr.even, .reportTable > tbody.autorow > tr:nth-child(even), .reportTable > tbody > tr.even{ background-color: #CCC; } .reportTable > tbody.filterActive > tr.odd, .reportTable > tbody.autorow > tr:nth-child(odd), .reportTable > tbody > tr.odd{ background-color: #FFF } .reportTable > tbody > tr.highlight{ background-color: #FFC; } .reportTable > tbody.filterActive > tr{ display:none; } .reportTable > tbody.filterActive > tr.filterShow{ display:table-row; } .reportTable.loaed > tbody.loadingMsg, .reportTable.loading > tbody{ display:none; } .reportTable.loaed > tbody, .reportTable.loading > tbody.loadingMsg{ display: initial; } .reportTable > tbody.tbody > tr, .reportTable > tbody > tr.first_row_in_group{ border-top:1px solid #d3d3d3; } .norecord{ background: #ddd; text-align: center; padding: 10px; } .blueBar{ padding: 5px 15px; margin: 5px 0; background-color: #C5D5F1; width: calc(100% - 30px); font-size: 11px; font-weight: bold; color: #000; } .lightGreyBar{ padding: 5px 15px; margin: 5px 0; background-color: lightgrey; width: calc(100% - 30px); font-size: 11px; font-weight: bold; color: #000; } .greyBar{ padding: 5px 5px; margin: 0px; background-color: #A1A1A1; background-image: linear-gradient( to bottom, #A1A1A1 0%, #A1A1A1 85%, #929292 100%); width: calc(100% - 10px); font-size: 12px; font-weight: bold; color:#fff; } .greyBar > a, .greyBar > a:link, .greyBar > a:visited{ color:#fff; text-decoration: none; } .greyBar > a:hover{ color:#fffd56; } .simpletable{ width: 100%; border-spacing:0; border-collapse:collapse; } .simpletable > caption{ text-align: left; } .simpletable > tbody > tr > th{ text-align: left; } .simpletable > tbody > tr > th, .simpletable > tbody > tr > td{ vertical-align: top; } .simpletable > tbody > tr.simple_row > td, .simpletable > tbody > tr > td.simple_col{ padding: 5px 10px 15px 15px; min-height: 30px; } .simpletable > thead > tr.narrow > td.table_top, .simpletable > tbody > tr.simple_row.narrow > td, .simpletable > tbody > tr.narrow > td.simple_col{ padding: 5px; min-height: 10px; } .simpletable > thead > tr.cozy > td.table_top, .simpletable > tbody > tr.simple_row.cozy > td, .simpletable > tbody > tr.cozy > td.simple_col{ padding: 7px 15px 7px 10px; min-height: 15px; } .simpletable > tbody > tr.simple_row > td, .simpletable > tbody > tr.simple_row > th, .simpletable > tbody > tr > .simple_col{ font-size: 11px; text-decoration: none; font-weight: normal; color: #000000; border-bottom: 1px solid #9bb5cd; background-color: #fff; } .fixedtable{ table-layout:fixed; } .breakiflong{ word-wrap: break-word; } .fullsize{ width: 100%; } .widthLikeA4{ width: 650px; } .width30char{ width: 30ex; display: inline-block; } .highlight{ color: #f00; background-color: #fee5e6; vertical-align: top; text-align: center; padding: 5px; margin: 5px 0 5px; } .commontabs_board > .highlight:first-child{ margin-top:0; padding-bottom:0; } .bulletin_board header{ padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 15px; background-color: #c5d5f1; width: calc( 100% - 15px); font-size: 11px; font-weight: bold; color: #000; margin-bottom:10px; } /*================================================================ sub layer ======================================================================*/ .bubble_board_01 { background-image: url(../image_en/layout_grey/sub_layer_bubble01.gif); background-repeat: no-repeat; background-position: left top; display: block; height: 9px; width: 100%; margin: 0; padding-left: 12px; font-size: 1px; clear: both; } .bubble_board_02 { background-image: url(../image_en/layout_grey/sub_layer_bubble02.gif); background-repeat: no-repeat; display: block; background-position: right top; height: 9px; margin: 0; margin-left: 12px; padding-right: 12px; font-size: 1px; } .bubble_board_03 { background-image: url(../image_en/layout_grey/sub_layer_bubble03_extended.png); background-repeat: no-repeat; background-position: left top; display: block; width: 100%; margin: 0; padding-left: 12px; clear: both; } .bubble_board_04 { background-image: url(../image_en/layout_grey/sub_layer_bubble04_extended.png); background-repeat: no-repeat; background-position: right top; display: block; margin: 0; margin-left: 12px; padding-right: 12px; font-size: 11px; color: #000000; } .bubble_board_03_b { background-image: url(../image_en/layout_grey/sub_layer_bubble03_b.gif); background-repeat: repeat-y; background-position: left top; display: block; width: 100%; margin: 0; padding-left: 12px; clear: both; } .bubble_board_04_b { background-image: url(../image_en/layout_grey/sub_layer_bubble04_b_extended.png); background-repeat: repeat-y; background-position: right top; display: block; margin: 0; margin-left: 12px; padding-right: 12px; font-size: 11px; color: #000000; } .bubble_board_04_c { background-image: url(../image_en/layout_grey/sub_layer_bubble04.gif); background-repeat: repeat-y; background-position: right top; display: block; margin: 0; margin-left: 12px; padding-right: 12px; font-size: 11px; color: #000000; } .bubble_board_05 { background-image: url(../image_en/layout_grey/sub_layer_bubble05.gif); background-repeat: repeat-y; background-position: left top; display: block; height: 9px; width: 100%; margin: 0; padding-left: 12px; font-size: 1px; clear: both; } .bubble_board_06 { background-image: url(../image_en/layout_grey/sub_layer_bubble06.gif); background-repeat: no-repeat; display: block; background-position: right top; height: 9px; margin: 0; margin-left: 12px; padding-right: 12px; font-size: 1px; } /*================================================================TABS ======================================================================*/ #listcommontabs { margin: 0; padding: 0; float: left; clear: both; font-size: 11px; line-height: normal; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dfdfdf; } #listcommontabs ul { list-style-type: none; margin: 0; margin-left: 0px; /*Left offset of entire tab menu relative to page*/ padding: 0; margin-bottom: 0; } #listcommontabs li { display: inline; margin: 0; padding: 0; } #listcommontabs a { float: left; background: url(../image_en/layout_grey/listcommontabs_left.gif) no-repeat left top; margin: 0; margin-right: 5px; /*spacing between each tab*/ padding: 0 0 0 9px; text-decoration: none; } #listcommontabs a.current { background-position: 0pt -81px; } #listcommontabs a.current span { background-position: 100% -81px; color: #000000; font-weight: bold; } #listcommontabs a span { float: left; display: block; background: url(../image_en/layout_grey/listcommontabs.gif) no-repeat right top; font-weight: normal; color: #4360aa; padding-top: 5px; padding-right: 12px; padding-bottom: 2px; padding-left: 3px; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #listcommontabs a span { float: none; } /* End IE5-Mac hack */ #listcommontabs a:hover span { color: black; } #listcommontabs #current a {/*Selected Tab style*/ background-position: 0 -81px; /*Shift background image up to start of 2nd tab image*/ } #listcommontabs #current a span {/*Selected Tab style*/ background-position: 100% -81px; /*Shift background image up to start of 2nd tab image*/ font-weight: bold; color: #000000; } #listcommontabs a:hover {/*onMouseover style*/ background-position: 0% -81px; /*Shift background image up to start of 2nd tab image*/ } #listcommontabs a:hover span {/*onMouseover style*/ background-position: 100% -81px; /*Shift background image up to start of 2nd tab image*/ } .tab_lv3_style2 {/*Added 20090226*/ padding: 0; width: 100%; display: block; height: 25px; margin-top: 10px; background-color: #f1f3f5; } .tab_lv3_style2 ul {/*Added 20090226*/ margin: 0; margin-left: 20px; padding: 0; list-style: none; } .tab_lv3_style2 li {/*Added 20090226*/ display: inline; margin: 0 0 0 0; padding: 0; } .tab_lv3_style2 a {/*Added 20090226*/ float: left; display: block; color: #4360aa; text-decoration: none; margin: 0 2px 0 0; padding: 3px 10px 5px 10px; background-color: transparent; height: 22px; } .tab_lv3_style2 a:hover {/*Added 20090226*/ background-color: #ffffff; padding-top: 5px; padding-bottom: 8px; color: #000000; } .tab_lv3_style2 .current a {/*Added 20090226*/ background-color: #ffffff; padding-top: 5px; height: 22px; padding-bottom: 8px; color: #000000; font-weight: bold; } html:not([lang=en]) #commontabs { float: left; clear: both; font-size: 11px; line-height: normal; } html[lang=en] div#commontabs > ul, ul.commontabs{ font-size:0; margin: 3px 0 0 0; list-style-type: none; padding: 0; clear: both; line-height: normal; } html:not([lang=en]) #commontabs ul { list-style-type: none; margin: 0; margin-left: 0px; /*Left offset of entire tab menu relative to page*/ padding: 0; } html[lang=en] div#commontabs > ul > li, ul.commontabs > li, html:not([lang=en]) #commontabs li { display: inline; margin: 0; padding: 0; } html:not([lang=en]) #commontabs a { float: left; background: url(../image_en/layout_grey/glowtab-left.gif) no-repeat left top; margin: 0; margin-right: 5px; /*spacing between each tab*/ padding: 0 0 0 9px; text-decoration: none; } /* noleft tabs is ugry and only used by CAS, drop them later */ html[lang=en] ul.commontabs.cas_category{ margin-bottom:1px; } html[lang=en] ul.cas_category li > a{ text-decoration: none; margin: 0; margin-right: 5px; /*spacing between each tab*/ margin-bottom: 2px; background-color: #D5E3F0; padding: 4px 12px 2px 12px; text-decoration: none; border-top-right-radius: 0; border-top-left-radius: 0; } html[lang=en] ul.cas_category li > a:hover{ color: black; } html[lang=en] ul.cas_category li#current > a{ margin: 0; margin-right: 5px; /*spacing between each tab*/ background-color: #9BB5CD; padding: 4px 12px 2px 12px; text-decoration: none; border-top-right-radius: 0; border-top-left-radius: 0; } html[lang=en] #commontabs >ul > li > a.noLeft, html[lang=en] #commontabs >ul > li#current > a.noLeft{ margin: 0; margin-right: 5px; /*spacing between each tab*/ background-color: #DAD8D8; padding: 4px 12px 2px 12px; text-decoration: none; border-top-right-radius: 0; border-top-left-radius: 0; } html[lang=en] div#commontabs > ul > li > a, ul.commontabs > li > a{ text-decoration: none; display: inline-block; padding: 4px 12px 2px 12px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-size: 11px; font-weight: normal; color: #4360aa; background-color: #F3F3F3; margin-right: 5px; } html[lang=en] div#commontabs > ul > li > a:hover, ul.commontabs > li > a:hover{ color: black; } html[lang=en] div#commontabs > ul > li#current > a, ul.commontabs > li#current > a{ background-color: #EBEFF6; font-weight: bold; color: #000000; } html:not([lang=en]) #commontabs a span { float: left; display: block; background: url(../image_en/layout_grey/glowtab.gif) no-repeat right top; padding: 4px 12px 2px 3px; font-weight: normal; color: #4360aa; } html:not([lang=en]) #commontabs a div { float: left; display: block; background-color: #BFBDBE; padding: 4px 12px 2px 3px; font-weight: normal; color: #4360aa; } html:not([lang=en]) #commontabs a span, html:not([lang=en]) #commontabs a div { float: none; } html:not([lang=en]) #commontabs a:hover span { color: black; } html:not([lang=en]) #commontabs #current a {/*Selected Tab style*/ background-position: 0 -82px; /*Shift background image up to start of 2nd tab image*/ } html:not([lang=en]) #commontabs #current a span {/*Selected Tab style*/ background-position: 100% -82px; /*Shift background image up to start of 2nd tab image*/ font-weight: bold; color: #000000; } html:not([lang=en]) #commontabs #current a div {/*Selected Tab style*/ background-position: 100% -82px; /*Shift background image up to start of 2nd tab image*/ font-weight: bold; color: #000000; } html:not([lang=en]) #commontabs a:hover {/*onMouseover style*/ background-position: 0% -82px; /*Shift background image up to start of 2nd tab image*/ } html:not([lang=en]) #commontabs a:hover span {/*onMouseover style*/ background-position: 100% -82px; /*Shift background image up to start of 2nd tab image*/ } html:not([lang=en]) #commontabs a:hover div {/*onMouseover style*/ background-position: 100% -82px; /*Shift background image up to start of 2nd tab image*/ } #commontabs_board { background-color: #ebeff6; float: left; clear: left; } .body{ background-color: #ebeff6; } .commontabs_board { background-color: #ebeff6; padding:10px; } .commontabs_board::after{ content:""; clear:both; display:block; } /*===================================================================TOP MENU ============================================*/ #top_header { height: 132px; width: 960px; clear: both; } #top_header_menu_bg { height: 132px; width: 960px; } #school_logo { clear: left; float: left; height: 130px; width: 130px; text-align: center; vertical-align: middle; /* border: 1px solid #FF0000;*/ } #top_header_right { float: left; width: 828px } #top_front_login_btn { clear: right; float: right; height: 96px; } #top_front_login_btn span { display: block; padding-top: 8px; padding-right: 15px; padding-bottom: 2px; padding-left: 8px; float: right; } #top_login_btn { height: 25px; width: 805px; margin-top: 8px; margin-right: 15px; margin-bottom: 2px; margin-left: 8px; text-align: right; color: #FFFFFF; font-size: 10px; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); } #top_login_btn > span > a{ color: #fffd56; font-size: 10px; text-decoration: none; } #top_login_btn > span > a:hover{ color: #FF0000; } #top_school_slogan { clear: both; float: left; width: 600px; height: 63px; } #top_school_slogan span { display: block; margin-top: 0px; padding-top: 10px; } #top_menu_group {/*Added 20100304*/ float: left; clear: both; width: 958px; } /* #top_menu { float:left; height: 34px; width: 730px; } */ #top_menu { float: left; height: 34px; width: 830px; /* Henry Yuen (2010-04-29): 860px -> 830px, too long in public/bulletin/index.php for IE*/ padding-left: 30px; /*Updated 20100322*/ } #top_menu ul { list-style-type: none; margin: 0; margin-left: 0px; padding: 0; } #top_menu li { display: inline; margin-right: 0; margin-bottom: 0; margin-left: 0; height: 34px; } #top_menu a { float: left; margin: 0; padding-top: 0; padding-right: 10px; padding-bottom: 0; padding-left: 5px; background-image: url(../image_en/spacer.gif); height: 34px; } #top_menu a span { float: left; padding-top: 9px; display: block; } .top_menu_unlink { float: left; margin: 0; padding-right: 10px; padding-bottom: 0; padding-left: 5px; background-image: url(../image_en/spacer.gif); height: 34px; padding-top: 9px; display: block; color: #FFFFFF; font-size: 12px; font-weight: bold; text-decoration: none; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #top_menu a span { float: none; } /* End IE5-Mac hack */ #top_menu #current a { background-image: url(../image_en/top_menu_on_bg.gif); background-repeat: no-repeat; background-position: center bottom; } #top_menu #current a span { padding-top: 5px; } #top_menu a:hover { background-image: url(../image_en/spacer.gif); background-repeat: no-repeat; background-position: center bottom; } #top_menu a:hover span { padding-top: 7px; } #top_weather_temp { padding-top: 5px; float: right; padding-right: 30px; } #top_weather_icon { float: right; padding-right: 2px; } #top_weather_API { float: right; padding-right: 0px; width: 30px; } #top_weather_API_title { float: left; padding-top: 10px; } #top_weather_API_item { padding-top: 3px; float: right; } /*========================================= Top sub menu =======================================================*/ #top_submenu { position: absolute; width: 167px; visibility: visible; } #top_submenu_content { width: 167px; background-image: url(../image_en/layout_grey/sub_menu_bg.png); } .top_submenu_item { list-style-type: none; padding: 0; width: 167px; margin-top: 0px; margin-right: 0; margin-bottom: 0px; margin-left: 0; } .top_submenu_item li a { color: #003399; display: block; width: auto; padding-left: 12px; text-decoration: none; font-size: 11px; font-style: normal; font-weight: normal; font-variant: normal; background-image: url(../image_en/layout_grey/sub_menu_item_bg.gif); background-repeat: no-repeat; background-position: center bottom; padding-top: 5px; padding-right: 12px; padding-bottom: 5px; } * html .top_submenu_item li a {/*IE only. Actual menu width minus left padding of LINK (20px) */ width: 160px; } .top_submenu_item li a:hover { color: #FF0000; } /* ================================================================================ FOOTER ======================================================================== */ #footer_logo_esf { float: left; } /*========================================================================= FORM ================================================ */ #sub_page_title { font-size: 11px; font-weight: bold; color: #000000; clear: both; float: left; width: 100%; padding: 5px; } #sub_page_title_success { font-size: 11px; font-weight: bold; color: #339900; clear: both; float: left; width: 100%; padding: 5px; } .hiddenform { margin: 0; margin-top: -20px; font-size: 11px; color: #000000; padding-left: 20px; padding-top: 0px; } .cssform { font-size: 11px; color: #000000; padding: 20px; } p.cssform { margin: 0; padding-left: 120px; height: 1%; padding-top: 3px; padding-right: 0; padding-bottom: 3px; } p.dotline_p { height: 1px; padding-top: 00px; margin-top: 10px; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: gray; padding-right: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0; } .cssform label { font-weight: normal; float: left; margin-left: -120px; /*width of left column*/ width: 125px; /*width of labels. Should be smaller than left column (160px) to create some right margin*/ } .sign_textarea { height: 100px; width: 200px; margin-left: 20px; } .textbox_date { width: 150px; height: 22px; padding-right: 3px; padding-left: 3px; color: #000000; border: 1px solid #cfcfcf; } .textbox_date.textbox_date_short{ width: 70px; height:19px; } #form_btn { text-align: center; padding: 10px; width: 100%; } .cssform a { font-weight: normal; font-size: 9px; color: #4360aa; text-decoration: none; } .cssform a:hover { color: #FF0000; } .module_content { padding-top: 10px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; } #module_content_header { padding: 6px; /* Added by Andy for displaying iCalendar title bar normally */ overflow: hidden; color: #000000; background-image: url(/theme/image_en/layout_grey/header_bg.gif); background-image: linear-gradient( to bottom, #A1A1A1 0%, #A1A1A1 85%, #929292 100%); } #module_content_header_title { clear: left; float: left; } #module_content_relate { clear: right; float: right; padding-top: 3px; } #btn_link { clear: left; float: left; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; /* border: #FF0000 1px solid;*/ } #btn_link a { padding-right: 10px; } /* ================================================================================calendar======================================================================== */ #cal_day_range { float: left; padding-top: 0px; font-size: 10px; font-weight: normal; color: #02568c; } .cal_agenda_entry { padding: 3px; } .portal_week_event_item_whole{ display:block; height: 100%; font-size: 9px; color: #FBFDFF; text-decoration: none; background-color: #8DB7E9; border: 1px solid #999999; text-align: center; } .portal_week_event_item_whole:hover{ color: #000000; background-color: #BADACF; border: 1px solid #4BA8C2; } .portal_search_result_rollgroupteacher { vertical-align: top; font-size: 12px; padding-bottom:2px; } .list_option_myteacher { float:right; } .icon_cal_personal_note::after{ background-image: url(/theme/image_en/calendar/icon_personalnote.gif); padding-left: 10px; height: 10px; display: inline-block; content: " "; background-repeat: no-repeat; } .cal_event_blue { border: 1px solid #6fb1eb; } .cal_event_red { border: 1px solid #ad002f; } .imail_link_menu a { color: #0066CC; text-decoration: none; } .imail_link_menu a:hover { color: #FF0000; } .imail_entry_selected { padding: 3px; height: 25px; } .imail_entry_unread { padding: 3px; height: 25px; vertical-align: middle; } .imail_entry_read { padding: 3px; height: 25px; vertical-align: middle; } .imail_entry_top { padding: 3px; } .imail_entry_top span { padding-left: 40px; } #my_class_search_student { padding: 3px; } .student_thumbnail_entry { width: 25%; padding-bottom: 10px; text-align: center; vertical-align: top; } .student_thumbnail_entry_attendance { width: 14%; padding-bottom: 10px; text-align: center; vertical-align: top; } .photo_thumbnail, .attendance_photo_large{ /* override inline background-image: url(runtime);*/ display:inline-block; width: 60px; height: 75px; background-repeat: no-repeat; background-position: top center; position:relative; /* content are layers */ } .attendance_photo_large > div{ position:absolute; } .icon_attendance_status_present_out, .icon_attendance_status_late_early_leave, .icon_attendance_status_late, .icon_attendance_status_early_leave, .icon_attendance_status_present, .icon_attendance_status_absent_suspect, .icon_attendance_status_absent{ display:inline-block; height: 16px; padding-left: 19px; background-repeat: no-repeat; } .attendance_photo_large > [class^=attendance_status_]{ left:0px; top:0px; display:inline-block; height: 75px; padding-left: 60px; background-repeat: no-repeat; background-position: right bottom; } .icon_attendance_status_present_out{ background-image: url(/theme/image_en/attendance/icon_present_out_s.gif); } .attendance_status_present_out_large{ background-image: url(/theme/image_en/attendance/icon_present_out_s.gif); } .icon_attendance_status_late_early_leave{ background-image: url(/theme/image_en/attendance/icon_late_early_leave_s.gif); } .attendance_status_late_early_leave_large{ background-image: url(/theme/image_en/attendance/icon_late_early_leave_s.gif); } .attendance_status_present_no_school_large{ background-image: url(/theme/image_en/attendance/icon_present_no_school_s.png); } .icon_attendance_status_late{ background-image: url(/theme/image_en/attendance/icon_late_s.gif); } .attendance_status_late_large{ background-image: url(/theme/image_en/attendance/icon_late_s.gif); } .icon_attendance_status_early_leave{ background-image: url(/theme/image_en/attendance/icon_early_leave_s.gif); } .attendance_status_early_leave_large{ background-image: url(/theme/image_en/attendance/icon_early_leave_s.gif); } .icon_attendance_status_present{ background-image: url(/theme/image_en/attendance/icon_present_s); } .attendance_status_present_large{ background-image: url(/theme/image_en/attendance/icon_present2.gif); } .icon_attendance_status_absent_suspect{ background-image: url(/theme/image_en/attendance/icon_absent_suspect_s.gif); } .attendance_status_absent_suspect_large{ background-image: url(/theme/image_en/attendance/icon_absent_suspect.png); } .icon_attendance_status_absent{ background-image: url(/theme/image_en/attendance/icon_absent_s.gif); } .attendance_status_absent_large{ background-image: url(/theme/image_en/attendance/icon_absent.png); } .attendance_photo_large > [class^=icon_arr_traffic_]{ left:3px; bottom:3px; } .attendance_photo_large > .icon_medical_alert{ left: 3px; top: 3px; } .student_thumbnail_entry .attendance_status_late_large, .student_thumbnail_entry .attendance_status_present_large{ background-image: none; } .student_list_top { padding: 3px; } .student_list_entry { padding: 3px; } .cal_week_title { text-align: center; vertical-align: middle; padding: 2px; } .cal_week_title_today { text-align: center; vertical-align: middle; padding: 2px; } #caltabs { float: left; font-size: 11px; line-height: normal; } #caltabs ul { list-style-type: none; margin: 0; margin-left: 0px; /*Left offset of entire tab menu relative to page*/ padding: 0; } #caltabs li { display: inline; margin: 0; padding: 0; } #caltabs a { float: left; background: url(../image_en/layout_grey/caltab_left.gif) no-repeat left top; margin: 0; margin-right: 5px; /*spacing between each tab*/ padding: 0 0 0 9px; text-decoration: none; } #caltabs a span { float: left; display: block; background: url(../image_en/layout_grey/caltab.gif) no-repeat right top; padding: 4px 12px 2px 3px; font-weight: normal; color: #3B3B3B; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #caltabs a span { float: none; } /* End IE5-Mac hack */ #caltabs a:hover span { color: black; } #caltabs #current a {/*Selected Tab style*/ background-position: 0 -82px; /*Shift background image up to start of 2nd tab image*/ } #caltabs #current a span {/*Selected Tab style*/ background-position: 100% -82px; /*Shift background image up to start of 2nd tab image*/ font-weight: bold; color: #0b2b92; } #caltabs a:hover {/*onMouseover style*/ background-position: 0% -82px; /*Shift background image up to start of 2nd tab image*/ } #caltabs a:hover span {/*onMouseover style*/ background-position: 100% -82px; /*Shift background image up to start of 2nd tab image*/ } /* ============================================== iCalander ================================================= ============================================ added on 9 May 08 ============================================== ===========================================================================================================*/ #ical_left { float: left; width: 160px; } #ical_right { float: left; width: 780px } #cal_left_act_event { float: left; clear: both; width: 100%; height: 85px; } .cal_act_event_board { float: left; clear: both; width: 155px; position: absolute } .cal_act_event_board_expand { float: left; clear: both; width: 300px; position: absolute } .cal_act_event_board_content { display: block; text-align: center; line-height: 20px; } #cal_board { width: 780px } .cal_board_02 { background-image: url(../image_en/layout_grey/cal_board_02.gif); background-repeat: no-repeat; display: block; background-position: right top; height: 6px; margin: 0; margin-left: 0px; padding-right: 0px; font-size: 1px; } .cal_board_content { background-color: #dbedff; width: 100%; } .cal_board_05 { background-image: url(../image_en/layout_grey/cal_board_05.gif); background-repeat: no-repeat; background-position: left top; display: block; height: 6px; width: 100%; margin: 0; padding-left: 0px; font-size: 1px; clear: both; } .cal_board_06 { background-image: url(../image_en/layout_grey/cal_board_06.gif); background-repeat: no-repeat; display: block; background-position: right top; height: 6px; margin: 0; margin-left: 6px; padding-right: 6px; font-size: 1px; } #small_cal { float: right; clear: both; width: 100%; } .small_cal_board_01 { background-image: url(../image_en/layout_grey/cal_board_01.gif); background-repeat: no-repeat; background-position: left top; display: block; height: 6px; width: 100%; margin: 0; padding-left: 0px; font-size: 1px; clear: both; } .small_cal_board_02 { background-image: url(../image_en/layout_grey/cal_board_02.gif); background-repeat: no-repeat; display: block; background-position: left top; height: 6px; margin: 0; margin-left: 6px; padding-right: 0px; font-size: 1px; } .small_cal_board_05 { background-image: url(../image_en/layout_grey/cal_board_05.gif); background-repeat: no-repeat; background-position: left top; display: block; height: 6px; width: 100%; margin: 0; padding-left: 0px; font-size: 1px; clear: both; } .small_cal_board_06 { background-image: url(../image_en/layout_grey/cal_board_06.gif); background-repeat: no-repeat; display: block; background-position: left top; height: 6px; margin: 0; margin-left: 6px; padding-right: 0px; font-size: 1px; } .small_cal_bg { background-color: #FFFFFF; } .small_cal_week_normal { font-size: 9px; color: #6a6a6a; width: 22px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #b2b2b2; text-align: center; vertical-align: middle; height: 16px; background-color: #FFFFFF; } .small_cal_week_sunday { font-size: 9px; color: #FF0000; width: 22px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; text-align: center; vertical-align: middle; height: 16px; background-color: #ffe6e6; } .small_cal_today { font-size: 9px; color: #6a6a6a; width: 22px; text-align: center; vertical-align: middle; height: 20px; background-color: #fdffce; } .small_cal_today a { font-size: 9px; color: #6a6a6a; width: 22px; height: 17px; display: block; text-decoration: none; text-align: center; vertical-align: middle; padding-top: 3px; } .small_cal_today a:hover { display: block; color: #FFFFFF; background-color: #5d87bd; } .small_cal_sunday { font-size: 9px; color: #6a6a6a; width: 22px; text-align: center; vertical-align: middle; height: 20px; background-color: #ffe6e6; } .small_cal_sunday a { font-size: 9px; color: #6a6a6a; width: 22px; height: 17px; display: block; text-decoration: none; text-align: center; vertical-align: middle; padding-top: 3px; } .small_cal_sunday a:hover { display: block; color: #FFFFFF; background-color: #5d87bd; } .small_cal_sunday a:hover span { color: #FFFFFF; } .small_cal_blank_sunday { font-size: 9px; color: #6a6a6a; width: 22px; text-align: center; vertical-align: middle; height: 20px; background-color: #eee2e2; } .small_cal_blank_sunday a { font-size: 9px; color: #999999; width: 22px; height: 17px; display: block; text-decoration: none; text-align: center; vertical-align: middle; padding-top: 3px; } .small_cal_blank_sunday a:hover { display: block; color: #FFFFFF; background-color: #5d87bd; } .small_cal_blank_sunday a:hover span { color: #FFFFFF; } .small_cal_blank { font-size: 9px; color: #6a6a6a; width: 22px; text-align: center; vertical-align: middle; height: 20px; background-color: #F7F7F7; } .small_cal_blank a { font-size: 9px; color: #999999; width: 22px; height: 17px; display: block; text-decoration: none; text-align: center; vertical-align: middle; padding-top: 3px; } .small_cal_blank a:hover { display: block; color: #FFFFFF; background-color: #5d87bd; } .small_cal_blank a:hover span { color: #FFFFFF; } .small_cal_event { font-weight: bold; color: #0983ff; } .small_cal_normal_day { font-size: 9px; color: #6a6a6a; width: 22px; text-align: center; vertical-align: middle; height: 20px; background-color: #FFFFFF; } .small_cal_normal_day a { font-size: 9px; color: #6a6a6a; width: 22px; height: 17px; display: block; text-decoration: none; text-align: center; vertical-align: middle; padding-top: 3px; } .small_cal_normal_day a:hover { display: block; color: #FFFFFF; background-color: #5d87bd; } .small_cal_normal_day a:hover span { color: #FFFFFF; } .small_cal_today { font-size: 9px; color: #6a6a6a; width: 22px; text-align: center; vertical-align: middle; height: 20px; background-color: #fdffce; } .small_cal_today a { font-size: 9px; color: #6a6a6a; width: 22px; height: 17px; display: block; text-decoration: none; text-align: center; vertical-align: middle; padding-top: 3px; } .small_cal_today a:hover { display: block; color: #FFFFFF; background-color: #5d87bd; } .small_cal_today a:hover span { color: #FFFFFF; } .small_cal_selected { background-color: #5d87bd; } .small_cal_selected a { color: #FFFFFF; } .cal_view_week { background-color: #E0E0E0; vertical-align: top; } .cal_normal_day { width: 108px; height: 62px; text-align: left; background-color: #FFFFFF; vertical-align: top; } .cal_normal_day span { display: block; width: 108px; text-align: right; font-size: 9px; color: #6a6a6a; background-color: #eaeaea; font-weight: normal; text-decoration: none; padding-right: 1px; padding-top: 1px; padding-bottom: 1px; } a.day_no { float: right; font-size: 9px; color: #6a6a6a; padding-right: 2px; padding-left: 2px; text-align: center; text-decoration: underline; } a.day_no:hover { color: #FFFFFF; background-color: #717074; text-decoration: none; } .day_st { float: right; font-size: 8px; color: #999999; padding-right: 2px; padding-left: 2px; text-align: center; text-decoration: none; } a.day_close { float: right; font-size: 9px; color: #6a6a6a; padding-right: 2px; padding-left: 2px; text-align: center; text-decoration: none; } a.day_close:hover { color: #FFFFFF; background-color: #000000; text-decoration: none; } a.day_add_event { float: left; font-size: 9px; color: #155FB9; padding-left: 2px; text-align: center; text-decoration: none } a.day_add_event:hover { color: #FF0000; text-decoration: underline; } .cal_blank_day { width: 108px; height: 62px; text-align: left; background-color: #F3F3F3; vertical-align: top; } .cal_blank_day span { display: block; width: 108px; text-align: right; font-size: 9px; color: #AAAAAA; font-weight: normal; text-decoration: none; padding-right: 1px; padding-top: 1px; padding-bottom: 1px; } .cal_normal_today { width: 108px; height: 62px; text-align: left; background-color: #fdffba; vertical-align: top; } .cal_normal_today span { display: block; width: 108px; text-align: right; font-size: 9px; background-color: #e8eabd; color: #000000; font-weight: bold; text-decoration: none; padding-right: 1px; padding-top: 1px; padding-bottom: 1px; } .cal_month_event_item { margin: 0px; padding: 0px; width: 100%; display: block; float: left; } .cal_month_event_item ul { list-style-type: none; margin: 0; padding: 0; float: left; clear: left; width: 100%; } .cal_month_event_item li { display: block; margin: 0; padding: 0px; padding-bottom: 1px; width: 100%; } .cal_month_event_item a { margin: 0; display: block; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; padding-top: 2px; padding-right: 1px; padding-bottom: 2px; padding-left: 2px; /* border: 1px solid #FF0000;*/ } .cal_month_event_item a:hover { color: #FFFFFF; } #cal_calendar_tab { margin: 0; padding: 0; float: left; clear: both; font-size: 11px; line-height: normal; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dfdfdf; } #cal_calendar_tab ul { list-style-type: none; margin: 0; margin-left: 0px; /*Left offset of entire tab menu relative to page*/ padding: 0; margin-bottom: 0; } #cal_calendar_tab li { display: inline; margin: 0; padding: 0; } #cal_calendar_tab a { float: left; background: url(../image_en/layout_grey/cal_calendar_tab_left.gif) no-repeat left top; margin: 0; margin-right: 0px; /*spacing between each tab*/ padding: 0 0 0 5px; text-decoration: none; } #cal_calendar_tab a span { float: left; display: block; background: url(../image_en/layout_grey/cal_calendar_tab.gif) no-repeat right top; font-weight: normal; color: #4360aa; padding-top: 5px; padding-right: 5px; padding-bottom: 2px; padding-left: 3px; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #cal_calendar_tab a span { float: none; } /* End IE5-Mac hack */ #cal_calendar_tab a:hover span { color: black; } #cal_calendar_tab #current a {/*Selected Tab style*/ background-position: 0 -81px; /*Shift background image up to start of 2nd tab image*/ } #cal_calendar_tab #current a span {/*Selected Tab style*/ background-position: 100% -81px; /*Shift background image up to start of 2nd tab image*/ font-weight: bold; color: #000000; } #cal_calendar_tab a:hover {/*onMouseover style*/ background-position: 0% -81px; /*Shift background image up to start of 2nd tab image*/ } #cal_calendar_tab a:hover span {/*onMouseover style*/ background-position: 100% -81px; /*Shift background image up to start of 2nd tab image*/ } #cal_calendar_list { width: 100%; font-weight: normal; color: #CCCCCC; } #cal_calendar_list ul { font-size: 9px; list-style-type: none; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 10px; margin: 0px; } #cal_calendar_list ul li { font-size: 11px; margin-top: 2px; margin-bottom: 2px; } #cal_calendar_list ul li span { display: block; } .cal_calendar_group { color: #000000; background-color: #FFFFFF; } /* ======================================================= Calendar color ================================================================ */ .cal_calendar_01 { color: #FFFFFF; background-color: #b00408; } .cal_calendar_02 { color: #FFFFFF; background-color: #e97e0b; } .cal_calendar_03 { color: #FFFFFF; background-color: #d2a800; } .cal_calendar_04 { color: #FFFFFF; background-color: #467a13; } .cal_calendar_05 { color: #FFFFFF; background-color: #809121; } .cal_calendar_06 { color: #FFFFFF; background-color: #4db308; } .cal_calendar_07 { color: #FFFFFF; background-color: #8ad00f; } .cal_calendar_08 { color: #FFFFFF; background-color: #09759d; } .cal_calendar_09 { color: #FFFFFF; background-color: #21a6ae; } .cal_calendar_10 { color: #FFFFFF; background-color: #65979b; } .cal_calendar_11 { color: #FFFFFF; background-color: #2f75e9; } .cal_calendar_12 { color: #FFFFFF; background-color: #3ea6ff; } .cal_calendar_13 { color: #FFFFFF; background-color: #1e2cd8; } .cal_calendar_14 { color: #FFFFFF; background-color: #8c66d9; } .cal_calendar_15 { color: #FFFFFF; background-color: #994499; } .cal_calendar_16 { color: #FFFFFF; background-color: #5c1fa0; } .cal_calendar_17 { color: #FFFFFF; background-color: #dd4477; } .cal_calendar_18 { color: #FFFFFF; background-color: #d96666; } .cal_calendar_19 { color: #FFFFFF; background-color: #ac5c14; } .cal_calendar_20 { color: #FFFFFF; background-color: #7f4b21; } a.cal_event_01 { color: #b00408; } a.cal_event_01:hover { background-color: #b00408; } a.cal_event_02 { color: #e97e0b; } a.cal_event_02:hover { background-color: #e97e0b; } a.cal_event_03 { color: #d2a800; } a.cal_event_03:hover { background-color: #d2a800; } a.cal_event_04 { color: #467a13; } a.cal_event_04:hover { background-color: #467a13; } a.cal_event_05 { color: #809121; } a.cal_event_05:hover { background-color: #809121; } a.cal_event_06 { color: #4db308; } a.cal_event_06:hover { background-color: #4db308; } a.cal_event_07 { color: #8ad00f; } a.cal_event_07:hover { background-color: #8ad00f; } a.cal_event_08 { color: #09759d; } a.cal_event_08:hover { background-color: #09759d; } a.cal_event_09 { color: #21a6ae; } a.cal_event_09:hover { background-color: #21a6ae; } a.cal_event_10 { color: #65979b; } a.cal_event_10:hover { background-color: #65979b; } a.cal_event_11 { color: #2f75e9; } a.cal_event_11:hover { background-color: #2f75e9; } a.cal_event_12 { color: #3ea6ff; } a.cal_event_12:hover { background-color: #3ea6ff; } a.cal_event_13 { color: #1e2cd8; } a.cal_event_13:hover { background-color: #1e2cd8; } a.cal_event_14 { color: #8c66d9; } a.cal_event_14:hover { background-color: #8c66d9; } a.cal_event_15 { color: #994499; } a.cal_event_15:hover { background-color: #994499; } a.cal_event_16 { color: #5c1fa0; } a.cal_event_16:hover { background-color: #5c1fa0; } a.cal_event_17 { color: #dd4477; } a.cal_event_17:hover { background-color: #dd4477; } a.cal_event_18 { color: #d96666; } a.cal_event_18:hover { background-color: #d96666; } a.cal_event_19 { color: #ac5c14; } a.cal_event_19:hover { background-color: #ac5c14; } a.cal_event_20 { color: #7f4b21; } a.cal_event_20:hover { background-color: #7f4b21; } .cal_event_png_01 { border: 1px solid #b00408; } .cal_event_png_02 { border: 1px solid #e97e0b; } .cal_event_png_03 { border: 1px solid #d2a800; } .cal_event_png_04 { border: 1px solid #467a13; } .cal_event_png_05 { border: 1px solid #809121; } .cal_event_png_06 { border: 1px solid #4db308; } .cal_event_png_07 { border: 1px solid #8ad00f; } .cal_event_png_08 { border: 1px solid #09759d; } .cal_event_png_09 { border: 1px solid #21a6ae; } .cal_event_png_10 { border: 1px solid #65979b; } .cal_event_png_11 { border: 1px solid #2f75e9; } .cal_event_png_12 { border: 1px solid #3ea6ff; } .cal_event_png_13 { border: 1px solid #1e2cd8; } .cal_event_png_14 { border: 1px solid #8c66d9; } .cal_event_png_15 { border: 1px solid #994499; } .cal_event_png_16 { border: 1px solid #5c1fa0; } .cal_event_png_17 { border: 1px solid #dd4477; } .cal_event_png_18 { border: 1px solid #d96666; } .cal_event_png_19 { border: 1px solid #ac5c14; } .cal_event_png_20 { border: 1px solid #7f4b21; } #deleteCalendarWarning { font-family:"Arial","Helvetica","sans-serif"; } /* ======================================================= END Calendar color ================================================================ */ p.dotline_p_narrow { height: 1px; padding-top: 1px; margin-top: 1px; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: gray; padding-right: 0; margin-right: 0; margin-bottom: 1px; margin-left: 0; font-size: 1px; } .cal_event_board_01 { background-image: url(../image_en/layout_grey/cal_event_board_01.gif); background-repeat: no-repeat; background-position: left top; display: block; height: 5px; width: 100%; margin: 0; padding-left: 0px; font-size: 1px; clear: both; } .cal_event_board_02 { background-image: url(../image_en/layout_grey/cal_event_board_02.gif); background-repeat: no-repeat; display: block; background-position: right top; height: 5px; margin: 0; margin-left: 8px; padding-right: 8px; font-size: 1px; } .cal_event_board_03 { background-image: url(../image_en/layout_grey/cal_event_board_03.gif); background-repeat: repeat-y; background-position: left top; display: block; width: 100%; margin: 0; padding-left: 0px; clear: both; } .cal_event_board_04 { background-image: url(../image_en/layout_grey/cal_event_board_04.gif); background-repeat: repeat-y; display: block; background-position: right top; margin: 0; margin-left: 5px; padding-right: 5px; font-size: 11px; } .cal_event_board_05 { background-image: url(../image_en/layout_grey/cal_event_board_05.gif); background-repeat: no-repeat; background-position: left top; display: block; height: 14px; width: 100%; margin: 0; padding-left: 0px; font-size: 1px; clear: both; } .cal_event_board_06 { background-image: url(../image_en/layout_grey/cal_event_board_06.gif); background-repeat: no-repeat; display: block; background-position: right top; height: 14px; margin: 0; margin-left: 8px; padding-right: 8px; font-size: 1px; } .sub_layer_close { display: block; text-align: right; } .sub_layer_close a { font-size: 11px; font-weight: bold; color: #999999; text-decoration: none; padding-top: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px; margin-right: 5px; } .sub_layer_close a:hover { color: #FF0000; } .sub_layer_link { font-size: 9px; font-weight: normal; color: #597f06; text-decoration: none; } .sub_layer_link:hover { color: #FF0000; } .sub_layer_content { width: 95%; line-height: 20px; } .sub_layer_cal_event { width: 300px; position: absolute; } #cal_list { float: right; clear: both; width: 100%; padding-top: 10px } .cal_list_manage { display: block; width: 99%; float: left; clear: both; text-align: right; padding-top: 2px; padding-right: 2px } .sub_layer_button { width: 100%; clear: both; padding: 5px } #new_event_advance { float: left; width: 767px; margin-left: 5px; background-color: #f9f9f9; line-height: 25px; } #new_event_main_form { float: left; clear: none; padding: 10px; width: 480px; } .new_event_sub_form { float: left; width: 255px; margin-left: 5px; margin-top: 10px; font-size: 11px; padding-top: 8px; padding-bottom: 8px; line-height: 25px } #new_event_alert_form { background-color: #f1e9e1; } #new_event_invite_form { background-color: #e9f1f4 } .new_event_sub_form_title { padding-left: 8px; display: block } .new_event_sub_form_content { padding-left: 15px; padding-right: 15px; display: block; } /*WEEK*/ .cal_week_week_title { height: 20px; border-right-width: 1px; border-right-style: solid; border-right-color: #d6d6d6; text-align: center; vertical-align: middle; font-size: 9px; font-weight: normal; text-decoration: none; color: #6a6a6a; background-color: #b6cae4; padding: 2px; padding-right: 3px; } .cal_none { background-color: #dbedff; width: 50px; } .cal_agenda_content { background-color: #FFFFFF; margin-right: 5px; margin-left: 5px; padding: 2px; min-height: 450px; } .cal_agenda_entry_date_log { border-top-width: 1px; border-top-style: solid; border-top-color: #EBEBEB; } .cal_agenda_content_entry { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EBEBEB; padding: 3px; font-size: 11px; font-weight: normal; color: #666666; text-decoration: none; vertical-align: top; } a.cal_agenda_entry_event { color: #2052ad; font-size: 11px; text-decoration: none; } a.cal_agenda_entry_event:hover { color: #FF0000; } .cal_agenda_content_entry_today { background-color: #fdffba; } .cal_agenda_entry_date { padding: 3px; font-size: 11px; font-weight: normal; color: #666666; text-decoration: none; width: 100px; vertical-align: top; } .cal_agenda_content_entry_time { width: 150px } .cal_agenda_content_entry_event { width: 380px } .cal_agenda_content_entry_button { width: 80px; text-align: right; } .cal_agenda_content_entry_detail { padding-left: 20px; width: 350px; line-height: 18px; font-size: 9px; border-top-width: 1px; border-top-style: dashed; border-top-color: #DDDDDD; } #cal_manage_calendar { float: left; width: 767px; margin-left: 5px; background-color: #ebeff6; } .cal_mange_calendar_list_item { padding: 2px; padding-left: 5px; padding-right: 5px } #pickcolor { /*float:left;*/ clear: both; font-size: 11px; line-height: 25px; } #pickcolor ul { list-style-type: none; margin: 0; margin-left: 0px; /*Left offset of entire tab menu relative to page*/ padding: 0; } #pickcolor li { display: inline; margin: 0; padding: 0; } #pickcolor a { display: block; float: left; margin-right: 5px; text-decoration: none; height: 20px; width: 20px; margin-top: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0px; border: 1px solid #FFFFFF; } #pickcolor #current a {/*Selected Tab style*/ border: 1px solid #000000; } #pickcolor a:hover {/*onMouseover style*/ border: 1px solid #000000; } .cal_act_event_board_detail { display: block; text-align: left; margin-left: 5px; margin-right: 5px; padding: 5px } .cal_act_event_board_detail h1 { margin: 0px; padding: 3px; font-size: 11px; font-weight: bold; } .cal_act_event_board_detail_invite { background-color: #f2ffe8; } .cal_act_event_board_detail_invite h1 { color: #1b8609 } .cal_act_event_board_detail_notify { background-color: #f3fcff; } .cal_act_event_board_detail_notify h1 { color: #013bb3 } .cal_select_today { font-size: 9px; font-weight: bold; color: #000000; text-decoration: none; display: block; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; background-color: #D9D9D9; } .cal_select_today:hover { color: #FF0000; } .cal_select_today_selected { color: #999999; font-weight: normal; background-color: #fdffce; } /*======================================================================================================================*/ /*===================================================================Attendance ============================================*/ /*======================================================================================================================*/ .attendance_photo { font-size: 11px } .attendance_photo span { border: 1px solid #666666; width: 60px; height: 75px; display: block; } .take_attendance_photo a { color: #0066CC; font-size: 11px } .take_attendance_photo a:hover { color: #FF0000; } .take_attendance_photo a span { border: 2px solid #0066CC; } .take_attendance_photo a:hover span { border: 2px solid #FF0000; } a.student_name { color: #225eb9; } a.student_name:hover { color: #FF0000; } .take_attendance_photo a span { width: 60px; height: 75px; display: block } #pickDateArea{ display:none; } #pickedDate{ border: none; color:#000; background: transparent; width:120px; height: 150px } #pickedDate option{ color:#000; } #pickerPlaceHolder .datepicker_daysRow .multipickdate{ background-color:red !important; font-weight:bold; } ul.checkedList{ list-style: none; } ul.checkedList li:before { content: "✔"; margin-right:1ex; } /*=============================================================================================================================================================== ================================================================Bulletin content ===================================================================================== ===============================================================================================================================================================*/ #bulletin_form { padding: 2px; margin-left: 8px; margin-right: 10px; width: 917px; } .updated_right2 { float: right; clear: none; font-size: 11px; font-weight: normal; color: #fd0404; height: 15px; margin-right: 5px; } .updated_right { float: right; clear: none; font-size: 11px; font-weight: bold; color: #459e14; height: 18px; margin-right: 5px; vertical-align: middle; } .updated_left2 { float: left; clear: right; font-size: 11px; font-weight: normal; color: #459e14; padding: 5px; border: 1px solid #459e14; } #bulletin_searchForm { margin: 0; padding: 0px; } .bulletin_entry { padding: 3px; } .content { font-size: 11px; font-weight: normal; color: #000000; } .content_grey { font-size: 11px; font-weight: normal; color: #999999; } .content_bold { font-size: 11px; font-weight: bold; color: #000000; } .content_red { color: red; } #bulletin_supended { margin-right: 240px; margin-bottom: 10px; background-color: #ffcaca; font-size: 11px; color: #000000; text-decoration: none; padding: 8px; border: dashed 1px #999999; } #bulletin_error_message { margin-right: 240px; margin-bottom: 10px; background-color: #ffcaca; font-size: 11px; color: #000000; text-decoration: none; padding: 8px; border: dashed 1px #999999; } #bulletin_error_message_mini { margin-right: 15px; margin-bottom: 10px; background-color: #ffcaca; font-size: 11px; color: #000000; text-decoration: none; padding: 8px; border: dashed 1px #999999; } .bulletin_board { width: 935px; min-height: 320px; } .bulletin_board_notab { width: 935px; min-height: 350px; } #bulletin_current_left { padding: 10px; clear: left; float: left; width: 17%; font-size: 11px; font-weight: normal; color: #000000; } #bulletin_current_right { border: 4px solid #FFFFFF; padding: 5px; padding-left: 10px; clear: right; float: right; width: 80%; background-color: #f4f6f9; margin: 10px; } #bulletin_current_left ul { list-style-type: none; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 15px; margin: 0px; } #bulletin_current_left ul li { display: block; } .bulletin_portal_entry { padding: 3px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #9bb5cd; } .bulletin_entry_icon { padding: 5px; clear: left; float: left; width: 25px } .bulletin_entry_icon_new { padding: 1px; width: 20px } .bulletin_entry_content { clear: none; float: left; padding: 7px; width: 525px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; font-size: 11px; color: #000000; text-decoration: none; } .bulletin_entry_content a { font-size: 11px; color: #003399; text-decoration: none; } .bulletin_entry_content a:hover { color: #FF0000; } .bulletin_entry_btn { clear: none; float: left; padding: 0px; width: 17px; } .bulletin_entry_btn a { font-size: 11px; color: #003399; text-decoration: none; } .bulletin_entry_btn a:hover { color: #FF0000; } #bulletin_entry_suspend_btn { clear: none; float: left; padding: 0px; width: 17px; font-size: 11px; color: #003399; cursor: pointer; text-decoration: none; } #bulletin_entry_suspend_btn:hover { color: #FF0000; } #bulletin_toolbar_left { clear: right; padding-top: 10px; padding-bottom: 5px; text-align: right; } #bulletin_title { font-size: 11px; font-weight: bold; color: #000000; clear: both; float: left; width: 95%; padding: 5px; } #bulletin_history_righttop { padding: 2px; clear: right; float: right; width: 78%; margin-top: 10px; margin-right: 5px; margin-left: 10px; font-size: 11px; color: #000000; text-decoration: none; text-align: right; } .textbox_bulletinsearch { width: 150px; padding-right: 3px; padding-left: 3px; color: #000000; border: 1px solid #cfcfcf; font-size: 11px; color: #a0a0a0; text-decoration: none; } .textbox_bulletinsearch_black { width: 150px; padding-right: 3px; padding-left: 3px; color: #000000; border: 1px solid #cfcfcf; font-size: 11px; color: #000000; text-decoration: none; } #bulletin_record { padding: 2px; background-color: #FFFFFF; margin-left: 8px; margin-right: 10px; width: 917px; } #bulletin_recordtop{ margin-left: 10px; width:auto; margin-right:12px; margin-bottom: 5px; min-height:25px; padding-top:10px; } html[lang=en] .commontabs_board > #bulletin_record, html[lang=en] .commontabs_board > #bulletin_recordtop, html[lang=en] .commontabs_board > #bulletin_form{ margin-left: 0px; margin-right: 0px; } #bulletin_recordtopleft { width: 70%; clear: left; float: left; height: 20px; vertical-align: bottom; } .bulletin_recordtopleft { float:left; clear:left; padding:3px; width:auto; } .bulletin_recordtopleft > a, .nav{ color: #4360aa; text-decoration: none; } #bulletin_recordtopright{ width: 30%; clear: right; float: right; text-align:right; } html[lang=en] #bulletin_recordtop::after, html[lang=en] .bulletin_recordtop::after{ content: " "; clear:both; display:block; } html[lang=en] .bulletin_recordtopleft, html[lang=en] #bulletin_recordtopleft { clear: none; float: left; min-height: 20px; height: auto; width: calc(70% - 10px); } html[lang=en] .bulletin_recordtopright, html[lang=en] #bulletin_recordtopright { clear: right; float: right; min-height: 20px; text-align: right; padding: 3px; } .tbclip { table-layout: fixed; border-collapse: collapse; } .tbclip td { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .oneline{ white-space: nowrap; } #bulletin_form_content_board { background-color: #FFFFFF; float: left; clear: both; width: 85%; border: 1px solid #cfcfcf; } .bulletin_draft { padding-left: 15px; padding-right: 10px; height: 30px; vertical-align: middle; font-size: 11px; font-weight: normal; color: #000000; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d3d3d3; } .bulletin_draft a { color: #4360aa; text-decoration: none; } .bulletin_draft a:hover { color: #FF0000; text-decoration: none; } .bulletin_pending { padding-left: 15px; padding-right: 10px; height: 30px; vertical-align: middle; font-size: 11px; font-weight: normal; color: #000000; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d3d3d3; background-color: #e7f8cc; } .bulletin_pending a:link { color: #4360aa; text-decoration: none; } .bulletin_pending a:hover { color: #FF0000; text-decoration: none; } .bulletin_publish { padding-left: 15px; padding-right: 10px; height: 30px; vertical-align: middle; font-size: 11px; font-weight: normal; color: #000000; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d3d3d3; background-color: #ebe9ea; } .bulletin_publish a { color: #4360aa; text-decoration: none; } .bulletin_publish a:hover { color: #FF0000; text-decoration: none; } .bulletin_reject { padding-left: 15px; padding-right: 10px; height: 30px; vertical-align: middle; font-size: 11px; font-weight: normal; color: #000000; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d3d3d3; background-color: #ffcaca; } .bulletin_reject a { color: #4360aa; text-decoration: none; } .bulletin_reject a:hover { color: #FF0000; text-decoration: none; } .bulletin_msg { padding: 3px; } .bulletin_msgborder { border: 1px solid #cfcfcf; } #bulletin_form_btn { text-align: left; padding: 10px; width: 100%; } #bulletin_module_content_header_title_print { clear: left; float: left; color: #FFFFFF; font-size: 12px; font-weight: bold; text-decoration: none; } /*=============================================================================================================================================================== ================================================================imail content ===================================================================================== ===============================================================================================================================================================*/ /* ===================================================== common ==================================================================================== */ #imail_left { clear: left; float: left; width: 20%; font-size: 11px; font-weight: normal; color: #000000; background-color: #f0f0f0; background-image: url(../image_en/layout_grey/imail_left_menu_footer.gif); background-repeat: repeat-x; background-position: bottom; padding-top: 0px; padding-right: 0px; padding-bottom: 100px; padding-left: 0px; } #imail_iframe_left { clear: left; float: left; width: 100%; font-size: 11px; font-weight: normal; color: #000000; background-color: #f0f0f0; /*background-image: url(../image_en/layout_grey/imail_left_menu_footer.gif); background-repeat: repeat-x; background-position: bottom;*/ padding-top: 0px; padding-right: 0px; padding-bottom: 100px; padding-left: 0px; } #imail_right { clear: right; float: right; width: 78%; background-color: #FFFFFF; margin: 0px; padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 8px; /* border: 1px solid #FF0000;*/ } #imail_right_top { clear: right; float: right; width: 78%; margin: 0px; } #imail_iframe_right { clear: right; float: right; width: 100%; background-color: #FFFFFF; margin: 0px; padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 8px; /* border: 1px solid #FF0000;*/ } /* =====================================================imail left menu===================================================================================== */ .imail_left_function_selected { margin: 0px; padding: 0px; width: 100%; background-color: #FFFFFF; display: block; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; } .imail_left_function { border-top: 1px solid #DDDDDD; margin: 0px; padding: 0px; width: 100%; display: block; border-top-width: 1px; border-top-style: solid; border-top-color: #DDDDDD; } #imail_left_function_item { margin: 0px; padding: 5px; width: 98%; display: block; } #imail_left_function_item ul { list-style-type: none; margin: 0; padding: 0; float: left; clear: left; width: 100%; } #imail_left_function_item li { display: block; padding: 0px; padding-bottom: 1px; width: 100%; } #imail_left_function_item a { display: block; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #4360aa; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 5px; } #imail_left_function_item a span { padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 20px; display: block; } #imail_left_function_item a:hover { color: #FF0000; background-color: #d5e2ff; } #imail_left_function_item #current a { color: #2e63a2; font-weight: bold; background-color: #d5e2ff; } #imail_left_function_item #subtitle span { font-size: 10px; display: block; color: #000000; font-weight: normal; border-top-width: 1px; border-top-style: dashed; border-top-color: #DDDDDD; padding-top: 5px; padding-bottom: 5px; margin-right: 5px; margin-left: 5px; } #imail_left_function_item #subtitlecurrent { background-color: #d5e2ff; } #imail_left_function_item #subtitlecurrent span { font-size: 10px; display: block; color: #000000; font-weight: normal; border-top-width: 1px; border-top-style: dashed; border-top-color: #DDDDDD; padding-top: 5px; padding-bottom: 5px; margin-right: 5px; margin-left: 5px; } #imail_left_function_item #trash a { width: 70%; color: #4360aa; font-weight: normal; border-top-width: 1px; border-top-style: dashed; border-top-color: #999999; padding-top: 5px; padding-bottom: 5px; margin-right: 5px; margin-left: 5px; } .imail_menu_adv_search { font-size: 9px; font-weight: normal; color: #999999; text-decoration: none; } .imail_menu_adv_search a { color: #4360aa; text-decoration: none; } .imail_menu_adv_search a:hover { color: #FF0000; } .imail_inbox { display: block; background-image: url(../image_en/imail/icon_inbox.gif); background-repeat: no-repeat; background-position: 2px 2px; } .imail_sent { display: block; background-image: url(../image_en/imail/icon_outbox.gif); background-repeat: no-repeat; background-position: 2px 2px; } .imail_draft { display: block; background-image: url(../image_en/imail/icon_draft.gif); background-repeat: no-repeat; background-position: 2px 2px; } .imail_trash { display: block; background-image: url(../image_en/imail/icon_trash.gif); background-repeat: no-repeat; background-position: 2px 2px; } .imail_spam { display: block; background-image: url(../image_en/imail/icon_spam.gif); background-repeat: no-repeat; background-position: 2px 2px; } .imail_folder { display: block; background-image: url(../image_en/imail/icon_folder.gif); background-repeat: no-repeat; background-position: 2px 2px; } .imail_address_book { display: block; background-image: url(../image_en/imail/icon_address_book.gif); background-repeat: no-repeat; background-position: 2px 2px; } .imail_preference { display: block; background-image: url(../image_en/imail/icon_preference.gif); background-repeat: no-repeat; background-position: 2px 2px; } .imail_menu_sub_btn { background-color: transparent; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; font-size: 9px; color: #666666; text-decoration: none; height: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; cursor: pointer; } .imail_menu_sub_btn_clear { width: 40px; } .imail_menu_sub_btn_new { width: 30px; } .imail_menu_sub_btn_manage { width: 50px; } .imail_menu_sub_btn:hover { color: #FF0000; } /* ================================================================imail content ===================================================================================== */ #imail_toolbar { width: 100%; font-size: 9px; font-weight: normal; color: #868686; text-decoration: none; } #imail_toolbar_right { clear: left; float: left; padding-top: 5px; padding-bottom: 5px; } #imail_toolbar_left { clear: left; float: left; padding-top: 10px; padding-bottom: 5px; width: 100%; text-align: left; } #imail_toolbar_left a { color: #4360aa; text-decoration: none; padding-right: 10px; } #imail_toolbar_left a:hover { color: #FF0000; } #imail_mail_list { clear: both; width: 100%; } .imail_mail_content { clear: both; width: 100%; padding-top: 10px; padding-bottom: 10px; } #read_mail_subject { float: left; width: 72%; padding: 5px; font-size: 11px; font-weight: bold; color: #000000; text-decoration: none; } #read_mail_daytime { float: right; width: 25%; padding: 5px; font-size: 9px; font-weight: normal; color: #000000; text-decoration: none; text-align: right; } #mail_form_label { float: left; clear: left; width: 8%; padding: 5px; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; } #mail_form_label_content { float: left; width: 75%; padding: 5px; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; } #mail_form_label_content_line { float: left; width: 85%; padding: 5px; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; } #mail_form_label_content_whole { float: left; width: 98%; padding: 5px; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; } a.mail_form_label_link { color: #4360aa; font-weight: normal; text-decoration: none; } #mail_form_label_button { float: left; width: 12%; padding: 5px; font-size: 9px; font-weight: normal; color: #000000; text-decoration: none; text-align: right; } #mail_form_label_button a { font-size: 9px; font-weight: normal; color: #666666; text-decoration: none; } #mail_form_label_button a:hover { color: #FF0000; } #mail_form_attach { background-color: #f9fafc; margin: 5px; width: 98%; float: left; clear: both; } #mail_form_content_board { background-color: #FFFFFF; float: left; clear: both; width: 100%; border: 1px solid #cfcfcf; } .mail_msg { padding: 10px; } #added_item_ppl { float: left; font-size: 11px; line-height: normal; padding: 3px; } #added_item_ppl ul { list-style-type: none; margin: 0; margin-left: 0px; /*Left offset of entire tab menu relative to page*/ padding: 0; } #added_item_ppl li { display: inline; margin: 0; padding: 0; } #added_item_ppl a { float: left; margin: 0; margin-right: 2px; /*spacing between each tab*/ padding: 0 0 0 7px; text-decoration: none; background-color: #c5d4ee; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #a3b7da; border-right-color: #bfcce2; border-bottom-color: #bfcce2; border-left-color: #a3b7da; } #added_item_ppl a span { float: left; display: block; padding: 4px 18px 2px 3px; font-weight: normal; color: #3B3B3B; background-image: url(../image_en/icon_delete_off.gif); background-repeat: no-repeat; background-position: right center; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #added_item_ppl a span { float: none; } /* End IE5-Mac hack */ #added_item_ppl a:hover span { color: black; } #added_item_ppl a:hover {/*onMouseover style*/ background-color: #ABC1E7; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #a3b7da; border-right-color: #bfcce2; border-bottom-color: #bfcce2; border-left-color: #a3b7da; } #added_item_ppl a:hover span {/*onMouseover style*/ background-image: url(../image_en/icon_delete_on.gif); } #add_attachment { background-image: url(../image_en/imail/icon_attachment.gif); background-repeat: no-repeat; background-position: 2px 2px; padding: 4px; padding-left: 20px; line-height: 23px; font-size: 11px; } #add_attachment a { color: #0066CC; text-decoration: none; } #add_attachment a:hover { color: #FF0000; } #added_item_attachment { float: left; font-size: 11px; line-height: normal; padding: 3px; } #added_item_attachment ul { list-style-type: none; margin: 0; margin-left: 0px; /*Left offset of entire tab menu relative to page*/ padding: 0; } #added_item_attachment li { display: inline; margin: 0; padding: 0; } #added_item_attachment a { float: left; margin: 0; margin-right: 8px; /*spacing between each tab*/ padding: 0 0 0 12px; text-decoration: none; background-image: url(../image_en/imail/icon_attachment.gif); background-repeat: no-repeat; background-position: left; border: 1px solid #e3e3e3; } #added_item_attachment a span { float: left; display: block; padding: 4px 15px 2px 3px; font-weight: normal; color: #3B3B3B; background-image: url(../image_en/icon_delete_off.gif); background-repeat: no-repeat; background-position: right center; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #added_item_attachment a span { float: none; } /* End IE5-Mac hack */ #added_item_attachment a:hover span { color: black; } #added_item_attachment a:hover {/*onMouseover style*/ background-color: #e3e3e3; border: 1px solid #e3e3e3; } #added_item_attachment a:hover span {/*onMouseover style*/ background-image: url(../image_en/icon_delete_on.gif); } #mail_form_event { background-color: #f9fafc; margin: 5px; width: 98%; float: left; clear: both; } #mail_form_label_textbox_date { float: left; width: 15%; padding: 1px; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; } #mail_form_label_textbox_line { float: left; width: 85%; padding: 1px; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; } #mail_form_label_inside { float: left; width: 55px; padding: 2px; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; } #mail_form_textbox_inside { float: left; padding: 2px; } #mail_form_radio { width: 18px; float: left; clear: left; } #imail_form_indside_choice { float: left; width: 500px; padding-left: 20px; padding-top: 3px } #added_item_ppl_list { margin: 0px; padding: 0px; width: 100%; display: block; } #added_item_ppl_list ul { list-style-type: none; margin: 0; padding: 0; float: left; clear: left; width: 100%; } #added_item_ppl_list li { display: block; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #4360aa; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 5px; cursor: pointer; } /* #added_item_ppl_list li { display: block; padding: 0px; padding-bottom: 1px; width: 100%; } */ #added_item_ppl_list a { display: block; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #4360aa; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 5px; } #added_item_ppl_list span { font-weight: bold; } #added_item_ppl_list a:hover { color: #FFFFFF; background-color: #5E85BF; } .added_item_ppl_list_board { background-color: #FFFFFF; float: left; clear: both; height: 200px; overflow: auto; width: 625px; border: 1px solid #cfcfcf; position: absolute; visibility: hidden; } #added_item_ppl_list_CC { margin: 0px; padding: 0px; width: 100%; display: block; } #added_item_ppl_list_CC ul { list-style-type: none; margin: 0; padding: 0; float: left; clear: left; width: 100%; } #added_item_ppl_list_CC li { display: block; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #4360aa; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 5px; cursor: pointer; } /* #added_item_ppl_list_CC li { display: block; padding: 0px; padding-bottom: 1px; width: 100%; } */ #added_item_ppl_list_CC a { display: block; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #4360aa; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 5px; } #added_item_ppl_list_CC span { font-weight: bold; } #added_item_ppl_list_CC a:hover { color: #FFFFFF; background-color: #5E85BF; } #added_item_ppl_list_BCC { margin: 0px; padding: 0px; width: 100%; display: block; } #added_item_ppl_list_BCC ul { list-style-type: none; margin: 0; padding: 0; float: left; clear: left; width: 100%; } #added_item_ppl_list_BCC li { display: block; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #4360aa; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 5px; cursor: pointer; } /* #added_item_ppl_list_BCC li { display: block; padding: 0px; padding-bottom: 1px; width: 100%; } */ #added_item_ppl_list_BCC a { display: block; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #4360aa; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 5px; } #added_item_ppl_list_BCC span { font-weight: bold; } #added_item_ppl_list_BCC a:hover { color: #FFFFFF; background-color: #5E85BF; } #added_item_ppl_list_board { background-color: #FFFFFF; float: left; clear: both; width: 625px; border: 1px solid #cfcfcf; position: absolute; visibility: hidden; } #added_item_ppl_list_board_CC { background-color: #FFFFFF; float: left; clear: both; width: 625px; border: 1px solid #cfcfcf; position: absolute; visibility: hidden; } #added_item_ppl_list_board_BCC { background-color: #FFFFFF; float: left; clear: both; width: 625px; border: 1px solid #cfcfcf; position: absolute; visibility: hidden; } .sub_link { font-size: 9px; } .sub_link a { color: #4360aa; text-decoration: none; } .sub_link a:hover { color: #FF0000; } #sub_layer_imail_rename_folder { width: 240px; position: absolute; } #reset_password_sub_layer { width: 240px; position: absolute; } #add_shared_member_sub_layer { width: 240px; position: absolute; } /* ================================================== demographic common ================================================================================ */ .warning { font-size: 11px; font-weight: normal; color: #fd0404; padding-top: 8px; padding-bottom: 8px; } .demo_photo{ width: 120px; height: 150px; background: #ccc; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.80); margin-left: 10px; margin-top: 10px; margin-bottom: 10px; margin-right: 20px; float: right; } .demo_photo_narrow{ width: 120px; height: 150px; background: #ccc; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.80); margin-left: 2px; margin-top: 2px; margin-bottom: 2px; margin-right: 2px; float: right; } #demo_photoborder { clear: right; float: right; width: 135px; height: 166px; margin-left: 10px; margin-top: 5px; margin-bottom: 10px; margin-right: 20px; background-image: url(../image_en/demographic/photo_bkg.jpg); } #demo_dotline { clear: right; float: right; margin-left: 10px; margin-right: 10px; width: 145px; height: 5px; /*background-image: url(../image_en/demographic/dot_line.gif);*/ } .dotlinebottom { height: 5px; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: #999999; padding-right: 0; } #demo_photo { margin-top: 6px; margin-left: 7px; margin-right: 8px; margin-bottom: 10px; } #demo_sidemenu { clear: right; float: right; margin-left: 10px; margin-right: 10px; width: 140px; } .demo_sidemenucontent { font-size: 10px; color: #687091; text-align: left; text-decoration: none; } .demo_sidemenucontent:hover { font-size: 10px; color: #043d47; font-weight: normal; text-decoration: none; } .demo_sidemenucontentbold { font-size: 10px; color: #043d47; font-weight: bold; text-decoration: none; } #studentselection_main { padding: 2px; } #selection { clear: right; float: right; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; } .prenext { font-size: 9px; font-weight: normal; text-decoration: none; } .prenext:hover { color: #FF0000; } .prenext a { color: #4360aa; text-decoration: none; } .prenext a:hover { color: #FF0000; } #demo_info { padding: 10px; clear: left; float: left; width: 75%; font-size: 11px; font-weight: normal; color: #000000; } .commontabs_board > #demo_info{ padding: 0; } .editForm select{ max-width:180px; } #demo_info_header { clear: left; float: left; } #demo_info_header, .demo_info_header { padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 15px; background-color: #c5d5f1; width: 720px; font-size: 11px; font-weight: bold; color: #000000; } #demo_submit { padding-top: 5px; padding-right: 10px; padding-bottom: 10px; clear: left; float: left; width: 720px; font-size: 11px; font-weight: bold; color: #2b57a5; text-align: center; } #demo_backtotop { padding-top: 5px; padding-right: 10px; padding-bottom: 10px; clear: left; float: left; width: 720px; font-size: 11px; font-weight: bold; color: #2b57a5; border-top: dotted 1px #919bae; text-align: right; } #demo_backtotop a { font-size: 11px; font-weight: bold; color: #2b57a5; text-decoration: none; } #demo_backtotop a:hover { font-size: 11px; font-weight: bold; color: #045d9f; text-decoration: none; } .demo_backtotop{ text-align:right; border-top: dotted 1px #919bae; padding-top: 5px; padding-right: 10px; padding-bottom: 10px; } #demo_info_header_half1 {/* Added 20090302 */ padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 15px; clear: left; float: left; width: 340px; font-size: 11px; font-weight: bold; color: #000000; } #demo_info_header_half2 {/* Added 20090302 */ padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 15px; clear: right; float: right; width: 320px; font-size: 11px; font-weight: bold; color: #000000; } #demo_info_header_half1_print {/* Added 20090311 */ padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 15px; clear: left; float: left; width: 300px; font-size: 11px; font-weight: bold; border-bottom: 1px solid #999999; } #demo_info_header_half2_print {/* Added 20090311 */ padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 15px; clear: right; float: right; width: 300px; font-size: 11px; font-weight: bold; border-bottom: 1px solid #999999; } #demo_info_header2 { padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 15px; background-color: #dfe4ed; clear: left; float: left; width: 720px; font-size: 11px; font-weight: bold; color: #000000; } #demo_info_medicalheader { clear: left; float: left; width: 45%; font-size: 11px; font-weight: bold; color: #000000; } #demo_info_medicalalert { clear: right; float: right; width: 45%; font-size: 11px; font-weight: bold; color: #000000; padding-right: 15px; text-align: right; } .demo_info_studentinfobar { padding-top: 10px; padding-left: 10px; clear: left; float: left; font-size: 11px; font-weight: normal; color: #000000; } .right_docked_bottons{ width:100%; text-align:right; clear:both; padding:3px; } .medical_red { vertical-align: middle; font-size: 11px; font-weight: bold; color: #bd2222; } .medical_blue { vertical-align: middle; font-size: 11px; font-weight: bold; color: #025198; } #headerleft { clear: left; float: left; font-size: 11px; font-weight: bold; color: #000000; width: 200px; } #demo_info_subheader { padding-top: 5px; padding-right: 0px; padding-bottom: 3px; padding-left: 15px; clear: left; float: left; width: 720px; font-size: 11px; font-weight: bold; color: #000000; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #715bae; } #demo_form, .demo_form { padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; width: 720px; } #demo_form{ clear: left; float: left; } #demo_formspacing { height: 10px; clear: left; float: left; } #demo_formspacingsmall { height: 5px; clear: left; float: left; } .demo_status_blue { color: #0189E9; font-weight: bold; } .demo_status_red { color: #CC0000; font-weight: bold; } .demo_content_change { padding: 3px; font-size: 11px; font-weight: normal; background-color: #f4f6f9; vertical-align: top; text-decoration: none; color: #CC0000; } .demo_content_title { padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 15px; width: 25%; font-size: 11px; font-weight: normal; color: #000000; vertical-align: top; } .demo_content_none { padding: 3px; width: 25%; font-size: 11px; font-weight: normal; color: #000000; vertical-align: top; } .demo_content_XP_none { padding-top: 0px; padding-right: 3px; padding-bottom: 2px; padding-left: 3px; width: 25%; font-size: 10px; font-weight: normal; color: #000000; vertical-align: top; } .demo_content_titlebold { padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 15px; width: 25%; font-size: 11px; font-weight: bold; color: #000000; vertical-align: top } .demo_content_titlehighlight { padding-top: 3px; padding-right: 0px; padding-bottom: 3px; font-size: 11px; font-weight: bold; color: #bd2222; vertical-align: top } .demo_content_disable { padding: 3px; width: 25%; font-size: 11px; font-weight: normal; color: #000000; background-color: #eeeeee; vertical-align: top; text-decoration: none; } .demo_content { padding: 3px; width: 25%; font-size: 11px; font-weight: normal; color: #000000; background-color: #f4f6f9; vertical-align: top; text-decoration: none; } .demo_content a:hover { text-decoration: underline; } .demo_content_print { padding: 3px; width: 25%; vertical-align: top; } .demo_content_print a:hover { } .demo_content_XP_print { padding-top: 0px; padding-right: 3px; padding-bottom: 2px; padding-left: 3px; width: 25%; vertical-align: top; font-size: 10px; font-weight: normal; } .demo_content2 {/*Added 20090226 */ padding: 3px; width: 50%; vertical-align: top; font-size: 11px; font-weight: normal; color: #000000; background-color: #f4f6f9; text-decoration: none; } .demo_content2_XP_print { padding-top: 0px; padding-right: 3px; padding-bottom: 2px; padding-left: 3px; width: 50%; vertical-align: top; font-size: 10px; font-weight: normal; } .demo_content2_print { padding: 3px; width: 50%; vertical-align: top; } .demo_content2 a:hover {/*Added 20090226 */ } .demo_content3 {/*Added 20090302 */ padding: 3px; width: 12%; vertical-align: top; } .demo_content3 a:hover {/*Added 20090302 */ } .demo_testtitle1 { padding-top: 5px; padding-left: 15px; padding-right: 15px; padding-bottom: 3px; width: auto; font-size: 11px; font-weight: normal; color: #4a3582; background-color: #ebe6f8; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; } .demo_testtitle { padding-top: 5px; padding-left: 5px; padding-right: 15px; padding-bottom: 5px; width: auto; font-size: 11px; font-weight: normal; color: #4a3582; background-color: #ebe6f8; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; } .demo_testtitle1lline { padding-top: 5px; padding-left: 15px; padding-right: 15px; padding-bottom: 3px; width: auto; font-size: 11px; font-weight: normal; color: #4a3582; background-color: #ebe6f8; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; border-right-width: 1px; border-right-style: solid; border-right-color: #CCCCCC; } .demo_testtitle2 { padding-top: 5px; padding-left: 5px; padding-right: 15px; padding-bottom: 5px; width: auto; font-size: 11px; font-weight: normal; color: #4a3582; background-color: #ebe6f8; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; border-right-width: 1px; border-right-style: solid; border-right-color: #CCCCCC; } #demo_testinfo1 { clear: left; float: left; padding-top: 5px; padding-left: 15px; padding-right: 15px; padding-bottom: 3px; width: auto; font-size: 10px; font-weight: bold; color: #818082; vertical-align: top; } #demo_testinfo { clear: right; float: right; padding-top: 5px; padding-left: 15px; padding-right: 15px; padding-bottom: 3px; width: auto; font-size: 10px; font-weight: bold; text-align: right; color: #818082; vertical-align: top; } .h_line_print { border-bottom: 1px solid #dfdfdf; } .v_line_print { border-right: 1px solid #dfdfdf; } .demo_testcolumnrline { padding-top: 3px; padding-left: 5px; padding-right: 15px; padding-bottom: 3px; width: auto; font-size: 11px; font-weight: normal; color: #000000; background-color: #f5f2fc; vertical-align: top; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; border-right-width: 1px; border-right-style: solid; border-right-color: #CCCCCC; } .demo_testcolumn1 { padding-top: 3px; padding-left: 15px; padding-right: 15px; padding-bottom: 3px; width: auto; font-size: 11px; font-weight: normal; color: #000000; background-color: #f5f2fc; vertical-align: top; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; } .demo_testcolumn { padding-top: 3px; padding-left: 5px; padding-right: 15px; padding-bottom: 3px; width: auto; font-size: 11px; font-weight: normal; color: #000000; background-color: #f5f2fc; vertical-align: top; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; } .demo_testcolumn a { color: #4a3582; text-decoration: none; } .demo_testcolumn a:hover { color: #FF0000; text-decoration: none; } .demo_testcolumn.importantmark,.demo_testcolumn1_print.importantmark{ font-size: 11px; font-weight: normal; color: #fd0404; } #demo_info_header_print.importantmark { font-size: 11px; font-weight: bold; color: #A00000; margin-bottom: 0px; border-radius: 5px; border: 2px solid #c5d5f1; width: 650px; margin-top: 5px; } #demo_form.importantmark { font-size: 11px; font-weight: bold; color: #A00000; margin-bottom: 0px; border-radius: 5px; border: 2px solid #c5d5f1; width: 98%; } option.importantmark{ font-size: 11px; font-weight: normal; } .demo_testtitle a { color: #4a3582; text-decoration: none; } .demo_testtitle a:hover { color: #FF0000; text-decoration: none; } .demo_testcolumn1_grey { padding-top: 3px; padding-left: 15px; padding-right: 15px; padding-bottom: 3px; width: auto; font-size: 11px; font-weight: normal; color: #EEEEEE; background-color: #EEEEEE; vertical-align: top; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; } .demo_testcolumn_grey { padding-top: 3px; padding-left: 5px; padding-right: 15px; padding-bottom: 3px; width: auto; font-size: 11px; font-weight: normal; color: #666666; background-color: #EEEEEE; vertical-align: top; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; } .demo_testcolumn_grey a { color: #4a3582; text-decoration: none; } .demo_testcolumn_grey a:hover { color: #FF0000; text-decoration: none; } .demo_testcolumnoline1 { padding-top: 3px; padding-left: 15px; padding-right: 15px; padding-bottom: 3px; width: auto; font-size: 11px; font-weight: normal; color: #000000; background-color: #f5f2fc; vertical-align: top; } .demo_testcolumnoline { padding-top: 3px; padding-left: 5px; padding-right: 15px; padding-bottom: 3px; width: auto; font-size: 11px; font-weight: normal; color: #000000; background-color: #f5f2fc; vertical-align: top; } .demo_testcolumnresult1 { padding-top: 3px; padding-right: 15px; padding-bottom: 3px; width: auto; font-size: 11px; font-weight: normal; color: #4a3582; vertical-align: top; } .demo_testcolumnresult { padding-top: 3px; padding-right: 15px; padding-bottom: 3px; width: auto; font-size: 11px; font-weight: bold; color: #4a3582; vertical-align: top; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; } .demo_contentlong { padding: 3px; width: 75%; font-size: 11px; font-weight: normal; color: #000000; background-color: #f4f6f9; vertical-align: top; } .demo_contentbold { padding: 3px; width: 25%; font-size: 11px; font-weight: bold; color: #000000; background-color: #f4f6f9; vertical-align: top; } .demo_content_highlight { padding: 3px; width: 25%; font-size: 11px; font-weight: normal; color: #000000; background-color: #fee5e6; vertical-align: top } .demo_content_highlight2 { padding: 3px; width: 25%; font-size: 11px; font-weight: bold; color: #bd2222; background-color: #f4f6f9; vertical-align: top } #sub_layer_demo_medical { width: 240px; position: absolute; visibility: visible; } #sub_layer_demo_medical2 { width: 240px; position: absolute; visibility: visible; } #demo_form { float: left; margin: 10px; padding: 3px; width: 90%; } #demo_form_line { margin: 10px; padding: 3px; width: 90%; } #demo_searchresult { padding-top: 5px; padding-right: 0px; padding-left: 0px; margin-top: 5px; margin-bottom: 5px; margin-left: 20px; margin-right: 20px; width: 96%; } .demotextbox { padding-right: 3px; padding-left: 3px; padding-top: 3px; border: 1px solid #cfcfcf; font-size: 11px; font-weight: normal; color: #000000; } .search_top { font-size: 9px; font-weight: normal; color: #000000; text-decoration: none; background-color: #cccccc; padding-left: 15px; padding-top: 5px; padding-bottom: 5px; } .search_top a { font-size: 9px; font-weight: normal; text-decoration: none; color: #000000; } .search_top a:hover { color: #ff0000; } .search_top2 { font-size: 9px; font-weight: normal; color: #000000; text-decoration: none; background-color: #cccccc; padding-left: 15px; padding-top: 5px; padding-bottom: 5px; } .search_top2 a { font-size: 9px; font-weight: normal; text-decoration: none; color: #258002; } .search_top2 a:hover { color: #ff0000; } .search_top_tight { height: 50px; padding: 5px 3px; } .search_row, .search_row_alt{ font-size:11px; font-weight:normal; color:#000000; padding-left:15px; padding-top:5px; padding-bottom:5px; text-decoration:none; border-bottom-width: 1px; border-bottom-style: solid; } .search_row{ padding-right:8px; background-color: #ffffff; border-bottom-color: #d3d3d3; } /* blue-black */ .search_row_alt{ border-bottom-color: #9bb5cd; background-color: #DDDDEE; } .search_row a, .search_row a:hover, .search_row_alt a, .search_row_alt a:hover { text-decoration: none; } .search_row a, .search_row_alt a{ color: #4360aa; } .search_row a:hover { color: #FF0000; } .search_row_noborder { font-size: 11px; font-weight: normal; color: #000000; padding-left: 15px; padding-top: 5px; padding-bottom: 5px; text-decoration: none; background-color: #ffffff; } .search_row_noborder a { color: #4360aa; text-decoration: none; } .search_row_noborder a:hover { color: #FF0000; text-decoration: none; } /* row style white BG, no border */ .search_row2 {/* Added 20090129 */ padding-left: 15px; padding-right: 8px; padding-top: 5px; padding-bottom: 0px; } /* row style white BG, no border */ .system_row{ padding-left: 15px; padding-right:10px; padding-top: 7px; padding-bottom: 7px; vertical-align: middle; font-size:11px; text-decoration:none; font-weight:normal; color:#000000; background-color:#f1f9fe; } .system_row a{ color: #4360aa; text-decoration:none; } .system_row a:hover { color: #FF0000; text-decoration:none; } .reply_slip_row{ padding-left: 15px; padding-right:10px; padding-top: 0px; padding-bottom: 0px; font-size: 13px; vertical-align: middle; text-decoration:none; font-weight:normal; color:#000000; background-color:white; /*border-bottom:solid #dedede 1px;*/ } .reply_slip_row a{ color: #4360aa; text-decoration:none; } .reply_slip_row a:hover { color: #FF0000; text-decoration:none; } .search_divider { border-top-width: 2px; border-top-style: solid; border-top-color: #5a5a5a; width: 100%; } .search_subheader { padding-right: 0px; clear: left; float: left; width: 100%; font-size: 11px; font-weight: bold; color: #000000; } .search_title { font-size: 11px; font-weight: normal; color: #000000; padding: 5px; width: 20%; } .list_option { float: right; padding-top: 3px; } .indicator { font-size: 11px; font-weight: normal; color: #fb0505; } /* .table_top{ padding-left: 15px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; background-color: #9bb5cd; font-size: 9px; font-weight: normal; text-decoration: none; color: #ffffff; } */ .table_top { padding-left: 15px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; } .table_top_CR{ padding-left: 7px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; } /* .table_top a{ font-size: 9px; font-weight: normal; text-decoration: none; color: #ffffff; } .table_top a:hover{ color: #ff0000; } */ .new_user_table_top { padding-left: 3px; padding-right: 3px; padding-top: 4px; padding-bottom: 4px; background-color: #9bb5cd; font-size: 9px; font-weight: normal; text-decoration: none; color: #ffffff; } .new_user_table_top a { font-size: 9px; font-weight: normal; text-decoration: none; color: #ffffff; } .new_user_table_top a:hover { color: #ff0000; } .hoverHighlight:hover, .hoverHighlight:hover .search_row, .hoverHighlight:hover .student_list_entry { background-color: #dbedff; } #table_bottom { width: 100%; } #table_bottom_left { font-size: 9px; font-weight: normal; color: #000000; float: left; width: 30%; text-align: left; } #table_bottom_right { font-size: 9px; font-weight: normal; color: #000000; float: right; width: 60%; text-align: right; padding-right: 10px; } .table_bottom_right { padding-right: 15px; padding-top: 4px; padding-bottom: 4px; background-color: #9bb5cd; font-size: 9px; text-align: right; font-weight: normal; text-decoration: none; } #search_topright { /*width: 50%;*/ clear: right; float: right; text-align: right; } #demo_info_print { padding: 5px; clear: left; float: left; width: 650px; } #demo_info_header_print { padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 15px; clear: left; /*float: left;*/ width: 650px; font-size: 11px; font-weight: bold; border-bottom: 1px solid #999999; } #demo_form_print { padding-right: 0px; padding-left: 0px; clear: left; /*float: left;*/ width: 650px; } /*-----------------for print-------------*/ .demo_content_title_print { padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 15px; width: 25%; vertical-align: top; border-bottom: 1px solid #dfdfdf; font-size: 11px; } .demo_content_title_XP_print { padding-top: 0px; padding-right: 0px; padding-bottom: 2px; padding-left: 15px; width: 25%; vertical-align: top; border-bottom: 1px solid #dfdfdf; font-size: 10px; } .demo_testtitle1_print { padding-top: 5px; padding-left: 15px; padding-right: 15px; padding-bottom: 3px; font-size: 11px; width: auto; } .demo_testtitle_print { padding-top: 5px; padding-left: 5px; padding-right: 15px; padding-bottom: 5px; font-size: 11px; width: auto; } #demo_testinfo1_print { clear: left; float: left; padding-top: 5px; padding-left: 15px; padding-right: 15px; padding-bottom: 3px; width: auto; font-size: 10px; font-weight: bold; /*color:#818082;*/ vertical-align: top; } #demo_testinfo_print { clear: right; float: right; padding-top: 5px; padding-left: 15px; padding-right: 15px; padding-bottom: 3px; width: auto; font-size: 10px; font-weight: bold; text-align: right; /*color:#818082;*/ vertical-align: top; } .demo_testcolumn1_print { padding-top: 3px; padding-left: 15px; padding-right: 15px; padding-bottom: 3px; width: auto; vertical-align: top; font-size: 11px; } .demo_testcolumn_print { padding-top: 3px; padding-left: 5px; padding-right: 15px; padding-bottom: 3px; width: auto; vertical-align: top; font-size: 11px; } .demo_testcolumnoline1_print { padding-top: 3px; padding-left: 15px; padding-right: 15px; padding-bottom: 3px; width: auto; vertical-align: top; font-size: 11px; } .demo_testcolumnoline_print { padding-top: 3px; padding-left: 5px; padding-right: 15px; padding-bottom: 3px; width: auto; vertical-align: top; font-size: 11px; } .demo_testtitle2_print { padding-top: 5px; padding-left: 5px; padding-right: 15px; padding-bottom: 5px; width: auto; font-size: 11px; font-weight: normal; /*color:#4a3582;*/ /*background-color: #ebe6f8;*/ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; border-right-width: 1px; border-right-style: solid; border-right-color: #CCCCCC; } .hori_line_dashed { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #afd7ef; } .hori_line_solid { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D3D3D3; } .demo_testcolumnrline_print { padding-top: 3px; padding-left: 5px; padding-right: 15px; padding-bottom: 3px; width: auto; font-size: 11px; font-weight: normal; color: #000000; /*background-color: #f5f2fc;*/ vertical-align: top; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; border-right-width: 1px; border-right-style: solid; border-right-color: #CCCCCC; } .search_rowhighlight {/* Added 20081128 */ padding-left: 15px; padding-right: 8px; padding-top: 5px; padding-bottom: 5px; } .search_rowlowlight{ color:#666666; background-color: #fdfdcd; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d3d3d3; font-size: 11px; font-weight: normal; text-decoration: none; padding-top: 5px; padding-bottom: 5px; padding-left: 15px; padding-right: 8px; } /* ================================================== CAS ================================================================================ */ .cas_row { padding-left: 15px; padding-right: 10px; height: 30px; vertical-align: middle; font-size: 11px; text-decoration: none; font-weight: normal; color: #000000; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #9bb5cd; background-color: #ffffff; } .cas_row a { color: #4360aa; text-decoration: none; } .cas_row a:hover { color: #FF0000; text-decoration: none; } .new_user_row { padding-left: 3px; padding-right: 3px; height: 30px; vertical-align: middle; font-size: 11px; text-decoration: none; font-weight: normal; color: #000000; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #9bb5cd; background-color: #ffffff; } .new_user_row a { color: #4360aa; text-decoration: none; } .new_user_row a:hover { color: #FF0000; text-decoration: none; } .cas_row2 { padding-left: 15px; padding-right: 10px; height: 30px; vertical-align: middle; font-size: 11px; text-decoration: none; font-weight: normal; color: #000000; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d8b4d8; background-color: #faf0fa; } .cas_row2 a { color: #4360aa; text-decoration: none; } .cas_row2 a:hover { color: #FF0000; text-decoration: none; } .cas_row3 { padding-left: 15px; padding-right: 10px; padding-top: 7px; padding-bottom: 7px; vertical-align: middle; height: 30px; } .cas_row3 a { } .cas_row3 a:hover { } .cas_row4 {/*Added 20081126*/ padding-left: 15px; padding-right: 10px; padding-top: 7px; padding-bottom: 7px; vertical-align: middle; } .cas_row4 a {/*Added 20081126*/ } .cas_row4 a:hover {/*Added 20081126*/ } .cas_row4_subtop {/*Added 20081126*/ padding-left: 15px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; } .cas_row4_subtop_noline {/*Added 20090302*/ padding-left: 15px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; } .cas_row4highlight {/*Added 20081126*/ padding-left: 15px; padding-right: 10px; padding-top: 7px; padding-bottom: 7px; vertical-align: middle; } .cas_row4highlight a {/*Added 20081126*/ } .cas_row4highlight a:hover {/*Added 20081126*/ } .cas_row4_subtophighlight {/*Added 20081126*/ padding-left: 15px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; } .cas_row4_subtophighlight_noline {/*Added 20090302*/ padding-left: 15px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; } .cas_rowhighlight { padding-left: 15px; padding-right: 10px; height: 30px; vertical-align: middle; font-size: 11px; font-weight: normal; color: #000000; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #9bb5cd; background-color: #fdfdcd; } .cas_rowhighlight a { color: #4360aa; text-decoration: none; } .cas_rowhighlight a:hover { color: #FF0000; text-decoration: none; } .cas_subrow { padding-top: 3px; padding-left: 2px; padding-right: 10px; padding-bottom: 3px; height: 25px; vertical-align: middle; } .cas_subrow a { } .cas_subrow a:hover { } .cas_subrow3 { padding-top: 3px; padding-left: 2px; padding-right: 10px; padding-bottom: 3px; height: 25px; vertical-align: middle; } .cas_subrow3 a { } .cas_subrow3 a:hover { } .cas_subrowhighlight { padding-top: 3px; padding-left: 2px; padding-right: 10px; padding-bottom: 3px; height: 25px; vertical-align: middle; font-size: 11px; font-weight: normal; color: #000000; background-color: #fdfdcd; } .cas_subrowhighlight a { color: #4360aa; text-decoration: none; } .cas_subrowhighlight a:hover { color: #FF0000; text-decoration: none; } .cas_rowdone { padding-left: 15px; padding-right: 10px; height: 30px; vertical-align: middle; font-size: 11px; text-decoration: none; font-weight: normal; color: #666666; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #9bb5cd; background-color: #eeeeee; } .cas_rowdone a { color: #4360aa; text-decoration: none; } .cas_rowdone a:hover { color: #FF0000; text-decoration: none; } #cas_regbtn { margin-left: 10px; width: auto; margin-right: 12px; margin-bottom: 5px; padding-top: 5px; text-align: right; } #cas_top { margin-left: 10px; width: auto; margin-right: 12px; margin-bottom: 5px; height: 25px; } #module_content_header_sub { background-image: url(../image_en/layout_grey/header_sub_bg.gif); background-position: top right; background-repeat: no-repeat; padding: 2px; padding-left: 5px; height: 22px; font-size: 10px } #return_status { position: absolute; clear: both; z-index: 1000; } @media only screen and (min-width: 940px) { #return_status { width: 940px; } } @media only screen and (max-width: 940px) { #return_status { right: 10px; } } #return_status span { /*width:200px;*/ padding: 2px; float: right; display: block; font-size: 11px; margin-right: 10px; margin-top: 0px; text-align: center; } #return_status a { text-decoration: none; color: #0033CC; font-size: 9px; } #return_status a:hover { text-decoration: underline; } .return_status_success { background-color: #cdf686; color: #4a7400; border: #339966; } .return_status_warning { background-color: #ffc9c9; color: #901111; border: #c00000; } .tab_lv3 { padding: 0; width: 100%; display: block; background: #d5dce8; height: 25px; margin-top: 10px; } html[lang=en] .commontabs_board > .tab_lv3{ margin-left: -10px; margin-right: -10px; width: calc( 100% + 20px); margin-bottom: 10px; } .tab_lv3 ul { margin: 0; margin-left: 20px; /*margin between first menu item and left browser edge*/ padding: 0; list-style: none; } .tab_lv3 li { display: inline-block; margin: 0; padding: 0; } .tab_lv3 a { display: inline-block; color: #4360aa; text-decoration: none; margin: 0 2px 0 0; /*Margin between each menu item*/ padding: 3px 10px 5px 10px; /*Padding within each menu item*/ background-color: transparent; /*Default menu color*/ height: 22px; } .tab_lv3 a:hover { background-color: #ebeff6; /*Red color theme*/ padding-top: 5px; /*Flip default padding-top value with padding-bottom */ padding-bottom: 8px; /*Flip default padding-bottom value with padding-top*/ color: #000000; } .tab_lv3 .current a {/** currently selected menu item **/ background-color: #ebeff6; /*Red color theme*/ padding-top: 5px; /*Flip default padding-top value with padding-bottom */ height: 22px; padding-bottom: 8px; /*Flip default padding-bottom value with padding-top*/ color: #000000; font-weight: bold; } .dotline_left {/*Added 20090202 */ border-left-width: 1px; border-left-style: dashed; border-left-color: #999999; } /* ================================================================================attendance======================================================================== */ .list_navigation { padding: 5px; } .list_navigation span { font-weight: bold; } .list_navigation a { color: #3366CC; text-decoration: none; } .list_navigation a:hover { color: #FF0000; } /* ================================================================================ iMail ======================================================================== */ .imail_folder_bg_on { background-color: #d5e2ff; } /* ================================================================================ Print ======================================================================== */ #print_header { padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 15px; width: 99%; clear: left; float: left; font-size: 11px; font-weight: bold; border-bottom: 1px solid #999999; } .print_table_border { border-right-width: 1px; border-right-style: solid; border-right-color: #999999; border-top-width: 1px; border-top-style: solid; border-top-color: #999999; } @media print{ .search_row_table{ border-right-width: 1px; border-right-style: solid; border-right-color: #999999; border-top-width: 1px; border-top-style: solid; border-top-color: #999999; } .search_top { padding-left: 15px; padding-top: 5px; padding-bottom: 5px; color: #000000; border-left: 1px solid #999999; border-bottom: 2px solid #999999; background-color: #ffffff; } .search_row{ padding-left: 15px; padding-right: 8px; padding-top: 5px; padding-bottom: 5px; color: #000000; background-color: #ffffff; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; border-left-width: 1px; border-left-style: solid; border-left-color: #999999; } .system_row{ padding-left: 15px; padding-right: 10px; padding-top: 7px; padding-bottom: 7px; vertical-align: middle; border-left-width: 1px; border-left-style: solid; border-left-color: #999999; background-color: #ffffff; } } .search_top_print { padding-left: 15px; padding-top: 5px; padding-bottom: 5px; color: #000000; border-left: 1px solid #999999; border-bottom: 2px solid #999999; background-color: #ffffff; } .search_row_print { padding-left: 15px; padding-right: 8px; padding-top: 5px; padding-bottom: 5px; color: #000000; background-color: #ffffff; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; border-left-width: 1px; border-left-style: solid; border-left-color: #999999; } .cas_row_print { padding-left: 15px; padding-right: 10px; padding-top: 7px; padding-bottom: 7px; vertical-align: middle; color: #000000; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; color: #000000; border-left-width: 1px; border-left-style: solid; border-left-color: #999999; background-color: #ffffff; } .system_row_print { padding-left: 15px; padding-right: 10px; padding-top: 7px; padding-bottom: 7px; vertical-align: middle; border-left-width: 1px; border-left-style: solid; border-left-color: #999999; background-color: #ffffff; } .system_row_tight { padding: 7px 3px 7px 3px; vertical-align: top; height: 73px; } .system_row_moveleft { border: 1px #9ec1e3 solid; overflow-x: hidden; width: 14px; float: left; background: url(/theme/image_en/icon_left_tall_parent_consultation.gif) repeat-y; cursor:hand; }/*Updated 20101011*/ .system_row_moveleft table { border: 1px #dce9f6 solid; background: url(/theme/image_en/icon_left_tall_parent_consultation.gif) repeat-y; }/*Updated 20101011*/ .system_row_moveleft_on { border: 1px #9ac4e9 solid; overflow-x: hidden; width: 14px; float: left }/*Updated 20101011*/ .system_row_moveleft:hover, .system_row_moveleft_on table { border: 1px #b4d5f2 solid; background: url(/theme/image_en/icon_left_tall_on_parent_consultation.gif) repeat-y; }/*Updated 20101011*/ .system_row_moveright { border: 1px #9ec1e3 solid; overflow-x: hidden; width: 14px; float: right; background: url(/theme/image_en/icon_right_tall_parent_consultation.gif) repeat-y; cursor:hand; }/*Updated 20101011*/ .system_row_moveright table { border: 1px #dce9f6 solid; background: url(/theme/image_en/icon_right_tall_parent_consultation.gif) repeat-y; }/*Updated 20101011*/ .system_row_moveright_on { border: 1px #9ac4e9 solid; overflow-x: hidden; width: 14px; float: right }/*Updated 20101011*/ .system_row_moveright:hover, .system_row_moveright_on table { border: 1px #b4d5f2 solid; background: url(/theme/image_en/icon_right_tall_on_parent_consultation.gif) repeat-y; }/*Updated 20101011*/ .hori_line_dashed_print { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #999999; } .search_row_total_print { border-top-width: 1px; border-top-style: solid; border-top-color: #000000; } .search_row_total { border-top-width: 1px; border-top-style: solid; border-top-color: #000000; } .autoComplete { background-color: #FFFFFF; float: left; clear: both; height: 200px; overflow: auto; width: 300px; border: 1px solid #cfcfcf; position: absolute; visibility: hidden; } #autoCompleteListItem { margin: 0px; padding: 0px; width: 100%; display: block; } #autoCompleteListItem ul { list-style-type: none; margin: 0; padding: 0; float: left; clear: left; width: 100%; } #autoCompleteListItem li { display: block; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #4360aa; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 5px; cursor: pointer; } #autoCompleteListItem a { display: block; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #4360aa; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 5px; } #autoCompleteListItem span { font-weight: bold; } #autoCompleteListItem a:hover { color: #FFFFFF; background-color: #5E85BF; } /* New AutoCompleteListItem for CAS Activity */ .autoCompleteListItem { margin: 0px; padding: 0px; width: 100%; display: block; } .autoCompleteListItem ul { list-style-type: none; margin: 0; padding: 0; float: left; clear: left; width: 100%; } .autoCompleteListItem li { display: block; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #4360aa; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 5px; cursor: pointer; } .autoCompleteListItem a { display: block; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #4360aa; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 5px; } .autoCompleteListItem span { font-weight: bold; } .autoCompleteListItem a:hover { color: #FFFFFF; background-color: #5E85BF; } /* End of New AutoCompleteListItem */ .autoCompleteInput { background-color: #FFFFFF; float: left; clear: both; height: 200px; overflow: auto; width: 195px; border: 1px solid #cfcfcf; position: absolute; visibility: hidden; scrollbar-face-color: #F7F7F7; scrollbar-base-color: #F7F7F7; scrollbar-arrow-color: 888888; scrollbar-track-color: #E2DFDF; scrollbar-shadow-color: #F7F7F7; scrollbar-highlight-color: #F7F7F7; scrollbar-3dlight-color: #C6C6C6; scrollbar-darkshadow-Color: #C6C6C6; } .load_error { margin: 80px; text-align: center; padding: 50px; background-color: #dbe2ef; background-image: url(../image_en/error_bg.gif); border: 3px solid #d2d9ee; font-style: italic; } /* */ .list_option_b { margin-top: 10px; margin-bottom: 2px; float: right; font-size: 11px; font-weight: normal; text-decoration: none; color: #1b2a9b; padding-top: 5px; } .list_option_b span { font-weight: bold; color: #FFFFFF; padding: 2px; padding-left: 5px; padding-right: 5px; background-color: #5371c5; } .list_option_b a { padding: 2px; padding-left: 5px; padding-right: 5px; color: #1b2a9b; font-size: 9px; font-weight: normal; text-decoration: none; } .list_option_b a:hover { color: #FF0000; } /* ================================================================================ CPD ======================================================================== */ .note_top { margin-top: 20px; margin-left: 10px; margin-bottom: 10px } /* -------------------------------------------------------------------------- SpellChecker ------------------------------------------------------------------- */ .spellcheck_small_result { /* border: 2px inset threedface; */ border: 1px solid #ECE9D8; background: #FFFFFF; padding-right: 3px; padding-left: 3px; padding-top: 3px; font-family: Verdana; font-size: 11px; line-height: 18px; width: 269px; height: 69px; overflow: auto; } .spellcheck_result { /* border: 2px inset threedface; */ border: 1px solid #ECE9D8; background: #FFFFFF; padding-right: 3px; padding-left: 3px; padding-top: 3px; font-family: Verdana; font-size: 11px; line-height: 18px; width: 509px; height: 108px; overflow: auto; } .spellcheck_mid_result { /* border: 2px inset threedface; */ border: 1px solid #ECE9D8; background: #FFFFFF; padding-right: 3px; padding-left: 3px; padding-top: 3px; font-family: Verdana; font-size: 11px; line-height: 18px; width: 509px; height: 277px; overflow: auto; } .spellcheck_large_result { /* border: 2px inset threedface; */ border: 1px solid #ECE9D8; background: #FFFFFF; padding-right: 3px; padding-left: 3px; padding-top: 3px; font-family: Verdana; font-size: 11px; line-height: 18px; width: 611px; height: 677px; overflow: auto; } /* ---------------------------------------------------------------------------- Characters Counter ------------------------------------------------------------ */ .characters_counter { border: none; background: transparent; } /* ================================================== IN (Added 20090619) ================================================================ */ #in_photoborder { clear: right; float: left; width: 135px; height: 166px; margin-left: 5px; margin-top: 5px; margin-bottom: 5px; margin-right: 5px; } #in_photo { margin-top: 6px; margin-left: 7px; margin-right: 8px; margin-bottom: 10px; } .in_content { padding: 3px; width: 25%; vertical-align: top; } .in_content_title { padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 5px; width: 25%; vertical-align: top; } #in_info_header { padding-top: 6px; padding-right: 0px; padding-bottom: 4px; padding-left: 38px; clear: left; float: left; width: 85%; } .in_info_subheader { padding-top: 2px; padding-bottom: 2px; } #in_form1 { padding-top: 5px; padding-right: 0px; padding-left: 0px; clear: left; width: 260px; } #in_form { padding-top: 5px; padding-right: 0px; padding-left: 0px; clear: left; width: 420px; } #in_form_small { padding-top: 0px; padding-right: 0px; padding-left: 0px; clear: both; width: 215px; text-align: right; } .in_title_small { float: left; clear: left; padding-top: 2px; } .in_content_pt { padding-right: 0px; padding-bottom: 5px; padding-left: 22px; width: 25%; vertical-align: top; } .in_content_pt_small { padding-right: 0px; padding-bottom: 5px; padding-left: 5px; width: 25%; vertical-align: top; } .in_content_pt.in_pt6 > li{ color: #1b65df; margin-left: -15px; list-style: none; background-image: url(../image_en/in/in_ssp_star1.gif); background-repeat: no-repeat; padding-left: 15px; background-position: -6px 0px; } .in_content_pt.in_pt6 li:before{ background-image:url(../image_en/in/in_ssp_star1.gif); } .in_pt6 a{color:#0833ac;} .in_pt6 a:hover{color:#ff0000;} .in_note { padding-right: 3px; padding-bottom: 3px; padding-left: 3px; vertical-align: top; } .in_note_content1 { vertical-align: top; padding: 5px; } .in_note_content2 { vertical-align: top; padding: 5px; } .in_note_content3 { vertical-align: top; padding: 5px; } .in_note_content4 { vertical-align: top; padding: 5px; } .in_note_content5 { vertical-align: top; padding: 5px; } .in_table { padding-left: 15px; padding-right: 10px; padding-top: 12px; padding-bottom: 2px; vertical-align: top; } .in_table_small { padding-left: 3px; padding-right: 3px; padding-top: 8px; padding-bottom: 2px; vertical-align: top; } .in_bullet2 { padding-right: 0px; padding-bottom: 2px; padding-left: 10px; vertical-align: top; } /* ----- CPD2 ----- */ #portfolio_layout_bg { clear: left; float: left; margin: 8px 10px 10px 8px; padding: 5px; width: 911px; } #portfolio_left { clear: left; float: left; padding: 20px; } #portfolio_right { padding: 50px 10px 20px 30px; } #portfolio_page_title { font-family: Copperplate Gothic Bold; padding-bottom: 30px; text-align: right; } #portfolio_content_layout { clear: both; width: 100%; } #portfolio_photoborder { clear: right; float: right; height: 280px; margin: 5px 13px 10px; width: 233px; } #portfolio_photoborder_s { clear: left; float: left; height: 131px; margin: 5px 13px 10px; width: 113px; } #portfolio_photo { height: 200px; margin: 31px 36px 38px 28px; width: 170px; } #portfolio_photo_s { height: 100px; margin: 15px 13px 16px 15px; width: 85px; } .portfolio_name { font-family: Bernard MT Condensed; padding-bottom: 5px; padding-top: 10px; text-align: center; } .portfolio_email { padding-bottom: 10px; padding-top: 5px; text-align: center; } .portfolio_pt { clear: left; float: left; width: 100%; font-family: Copperplate Gothic Bold; padding-bottom: 5px; padding-left: 45px; padding-top: 10px; text-align: left; } .portfolio_date { font-family: Baskerville Old Face; padding-right: 15px; padding-top: 20px; text-align: right; } .portfolio_title { padding: 2px 20px 2px 0; vertical-align: top; } .portfolio_content { padding-bottom: 5px; padding-right: 5px; } .portfolio_subtitle { padding-bottom: 5px; padding-right: 10px; } .portfolio_table_row { padding-bottom: 4px; padding-right: 10px; padding-top: 4px; } .disabled_link { font-size: 9px; font-weight: normal; color: #999999; text-decoration: none; } /* ================================================== ARR Revised (Added 20090804) ================================================================================ */ .box_height, .box_height2, .box_height_fixed, .box_height2_fixed{ height:25px; box-sizing: border-box; padding-bottom:0px; border-bottom:solid 1px transparent; } html[lang=en] .box_height, html[lang=en] .box_height2, html[lang=en] .box_height_fixed, html[lang=en] .box_height2_fixed{ vertical-align: top; } .box_height2, .box_height2_fixed{ text-align:center; border-bottom:solid 1px #d6d6d6; border-right:solid 1px #d6d6d6; } html[lang=en] #marksheet_bkg.tall .box_height, html[lang=en] #marksheet_bkg.tall .box_height2, .box_height_tall, .box_height2_tall { height: 75px; margin-top: 2px; margin-bottom: 2px; vertical-align: top; padding-top: 6px; } html[lang=en] #marksheet_bkg.tall .box_height, .box_height_tall { vertical-align: top; } html[lang=en] #marksheet_bkg.tall .box_height2, .box_height2_tall { text-align: center; } .arr_name_on, html[lang=en] .arr_name_off:hover{ text-decoration:none; color:#FF0000; } html[lang=en] .arr_name_off{ line-height:11px; } .arr_name_off, .arr_name_off a, .arr_name_off_current, .arr_name_off_current a{ text-decoration:none; color:#4360aa; } .arr_name_off_current{ background:#eaefff; } html[lang=en] #marksheet_bkg{ margin-left:0px; padding:1px; width: 922px; background-color: #c7c7c7; box-sizing: border-box; margin-right: -2px; } html[lang=en] #marksheet_bkg::after{ content:" "; display:block; clear:both; } .marksheetCell > textarea.transparent_textbox{ padding:0; resize: none; height: 22px; /*25-2*/ box-sizing: border-box; outline:none; } html[lang=en] #marksheet_bkg.tall .marksheetCell.box_height2 > textarea.transparent_textbox{ box-sizing: border-box; height: 66px; } .marksheetCell > input.transparent_textbox{ height: 100%; box-sizing: border-box; } .arr_indi_column { float: left; clear: left; width: 100%; } .arr_indi_box { height: 25px; text-align: left; margin-top: 2px; margin-bottom: 2px; } .arr_indi_box_title { padding: 2px 5px 2px 5px; }/*Updated 20100416*/ .arr_indi_box_title span { float: left; clear: none; display: block; padding: 5px 0px 5px 0px; } .arr_indi_box_title3 { padding-left: 5px; padding-right: 5px; }/*Added 20100416*/ .arr_indi_box_subtitle { vertical-align: top; padding: 5px 5px 2px 15px; } .arr_indi_box_subsubtitle { vertical-align: top; padding: 5px 5px 2px 30px; } .arr_indi_box_subsubtitle2 { vertical-align: top; padding: 5px 5px 2px 30px; } .arr_indi_box_subsubtitle3 { vertical-align: top; padding: 5px 5px 2px 15px; }/*Added 20100416*/ .arr_indi_box_content { vertical-align: top; padding: 5px 5px 2px 15px; } .arr_indi_box_subsubcontent { vertical-align: top; padding: 5px 5px 2px 15px; } .arr_indi_box_subsubcontent2 { vertical-align: top; padding: 5px 5px 2px 15px; } .arr_indi_box_subsubcontent3 { vertical-align: top; padding: 5px 5px 2px 7px; }/*Added 20100416*/ .arr_indi_rowlightblue { } .arr_indi_heading1 { height: 25px; margin-top: 5px; margin-bottom: 5px; } .arr_indi_box_title2 { padding-left: 5px; } .column_top, .column_lightblue_top { height:21px; } .column_lightblue_top{ border-bottom: 1px solid #D6D6D6; border-right: 1px solid #E2E2E2; font-weight: bold; background:#ebeef7; } .column_top { border-bottom:solid 1px #d6d6d6; border-right:solid 1px #e2e2e2; background:#ffffff; } .column_overall_top { height: 21px; font-weight: bold; }/*Added 20100325*/ .transparent_textbox_long { text-align: left; } .table_subtop2 { padding-left: 15px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; } .arr_indi_criteria { padding-top: 5px; }/*Added 20091127*/ .arr_indi_borderR { width: 150px; }/*Added 20091127*/ .arr_indi_borderR2 { border-right: solid 1px #f1f1f1; }/*Added 20091127*/ .arr_indi_legend { font-size: smaller; font-style: italic }/*Added 20091127*/ .arr_indi_empty { margin: 0px; padding: 0px; height: 5px; line-height: 0px }/*Added 20091204*/ .arr_indi_topic { }/*Added 20091127*/ .arr_indi_other { margin-left: 20px }/*Added 20091204*/ .column_scroll { width: 50px; text-align: center; }/* Added 20090824 */ .column_scroll_fix { width: 30px; color: #CC0000 }/* Added 20090824 */ .arr_indi_box_title_print { padding-left: 5px; font-weight: bold }/*Added 20091201 */ .arr_indi_heading1_print { height: 25px; margin-top: 5px; margin-bottom: 5px; }/*Added 20091201 */ .arr_layer_table { margin: 7px } .arr_layer_table thead { line-height: 18px; }/*Added 20091223*/ .arr_layer_table td { }/*Added 20091223*/ .arr_layer_table td.left { }/*Added 20091223*/ .arr_layer_table_grey { margin-top: 4px; margin-bottom: 4px } .arr_layer_table_grey thead { line-height: 18px; }/*Added 20091223*/ .arr_layer_table_grey td { }/*Added 20091223*/ .arr_layer_table_grey td.left { }/*Added 20091223*/ .table_narrow_2 td { padding-left: 2px; padding-right: 2px; }/*Added 20100416*/ .narrow_0 { padding-left: 0px; padding-right: 0px; }/*Added 20100416*/ #TopicTable tr.move_selected td { color: #4360aa; border-top: dashed 1px #2e6be5; border-bottom: dashed 1px #2e6be5; } #CriteriaTable tr.move_selected2 #CriteriaCell { color: #4360aa; border-top: dashed 1px #2e6be5; border-bottom: dashed 1px #2e6be5; } /* ================================================= ARR Template (Added 20100505) =================================================== */ #report_template { padding: 3px; margin-left: 8px; margin-right: 10px; margin-bottom: 10px; width: 906px; clear: both; } .template_part { padding: 3px 5px 5px 3px; margin-bottom: 10px; } .template_part .title { float: left; width: 100%; padding-left: 3px; height: 23px } .template_part .title span { float: left; clear: none; padding-top: 5px; } .template_part .title .edit { float: right; clear: none; height: 23px; } .template_part .content { clear: both; padding: 5px 5px 0 5px; text-align: center; } .template_part .content .section { margin-top: 10px; margin-bottom: 12px; padding-bottom: 8px; } .template_part .content .section .type { padding-left: 10px; margin-top: -9px; margin-bottom: 5px; text-align: left; } .template_part .content .section .type span { padding-left: 5px; padding-right: 7px; font-weight: bold } .template_part .content .section .edit { float: right; margin-top: -10px; padding-right: 5px; } .template_part .content .section .data { padding: 0px 0px 0px 7px; text-align: left; line-height: 17px; width: 98%; } .template_part .content .section .data img { vertical-align: middle; text-align: center; } .template_part .add { padding-left: 3px } .template_part .add a { text-decoration: none; } .template_part .add a:hover { } .template_part .content .pagebreak { margin-top: 10px; margin-bottom: 12px; padding-bottom: 8px; height: 17px; } .template_part .content .pagebreak .type { float: left; padding-left: 5px; margin-top: 5px; margin-bottom: 0px; text-align: left; font-weight: bold } .template_part .content .pagebreak .edit { float: right; margin-top: 5px; padding-right: 5px } .template_pop { } .template_pop .upper { padding: 5px 8.5px 5px 8.5px; } .template_pop .upper .setting { clear: both } .template_pop .upper .data { clear: both; margin-top: 5px; padding: 5px; } .template_pop .upper .data img { vertical-align: middle; text-align: center; } #template_pop_btn { text-align: center; padding: 10px; } .template_tag { padding-left: 2px; padding-right: 2px; } /*.template_tag {height:16px; display:block; float:left; margin:0px; padding-left:0px; padding-right:2px;}*/ /*.template_tag span {height:16px; display:block; float:left; margin-left:3px; padding-left:0px; padding-top:1px; padding-right:3px;}*/ .template_pop_rowtop { padding: 5px 15px 5px 5px } .template_pop_rowtop2 { padding: 5px 15px 5px 5px } .template_pop_row { padding: 3px 15px 3px 5px; vertical-align: top; } .arr_reportsetup { width: 100% } .arr_reportsetup thead tr td { vertical-align: top; padding: 5px 5px 2px 5px; } .arr_reportsetup thead tr.info td { vertical-align: top; padding: 5px 5px 2px 5px } .arr_reportsetup tr td { vertical-align: top; padding: 4px 5px 4px 5px; } .arr_reportsetup tr td a { text-decoration: none } .arr_reportsetup tr td a:hover { } /*.arr_reportsetup tr td span {color:#999}*/ .arr_reportsetup .small { font-size: 9px; } .arr_reportsetup .corner { float: left; } .arr_reportsetup .rightborder { } /* ================================================== Parent Consulation (Added 20100622) ================================================================ */ .consult_booking { width: 100% } .consult_booking thead tr td { vertical-align: middle; padding: 5px 5px 3px 5px; } .consult_booking thead tr.info td { vertical-align: middle; padding: 3px 5px 3px 5px } .consult_booking tr.left td { height: 28px; vertical-align: middle; padding-left: 5px; padding-right: 5px } .consult_booking tr.left td.student_on { }/*Removed 20100820*/ .consult_booking tr.cell td { height: 28px; text-align: center; padding-left: 5px; padding-right: 5px } .consult_booking tr.cell td.off { } .consult_booking tr.cell td.student_over { cursor: pointer }/*Removed 20100820*/ .consult_booking tr.cell td.student_on { }/*Removed 20100820*/ .consult_booking tr.cell td.block { } .consult_booking_legend .text { clear: none; float: left; padding-left: 5px; padding-top: 1px; white-space: nowrap }/*Added 20100820*/ .consult_booking_legend .student { width: 15px; height: 15px; clear: none; float: left; }/*Added 20100820*/ .consult_booking_legend .teacher { width: 15px; height: 15px; clear: none; float: left; }/*Added 20100820*/ .consult_booking_legend .other { width: 15px; height: 15px; clear: none; float: left; }/*Added 20100820*/ .consult_booking_legend .block { width: 15px; height: 15px; clear: none; float: left; }/*Added 20100820*/ /*extra for block 2*/ .consult_booking tr.cell td.block_over { cursor: pointer } .consult_interval { font-weight: bold; padding-left: 3px; padding-right: 3px } .change_pwd_header { padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 15px; font-size: 11px; font-weight: bold; color: black; width: 90%; background-color: #C5D5F1; } .change_pwd_header:hover { background-color:#9BB5CD; } .change_pwd_header_other { padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 15px; font-size: 11px; font-weight: bold; color: black; width: 90%; background-color: #C5D5F1; } table.form_table{ width: 95%; } .form_table td.form_item_field, .form_table td.form_item_name{ padding: 3px 0px 3px 15px; font-weight: normal; vertical-align: top; } .form_table td.form_item_name{ width: 260px; } .form_table td.form_item_field textarea.textarea_autoexpand{ height:100%; resize: none; } .rednote{ color: #f00; } .italicnote{ font-style: italic; } .smallnote{ font-size: 9px; font-weight: normal; text-decoration: none; color: #999; } .smallnote > ul{ padding-left:15px; margin-top: 3px; } .clickable { cursor: pointer; } .ui-autocomplete { max-height: 100px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; } .mandatory:after{ content:"*"; color:#F00; } .either_mandatory:after{ content:"*"; color:blue; } .row td{ padding: 3px; } .row:nth-child(even){ background-color: #f1f9fe; font-size: 11px; } .row:nth-child(odd){ padding-left: 15px; background-color: #ffffff; } .row.inactive{ color:#CCC; } a.show_hide, .show_hide{ cursor:pointer; font-size: 9px; font-weight: bold; text-decoration: none; color: #1b2a9b; } a.show_hide, .show_hide a{ color: #1b2a9b; font-weight:normal; text-decoration: none; } a.show_hide:hover, .show_hide a:hover{ color: #FF0000; text-decoration: none; } /* =================================== JQUERY-UI in Gatway theme ============================================= */ /* dialog */ .ui-widget-content .btn_link{ color: #258002; } .formDialog .ui-dialog-titlebar-close{ display: none; } .formDialog .loading .loadingMessage{ padding-left: 20px; height:20px; background-image:url(/theme/image_en/ajax_loading_indicator.gif); background-repeat: no-repeat; } .formDialog .loading .loadingMessage, .formDialog .message{ display:block; } .formDialog .loading .message, .formDialog .loadingMessage{ display: none; } .ui-dialog.formDialog.btnMiddle > .ui-dialog-buttonpane > .ui-dialog-buttonset { float: none; text-align: center; } .ui-dialog.gwDialog{ background-color: #D4E2FA; background-image: none; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), -4px -4px 4px rgba(0, 0, 0, 0.1) inset, 4px 4px 4px rgba(255, 255, 255, 0.4) inset; border-radius:5px; border-color: #798AAC; } .ui-dialog.gwDialog.angleLeft:after { content: ""; position: absolute; background-image: url(/theme/image_en/layout_grey/sub_layer_bubble03.gif); background-repeat: no-repeat; background-position: 0px 0px; z-index: -1; top: 10px; left: -10px; width: 11px; height: 10px; } .ui-dialog.gwDialog.angleRight:after { content: ""; position: absolute; background-image: url(/theme/image_en/layout_grey/sub_layer_bubble04_b.gif); background-repeat: no-repeat; background-position: -986px 0px; z-index: -1; top: 10px; bottom: 0px; right: -10px; width: 11px; height: 10px; } .ui-dialog.gwDialog > .ui-dialog-content{ margin:0px 10px 0px 10px; padding-left: 0px; padding-top: 0px; } .ui-dialog.gwDialog > .ui-dialog-titlebar, .ui-dialog.gwDialog > .ui-dialog-buttonpane{ background-color: transparent; background-image: none; border:0; padding:0; } .ui-dialog.gwDialog > .ui-dialog-titlebar{ margin:5px 10px 0px 10px; } .ui-dialog.gwDialog > .ui-dialog-titlebar > .ui-dialog-titlebar-close{ display:none; } .ui-dialog.gwDialog > .ui-dialog-titlebar > .ui-dialog-title{ font-weight: bold; font-size: 11px; margin:0px 0px 5px 0px; } .ui-dialog.gwDialog > .ui-dialog-buttonpane{ margin:0px 10px 5px 10px; } .ui-dialog.gwDialog > .ui-dialog-buttonpane > .ui-dialog-buttonset{ text-align: center; float:none; } .ui-dialog.gwDialog > .ui-dialog-buttonpane > .ui-dialog-buttonset > .ui-button{ font-size: 11px; color: #000000; border: 1px solid #647194; background-image: url(/theme/image_en/layout_grey/btn_main_act_off.gif); background-image: linear-gradient(to bottom, #E7F1FB 0%,#e4eef9 20%,#dae5f3 60%,#E4E9F1 100%); border-radius: 0; } .ui-dialog.gwDialog > .ui-dialog-buttonpane > .ui-dialog-buttonset > .ui-button:hover{ background-image: url(/theme/image_en/layout_grey/btn_main_act_on.gif); background-image: linear-gradient(to bottom, #E7F1FB 0%,#D5E4F7 20%,#cddff4 60%,#D9E0EB 100%); } .ui-dialog.gwDialog .ui-button-text-only .ui-button-text{ padding: 3px 2px; } /* dialog Theme Grey - Doc Repo*/ .ui-dialog.gwDialogThemeGrey > .ui-dialog-titlebar > .ui-dialog-titlebar-close{ display:none; } .ui-dialog.gwDialogThemeGrey > .ui-dialog-buttonpane > .ui-dialog-buttonset{ text-align: center; float:none; } /**********************************/ /* reset and cancel jquery ui styles */ .ui-widget.gwDialog, .ui-widget.gwDialog .ui-widget, .ui-widget.gwDialog input, .ui-widget.gwDialog select, .ui-widget.gwDialog textarea, .ui-widget.gwDialog button{ font-family: Verdana; font-size: 11px; } .ui-tabs.gwTabsGreen, .ui-tabs.gwTabsGreen .ui-tabs-nav, .ui-tabs.gwTabsGreen .ui-tabs-nav > li, .ui-tabs.gwTabsGreen .ui-tabs-nav > li.ui-state-focus{ background: none; border:none; } .ui-tabs.gwTabsGreen .ui-tabs-anchor{ color: #258002; border: none; outline: none; padding:0 5px; } .ui-tabs.gwTabsGreen .ui-tabs-nav > li::before{ content:"|"; float:left; } .ui-tabs.gwTabsGreen .ui-tabs-nav > li:first-child::before{ content:"";" } .ui-tabs.gwTabsGreen .ui-tabs-active > .ui-tabs-anchor{ color: #000; font-weight:bold; } .ui-tabs.gwTabsGreen .ui-tabs-panel{ padding:0; } /* tabs level 3 */ /* reset and cancel jquery ui styles */ .ui-tabs.gwtabs3, .ui-tabs.gwtabs3 > ul.ui-tabs-nav, .ui-tabs.gwtabs3 > ul.ui-tabs-nav > li{ background: transparent; border: 0; border-radius: 0; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; padding: 0; margin: 0; } /* reset and cancel jquery ui styles */ .ui-tabs.gwtabs3.ui-widget-content .ui-state-default a, .ui-tabs.gwtabs3.ui-widget-content .ui-state-default a:link, .ui-tabs.gwtabs3.ui-widget-content .ui-state-default a:visited{ color:inherit; } .ui-tabs.gwtabs3 > ul.ui-tabs-nav { width: 100%; display: block; background: #d5dce8; height: 25px; margin: 10px -10px; padding: 0 10px; } .ui-tabs.gwtabs3 > ul.ui-tabs-nav > li{ height: 100%; margin-right: 2px; color:#4360aa; } .ui-tabs.gwtabs3 > ul.ui-tabs-nav > li >a:focus{ outline: none; } .ui-tabs.gwtabs3 > ul.ui-tabs-nav > li:hover, .ui-tabs.gwtabs3 > ul.ui-tabs-nav > li.ui-tabs-active, .ui-tabs.gwtabs3 > ul.ui-tabs-nav > li.ui-state-hover{ background-color: #ebeff6; /*Red color theme*/ color: #000000; } .ui-tabs.gwtabs3 > ul.ui-tabs-nav > li.ui-tabs-active{ font-weight:bold; } .ui-tabs.gwtabs3.ui-tabs > .ui-tabs-panel{ padding:0; } /* =================================== print style override ============================================= */ @media screen{ .print_only { display:none !important; } } @media print{ .commontabs_board, #commontabs_board{ background-color: transparent; padding-left:0px; padding-right:0px; } [id^=top_submenu_], #top_header, #btn_link, #form_btn, .footer_bg, .bg_shadow_left, .bg_shadow_right, .commontabs, .link_print, .link_export, .link_backtotop, .actionButtons, .datepicker_trigger, .print_hide { display:none !important; } [hidden].print_show{ display:inherit; } body{ background-color: transparent !important; /* badly, they did style in layout_grey.css */ } } /* ----------------------------------- DataTable ---------------------------------------------------------------- */ .dataTable > thead > tr > .table_top.sorting:hover, .dataTable > thead > tr > .table_top.sorting_asc:hover, .dataTable > thead > tr > .table_top.sorting_desc:hover{ cursor:pointer; color:#f00; } .sorting_asc::after, .sorting_desc::after{ content:" "; padding-left: 30px; height:30px; background-repeat: no-repeat; } /* .sorting_asc::after{ background-image: url(/theme/image_en/icon_sort_up_off.gif); } .sorting_desc::after{ background-image: url(/theme/image_en/icon_sort_down_off.gif); } */ .dataTables_footer::after{ clear:both; content: ""; display: table; } .dataTables_info{ float:left; } .dataTables_paginate_help{ float:right; } .dataTables_wrapper .dataTables_paginate { text-align: right; } .dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.5em 1em; margin-left: 2px; text-align: center; text-decoration: none; cursor: pointer; border: 1px solid transparent; } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #333333 !important; border: 1px solid #cacaca; background-color: white; } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled{ display:none; } .dataTables_wrapper .dataTables_paginate .paginate_button:active, .dataTables_wrapper .dataTables_paginate .paginate_button:hover{ color: white; border: 1px solid #111111; background-color: #585858; } /***/ .horz_scroll_wrap{ overflow: hidden; /* hide the scrollbar */ } .horz_scroll_wrap > .horz_scroll{ overflow-x:scroll; overflow-y:hidden; padding-bottom: 100px; /* push down scrollbar */ } .moveLeftOnePage, .moveRightOnePage{ padding-left:12px; height:12px; content:""; display:inline-block; cursor: pointer; } .moveLeftOnePage{ background-image:url(/theme/image_en/icon_left_light.gif); } .moveLeftOnePage:hover{ background-image:url(/theme/image_en/icon_left.gif); } .moveRightOnePage{ background-image:url(/theme/image_en/icon_right_light.gif); } .moveRightOnePage:hover{ background-image:url(/theme/image_en/icon_right.gif); } /* ====================================== Objects Oriented Section ================================================== */ /* ------------------------------------ Timetable Table(try not using arr_reportsetup) ----------------------------*/ .timetable{ table-layout: fixed; border-collapse: collapse; width:100%; text-align:right; } .timetable > tbody > tr > td{ padding:0; vertical-align: top; } .timetable > tbody > tr > td:first-child{ width:110px; } .timetable .timetable_head{ width:100%; vertical-align: top; table-layout: fixed; border-collapse: collapse; margin-right:5px; } .timetable .timetable_head > thead > tr > td{ padding:3px; font-weight: normal; text-align: right; /*height: use JS to snap to timetable_table */ } .timetable .timetable_head > tbody> tr > td{ padding-right:3px; font-weight: normal; text-align: right; border: 1px transparent solid; /* align */ /*height: use JS to snap to timetable_table */ } .timetable .timetable_table{ border-collapse:collapse; table-layout: fixed; min-width:100%; box-sizing: border-box; } .timetable .timetable_table > * > tr > td{ vertical-align: top; text-align:left; } .timetable .timetable_table > thead > tr > td{ /*period name*/ background-color: #dedede; padding: 3px; min-width: 65px; white-space: nowrap; border-right:solid 1px #d6d6d6; } .timetable .timetable_table > tbody > tr > td{ padding:0; background: #fff; border: solid 1px #d6d6d6; min-height:30px; height:30px; } .timetable .timetable_table > tbody > tr > td > .lessonBlock{ padding: 3px; } .timetable .timetable_table > tbody > tr > td > .lessonBlock.currentLesson{ background-color:#ff0; } /* ------------------------------------ Teachers ----------------------------------------------------------------- */ .teachername_small { font-size: 11px; font-weight: normal; color: #225EB9; text-decoration: none; } .teachername_small a { color: #225EB9; text-decoration: none; } /* ------------------------------------ Students ---------------------------------------------------------------- */ .studentThumbnail_tiny{ width: 42px; height: 54px; } .studentThumbnail_small{ width: 60px; height: 75px; } .studentThumbnail_medium{ width: 120px; height: 150px; } .studentThumbnail_dropshadow{ margin: 10px; box-shadow: 2px 2px 10px rgba(0,0,0,0.6); } #studentDialog .trafficLightRecordTab{ overflow-y: auto; max-height: 200px; width: 250px; } .icon_inline { display: inline-block; } .in_studentinfo { padding-left:10px; height: 10px; } .in_navbar { font-weight: bold; background-color: #ebeff6; padding: 0px; padding-top: 5px; height: 18px; } .in_navbarwidth { width: 935px; } .in_referral_navbarwidth { width: 940px; } ul.commontabs.in_subsection{ margin:0px; } ul.commontabs.in_subsection li > a, ul.commontabs.in_subsection li#current > a{ margin: 0; margin-right: 5px; /*spacing between each tab*/ background-color: #DAD8D8; padding: 4px 12px 2px 12px; text-decoration: none; border-top-right-radius: 0; border-top-left-radius: 0; } .footer_esf { clear: left; margin-left: auto; margin-right: auto; height: 60px; width: 100%; } .link_normal { text-decoration: none; display:inline-block; min-height:20px; cursor: pointer; color:#258002; } .icon_quickaccess { display: block; background-image: url(../image_en/icon_quickaccess.png); background-repeat: no-repeat; background-position: 2px 2px; } .pagenote_arr { margin-left: 10px; width: auto; margin-right: 12px; margin-bottom: 20px; } #demo_info_header.student_info { padding-top: 5px; padding-right: 0px; padding-left: 12px; padding-bottom: 5px; font-size: 11px; font-weight: bold; color: #000000; background-color: initial } .demo_student_info.right_docked_bottons, .demo_family_info.right_docked_bottons, .demo_emergencycontact.right_docked_bottons, .demo_proofdocuments.right_docked_bottons { margin-top: 10px; clear: initial; width: initial; } .demographic_table { width: 100%; border-collapse: collapse; } .demographic_table_header { background: #b5cce9; } .demographic_table_header > td { height: 20px; padding: 5px 5px 5px 10px; } .demographic_table_content { padding: 0px; height: 20px; background: #ffffff; } .demographic_table_content > td { height: 20px; padding: 3px 3px 3px 10px; vertical-align: top; } .demographic_table_content > td:first-child { width: 285px; } .demographic_table_content > td:nth-child(2) { width: 20px; } .demographic_table_content > td:nth-child(3) { width: 100px; } .demographic_quickaccess { margin: 3px 0 0 0; list-style-type: none; padding: 5px 0px 0px 0px; clear: both; line-height: normal; } .demographic_quickaccess > li { display: inline; } .demographic_quickaccess > li > a { text-decoration: none; padding: 8px 15px 8px 12px; /*border-top-left-radius: 5px; border-top-right-radius: 5px;*/ font-size: 11px; font-weight: normal; color: #4360aa; background-color: #F3F3F3; margin-right: 5px; margin-top: 5px; cursor: pointer; height: 20px; } .demographic_quickaccess > li > a.demo_student_info { background-color: #4C6A92; color: white; } .demographic_quickaccess > li > a.demo_family_info { background-color: #B93A32; color: #fff; } .demographic_quickaccess > li > a.demo_emergencycontact { background-color: #AF9483; color: #fff; } .demographic_quickaccess > li > a.demo_proofdocuments { background-color: #939393; color: #fff; } .demographic_quickaccess > li > a.link_active { font-weight: bold; color: #ffffff; } .demographic_quickaccess > li > a:hover { color: black; } .demographic_tab_header { font-size: 11px; font-weight: bold; color: #000000; } .demographic_cr_info { padding-left:10px; padding-top:15px; } .demographic_crmsg { } .myTeacher_photo { vertical-align:top; } .myTeacher_studentlist { clear: left; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; } .login_textbox { width: 55%; } .portal_myteacher { padding-top: 5px; } #demo_info.arr_report { width:725px; } #demo_info.arr_report_list { width:100%; } .mobile_show { display: none; } .autocomplete_namepicker { width: 180px; } .portal_namepicker { width: 280px; height: 15px; background-color: #fffbbb; } .hiddenfile { opacity:0; z-index:1; } label.required:after { content:"*"; color: red; } .label_disable{ font-style: italic; color: grey; } .parentconsult_legend { width:20px; height:20px; background: none repeat scroll 0 0; border-style: solid; border-width: 1px; border-color: black; } .parentconsult_legend.viewbyparent { margin-bottom: 5px; } .parentconsult_legend.book_legend_block { background-color: #AAAAAA; } .parentconsult_legend.book_legend_block_yearrgroup { background-color: #DDDDDD; } .parentconsult_legend.book_legend_unavailable { background-color: #AAAAAA; } .parentconsult_legend.book_legend_teacher { background-color: #D5FD86; } .parentconsult_legend.book_legend_parent { background-color: #EED1FF; } .parentconsult_legend.book_legend_available { background-color: #FFFFFF; } /* -------------------------- Address Book (User Selector) ------------------------------*/ .link_icon_address_book { background-image: url(/theme/image_en/imail/icon_address_book.gif); background-repeat: no-repeat; display: inline-block; height: 20px; text-decoration: none; vertical-align: top; padding-top: 5px; padding-left: 25px; } /*----------------------Subject Mapping ----------------------*/ .row_separator { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #9bb5cd; } .row_info { vertical-align: top; } /* ESF Timestamp= - 22db15dc814b52c1d95e880c40bb063f */ /* ESF Timestamp=2013-03-26Z12:10:43T+0800 - e9d9348ae72158690d41584a087a85e7 */ /* ESF Timestamp=2013-04-03Z18:46:07T+0800 - b9011df6cd87f5cabbcee5a634e90b23 */ /* ESF Timestamp=2013-06-13Z11:35:36T+0800 ; 20130613-e6.09_IN_eNotice-UploadBy_albertwong - b349c28de12fb38d5a3931fe5ffde094 */ /* ESF Timestamp=2013-07-03Z12:32:07T+0800 ; 20130703-e6.06_e6.10_ARR2_v5.27a_July_Patch-UploadBy_albertwong - 7b0136d3f064d65834091451a74467f4 */ /* ESF Timestamp=2013-07-17Z15:16:48T+0800 ; 20130717-e6.12_PICS_DM_v5.26i_v5.28-UploadBy_albertwong - 97573b082b72b869342405c068e6a2b3 */ /* ESF Timestamp=2013-08-13Z15:39:21T+0800 ; 20130813-e6.11e_CR_Urgent_Fix3-UploadBy_albertwong - 269b16badd994a3c41eabc24c59052be */ /* ESF Timestamp=2013-09-05Z16:47:25T+0800 ; 20130905-e6.01_Acitivity_Revamp-UploadBy_albertwong - cec923da9b8e8acff5d337b830f08651 */ /* ESF Timestamp=2013-09-10Z11:06:34T+0800 ; 20130910-e6.13_Sept_Fix-UploadBy_albertwong - 4448e625be983b8022d004131290cbc8 */ /* ESF Timestamp=2013-10-09Z08:56:38T+0800 ; 20131009-e6.15_Oct_Fix-UploadBy_albertwong - 4ff0d50fd0a1c4f535ab8316904706d3 */ /* ESF Timestamp=2013-11-11Z17:15:30T+0800 ; 20131111-Nov_release-UploadBy_joelee - 249d4076818a0d9de6990beeb8303c4f */ /* ESF Timestamp=2013-12-12Z11:54:25T+0800 ; 20131212-e6.17_Nov_Fix-UploadBy_albertwong - 0f0c8178a3ffb3f79d2b39cb48a56523 */ /* ESF Timestamp=2014-01-13Z09:50:51T+0800 ; 20140113-e6.18-UploadBy_albertwong - c7891ca08e68dd38f7abd88802201913 */ /* ESF Timestamp=2014-02-17Z10:12:49T+0800 ; 20140217-v1401_Jan_Pack-UploadBy_albertwong - 662242084215dcc0dc99bc215a36d6dc */ /* ESF Timestamp=2014-03-13Z10:11:18T+0800 ; 20140313-v1402_Fix_v5.34_BL_Feb_Fix-UploadBy_albertwong - 3b2505282bcabf9bec800d253827d1b3 */ /* ESF Timestamp=2014-04-03Z16:19:06T+0800 ; 20140403-v1403_InformationPack_and_fix-UploadBy_albertwong - 514c4b43b2041555c860541cc64461a7 */ /* ESF Timestamp=2014-04-28Z14:30:10T+0800 ; 20140428-v1404_fix1-UploadBy_albertwong - 35da305af739bb3e9426e4a083a80303 */ /* ESF Timestamp=2014-05-15Z09:15:37T+0800 ; 20140515-v1404_enhance-UploadBy_joelee - d01eef5a0e6b7fd00c2ff775cdb0d62e */ /* ESF Timestamp=2014-05-20Z14:44:45T+0800 ; 20140520-v1404_enhance2_20140520-UploadBy_albertwong - 59727fe0e7b853593fe923a025b0cfb7 */ /* ESF Timestamp=2014-05-27Z17:50:58T+0800 ; 20140527-v1404a_HE_IN_UrgentFix2-UploadBy_albertwong - 4cd155b59666828664fb1819a336d56a */ /* ESF Timestamp=2014-06-19Z16:21:49T+0800 ; 20140619-v1405-UploadBy_albertwong - 78832a60770a6da623f14015cd1c42f8 */ /* ESF Timestamp=2014-07-17Z09:26:36T+0800 ; 20140717-v1406_fix_enhance-UploadBy_albertwong - 8fc0adedc71ac313372ced785091482e */ /* ESF Timestamp=2014-09-03Z14:33:00T+0800 ; 20140903-v1408_fix1-UploadBy_albertwong - 98656f783af8c7edb2511777a8a4e616 */ /* ESF Timestamp=2014-09-17Z15:27:17T+0800 ; 20140917-v1408_enhance-UploadBy_albertwong - 67c571343f631378eb45498d19367d6d */ /* ESF Timestamp=2014-10-16Z15:39:55T+0800 ; 20141016-v1409-UploadBy_albertwong - a23ca6fb8555153e92e9acf79e8f4e58 */ /* ESF Timestamp=2014-10-29Z14:23:01T+0800 ; 20141029-v1410_fix-UploadBy_albertwong - d404e8277945d06d2cdd05ae48153185 */ /* ESF Timestamp=2014-11-05Z11:57:28T+0800 ; 20141105-v1410_fix-UploadBy_albertwong - 61faf7469aa358646e7bd1bbbee96979 */ /* ESF Timestamp=2014-11-05Z15:51:15T+0800 ; 20141105-v1410_fix2-UploadBy_albertwong - c615924f7acdc726ba134c5e7390d72b */ /* ESF Timestamp=2014-11-25Z10:27:31T+0800 ; 20141125-v1410_proofread-UploadBy_albertwong - d29bbabcdfedac2b8bf7a8112eddf21c */ /* ESF Timestamp=2014-12-04Z11:04:58T+0800 ; 20141204-v1411_fix-UploadBy_albertwong - e7638585a51f1a5d50d34f7205eb24b3 */ /* ESF Timestamp=2014-12-10Z10:40:38T+0800 ; 20141210-dennis_deployment-UploadBy_joelee - 1de659810f5ec3269923c23838e9f97a */ /* ESF Timestamp=2015-10-20Z12:26:21T+0800 ; 20151020-v1509_enhance-UploadBy_albertwong - 5363e028b1da84b70bf7fe769dd54d6b */ /* ESF Timestamp=2015-11-20Z14:32:11T+0800 ; 20151120-v1510_enhance_matthew-UploadBy_albertwong - 1f8fb42e2d11378618505b055aa53578 */ /* ESF Timestamp=2016-01-13Z09:31:39T+0800 ; 20160113-v1512_enhance-UploadBy_terrytsang - 9e86b5a2504b9e69dc6371f258aaf19b */ /* ESF Timestamp=2016-01-27Z16:23:57T+0800 ; 20160127-v1511_major_Documents-UploadBy_matthewmak - f14e822dfdd22648aadcdab3a796720e */ /* ESF Timestamp=2016-02-17Z17:00:40T+0800 ; 20160217-v1601_enhance-UploadBy_matthewmak - 3fa21cc284b10c99dd7d7b62ef2e2fcd */ /* ESF Timestamp=2016-07-14Z16:41:23T+0800 ; 20160714-mobile_ui_parent_and_student-UploadBy_matthewmak - 9d731efadff44c61b4fbaf4b005210f7 */ /* ESF Timestamp=2016-08-19Z14:28:52T+0800 ; 20160819-v1607_enhance_terry-UploadBy_albertwong - 8b101ab7ec9ee6bfe58a98aa86df52f8 */ /* ESF Timestamp=2016-09-30Z11:40:43T+0800 ; 20160930-SEN_Secondary-UploadBy_albertwong - ea019736a530aa3dcf738baa3ee8cd18 */ /* ESF Timestamp=2016-10-13Z14:48:37T+0800 ; 20161013-v1609_fix-UploadBy_matthewmak - 873429c7d33df78ea74f7f4182a4cab8 */ /* ESF Timestamp=2016-11-02Z16:22:51T+0800 ; 20161102-v1610_fix-UploadBy_matthewmak - f2f04a81eae425a94221fbd148a17f6f */ /* ESF Timestamp=2016-11-14Z14:28:23T+0800 ; 20161114-v1610_major_parent_sso_to_vle-UploadBy_matthewmak - 95d1b3b46845de37a48def73b4d7f80c */ /* ESF Timestamp=2016-11-18Z10:41:09T+0800 ; 20161118-v1610_enhance-UploadBy_albertwong - 15d132ece30750ca6ae33eae18a221fd */ /* ESF Timestamp=2016-12-05Z15:24:00T+0800 ; 20161205-v1611_enhance-UploadBy_albertwong - e91f59cd361e119023af0aa0bea03807 */ /* ESF Timestamp=2017-01-25Z16:31:33T+0800 ; 20170125-v1612_enhance_and_pconslt_mobile_ui_update-UploadBy_matthewmak - 38583a4e28f531f2d7a735130f07cf00 */ /* ESF Timestamp=2017-03-22Z11:07:31T+0800 ; 20170322-v1702_enhance-UploadBy_albertwong - 11f9bf78b960d1b51cca0c53ad865e80 */ /* ESF Timestamp=2017-04-21Z11:22:18T+0800 ; 20170421-v1703_enhance-UploadBy_albertwong - 0dbbf93aa9864bcfb8c798ebeb8b203f */ /* ESF Timestamp=2017-05-12Z16:12:00T+0800 ; 20170512-v1704_enhance-UploadBy_albertwong - 9f914a30b1e32738f8bffe566217c10c */ /* ESF Timestamp=2017-08-10Z17:44:43T+0800 ; 20170810-ActivityRevamp-UploadBy_terrytsang - 5e2c611ae9e7dc52c88b08500c8e0a42 */ /* ESF Timestamp=2017-11-01Z17:36:14T+0800 ; 20171101-v1710_fix-UploadBy_terrytsang - b848567b436d7e377f32af303aa4a85e */ /* ESF Timestamp=2017-12-18Z11:16:41T+0800 ; 20171218-v1711_enhance-UploadBy_matthewmak - 870b26f71fafe5876f26862411b28d16 */ /* ESF Timestamp=2018-05-08Z14:20:02T+0800 ; 20180508-v1804_fix-UploadBy_matthewmak - 57ece39cadddfbe9629a5dd93d09c55c */ /* ESF Timestamp=2018-05-21Z09:44:49T+0800 ; 20180521-v1804_enhance-UploadBy_terrytsang - 1996026f4497d257bcd86b60c095fb85 */ /* ESF Timestamp=2018-07-23Z14:02:46T+0800 ; 20180723-v1806_enhance-UploadBy_matthewmak - f619069833c8b058c15b6737a9302afc */ /* ESF Timestamp=2018-08-22Z11:59:41T+0800 ; 20180822-v1807_enhance-UploadBy_matthewmak - 11e4ab614f4082377757bf28aad3cec5 */ /* ESF Timestamp=2019-08-08Z11:33:07T+0800 ; 20190808-eNotice_ePayment-UploadBy_terrytsang - d567105274e7fa2a424eadfe0cfee24e */ /* ESF Timestamp=2019-10-22Z16:23:36T+0800 ; 20191022-eNotice_ePay_layout-UploadBy_terrytsang - f778dc260112d7cd11601bc3c726b5ce */ /* ESF Timestamp=2020-04-14Z12:18:17T+0800 ; 20200414-Important_Notes-UploadBy_terrytsang - d71a2599ddbd6aade25ede01d20f1db5 */ /* ESF Timestamp=2020-05-11Z22:27:46T+0800 ; 20200511-eNitceLayoutUpdate-UploadBy_terrytsang - 31087b47f5051761af7ee61d64015380 */ /* ESF Timestamp=2021-11-17Z16:36:11T+0800 ; 20211117-RBS_eNotice_Fix-UploadBy_terrytsang - dcab8dc9a859255cf238eba27326d821 */