﻿/**********************************************
* 本页包括Table、Gridview、Listview等风格
***********************************************/
.Table
{
    width: 100%;
}

.TableTitle
{
    height: 30px;
    border-bottom: solid 1px #4b7c95;
}

.TableContent
{
    width: 100%;
    min-height: 50px;
    margin-bottom: 10px;
}

.TableHeader
{
    width: 100%;
    background-color: #FFF1D5;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    border-bottom: solid 1px #FFCC66;
    border-top: solid 1px #FFCC66;
}
.TableHeader div
{
    float: left;
    font-weight: bold;
    color: #888888;
    min-height: 25px;
}

.TableHeader_Home
{
    width: 100%;
    background-color: #FFF1D5;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    border-bottom: solid 1px #FFCC66;
}

.TableHeader_Home div
{
    float: left;
    font-weight: bold;
    color: #888888;
}

.TableBody
{
    width: 100%;
    min-height: 22px;
    border-bottom: dotted 1px #C4C4AD; /* overflow:auto; */
}

.TableBody div
{
    float: left;
    min-height: 22px;
    line-height: 22px;
    vertical-align: middle; /* overflow:auto; */
}

/*
* 以下是带标题的表格风格，分蓝色、桔黄色和紫色三个风格。
*/
.title-right
{
    float: right;
    height: 25px;
    overflow: hidden;
    padding: 5px 10px 3px;
}
/* 桔黄风格 */
.title-y
{
    background: #FFD58D url(../images/table/type_y_left.gif) no-repeat;
}
.title-y h3
{
    background: #FFD58D url(../images/table/type_y_right.gif) no-repeat right top;
    color: #333;
    padding: 5px 10px 3px;
    margin-left: 2px;
    font-family: tahoma;
    font-size: 12px;
}
.small-y
{
    height: 23px;
    overflow: hidden;
}
.small-y h3
{
    font-size: 12px;
    color: #7B2E00;
    padding: 4px 10px 3px;
}
.list-y
{
    border: 1px solid #FFB64B;
    margin-bottom: 6px; /* background: #fff url(../images/table/bg_list_right.gif) no-repeat right top; */
    border-top: 1px solid #FF8F27;
}
.list-y h2, .list-b h2
{
    text-align: center;
    margin: 8px auto 3px;
    line-height: 19px;
    font-size: 12px;
    font-family: tahoma;
    color: #003399;
}
.list-y h2 a
{
    color: #039;
}
.list-y h2 a:hover
{
    color: #f60;
}
.list-y p, .list-b p
{
    text-indent: 2em;
    color: #666;
    padding: 0 10px;
}
.list-y ul.list
{
    padding: 7px 0;
    margin-top: 5px;
    list-style: none;
}
.list-y ul.list li span, .list-b ul.list li span a
{
    color: #039;
}
.list-y ul.list li span a:hover, .list-y ul.list li
{
    background: url(../images/Icons/dotr.gif) no-repeat 12px 8px;
    padding-left: 25px;
    font-size: 12px;
    line-height: 25px;
    font-family: tahoma;
}
/*  蓝色风格 */
.title-b
{
    background-image: url(../images/table/type_b_left.gif);
    height: 25px;
    overflow: hidden;
}
.title-b h3
{
    font-size: 12px;
    background: #C0D6E5 url(../images/table/type_b_right.gif) no-repeat right top;
    color: #081B39;
    padding: 7px 10px 4px;
    margin-left: 2px;
    font-weight: normal;
}
.title-b ul.touch
{
    float: right;
    list-style: none;
    margin-right: 5px;
}
.title-b ul.touch li
{
    float: left;
    margin-top: 4px;
    margin-left: 5px;
    padding: 0 6px;
    height: 22px;
    line-height: 22px;
    cursor: pointer;
}
.title-b ul.touch li.on
{
    float: left;
    background: #fff;
    margin-top: 3px;
    color: #c30;
    border: 1px solid #9BBDD3;
    border-bottom: 0;
    cursor: default;
}
.list-b
{
    min-height: 50px;
    height: auto !important;
    border: 1px solid #9BBDD3;
    margin-bottom: 6px;
    background: #fff;
    border-top: 0;
}
.list-b ul.list
{
    padding: 6px 0;
    list-style: none;
    margin: 0;
    color: #666;
}
.list-b ul.list li span a:hover
{
    color: #c30;
}
.list-b ul.list li
{
    background: url(../images/Icons/dotb.gif) no-repeat 12px 11px;
    padding-left: 20px;
    font-size: 12px;
    line-height: 25px;
    font-family: tahoma;
}
/*  偏紫色风格 */
.title-p
{
    background-image: url(../images/table/type_p_left.gif);
    height: 25px;
    overflow: hidden;
}
.title-p h3
{
    font-size: 12px;
    background: #fff url(../images/table/type_p_right.gif) no-repeat right top;
    color: #081B39;
    padding: 7px 10px 4px;
    margin-left: 2px;
}
.title-p ul.touch
{
    float: right;
    list-style: none;
    margin-right: 5px;
}
.title-p ul.touch li
{
    float: left;
    margin-top: 4px;
    margin-left: 5px;
    padding: 0 6px;
    height: 22px;
    line-height: 22px;
    cursor: pointer;
}
.title-p ul.touch li.on
{
    float: left;
    background: #fff;
    margin-top: 3px;
    color: #c30;
    border: 1px solid #9BBDD3;
    border-bottom: 0;
    cursor: default;
}
.list-p
{
    border: 1px solid #9293ff;
    margin-bottom: 6px;
    background: #fff;
    border-top: 0;
}
.list-p ul.list
{
    padding: 6px 0;
    list-style: none;
    margin: 0;
    color: #666;
}
.list-p ul.list li span a:hover
{
    color: #c30;
}
.list-p ul.list li
{
    background: url(../images/Icons/li-gray-dot.gif) no-repeat 3px 3px;
    padding: 0 5px 0 16px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/***** 三色带标题表格风格 End ***********************/

/*
* 项目日志（Blog）表格风格 
*/
.BlogBody
{
    width: 100%;
}
.BlogBody P
{
    line-height: 25px;
}
.BlogBody ul, .BlogBody ol
{
    list-style-type: disc;
    padding-left: 40px;
}

.td_top_left_blog
{
    width: 20px;
    height: 20px;
    background: url(../images/table/Blog_Top_Left.gif) no-repeat right;
}

.td_top_middle_blog
{
    height: 20px;
    background: url(../images/table/Blog_Top_Middle.gif) left top;
}

.top_Title_blog
{
    padding-left: 5px;
    font-size: 15px;
    font-family: Tahoma, 宋体;
    font-weight: bold;
    color: #336699;
    min-height: 40px;
    padding-top: 10px;
}
.td_top_right_blog
{
    width: 20px;
    height: 20px;
    background: url(../images/table/Blog_Top_Right.gif) no-repeat left;
}

.td_middle_left_blog
{
    width: 20px;
    background: url(../images/table/Blog_Middle_Left.gif);
    height: 100%;
}

.td_middle_middle_blog
{
    text-align: left;
    border: 0;
}

.td_middle_right_blog
{
    width: 20px;
    border: 0;
    background: url(../images/table/Blog_Middle_Right.gif);
    height: 100%;
}

.td_bottom_left_blog
{
    width: 20px;
    height: 20px;
    border: 0;
    background: url(../images/table/Blog_Bottom_Left.gif) no-repeat top right;
}

.td_bottom_middle_blog
{
    height: 20px;
    border: 0;
    background: url(../images/table/Blog_Bottom_Middle.gif) left top;
}

.td_bottom_right_blog
{
    width: 20px;
    height: 20px;
    border: 0;
    background: url(../images/table/Blog_Bottom_Right.gif) no-repeat left top;
}
/*项目日志（Blog）表格风格 end */


/*
* 常用的蓝色表头的方角表格 Good 
*/
.myblock
{
    margin: 0 auto;
    border: 1px solid #bed2e4;
    background: transparent url(../images/table/panel-back.gif) repeat-x 0 0;
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
}
.myblock .title
{
    padding-top: 5px;
    font-weight: bold;
    color: #000000;
    min-height: 25px;
    height: auto !important;
    border-bottom: dotted 1px #bbbbbb;
    line-height: 25px;
    vertical-align: middle;
    background: transparent url(../images/icons/dot01.gif) no-repeat 5px 12px;
    text-indent: 20px;
    width: 99%;
}
.myblock .title .right
{
    float: right;
    padding-right: 10px;
    text-indent: 0px;
}
.myblock .title .left
{
    float: left;
}
.myblock .content
{
    /*float: left;*/
    padding: 10px;
}
/** 常用的蓝色表头的方角表格 end */


/*
* 下面是系统首页和项目首页的 UL Li 的自定风格*****
*/
.HomeList
{
}
.HomeList ul.myul
{
}
.HomeList ul.myul li
{
    background: url(../images/Icons/dot01.gif) no-repeat 5px 8px;
    padding-left: 20px;
    font-size: 12px;
    height: 25px;
    font-family: tahoma;
    border-bottom-color: #C4C4AD;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    line-height: 25px;
    vertical-align: middle;
}
.HomeList ul.myul li a:hover
{
    color: Orange;
}

.MyList
{
}
.MyList ul.myul
{
}
.MyList ul.myul li
{
    /*background:url(../images/Icons/dot01.gif) no-repeat 5px 8px;*/
    padding-left: 10px;
    min-height: 25px;
    height: auto !important;
    line-height: 25px;
    vertical-align: middle;
    text-align: left; /** 下面这段内容是截取长度超过后显示... ，长度定义在页面端定义 *****/
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    padding-top: 3px;
}
.MyList ul.myul li a:hover
{
    color: Orange;
}

.GoToList
{
    margin: 0 auto;
    width: 600px;
    font-size: 14px;
}
.GoToList ul.myul
{
}
.GoToList ul.myul li
{
    background: url(../images/Icons/goto.gif) no-repeat 0px 16px;
    padding-left: 10px;
    min-height: 45px;
    height: auto !important;
    border-bottom: dotted 1px #bbbbbb;
    overflow: hidden;
    line-height: 45px;
    text-indent: 15px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
}
.GoToList ul.myul li a:hover
{
    color: Orange;
}

/*
* 常用的表格中的行
*/
.LineWithDotted
{
    min-height: 25px;
    height: auto !important;
    border-bottom: dotted 1px #bbbbbb;
    line-height: 25px;
    vertical-align: middle;
    width: 95%;
    padding-left: 5px; /** 下面这段内容是截取长度超过后显示... ，长度定义在页面端定义 *****/
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
}
.LineWithoutDotted
{
    min-height: 25px;
    height: auto !important;
    width: 99%;
    line-height: 25px;
    vertical-align: middle; /** 下面这段内容是截取长度超过后显示... ，长度定义在页面端定义 *****/
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
}
/*
* 行左边标题：
*/
.LineInLeft
{
	float: left;
	text-align: right;
	width: 20%;
	font-weight:bold;
}
/*
* 行右边标题：
*/
.LineInRight
{
	float: left;
	text-align: left;
	width: 79%;
}

/*
* 左边背景为蓝色的条 
*/
.LeftButtonBarContainer
{
    height: 26px;
    width: 100%;
    overflow: hidden;
}
.LeftButtonBar
{
    background-image: url(../Images/button/LeftButton.gif);
    background-repeat: no-repeat;
    height: 26px;
    width: 102px;
    line-height: 26px;
    vertical-align: middle;
    font-weight: bold;
    font-size: 12px;
    border: solid 1px #b1bad3;
    color: white;
    text-align: center;
    overflow: hidden;
}


/*
* 项目路径 
*/
.ProjectPath
{
    width: 98%;
    height: 25px;
    background-color: #ffffff;
    border: solid 0px #ffffff;
    line-height: 25px;
    vertical-align: middle;
    text-indent: 10px;
    margin-bottom: 10px;
    font-family: 宋体;
    background-image: url(../Images/Button/CurrentBg.png);
    background-repeat: no-repeat;
}

/* 
* 审计的行背景
*/
.NotAccording
{
    background-color: #F5A89A;
    height: 25px;
}
.PartAccording
{
    background-color: #FEF889;
    height: 25px;
}

/*
* 表格的单元格，用于合同报表。
*/
.TableCell_Head
{
    height: 23px;
    width: 100px;
    text-align: center;
    vertical-align: middle;
    white-space: normal;
    border: solid 1px windowtext;
    font-family: 微软雅黑;
    font-weight: bold;
    background-color: #FFFACD;
}
.TableCell
{
    height: 23px;
    width: 100px;
    text-align: center;
    vertical-align: middle;
    white-space: normal;
    border: solid 1px windowtext;
    font-family: 微软雅黑;
}
/*
* 任务墙
*/
.TaskWall
{
    float: left;
    width: 32%;
    margin: 4px;
    background-image: url(../Images/Table/Wall_TopMiddle.png);
    background-repeat: repeat-x;
}
.TaskWall .TopContainer
{
    height: 67px;
}
.TaskWall .TopContainer .TopLeft_NotStarted
{
    background-image: url(../Images/Table/Wall_TopLeft_NotStarted.png);
    width: 67px;
    height: 67px;
    float: left;
}
.TaskWall .TopContainer .TopLeft_Ongoing
{
    background-image: url(../Images/Table/Wall_TopLeft_Ongoing.png);
    width: 67px;
    height: 67px;
    float: left;
}
.TaskWall .TopContainer .TopLeft_Finished
{
    background-image: url(../Images/Table/Wall_TopLeft_Finished.png);
    width: 67px;
    height: 67px;
    float: left;
}
.TaskWall .TopContainer .TopRight
{
    background-image: url(../Images/Table/Wall_TopRight.png);
    width: 7px;
    height: 67px;
    float: right;
}
.TaskWall .TaskWallBody
{
    border-left: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    border-top: 0px;
    background-color: #f1f1f1;
    margin-left: 3px;
    min-height: 300px;
}

/*
* 从Excel导入后，调整的表格风格。
*/

.style_title
{
    height: 32.25pt;
    width: 524pt;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border: .5pt solid windowtext;
    padding: 1px;
    background: #DBEEF3;
}
.style_text
{
    height: 25px;
    width: 110px;
    text-align: right;
    vertical-align: middle;
    white-space: normal;
    border: .5pt solid windowtext;
    padding: 1px;
}
.style_content
{
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    border: .5pt solid windowtext;
    padding: 1px;
}
/* 部门空间 部门人员列表 */
.DeptTableHeader
{
	width: 4%;
	height:17pt;
	color: windowtext;
	font-size: 9.0pt;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	border: .5pt solid windowtext;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	background: #C5D9F1;
}

.TableCell
{
	width: 4%;
	height:17pt;
	color: windowtext;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	border: .5pt solid windowtext;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
}
.weekTimesheetTd
{
    width:45px;
 }
 
 
/*
* 使用普通的带 * 的UL，LI
*/
.CommonUL ul
{
    list-style-type:disc;
    padding-left:20px;
}


