/*
** (C)2006 dascom inc. **
** 清新自然 **
*/

/*
** 页面整体设置，页面背景及文字的各项属性 **
*/
body      { font-family: verdana, Helvetica, sans-serif, "宋体"; color: #5B5B5B; cursor: default; margin: 0; background: #D0D0D0 url(../images/skin4/bg.gif) repeat-y center; }
body, a, table, div, span, td, th, input, select, button, textarea { font-size: 12px; line-height: 130%; }
form, button { margin: 0; padding: 0; }

a:link    { text-decoration: none; color: #0D7CC6; }
a:active  { text-decoration: none; color: #0D7CC6; }
a:visited { text-decoration: none; color: #0D7CC6; }
a:hover   { text-decoration: underline; color: #FF0000; }

/*
** 设置内容区域的大小，全屏/不全屏 **
*/
table.layout { font-family: verdana, Helvetica, sans-serif, "宋体"; font-size: 12px; background-color: #FFFFFF; }
td.portalMain { padding: 6px; }

/*
** 定义HTML页面常用组件的显示风格 **
** 包括input button select textarea等组件 **
*/
input.submit { color: #FFFFFF; background-color: #7695B2; border: #7695B2; height: 20px; padding-top: 3px; cursor: pointer; }
input.cancel { color: #FFFFFF; background-color: #7695B2; border: #7695B2; height: 20px; padding-top: 3px; cursor: pointer; }
input.button { color: #FFFFFF; background-color: #7695B2; border: #7695B2; height: 20px; padding-top: 3px; cursor: pointer; }
input.border { height: 20px; border: 1px solid #7695B2; }

/*
** 特殊字体的定义, 如新闻标题，表单名称，block标题，错误提示等 **
*/
font.headerUserName, span.headerUserName   { color: #004499; font-weight: bold; } /* 用户名(显示在班级门户) */
font.headerUserName2, span.headerUserName2 { color: #FFFFFF; font-weight: bold; } /* 同上(显示在banner下) */

font.NewsTitle, span.NewsTitle { font-size: 14px; font-weight: bold; text-decoration: none;	color: #000000; } /* 新闻标题 */
font.canvasTitle, span.canvasTitle { color: #003366; font-size: 14px; font-weight: bold; } /* 表单标题 */
.canvasTitle { color: #003366; font-size: 14px; font-weight: bold; } /* 兼容表单标题，不包含在font/span */

.alert { color: green; font-weight: bold; background: url(../images/icon_attention.gif) left no-repeat; padding: 2px 0 0 20px; }
.error { color: red; font-weight: bold; background: url(../images/icon_err.gif) left no-repeat; padding: 2px 0 0 20px; }

/*
** 实现超长文字的自动伸缩 **
*/
.textFlex { width: 100%; overflow: hidden; text-overflow: ellipsis; background-color: transparent; }

/*
** 登陆页面(暂时未使用) **
*/
table.signin { background-image: url(../images/skin4/signin_bg.gif); }
td.signin_header { height: 101px; }
td.signin_mid { background: url(../images/skin4/signin_mid.gif) repeat-x; height: 100px; padding-left: 90px; }
td.signin_footer { background-color: #336699; height: 30px; text-align: center; vertical-align: middle; }
td.signin_key { height: 45px; width: 45px; }
.signin_button { background-image: url(../images/skin4/signin_button.gif); background-color: transparent; height: 45px; width: 45px; border-style: none; cursor: pointer; }
span.copyright { color: #FFFFFF; }

.signin_footer a:link { color: #FFFFFF; }
.signin_footer a:visited { color: #FFFFFF; }
.signin_footer a:hover { background-color: transparent; }

/*
** 小盒子(block)的整体样式 **
*/
table.boxborder { border: 1px solid #6480B4; }
table.middle_boxborder { border: 1px solid #6480B4; }

td.boxTitle01_01 { width: 0; }
td.boxTitle01_02 { padding-top: 2px; padding-right: 5px; background-color: #D8EBF9; }
td.boxTitle01_03 { width: 0; }

td.boxTitle02_01 { width: 0; }
td.boxTitle02_02 { padding-top: 2px; padding-right: 5px; background-color: #D8EBF9; }
td.boxTitle02_03 { width: 0; }

td.boxTitle03_01 { width: 0; }
td.boxTitle03_02 { padding-top: 2px; padding-right: 5px; background-color: #D8EBF9; }
td.boxTitle03_03 { width: 0; }

td.boxbg_01 { padding: 3px; background-color: #FFFFFF; }
td.boxbg_02 { padding: 3px; background-color: #FFFFFF; }
td.boxbg_03 { padding: 0; background-color: #FFFFFF; }

.boxbg_01 a         { }
.boxbg_01 a:link    { }
.boxbg_01 a:visited { }
.boxbg_01 a:hover   { }

td.boxLeft { width: 0; }
td.boxRight { width: 0; }

tr.boxfoot    { display: none; }
td.boxfoot_01 { }
td.boxfoot_02 { }
td.boxfoot_03 { }

td.middle_boxLeft  { }
td.middle_boxRight { }

tr.middle_boxfoot    { display: none; }
td.middle_boxfoot_01 { }
td.middle_boxfoot_02 { }
td.middle_boxfoot_03 { }

.boxtitle_icon  { width: 15px; height: 25px; background: url(../images/skin4/dropUp.gif) no-repeat center center; }
.boxtitle_icon2 { width: 15px; height: 25px; background: url(../images/skin4/dropDown.gif) no-repeat center center; }

font.boxTitle, span.boxTitle { font-size: 12px; font-weight: bold; text-decoration: none; color: #003366; }
.boxTitle a:link { color: #003366; text-decoration: underline; }
.boxTitle a:visited { color: #003366; text-decoration: underline; }
.boxTitle a:hover { color: #003366; text-decoration: underline; }

font.winTitle, span.winTitle { font-size: 12px; font-weight: bold; text-decoration: none; color: #003366; }
.winTitle a:link    { color: #003366; }
.winTitle a:visited { color: #003366; }
.winTitle a:hover   { color: #003366; text-decoration: underline; }

/*
** 盒子中的菜单鼠标移入移出显示风格 **
** boxMouseOver/boxMouseOut 对应td.boxbg_01 **
** midBoxMouseOver/midBoxMouseOut 对应td.boxbg_02 **
*/
td.boxMouseOver { background-color: #F4F4F4; filter: Alpha(Opacity=80); }
td.boxMouseOver img { margin-right: 3px; }
td.boxMouseOver a:link, td.boxMouseOver a:visited { }

td.boxMouseOut { background-color: Transparent; }
td.boxMouseOut img { margin-right: 3px; }

td.midBoxMouseOver { background-color: #F4F4F4; filter: Alpha(Opacity=80); }
td.midBoxMouseOver img { margin-right: 3px; }
td.midBoxMouseOver a:link, td.midBoxMouseOver a:visited { }

td.midBoxMouseOut { background-color: Transparent; }
td.midBoxMouseOut img { margin-right: 3px; }

/*
** block中被选中的行 **
*/
tr.boxSelected { background-color: #EEF6F9; font-weight: bold; }

/*
** 页眉（header）的风格 **
*/
table.header{ }
tr.header	{ }
td.header	{ background-color: #EEF9FD; text-align: left; }

/*
** 顶级菜单（topMenu）的风格 **
*/
table.topMenu { height: 25px; background: url(../images/skin4/topmenu_bg.gif) repeat-x; }
tr.topMenu    { }
td.topMenu    { width: 86px; }
td.top_big_left  { height: 25px; width: 5px; }
td.top_big_bg    { background-image: url(../images/skin4/button_big_02.gif); padding-top: 5px; }
td.top_big_right { width: 6px; }
td.top_sma_left  { height: 25px; width: 5px; }
td.top_sma_bg    { background-image: url(../images/skin4/button_sma_02.gif); padding-top: 5px; }
td.top_sma_right { height: 25px; width: 6px; }
td.topMenuEnd    { }

/*
** 顶级菜单的文字效果 **
*/
.topMenuFont          { color: #000000; font-weight: bold; text-decoration: none; text-align: center; }
.top_sma_bg a:link    { color: #000000; font-weight: bold; text-decoration: none; }
.top_sma_bg a:visited { color: #000000; font-weight: bold; text-decoration: none; }
.top_sma_bg a:hover   { color: #000000; font-weight: bold; text-decoration: none; }

.top_big_bg td a:link    { color: #000000; font-weight: bold; text-decoration: none; }
.top_big_bg td a:visited { color: #000000; font-weight: bold; text-decoration: none; }
.top_big_bg td a:hover   { }

/*
** 顶级菜单（topMenu）风格二（应用于班级门户顶部菜单） **
*/
td.topMenu2 { width: 26px; padding-left: 8px; padding-right: 8px; }
td.topMenu2 a:link    { color: #004499; text-decoration: none; }
td.topMenu2 a:visited { color: #004499; text-decoration: none; }
td.topMenu2 a:hover   { color: #004499; text-decoration: underline; }

tr.topMenu2  { background-color: #D1E2FE; }

/*
** 选项卡菜单（Tab）切换样式 **
*/
table.tab { height: 20px; border-bottom: 6px solid #006699; }
tr.tab    { }
td.tab    { }
td.tab_1  { height: 20px; background: #006699 url(../images/skin4/tab_alt_r.gif) right no-repeat; }
td.tab_2  { height: 20px; background: #CFDFE7 url(../images/skin4/tab_r.gif) right no-repeat; }
td.tab_3  { height: 20px; background: #CFDFE7 url(../images/skin4/tab_alt_l.gif) right no-repeat; }
td.tab_4  { height: 20px; background: #CFDFE7 url(../images/skin4/tab_end.gif) right no-repeat; }
td.tab_5  { height: 20px; background: #006699 url(../images/skin4/tab_alt_end.gif) right no-repeat; }

span.tab  { color: #000000; font-size: 12px; font-weight: bold; padding-right: 20px; text-align: center; cursor: pointer; }
span.tab_alt { color: #FFFFFF; font-size: 12px; font-weight: bold; padding-right: 20px; text-align: center; cursor: pointer; }

/*
** 当前位置导航条的风格 **
*/
table.breadcrumb { color: #996600; height: 22px; padding: 0px 10px 0px 10px; }
td.breadcrumb    { font-size: 12px; background-color: #FFF1D6; }

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

/*
** 页脚（footer）的风格 **
*/
td.footerHeading   { background-color: #006699; height: 6px; }
td.footerHeading_l { display: none; }
td.footerHeading_r { display: none; }

tr.footer         { background-color: #FFFFFF; background-repeat: repeat-x; height: 30px; }
td.footer_l       { display: none; }
td.footer_r       { display: none; }
.footer a:link	  { color: #999999; }
.footer a:visited { color: #999999; }
.footer a:hover	  { }

/*
** 定义个人门户中三列小版块的宽度 **
** 依次为左列宽，中列宽，右列宽，隐藏左列时中列的宽度，隐藏右列时中列的宽度，只有一列时的宽度 **
*/
td.boxWidth_left { width: 25%; }
td.boxWidth_middle { width: 50%; }
td.boxWidth_right { width: 25%; }
td.boxWidth_middleNoLeft { width: 75%; }
td.boxWidth_middleNoRight { width: 75%; }
td.boxWidth_middleBig { width: 100%; }

/*
** 拖动改变列宽时的效果（主要指鼠标指针效果） **
*/
.dragMouseOver   { cursor: w-resize;}
.dragMouseOut    { cursor: w-resize; }
.dragMouseMoving { cursor: col-resize;}

/*
** 展开隐藏或拖动左侧栏 **
*/
td.changeLeft { width: 8px; background: #FFF url(../images/skin4/drives_bg.gif); }

/*
** 上下block之间的间距 **
*/
.leftBlockPadding   { height: 6px; }
.middleBlockPadding { height: 6px; }
.rightBlockPadding  { height: 6px; }

/*
** 右键/下拉菜单样式 **
*/
div.popupMenuDiv        { }
table.popupMenuTable    { border: 1px solid #4791C5; background-color: #E9F2F8; padding: 3px; }
tr.popupMenuMouseOver   { background-color: #FFFFFF; color: #000000; cursor: default; }
tr.popupMenuMouseOut    { background-color: #E9F2F8; color: #000000; cursor: default; }
td.popupMenuHrShadow    { background-color: #E9F2F8; }
td.popupMenuHrHighLight { background-color: #4791C5; }

/*
** boxExt: 放大的box: 点击了portal中box后进入的box单一页面; boxExtCanvas: 放大的box的包容器 **
*/
table.boxExtCanvas { background-color: #336699; }
table.boxExt { background-color: #CCCCCC; }
tr.boxExt { background-color: #FFFFFF; color: #999999; }
td.boxExt { background-color: #FFFFFF; }

/*
** 列表表格（横式）的风格 **
*/
table.list { background-color: #D1DBE2;}
.list tr   { height: 18px; background-color: #F5F8F9; }
.list th   { color: #000000; text-align: left; height: 20px; background-color: #D1DBE2; padding-left: 3px; }
.list td   { padding: 0 3px 0 3px; }
.list tr.listAlt    { height: 18px; background-color: #FFFFFF; }
.list tr.listAlt tr { background-color: #FFFFFF; }
.list tr.listBas    { height: 18px; background-color: #FFFBEA; }
.list tr.listBas tr { background-color: #FFFBEA; }

.list th a:link    { color: #000000; text-decoration: underline; }
.list th a:visited { color: #000000; text-decoration: underline; }
.list th a:hover   { color: #000000; text-decoration: underline; }

/*
** 列表表格（竖式）的风格 **
*/
table.matrix { background-color: #FFFFFF; }
.matrix tr   { }
.matrix th   { color: #000000; text-align: left; height: 20px; background-color: #E6EDF1; padding-left: 3px; }
.matrix td   { background-color: #F2F6F8; padding: 0 3px 0 3px; }

.matrix tr.matrixHeader    { height: 22px; }
.matrix tr.matrixHeader tr { }
.matrix td.matrixHeader    { color: #FFFFFF; font-weight: bold; padding: 5px; background-color: #006699; }
.matrix td.matrixHeader td { color: #FFFFFF; font-weight: bold; background-color: #006699; }

.matrixHeader a:link    { color: #FFFFFF; text-decoration: underline; }
.matrixHeader a:visited { color: #FFFFFF; text-decoration: underline; }
.matrixHeader a:hover   { color: #FFFFFF; text-decoration: underline; }

/*
** 班级列表 **
** 嵌套的二级表格样式 **
*/
table.listInside { background-color: #CCCCCC; }
.listInside tr   { background-color: #FFFFFF; }
.listInside th   { background-color: #FFFFFF; }
.listInside td   { }

/*
** 表单表格（form）的风格 **
*/
table.form { }
.form tr   { }
.form th   { text-align: right; background-color: #E7F7FF; padding: 2px; }
.form td   { background-color: #E7F7FF; padding: 2px; }

/*
** 列表底部的操作项 **
** 如上下翻页、提交表单、返回按钮等 **
*/
table.tableFoot { }
.tableFoot tr   { }
.tableFoot td   { padding: 5px 0 5px 0; }

/*
** 资源库列表的风格 **
*/
teble.Resources     { }
tr.Resources        { height: 18px; }
td.Resources        { background-color: #FFFFFF; }
td.ResourcesHeading { background-color: #F9E9DE; border-top: 1px solid #ECA78C; height: 21px; font-weight: bold; filter: Alpha(Opacity=90); }
ul.Resources        { text-align: left; display: block; margin: 0; padding: 0; list-style: none; }
ul.Resources li     { float: left; width: 160px; height: 15px; overflow: hidden; text-overflow: ellipsis; margin: 2px 0; white-space: nowrap; }
ul.Resources li img { margin-right: 4px; }
ul.Resources li i   { font-size: 10px; font-style: normal; color: #333333; }

td.ResourcesHeading a:link    { color: #000000; font-weight: bold; text-decoration: underline; }
td.ResourcesHeading a:visited { color: #000000; font-weight: bold; text-decoration: underline; }

.iFont { color: #000000; font-size: 10px; }

/*
** 帮助信息（help）的风格 **
*/
table.help { background-color: #FFFBDD; border: 1px solid #DACBBA; }
.help tr   { }
.help th   { }
.help td   { color: #000000; line-height: 18px; }

/*
** 日历的风格 **
*/
table.calendarBox	{ border: 1px solid #003366; }
table.calendar		{ }
tr.calendar			{ }
th.calendar			{ color: #000000; }
th.calendarBig      { color: #000000; }
th.calMonth			{ color: #000000; }
th.calMonthBig		{ color: #000000; }
th.calWeekEnd		{ color: #FF0000; }
th.calWeekEndBig    { color: #FF0000; }
td.calendar			{ color: #666666; }
td.calendarBig      { color: #000000; font-weight: bold; font-size: 14px; }
td.calWeekEnd       { color: #FF0000; font-size: 14px; }
td.calWeekEndBig    { color: #FF0000; font-weight: bold; font-size: 14px; }
td.calEvtA			{ color: #000000; background-color: #ABCBE2; }
td.calEvtABig		{ color: #000000; background-color: #D9EBF4; font-weight: bold; }
td.calWedEvtA		{ color: #FF0000; border: 1px dashed #999999; }
td.calWedEvtABig	{ color: #FF0000; font-weight: bold; border: 1px dashed #999999; }
td.calEvtB			{ color: #000000; background-color: #FFFF00; }
td.calEvtBBig		{ color: #000000; background-color: #FFFF00; font-weight: bold; }
td.calWedEvtB		{ color: #FF0000; background-color: #FFFF00; }
td.calWedEvtBBig	{ color: #FF0000; background-color: #FFFF00; font-weight: bold; }
td.calendarHover	{ color: #339900; font-weight: bold; font-size: 14px; }

.calendarBox a:link    { }
.calendarBox a:visited { }
.calendarBox a:hover   { }

/*
** Nav(目录树/课程树 显示,编辑,移动) **
** Body(页面级table) **
*/
table.recNav    { background-color: #FFFFFF; }
tr.recNav       { }
th.recNav       { background-color: #C2D5E3; height: 24px; white-space: nowrap; padding-left: 5px; }
td.recNavBody   { padding: 5px; }
td.recNavHead   { padding: 0; }

table.recNav2    { background-color: #FFFFFF; }
tr.recNav2       { }
th.recNav2       { background-color: #C2D5E3; height: 24px; white-space: nowrap; padding-left: 5px; }
td.recNavBody2   { padding: 5px; }
td.recNavHead2   { padding: 0; }

table.recBody   { background-color: #FFFFFF; }
tr.recBody      { }
th.recBody      { color: #FFFFFF; height: 24px; white-space: nowrap; padding: 0 5px 0 5px; }
td.recBody      { padding: 5px; }
tr.recBodyAlt   { background-color: #CCCCCC; }
tr.recBodyHeader{ color: #FFFFFF; background-color: #1F4894; height: 24px; }
td.recBodyTop   { background-image: url(../images/skin4/editMainTitle_bg.gif); height: 25px; }
td.recBodyMain  { background-color: #FFFFFF; }

td.recBodyTitle { width: 96%; border: 1px solid #CCCCCC; background-color: #EFEFEF; color: #003399; font-size: 14px; font-weight: bold; text-align: center; }

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

table.kuarkNav       { }
tr.kuarkNav          { }
th.kuarkNav          { }
td.kuarkNav          { padding: 2px 1px 2px 0; word-wrap: break-word; word-break: break-all; }
tr.kuarkNavSelect    { background-color: #FFF7E6; } /* 被选中的行 */
button.kuarkNavAdd   { background-color: transparent; padding: 0; border-style: none; cursor: pointer; }
button.kuarkNavDel   { background-color: transparent; padding: 0; border-style: none; cursor: pointer; }
button.kuarkNavUndo  { border: 1px outset; text-align: center; padding: 1px 0 1px 1px; cursor: pointer; }
button.kuarkNavMove  { border: 0; cursor: pointer; background-color: transparent; padding-top: 3px; }

/*
** 搜索结果链接的样式 **
*/
.search_link a:link    { color: #CC0000; text-decoration: underline; }
.search_link a:visited { color: #CC0000; text-decoration: underline; }
.search_link a:hover   { color: #CC0000; text-decoration: none; }

/*
** Loading的样式 **
*/
table.loading { background-color: #FFB7B7; }
.loading tr   { }
.loading th   { }
.loading td   { font-weight: bold; }

/*
** 操作成功提示的样式 **
*/
table.ok { background-color: #FFFEDC; border: 2px solid #006A23; }
.ok tr   { }
.ok td   { padding: 6px; }
.ok span { color: #000000; font-size: 14px; font-weight: bold; background: url(../images/icon_ok.gif) left no-repeat; padding: 0 0 0 25px; }

/*
** 学生考试/作业表格的风格 **
*/
body.testBody { background-image: url(../images/blank.gif); }
table.testLayout    { background-color: #FFFFFF; }
td.testTitle    { font-family: "黑体"; color: #000000; font-weight: 500; font-size: 20px; background-color: #B9DFFB; padding: 5px; }
td.testClassTitle    { color: #000000; font-size: 14px; padding: 5px; border-bottom: 1px solid #999999; }
td.testType    { color: #000000; font-size: 14px; font-weight: bold; background-color: #EBEBEB; padding: 4px; }
td.testMain { font-size: 14px; padding: 10px; border-bottom: 1px solid #E7E7E7; }
td.testAlert   { color: #098FD9; font-weight: normal; text-decoration: none; }