/* CSS Document */
#course h3 { margin: 0; padding: 0; font-size: 20px; font-family: Arial, sans-serif; }
/*containers for each company*/
.class_container { width: 640px; margin-bottom: 15px; }
/* menu */
.class_menu { height: 24px; margin-top: -6px; padding: 6px 0 4px 25px; }
.class_menu li { float: left; margin-right: 10px; }
.class_menu li a { display: block; padding: 5px 4px; color: white; font-weight: bold; }
/*containers for lists*/
.list_container { padding: 0 0 0 10px; }
/* list */
.class_list { clear: both; background: #d5e1ef; width: 100%; padding-top: 5px; padding-bottom: 5px; }
.class_list li { margin: 0 0 10px 25px; }
.class_list li a { color: black; }
/*other classes*/
.class_menu_active { background-color: #d5e1ef; }

/*coursedetail*/
#coursedetail { font-family: Arial, Helvetica, sans-serif; width: 642px; position: relative; padding-bottom: 8px; }
#coursedetail p.icons { position: absolute; top: 64px; right: 5px; }
#coursedetail .course_title_left { width: 124px; height: 61px; float: left; background: url(../images_pres/coursedetail_leftbg2.gif) no-repeat; text-align: center; color: #000000; font-weight: bold; border: 1px solid #5a85b7; border-right: none; }
#coursedetail .course_title { width: 506px; /*521*/ height: 59px; /*61*/ float: left; background: url(../images_pres/coursedetail_title_bg2.gif) no-repeat; padding: 1px 5px; border: 1px solid #5a85b7; border-left: none; }
#coursedetail h1 { font-size: 13px; font-weight: bold; color: #000000; border-bottom: 1px solid white; height: 29px; }
#coursedetail h1 { height: 30px; }
#coursedetail h2 { font-size: 10px; color: black; }
#coursedetail h3 { font-size: 14px; }
#coursedetail h4 { padding-top: 3px; font-size: 15px; margin-bottom: 10px; }
#coursedetail p.course_info { background: url(../images_pres/coursedetail_courseinfo_bg.gif) no-repeat; /*cccccc*/ height: 13px; /*23*/ padding: 5px 0 5px 18px; font-weight: bold; border: 1px solid #5a85b7; border-top: none; }
#class_section { position: relative; border: 1px solid #5a85b7; border-top: none; }
#class_section .bg_gray { height: 14px; /*26*/ background: url(../images_pres/coursedetail_graybg.gif) no-repeat; /*999999*/ padding: 5px 0 5px 18px; font-weight: bold; border-bottom: 1px solid #5a85b7; }
#class_section .tabs { position: absolute; left: 101px; top: 8px; }
#class_section .tab { width: 26px; /*40*/ height: 11px; /*18*/ float: left; background: url(../images_pres/tab_bg02_3.gif) no-repeat; font-weight: bold; color: white; padding: 4px 7px 3px 8px; margin-right: 4px; cursor: pointer; }
#class_section .tab { padding: 2px 7px 3px 8px; height: 13px; }
#class_section .tab.active { background: #ffffff url(../images_pres/tab_bg01_3.gif) no-repeat; color: #cc0000; z-index: 100; }
#class_section .timelist_container { height: 77px; overflow: hidden; }
#class_table { margin-left: 43px; border-collapse: collapse; margin-bottom: 2px; }
#class_table td { border-bottom: 1px solid #d6d6d6; padding: 4px; }
#class_table tr.last td { border: none; }
#more_time_btn, #up_btn { margin-bottom: -3px; cursor: pointer; }
#more_time_btn, html:root #up_btn { margin-bottom: 0px; }
#coursedetail div.detail { border: 1px solid #5a85b7; border-top: none; padding-top: 8px; margin-bottom: 8px; position: relative; padding-right: 20px; }
#coursedetail a { color: #0b4a94; }
#coursedetail h5 { color: #003366; /*color:#090606;*/ font-weight: bold; font-size: 12px; margin-bottom: 3px; margin-left: 16px; }
#coursedetail div.detail div.data { margin-left: 30px; margin-bottom: 8px; line-height: 1.5; }
#coursedetail .data ul { list-style-type: disc !important; margin-left: 15px; }
#coursedetail .data ol { list-style-type: decimal !important; margin-left: 24px; }
#coursedetail .data ol { margin-left: 20px; }
#coursedetail .data ol li, #coursedetail .data ul li { margin-bottom: 5px; padding-right: 5px; }
#coursedetail img.top { position: absolute; bottom: 3px; right: 2px; }
#coursedetail ol li p.question { width: 570px; background: #cccccc; /*url(../images_pres/bg_lightblue.gif)#dde8f7;99ccff*/ padding: 3px; font-weight: bold; margin-bottom: 5px; margin-righ: 5px; cursor: pointer; }

/* Tony: To show active tab */
#class_section .tab_panel {display:none;}
#class_section .tab_panel.active {display:inline;}

/* Tony: To show active tab content */
#class_table tr.hide {display:none;}

/* Tony: When no classes 
#class_section .tab_panel_empty {display: none;}
#class_section .tab_panel_empty.active {display: inline;}
*/

/*course_register*/
#course_register { width: 640px; margin: 0 auto; }
#course_register h1 { background: #666666; height: 37px; margin-bottom: 8px; }
#course_register .steps { padding-top: 14px; margin-top: 8px; background: url(../images_pres/course_register_top.gif) no-repeat; }
.steps .middle { background: url(../images_pres/course_register_middle.gif) repeat-y; padding: 5px 10px 10px 87px; }
.steps .middle p { width: 445px; /*465*/ margin: 5px 0; line-height: 1.5; }
.steps .middle .title { background: url(../images_pres/icon_star.gif) no-repeat; font-size: 24px; color: #336699; font-weight: bold; padding-left: 20px; border-bottom: 5px solid #29618f; }
.steps .middle ul { width: 441px; /*465*/ border: 1px solid #ebebeb; padding: 2px 8px 2px 8px; }
.steps .middle div#customer_status { width: 441px; /*465*/ border: 1px solid #ebebeb; padding: 10px 8px 2px 8px; }
.steps .middle div#customer_status p { width: 299px; padding-left: 90px; }
.steps .middle div#customer_status p button { border: none; width: 200px; height: 27px; background: url(../images_pres/button_bg_3_1.gif) no-repeat; color: #FFFFFF; cursor: pointer; }
.steps .middle div#customer_status p button:hover { background: url(../images_pres/button_bg_3_2.gif) no-repeat; }
.steps .middle ul li { padding: 5px 0px; color: #0B2546; }
.steps .middle ul li label { display: block; float: left; width: 78px; text-align: right; }
.steps .middle ul li input, .steps .middle ul li select { margin-left: 5px; color: #0B2546; /*336699*/ height: 15px; font-size: 12px; font-family: Arial, "新細明體;"; margin-bottom: 2px; vertical-align: middle; }
.steps .middle ul li select { height: 19px; }
.steps .middle .subtitle { background: url(../images_pres/BoxIcon13.gif) 0 1px no-repeat; padding-left: 13px; font-size: 14px; font-weight: bold; color: #336699; }
html:root .steps .middle .subtitle { background: url(../images_pres/BoxIcon13.gif) 0 3px no-repeat; }
.steps .middle .subtitle2 { background: url(../images_pres/course_register_subtitle2_bg.gif) no-repeat; width: 465px; margin-top: 15px; }
.steps .middle .subtitle2 .subtitle { margin: 0; margin-left: 8px; background: url(../images_pres/BoxIcon13.gif) 0 5px no-repeat; }
.steps .middle .subtitle2 div { border: 1px solid #b4b4b4; padding: 8px 5px 8px 30px; }
.steps .middle ul li.last { border: none; }
.steps .middle textarea { width: 459px; /*469*/ height: 67px; /*77*/ background: #ebebeb; border-top: 1px solid #6699cc; border-left: 1px solid #6699cc; border-bottom: 1px solid #6699cc; border-right: 1px solid #6699cc; color: #336699; padding: 5px; overflow: auto; }
.steps .middle .textarea2 { width: 345px; height: 30px; background: #ffffff; color: #0B2546; margin-left: 5px; }
.steps img.register_button { cursor: pointer; /*margin-left:249px;*/ }
.steps .div_btn { text-align: center; margin-bottom: 8px; }
.steps #3 { background: url(../images_pres/button_submit.gif); }
.steps .bottom { height: 12px; background: url(../images_pres/course_register_bottom.gif) no-repeat; }
#register_result { margin-top: -2px !important; position: relative; }
#register_result p.print { position: absolute; top: 10px; right: 0; width: 50px; }
.clear { clear: both; }

/*course_lookup*/
#course_lookup { margin-bottom: 10px; width: 650px; }
#course_lookup .block_gray { margin-bottom: 10px; }
#course_lookup .block_gray p.title { /*width:258px;270*/ padding: 10px 0 7px 10px; color: #ffffff; font-size: 15px; background: #5581b3; }
#course_lookup .block_gray a { color: #000000; }
#course_lookup .middle { /*width:248px;270*/ padding: 10px; border-left: 1px solid #5581b3; border-right: 1px solid #5581b3; background: #ebebeb; }
#course_lookup .middle p.intro_text { margin-bottom: 5px; font-size: 13px; color: 0066FF; }
#course_lookup #lookup_left ul.level_1 li p { color: #663300; font-weight: bold; font-size: 13px; cursor: pointer; }
#course_lookup ul.level_2 { margin-left: 3px; }
#course_lookup ul.level_2 li { border-left: 1px solid #5581b3; background: url(../images_pres/course_lookup_level_2.gif) left -1px no-repeat; padding-left: 10px; padding-bottom: 8px; padding-top: 3px; }
#course_lookup ul.level_2 li p { color: #000000; font-weight: normal; font-size: 12px; }
html:root #course_lookup ul.level_2 li { background: url(../images_pres/course_lookup_level_2.gif) -1px 0 no-repeat; }
html:root #course_lookup ul.level_2 li.last { background: url(../images_pres/course_lookup_level_2.gif) left 0 no-repeat; }
#course_lookup ul.level_3 { margin-left: 5px; }
#course_lookup ul.level_3 li { background: url(../images_pres/course_lookup_level_3.gif) 0px 0 no-repeat; padding-left: 14px; padding-bottom: 5px; border-left: 1px solid #5581b3; }
html:root #course_lookup ul.level_3 li { background: url(../images_pres/course_lookup_level_3.gif) -1px 0 no-repeat; }
html:root #course_lookup ul.level_3 li.last { background: url(../images_pres/course_lookup_level_3.gif) 0 0 no-repeat; }
#course_lookup ul.level_3 li a { font-size: 10px; }
#course_lookup ul li.last { border: none; }
#course_lookup .block_gray p.bottom { height: 10px; background: url(../images_pres/course_lookup_bottom03.gif) no-repeat; }

/*course_lookup_result*/
#course_lookup_result { width: 647px; }
#course_lookup_result p.word_redbold { background: url(../images_pres/BoxIcon20.gif) no-repeat; padding-left: 24px; height: 17px; }
#course_lookup_result #course_title { width: 606px; /*647*/ background: url(../images_pres/bg_gray.gif) no-repeat; border: 1px solid #5a85b7; padding: 8px 20px 5px 19px; color: #FFFFFF; margin-top: 9px; position: relative; }
#course_lookup_result #course_title .register { position: absolute; top: 5px; right: 5px; }
#course_lookup_result #course_info_1 { background: #cbdcee; border: 1px solid #5a85b7; padding: 8px 20px 5px 23px; position: relative; }
#course_lookup_result #course_info_1 .more_info { position: absolute; top: 5px; right: 0; }
#course_lookup_result #course_title span.group { color: #b6d8ff; }
#course_info_2 div.data { padding: 8px 10px 8px 20px; line-height: 1.5; }
#course_info_2 div.data ul { margin-top: 5px; list-style-type: disc; margin-left: 20px; }
#course_info_2 div.data ol { margin-top: 5px; list-style-type: decimal; margin-left: 22px; }
#course_info_2 div.data ul li, #course_info_2 div.data ol li { margin-bottom: 5px; }
.ui-accordion-header { border: 1px solid #5a85b7 !important; }

/*basic keyword search container*/
#course_lookup_result_keyword { width: 642px; }
#course_lookup_result_keyword p.word_redbold { background: url(../images_pres/BoxIcon20.gif) no-repeat; padding-left: 24px; height: 17px; margin-bottom: 5px; }
#course_lookup_result_keyword p.result_title { background: #d2e9ff; padding: 5px; border-top: 1px solid #5581b3; font-weight: bold; color: #013672; margin-bottom: 10px; }
#course_lookup_result_keyword .result_list li { border-bottom: 1px solid #d2e9ff; clear: both; padding: 3px 0; }
#course_lookup_result_keyword .result_list li.last { border: none; }
#course_lookup_result_keyword .result_list li p.class_id { width: 100px; /*74*/ float: left; color: #5581b3; }
#course_lookup_result_keyword .result_list li p.class_title { width: 325px; /*460*/ float: left; }
#course_lookup_result_keyword .result_list li p.class_ucomlive { float: left; width: 51px; background: #FFFFFF; margin-left: 10px; }
#course_lookup_result_keyword .result_list li p.class_hours { width: 81px; /*81*/ float: left; margin: 0 5px; }
#course_lookup_result_keyword .result_list li p.class_btns { float: left; }

/*20100908*/
/*advanced search */
#advsearch { width: 920px; font-size: 12px; color: #000000; }
#advsearch_controls { background: #c2e0ff; /*height:75px;*/ height: 180px; }
#advsearch_controls .title { background: #003366; height: 28px; }
/*20101123 update*/
#advsearch_controls .right { margin-left: 405px; position: relative; vertical-align: middle; }
#advsearch_controls .labeltitle { vertical-align: middle; padding-right: 29px; }
#advsearch_controls div { padding: 5px 5px 0 8px; }
#advsearch_controls div label { font-size: 13px; vertical-align: middle; padding: 0 3px 0 3px; display: inline-block; width: 100px; }
#advsearch_controls div span.s1 select { width: 130px; }
#advsearch_controls div span.s2 select { width: 70px; }
#advsearch_controls div span.s3 select { width: 45px; }
#advsearch_controls div span.s4 select { width: 230px; }
#advsearch_controls .left { float: left; width: 395px; height: 142px; border-right: 1px; border-right-style: solid; border-right-color: #CCC; padding-right: 5px; }
#advsearch_controls .left p { padding: 3px 0 20px 3px; color: #666; }
#advsearch_controls .keyword { font-size: 13px; padding: 9px 10px 0 0; color: #ff0000; width: auto; float: left; }
/*20100909refix*/
#advsearch_controls span { /*color:#cc0000;*/ }
#advsearch_controls .time { width: 200px; float: left; padding: 8px 5px 4px 8px; height: 10px; }
#advsearch_controls .keyword { width: 412px; float: left; padding: 8px 5px 4px 12px; height: 10px; }
#advsearch_controls .area { width: 200px; float: left; padding: 8px 5px 4px 8px; height: 10px; }
#advsearch_controls .partner { width: 412px; float: left; padding: 8px 5px 4px 12px; height: 10px; }
#advsearch_controls .group { width: 629px; float: left; padding: 8px 5px 4px 8px; height: 10px; }
    /**/             /* ---> 20101209 from AdvancedSearch.aspx*/
#advsearch_controls .error input[type=text] { color: Red; }

    /**/
#advsearch .showbar_arr { background: url('../images_pres/course_lookup_result_detail_showbar_arr.gif') no-repeat 18px 0; height: 10px; }

#search_results { border: 1px solid #003366; border-collapse: collapse; margin: 10x 0; }
#search_results > thead th { background: #003366; color: #ffffff; font-weight: bold; height: 20px; text-align: center; padding: 9px 9px 11px 9px; /*padding: 3px 0;*/ }
/*#search_results > thead th.line { border-right: 1px solid #999999;  }*/
#search_results td { /*background: #ffffff; text-align: left; vertical-align: top; */}
#search_results td p { font-size: 12px; line-height: 1.1em; }
#search_results .courseid { color: #003471; }
#search_results .partner { display: inline; color: #666666; padding-right: 20px; }
#search_results td.line .right { float: right; }
#search_results .courseinfo p { padding-top: 10px; font-size: 11px; color: #666666; }
#advsearch table tbody td a:link, #search_results td a:visited { color: #000fff; text-decoration: none; }
#search_results td a:hover, #search_results td a:active { color: #ff0000; text-decoration: underline; }
#search_results tr.odd td { background-position: #CCFFFF; background: #CCFFFF; }
#search_results td.line { border-right: 1px solid #999999; padding: 9px 9px 11px 9px; }

#search_results tbody tr { /*border-bottom: solid 6px transparent; border-top: solid 6px transparent;*/ }


#search_results table {width: 100%; table-layout: fixed;}
#search_results table thead tr { height: 0; /*text-align: left; vertical-align: middle;*/ }
#search_results table thead th.classlocation { width: 5em; color: #000000; }
#search_results table thead th.classid { width: 7.5em;  color: #000000; }
#search_results table thead th.classdate { width: 7em;  color: #000000; }
#search_results table thead th.classroute { width: 8em; color: #000000; }
#search_results table thead th.classtime { width: 7em;  color: #000000; }
#search_results table thead th.ucomlive { width: auto;  }
/*#search_results td.classlocation { width: auto; padding: 10px 0 3px 0; height: 14px; color: #000000; }
#search_results td.classid { width: auto; padding: 9px 0 3px 0; color: #000000; }
#search_results td.classdate { width: auto; padding: 9px 0 3px 0; color: #000000; }
#search_results td.classroute { width: auto; padding: 9px 0 3px 0; color: #000000; }
#search_results td.classtime { width: auto; padding: 9px 0 3px 0; color: #000000; }
#search_results td.ucomlive { width: auto; padding: 7px 0 3px 0; }*/


#search_results td.noclass { width: auto; padding: 9px 8px 8px 8px; color: #000000; }
#search_results td span.台北 { color: #006699; font-size: 12px; }
#search_results td span.新竹 { color: #336600; font-size: 12px; }
#search_results td span.台中 { color: #5001a4; font-size: 12px; }
#search_results td span.高雄 { color: #cc9933; font-size: 12px; }
    /**/                /* ------> 20101209 from AdvancedSearch.aspx*/
#search_results .classid span.disable { color: #808080; }
#search_results .classid span.disable:hover { }
#search_results thead th.col1 { width: 44.5%; }
   /**/


   
/*course_lookup_error*/
#course_lookup_error p.word_redbold { background: url(../images_pres/icon_search.gif) no-repeat; padding-left: 22px; padding-top: 5px; height: 24px; /*29*/ }
#course_lookup_error div { width: 364px; /*523*/ height: 100px; /*153*/ background: url(../images_pres/course_lookup_error.gif) no-repeat; padding: 50px 34px 3px 125px; margin-top: 18px; margin-left: 78px; position: relative; }
#course_lookup_error div p { margin-bottom: 8px; font-weight: bold; }
#course_lookup_error div p.link_btns { position: absolute; bottom: 15px; }
#course_lookup_error div p.link_btns a { color: #000000; font-weight: normal; }
#course_lookup_error div p.link_btns img { vertical-align: middle; }

/*course_hotcourse*/
#course_hotcourse { width: 925px; margin-top: 15px; clear: both; padding: 3px 0 15px 0; }
#course_hotcourse p.title { border-bottom: 2px solid #4d4d4d; margin: 10px 0; padding: 10px 0; }
#course_hotcourse ul.hot_list { width: 650px; padding-left: 11px; float: left; }
#course_hotcourse ul.hot_list li { width: 313px; background: url(../images_pres/BoxIcon29.gif) no-repeat 0 3px; padding-left: 10px; margin-bottom: 5px; margin-right: 2px; float: left; }
#course_hotcourse ul.hot_list li a { font-weight: bold; color: #012e63; }
#course_hotcourse ul.related_service { width: 258px; /*261*/ height: 75px; /*105*/ background: url(../images_pres/course_hotcourse_service.gif) no-repeat; padding: 30px 0px 0 3px; float: right; }
#course_hotcourse ul.related_service li { min-width: 110px; float: left; margin-left: 10px; margin-bottom: 6px; }
#course_hotcourse ul.related_service li a { color: #000000; }