/********** 来自网上的布局CSS ******************/
#MainBody
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}

#ColumnLeft
{
	float: left;
	width: 75%;
}

#ColumnRight
{
	float: left;
	width: 24%;
	margin-left: 0.5%;
}
#ColumnLeft_Narrow
{
	float: left;
	width: 25%;
}

#ColumnRight_Wide
{
	float: left;
	width: 74.5%;
	margin-left: 0.5%;
}

#SidebarLeft
{
	float: left;
	background-image: url(../Images/Tab/SidebarLeft.jpg);
	background-repeat: no-repeat;
	width: 160px;
	min-height: 500px;
}

#SidebarLeftBody
{
	margin-left: 165px;
}

#SidebarLeft_NoBG
{
	float: left;
	width: 160px;
	min-height: 500px;
}
/* 下面是IE6 Hack */
* html #SidebarLeft
{
	float: left;
	background-image: url(../Images/Tab/SidebarLeft.jpg);
	background-repeat: no-repeat;
	width: 160px;
	height: 500px;
}
/* 下面是IE6 Hack */
* html #SidebarLeft_NoBG
{
	float: left;
	width: 150px;
	height: 500px;
}

/* 类似Live Mail的左边布局背景 */
#GroupLeft
{
	float: left;
	width: 250px;
	min-height: 500px;
	margin-top: 10px;
}

/* 中间的分隔条 */
#SeparatorBar
{
	background-image: url(../Images/Table/VSeparatorBar.png);
	background-repeat: repeat-y;
	width: 12px;
	height: 537px;
	float: left;
}
/* 类似Live Mail的右边布局背景 */
#GroupBody
{
	margin-left: 265px;
	min-height: 500px;
}


/****** Login 页面的风格 ************************
.LoginContainer
{
    width:900px;
    height:412px;
    margin:0px auto;
    background-image:url(../Images/Common/Login_bg_1.gif);
    background-repeat:no-repeat;
}
.RegisterContainer
{
    margin:0px auto;
    padding-left:500px;
}

*/

.LoginRegister
{
	float: left;
	width: 200px;
	padding-top: 20px;
}
.LoingForgetPWD
{
	float: right;
	width: 150px;
	padding-top: 20px;
}

/*****某网站类似微软的垂直导航条 ***************/
div.SidebarMenu ul
{
	margin-top: 10px;
}

div.SidebarMenu ul li
{
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #2aa6b8;
	font-weight: bold;
}

div.SidebarMenu ul li a
{
	color: #000;
	display: block;
	text-decoration: none;
	width: auto;
}

div.SidebarMenu ul li:hover
{
	color: #ff9000;
	display: block;
	text-decoration: none;
	width: auto;
	cursor: pointer;
}

div.SidebarMenu ul li.Selected
{
	background-image: url(../Images/Tab/SidebarLeftSelected.gif);
	background-repeat: no-repeat;
	color: #ff9000;
	display: block;
}

/************* 老的CSS，需要改进 *******************/
#SidebarLeft ul
{
	margin-top: 10px;
}
#SidebarLeft li
{
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #2aa6b8;
	font-weight: bold;
}
#SidebarLeft li a
{
	color: #000;
	display: block;
	text-decoration: none;
	width: auto;
}
#SidebarLeft li a.Selected
{
	background-image: url(../Images/Tab/SidebarLeftSelected.gif);
	background-repeat: no-repeat;
	color: #ff9000;
	display: block;
}
#SidebarLeft li a:hover
{
	color: #ff9000;
	display: block;
	text-decoration: none;
	width: auto;
	cursor: pointer;
}
#SidebarLeft li a span
{
	display: block;
	padding: 0 10px;
}
/*
#SidebarLeft li span:hover
{
    color: #ff9000;
    display: block;
    text-decoration: none;
    width: auto;
    cursor: pointer;
}
*/
/*
#SidebarLeft li.Selected span
{
    background-image: url(../Images/Tab/SidebarLeftSelected.gif);
    background-repeat: no-repeat;
    color: #ff9000;
    display:block;
}
*/

#SidebarLeft li.Selected a
{
	background-image: url(../Images/Tab/SidebarLeftSelected.gif);
	background-repeat: no-repeat;
	color: #ff9000;
	display: block;
}

/***** 垂直导航条 End ****************/

/***** 项目计划 导入导出 左侧垂直导航 start ****************/
#SidebarLeftImportExport
{
	float: left;
    background-color:#fff;	
	width: 170px;
	min-height: 500px;
}
.ImportExportButton_Selected
{
	background-image: url(../Images/Button/CurrentBG2.png);
	background-repeat:no-repeat;
	background-position:center center;
	color: #000;	
	font-weight: bold;
	height:25px;
	width:112px;
	display:block;
	text-align:center;
	line-height:25px;
	vertical-align:middle;
	margin-top:5px;
	margin-bottom:5px;
}
.ImportExportButton
{
	color: #000;	
	height:25px;
	width:112px;
	display:block;
	text-align:center;
	line-height:25px;
	vertical-align:middle;
	margin-top:5px;
	margin-bottom:5px;
}
/***** 导入导出 左侧垂直导航 end ****************/

/**********favtip是来自淘宝的小贴士风格 *********/
.favtip
{
	position: relative;
	padding: 10px 30px 5px 10px;
	margin: -5px auto 0;
	width: 190px;
	height: 71px;
	color: #333;
	line-height: 150%;
	background: url(../Images/Common/fav_tip_bg.gif) 0 0 no-repeat;
}
.favtip a
{
	position: absolute;
	right: 10px;
	top: 3px;
	display: block;
	width: 12px;
	height: 12px;
}
.favtip a span
{
	display: none;
}

.favtip_v
{
	position: relative;
	padding: 10px 30px 5px 10px;
	margin: -5px auto 0;
	width: 190px;
	height: 103px;
	color: #333;
	line-height: 150%;
	background: url(../Images/Common/fav_tip_v_bg.gif) 0 0 no-repeat;
}
.favtip_v a
{
	position: absolute;
	right: 10px;
	top: 3px;
	display: block;
	width: 12px;
	height: 12px;
}
.favtip_v a span
{
	display: none;
}

/********* 创建项目三部曲 ***********/
.step_1_on
{
	width: 300px;
	height: 45px;
	float: left;
	background-image: url(../Images/Common/step-1-1.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: 50px;
	line-height: 45px;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	color: Green;
}
.step_1_off
{
	width: 300px;
	height: 45px;
	float: left;
	background-image: url(../Images/Common/step-1-0.gif);
	background-repeat: no-repeat;
	color: Gray;
	overflow: hidden;
	text-indent: 50px;
	line-height: 45px;
	vertical-align: middle;
}
.step_2_on
{
	width: 300px;
	height: 45px;
	float: left;
	background-image: url(../Images/Common/step-2-1.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: 50px;
	line-height: 45px;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	color: Green;
}
.step_2_off
{
	width: 300px;
	height: 45px;
	float: left;
	background-image: url(../Images/Common/step-2-0.gif);
	background-repeat: no-repeat;
	color: Gray;
	overflow: hidden;
	text-indent: 50px;
	line-height: 45px;
	vertical-align: middle;
}
.step_3_on
{
	width: 300px;
	height: 45px;
	float: left;
	background-image: url(../Images/Common/step-3-1.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: 50px;
	line-height: 45px;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	color: Green;
}
.step_3_off
{
	width: 300px;
	height: 45px;
	float: left;
	background-image: url(../Images/Common/step-3-0.gif);
	background-repeat: no-repeat;
	color: Gray;
	overflow: hidden;
	text-indent: 50px;
	line-height: 45px;
	vertical-align: middle;
}

/*******显示/隐藏的图标 **************/
.imgshow
{
	float: right;
	cursor: pointer;
	height: 15px;
	width: 15px;
	background: url(../Images/icons/ShowDetails.png);
	background-repeat: no-repeat;
	margin-top: 8px;
	margin-right: 10px;
}
.imghidden
{
	float: right;
	cursor: pointer;
	height: 15px;
	width: 15px;
	background: url(../Images/icons/HideDetails.png);
	background-repeat: no-repeat;
	margin-top: 8px;
	margin-right: 10px;
}

/*
* 流程页面上端放置按钮或者标题的区域
*/
.PageTopBar
{
	width: 98%;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	margin: 0 auto;
	overflow: hidden;
}
.PageTopBar .Left
{
	float: left;
}
.PageTopBar .Current
{
	height: 25px;
	line-height: 24px;
	vertical-align: middle;
	width: 400px;
	background-image: url(../Images/Button/CurrentBg.png);
	background-repeat: no-repeat;
	text-indent: 10px;
	font-size: 100%;
}
/*
* 显示当前项目、当前状态的CSS
* 去掉背景色和边框。
*/
.CurrentStatus
{
	width: 98%;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	margin: 0 auto;
	overflow: hidden; /*border:solid 1px #ebcc4e;       background-color:#fdfcec;     */
	border-left: solid 0px;
	margin-top: 5px;
}
.CurrentStatus .Current
{
	height: 25px;
	line-height: 24px;
	vertical-align: middle;
	width: 78px;
	background-image: url(../Images/Button/CurrentBg.png);
	background-repeat: no-repeat;
	text-indent: 10px;
	float: left;
}
.CurrentStatus .Title
{
	text-indent: 15px;
	float: left;
	width: auto;
}

.Title
{
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	text-indent: 15px;
	float: left;
	width: 400px;
	padding-top: 2px;
	margin-left: -5px;
}
.PageTopBar .Right
{
	float: right;
	text-align: right;
}


/***** 用户个人空间的标题 *********/
.UserSpaceTitle
{
	width: 98%;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	overflow: hidden;
	background: url(../Images/icons/user.png) no-repeat 10px;
	font-size: 12pt;
	font-weight: bold;
	color: #369;
	text-indent: 50px;
}

/***** 用户个人空间首页右边信息框 ****/
#HeadImage
{
	float: left;
	height: 60px;
	width: 60px;
	background: url(../Images/Common/HeadImage.gif) no-repeat;
}
#UserInfo
{
	float: left;
	padding-left: 10px;
	line-height: 25px;
}
#online
{
	color: Blue;
	background: url(../Images/icons/online.gif) no-repeat;
	text-indent: 20px;
	width: 60px;
	text-align: left;
	margin-top: 55px;
}
#offline
{
	color: Gray;
	background: url(../Images/icons/offline.gif) no-repeat;
	text-indent: 20px;
	width: 60px;
	text-align: left;
	margin-top: 55px;
}

/**** 去掉浮动 ******/
.Clear
{
	clear: both;
}

/*******  信息提示框 用于页面提示 ******/
.PageTopInfo
{
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
	border: solid 1px #FFCA86;
	width: 99%;
	text-indent: 30px;
	text-align: left;
	margin-left: 5px;
	margin-top: 5px;
	background: url(../images/Icons/warning.png) no-repeat 2px 2px;
	background-color: #FFFACD;
}

/*******  信息提示框 用于页面提示 ******/
.GroupPath
{
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
	border: solid 1px #FFCA86;
	width: 99%;
	text-indent: 10px;
	text-align: left;
	margin-left: 5px;
	margin-top: 5px;
	background-color: #FFFACD;
}

/******** 分页 *************/
.Pager
{
	margin-top: 20px;
	height: 25px;
	width: 300px;
	margin: 0 auto;
}

/*
* 在左边的圆角区域，显示当前填报工时的即使数据
*/
.LeftPanel
{
	margin-top: 10px;
	margin-left: 10px;
	padding-top: 5px;
	height: 120px;
	width: 170px;
	background: url(../images/Common/LeftPanelBg.png) no-repeat;
	text-indent: 10px;
	text-align: left;
}

/*
* 工时审核的内容批注
*/
.ApprovalComment
{
	float: left;
	height: 40px;
	width: 80%;
	overflow: auto;
	border: solid 1px #888888;
	text-indent: 10px;
	padding-top: 3px;
	margin-top: 5px;
}

/* 
* SystemHome 的图标按钮背景风格 
*/
.SystemHomeIcon
{
	float: left;
	width: 158px;
	height: 120px;
	text-align: center;
	font-size: 120%;
}
.SystemHomeIcon a
{
	color: #000000;
}

.SystemHomeIcon_On
{
	float: left;
	width: 158px;
	height: 120px;
	text-align: center;
	background: url(../images/Common/HomePageButtonBg.png) no-repeat;
	cursor: pointer;
	font-size: 120%;
}
.Tag
{
	height: 25px;
	line-height: 24px;
	vertical-align: middle;
	width: 78px;
	background-image: url(../Images/Button/CurrentBg.png);
	background-repeat: no-repeat;
	text-indent: 10px;
	float: left;
}