body {
  /*SCROLLBAR-FACE-COLOR: #dddddd;
  SCROLLBAR-HIGHLIGHT-COLOR: #bbbbbb;
  SCROLLBAR-SHADOW-COLOR: #bbbbbb;
  SCROLLBAR-3DLIGHT-COLOR: #cccccc;
  SCROLLBAR-ARROW-COLOR: #555555;
  SCROLLBAR-TRACK-COLOR: #eeeeee;
  SCROLLBAR-DARKSHADOW-COLOR: #999999;*/
}

/* used in play-top-right.jsp, template.jsp */
.top-fun {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
}

div#onlineUserNo {
  display:inline
}

/* show logo on the top-left corner */
.top-left {
  background-attachment: fixed;
  background-image: url( ../images/top/logo.gif );
  background-repeat: no-repeat;
  height: 100px;
  width: 1000px;
}

/* Not used */
.top-right {
	background-attachment: fixed;
	background-image:  url(../images/blue_type/top/top_right.gif);
	background-repeat: no-repeat;
	height: 121px;
	width: 487px;
	background-position: right;
}

/* used in template.jsp, currently not visible dued to the big logo*/
.top-bk {
  background-attachment: fixed;
  background-image: url( ../images/top/bg.gif );
  background-repeat: repeat-x;
  color: #D9E4EA;
}

/* Not used */
.top-bk-home {
	background-attachment: fixed;
	/*background-image:  url(../images/top/left_close_bg.gif);*/
	background-repeat: repeat-x;
	color: #D9E4EA;
}

/* used in navigation bar of admin-pages */
.top-bk-adm {
  background-attachment: fixed;
  background-color: #2761BE;
}

/* Only used in io.jsp */
.io-left {
	background-attachment: fixed;
	background-image:   url(../images/top/io_left.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 14px;
	background-color: #D9E4EA;
}

/* Not used */
.io-left-adm {
	background-attachment: fixed;
	/*background-image:   url(../images/top/io_left_adm.gif);*/
	background-repeat: no-repeat;
	height: 22px;
	width: 14px;
}

/* used in the right_top.jsp(the navigation bar) and play_top_left.jsp */
.io-bk {
  background-color: #E9E9E9;
  height: 22px;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

/* Not used */
.io-bk2 {
	background-color: #E9E9E9;
	height: 22px;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

/* used in template.jsp for each tab */
a.tab-text:link,a.tab-text:visited {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  background-image: url( ../images/top/tab/tb_bg.gif );
  font-weight: bold;
  height: 27px;
  padding-top: 11px;
  text-decoration: none;
  cursor: pointer;
}

/* used in template.jsp for each tab */
a.tab-text:hover,a.tab-text:active {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  background-image: url( ../images/top/tab/tb_bg.gif );
  font-weight: bold;
  height: 27px;
  padding-top: 11px;
  text-decoration: underline;
  cursor: pointer;
}

/* Not used */
.tab-m {
	font-family: "Arial", "Helvetica", sans-serif;
}

/* used in template.jsp, the "tab-body" of an active tab */
.tab-text-now {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  background-image: url( ../images/top/tab/tb_bg_n.gif );
  font-weight: bold;
  height: 27px;
  padding-top: 8px;
  text-decoration: none;
}

/* used in sub-function bar */
a.tab-text-sec:link,a.tab-text-sec:visited {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
  background-color: #939393;
}

/* used in sub-function bar */
a.tab-text-sec:hover,a.tab-text-sec:active {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: underline;
  background-color: #939393;
}

/* only used in right_top.jsp */
.tab-text-sec-content {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	background-color: 939393;
}

/* used in various search boxes in
 *  catalog/search.jsp,
 *  util/selectitem/search.jsp,
 *  util/selectlearningresource/search.jsp
 *  template/search_block.jsp
 */
.left-search-box {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #003333;
  text-decoration: none;
  background-repeat: repeat-x;
  background-color: #eeeeee;
  border-top: 1px solid #333333;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  border-left: 1px solid #666666;
}

/* used in the left-top.jsp, right-top search box area. */
.left-top {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #939393;
	vertical-align: middle;
	padding-right: 5px;
	text-align: right;
}

/* used in the left-top.jsp, right-top search box area. */
a.left-top-text:link {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  text-decoration: none;
  background-color: #939393;
  vertical-align: middle;
}

/* used in the left-top.jsp, right-top search box area. */
a.left-top-text:hover {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
	background-color: #939393;
}

/* used in the left-top.jsp, right-top search box area. */
a.left-top-text:visited {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #939393;
}

/* used in the left-top.jsp, right-top search box area. */
a.left-top-text:active {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
	height: 20px;
}

/* Not used */
.left-Display {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align: middle;
	background-attachment: fixed;
	background-image: url(../images/common/left/left_display_bg.gif);
}

/* Not used */
.l2-menu-border {
	background-color: #5d6b8b;
}

/* used in all kinds of tree components */
a.tree_text:link,a.tree_text:visited {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #000099;
  text-decoration: none;
  padding-right: 5px;
  padding-left: 6px;
  height: 20px;
  vertical-align: baseline;
  border: 1px solid #FFFFFF;
}

/* used in all kinds of tree components */
a.tree_text:hover {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #CC0000;
  text-decoration: none;
  padding-right: 5px;
  padding-left: 6px;
  height: 20px;
  vertical-align: baseline;
  border: 1px solid #666666;
}

/* used in all kinds of tree components */
a.tree_text:active {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #CC0000;
  text-decoration: none;
  padding-right: 5px;
  padding-left: 6px;
  height: 20px;
  vertical-align: baseline;
  font-weight: bold;
  border: 1px solid #666666;
}

/* Not used */
a.tree_text_now:link,a.tree_text_now:visited,a.tree_text_now:hover,a.tree_text_now:active {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	color: #CC0000;
	text-decoration: underline;
	padding-right: 5px;
	padding-left: 6px;
	height: 20px;
	vertical-align: middle;
	font-weight: bold;
	border: 1px solid #666666;
}

/* used in group-content.jsp, news_manage.jsp, websites_manage.jsp
 * colored in orange, giving a high contract with a white background.
 */
.content-current {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  text-decoration: none;
  color: #FF6600;
}

/* used in all input, select tags */
.content-textfield {
  background-color: #FFFFFF;
  border: 1px solid #666666;
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  text-decoration: none;
}

/* used in all buttons, button-link links */
a.content-button-text:link,a.content-button-text:visited,a.content-button-text:hover {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  text-decoration: none;
  height: 24px;
  cursor: pointer;
  border: 1px solid #1F1F1F;
  padding: 2px 5px 2px 5px;
  background-color: #727272;
}

/* used in all buttons, button-link links */
a.content-button-text:active {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  text-decoration: none;
  height: 24px;
  cursor: pointer;
  border: 1px solid #1F1F1F;
  padding: 2px 5px 2px 5px;
  background-color: #727272;
}

/* only used in io.jsp */
.content-state {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	color: #3366CC;
	text-decoration: none;
}

/* used in "td" tag of all kinds of forms and tables, represents a field description */
.content-state-now {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #920024;
  text-decoration: none;
  font-weight: bold;
}

/* used to mimic a dark tab over a table, with the help of two additional gif */
.content-table-title {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  height: 21px;
  vertical-align: middle;
  background-color: #5E5E5E;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #5E5E5E;
}

/* used in any usual text of a table */
.content-text {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  text-decoration: none;
}

/* ctms 6.1.1 for safari and firefox */
.content-table-text-row {
   font-family : "Arial";
   font-size: 12px;
   color: #000000;
   margin-left: 8px;
}

/* used to present a major function title with a larger font */
.content-function-title {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #444444;
  height: 25px;
  vertical-align: middle;
}

/* apply a light gray background over a table, usually a query criteria table */
.content-table-border {
  color: #333333;
  background-color: #B0B0B0;
}

/* used to mimic a single dark blue line with table/td/colspan, usually along
   the top and bottom border of a query criteria table */
.content-table-line {
  background-color: #999999;
}

/* used in table headers */
.content-table-text-title {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  background-color: #B3B3B3;
  height: 20px;
}

/* only used in /jsp/approval/apv_status.jsp */
.content-table-text-title-highlight {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #606BFA;
}

/* used in any text */
.content-table-text {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #333333;
  text-decoration: none;
}

/* one of the "two-tone" background colors of a table list */
.content-table-text-1row {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #000000;
  text-decoration: none;
  background-color: #FFFFFF;
}

.content-table-text-align-top-1row {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #000000;
  text-decoration: none;
  background-color: #FFFFFF;
}

/* one of the "two-tone" background colors of a table list */
.content-table-text-2row {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #000000;
  text-decoration: none;
  background-color: #F5F5F5;
}

.content-table-text-align-top-2row {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #000000;
  text-decoration: none;
  background-color: #F5F5F5;
}

/* used to highlight one table row */
.content-table-text-2row-highlight {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #333333;
  text-decoration: none;
  background-color: #D6F6F6;
}

/* used in all links in a table */
a.content-link:link,a.content-link:visited,a.content-link-title:link,a.content-link-title:visited {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #950026;
  text-decoration: none;
}

/* used in all links in a table */
a.content-link:hover,a.content-link:active,a.content-link-title:hover,a.content-link-title:active {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #950026;
  text-decoration: underline;
}

/* used with status_bar_frame to present a progress-bar */
.status_bar {
  background-color: #FFCC00;
  height: 10px
}

/* used with status_bar to present a progress-bar */
.status_bar_frame {
  background-color: #FFFFFF;
  height: 10px;
  border: 1px #333333 solid
}

/* a fat dark tab */
a.sub-tab:link,a.sub-tab:visited {
  display:block;
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #333333;
  text-decoration: none;
  padding-right: 10px;
  padding-left: 10px;
  border-top-color: #666666;
  border-right-color: #666666;
  border-bottom-color: #000000;
  border-left-color: #DADFEB;
  background-image: url( ../images/content/sub_bg.gif );
  padding-top: 8px;
}

/* a fat dark tab */
a.sub-tab:hover,a.sub-tab:active {
  display:block;
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #000000;
  text-decoration: none;
  padding-right: 10px;
  padding-left: 10px;
  border-top-color: #666666;
  border-right-color: #666666;
  border-bottom-color: #000000;
  border-left-color: #DADFEB;
  background-image: url( ../images/content/sub_bg_s.gif );
  padding-top: 8px;
  font-weight: bold;
}

/* used in competence pages, a flat dark tab */
a.sub-tab1:link,a.sub-tab1:visited,a.sub-tab1:hover,a.sub-tab1:active {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #333333;
  text-decoration: none;
  background-color: #C9D2F8;
  height: 18px;
  padding-right: 10px;
  padding-left: 10px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #666666;
  border-right-color: #666666;
  border-bottom-color: #000000;
  border-left-color: #DADFEB;
}

/* as a highlighted fat dark tab, used with sub-tab1 */
.sub-tab-now {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #000000;
  text-decoration: none;
  height: 31px;
  padding-right: 10px;
  padding-left: 10px;
  border-top-color: #666666;
  border-right-color: #666666;
  border-bottom-color: #000000;
  border-left-color: #DADFEB;
  background-image: url( ../images/content/sub_bg_s.gif );
  font-weight: bold;
}

/* Not used */
.sub-tab-now-top {
	background-color: #966FCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	background-image: url(../images/blue_type/content/sub_tab_now_top.gif);
	height: 8px;
}

/* used in jsp/external */
.sub-tab-now1 {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #5C79DE;
	height: 18px;
	padding-right: 10px;
	padding-left: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #5C79DE;
	padding-top: 0px;
}

/* used only in eval_menu.jsp */
.sub-tab-now1-top {
  background-color: #5C79DE;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #000000;
  background-image: url( ../images/blue_type/content/sub_tab_now_top.gif );
  height: 8px;
}

/* Not used */
.sub-tab-d {
	background-color: #966FCC;
}

/* used in jsp/external */
.sub-tab-d1 {
	background-color: #5C79DE;
}

/* Not used */
a.sub-tab-secfun-link:link, a.sub-tab-secfun-link:visited, a.sub-tab-secfun-link:hover, a.sub-tab-secfun-link:active {
	background-color: #5C79DE;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

/* used only in eval_menu.jsp */
.sub-tab-secfun-now {
  background-color: #5C79DE;
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #FFFF00;
  text-decoration: none;
  font-weight: bold;
}

/* Not used */
.content-tree-bk {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	text-decoration: none;
	background-color: #F7EFDF;
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	padding-left: 4px;
}

/* used in "my calendar", never used */
a.cal-sub-tab-secfun-link:link, a.cal-sub-tab-secfun-link:visited {
  background-color: #605BAA;
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  text-decoration: none;
}

/* used in "my calendar", never used */
a.cal-sub-tab-secfun-link:hover {
  background-color: #605BAA;
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #FFCC00;
  text-decoration: underline;
}

/* used in "my calendar", never used */
a.cal-sub-tab-secfun-link:active {
  background-color: #605BAA;
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #FFFF00;
  text-decoration: none;
}

/* used in "my calendar", never used */
.cal-sub-tab-secfun-now {
  background-color: #605BAA;
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #FFFF00;
  text-decoration: none;
  font-weight: bold;
}

/* used only in viewcourseinfo.jsp */
a.content-link-emp:link, a.content-link-emp:visited {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #CC0000;
  text-decoration: none;
  font-weight: bold;
}

/* used only in viewcourseinfo.jsp */
a.content-link-emp:hover, a.content-link-emp:active {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #FF9900;
  text-decoration: underline;
  font-weight: bold;
}

/* Not used */
a.sub-tab-secfun-button:link {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	color: #000066;
	text-decoration: none;
	height: 21px;
	cursor: pointer;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	background-image: url(../images/blue_type/content/button_bk.gif);
	border-top: 1px solid #3E5691;
	border-right: 1px solid #000080;
	border-bottom: 1px solid #000080;
	border-left: 1px solid #000080;
}

/* Not used */
a.sub-tab-secfun-button:hover {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	color: #240024;
	text-decoration: none;
	height: 21px;
	cursor: pointer;
	border: 1px solid #000080;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	background-image: url(../images/blue_type/content/button_bk_h.gif);
}

/* Not used */
a.sub-tab-secfun-button:active {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	height: 21px;
	cursor: pointer;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 3px;
	background-image: url(../images/blue_type/content/button_bk_a.gif);
	border-top: 1px solid #000080;
	border-right: 1px solid #000080;
	border-bottom: 1px solid #000080;
	border-left: 1px solid #3E5691;
}

/* Not used */
.left_bg {
	background-image: url(../images/common/left/left_bg.gif);
}

/* used in a gray right-cornered tab */
.sub-top-left {
  background-image: url( ../images/content/sub_l.gif );
  height: 31px;
  width: 14px;
}

/* used in a gray right-cornered tab */
.sub-top-right {
  background-image: url( ../images/content/sub_r.gif );
  height: 31px;
  width: 14px;
  background-repeat: no-repeat;
}

/* used in a gray right-cornered tab */
.sub-top-bg {
  background-image: url( ../images/content/sub_bg.gif );
}

/* used in second level of a 2-level tab-bar */
.sub-sec-left {
  background-image: url( ../images/content/sub_s_l.gif );
  height: 34px;
  width: 14px;
  background-repeat: no-repeat;
}

/* used in second level of a 2-level tab-bar */
.sub-sec-right {
  background-image: url( ../images/content/sub_s_r.gif );
  height: 34px;
  width: 14px;
  background-repeat: no-repeat;
}

/* used in second level of a 2-level tab-bar */
.sub-sec-bg {
  background-image: url( ../images/content/sub_s_bg.gif );
  height: 34px;
  padding-top: 4px;
}

/* used in left border of a tab page */
.sub-con-left {
  background-image: url( ../images/content/sub_c_l.gif );
  width: 14px;
  background-repeat:repeat-y;
}

/* used in right border of a tab page */
.sub-con-right {
  background-image: url( ../images/content/sub_c_r.gif );
  width: 14px;
  background-repeat:repeat-y;
}

/* used in all button tags */
.content-button-text {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  text-decoration: none;
  height: 22px;
  cursor: pointer;
  border: 1px solid #1F1F1F;
  padding-top: 2px;
  padding-right: 5px;
  padding-left: 5px;
  background-color: #717171;
}

/* used in a secondary tab bar */
.sub-tab-sec {
  background-color: #D9E1E6;
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}

/* used in jsp/approval, jsp/template */
a.content-table-text-title-link:link, a.content-table-text-title-link:visited{
 font-family: "Arial", "Helvetica", sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #364248;
 text-decoration: underline;
}

/* used in jsp/approval, jsp/template */
a.content-table-text-title-link:hover, a.content-table-text-title-link:active{
 font-family: "Arial", "Helvetica", sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #FFFFFF;
 text-decoration: none;
}

/* used only in tip_info.jsp and reason_info.jsp, pretty useless since it is often applied with other styles */
.tip-content {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #000054;
  text-decoration: none;
  display:inline;
}

/* used only in navigation bar for ordinary text */
.tab-line-text {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  color: #A6B1B7;
  font-weight: bold;
  text-decoration: none;
}

/* used only in template.jsp, encapsulate the whole top banner */
.top-div {
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 0;
  right: 10;
  height: 81;
  left: 0;
  visibility: visible;
}

/*------------------------------new-------------------------------*/
.content-text-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

a.content-button-text-adm:link   , a.content-button-text-adm:visited{
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	height: 24px;
	cursor: pointer;
	border: 1px solid #FF6600;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #FFCC00;
}

a.content-button-text-adm:hover{
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	height: 24px;
	cursor: pointer;
	border: 1px solid #FF6600;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #FF9900;
}

a.content-button-text-adm:active{
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	height: 24px;
	cursor: pointer;
	border: 1px solid #FF6600;
	padding-top: 6px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #FF9900;
}

a.content-button-text-mgr :link   , a.content-button-text-mgr:visited{
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	height: 24px;
	cursor: pointer;
	border: 1px solid #336600;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #66CC00;
}

a.content-button-text-mgr:hover{
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	height: 24px;
	cursor: pointer;
	border: 1px solid #336600;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #339900;
}

a.content-button-text-mgr:active{
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	height: 24px;
	cursor: pointer;
	border: 1px solid #336600;
	padding-top: 6px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #339900;
}

a.content-button-text-ins:link, a.content-button-text-ins:visited{
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	height: 24px;
	cursor: pointer;
	border: 1px solid #6633FF;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #CC99FF;
}

a.content-button-text-ins:hover{
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	height: 24px;
	cursor: pointer;
	border: 1px solid #6633FF;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #9966FF;
}

a.content-button-text-ins:active{
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	height: 24px;
	cursor: pointer;
	border: 1px solid #6633FF;
	padding-top: 6px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #9966FF;
}

span.documentselector-path {
  font-family: "Arial", "Helvetica", sans-serif, sans-serif;
  font-size: 12px;
  border:1px solid #CCCCCC;
  background-color:#EEEEEE;
  width:200px;
  height:22px;
  overflow:hidden;
  vertical-align:middle;
}

/*  CSAS links in a table */
a.content-warning-csas-link:link,a.content-warning-csas-link:visited,a.content-warning-csas-link-title:link,a.content-warning-csas-link-title:visited {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 12px;
  color: #FF0F0F;
  text-decoration: underline;
}

a.content-warning-csas-link:hover,a.content-warning-csas-link:active,a.content-warning-csas-link-title:hover,a.content-warning-csas-link-title:active {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 12px;
  color: #FF0F0F;
  text-decoration: underline;
}

a.content-normal-csas-link:link,a.content-normal-csas-link:visited,a.content-normal-csas-link-title:link,a.content-normal-csas-link-title:visited {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 12px;
  color: #0F0FFF;
  text-decoration: underline;
}

a.content-normal-csas-link:hover,a.content-normal-csas-link:active,a.content-normal-csas-link-title:hover,a.content-normal-csas-link-title:active {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 12px;
  color: #0F0FFF;
  text-decoration: underline;
}

/* for the netscape issue */
.td-with-button {
	padding: 0.1cm 0.5cm 0.1cm 0.1cm
}

/* for the netscape issue */
.td-with-button1 {
	padding: 0.1cm 1cm 0.1cm 0.1cm
}

/* for the netscape issue */
form {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px
}

p.message {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: red
}

/* for warn word(red) */
.warn-word{
  color: red;
}

/* for safe word(blue) */
.safe-word{
  color: blue;
}

td.tabstart {
	background-image: url(../images/content/title-left.gif);
	background-position: center;
	background-repeat: no-repeat;
    width:14px;
    height:21px;
}

td.tabend {
	background-image: url(../images/content/title-right.gif);
	background-position: center;
	background-repeat: no-repeat;
    width:41px;
    height:21px;
}

/* IE only, Firefox doesn't support. */
.content-table-breaker {
	word-break: normal;
}