html {}
/*body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; margin:0px; padding:0px; }*/
/* general information styles */
.btn {font-size:10px; cursor:pointer; color:#ffffff; background-color:#666666; height: 21px; }
.btnc80 { font-size:10px; width:80px;}
.btnc70 { font-size:9px; width:70px;}
.btnc70x2 { font-size:9px; width:60px; height:40px; text-align:center;}
.btnc980 { font-size:9px; width:80px;}
.btnc100 { font-size:10px; width:100px;}
.btnc120 { font-size:10px; width:120px;}
.btngen { font-size:10px;}
.btngenr { font-size:9px;}
.btngen_bold { font-size:11px; font-family:Arial;}
.btngen_boldt { font-size:11px; font-family:Arial; height:30px; font-weight:bold;}
.btngen_boldtw { font-size:11px; font-family:Arial; height:30px; font-weight:bold; width:250px;}
.btnwin {font-size:10px; cursor:pointer; color:#000000; }
.btnwin1 {font-size:10px; cursor:pointer; color:#000000; height: 21px; width:100px; }
.btnw1 {font-size:10px; cursor:pointer; color:#ffffff; background-color:#666666; height: 21px; width:150px; }
.edit { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; border: 1px solid #999999; padding:1px; height:14px; }
.edit_ft { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; border: 1px solid #999999; padding:1px; height:14px; margin-top:3px; }
.edit_ft1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; background-color:#e6e6c6; padding:1px; height:14px; margin-top:3px; border:0px; }
.edit_ddl { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; border: 1px solid #999999; background-color:#f3f3e0; padding:2px; height:20px; margin-top:3px; }
.edit_ddl9 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;color: #000000; border: 1px solid #999999; background-color:#f3f3e0; padding:2px; height:18px; margin-top:3px; }
.edit_ddl9a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;color: #000000; border: 0px solid #999999; background-color:#ffffff; padding:0px; margin:0px; height:16px; margin-top:0px; }
.edit_ddl9c { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;color: #000000; border: 0px solid #999999; background-color:#ffffff; padding:0px; margin:0px; height:16px; margin-top:0px; }
.edit_ddl9ab { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;color: #000000; border:1px solid #999999; background-color:#ffffff; padding:0px; margin:0px; height:18px; margin-top:0px; }
.editf3 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; border:1px solid #cccccc; height:18px; margin-top:1px; }
.edit_sm { font-size:11px; background-color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif;}
.edit_sm_nb { font-size:9px; border:0px; background-color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif;}
.edit_sm_bdr { font-size:9px; border:0px; background-color:#ffffff; border:1px solid #999999; font-family:Verdana, Arial, Helvetica, sans-serif; height:13px;}
.ptr { cursor:pointer;}
.clear { clear:both;}
.img { border:0px;}
.temp {font-style:italic; color:#aa5f5f;}
.hlight { color:#0000ff;}
.hlightr { color:#ff0000;}
.hlightrb { color:#ff0000; font-weight:bold;}
.hlightg { color:#009900;}
.hlightgb { color:#009900; font-weight:bold;}
.hlightob { color:#ff9966; font-weight:bold;}
.hlighto { color:#ff6600;}
.hlightoo { color:#ff9900;}
.hlightbk { color:#000000;}
.normalws { font-weight:normal; font-size:9px;}
.warning { font-weight:bold; color:#ff0000;}
.warning_sm { font-size:9px; font-weight:bold; color:#ff0000;}
.required { color:#ff0000; font-size:9px; font-style:italic;}
.info { color:#666666; font-size:9px; font-style:italic;}
.info2 { color:#999999; font-size:9px; font-style:italic;}
.go { font-weight:bold; color:#339933;}
.sepbtm { width:100%; height:20px; border-bottom:1px solid #999999; }
.septop { width:100%; height:20px; border-top:1px solid #999999; }
.sepnb { float:left; width:100%; height:20px;}
.dividert { width:760px; height:12px; border-bottom:1px solid #999999; margin-bottom:3px;}
.dividerb { width:760px; height:12px; border-top:1px solid #999999; margin-top:3px;}
.dividerboth { width:760px; border-bottom:1px solid #999999; border-top:1px solid #999999; margin-top:10px; margin-bottom:10px; padding:10px 0px; }
.dividerbtm { width:760px; border-bottom:1px solid #999999; border-top:1px solid #999999; padding:0px 0px; margin:10px 0px; }
div.dividerboth div.mp_pad1_s { padding-top:10px; width:330px; font-size:9px;}
div.dividerboth div.dividerleft { float:left; width:375px; border-right:1px solid #999999; font-style:italic; color:#666666;}
div.dividerboth div.dividerright { float:left; padding-left:5px; width:370px;font-style:italic; color:#666666;}
.dividerboth_lp {width:760px; border-bottom:1px solid #999999; border-top:1px solid #999999; margin-top:10px; margin-bottom:10px; }
ul.ulist li { list-style-image:url(../_images/pawptr3.gif); padding-bottom:15px; line-height:20px;}
.ulist {}
ul.ulistb li { margin-left:40px; margin-bottom:5px; margin-top:10px; padding:0px 0px 5px 0px; border-bottom:1px solid #999999; text-indent:15px; line-height:25px; font-family:verdana; font-size:11px; height:30px; list-style-image:url('../_images/pawptr3.gif'); color:#333333;}
ul.ulistb2 li { margin-left:40px; margin-bottom:5px; margin-top:5px; padding:0px 0px 5px 0px; text-indent:10px; line-height:25px; font-family:verdana; font-size:11px; height:25px; list-style-image:url('../_images/pawptr3.gif'); color:#333333;}
ul.ulistc li { margin-left:40px; margin-bottom:5px; text-indent:10px; line-height:16px; font-family:verdana; font-size:11px; height:22px; list-style-image:url('../_images/dotp.gif');}
ul.ulistc2 li { margin-left:40px; margin-bottom:5px; text-indent:10px; line-height:14px; font-family:verdana; font-size:11px; height:18px; list-style-image:url('../_images/dotp.gif');}
olist { margin-top:0px;}
ol.olist40 li {margin-left:48px; padding-bottom:2px;}
.ulisto { width:400px; margin-left:0px;}
.panellist1 { float:left; clear:both; width:400px;}
.panellist2 { float:left; clear:both; width:400px;}
.ulisto_head { float:left; width:385px; padding:5px; color:#ffffff; margin-bottom:3px; height:20px; line-height:20px; background-image:url(../_images/ulist_head.gif); }
.ulisto_head_left { float:left; width:260px; height:20px; line-height:20px; font-weight:bold; }
.ulisto_head_mid { float:left; width:90px; padding-right:10px; height:20px; line-height:18px; text-align:right; }
.ulisto_head_right { float:left; width:13px; height:13px; padding:3px 0px 4px 0px }
div.ulisto div { float:left; width:362px; height:19px; padding:2px; line-height:19px; font-size:9px; margin-bottom:3px; margin-top:3px; background-image:url(../_images/ulist_item.gif); }
div.ulisto div.ulisto_img { float:left; width:19px; height:19px; padding:2px; margin-right:5px; margin-bottom:3px; margin-top:3px; background-image:none; }
.ulisti { font-size:9px; color:#666666; }
.pan_options { border:1px solid #999999; }
.qsmall { width:13px; height:13px; padding-top:1px; cursor:pointer;}
/* end general information styles */
/* anchors */
a:link { color: #000000; font-size:9px; text-decoration: none; }
a:visited {color: #000000; font-size:9px; text-decoration: none;}
a:hover { color: #000000; font-size:9px; text-decoration: underline;}
a.focusk:link { color: #000000; font-size:9px; text-decoration: none; }
a.focusk:visited {color: #000000; font-size:9px; text-decoration: none;}
a.focusk:hover { color: #000000; font-size:9px; text-decoration: underline;}
a.focusb:link { color: #0000ff; font-style:normal; text-decoration: none; }
a.focusb:visited {color: #0000ff; font-style:normal; text-decoration: none;}
a.focusb:hover { color: #0000ff; font-style:normal; text-decoration: underline;}
a.focusba:link { color: #0000ff; font-style:normal; font-size:11px; text-decoration: none; }
a.focusba:visited {color: #0000ff; font-style:normal; font-size:11px; text-decoration: none;}
a.focusba:hover { color: #0000ff; font-style:normal; font-size:11px; text-decoration: underline;}
a.focusbs:link { color: #0000ff; font-style:normal; text-decoration: none; font-size:8px; }
a.focusbs:visited {color: #0000ff; font-style:normal; text-decoration: none; font-size:8px;}
a.focusbs:hover { color: #0000ff; font-style:normal; text-decoration: underline; font-size:8px;}
a.focusp:link { font-family:Arial; font-weight:bold; color: #0099ff; text-decoration: none; }
a.focusp:visited {color: #0099ff; text-decoration: none;}
a.focusp:hover { color: #0099ff; text-decoration: underline;}
a.focusp1:link { font-family:Arial; font-weight:bold; color: #9933ff; text-decoration: none; }
a.focusp1:visited {color: #9933ff; text-decoration: none;}
a.focusp1:hover { color: #9933ff; text-decoration: underline;}
a.focusw:link { color: #ffffff; text-decoration: none; }
a.focusw:visited { color: #ffffff; text-decoration: none; }
a.focusw:hover { color: #ffffff; text-decoration: underline;}
/* page template items - do not change names - required by page.js */
#header { background-color:#000000; width:100%; height:80px; border-bottom:1px solid #cccccc;}
#hleft { position:absolute; top:0px; left:0px; z-index:10; width:40%; height:80px; padding:0px 0px 0px 20px;}
#hleft_top { width:300px; height:30px; padding-top:29px;}
#hleft_btm { width:300px; height:16px; padding:0px 0px 5px 0px; font-family:Arial; font-size:11px; font-weight:bold; color:#ffffff;}
#hright { float:right; width:40%; line-height:11px; height:39px; padding:36px 10px 5px 0px; text-align:right; color:#ffffff; }
#maincontent { width:100%; background-color:#ffffff; clear:both; }
/* this set in custom
#menu { width:100%; height:25px; line-height:18px; color:#ffffff; background-color:#0066cc; border-bottom:1px solid #cccccc;}
/**/
#navbar { width:100%; height:23px; line-height:18px; padding:0px; background-color:#333333; }
#hp_img { text-align:center; margin-top:20px; padding-left:50px;}
#hp_img_div { width:760px; height:550px;}
#hp_img2 { text-align:center; margin-bottom:50px; margin-top:30px;}
#hp_img_div2 { width:800px; height:551px; background-image:url('../_images/tac_home_03.png'); margin:auto;}
#content_all {width:100%; }
#content_right { float:right; width:250px; background-color:#ebecf1; min-height:500px; }
#content_left { float:left; width:900px;}
#footer { float:left; width:100%; height:30px; border-top:1px solid #333333; background-color:#333333; text-align:center; color:#ffffff; line-height:28px;}
/* end page template items */
/* new content items */
.panelv { width:270px;}
.panelv1 { float:right; width:19px; min-height:794px; border-top:1px solid #ffffff; border-left:1px solid #ffffff; text-align:center; padding-top:5px; background-image:url('../_images/collapse_bkgnd_s.gif'); background-repeat:repeat-y;}
.panelv1a { float:right; width:250px; min-height:800px; background-color:#f3f4f9;} /*f3f4f9*/
.posmid { float:right;}
#content_all_c { position:absolute; top:130px; width:100%; min-height:800px; z-index:-1; }
#content_left_pos { float:left; position:absolute; top:0px; width:900px; z-index:5; }
#content_right_pos { float:right; position:relative; top:0px; width:270px; z-index:10;}
#footer_c { float:right; width:100%; height:30px; border-top:1px solid #333333; background-color:#333333; text-align:center; color:#ffffff; line-height:28px; clear:both;}
/* end new content items */
/* home page login */
#login { margin-left:510px; padding-top:50px; margin-right:60px; width:230px; height:96px;}
.lg_hp_text { float:left; width:80px; height:22px; padding-right:5px; text-align:right;}
.lg_hp_ctrl { float:left; width:140px; height:22px; text-align:left;}
.lg_hp_ctrlx { float:left; font-size:9px; width:140px; height:22px; text-align:left;}
.lg_hp_title { float:left; width:230px; text-align:left; height:22px; line-height:22px; border-bottom:1px solid #999999; margin-bottom:5px; }
.lg_hp_msg { float:left; width:230px; text-align:right; line-height:13px; font-size:9px; }
#startdirect {margin-left:359px; margin-right:58px; width:383px; height:30px; font-size:14px; font-weight:bold; font-family:Arial; padding-top:31px; text-align:right;}
#startselect {width:740px; padding-right:60px; height:22px; text-align:right;}
#startselecta {width:740px; padding-right:60px; height:22px; text-align:right;}
#loggedin { margin-left:459px; margin-right:58px; width:283px; height:114px; margin-top:0px; background-image:url('../_images/tac_loggedin1.gif'); }
/* end home page login */
/* menu items */
.mpan { float:left; width:135px; height:25px; margin:0px; cursor:default;}
.mpan_less { float:left; width:50px; height:25px; margin:0px; cursor:default; background-image:url('../_images/menu_nrw_teal.gif');}
div.menu div { float:left; width:135px; height:20px; margin-top:3px; color:#000000; text-align:center; font-size:9px;}
.menu2 {float:left; width:950px; height:26px; margin-top:13px; margin-bottom:10px; border-bottom:1px solid #999999; }
div.menu2 div { float:left; width:135px; height:20px; line-height:20px; margin-top:3px; color:#000000; text-align:center; font-size:9px;}
div.menu2 div.menu2_less { float:left; width:50px; height:20px; line-height:20px; margin-top:3px; color:#000000; text-align:center;background-image:url('../_images/menu_nrw_teal.gif');}
.m_ovr { background-image:url(../_images/menu_ov_black.gif); cursor:default;}
.lnk_msg { float:left; width:600px; height:18px; padding-top:2px; padding-left:20px; color:#ff0000; font-weight:bold;}
.lnk_msg2 { float:left; width:600px; height:18px; padding-top:2px; padding-left:20px; color:#ff0000; font-weight:bold;}
/* this set in custom
.m_out { background-image:url(../_images/menu_ot.gif);}
.btn_local { float:left; width:135px; height:18px; background-image:url(../_images/menu_ot_straw.gif); text-align:center; padding-top:2px;}
/**/
.btn_xtra { float:left; width:205px; height:16px; line-height:16px; text-align:center; background-image:url('../_images/menu_lng_teal.gif'); }
.btn_less { float:left; width:50px; height:18px; padding-top:2px; text-align:center; background-image:url('../_images/menu_nrw_teal.gif'); }
.lbl_xtra { float:left; height:16px; line-height:16px; padding-left:5px; padding-top:3px;}
/* hover menu */
.mhovpanel { position:absolute; visibility:hidden; width:128px; padding:0px 3px; background-color:#ffffff; border:1px solid #333333; text-align:left; background-image:none; }
.mhovpanel2 { position:absolute; visibility:hidden; width:150px; padding:0px 3px; background-color:#ffffff; border:1px solid #333333; text-align:left; background-image:none; }
/* these set in custom
div.mhovitem div { background-color:#e4f0fc; text-align:left; line-height:20px; height:24px; padding-left:2px; border-top:1px solid #ffffff; border-bottom:1px solid #999999; border-right:1px solid #999999;}
div.mhovitem div.tpp { background-color:#e4f0fc; text-align:left; line-height:20px; height:24px; padding-left:2px; border-top:0px solid #ffffff; border-bottom:1px solid #333333; border-right:1px solid #999999 }
div.mhovitem div.btm { background-color:#e4f0fc; text-align:left; line-height:20px; height:24px; padding-left:2px; border-top:1px solid #ffffff; border-bottom:0px solid #333333; border-right:1px solid #999999 }
/* end menu items */
/* navbar items */
.navbar_left {}
.navbar_right { float:right; width:150px; text-align:right; padding-right:10px;}
/* end navbar items */
/* main panels */
.mp { padding:20px; }
.mp_nl { float:left; width:900px; margin:20px 0px;}
.mp_titlesub { width:100%; height:22px; line-height:20px; color:#000000; font-family:arial; font-size:16px; font-weight:bold; padding-left:20px;}
.mp_titlesub1 { float:left; width:100%; height:20px; line-height:20px; color:#000000; font-family:arial; font-size:16px; font-weight:bold; padding:10px 0px 0px 0px;}
.mp_titlesub2 { float:left; width:100%; height:20px; line-height:20px; color:#000000; font-family:arial; font-size:16px; font-weight:bold; padding:10px 0px 0px 20px;}
.mp_titlesub2a { float:left; width:100%; height:20px; line-height:20px; color:#000000; font-family:arial; font-size:16px; font-weight:bold; padding:10px 0px 0px 0px;}
.mp_titlesub2_nl { float:left; width:100%; height:20px; line-height:20px; color:#000000; font-family:arial; font-size:16px; font-weight:bold; padding:10px 0px 0px 0px;}
.mp_titlesub3 { width:100%; height:20px; line-height:20px; color:#000000; font-size:12px; }
.mp_titlesub_label { color:#ff6600;}
.mp_pad {margin:20px 0px 20px 20px;}
.mp_x { text-align:center;}
/*
.mp_pad div { width:760px;}*/
.mp_pad1 { padding-top:10px; width:760px;}
.mp_pad2 { margin:20px 0px 20px 30px;}
.mp_padnt { margin:0px 0px 20px 20px; width:760px;}
.mp_pad_div { width:760px; }
.mp_pad_div2 { width:760px; padding-bottom:10px; }
.mp_pad3 {margin:10px 0px 0px 20px;}
.mp_pad3 div { width:760px; padding-bottom:0px; }
.mp_pad4 { margin-left:20px; width:760px;}
.mp_pad5 { margin-top:10px;}
.mp_pad5 div { width:760px;}
.mp_pad6 { width:729px;}
/* title feat */
.mp_titlesub3a { float:left; width:709px; height:19px;padding:5px 5px 0px 15px; background-image:url('../_images/title_feat2.jpg');}
.mp_ts3a_left { float:left; width:536px; height:15px; color:#ffffff; font-family:Verdana; font-size:12px; font-weight:bold; color:#ffffff; line-height:14px; }
.mp_ts3a_mid { float:left; width:140px; height:19px; font-family:Verdana; font-size:9px; color:#ffffff; line-height:16px; text-align:right;}
.mp_ts3a_right { float:left; width:13px; padding:2px 0px 6px 10px;}
.mp_titlesub_label2 { color:#ffffff;}
.pan_conf { width:770px; padding:5px 0px 5px 0px; margin-left:0px; margin-top:10px;}
div.pan_conf div { padding:0px 0px 3px 2px;}
/*
.mp_titlebold { width:100%; height:22px; line-height:20px; border-bottom:1px solid #999999; color:#000000; font-family:arial; font-size:18px; font-weight:bold;}*/
.mp_titlemain {width:100%; font-family:Arial; font-size:16px; font-weight:bold; height:26px; line-height:26px; padding:0px 0px 0px 33px; background-image:url('../_images/title_bkgnd_trk.gif');}
.mp_titlemain_i {width:100%; font-family:Arial; font-size:16px; font-weight:bold; height:26px; line-height:26px; padding:0px 0px 0px 33px; background-image:url('../_images/title_bkgnd_trksummary.gif'); color:#ffffff;}
.mp_titlemain_a {width:100%; font-family:Arial; font-size:16px; font-weight:bold; height:26px; line-height:26px; padding:0px 0px 0px 33px; background-image:url('../_images/title_bkgnd_trk_a.gif'); color:#000000;}
.mp_titlemain_k {width:100%; font-family:Arial; font-size:16px; font-weight:bold; height:26px; line-height:26px; padding:0px 0px 0px 33px; background-image:url('../_images/title_bkgnd_trk_k.gif'); color:#ffffff;}
.mp_titlemain_l {width:100%; font-family:Arial; font-size:16px; font-weight:bold; height:26px; line-height:26px; padding:0px 0px 0px 33px; background-image:url('../_images/title_bkgnd_trk_l.gif'); color:#ffffff;}
.mp_title_prov {font-family:Arial; font-size:16px; font-weight:bold; height:26px; line-height:26px; color:#ff6600;}
.mp_titlemainsub { font-size:12px; font-weight:normal;}
.mp_submnu_bdrbtm { width:100%; height:20px; padding:0px 33px 0px 0px; margin-top:20px; margin-bottom:10px; border-bottom:1px solid #999999;}
.mp_submnu_bdrbtm_center { width:726px; margin:auto; text-align:center; height:20px; padding:0px 0px 0px 0px; margin-top:10px; border-bottom:1px solid #999999;}
.mp_submnu_nobdrbtm { width:100%; height:20px; padding:0px 33px 0px 0px; margin-top:10px;}
.mp_pos { margin:40px;}
.mp_pos_lr { margin-left:40px; padding-bottom:20px;}
/* end main panel */
/* right panel */
.rp { padding:10px; font-size:9px;}
.rp_s { padding:10px 5px; font-size:9px;}
.rp_crs { padding:5px; font-size:9px;}
.rp_crs_lr { padding:0px 5px; font-size:9px;}
.rp_crs_lr_o { padding:0px 5px; font-size:9px; color:#ff6600;}
.rp_crs_lr_m { padding:0px 5px; font-size:9px; color:#660000;}
.rp_rpt { font-size:9px; padding:0px 5px 10px 5px;}
.rp_title { width:250px; font-size:12px; line-height:15px; height:15px; padding:3px 0px; background-color:#333333; color:#ffffff; text-align:center; border-top:1px solid #ffffff;}
.rp_title_s { width:100%; font-size:9px; line-height:15px; height:15px; padding:3px 0px; background-color:#333333; color:#ffffff; text-align:center; border-top:1px solid #ffffff;}
.rp_txt { width:240px; padding:5px; font-size:9px; }
.rp_txt2 { width:240px; padding:0px 5px; font-size:9px; }
.rp_txt2a { width:240px; padding:0px 5px; font-size:9px; height:12px; line-height:12px; }
.rp_txt_bdrbtm { width:240px; border-bottom:1px solid #999999; margin:3px 0px; padding:5px; font-size:9px;}
.rp_txt_bdrtop { width:240px; border-top:1px solid #999999; margin:3px 0px; padding:5px; font-size:9px;}
.rp_txt_bdrtopbtm { width:240px; border-top:1px solid #999999; border-bottom:1px solid #999999; padding:5px; font-size:9px;}
.rp_box { padding:5px; width:230px; font-size:9px; min-height:50px; border:1px solid #999999; background-color:#ffffff;}
.rp_box_h14 { padding:5px; width:230px; line-height:14px; font-size:9px; min-height:50px; border:1px solid #999999; background-color:#ffffff;}
.rp_box_warn { padding:5px; width:230px; font-size:9px; min-height:50px; border:1px solid #999999; color:#ff0000; font-weight:bold; background-color:#ffffff;}
.rp_box_warn_title { color:#000000;}
/* end right panel */
/* IV panel */
.rp_iv_tright { width:240px; text-align:right; padding:1px 0px;}
.rp_iv_tleft { width:240px; height:14px; text-align:left; padding:1px 0px;}
.rp_iv_tleft_nh { width:240px; text-align:left; padding:1px 0px;}
.rp_iv_comment { width:240px; font-family:Verdana; font-size:9px; }
.ivlearner { color:#0000ff; font-weight:bold;}
.ivcomment { font-family:Verdana; font-size:9px;}
/* right panel messages */
.rp_msgarea { width:240px; padding:0px 5px; font-size:9px;}
.rp_msgdate { float:left; width:80px; }
.rp_msgpart { float:left; width:110px;}
.rp_msgpart_tutor { float:left; width:130px;}
.rp_msgbtn { float:right; width:15px; height:13px; margin-top:2px; background-color:Red}
.rp_msgview { float:left; width:234px; padding:2px; border:1px solid #999999; background-color:#ffffff; font-size:9px;}
.rp_fb_textbox { width:240px; border:0px; font-size:9px;}
/* login */
.logname { color:#ff9933; font-weight:bold;} /*#d5d4a8 */
.lg_bdr_title { width:230px; font-family:Arial; font-size:12px; line-height:15px; height:15px; padding:3px 0px 3px 0px; background-color:#666600; color:#ffffff; text-align:center; margin-bottom:5px; font-weight:bold;}
.lg_bdr { float:left; border:1px solid #999999; background-color:#f6f6d0; padding-top:0px;}
.lg_text { float:left; width:80px; height:22px; padding-right:5px; text-align:right;}
.lg_ctrl { float:left; width:140px; height:22px; text-align:left;}
.lg_text_cen { float:left; width:225px; height:22px; text-align:center;}
/* end login */
.rb_box { width:100px; height:920px; background-color:Yellow;}
/* hometutor */
.p1 { float:left; width:382px; margin-right:30px; margin-top:30px;}
.p2 { float:left; width:382px; margin-top:30px;}
.ptop_user { float:left; padding-left:175px; width:207px; padding-top:10px; font-family:Arial; font-size:14px; font-weight:bold; height:41px; background-image:url(../_images/hpt_pan_user.gif);}
.ptop_class { float:left; padding-left:175px; width:207px; padding-top:10px; font-family:Arial; font-size:14px; font-weight:bold; height:41px; background-image:url(../_images/hpt_pan_wsheet.gif);}
.ptop_track { float:left; padding-left:175px; width:207px; padding-top:10px; font-family:Arial; font-size:14px; font-weight:bold; height:41px; background-image:url(../_images/hpt_pan_track_p.gif);}
.ptop_config { float:left; padding-left:175px; width:207px; padding-top:10px; font-family:Arial; font-size:14px; font-weight:bold; height:41px; background-image:url(../_images/hpt_pan_config.gif);}
.pmid { float:left; width:382px; background-image:url(../_images/hpt_pan_bkgnd.gif);}
.pfoot { float:left; width:382px; height:12px; background-image:url(../_images/hpt_pan_foot.gif);}
.pmid_spc { float:left; width:382px; height:8px; font-size:6px;}
.pmid_item { float:left; width:382px; padding-top:12px; border-bottom:1px solid #ebecf1;}
.pmid_item_btm { float:left; width:382px; padding-top:12px;}
.pmid_item_title { float:left; padding-left:10px; width:155px; height:20px; background-image:url(../_images/hpt_pan_btn.gif); font-size:11px; line-height:18px; color:#ffffff;}
.pmid_item_title_trk { float:left; padding-left:10px; width:155px; height:20px; background-image:url(../_images/hpt_btn_trk.gif); font-size:11px; line-height:18px; color:#ffffff;}
.pmid_item_title_ks { float:left; padding-left:10px; width:155px; height:20px; background-image:url(../_images/hpt_btn_ks.gif); font-size:11px; line-height:18px; color:#ffffff;}
.pmid_item_title_lp { float:left; padding-left:10px; width:155px; height:20px; background-image:url(../_images/hpt_btn_lp.gif); font-size:11px; line-height:18px; color:#ffffff;}
.pmid_item_text { float:left; width:195px; height:40px; margin:0px 10px; font-size:9px; line-height:12px;}
/* end hometutor */
/* config table */
.cfg2 { width:760px;font-size:9px; text-align:left;}
table.cfg2 tr.headrow {background-color:#f8f7d9; text-align:center; font-weight:bold;}
table.cfg2 tr.headrow td {background-color:#f8f7d9; text-align:center;}
table.cfg2 tr.headrow td.headrowleft {background-color:#f8f7d9; text-align:left;}
table.cfg2 td { width:126px; height:18px; text-align:center; vertical-align:middle; border-right:1px solid #999999; border-bottom:1px solid #999999; background-color:#fdfdf2;}
table.cfg2 td.firstcol { background-color:#f8f7d9; text-align:left; vertical-align:top; font-size:11px; font-weight:bold;}
table.cfg2 td.secondcol { background-color:#fdfdf2; text-align:left; }
/* end config table */
/* feedback test (in dashboard) */
.msgpanel { float:left; width:300px; font-size:9px; border:1px solid #999999;}
div.msgpanel div { clear:both; padding:5px;}
/* end feedback test */
/* feedback test in Feedback page */
.panelinout { float:left; width:445px; margin-right:20px;}
.panelmsgin2 { float:left; width:443px; border:1px solid #999999; padding:2px; min-height:500px; }
.panelmsginarc { float:left; width:430px; border:1px solid #999999; padding:2px; min-height:500px; }
.panelmsgin { float:left; width:443px; border:1px solid #999999; padding:2px; min-height:256px; }
.msgtbl { float:left; width:426px;}
table.msgtbl tr.head { font-weight:bold; background-color:#ccccff; color:#000000;}
table.msgtbl tr.rowalt { background-color:#ebecf1;}
table.msgtbl td { width:90px; text-align:center; vertical-align:middle; height:15px; font-size:9px; line-height:15px; border-right:1px solid #999999;}
table.msgtbl td.msgcol2 { width:22px;}
table.msgtbl td.msgcol3 { width:170px; text-align:left;}
table.msgtbl td.msgcol4 { text-align:center; border-right:0px solid #ffffff;}
/* msg dashboard table */
.msgtbla { float:left; width:426px;}
table.msgtbla tr.head { font-weight:bold; background-color:#ccccff; color:#000000;}
table.msgtbla tr.head2 { font-weight:bold; background-color:#eaeafd; color:#000000;}
table.msgtbla tr.rowalt { background-color:#ebecf1;}
table.msgtbla td { width:86px; text-align:center; vertical-align:middle; height:15px; font-size:9px; line-height:15px; border-right:1px solid #999999;}
table.msgtbla td.msgcol2 { width:22px;}
table.msgtbla td.msgcol3 { width:150px; text-align:left;}
table.msgtbla td.msgcol4 { width:60px; text-align:center; border-right:1px solid #999999;}
table.msgtbla td.msgcol4a { width:60px; text-align:center; border-right:0px solid #ffffff;}
table.msgtbla td.msgcol4b { width:124px; text-align:center; border-right:0px solid #ffffff;}
/* archive tables */
.msgtblarc { float:left; width:413px;}
table.msgtblarc tr.head { font-weight:bold; background-color:#ccccff; color:#000000;}
table.msgtblarc tr.head2 { font-weight:bold; background-color:#eaeafd; color:#000000;}
table.msgtblarc tr.rowalt { background-color:#ebecf1;}
table.msgtblarc td { width:86px; text-align:center; vertical-align:middle; height:15px; font-size:9px; line-height:15px; border-right:1px solid #999999;}
table.msgtblarc td.msgcol2 { width:22px;}
table.msgtblarc td.msgcol3 { width:133px; text-align:left;}
table.msgtblarc td.msgcol4 { width:60px; text-align:center; border-right:1px solid #999999;}
table.msgtblarc td.msgcol4a { width:60px; text-align:center; border-right:0px solid #ffffff;}
table.msgtblarc td.msgcol4b { width:124px; text-align:center; border-right:0px solid #ffffff;}
.panelmsgview { float:left; width:380px; border:1px solid #999999; padding:2px; font-size:9px;}
.panelmsgview_divider { float:left; width:380px; height:20px;}
.panelmsgview_divider_head { float:left; width:424px; padding-left:2px; line-height:20px; height:20px; font-weight:bold; font-size:9px; border-bottom:1px solid #999999; background-color:#666666; color:#ffffff }
.viewtbl { float:left; width:380px;}
table.viewtbl tr.viewhead { font-weight:bold; background-color:#666666; color:#ffffff;}
table.viewtbl td { width:110px; text-align:left; vertical-align:top; height:15px; font-size:9px; line-height:15px; border-right:1px solid #999999; border-bottom:1px solid #999999;}
table.viewtbl td.viewcontent { width:263px; border-right:0px solid #ffffff;}
table.viewtbl td.viewbtn { height:22px; width:110px;border-bottom:0px solid #999999; border-right:0px solid #ffffff;}
table.viewtbl td.viewarc { height:22px; width:263px; text-align:right; border-bottom:0px solid #999999; border-right:0px solid #ffffff;}
table.viewtbl tr.viewmsg { height:120px;}
.rowread { font-style:italic; color:#666666;}
.rowread_alt { font-style:italic; color:#666666; background-color:#ebecf1;}
.panelmsgout { width:396px;}
div.panelmsgout div { clear:both; }
div.panelmsgout div.replybtn { float:left; height:22px; width:300px;}
/* end feedback test in Feedback page */
/* progress span */
.prog_bar { float:left; width:130px; color:#ff0000; height:22px; font-weight:bold; text-align:right;}
/* learner home page */
#lhp_header { float:left; background-color:#000000; width:100%; height:80px; border-bottom:1px solid #cccccc;}
#lhp_maincontent { float:left; width:100%; background-color:#ffffff;}
.lhp_content_all { width:939px; text-align:center; margin:auto; margin-top:25px; padding-bottom:30px;}
.lhp_titlemain {width:906px; text-align:left; font-family:Arial; font-size:16px; font-weight:bold; height:26px; line-height:26px; padding:0px 0px 0px 33px; color:#ffffff; background-image:url('../_images/title_bkgnd_trk3.gif');}
.lph_tleft { float:left; width:200px;}
.lph_tright { float:right; width:350px; padding-right:10px; text-align:right; color:#d7f2f7;}
.lhp_pan_data { float:left; width:653px; margin-right:16px; text-align:left;}
.lhp_pan_crs { float:left; width:270px; text-align:left;}
/*
.la_p_t { width:653px; height:12px; background-image:url('../_images/ln_pan_t2.gif');}
.la_p_m { width:629px; height:104px; padding:0px 12px; background-image:url('../_images/ln_pan_m.gif');}
.la_p_b { width:653px; height:12px; margin-bottom:16px; background-image:url('../_images/ln_pan_b2.gif');}
.lt_p_m { width:629px; height:161px; padding:0px 12px; background-image:url('../_images/ln_pan_m.gif');}
*/
.la_p_ta { width:653px; height:12px; background-image:url('../_imagespan/trk_pan_brd653_03.gif');}
.la_p_ma { width:629px; height:104px; padding:0px 12px; background-image:url('../_imagespan/trk_pan_brd653_05.gif');}
.la_p_ba { width:653px; height:12px; margin-bottom:16px; background-image:url('../_imagespan/trk_pan_brd653_07.gif');}
.la_p_t { width:653px; height:12px; background-image:url('../_imagespan/ln_hpg_t.gif');}
.la_p_m { width:629px; height:104px; padding:0px 12px; background-image:url('../_imagespan/ln_hpg_m.gif');}
.la_p_b { width:653px; height:12px; margin-bottom:16px; background-image:url('../_imagespan/ln_hpg_b.gif');}
.lt_p_m { width:629px; height:161px; padding:0px 12px; background-image:url('../_imagespan/ln_hpg_m.gif');}
/* used for central bordered panels in Learner pages */
.mp_2 { float:left; text-align:center; width:726px; padding:20px 0px; }
.ln_p_t { float:left; width:726px; height:12px; background-image:url('../_imagespan/trk_pan_brd_t.gif');}
.ln_p_m { float:left; width:702px; padding:0px 12px; text-align:left; background-image:url('../_imagespan/trk_pan_brd_m.gif');}
.ln_p_b { float:left; width:726px; height:12px; background-image:url('../_imagespan/trk_pan_brd_b.gif');}
.txt { float:left; text-align:left;}
.txt_padx { float:left; text-align:left; padding-left:5px; }
.ai2 {}
.ai2_img { clear:right;}
table.ai2 td { width:90px; text-align:left; vertical-align:middle; border-bottom:1px solid #999999;}
table.ai2 td.lcol { font-weight:normal;}
table.ai2 td.rcol { width:243px; font-weight:bold; color:#ff6600;}
table.ai2 td.rcol2 { width:243px; font-weight:bold; font-size:16px; font-family:Arial; color:#0000ff;}
table.ai2 td.rlcol { width:110px; font-weight:normal}
table.ai2 td.rrcol { width:110px;}
.ai2_panel_left { float:left; width:341px; padding-right:20px;}
.ai2_panel_right { float:left; width:341px;}
.l_ai2 {}
.l_ai2_img { clear:right;}
table.l_ai2 td { width:110px; text-align:left; vertical-align:middle; border-bottom:1px solid #999999;}
table.l_ai2 td.lcol { font-weight:normal;}
table.l_ai2 td.rcol { width:341px; font-weight:bold; color:#ff6600;}
table.l_ai2 td.rcol2 { width:341px; font-weight:bold; font-size:16px; font-family:Arial; color:#0000ff;}
table.l_ai2 td.rlcol { width:110px; font-weight:normal}
table.l_ai2 td.rrcol { width:227px;}
.l_pan2_fullw { float:left; width:702px; margin-top:4px;}
.l_pan2_fw_lbl { float:left; width:90px; height:15px; padding:0px 2px; font-weight:bold; border-bottom:1px solid #999999;}
.l_pan2_fw_title { float:left; padding:0px 2px; height:15px; color:#336699; font-weight:bold; width:604px; border-bottom:1px solid #999999; }
.l2_tdiv1 { float:left; width:15px; padding-top:0px; height:14px; padding-bottom:3px;}
.l2_tdiv2 { float:left; width:687px; padding-top:1px; height:14px; padding-bottom:3px;}
.l2_tdiv3 { float:left; width:230px; padding-top:1px; height:14px; padding-bottom:3px;}
/* bordered panels end */
.lcrs_p_t { width:270px; height:12px; background-image:url('../_images/ln_crs_t2.gif');}
.lcrs_p_m { width:246px; height:449px; padding:0px 12px; background-image:url('../_images/ln_crs_m.gif');}
.lcrs_p_b { width:270px; height:12px; background-image:url('../_images/ln_crs_b2.gif');}
.l_tdiv1 { float:left; width:15px; padding-top:0px; height:14px; padding-bottom:3px;}
.l_tdiv2 { float:left; width:610px; padding-top:1px; height:14px; padding-bottom:3px;}
.l_tdiv3 { float:left; width:230px; padding-top:1px; height:14px; padding-bottom:3px;}
.l_ws { float:left; padding-left:29px; width:600px; height:86px; background-image:url('../_images/ws_img_03.jpg'); }
.l_ws_txt { float:left; width:300px; font-size:9px; line-height:13px;}
.ai_panel_left { float:left; width:328px; padding-right:20px;}
.ai_panel_right { float:left; width:260px;}
.l_ai {}
.l_ai_img { clear:right;}
table.l_ai td { width:90px; text-align:left; vertical-align:middle; border-bottom:1px solid #999999;}
table.l_ai td.lcol { font-weight:normal;}
table.l_ai td.rcol { width:230px; font-weight:bold; color:#ff6600;}
table.l_ai td.rcol2 { width:230px; font-weight:bold; font-size:16px; font-family:Arial; color:#0000ff;}
table.l_ai td.rlcol { width:110px; font-weight:normal}
table.l_ai td.rrcol { width:140px;}
.l_pan_fullw { float:left; width:627px; margin-top:4px;}
.l_pan_fw_lbl { float:left; width:90px; height:15px; padding:0px 2px; font-weight:bold; border-bottom:1px solid #999999;}
.l_pan_fw_title { float:left; padding:0px 2px; height:15px; color:#336699; font-weight:bold; width:508px; border-bottom:1px solid #999999; }
.ln_hp_feat_at { float:left; margin-left:29px; margin-top:3px; padding:5px; width:161px; height:130px; background-image:url('../_images/ln_hp_feat_at.gif');}
.ln_hp_feat_ks { float:left; margin-left:29px; margin-top:3px; padding:5px; width:161px; height:130px; background-image:url('../_images/ln_hp_feat_ks.gif');}
.ln_hp_feat_lp { float:left; margin-left:29px; margin-top:3px; padding:5px; width:161px; height:130px; background-image:url('../_images/ln_hp_feat_lp.gif');}
.ln_feat_img { float:left; width:30px; height:30px;}
.ln_feat_txthead { float:left; width:125px; padding-left:5px; height:30px; line-height:30px; font-family:Verdana; font-size:11px; font-weight:bold;}
.ln_feat_head_ath { float:left; width:126px; padding-left:34px; height:32px; line-height:32px; color:#ffffff; font-weight:bold; font-size:9px; background-image:url('../_images/ln_hp_feat_ath.gif');}
.ln_feat_head_ksh { float:left; width:126px; padding-left:34px; height:32px; line-height:32px; color:#ffffff; font-weight:bold; font-size:9px; background-image:url('../_images/ln_hp_feat_ksh.gif');}
.ln_feat_head_lph { float:left; width:126px; padding-left:34px; height:32px; line-height:32px; color:#ffffff; font-weight:bold; font-size:9px; background-image:url('../_images/ln_hp_feat_lph.gif');}
.ln_current { float:left; width:160px; font-size:9px; height:11px; vertical-align:top; line-height:11px; font-family:Verdana; padding:5px 0px 5px 0px;}
.ln_work { float:left; width:160px; font-size:9px; height:11px; vertical-align:top; line-height:11px; font-family:Verdana; padding:2px 0px 5px 0px;}
.ln_fb { float:left; width:131px; height:29px; line-height:29px; padding-top:4px; font-size:9px; border-top:1px solid #999999;}
.ln_fb_group { float:left; width:131px; height:33px; }
.ln_fb_top { float:left; width:131px; height:14px; line-height:14px; padding-top:3px; font-size:9px; border-top:1px solid #999999;}
.ln_fb_btm { float:left; width:131px; height:14px; line-height:14px; padding-top:2px; font-size:9px; }
.ln_go { float:left; width:29px; height:29px; padding-top:4px;border-top:1px solid #999999;}
.ln_rp_crs_lr { padding:0px 5px 0px 0px; font-size:9px;}
.ln_rp_crs_lr_pt3 { padding:10px 5px 0px 0px; font-size:9px;}
.ln_rp_rpt { font-size:9px; padding:0px 5px 10px 0px;}
.ln_progress { width:160px; height:24px;}
.ln_progmt { float:left; width:130px; height:13px; background-image:url('../_images/progmt.gif'); margin-top:4px; margin-bottom:7px; font-size:8px; color:#000000; text-align:center; line-height:13px;}
.ln_pc { float:left; width:28px; height:13px; margin-top:4px; margin-bottom:7px; font-size:9px; line-height:13px; text-align:center; color:#000000;}
.pan_prog_at { float:left; height:11px; margin-top:1px; margin-left:1px; font-size:8px; background-color:#fed802; }
.pan_prog_ks { float:left; height:11px; margin-top:1px; margin-left:1px; font-size:8px; background-color:#3ffc05; }
.pan_prog_lp { float:left; height:11px; margin-top:1px; margin-left:1px; font-size:8px; background-color:#038bfc; }
.panel_ks_blank { float:left; width:150px; height:89px; padding:5px; font-size:9px; text-align:center; color:#ffffff; background-image:url('../_images/feat_inactive_ks.gif');}
.panel_lp_blank { float:left; width:150px; height:89px; padding:5px; font-size:9px; text-align:center; color:#ffffff; background-image:url('../_images/feat_inactive_lp.gif');}
.panel_lp_blank_div { width:150px; font-size:9px; height:30px; line-height:13px; text-align:center; color:#ffffff; }
.panel_lp_blank_img { width:150px; height:50px;}
.hpl_right_leg { font-size:9px; line-height:12px;}
.course_c { color:#009900; font-size:9px;}
.course_p { color:#ff6600; font-size:9px;}
/* end learner home page */
/*
border-top:1px solid #999999; border-left:1px solid #999999;
border-bottom:1px solid #999999;*/