/*
   progress-bars.css - v0.1
   MKM UI Framework
   
   Created by Dave Waller on 2011-11-23.
   Copyright 2012 MyKnowledgeMap Ltd. All rights reserved.
*/

div.progressBar{
	display:block;
	height:20px;
}
div.progressBar span{
	padding-right:5px;
	line-height:20px;
}
div.progress-bar{
	background-color:#ccc;
	display:inline-block;
	margin-top:0px;
	width:100%;
	height:14px;
	float:left;
	border:1px solid #aaa;
}
div.progress-level{
	background-color:#093;
	display:inline-block;
	height:14px;
	float:left;
}
div.progress-level span{
	display:none;
}

div.progressBar.skinny div.progress-bar{
	margin-top:0px;
	height:6px;
}
div.progressBar.skinny div.progress-level{
	height:6px;
}

div.progressBar.super-skinny span{
	display:block;
	float:none;
	padding:0px;
	margin:0px;
	line-height:10px;
	font-size:8px;
	text-transform:uppercase;
}
div.progressBar.super-skinny div.progress-bar{
	margin-top:2px;
	width:100%;
	height:2px;
	border:none;
}
div.progressBar.super-skinny div.progress-level{
	height:2px;
}
div.progressBar.super-skinny div.progress-level span{
	display:none;
}

div.progressBar.fixed span{
	display:inline-block;
	float:left;
}
div.progressBar.fixed div.progress-bar{
	margin-top:6px;
	width:120px;
	height:6px;
}
div.progressBar.fixed div.progress-level{
	height:6px;
}
div.progressBar.fixed div.progress-level span{
	display:none;
}

div.progressBar.fixed.small div.progress-bar{
	width:80px;
}
div.progressBar.fixed.large div.progress-bar{
	width:200px;
}
div.progressBar.fixed.x-large div.progress-bar{
	width:320px;
}

div.progressBar.access{
	height:26px;
}
div.progressBar.access span{
	font-size:16px;
	line-height:26px;
	display:inline-block;
	float:left;
}
div.progressBar.access div.progress-bar{
	background-color:white;
	width:200px;
	height:24px;
	border:1px solid black;
}
div.progressBar.access div.progress-level{
	background-color:yellow;
	border-right:1px solid black;
	height:24px;
}
div.progressBar.access div.progress-level span{
	display:block;
	padding-left:4px;
	font-weight:bold;
}


div.progressBar.really-managing span{
	display:inline;
	float:left;
}
div.progressBar.really-managing div.progress-bar{
	margin-top:3px;
	width:241px;
	height:12px;
	border:none;
	background-image:url(../images/really-managing_bar.gif);
}
div.progressBar.really-managing div.progress-level{
	height:12px;
	background-position:left;
	background-image:url(../images/really-managing_level.gif);
}
div.progressBar.really-managing div.progress-level span{
	display:none;
}
div.progressBar.really-managing-border span{
	display:inline;
	float:left;
}
div.progressBar.really-managing-border div.progress-bar{
	margin-top:3px;
	width:241px;
	height:12px;
	border:none;
	background-image:url(../images/really-managing-border_bar.gif);
}
div.progressBar.really-managing-border div.progress-level{
	height:12px;
	background-position:left;
	background-image:url(../images/really-managing-border_level.gif);
}
div.progressBar.really-managing-border div.progress-level span{
	display:none;
}
div.progressBar.shiny span{
	display:inline;
	float:left;
}
div.progressBar.shiny div.progress-bar{
	background-color:#666;
	margin-top:2px;
	width:198px;
	padding-left:1px;
	height:13px;
	border:none;
	background-image:url(../images/shiny_bar.png);
}
div.progressBar.shiny div.progress-level{
	height:11px;
	margin-top:1px;
	background-color:#A6D3EA;
	background-position:center right;
	background-image:url(../images/shiny_bar.png);
}
div.progressBar.shiny div.progress-level span{
	display:none;
}

div.progressBar.shiny-ie6 span{
	display:inline;
	float:left;
}
div.progressBar.shiny-ie6 div.progress-bar{
	background-color:#666;
	margin-top:2px;
	width:198px;
	padding-left:1px;
	height:13px;
	border:none;
	background-image:url(../images/shiny-ie6_bar.png);
}
div.progressBar.shiny-ie6 div.progress-level{
	height:11px;
	margin-top:1px;
	background-color:#A6D3EA;
	background-position:center right;
	background-image:url(../images/shiny-ie6_level.png);
}
div.progressBar.shiny-ie6 div.progress-level span{
	display:none;
}