/* using: */
body {
	background-color: #f2f2f2;
}
#top_header_menu_bg{
	background-image: url(../image_en/layout_grey/main_menu.png);

}

.cas_row3{
	color:#000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9bb5cd;
	background-color: #f1f9fe;	
}

.cas_row3 a{
	color: #4360aa;
}

.cas_row3 a:hover {
	color: #FF0000;
}
.cas_row4{ /*Added 20081126*/
	color:#000000;
	background-color: #ffffff;
}

.cas_row4 a{ /*Added 20081126*/
	color: #4360aa;
}

.cas_row4 a:hover { /*Added 20081126*/
	color: #FF0000;
}
.cas_row4_subtop{ /*Added 20081126*/
	background-color: #f1f9fe;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9bb5cd;	
}

.cas_row4_subtop_noline{ /*Added 20090302*/
	background-color: #f1f9fe;
	color: #000000;
}

.cas_row4_subtop_noline a{ /*Added 20110608*/
	color: #4360aa;
}

.cas_row4highlight{/*Added 20081126*/
	color:#000000;
	background-color: #fdfdcd;	
}
.cas_row4highlight a{/*Added 20081126*/
	color: #4360aa;
}
.cas_row4highlight a:hover {/*Added 20081126*/
	color: #FF0000;
}
.cas_row4_subtophighlight{ /*Added 20081126*/
	background-color: #FDF2C6;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9bb5cd;
}

.cas_row4_subtophighlight_noline{ /*Added 20090302*/
	background-color: #FDF2C6;
	color: #000000;
}

.search_row2{/* Added 20090129 */
	color:#000000;
	background-color: #ffffff;
}
.search_row2 a{/* Added 20090129 */
	color: #4360aa;
}

.search_row2 a:hover {/* Added 20090129 */
	color: #FF0000;
}

.hori_line_dashed {
   border-bottom-width: 1px;
   border-bottom-style: dashed;
   border-bottom-color: #afd7ef;
}

.system_row{
	color:#000000;
	background-color:#f6f5f5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c5c5c5;
}


.system_row_tight {
	background-color:#F6F5F5;
	border-bottom:1px solid #C5C5C5;
	color:#000000;
}

.system_row a{
	color: #4360aa;
}

.system_row a:hover {
	color: #FF0000;
}

.system_row3{
	color:#000000;
	background-color:#f6f5f5;
	border-bottom-width: 1px;
	
	border-bottom-color: #c5c5c5;
}
.system_row3 a{
	color: #4360aa;
}

.system_row3 a:hover {
	color: #FF0000;
}

.search_row{ /* Added 20090210 */
	color:#000000;
	background-color: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d3d3d3;
}
.search_row a{  /* Added 20090210 */
	color: #4360aa;
}

.search_row a:hover {  /* Added 20090210 */
	color: #FF0000; 
}

#demo_info_header_half1{ /* Added 20090302 */
	background-color: #c5d5f1;
	color:#000000;
}
#demo_info_header_half2{ /* Added 20090302 */
	background-color: #c5d5f1;
	color:#000000;
}
.demo_content3{/* Added 20090302 */
	color:#000000;
	background-color: #f4f6f9;
}
.vertical_line_left { /*Added 20090421*/
   border-left-width: 1px;
   border-left-style: solid;
   border-left-color: #999999;
}
.vert_line_dashed_print { /*Added 20090422*/
   border-left-width: 1px;
   border-left-style: dashed;
   border-left-color: #999999;
}
.search_rowhighlight{ /* Added 20081128 */
	color:#000000;
	background-color: #fdfdcd;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d3d3d3;
}
.search_rowhighlight a{ /* Added 20081128 */
	color: #4360aa;
}

.search_rowhighlight a:hover { /* Added 20081128 */
	color: #FF0000;
}

.search_top_tight {
	background-color:#CCCCCC;
	color:#000000;
}

/*
==================================================  IN  (Added 20090619) ================================================================
*/
#in_photoborder{background-image: url(../image_en/in/photo_bkg.jpg);}
.in_content{color:#1b65df;}
.in_content a{color:#147EB8;}

.in_content a:hover{color:#ff0000;}

.in_content_title{color:#747474;}

#in_info_header{
	border-bottom-width: 2px;
    border-bottom-style: dotted;
	background-repeat:no-repeat;
}
.in_header0{color:#006600;border-bottom-color: #006600;background-image:url(../image_en/in/in_ssp_rainbow.gif);}
.in_header1{color:#1b65df;border-bottom-color: #1b65df;background-image:url(../image_en/in/in_ssp_man1.gif);background-position: 2px;}
.in_header2{color:#006600;border-bottom-color: #006600;background-image:url(../image_en/in/in_ssp_man2.gif);background-position: 2px;}
.in_header3{color:#9d59ab;border-bottom-color: #9d59ab;background-image:url(../image_en/in/in_ssp_man3.gif);background-position: 2px;}
.in_header4{color:#a05411;border-bottom-color: #a05411;background-image:url(../image_en/in/in_ssp_man4.gif);background-position: 2px;}
.in_header5{color:#c0436f;border-bottom-color: #c0436f;background-image:url(../image_en/in/in_ssp_man5.gif);background-position: 2px;}

.in_subheader0{color:#006600;}
.in_subheader1{color:#1b65df;}
.in_subheader2{color:#006600;}
.in_subheader2 a{color:#035d1b;}
.in_subheader2 a:hover{color:#ff0000;}
.in_subheader3{color:#9d59ab;}
.in_subheader4{color:#a05411;}
.in_subheader5{color:#c0436f;}

.in_name {color:#0944cb;}
.in_title1 {color:#0944cb;}
.in_title2 {color:#1b6513;}
.in_title3 {color:#7709cb;}
.in_title4 {color:#a05411;}
.in_title5 {color:#bb0545;}
.in_content_pt{background-repeat:no-repeat;background-position: 0px top;}
.in_pt1 {background-image:url(../image_en/in/in_ssp_star1.gif);color:#1b65df;}
.in_pt1 a{color:#0833ac;}
.in_pt1 a:hover{color:#ff0000;}
.in_pt2 {background-image:url(../image_en/in/in_ssp_star2.gif);color:#138e33;}
.in_pt2 a{color:#035d1b;}
.in_pt2 a:hover{color:#ff0000;}
.in_pt3 {background-image:url(../image_en/in/in_ssp_star3.gif);color:#9d59ab;}
.in_pt3 a{color:#7f348f;}
.in_pt3 a:hover{color:#ff0000;}
.in_pt4 {background-image:url(../image_en/in/in_ssp_star4.gif);color:#a05411;}
.in_pt4 a{color:#744207;}
.in_pt4 a:hover{color:#ff0000;}
.in_pt5 {background-image:url(../image_en/in/in_ssp_star5.gif);color:#c0436f;}
.in_pt5 a{color:#951d47;}
.in_pt5 a:hover{color:#ff0000;}

.in_pt_small1 {color:#1b65df;}
.in_pt_small1 a{color:#0833ac;}
.in_pt_small1 a:hover{color:#ff0000;}
.in_pt_small2 {color:#0d832c;}
.in_pt_small2 a{color:#035d1b;}
.in_pt_small2 a:hover{color:#ff0000;}
.in_pt_small3 {color:#D400FF;}
.in_pt_small3 a{color:#7f348f;}
.in_pt_small3 a:hover{color:#ff0000;}
.in_pt_small4 {color:#a05411;}
.in_pt_small4 a{color:#744207;}
.in_pt_small4 a:hover{color:#ff0000;}
.in_pt_small5 {color:#c0436f;}
.in_pt_small5 a{color:#951d47;}
.in_pt_small5 a:hover{color:#ff0000;}

.in_note{background-position: 0px top;}
.in_note1{color:#1b65df;background-color: #eff6fd;}
.in_note2{color:#0d832c;background-color: #F2FDF0;}
.in_note3{color:#9d59ab;background-color: #fcf7fd;}
.in_note4{color:#a05411;background-color: #fcf7fd;}
.in_note5{color:#c0436f;background-color: #fcf7fd;}

.in_note_content1{background-image:url(../image_en/in/in_ssp_bg1_mini.gif);}
.in_note_content2{background-image:url(../image_en/in/in_ssp_bg2_mini.gif);}
.in_note_content3{background-image:url(../image_en/in/in_ssp_bg3_mini.gif);}
.in_note_content4{background-image:url(../image_en/in/in_ssp_bg4_mini.gif);}
.in_note_content5{background-image:url(../image_en/in/in_ssp_bg5_mini.gif);}

.in_table{color:#000000;}
.in_table_small{color:#000000;}

.in_bullet2 {
	color:#138e33;
	background-repeat:no-repeat;
	background-image: url(../image_en/in/in_ssp_bullet2.gif);
}

.in_bg1{border: 1px solid  #9bb5cd;background-image: url(../image_en/in/in_ssp_bg1.gif);}
.in_bg2{border: 1px solid #74BE47;background-image: url(../image_en/in/in_ssp_bg2.gif);}
.in_bg3{border: 1px solid #B096D1;background-image: url(../image_en/in/in_ssp_bg3.gif);}
.in_bg4{border: 1px solid #C69A6F;background-image: url(../image_en/in/in_ssp_bg4.gif);}
.in_bg5{border: 1px solid #DD9393;background-image: url(../image_en/in/in_ssp_bg5.gif);}

.in_bigbg1{
	color:#000000;
    border: 1px solid  #9bb5cd; 
	background-image: url(../image_en/in/in_ssp_bg1_mini.gif);
}

/* ------- CPD 2 ------- */
#portfolio_layout_bg {
	background-color : #FFFFFF;
}

#portfolio_left {
}

#portfolio_right {
}

#portfolio_page_title {
	color:#9F0937;
}

#portfolio_photoborder {
	background: transparent url(../image_en/portfolio/cpd2_frame.jpg) no-repeat scroll 0 0;
}

#portfolio_photoborder_s {
	background: transparent url(../image_en/portfolio/cpd2_frame_small.jpg) no-repeat scroll 0 0;
}

.portfolio_name {
	color: #FFFFFF;
}
.portfolio_email a {
	color: #18A5BF;
}

.portfolio_email a:hover {
	color:#ff5a00;
}

.portfolio_pt a {
	color:#FFFFFF;
	background-repeat: no-repeat; 
	background-image: url(../image_en/portfolio/portfolio_bullet1.gif);
}

.portfolio_pt a:hover {
	color:#FDAAC3;
	background-repeat: no-repeat; 
	background-image: url(../image_en/portfolio/portfolio_bullet2.gif);
}

.portfolio_date {
	color: #FFFFFF;
}

.portfolio_title {
	color:#000000;
}

.portfolio_content {
	color: #000000;
}

.portfolio_content a {
	color: #1B56FD;
}

.portfolio_content a:hover {
	color: #FF5A00;
}

.portfolio_subtitle {
	color: #9F0937;
}

.portfolio_table_row {
	border-bottom: 1px dotted #333333;
}


/*
==================================================  ARR Revised (Added 20090804)  ================================================================================
*/
.arr_indi_column			{background-color:#ffffff;}
.arr_indi_box_title			{border-bottom:solid 1px #99abcb; background:#e7edf8;}/*updated 20091127 */
.arr_indi_box_title3		{border-bottom:solid 1px #99abcb; background:#729ec0; color:#FFFFFF; font-weight:bold}/*Added 20100416 */
.arr_indi_box_subtitle		{border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6; background:#efefef;}
.arr_indi_box_subsubtitle	{border-bottom:dashed 1px #d6d6d6; border-right:solid 1px #d6d6d6; background:#fafafa;}
.arr_indi_box_subsubtitle2	{border-bottom:solid 1px #d6d6d6; background:#fafafa;}
.arr_indi_box_subsubtitle3	{border-bottom:solid 1px #d6d6d6; background:#fafafa;border-right:solid 1px #d6d6d6;}/*Added 20100416 */
.arr_indi_box_subsubtitle3 a{color:#4360aa; text-decoration:none;}/*Added 20100416 */
.arr_indi_box_subsubtitle3 a:hover {color:#FF0000;}/*Added 20100416 */
.arr_indi_box_content		{border-bottom:solid 1px #d6d6d6; color:#5173ae; border-right:solid 1px #e7edf8; border-bottom:solid 1px #e7edf8; background:#f7faff}/*updated 20100416 */
.arr_indi_box_content a 	{color:#4360aa; text-decoration:none;} /*Added 20100331*/
.arr_indi_box_content a:hover {color:#FF0000} /*Added 20100331*/
.arr_indi_box_subsubcontent	{border-bottom:dashed 1px #d6d6d6;}/*updated 20091127 */
.arr_indi_box_subsubcontent2{border-bottom:solid 1px #d6d6d6;}/*updated 20091127 */
.arr_indi_box_subsubcontent3{border-bottom:solid 1px #d6d6d6;}/*Added 20100416 */
.arr_indi_rowlightblue		{background-color:#fafbff;border-right: 2px solid #bdbdbd;} /*updated 20090821 */
.arr_indi_heading1			{background-color:#c5d5f1;} 
.arr_indi_box_topline		{border-top:solid 1px #d6d6d6;}
.arr_indi_box_title_topline	{border-top:solid 1px #99abcb;}
.arr_indi_box_title2		{border-bottom:solid 1px #b5b5b5; border-right:solid 1px #b5b5b5; border-top:solid 1px #b5b5b5; background:#dfdddd;}
.arr_indi_criteria table	{border:1px solid #acabab; padding-top:0px; margin-top:10px;}/*Added 20100416*/
.transparent_textbox_long	{border:none; background-color:transparent;}
.table_subtop2				{background:#d5efff;color: #000000;border-bottom:solid 1px #8db8c4;}
.table_subtop2 a				{color: #000000;}
.table_subtop2 a:hover		{color: #ff0000;}
.dotline_left 				{border-left: 1px dashed #999999;}
.dotline_left2 				{border-left: 2px solid #9bb5cd;}
.dotline_right2 				{border-right: 2px solid #9bb5cd;}
.arr_indi_topic				{border-right:solid 1px #d6d6d6}/*Added 20091127*/
.arr_indi_other				{border:solid 1px #d6d6d6}/*Added 20091204*/
.arr_indi_borderR 			{border-right:solid 1px #d6d6d6;}/*Added 20091127*/
.arr_indi_borderR2 			{border-right:solid 1px #f1f1f1;}/*Added 20091127*/


.arr_name_off_move			{color:#4360aa; border-top:dashed 1px #2e6be5; border-bottom: dashed 1px #2e6be5;}/* Added 20090916 */
.arr_name_off_move a		{color:#4360aa;}/* Added 20090916 */


#CrossSubjectTable tr.arr_name_off_move #SubjectCell {color:#4360aa; border-top:dashed 1px #2e6be5; border-bottom: dashed 1px #2e6be5;}

.arr_indi_box_title_print	{border-bottom:solid 1px #99abcb; background:#c9c9c9;}/*Added 20091201 */
.arr_indi_heading1_print	{background-color:#ffffff;}/*Added 20091201 */
.arr_name_off_current_print	{color:#000000; background:#ffffff;}/*Added 20091201 */
.arr_indi_rowlightblue_print{background-color:#ffffff;border-right: 2px solid #bdbdbd;} /*Added 20091201 */

.arr_layer_table			{border:1px solid #89a5d7;}
.arr_layer_table thead		{background-color:#c3d6f4;} /*Added 20091223*/
.arr_layer_table td			{border-bottom:1px dotted #b3c4e2;} /*Added 20091223*/
.arr_layer_table td.left	{border-right:1px solid #b4c6e4;} /*Added 20091223*/
.arr_layer_table_grey		{border:1px solid #a9a8a8;}
.arr_layer_table_grey thead	{background-color:#edeef0;} /*Added 20091223*/
.arr_layer_table_grey td	{border-bottom:1px dotted #bfbebe;} /*Added 20091223*/
.arr_layer_table_grey td.left {border-right:1px solid #cecccc;} /*Added 20091223*/

.table_top{
	background-color: #9bb5cd;
	color: #ffffff;
}

.table_top a{
	color: #ffffff;
}

.table_top a:hover{
	color: #ff0000;
}

.table_top_CR{
	background-color: #9bb5cd;
	color: #ffffff;
}

.table_top_CR a{
	color: #ffffff;
}

.table_top_CR a:hover{
	color: #ff0000;
}

/*
=================================================  ARR Template (Added 20100505) ===================================================
*/
#report_template					{border:2px #bac5d8 solid; background:#f3f7fe}
.template_part 						{background:#FFF;}
.template_part .title 				{background:#eae8e8;}
.template_part .title span			{}
.template_part .title .edit 		{}
.template_part .content 			{}
.template_part .content .section 	{border:1px #bac5d8 solid;}
.template_part .content .section .type {}
.template_part .content .section .type span {background:#FFF;}
.template_part .content .section .edit {}
.template_part .content .section .data {}
.template_part .content .section .data img {}

.template_part .add		 			{}
.template_part .add	a	 			{color:#258002;}
.template_part .add	a:hover			{color:#FF0000;}
.template_part .content .pagebreak 	{border-top:2px #bac5d8 dotted; border-bottom:2px #bac5d8 dotted}
.template_part .content .pagebreak .type {}
.template_part .content .pagebreak .edit {}

.template_pop						 {/*background:#f3f7fe;*/}
.template_pop .upper				 {border-bottom: 1px dashed #999999; background:url(../image_en/arr/pop_bg_mid.gif) repeat-y}
.template_pop .upper .setting		 {}
.template_pop .upper .data			 {border:1px #999 solid; background:#FFF}
.template_pop .upper .data img		 {}
.template_pop .bottom				 {background:url(../image_en/arr/pop_bg_bottom.gif) no-repeat}
#template_pop_btn				     {}
.template_pop .arr_name_off_move	 {border-top:dashed 1px #4b80ea; border-bottom: dashed 1px #2e6be5; background:#fafcff}/* Added 20100511 */

#SubjectListTable tr.arr_name_off_move td {border-top:dashed 1px #4b80ea; border-bottom: dashed 1px #2e6be5; background:#fafcff}

.template_tag						 {background:#5379B8;color:#FFFFFF}
/*.template_tag						 {background:url(../images/arr/tag_bg1.gif) no-repeat 0px 0px}*/
/*.template_tag span				 {background:url(../images/arr/tag_bg1.gif) no-repeat right -16px; color:#FFFFFF}*/

.template_pop_rowtop 				 {color:#000; background: #e3e5e6; border-bottom: 1px solid #CCCCCC}
.template_pop_rowtop2 				 {color:#000; background: #d3d4d5; border-bottom: 1px solid #CCCCCC}
.template_pop_row					 {color:#000000; background: #fff; border-bottom: 1px solid #CCCCCC}

.arr_reportsetup 					{background:#CCCCCC}
.arr_reportsetup td.info 			{background:none repeat scroll 0 0 #E3E3E3;}
.arr_reportsetup thead tr td		{border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6; background:#efefef;}
.arr_reportsetup thead tr.info td	{border-bottom:solid 1px #d6d6d6; background:#dedede;}
.arr_reportsetup tr td				{background:#FFF;}
.arr_reportsetup tr td a 			{color:#4360aa; text-decoration:none}
.arr_reportsetup tr td a:hover 		{color:#FF0000}
.arr_reportsetup .small 			{color:#999}
.arr_reportsetup .corner 			{color:#999}
.arr_reportsetup .rightborder 		{border-right: 1px solid #bdbdbd;}

/*
==================================================  Parent Consulation  (Added 20100723) ================================================================
*/
.consult_booking 					{background:#CCCCCC}
.consult_booking thead tr td		{border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6; background:#efefef;} 
.consult_booking thead tr td.block	{background:#aaaaaa}
.consult_booking thead tr td.teacher_on	{background:#e1ffa6}
.consult_booking thead tr td.other_on	{background:#eed1ff}
.consult_booking thead tr.info td	{border-bottom:solid 1px #d6d6d6; background:#dedede;}
.consult_booking tr td				{background:#FFF;}
.consult_booking tr td a 			{color:#4360aa; text-decoration:none}
.consult_booking tr td a:hover 		{color:#FF0000}

.consult_booking tr.left td				{background:#FFF}
.consult_booking tr.left td.student_on	{background:#fffb99} /*Renamed & Updated 20100820*/
.consult_booking tr.left td.teacher_on	{background:#e1ffa6} /*Added 20100820*/
.consult_booking tr.left td.other_on	{background:#eed1ff} /*Added 20100820*/
.consult_booking tr.cell td					{background:#FFF}
.consult_booking tr.cell td.off				{background:#FFF}
.consult_booking tr.cell td.student_over	{background:#fffec6; cursor:pointer} /*Renamed & Updated 20100820*/
.consult_booking tr.cell td.student_on		{background:#fffb99} /*Renamed & Updated 20100820*/
.consult_booking tr.cell td.block			{background:#aaaaaa}
.consult_booking tr.cell td.block_other		{background:#dddddd} /* Added 20101109 */
.consult_booking tr.cell td.teacher_over	{background:#ebffc5; cursor:pointer} /*Added 20100820*/
.consult_booking tr.cell td.teacher_on		{background:#d5fd86} /*Added 20100820*/
.consult_booking tr.cell td.other_over		{background:#f5e7fe; cursor:pointer} /*Added 20100820*/
.consult_booking tr.cell td.other_on		{background:#eed1ff} /*Added 20100820*/
.consult_booking tr.cell td.in_progress     {background:#c1eef5} /*Added 20161216*/

.consult_booking_legend .text	{} /*Added 20100820*/
.consult_booking_legend .student	{background:#fffb99; border:1px solid #c0c0c0;} /*Added 20100820*/
.consult_booking_legend .teacher	{background:#e1ffa6; border:1px solid #c0c0c0;} /*Added 20100820*/
.consult_booking_legend .other		{background:#eed1ff; border:1px solid #c0c0c0;} /*Added 20100820*/
.consult_booking_legend .block		{background:#aaa; border:1px solid #c0c0c0;} /*Added 20100820*/
.consult_booking_legend .block_other		{background:#ddd; border:1px solid #c0c0c0;} /*Added 20101109*/

/*extra for block 2*/
.consult_booking tr.cell td.block_over	{background:#aaaaaa}

.consult_interval {background:#21a121; color:#FFFFFF}
/* ESF Timestamp= - fa0b481d99f397debd2e9d510a8a6f4b */
/* ESF Timestamp=2013-03-26Z12:10:43T+0800 - cbb4e8d8607cae51ac8e018f100d7df7 */
/* ESF Timestamp=2014-02-18Z16:02:52T+0800 ; 20140218-v5.33_BL_Feb_Fix-UploadBy_albertwong - 0740f7b190de4a8f674446ed22b9c195 */
/* ESF Timestamp=2014-10-16Z15:39:55T+0800 ; 20141016-v1409-UploadBy_albertwong - 1bd632fb112aedd14afab8e049bfb96e */
/* ESF Timestamp=2017-01-25Z16:31:33T+0800 ; 20170125-v1612_enhance_and_pconslt_mobile_ui_update-UploadBy_matthewmak - 1cf4bfbdfa388598b18f8961ee35bf56 */