@charset "UTF-8";
/* CSS Document */

body {
	background:#E3DFDB;
	font:normal 14px/16px Helvetica, Arial, sans-serif;
	position:relative;	
}

header {
	background:#fff;
	height:109px;
	width:100%;
}
header h1{
	color:#fff; 	
	font:30px/109px "Helvetica Neue", Helvetica, sans-serif;
	font-weight:lighter;
	letter-spacing:.05em;
	height:109px;
	background:#1A1712;
	z-index:500;
	position:relative;
}
#title{
	display:block;
	margin:0 auto;
	padding:0 20px;
	width:940px;	
}

#logo{
	background:url("../images/transparentLogo.png") no-repeat scroll right center transparent;
	float:right;
	height:107px;
	width:189px;	
}

body > section{
	background:#fff;
	clear:both;
	display:block;
	margin:0 auto;
	min-height:450px;
	overflow:hidden;
	height:auto;
	padding:0px 0px 85px 0px;
	position: relative;
	width:1000px;
	moz-box-shadow:0px 0px 10px #666;
	-webkit-box-shadow:0px 0px 10px #666;
	box-shadow:0px 0px 10px #666;	
}
footer{
	background:#444;/*#1A1712*/
	height:75px;
	display:block;
	position:relative;
	width:100%;
	z-index:1000;	
}
#title, #copyright {
	display:block;
	margin:0 auto;
	padding: 0px 0px;
	width:1000px;
}
footer p{
	color:#fff;
	position:relative;
	text-align:center;
	padding-top:30px;
	font-size:11px;
}
footer a{
	color:#fff;
}
/*End global*/

p{
	padding:2px 0px;
}
.intro{
	padding:10px 30px 20px 20px;
}
.intro p{
	font-size:14px;
	padding-bottom:5px;
	padding-right:40px;
}

/*main nav*/
nav{
	background:#F2F2F2;
	
	height:55px;	
	overflow:hidden;
	z-index:20000;
	position:relative;
	clear:both;
}
nav > a{
	text-decoration:none;
	border-top:1px solid #fff; 
	color:#4d4d4d;
	font-weight:bold;
	line-height:55px;
	text-align:center;
	font-size:12px;
}
nav > a:hover, nav > a:focus{
	color:#000;
	background:#ddd;
}
nav ul{
	display:block;
	position:relative;
	margin-left:138px;
}
nav ul li{
	float:left;
	display:block;
	margin-right:-9px;
	text-align:center;
	background:url("../images/NavUp.png") no-repeat 0 0;
	height:55px;
	width:223px;
	line-height:57px;
}
nav ul li a{
	text-decoration:none;
	color:#4d4d4d;
	font-weight:bold;
	display:block;
}
nav ul li a:focus, nav ul li a:hover{
	background:url("../images/NavOver.png") no-repeat 0 0;	
	color:#000;	
}
nav ul li.left{
	background:url("../images/leftNavUp.png") no-repeat 0 0;	
}
nav ul li.left a:hover, nav ul li.left a:focus{
	background:url("../images/leftNavOver.png") no-repeat 0 0;		
}

nav ul li.right{
	background:url("../images/rightNavUp.png") no-repeat 0 0;	
}
nav ul li.right a:hover, nav ul li.right a:focus{
	background:url("../images/rightNavOver.png") no-repeat 0 0;		
}
.navSelected{
	background:url("../images/NavOver.png") no-repeat 0 0;		
	color:#000;		
}
.leftNavSelected{
	background:url("../images/leftNavOver.png") no-repeat 0 0;		
	color:#000;		
}
.rightNavSelected{
	background:url("../images/rightNavOver.png") no-repeat 0 0;		
	color:#000;		
}
p.nav_title{
	padding-top:2px;
	padding-left:0px;
	color:#4d4d4d;
	font-size:12px;
	float:left;
	width:120px;
}
.phasetext{
	padding:20px 40px 10px 40px;
	font-size:12px;
	background:#E1DEDC;
	border-top:1px solid #fff;
}
.arrow{
	position:absolute;
	z-index:300;
	float:left;
	margin-top:-15px;	
	display:none;
}
/*end main nav*/

/*content areas*/
div.tabContent{
	display:block;	
	float:left;
}
.tabContent ul li ul{
	color:#000;
	font-weight:light;
	font-size: 12px;
	padding:0px;
}
.overview_home{
	
	height:55px;
	width:138px;
	float:left;
	margin:0 !important;
		
}
#overview{
	
}
#curriculum{
}
 
#courseDev{
	
}
/*end content areas*/

/*milestone styles*/
#milestones{
	background:#CCCCCC;
	height:19px;	
	border-top:1px solid #fff;
	clear:both;
}
#milestones > ul{
	
	display:block;
	position:relative;
	margin-left:138px;
	margin-top:-20px;
}
#milestones > ul > li{
	float:left;
	display:block;
	text-align:center;
	background:#b3b3b3;
	height:19px;
	border-left:1px solid #fff;
	width:213px;
}
#milestones > ul > li:last-child{
	border-right:1px solid #fff;	
	width:213px;
}
.milestoneFocus{
	background:#999;	
}
.hidden{
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;	
}

#milestones > ul > li > ul{
	display:block;
	position:relative;
}
#milestones >ul >li > ul > li{
	display:block;
	position:relative;	
}

#milestones > ul#overviewNav_milestones > li > ul> li{
	display:block;
	position:relative;
	left:15%;
	float:left;
	cursor:pointer;
	background:#E3DFDB;
	height:8px;
	width:8px;
	border:1px solid #fff;	
	margin-top:4px;
	margin-right:10px;
}
#milestones > ul > li > ul> li > ul > li{
	text-align:left;
	width:300px;
	margin-top:20px;
	margin-left:0px;

}
p.milestone_title{
	padding-top:2px;
	padding-left:10px;
	color:#4d4d4d;
	font-size:12px;
}

#milestones #curriculumNav_milestones > li{
	width:855px;
	height:55px;

}
#milestones #coursedevNav_milestones > li{
	width:142px;
	height:55px;
}
#milestones #productionNav_milestones >li{
	height:55px;
	width:213px;
}

ul.large_milestones li ul li{
	overflow:visible;
}

ul.large_milestones li a{
	
	display:block;
	text-decoration:none;
	color:#000;
	font-size:12px;
	font-weight:bold;
	height:43px;
	padding-top:12px;
}

ul.large_milestones li a.one_line{
	padding-top:20px;
	height:35px;
}
/*end milestone Style*/

/*roles navigation*/
.roles{
	margin:10px 0px;
	padding-right:0px;
	border-right:1px solid #b3b3b3;
	width:138px;
	
	float:left;
}
.roles ul li{
	margin-right:0px;
	cursor:pointer;
}
p.roles_title{
	font-size:12px;	
	padding-left:10px;
}
ul.role_overview{
	display:block;
	list-style:none;
}
ul.role_overview li{
	padding:5px 10px;
	margin:5px 5px 5px 5px;
	font-weight:bold;
	
	height:16px;
	line-height:18px;
	display:block;
}
/*end roles navigation*/

/*column (graphic chart) style*/
.column{
	float:left;	
	display:block;
	padding:30px 0 0 0;
	margin:0px 0;
	border-right:1px solid #b3b3b3;
	
	
}
.column ul{
	display:block;
	list-style:none;
	padding:0px;
}
.column > ul > li{
	padding:5px 5px;
	margin:5px 0px;
	font-weight:bold;
	color:#000;
	font-size:12px;
	height:16px;
	line-height:14px;
	font-weight: normal;	
	
}
span.box{
	height:26px;
	width:22px;
	float:left;
	margin-left:-10px;
	margin-top:-5px;
	margin-right:5px;
}

#curriculum .column ul{
	width: 855px;
}
#courseDev  > .column > ul{
	width:142px;	
}
#courseDev  > .column > ul  > li  > ul{
	width:134px;	
}
#editing .column ul{
	width:855px;	
}
#production > .column >ul {
	width: 213px;
}
#overview >.column >ul{
	width:213px;
}
/*end column style*/
/*jquery added classes*/
.focused{
	background:#ECEAEB;
	moz-box-shadow:0px 0px 5px #666;
	-webkit-box-shadow:0px 0px 5px #666;
	box-shadow:0px 0px 5px #666;	
}
.navFocused{
	background:url("../images/NavOver.png") no-repeat 0 0;	
	color:#000;
}
.leftnavFocused{
	background:url("../images/leftNavOver.png") no-repeat 0 0;	
	color:#000;
}
.rightnavFocused{
	background:url("../images/rightNavOver.png") no-repeat 0 0;	
	color:#000;	
}
/*End jquery Added classes*/

div#curriculum_overview:focus, div#curriculum_overview:hover{
	background:#ECEAEB;
	moz-box-shadow:0px 0px 10px #666;
	-webkit-box-shadow:0px 0px 10px #666;
	box-shadow:0px 0px 10px #666;	
}
div#courseDev_overview:focus, div#courseDev_overview:hover{
	background:#ECEAEB;
	moz-box-shadow:0px 0px 10px #666;
	-webkit-box-shadow:0px 0px 10px #666;
	box-shadow:0px 0px 10px #666;	
}
div#editing_overview:focus, div#editing_overview:hover{
	background:#ECEAEB;
	moz-box-shadow:0px 0px 10px #666;
	-webkit-box-shadow:0px 0px 10px #666;
	box-shadow:0px 0px 10px #666;	
}
div#production_overview:focus, div#production_overview:hover{
	background:#ECEAEB;
	moz-box-shadow:0px 0px 10px #666;
	-webkit-box-shadow:0px 0px 10px #666;
	box-shadow:0px 0px 10px #666;	
}

/*ROLES CLASSES*/
.sme{
	background:#3DA1D2;
}
.id{
	background:#F0AF17;
}
.pm{
	background:#800D1E;
}
.mediaID{
	background:#D95E00;
}
.de{
	background:#005A8C;
}
.cp{
	background:#968899;/*A04100 7C5E82*/
}
.cs{
	background:#F1D500; /*1A1712*/
}
.facultychair{
	background:#968A14;
}
.cmt{
	background:#80B8CE;
}
.librarian{
	background:#595959;/*73716E*/
}
.nocolor{
	background:#fff;
}

.whiteText{
	color:#fff;
}

/*TOOL TIIP*/
.toolTip{
	
}
ul.toolTip{
	clear:both;
	display:block;
	overflow: hidden;
	height:auto;
	
}
ul.toolTip li{
	font-size:13px;
	line-height:15px;
	font-weight:normal;	
	color:#333;
	padding: 10px;
	position:absolute;
	display:block;
	margin-left:5px;
	border:1px solid #aaa;
	background:#fff !important;
	max-width:300px;
	height:auto;
	z-index:10;
	-moz-box-shadow: 0px 0px 8px #888;
	-webkit-box-shadow: 0px 0px 8px #888;
	box-shadow: 0px 0px 8px #888;
	filter: progid:DXImageTransform.Microsoft.DropShadow(
      offx=8, offy=8, color=#888888);	
}
ul.toolTip li.rightsidebox{
	left:-210px;
}

ul.large_milestones li ul.toolTip{
	clear:both;
	width:300px;
	margin-top:5px;
	margin-left:-4px;
	text-align:left;
	float:left;
}
ul.large_milestones li ul.rightsidelarge {
	margin-left:-170px;
}

.disabled{
	color:#CCC;
	cursor: default !important;
}

.competency_outcome{
	font-size:12px;
	margin-top:15px;
	padding-left:5px;
	padding-top:10px;
	padding-bottom:10px;
	overflow:hidden;
	width:850px;
	border-top:1px solid #b3b3b3;
	
}
.coursedev_outcome{
	font-size:12px;
	margin-top:15px;
	padding-left:5px;
	padding-top:10px;
	padding-bottom:10px;
	overflow:hidden;
	width:134px;
	border-top:1px solid #b3b3b3;
	border-right:none;
}
.editing_outcome{
	font-size:12px;
	margin-top:15px;
	padding-left:5px;
	padding-top:10px;
	padding-bottom:10px;
	overflow:hidden;
	width:850px;
	border-top:1px solid #b3b3b3;
}
.production_outcome{
	font-size:12px;
	margin-top:15px;
	padding-left:5px;
	padding-top:10px;
	padding-bottom:10px;
	overflow:hidden;
	width:208px;
	border-top:1px solid #b3b3b3;
}

div#overview li.disabled{
	color:#000;
}