html {}
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; margin:0px; padding:0px;  }

/* control styles */
.btnc {font-size:10px; cursor:pointer;}
.btnc8 {font-size:10px; width:80px; cursor:pointer;}
.btnc12 {font-size:12px; cursor:pointer; height:24px; padding-bottom:6px;}

.edit { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;	color: #000000;	border: 1px solid #999999; padding:2px 2px; height:15px; }
.editf { font-family:Arial; font-size:8px;color:#000000; padding:0px 0px; margin:0px; border:0px;  background-color:#fffbf1;}
.edit_nb { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;	color: #000000;	border:0px; padding:3px 2px; }
.temp {font-style:italic; color:#aa5f5f;}
.hlight { color:#0000ff;}
.hlightr { color:#ff0000;}
.hlightg { color:#006600;}
.hlightgi { color:#009933; font-style:italic;}
.warning { font-weight:bold; color:#ff0000;}
.go { font-weight:bold; color:#339933;}
.sep { 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; clear:both;}
.clear { clear:both; }
.required { color:#ff0000; font-size:9px; font-style:italic;}
.info { color:#666666; font-size:9px; font-style:italic;} 

a:link { color: #000000; text-decoration: none; }
a:visited {color: #000000; text-decoration: none;}
a:hover { color: #000000; text-decoration: underline;}

a.focusal:link { color: #ffffff;  text-decoration: none; }
a.focusal:visited {color: #ffffff; text-decoration: none;}
a.focusal:hover { color: #ffffff; text-decoration: underline; }

a.focusal2:link { color: #333333; font-size:14px; text-decoration: none; font-weight:normal; }
a.focusal2:visited {color: #333333; font-size:14px; text-decoration: none; font-weight:normal;}
a.focusal2:hover { color: #333333; font-size:14px; text-decoration: underline; font-weight:normal; }

a.focusb:link { color: #0000ff; text-decoration: none; }
a.focusb:visited {color: #0000ff; text-decoration: none;}
a.focusb:hover { color: #0000ff; text-decoration: underline;}

a.focusbg:link { color: #009933; font-style:italic; text-decoration: none; }
a.focusbg:visited {color: #009933; font-style:italic; text-decoration: none;}
a.focusbg:hover { color: #009933; font-style:italic; text-decoration: underline;}

a.toppage:link { color:#660099; text-decoration: none; }
a.toppage:visited { color:#660099; text-decoration: none; }
a.toppage:hover { color:#660099;text-decoration: underline; }

a.focusr1:link { color:#ffffff; font-weight:bold; padding:0px 2px;  text-decoration:none;}
a.focusr1:visited {color:#ffffff; font-weight:bold; padding:0px 2px;  text-decoration:none;}
a.focusr1:hover {color:#ffffff; padding:0px 2px;  font-weight:bold; text-decoration:underline;}


.hp_txt { font-size:11px; color:#999999;}

/* end control styles */

/* main content styles */
#header { width:100%; height:80px; border-bottom:1px solid #999999; background-color:#f5f0d6;} /*e5e4be */
#hleft { position:absolute; top:0px; left:0px; z-index:10; width:40%; height:80px; padding:0px 0px 0px 20px;}
#hleft_top { width:40%; height:30px; padding-top:24px;}
#hleft_btm { width:200px; height:16px; padding:5px 0px; font-family:Arial; font-size:14px; font-weight:bold; color:#000000;}
#hright { float:right; width:40%; line-height:11px; height:39px; padding:36px 10px 5px 0px; text-align:right; }
#maincontent0 { float:left;  width:100%; background-color:#ffffff;}
#maincontent { float:left; height:80%; width:100%; background-color:#ffffff;}
#strap { float:left; width:100%; height:13px; line-height:11px; padding:6px 0px 6px 20px; color:#ffffff; background-color:#cc6633; border-bottom:1px solid #999999;}
#content_all { width:100%; }
#content_right { float:right; width:22%; padding:0px; background-color:#ebecf1; }
#content_left { float:left; width:70%; padding:30px 0px 0px 20px; }
#footer { float:left; width:100%; height:30px; background-color:#333333; text-align:center; color:#ffffff; line-height:28px;}
#col_top { float:left; width:100%; height:20px; line-height:18px; padding:5px 0px 5px 20px; background-color:#333333; border-bottom:1px solid #ffffff;}
/* end main content styles */

/* dynamic menus */
.md_mbar {  width:100%; height:25px; background-color:#cc6633; padding-left:20px;}
div.md_mbar div { float:left; width:10%; height:14px; margin:6px 0px 4px 0px; text-align:center; border-right:1px solid #ffffff;  line-height:13px; color:#ffffff; }
div.md_mbar div.cellleft { float:left; width:10%; height:14px; margin:6px 0px 4px 0px; text-align:center; border-right:1px solid #ffffff;  line-height:13px; color:#ffffff; border-left:1px solid #ffffff; }
div.md_mbar div.cellright { float:left; width:10%; height:14px; margin:6px 0px 4px 0px; text-align:center;  line-height:13px; color:#ffffff; border-right:0px; }
/*
/* right panel */
.pan_title { width:100%; font-size:12px; line-height:15px; height:15px; padding:3px 0px; background-color:#333333; color:#ffffff; text-align:center;}
.md_p_txt { width:100%; padding:10px 10px; font-size:9px;}
.md_p_txt_bdrbtm  { width:100%; padding:10px 10px; border-bottom:1px solid #999999;font-size:9px;}
.md_p_txt_bdrtopbtm_cen  { width:100%; padding:10px 10px; border-top:1px solid #999999; border-bottom:1px solid #999999; text-align:center;font-size:9px;}
.md_box { width:100%; margin:10px; border:1px solid #999999; padding:5px; background-color:#ffffff;font-size:9px;}

/* end right panel */

/* left panel */
.md_title { width:100%; height:22px; line-height:20px; border-bottom:1px solid #999999; color:#000000; font-family:arial; font-size:18px; font-weight:bold;}
.md_titlesub { width:100%; height:22px; line-height:20px; color:#000000; font-family:arial; font-size:16px; font-weight:bold;}
.md_txt { width:100%; height:20px; line-height:18px; padding-bottom:10px;}
.md_txt_bdrbtm { width:100%; height:22px; padding:10px 0px 10px 0px; border-bottom:1px solid #999999;}
.md_pos { padding:20px 20px 20px 40px; }
/* end left panel */

/* form controls - login */
.md_edit { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;	color: #000000;	border: 1px solid #999999; padding:2px 2px; height:18px; }
.login { float:left; width:401px; }
div.login div.ftxt { float:left; width:120px; height:18px; line-height:18px; padding:3px 3px 3px 3px; text-align:right;}
div.login div.fctrl { float:left; width:240px; height:25px; padding:3px 3px; text-align:left; }
div.login div.ftxt_padtop { float:left; width:120px; height:18px; line-height:18px; padding:8px 3px 3px 3px; text-align:right;}
div.login div.fctrl_padtop { float:left; width:240px; height:29px; padding:8px 3px 3px 3px; text-align:left; }
div.login div.ftxt_bdrtop { float:left; width:120px; height:18px; line-height:18px; padding:3px 3px 3px 3px; text-align:right; border-top:1px solid #999999;}
div.login div.fctrl_bdrtop { float:left; width:240px; height:18px; padding:3px 3px; text-align:left; border-top:1px solid #999999; }
/* end form controls - login */

/* general form controls */
.editf2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; border:1px solid #999999;  height:18px; margin-top:5px; }
.btnf {font-size:10px; cursor:pointer; color:#ffffff; background-color:#666666; width:80px;}
.btnf2 {font-size:10px; cursor:pointer; color:#ffffff; background-color:#666666; height: 21px; }
.btnf3 {font-size:10px; cursor:pointer; color:#ffffff; background-color:#666666; width:150px;}

.frmdiv { float:left; width:600px; font-size:11px;}
.frmdiv_strap { float:left; width:600px; text-align:right; padding-right:5px;}
div.frmdiv div.ftext { float:left; width:180px; height:28px; line-height:26px; padding:0px 5px 0px 0px; text-align:right; background-color:#f8f7d9; border-bottom:1px solid #ffffff;}
div.frmdiv div.fctrol { float:left; width:410px; height:28px; line-height:26px; padding:0px 0px 0px 5px; text-align:left; border-bottom:1px solid #ffffff; }
div.frmdiv div.fctrol_alt { float:left; width:410px; height:28px; line-height:26px;  padding:0px 0px 0px 5px; text-align:left;background-color:#f6f6ee;  border-bottom:1px solid #ffffff; }

div.frmdiv div.ftextf { float:left; width:180px; height:28px; line-height:26px; padding:0px 5px 0px 0px; text-align:right; background-color:#ffcc99; border-bottom:1px solid #ffffff;}
div.frmdiv div.fctrolf { float:left; width:410px; height:28px; line-height:26px; padding:0px 0px 0px 5px; text-align:left; border-bottom:1px solid #ffffff; background-color:#fef0e1; }

div.frmdiv div.ftext_bdrbtm {  float:left; width:180px; height:28px; line-height:26px; padding:0px 5px 0px 0px; text-align:right; background-color:#f8f7d9; border-bottom:1px solid #999999;}
div.frmdiv div.fctrol_bdrbtm { float:left; width:410px; height:28px; line-height:26px; padding:0px 0px 0px 5px; text-align:left; border-bottom:1px solid #999999;}
div.frmdiv div.ftext_pad {  float:left; width:180px; height:30px; padding:6px 5px 0px 0px; text-align:right; border-bottom:1px solid #999999; border-top:1px solid #999999;}
div.frmdiv div.fctrol_pad {float:left; width:410px;  height:30px;  padding:6px 0px 0px 5px;  text-align:left; border-bottom:1px solid #999999; border-top:1px solid #999999;}
.form_btn { width:700px; height:25px;}
.form_btn_left { float:left; width:345px; text-align:left;}
.form_btn_right { float:right; width:345px; text-align:right;}
.form_btn_rightl { float:left; width:190px; text-align:left;}
.form_btn_rightr { float:right; width:190px; text-align:right;}
/* end general form controls */

/* download accordion */
.acheader { width:600px; border:0px; background-color:#ffcc99; text-align:left; padding:2px; font-size:11px; font-weight:bold; color:#000000; cursor:pointer; margin-bottom:1px;}
.accontent { width:600px; border:0px; background-color:#ffffff; text-align:left; padding:0px; font-size:9px; font-weight:normal;margin-top:1px;}
.acheaderselected { width:600px; border:0px; background-color:#ffaa00; text-align:left; padding:2px; font-size:11px; font-weight:bold; color:#000000; cursor:pointer; margin-bottom:1px;}


/* repeater controls */
.tblrpt { width:700px; border-top:1px solid #999999; border-left:1px solid #999999; font-size:11px;}
table.tblrpt tr.head { background-color:#f8f7d9;}
table.tblrpt td { width:90px; height:25px; border-bottom:1px solid #999999; border-right:1px solid #999999; text-align:center; vertical-align:middle;}
table.tblrpt td.column1 { width:75%; text-align:left;}
table.tblrpt td.columnOF1 { width:20%; text-align:center;}
table.tblrpt td.columnOF2 { width:80%; text-align:left;}
/* end repeater controls */

/* news and downloads */
.nwd { width:600px; border:0px; font-size:11px; text-align:left;}
table.nwd tr.nwdtitle { background-color:#dfebfc; color:#ffffff; font-weight:bold; vertical-align:middle;}
table.nwd tr.nwddesc { background-color:#336699; color:#000000; vertical-align:middle;}
table.nwd tr.nwddoc  { background-color:#ffffff; color:#000000; vertical-align:middle; }
table.nwd td.nwdlnk { border-top:1px solid #999999; border-bottom:1px solid #999999; font-style:italic; color:#ff0000; vertical-align:middle;}
table.nwd td.nwdlnk { border-top:1px solid #999999; border-bottom:1px solid #999999;  width:90px; vertical-align:middle;}
table.nwd tr.nwdspc {width:100%; height:30px;}

.news { width:600px; border:0px; font-size:11px; text-align:left;}
table.news td { border-bottom:1px solid #999999;}
table.news td.end { border-bottom:0px solid #999999;}
table.news tr.newstitle { background-color:#f8f7d9; color:#000000; vertical-align:middle;}
table.news td.titlecol1 { width:100%}
table.news td.titlecol2 { width:110px; text-align:center; background-color:#f8f7d9;}
table.news tr.newsdesc { background-color:#666600; color:#ffffff; font-weight:bold; vertical-align:middle;}
table.news tr.newscont  { background-color:#ffffff; color:#000000; vertical-align:middle; border-top:1px solid #999999; border-bottom:1px solid #999999; }
table.news tr.newstitlearc { background-color:#ebecf1; color:#000000; vertical-align:middle;}
table.news tr.newsdescarc { background-color:#ebecf1; color:#000000; font-weight:bold; vertical-align:middle;}
table.news tr.newsspc {width:100%; height:30px;}
.news_strap { float:left; width:600px; text-align:right; padding-right:5px; padding-bottom:3px;}

/* edit, add */
.frmn { float:left; width:700px; font-size:11px;}
.frmn_strap { float:left; width:695px; height:30px; text-align:right; padding-right:5px; padding-bottom:3px;}
div.frmn div.ftext { float:left; width:180px; height:28px; line-height:26px; padding:0px 5px 0px 0px; text-align:right; background-color:#f8f7d9; border-bottom:1px solid #ffffff;}
div.frmn div.fctrol { float:left; width:510px; height:28px; line-height:26px; padding:0px 0px 0px 5px; text-align:left; border-bottom:1px solid #ffffff; background-color:#fdfdf2; }
div.frmn div.fctrol_alt { float:left; width:510px; height:28px; line-height:26px;  padding:0px 0px 0px 5px; text-align:left;background-color:#ededdc;  border-bottom:1px solid #ffffff; }

div.frmn div.ftextf { float:left; width:180px; height:28px; line-height:26px; padding:0px 5px 0px 0px; text-align:right; background-color:#ffcc99; border-bottom:1px solid #ffffff;}
div.frmn div.fctrolf { float:left; width:510px; height:28px; line-height:26px; padding:0px 0px 0px 5px; text-align:left; border-bottom:1px solid #ffffff; background-color:#fef0e1; }

div.frmn div.ftext_bdrbtm {  float:left; width:180px; height:28px; line-height:26px; padding:0px 5px 0px 0px; text-align:right; background-color:#f8f7d9; border-bottom:1px solid #999999;}
div.frmn div.fctrol_bdrbtm { float:left; width:510px; height:28px; line-height:26px; padding:0px 0px 0px 5px; text-align:left; border-bottom:1px solid #999999;  background-color:#fdfdf2; }
div.frmn div.ftext_pad {  float:left; width:180px; height:30px; padding:6px 5px 0px 0px; text-align:right; border-bottom:1px solid #999999; border-top:1px solid #999999;}
div.frmn div.ftext_pad_left {  float:left; width:180px; height:30px; padding:6px 5px 0px 0px; text-align:left; border-bottom:1px solid #999999; border-top:1px solid #999999;}
div.frmn div.fctrol_pad {float:left; width:510px;  height:30px;  padding:6px 0px 0px 5px;  text-align:left; border-bottom:1px solid #999999; border-top:1px solid #999999;}

div.frmn div.ftext_multi {float:left; height:188px; width:180px; padding:0px 5px 0px 0px; text-align:right; background-color:#f8f7d9; border-bottom:1px solid #ffffff; }
div.frmn div.fctrol_multi {float:left; height:180px; width:510px; padding:0px 0px 0px 5px; text-align:left; border-bottom:1px solid #ffffff; background-color:#fdfdf2; }
div.frmn div.fctrol_multia {float:left; height:188px; width:510px; padding:0px 0px 0px 5px; text-align:left; border-bottom:1px solid #ffffff; background-color:#fdfdf2; }
div.frmn div.ftext_multi2 {float:left; height:120px; width:180px; padding:0px 5px 0px 0px; text-align:right; background-color:#f8f7d9; border-bottom:1px solid #ffffff; }
div.frmn div.fctrol_multi2 {float:left; height:120px; width:510px; padding:0px 0px 0px 5px; text-align:left; border-bottom:1px solid #ffffff; background-color:#fdfdf2; }
div.frmn div.fctrol_alt_multi {float:left; height:120px; width:510px; padding:0px 0px 0px 5px; text-align:left;background-color:#ededdc;  border-bottom:1px solid #ffffff;}
div.frmn div.fctrol_opt { float:left; width:506px; text-align:left; background-color:#fdfdf2; }

div.frmn div.ftext_flex {float:left; width:180px; padding:0px 5px 0px 0px; text-align:right; background-color:#f8f7d9; border-bottom:1px solid #ffffff; height:70px; }
div.frmn div.fctrol_flex {float:left; height:70px; width:510px; padding:0px 0px 0px 5px; text-align:left; border-bottom:1px solid #ffffff; background-color:#fdfdf2; }
div.frmn div.fctrol_alt_flex {float:left; width:510px; padding:0px 0px 0px 5px; text-align:left;background-color:#ededdc;  border-bottom:1px solid #ffffff;}

/* downloads table */
.dwn { float:left; width:600px; border:0px; font-size:11px; text-align:left;}
table.dwn tr.dwtitle { background-color:#666666; color:#ffffff; font-weight:bold; vertical-align:middle;}
table.dwn tr.dwdesc { background-color:#f8f7d9; color:#000000; vertical-align:middle;}
table.dwn tr.dwdoc  { background-color:#ffffff; color:#000000; vertical-align:middle; }
table.dwn td.doclnk { width:100%; border-top:1px solid #999999; border-bottom:1px solid #999999; font-style:italic; color:#000000; vertical-align:middle;}
table.dwn td.lnk { border-top:1px solid #999999; border-bottom:1px solid #999999;  width:90px; vertical-align:middle;}
table.dwn tr.spc {width:100%; height:30px;}
table.dwn tr.fhead { background-color:#ebecf1;}
table.dwn td.lnkright { text-align:right; width:50%;}

.panel_util { float:left; width:680px; padding:10px; background-color:#f8f7d9; border:1px solid #999999;}
.panel_util2 { float:left; width:680px; padding:10px; background-color:#f8f7d9; border-top:1px solid #cccccc;}
.panel_util_left { float:left; width:174px; padding:5px 20px 5px 0px; }
.panel_util_right { float:left; width:470px;}
.panel_notice { float:left; width:470px; height:20px; line-height:18px; margin-top:3px; background-color:#ffffff; border:1px solid #999999;}

/* partner follders */
.panel_folder { float:left; width:691px; padding:10px; background-color:#f8f7d9; border:1px solid #999999;} 
.pf { width:100%;}
table.pf td { width:75%; text-align:left; font-size:11px; border:0px;}
table.pf td.ctrl { width:25%; text-align:right;}
table.pf tr.pfalt { background-color:#dcdbb0;}

/* end edit, add */
/* end news and downloads */

/* activities */
.yearlnk { float:left; width:73px; padding:3px; text-align:center; border:1px solid #999999; margin-right:2px; background-color:#edf0fe;}
.yearname { font-weight:bold; font-size:12px;}
.catname { background-color:#336699; height:14px; padding:5px; color:#ffffff; font-weight:bold;}
.panel_act { float:left;}

.atable { width:600px; border-top:1px solid #999999; border-left:1px solid #999999; font-size:11px;}
table.atable td { height:18px; vertical-align:middle; border-right:1px solid #999999; border-bottom:1px solid #999999;}
table.atable td.col1 { width:90px; text-align:right; background-color:#f8f7d9;}
table.atable td.colrc1 { width:400px; text-align:left; background-color:#f0f0e2;}
table.atable td.col2 { width:400px; text-align:left; background-color:#ffffff;}
table.atable td.col3 { width:90px; text-align:center;}
table.atable td.colsp2 { text-align:left;}
table.atable td.colsp3 { background-color:#ebecf1; text-align:right; padding-right:25px;}
table.atable td.colsp4 { background-color:#ffffff;}
table.atable td.yearname { text-align:left; font-weight:bold; font-size:12px;}
table.atable td.rowcat1 {background-color:#666600;  color:#ffffff; font-weight:bold;}
table.atable td.rowcat2 {background-color:#666600;  color:#ffffff; font-weight:bold;}
table.atable td.rowcat3 {background-color:#666600;  color:#ffffff; font-weight:bold;}
/* end activities */

/* course manage */
.panel_cm { float:left; width:500px;  margin-right:20px; padding-left:2px; border:1px solid #999999;} /*height:400px;*/
.panel_cm2 { float:left; width:500px; height:400px; margin-right:20px;}
.panel_note { float:left; width:200px; padding:0px 5px;}

.alpha_panel { float:left; width:490px; padding:3px 5px 1px 5px; height:21px; line-height:18px; background-image:url('../_images/darkgrad_top.gif'); color:#ffffff; font-weight:bold;}
.alpha_panel2 { float:left; width:490px; height:500px; padding:10px 5px 10px 5px; border:1px solid #999999; background-color:#e7edf1; }
.tmpl { padding:2px; background-color:#ffffff;} /* background-color:#f9f8ea; */
.alt_tmpl { background-color:#ebecf1; padding:2px;}
.rptuni { font-size:9px;}

.cpanels { float:left; width:675px;}
.cpanel_left { float:left; width:335px;}
.cpanel_right { float:left; width:335px;}
.crsPanel3 { border:1px solid #999999; padding:5px 0px 0px 5px; background-color:#ebf5f2;}
/* end course manage */