/* CSS Document */
 
@import "application.css";
@import "evaluation.css";

#dashboard{
	margin: 10px 0;
	width: 610px;
}

#dashboard ul{
	float: left;
	margin: 0px;
	padding: 0px;
	list-style:none;
	width: 193px;
	font-size: 0.8em;
	border-right-style:solid;
	border-right-width: 1px;
	border-right-color:#9d9d9d;
}

#dashboard li a{
	height: 36px;
	line-height: 36px;
	display: block;
	width: 183px;
	text-decoration:none;
	padding-left: 5px;
}

#dashboard li a.complete{
	background-image:url(../images/dash/dashboard_completed.jpg);
	background-position:right;
	background-repeat:no-repeat;
	color:#000000;
}

#dashboard li a.not_started{
	background-image:url(../images/dash/dashboard_not_started.jpg);
	background-position:right;
	background-repeat:no-repeat;
	color:#999999;
}

#dashboard li a.editing{
	background-image:url(../images/dash/dashboard_edit.jpg);
	background-position:right;
	background-repeat:no-repeat;
	color:#C61818;
}

#dashboard li a.not_started:hover{
	background-image:url(../images/dash/dashboard_edit.jpg);
	background-position:right;
	background-repeat:no-repeat;
	color: #C61818;
}

#dashboard li a.complete:hover{
	background-image:url(../images/dash/dashboard_edit.jpg);
	background-position:right;
	background-repeat:no-repeat;
	color: #C61818;
}
#dashboard_suround{
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom:10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	position:relative;
	width:589px;
}
#dashboard_suround_open{
	background-image:url(../images/bg/article_corner.gif);
	background-repeat:no-repeat;
	height: 1px;
	width: 610px;
}
#dashboard_suround_open_r{
	float: right;
	background-image:url(../images/bg/article_corner.gif);
	background-repeat:no-repeat;
	height: 1px;
	width: 11px;
}
#dashboard_suround p{
	padding: 0px;
	margin: 0px;
}
#dashboard_suround_close{
	clear: left;
	background-image:url(../images/bg/article_corner.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	height: 1px;
}
#dashboard_suround_close_r{
	float:right;
	background-image:url(../images/bg/article_corner.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	height: 1px;
	width: 11px;
}
#dashboard_suround a{
	color:#C61818;
}

#progress_bar{
	margin-top:10px; 
	padding-top:10px;
	border-left:1px solid #999;
	margin-bottom:10px;
	background-image:url(../images/bg/article_corner.gif);
	background-repeat:no-repeat;
}

#progress_bar_suround_close{
	clear: left;
	background-image:url(../images/bg/article_corner.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	height: 1px;	
	width: 11px;
	padding-top:10px;
}

#progress_bar span{
	font-size:12px;
	font-weight:bold;
	color:#666666;
	padding-left:20px;
}

#progress_bar ul{
	border-right:0;
	width:600px;
	height:28px;
	margin:5px 0 10px 20px;
	color:#fff;
	font-size:10px;
	letter-spacing:1px;
	font-weight:bold;
	background-image:url(../images/bullet/progress_bg.png);
	background-repeat:no-repeat;
}

#progress_bar ul li{
	clear:right;
	float:left;
	width:58px;
	text-align:center;
	line-height:28px;
}

#progress_bar ul li.prog_done{
	clear:right;
	width:58px;
	text-align:center;
	line-height:28px;
	background-image:url(../images/bullet/progress_done.png);
	background-repeat:no-repeat;
}