/*===== METAL NG STYLES ======================*/

/*-----	BASIC STYLES ---------------------------*/
/*
These are default styles that are applied to all HTML elements
in order to ensure that nothing in the NG UI explodes or falls through the cracks.
*/


/*Branding hooks*/
#contentFrame, 
/*Regular selectors*/
body {
	margin:0;
	font: 0.8em "Trebuchet MS", Arial, Verdana, sans-serif; /* "Lucida grande" will be displayed on a Mac. */
	height:100%;
	background-color:#aaa;
	background-image:url(images/bg_brushed_metal_4.png);
	background-position:;
	background-repeat:repeat!important;
	color:;
	_background-image:none;
	_background-color:#939393;
}

body.topFrame {background:#FFFFFF;}

form {padding:0;margin:0;}

a {
	color:#003366;
}

* {font-family: "Trebuchet MS", Arial, verdana, sans-serif;}

/* a:focus {	Removes focus outline in Firefox (Mozilla) 
	outline:none;
} */  

img {	/* Centers images verticaly and sets borders to 0 */  
	vertical-align:middle;
	border:0px;
} 

.hideme {
	display:none!important;	
}


h1 {	/*Equals 19px*/
	font-size:148%;  
	*height:1%;
}
h2 {
	font-size:123.1%; 
}
h3 {
	font-size:108%;  
}
h1,h2,h3 {
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	font-weight:bold; 
}

img, div {_behavior: url(/javascript/iepngfix.htc)}

div.topRound, div.bottomRound {display:none!important;}

body, div.topGlobalLinks {min-width:800px;}

body.popup {
	min-width: 100%;
	padding: 6px 0 0 0;
}

body.csMenuFrame, body.popupMenu {min-width:200px;padding-top:12px;width:100%;}

div.locationPane, div.topGlobalLinks {
   width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 800 ? "800px" : "auto");
}

.extraLarge {
    font-size: 200%;
    line-height: 150%;
}

/*-----	TOP FRAME ------------------------------*/
/*----------------------
Top level tabs styles.
------------------------*/


/*------------------------------ TOP TABS---------------------------------- */

table.bouncer {border-collapse: collapse; width: 100%;	border-spacing:0px;}
table.bouncer td {padding:0;}

div.topTabs{
  	position:relative;
	padding:12px 0 0 0;
	height:75px;
	border-bottom:2px solid #000!important;
}

table.topTabs  {
border-collapse:collapse;
}


.frameResizeToggle {
	position:absolute;
	left:0px;
	_top:69px;
	font-size:12px;
	bottom:0px;
	padding:1px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	background:#bbb;
	line-height:1px;
	overflow:hidden;
}

.frameResizeToggle a {
	overflow:hidden;
	background:transparent url(images/top_frame_toggle_2.gif) no-repeat 0 2px;
	height:18px;
	opacity:.6;
}

.frameResizeToggle a:hover {
	/*background-position: 0 -15px;*/
	opacity:1;
}

.frameResizeToggle a.resize-on {
	background-position: 0 -15px;
}

.frameResizeToggle a.resize-off {
	background-position: 0 2px;
}

.frameResizeToggle a img {
	width:16px;
	height:18px;
}


div.topTabs div.tabWrapper-left, div.topTabs div.tabWrapper-center, div.topTabs div.tabWrapper-right,
table.topTabs tr td div.tabWrapper-left, table.topTabs tr td div.tabWrapper-center, table.topTabs tr td div.tabWrapper-right {
	margin:0;
	padding:0;
	width:auto;
	padding:0 18px;
	
}

/*--- Styles for different tab alignments within a frame. ---*/


div.topTabs div.tabWrapper-center table.appTabs,
table.topTabs tr td div.tabWrapper-center table.appTabs {
	margin:0 auto;
}

div.topTabs div.tabWrapper-right table.appTabs,
table.topTabs tr td div.tabWrapper-right table.appTabs {
	float:right;
	top:4px;
		*top:2px;
		_top:4px;

}

table.appTabs {
	width:auto;
	position:relative;
	border-spacing:0px 1px;
	_border-spacing:0px;
}
/*safari only hack to remove gap at the bottom of the tabs. */

/*\*/
html*table.appTabs {
top:1px;
*top:2px;

}
/**/

table.appTabs tbody tr td {
	margin:0 4px 0 0;
	padding:0;
	position:relative;
	vertical-align:bottom;

}

/*Branding hooks*/
#topTab,
/*Regular selectors*/
table.appTabs tbody tr td a  {
	font-size:95%;
  	text-align:center;
  	display:block;
  	text-decoration:none; 
  	padding:0.35em 1.3em 0.35em 1.3em;
  	margin:0px 0 0 0;
   	color:#000;
   	background-color:#ccc;
	background-image:;
	background-repeat: repeat-x;
	background-position:    right 5px;
	_background-image: none;
	z-index:100;
	white-space:nowrap;
	border:0;
}

table.appTabs tbody tr td a:hover, table.appTabs tbody tr td a:focus {
   	color:#000;
   	background:#bbb;
}

table.appTabs tbody tr td.active {border-bottom:0;}

/*Branding hooks*/
#topTabActive,
/*Regular selectors*/
table.appTabs tbody tr td.active a, table.appTabs tbody tr td.active a:hover {
font-size:100%;
  	color:#000;
	margin:0;
  	background-color:#fff;
	padding:0.40em 1.3em 0.3em 1.3em;
  	border:1px solid #555!important;
  	border-bottom:5px solid #000!important;
  	font-weight:bold;
  	z-index:1000;
  	opacity:1;
}

table.round1, table.round2 {
position:relative;
top:5px;
*top:-7px;

}

table.round1 tbody tr td a {
	-moz-border-radius-topright:9px;
	-moz-border-radius-topleft:9px;
	-webkit-border-top-left-radius:9px;
	-webkit-border-top-right-radius:9px;
	-khtml-border-horizontal-spacing:9px;
}

table.round2  tbody  tr td a {
	background-color:yellow;
	-moz-border-radius-topright:36px;
	-moz-border-radius-topleft:36px;
	-webkit-border-top-left-radius:36px;
	-webkit-border-top-right-radius:36px;
	-khtml-border-horizontal-spacing:36px;
}


/*-----------------TOP GLOBAL LINKS (Logout, Home, Help etc.)-------------------------*/

div.topTabs div.topGlobalLinks,
table.topTabs tr td div.topGlobalLinks {
	position:absolute;
	text-align:center;
	top:0;
	right:0;
	left:0;
	padding:0;
	background:transparent;
	_display:block;
	_width:100%;
	zoom:1;
}

div.topTabs-compact div.topGlobalLinks,
table.topTabs-compact tr td div.topGlobalLinks {
	position:absolute;
	top:0;
	right:0;
  	background:#fff;
	color:#777;
	left:auto;
	_width:100%;
}


div.topTabs div.topGlobalLinks ul,
table.topTabs tr td div.topGlobalLinks ul {
	margin:0 auto;
	list-style:none;
	padding:0 3px 2px 3px;
	border:none;
	z-index:1001;
	background:transparent;
	width:300px;	
	_width:350px;	
}



div.topTabs div.topGlobalLinks  ul li,
table.topTabs tr td div.topGlobalLinks  ul li {
	margin:0;
	padding:0;
	border:0;
	top:0;
	float:left;
	position:relative;
	zoom:1;
	_height:1%;
	*z-index:499;
}

div.topGlobalLinks  ul li img {position:absolute;top:2px;left:0px;}

div.topTabs div.topGlobalLinks ul li a,
table.topTabs tr td div.topGlobalLinks ul li a {
	display:block;
	_display:inline-block;
	margin:0;
	text-decoration:none;
	color:#FFF;
	background:transparent;
	font-size:90%;
	*font-size:85%;
	text-align:left;
	border-left:1px dotted #555;
	_border-left-style:solid;
	padding: 3px 8px 3px 30px;
	*padding: 4px 8px 4px 30px;
	zoom:1;
}

/*safari only hack to reduce font size further */
/*\*/
html*div.topTabs div.topGlobalLinks ul li a, html*div.topTabs-compact div.topGlobalLinks ul li a {
	font-size:80%;
	*font-size:85%;
}
/**/

div.topTabs div.topGlobalLinks ul li a:hover, div.topTabs div.topGlobalLinks ul li a:focus {
	text-decoration:underline;
}

div.topTabs div.topGlobalLinks ul li:first-child a, div.topTabs div.topGlobalLinks ul li:first-child a:hover {
	border:none;
}

div.topTabs div.topGlobalLinks ul li a.myPlaces {
	background-color:transparent url(images/small_profile.gif) no-repeat center 0px;
		padding: 3px 6px 3px 28px!important;
}

div.topTabs div.topGlobalLinks ul li a.home {
	background:transparent url(images/home_ti.gif) no-repeat center 0px;
}

div.topTabs div.topGlobalLinks ul li a.logout {
	background:transparent url(images/logout.gif) no-repeat center 0px;
}

div.topTabs div.topGlobalLinks ul li a.help {
	background:transparent url(images/small_help_on2.gif) no-repeat center 0px;
}

div.topTabs div.topGlobalLinks ul li a.myPlaces,
div.topTabs div.topGlobalLinks ul li a.home,
div.topTabs div.topGlobalLinks ul li a.logout,
div.topTabs div.topGlobalLinks ul li a.help {
	background-position:2px center!important;
}




div.topTabs-compact div.topGlobalLinks a {
  color:#000;
  text-decoration:none;
  font-size:90%;
  *font-size:85%;
  margin:0 3px;
}

div.topTabs-compact div.topGlobalLinks a img {
  display:none;
}

div.topTabs-compact div.topGlobalLinks a:hover, div.topTabs-compact div.topGlobalLinks a:focus {
  text-decoration:underline;
  color:#000;
}


/*safari only hack to reduce font size further */
/*\*/
html*div.topTabs div.topGlobalLinks ul li a, html*div.topTabs-compact div.topGlobalLinks ul li a {
	font-size:80%;
	*font-size:85%;
}
/**/


/*-----------------HOT LINKS AND HOT SPOTS-------------------------*/

div.topTabs div.hotItems {
	position:absolute;
	right:0;
	top:0;
	*height:38px;
	max-height:38px;
	width:200px;	
	background:transparent;
}

div.topTabs div.hotItems ul.hotLinks  {
	list-style:none;
	margin:0px 14px 2px 0;
	padding:0;
	border:none;
	*height:38px;
	max-height:36px;
	overflow:auto;
	z-index:1001;
}

div.topTabs div.hotItems ul.hotLinks li {
	margin:0;
	padding:0;
	float:none;
	border:0;
	top:0;
}

div.topTabs div.hotItems ul.hotLinks  li a {
	margin:0;
	padding:1px 8px;
	text-decoration:none;
	background:transparent;
	border:0;
	font-size:85%;
	*font-size:85%;
	text-align:left;
	line-height:100%;
}

div.topTabs div.hotItems ul.hotLinks  li a:hover, div.topTabs div.hotItems ul.hotLinks  li a:focus {
	text-decoration:underline;
	color:#000;
}






/*----------------------------------COMPACT TOP TABS-------------------------------*/

div.topTabs-compact div.topGlobalLinks {
  	background:transparent;
	text-align:center;
	top:0;
	right:0;
}

div.topTabs-compact {
	padding-top:14px;
	*padding-top:10px;
	position:relative;
	border-bottom:2px solid #000;
}

div.topTabs-compact div.tabWrapper-left, div.topTabs-compact div.tabWrapper-center, div.topTabs-compact div.tabWrapper-right {
	margin:0;
	padding:0;
	width:auto;
	padding:0 6px;
}


div.topTabs-compact table.appTabs {
	width:auto;
	position:relative;
	top:1px;
	*top:2px;
}

div.topTabs-compact div.tabWrapper-center table.appTabs {
	margin:0 auto;
}

div.topTabs-compact div.tabWrapper-right table.appTabs {
	float:right;
}

div.topTabs-compact table.appTabs tr td {
	margin:0 4px 0 0;
	padding:0;
	position:relative;
}


div.topTabs-compact table.appTabs tr td a  {
  	text-align:center;
  	display:block;
  	text-decoration:none; 
  	padding:0.3em 1em 0.2em 1em;
  	margin:0;
   	color:#fff;
	color:#FFFFFF;
   	background-color:#7C8188;
	background-image: url(images/gradient_black_short_bt.png);
	background-repeat: repeat-x;
	background-position:    right 5px;
	_background-image: none;
   	border:1px solid #65696E;
	border-bottom:0;
	z-index:100;
	font-size:90%;
	
}


div.topTabs-compact table.round1 tr td.active a, div.topTabs-compact table.round1 tr td a  {
	-moz-border-radius-topright:9px;
	-moz-border-radius-topleft:9px;
	-webkit-border-top-left-radius:9px;
	-webkit-border-top-right-radius:9px;
	-khtml-border-horizontal-spacing:9px;
}

div.topTabs-compact table.round2 tr td.active a, div.topTabs-compact table.round2 tr td a  {
	-moz-border-radius-topright:36px;
	-moz-border-radius-topleft:36px;
	-webkit-border-top-left-radius:36px;
	-webkit-border-top-right-radius:36px;
	-khtml-border-horizontal-spacing:36px;
}

div.topTabs-compact table.appTabs tr td a:hover, div.topTabs-compact table.appTabs tr td a:focus {
   color:#000;
   	background:#bbb;
   	border:1px solid #597298;
		border-bottom:0;
		font-size:90%;
}

div.topTabs-compact table.appTabs tr td.active a, div.topTabs-compact table.appTabs tr td.active a:hover {
  	color:#000;
  	background:#dedede;
	padding:0.3em 1em 0.3em 1em;
  	border:2px solid #595C61;
  	border-bottom:none;
  	font-weight:bold;
	 text-decoration:none;
}







div.topTabs-compact ul {
	list-style:none;
	padding:0;
	margin:0;
	border-bottom:1px solid #777d86;
}

div.topTabs-compact ul li {
	float:left;
	margin:0;
	padding:0;   
}

div.topTabs-compact ul li.gap {
	margin-left:3px;
}

div.topTabs-compact  ul li.gap a:hover {
}

.topTabs-compact ul li a {
	display:block;
	text-decoration:none; 
	padding:5px 12px 5px 12px;
	margin:0;
	color:#fff;
	font-size:90%;
}

.topTabs-compact ul li a:hover {
 	text-decoration:underline; 
	color:#fff;
}
.topTabs-compact ul li.active {
	margin:0px;
	z-index:2500;
	border-bottom:none!important;
}

.topTabs-compact  ul li.active {
  	position:relative;
	top:1px;
}

.topTabs-compact  ul li.active a {
  	display:block;
   	padding:6px 12px 4px 12px;
  	margin:0;
  	color:#000!important;
   	background:#cdcdcd;
   	font-weight:bold;
	text-decoration:none; 
   	border:1px solid #777d86;
	border-bottom:none;
	-moz-border-radius-topright:6px;
	-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
   
}

.topTabs-compact ul li.gap {
	margin-left:12px;
}


.topTabs-compact div.hotItems {
	display:none;
}


.topTabs-compact div.topGlobalLinks ul {float:right;border:0;}
.topTabs-compact div.topGlobalLinks ul li {float:left;margin:0 4px;position:relative;}
.topTabs-compact div.topGlobalLinks ul li a {padding:0;}






/*--------------------------------------BRANDING ELEMENTS----------------------------------------------*/

.topTabs div.brandingImgWrap {
	height:38px;
	overflow:hidden;
	_height:36px;
}

.topTabs  div.brandingImgWrap img.bannerImage {
	margin:4px 12px 4px 12px;
}

.topTabs-compact  img.bannerImage, .topTabs-compact  div.brandingImgWrap {
	display:none;
}

/*Branding hooks*/
#topFrame,
/*Regular selectors*/
.bgBanner {
	background-color:#8192A8;
	background-position: 0 0;
	background-repeat: no-repeat;
	color:#FFF;
}


 
	
/*-----	LAYOUT ---------------------------------*/

/*--------------------------LOCATION PANE -----------------------------------*/

/*	
	Location pane contains all elements below orientation bar.
  	Its purpose is to be relative parent to and contain all absolutely positioned 
  	children (such as navigation pane.)	This allows for flexible orientation bar height.
	
*/
  
div.locationPane {
	margin-top:10px;
	position:relative;
	*height:1%;

}





/*------------------------- NAVIGATION PANE -----------------------------------*/


/*--- Sets dimensions and location of the navigation pane. ---*/
#navigationPane, div.navigationPane { 				
  position:absolute;
  top:0px;
  left:0;
  width:212px;
  padding:0;
  margin-top:0px;
  clear:both;

}

/*-- Sets nav dimensions when navigation pane is collapsed. --*/
.navcollapsed {
	width:0px!important;
}

/*-- Sets puller location when navigation element is collapsed. --*/
.pullcollapsed {
	left:1px!important;
}

.pullcollapsed a {
	display:block;
	background:transparent url(images/menu_expand3.gif) no-repeat 0 0 !important;
	height:29px;
	width:14px;
}

/*--- Sets content area margin when navigation element is collapsed. ---*/
.contcollapsed {
	margin-left:15px!important;
}

/*--- Navigation pane collapse control. ---*/
#puller {
  position:absolute; 
  left:198px; 
  margin-top:180px; 
  _height:1px; 
  z-index:3;
}

#puller a { 
	display:block;
	background:transparent url(images/menu_collapse3.gif) no-repeat 0 0;
	height:29px;
	width:14px;
}

#puller a img { 
	height:29px;
	width:14px;
}





/*------------------------------------- CONTENT PANE ------------------------------------*/



/*Sets layout and dimensions of the content pane.*/
/*Deprecated*/
#contentPane, 
/*In use*/
div.contentPane {	
	margin:0px 10px 12px 212px;
  	padding:0;

  	min-width:auto;
	height:auto!important;

}

.shadow {  
	padding:0 0 12px 0;
	background:transparent url(images/bg_content_shadow.png) repeat-x  right 100%;	*background-position:right bottom;
}

/*Deprecated*/
#contentPaneWide, 
/*In use*/
div.contentPaneWide, div.portalPane {	
	margin:0px 10px 12px 10px;
  	padding:0 0 12px 0;
	background:transparent url(images/bg_content_shadow.png) repeat-x  right 100%;
	_background-image:none;
  	min-width:auto;
  	display:block;
}

/*contentBox div contains local view toggles, pagetitle, actionbar, and container.*/
/*Deprecated*/
#content, 
/*In use*/
div.contentBox {			
	margin:0;
	padding:0;
	min-width:auto;
	display:block;
	border:1px solid #555;
}

form#content {border:0!important}

div.contentBox ~ #copyright {top:12px;position:relative;margin:0 auto!important;}






/*----------------------------------- PANE TABS ------------------------------------------*/

/*---------------------

-----------------------*/

div.paneTabs {
  	padding:0;
  	background:transparent;
  	margin:0;
	min-width:600px;
	border-bottom:1px solid #555;
}

div.paneTabs ul{
  	list-style-type:none;
  	padding:0;
  	margin:0;
  	clear:both;
	
}

div.paneTabs ul li {
  	float:left;
  	margin:0;
  	text-align:center;
  	position:relative;
	padding:0;
	*padding:1px 0 1px 0;
	top:8px;
	*top:6px;
	z-index:200;
}

div.paneTabs ul.nav li.sub li {
	top:0px;
}


div.paneTabs ul li.sub a {border-left:1px dotted #777;}

div.paneTabs ul  li.button {
	margin:0 0 0 6px;
	border-left:0;
}


div.paneTabs ul li a{
  	display:block;
  	text-decoration:none; 
  	padding:5px 14px;
  	margin:0;
	background:#ccc;
	font-size:95%;
}
div.paneTabs ul li:first-child a{
	border-left:0;
}

div.paneTabs ul li.active, div.paneTabs ul li.activepersonal {
	background:transparent;
  	position:relative;
  	margin:0;
  	padding:0;
	float:left;
  	*z-index:10;
	border:1px solid #555;
	border-bottom:none;
	top:1px;
}

div.paneTabs ul li.active a, 
div.paneTabs ul li.active a:hover, 
div.paneTabs ul li.activepersonal a,  
div.paneTabs ul li.activepersonal a:hover,
div.paneTabs ul li.active h3 {
	text-align:center!important;
	font-weight:bold;
  	display:block;
  	text-decoration:none; 
  	margin:0;
	color:#fff;
	background:#555;
	border-left:0;
	border-top:0;
	border-right:0;
	border-bottom:7px solid #efefef;
}

div.paneTabs ul li.activepersonal a,  div.paneTabs ul li.activepersonal a:hover {
	font-weight:bold;
  	padding-right:30px;
}

div.paneTabs ul li.addbutton {
  	float:left;
	padding:1px 0px 0px 0px;
  	margin:0;
  	background:none;
  	text-align:center;
  	position:relative;
	*z-index:100;
}

div.paneTabs ul li.personal a {
  	display:block;
  	text-decoration:none; 
  	padding:5px 20px 5px 9px;
  	margin:0;
}

div.paneTabs ul li.external a {
	padding-left:20px;
	background-image: url(images/small_external_content.gif);
	background-repeat: no-repeat ;
	background-position: 2px center ;
}

div.paneTabs ul li.external a:hover {
	padding-left:20px;
	background:#fff url(images/small_external_content.gif) no-repeat  2px center ;
}

div.paneTabs ul li.activepersonal a.paneTabOptions, div.paneTabs ul li.personal a.paneTabOptions {
	background-color:transparent;
	position:absolute!important;
	display:inline;
	top:4px;
	right:5px;
	opacity:0.3;
	filter:alpha(opacity=30);
	padding:0;
	border:0;
}
	
div.paneTabs ul li a.paneTabOptions {
	display:none;
}
	
div.paneTabs ul li.activepersonal:hover a.paneTabOptions {
	opacity:1;
	filter:alpha(opacity=100);
}

div.paneTabs ul li.button a {
	padding:1px 2px 2px 2px;/*if image*/
	padding:2px 9px 3px 9px;/*if text*/
	border:1px solid #bbb;
	background:#ddd;
	color:#000;
	background-image: none;
	text-decoration:none;
}

div.paneTabs ul li.button a:hover {
	border:1px solid #555;
	background:#fafafa;
}

div.paneTabs ul li a:hover{
  	background:#FFF;
  	text-decoration:none;
}

div.paneTabs ul li a:hover{
	text-decoration:none;
}

div.paneTabs li.active a:hover{
  	background-color:#fff;
  	text-decoration:underline;
}

/*If the number of tabs is more than can be displayed, hidden personal tabs link provides access to them in the form of a flyout. */
div.paneTabs ul li a.hiddenTabsLink img {
	height:2px;
	width:2px;
}

div.paneTabs ul.nav li.sub a.hiddenTabsLink {
	background-image:url(images/more_options.gif);
	background-repeat:no-repeat;
	background-position:center center;
}


div.paneTabs ul.nav li.sub ul.more {
	border:1px solid #555;
	margin-top:-4px; /*no gap between button and menu*/
}

div.paneTabs ul.nav li.sub ul.more li a {
  	display: block;
	background:#ddd;
  	margin:0;
  	padding: 2px 6px 2px 6px;
	border:0;
	font-weight:normal;
  	text-decoration:none;
  	color:#444;	
	text-align:left;
}

 div.paneTabs ul.nav li.sub ul.more li a:hover{
  	background:#FFF;
  	text-decoration:none;
	border:0;
	color:#000;	
}













/*----------------------------- ROUNDER ELEMENTS -----------------------------------------*/



/*Rounder elements are used to round out content pane.*/

/*Styling the div surrounding rounding strips.*/

/*Deprecated*/
#contentPane div.topRound, #contentPane div.bottomRound, 
/*Used*/
div.topRound, div.bottomRound {
	margin:0;
	padding:0;
	clear:both;
	*height:1%;
}

/*General rounding strip attributes.*/
div.topRound b,  div.bottomRound b {
	display:block;
	overflow:hidden;
}

/*Outer strip.*/
div.topRound b.outer, div.bottomRound b.outer {
	height:1px;
	margin:0 3px 0 3px;
}

/*Middle strip.*/
div.topRound b.middle, div.bottomRound b.middle {
	height:1px;
	margin:0 2px 0 2px;
}

/*Inner strip.*/
div.topRound b.inner, div.bottomRound b.inner {
	height:2px;
	margin:0 1px 0 1px;
} 

/*Top rounder sits atop pageheader. Background color has to match that of page header.*/
div.topRound b {
	background:#fff1c5;
}

/*Bottom round rounds content area. Background color has to match that of the content area.*/
div.bottomRound b {
	background:#fff;
}


/*Rounder modifications.*/

/*Landing page bottom rounder. Matches background color of the container.*/
div.landing  div.container, div.landing  div.bottomRound b {
	background:#EDEDED;
}

div.tabbedPane div.contentBox {
	border-top:none;
}

/*Error page background.*/
div.error  div.container {
	background:#EDEDED;
}

/*portal page bottom rounder. Matches background color of the container.*/
div.portal  div.container {
	background-color:#FAFAFA;
}









/*End rounder elements*/



/*Picker Menu active link rounders.*/
div.pickerMenu div.topRound b.outer, div.pickerMenu div.bottomRound b.outer {
	height:1px;
	margin:0 3px 0 3px;
}

div.pickerMenu div.topRound b.middle, div.pickerMenu div.bottomRound b.middle {
	height:2px;
	margin:0 1px 0 1px;
}

div.pickerMenu div.topRound b.inner, div.pickerMenu div.bottomRound b.inner  {
	height:1px;
	margin:0 1px 0 1px;
}


/*-----	ORIENTATION ----------------------------*/
/*-------------- ORIENTATION BAR --------------------*/


/*-----------------------------------BREADCRUMBS------------------------------------------*/

/*Breadcrumbs div contains the path and rounder elements.*/
div.breadcrumbs {
	margin:0;
	position:relative;
	*height:1%;
	border-bottom:1px solid #555;
}

/*Setting proper styles for breadcrumbs in Outcomes. */
div.banner + div.breadcrumbs  {
	margin:0;
	background-color:transparent;
}

.outcomes_breadcrumbs {
	_position:static!important;
	_clear:both;
	zoom:1;
	_height:1%;
	border-bottom:none!important;
	background-color:transparent;
}

div.breadcrumbs a.close {
	position:absolute;
	top:0px;
	right:6px;
	opacity:0.7;
	*top:3px;
	*right:5px;
	_right:20px;
	filter:alpha(opacity=70);
	z-index:100;
}

/*Path holds the breadcrumb.*/
div.path, div.simplePath  {
  	font-size:90%; 
	*font-size:85%; 
  	font-weight:bold; 
  	color:#000; 
	background:#fff;
	margin:0px;
	padding:0px 200px 0px 0;
	position:relative;
	_height:1px;
}

div.breadcrumbs div.noToggle
{
  padding: 0px 24px 0px 0px;
}

div.simplePath {
	background:transparent;
	padding:4px 12px 0px 12px;
}

/*Breadcrumb is an ordered list*/
div.path ol, div.simplePath ol {
  	list-style:none; 
  	padding:0px; 
  	margin:0px;
	display:inline;
}

/*Optional breadcrumb label style.*/
div.path ol li.label, div.simplePath ol li.label {
	padding:0 6px 0 6px;
	color:#444;
	font-weight:normal;	
}

/*Floating list elements. They need to ne floated instead of displayed inline due to RTL rendering issues.*/
div.path ol li, div.simplePath ol li {
	float:left;
	padding:8px 14px 8px 0;
  background:transparent url(images/breadcrumb_arrow_metal.gif) no-repeat center right;
  font-weight:normal;
}

/*Floating list elements. Used to allow breadcrumbs without href anchors to render in same manner.*/
div.breadcrumbs div.path ol li.placeholder, div.simplePath ol li.placeholder { 
	background-image:none;
  font-weight:bold;
}

/*Default breadcrumb link.*/
div.path a, div.simplePath a {
  font-weight:normal;  
  color:#003366;
	text-decoration:none;
}

div.path a:hover, div.simplePath a:hover {
  	color:#000;
	text-decoration:underline;
}

/*Course menu button*/
div.path ol li.button, div.simplePath ol li.button {
	padding:0 1px 2px 1px;
	margin:-2px 8px -2px -2px;
	*margin-right:6px;
	background:#f6f6f6;
	-moz-border-radius:3px;
}

div.path ol li.button a, div.simplePath ol li.button a {
	background-image:none;
	padding:1px 1px 2px 1px;
} 

/*First element in the breadcrumbs.*/
div.path ol li.root, div.simplePath ol li.root {
	background:#f0f0f0 url(images/gradient_black_long_bt.png) repeat-x  right 5px;
	_background-image:none;
	margin:0 12px 0 0;
	padding:8px 12px 8px 12px;
	border-right:1px dotted #ccc;
  font-weight:bold;
}

div.path ol li.root a, div.simplePath ol li.root a {
	font-weight:bold;
	background-image:none;
	text-decoration:none;
	padding:1px 0 2px;
}




/*Styles for optional spans inside root element link. Applied in case Course Name and ID are split.*/
div.path ol li.root a span, div.simplePath ol li.root a span {
	font-weight:bold;
	color:#444;
	text-decoration:none;
}

div.path ol li.root a:hover, div.simplePath ol li.root a:hover,
div.path ol li.root a:hover span, div.simplePath ol li.root a:hover span {
	color:#000;
	text-decoration:underline;
}

div.path ol li.root a span.courseName:after {content:" - "}

div.path ol li.root a span.courseId:before{content:"(";}
div.path ol li.root a span.courseId:after{content:")";}




/*Floating bug fix.*/
div.path ol:after, div.simplePath ol:after {
	content: ".";
	display: block;
	height:0;
	clear: both;
 	visibility: hidden;
}

div.path ol, div.simplePath ol {display:inline-block;}
 /* Hide from IE Mac \*/
div.path ol, div.simplePath ol {display:block;}
 /* End hide from IE Mac */





/*Breadcrumb rounders*/

div.breadcrumbs div.topRound, div.breadcrumbs div.bottomRound {
	margin:0;
	padding:0;
}

div.breadcrumbs div.topRound b, div.breadcrumbs div.bottomRound b {
	background:#dedede;
	display:block;
	overflow:hidden;
}

div.breadcrumbs div.topRound b.outer, div.breadcrumbs div.bottomRound b.outer {
	height:1px;
	margin:0 2px 0 2px;
}

div.breadcrumbs div.topRound b.middle, div.breadcrumbs div.bottomRound b.middle {
	/*height:1px;
	margin:0 2px 0 2px;*/
	display:none;
}

div.breadcrumbs div.topRound b.inner, div.breadcrumbs div.bottomRound b.inner  {
	height:1px;
	margin:0 1px 0 1px;
}





/*-------------------------- VIEW MODE TOGGLES ----------------------------------*/

/*
Located on the right of the breadcrumb strip and used when page has both read and edit modes.
*/
div.localViewToggle {
	position:relative;
	background:#efefef;
	margin:0;
	padding:2px 0 2px 0;
}

div.localViewToggle ul {
	list-style-type:none;
	margin:0 10px 0 0;
	padding:0;
	position:relative;
}

div.localViewToggle ul li {
	float:right;
}

div.localViewToggle ul li a {
	display:block;
	padding:2px 9px;
	font-size:85%;
	text-decoration:none;
	margin:1px 0 0 0;
}

div.localViewToggle ul li a:hover {
	text-decoration:underline;
}
div.localViewToggle ul li a.active, div.localViewToggle ul li h2 {
	background:#FFF;
	font-weight:bold;
	padding:2px 9px 2px 9px;
	border:1px solid #555;
	margin:0;
  font-size:85%;
}

div.localViewToggle ul li.separator {
	border-left:1px dotted #D7BB66; 
	margin-left:6px;
	padding-left:6px;
}




/* Application View Toggle for switching between Read and Edit modes. */

div.viewToggle {
	position:absolute;
	top:0;
	right:0;
	bottom:0px;
	padding:0;
	font-size:90%;
	white-space:nowrap;
	z-index:100;
	*font-size:85%;
}

div.helpOnlyToggle {
	position:absolute;
	top:1px;
	right:5px;
	bottom:0px;
	padding:2px 0;
	font-size:90%;
	white-space:nowrap;
	z-index:100;
	*font-size:85%;
	*top:0;
	*right:0px;
	_right:10px;
}

div.viewToggle span {
	color:#666;
}

div.viewToggle ul, div.helpOnlyToggle ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

div.viewToggle ul li, div.helpOnlyToggle ul li {
	float:left;
	margin:0;
	position:relative;
}

div.viewToggle li a {
	text-decoration:none;
	padding:8px 12px 7px 12px;
	display:block;
	text-decoration:none;
	font-weight:bold;
}

div.viewToggle li a:hover {
	text-decoration:underline;
}

div.viewToggle ul li.active {
	position:relative;
	background:#efefef;
	background-image:;
	background-position:;
	background-repeat:;
	top:0px;
}

div.viewToggle ul li.active a {
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
	padding:5px 12px 5px 12px;
}

div.viewToggle ul li#editModeButton.active a {
	margin-right:20px;
	padding-right:6px;
}

div.viewToggle ul li#editModeButton.active span a {
	margin-right:0;
	padding:5px 1px 5px 1px;
}

div.viewToggle li.active {
	border-bottom:7px solid #000;
}

div.viewToggle li.active span {
	color:#aaa;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	border-left:1px solid #fff;
}

div.viewToggle li.active span a, div.helpOnlyToggle li span a  {
	border:1px solid transparent;
	background:transparent;
	padding:6px 1px 6px 1px;
	color:#555;
	text-decoration:underline;
	font-weight:normal;
	margin:0 -2px 0 -1px;
	*margin:0;
	*padding:0;
	*border:1px solid #cdcdcd;
	display:block
}

div.viewToggle li.active span a:hover, div.helpOnlyToggle li span a:hover {
	border:1px solid #999;
	background:#ededed;
	color:#555;
	text-decoration:underline;
	font-weight:normal;
}



/*div.helpOnlyToggle a.breadButton {padding:2px 6px 2px 6px;margin:3px;text-decoration:none;border:none;}
div.helpOnlyToggle a.breadButton:hover {text-decoration:underline;background:transparent;border:none;margin:3px;}*/

/*---END TOGGLE---*/


/*========================READ/EDIT MODE SWITCH======================================*/

.modeSwitchWrap {
	position:absolute;
	right:32px; 
	top:4px; 
	left:auto; 
	font-size:90%; 
	font-size:85%; 
	font-weight:bold;
}

.modeSwitchWrap div {float:left;}

.modeSwitch {
	position:relative;
	text-transform:uppercase;
	padding:1px 0;
	display:block;
	color:#fff;
	text-decoration:none;
	border:1px solid #666;
	overflow:hidden;
}

.read-on {
	padding-right:16px;
	margin-right:0px;
	background:url(images/mode_toggle_bg.gif) repeat-y 100% 0;
	background-color:#8091A7;
}

.read-off {
	background-color:#fafafa;
	color:#444;
	padding-left:16px;
	background:url(images/mode_toggle_bg.gif) repeat-y 0 0;
}

.read-off img {
	position:absolute;
	left:0px;
	bottom:0px;
}

.read-on img {
	position:absolute;
	right:0px;
	bottom:0px;
}

.modeSwitch span {
	padding:0 9px;
	background:url(images/gradient_black_short_tb.png) repeat-x 0 -16px;
}

.switcherLabel {
	color:#444;
	padding:2px 4px 2px 0;
	font-weight:normal;
	float:left;
}

div.helpLink {
	position:absolute;
	top:4px;
	right:10px;
	border:0;
	margin:0px 0 0 3px;
	font-weight:normal;
}

div.helpLink a.browseIcon {
	padding:0 1px 0px 1px;
	border-right-color:#666;
	border-bottom-color:#666;
	border-top-color:#999;
	border-left-color:#999;
	display:block;
}




/*-----------------------------END SWITCH------------------------------------------------*/

/*----MINI COMBO BUTTON---*/

div.localViewToggle a.miniComboButton {
	background:#F5E7BD url(images/more_options.gif) no-repeat scroll 97% center;
	padding-right:16px;
	border:1px solid #D7BB66;
	text-decoration:none!important;
	color:#444;
}

/*-----	NAVIGATION -----------------------------*/
/*--------

	NAVIGATION PANE STYLES.

-----------*/

/*------------------------------CM IMAGE------------------------------------*/

div.cmImg {
	overflow:hidden;
	text-align:center;
	margin:0px 0px 6px 12px;
	width:180px;
}


div.cmImg img
{
    width: 180px;
}



/*--- Navigation Pane divider ---*/

div.navDivider {
	padding:9px;
	border-top:1px double #555;
	margin:18px 0 4px 0;
	color:#eee;
	font-weight:bold;
	font-size:85%;
	*font-size:80%;
	text-transform:uppercase;
	letter-spacing:3px;
	text-align:center;
	background:transparent url(images/gradient_black_short_tb.png) repeat-x   0 -10px;
	_background-image: none;
}


/* === NAVIGATION PALETTE ================================================ */

	/* Shared navigation palette styles */
div.navPalette {
	background:transparent url(images/bg_content_shadow.png) repeat-x right 100%;
	margin:0pt 20px 6px 14px;
	padding:0pt 0pt 8px;
	zoom:1;
}

	/* Shared navigation palette styles */
div.navPaletteContent {
	background:#FFFFFF;
	border:1px solid #555555;
	zoom:1;
}

	/* Palette header */
.navPalette h2 { 
	padding:0;
	margin:0;
	font-size:105%;
	color:#fff;
	position:relative;
	background:#777 url(images/gradient_black_long_bt.png) repeat-x top center;
	_background-image: none;
	*z-index:1;
}

	/* Palette category head */
div.navPalette h3 {
	margin:0;
	font-size:100%;
}

	/* Palette content list */
.navPalette ul {
	list-style:none;
	margin:0;
	padding:0;
	zoom:1;
}

.navPalette ul li {
	padding:0;
	margin:0;
	zoom:1;
	position:relative;
}

	/* Palette category head links */
	/*Branding hooks*/
#courseMenu, 
	/*Regular selectors*/
.navPalette a {
	margin:0;
  	padding:3px 9px 3px 16px;
  	font-weight:normal;
 	text-decoration:none;
  	display:block;
	zoom:1;
	background-color:transparent;
	background-image: url(images/more_options_white.gif);
	background-repeat: no-repeat;
	background-position:4px 7px;
}

.navPalette a:hover, .navPalette a:focus {
	background-image:url(images/more_options.gif);
}

.navPalette ul li a {
	border-top:1px solid #ddd;
}

.navPalette ul li:first-child h3 a, .navPalette ul li:first-child a {
	border-top:none;
}

	/* Palette in a collapsed state */
div.navPaletteCol h2 a {
	background-image:url(images/more_options_white.gif);
}

div.navPaletteCol h2 a:hover,  div.navPaletteCol h2 a:focus {
	background-image:url(images/more_options.gif);
}

div.navPaletteCol div.navPaletteContent h2 {
	background-image:none;
}

div.navPaletteCol div.actionBarMicro {display:none;}


	/* Simple link is used where there is no submenu. Clicking it loads another page. */
div.navPalette a.simpleLink  {
	background:transparent;
	padding:3px 9px 3px 9px;
}

div.navPalette a.simpleLink:hover, div.navPalette a.simpleLink:focus {
	background: url(images/list_bullet.gif) no-repeat 97% center;
}

	/* combo link is used together with submenu link.*/
div.navPalette a.comboLink, div.navPalette a.comboLink_active {
	background-color:transparent;
	background-image:url(images/more_options_white.gif);
	background-repeat: no-repeat;
	background-position:4px 7px;
	padding:3px 20px 3px 16px;
	word-break: normal;
	overflow-x:hidden;
}

div.navPalette a.comboLink:hover, div.navPalette a.comboLink:focus {
	background-image: url(images/more_options.gif);
}

	/* comboLink open state. */
div.navPalette a.comboLink_active, div.navPalette a.open {
	background-image: url(images/less_options_dark.gif);
}

div.navPalette a.comboLink_active:hover, div.navPalette a.open:hover,
div.navPalette a.comboLink_active:focus, div.navPalette a.open:focus {
	background-image: url(images/less_options.gif);
}

div.navPalette h2 a.comboLink, div.navPalette h2 a.comboLink_active {
	padding:3px 3px 3px 16px;
	margin-right:20px;
}


	/* Submenu Link */
div.navPalette a.submenuLink, div.navPalette a.submenuLink_active {
	position:absolute;
	top:0;
	right:0;
	padding:0;
	zoom:1;
	border-left:1px solid #bbb;
}

div.navPalette a.submenuLink {
	background:transparent url(images/list_bullet_white.gif) no-repeat center center;
}

div.navPalette a.submenuLink_active {
	background:transparent url(images/list_bullet_dark.gif) no-repeat center center;
}

div.navPalette a.submenuLink:hover, div.navPalette a.submenuLink_active:hover,
div.navPalette a.submenuLink:focus, div.navPalette a.submenuLink_active:focus {
	background-image: url(images/list_bullet.gif);
}

div.navPalette a.submenuLink img, 
div.navPalette a.submenuLink_active img {
	width:20px;
	height:24px;
}

	/* Palette header link */
.navPalette h2 a, .navPalette h2 a:hover, .navPalette h2 a.comboLink, .navPalette h2 a.comboLink:hover,
.navPalette h2 a, .navPalette h2 a:focus, .navPalette h2 a.comboLink:focus  {
	background:transparent url(images/less_options_white.gif) no-repeat 4px 7px;
	color:#fff;
	font-weight:bold;
}

.navPalette h2 a:hover, .navPalette h2 a:focus  {
	background-image:url(images/less_options.gif);
}

div.navPalette h2 a.submenuLink:hover, div.navPalette h2 a.submenuLink:focus {
	background: url(images/list_bullet.gif) no-repeat center center;
}

	/* Palette in a collapsed state */
div.navPaletteCol h2 a, div.navPaletteCol h2 a.comboLink {
	background-image:url(images/more_options_dark.gif);
}

div.navPaletteCol h2 a:hover, div.navPaletteCol h2 a.comboLink:hover,
div.navPaletteCol h2 a:focus, div.navPaletteCol h2 a.comboLink:focus {
	background-image:url(images/more_options.gif);
}

div.navPaletteCol div.navPaletteContent h2 {
	background-image:none;
}

div.navPaletteCol div.actionBarMicro {display:none;}

/*------------------------------- COURSE MENU ---------------------------------------------*/

/* Reorderable Course Menu in List view. */
div.listCm ul.courseMenu {
	*margin-left:-14px;
}

div.listCm ul.courseMenu li {
	padding:3px 0 4px 0;
	margin:0 0 0 -14px;
	position:relative;
	*margin:0 0 -3px 0px;
	*height:1%;
	clear:left;
	border:0;
}

/* Links in a Course Menu are displayed inline to allow list element serve as drag handle.  */
div.listCm ul.courseMenu li a {
  	display:inline;
	margin:0 0px 0 14px;
	*right:0;
  	padding:0px 14px 0px 9px;
  	font-weight:normal;
 	text-decoration:none;
	border:0;
	background:transparent;
	float:left;
	color:#003366;
		word-break: normal;
	overflow-x:hidden;
}

div.listCm ul.courseMenu li a:hover, div.listCm ul.courseMenu li a:focus {
	text-decoration:underline;
}
div.listCm ul.courseMenu li.here a, div.listCm ul.courseMenu li.here a:hover  {
	background:#999 url(images/list_bullet_single_white.gif) no-repeat 98% center;
	color:#fff;
	text-decoration:none;
	padding:1px 16px 2px 4px;
	margin:0 0px 0 19px;
}

div.listCm ul.courseMenu li.here a.cmimg, div.listCm ul.courseMenu li.here a.cmimg:hover {
	background-color:transparent;
	padding:0;
	margin:0;
}

div.listCm ul.courseMenu li.subhead h3 {
	padding:0px 9px 0px 9px;
	margin:0px 0 0px 14px;
	font-size:100%;
	*height:1%;
}

/* In case we have a link in an h4 header. */
.navPalette ul li.subhead h3 a, .navPalette ul li.subhead h3 a:hover {
	padding:0;
	margin:0;
	text-decoration:none;
	font-weight:bold;
	background-color:transparent;
}


/* List element containg a divider. */
div.listCm ul.courseMenu li.divider {
	padding:9px 0 9px 14px;
	*padding:9px 0  6px 14px;
	_padding:9px 0  0 14px;
	height:2px;
	position:relative;
	*line-height:1%;
}

div.listCm ul.courseMenu li.divider hr {
	background-color:#ccc;
	vertical-align:middle;
	margin:0;
	border-width:0;
	height:2px;
	position:relative;
	*line-height:1%;
	*top:-9px;
}

/*	Collapsed class is dynamically assigned whe course menu is in Read mode.
 	element padding is removed.
*/
div.listCm ul.courseMenu li.collapsed {
	padding:0 0 0 14px;
	_padding:3px 0 3px 14px;
	height:2px;
	*line-height:1px;
}

div.listCm ul.courseMenu li.collapsed hr {
	*position:relative;
	*margin:0;
	_top:0px;
}

/* Special styles for the link that is hidden from students. */
div.listCm ul.courseMenu li.invisible a {
	color:#777;
}

/* Hidden and Empty Link indicators. */
li.invisible a span.cmLink-hidden,
li.invisible a span.cmLink-empty,
li.invisible span.cmLink-hidden,
li.invisible span.cmLink-empty { 
	margin:0 0 0 3px;
	vertical-align:middle;
	display:inline;
	*display:inline-block;
	*height:11px;
	 *margin:0px 2px 0 0;
}

li.invisible a span.cmLink-hidden img,
li.invisible a span.cmLink-empty img,
li.invisible span.cmLink-hidden img,
li.invisible span.cmLink-empty img {
	width:11px;
	height:11px;
	opacity:0;
	filter:alpha(opacity=0);

}

li.invisible a span.cmLink-empty,
li.invisible span.cmLink-empty {
	background:transparent url(images/empty_link.gif) no-repeat 0 0;
}

li.invisible a span.cmLink-hidden,
li.invisible span.cmLink-hidden {
	background:transparent url(images/hidden_link.gif) no-repeat 0 0;
}



div.listCm ul.courseMenu li input, .renameCourseToc input {
	border:1px solid #000;
	background:#fff;
	width:125px;
}

div.listCm ul.courseMenu li a.microControl, .renameCourseToc a.microControl {
	border:0;
	margin:0 0 0 1px;
	padding:0;
	float:none;
	display:inline;
}

div.listCm ul.courseMenu li a.save, .renameCourseToc a.save {
	background:transparent url(images/micro_save.gif) no-repeat 0 2px;
}

div.listCm ul.courseMenu li a.cancel, .renameCourseToc a.cancel {
	background:transparent url(images/micro_cancel.gif) no-repeat 0 2px;
}

div.listCm ul.courseMenu li a.microControl img, .renameCourseToc a.microControl img {
	width:12px;
	height:12px;
}



/*------------------------------- COURSE MENU REORDER CONTROLS ------------------------------------------------------------*/


div.listCm ul.courseMenu li span.reorder, div.listCm ul.courseMenu li.invisible span.reorder {
	position:absolute;
	left:0;
	top:2px;
	background:#eee url(images/cm_reorder_updown.gif) no-repeat center center;
	padding:0;
	opacity:1;
	filter:alpha(opacity=100);
	width:13px;
	height:18px;
	cursor:move;
}

div.listCm ul.courseMenu li.subhead span.reorder {
	top:4px;
}


span.reorder:hover {opacity:1;}





/*=== PALETTE VARIATIONS =========================================*/

/*--- Control panel ----------------------- */

div.controlpanel h2, div.controlpanel div.topRound b {
	background-color:#617D21;
}

div.controlpanel ul, div.controlpanel div.bottomRound b  {
	background-color:#A1C94B;
}

div.controlpanel ul li a {
	border-top-color:#6F8932;
	color:#000;
}

div.controlpanel ul li a:hover, div.controlpanel ul li a:focus {
	background-color:#EFEFEF;
}

div.controlpanel a.submenuLink, div.controlpanel a.submenuLink_active {
	background-color:#A1C94B;
	border-color:#6F8932;
}

div.controlpanel ul li a.submenuLink_active {
	background-color:#EFEFEF;
}

div.controlpanel ul li a.submenuLink:hover, div.controlpanel ul li a.submenuLink_active:hover,
div.controlpanel ul li a.submenuLink:focus, div.controlpanel ul li a.submenuLink_active:focus {
	background-color:#EFEFEF;
}

div.controlpanel a.comboLink_active {
	font-weight:bold;
}

div.controlpanel ul li h3 a.open:hover, div.controlpanel ul li h3 a.comboLink_active,
div.controlpanel ul li h3 a.open:focus {
	background-color:#EFEFEF;
}

div.controlpanel ul li h3 a.open {
	background-color:#EFEFEF;
	font-weight:bold;
}



/*--- Tools panel, Picker Menu, Explore (Outcomes) -----------*/

div.tools ul, div.tools div.bottomRound b, 
div.pickerMenu ul, 
div.explore ul, div.explore div.bottomRound b {
	background-color:#EDEDED;
}

div.tools ul li h3 a, div.pickerMenu ul li h3 a {
	background:transparent url(images/more_options.gif) no-repeat 4px 7px;
	border-top-color:#ddd;
	color:#444;
	zoom:1;
}

div.tools ul li h3 a:hover, div.tools ul li h3 a:focus{
	background:#fff url(images/more_options.gif) no-repeat 4px 7px;
}

 div.tools ul li h3 a.simpleLink:hover,  div.tools ul li h3 a.simpleLink:focus {
 	background-color:#ffffff;
 }

div.tools ul li h3 a.open {
	background:#ffffff url(images/less_options_dark.gif) no-repeat 4px 7px;
	font-weight:bold;
}

div.tools ul li h3 a.open:hover, div.tools ul li h3 a.open:focus {
	background-image:url(images/less_options_dark.gif);
}

div.tools ul li a.submenuLink, div.tools ul li a.submenuLink_active {
	background:#ededed url(images/list_bullet_white.gif) no-repeat center center;
	border-left:1px dotted #bbb;
	_border-left-style:solid;
}

div.tools ul li a.submenuLink:hover, div.tools ul li a.submenuLink_active:hover,
div.tools ul li a.submenuLink:focus, div.tools ul li a.submenuLink_active:focus {
	background:#ffffff url(images/list_bullet.gif) no-repeat center center;
}

div.tools ul li a.submenuLink_active {
	background:#ffffff url(images/list_bullet_dark.gif) no-repeat center center;
}

	/* Menu in the picker pop-up. */
div.pickerMenu {
	position:absolute;
	top:0;
	left:14px;
	width:150px;
	margin:0;
}

	/* Picker Menu */
div.pickerMenu ul li h3 a, div.pickerMenu ul li h3 a.simpleLink {
	background-image:none;
}

div.pickerMenu ul li h3 a.open, div.pickerMenu ul li h3 a:hover {
	background:#fff url(images/list_bullet.gif) no-repeat 97% center;
}

	/* My places (Outcomes) */
div.myPlaces ul, div.myPlaces div.bottomRound b {
	background-color:#fff;
}



	/* Single menu control */
div.singleControl a, div.discover a {
	background-image:none;
	text-align:center;
	background-color:#A1C94B;
	_border-top:none;
	zoom:1;
	padding:3px 9px;
}

div.discover a {
	padding:0 9px;
	font-weight:bold;
	font-size:105%;
	color:#000;
}

div.singleControl a:hover, div.discover a:hover, div.singleControl a:focus, div.discover a:focus {
	background-color:#efefef;
	background-image:none;
}

div.discover a img {margin:-1px 3px 0 0}







/*=== OUTCOMES PALETTES ==============================*/


div.myPlaces ul li a, div.myPlaces ul li a:hover {
	background-color:transparent;
	padding:3px 9px 3px 22px;
	color:#003399;
	border:0;
}

div.myPlaces ul li a:hover,  div.myPlaces ul li a:focus {
	text-decoration:underline;
}

div.myPlaces ul li a.home, div.myPlaces ul li a.home:hover {
	padding-right:20px;
	border-bottom:1px solid #ddd;
}

div.myPlaces ul li span.homeIconWrap {
	background: url(/images/ci/icons/clphomepage/home_ti.gif) no-repeat 0 0;
	position:absolute;
	top:3px;
	right:3px;
}

div.myPlaces ul li span.homeIconWrap img {
	width:16px;
	height:16px;
}

ul.explore li a, ul.explore li a:hover, ul.explore li a:focus {
	background-color:#ededed;
	background-image:url(images/list_bullet_up.gif);
	background-position:7px 6px;
	background-repeat:no-repeat;
	padding-left:20px;
}

div.explore h4, div.explore h4.currentLocation {
	margin:0;
	padding:3px 9px;
	background-color:#fff;
	border-top:2px solid #999;
	zoom:1;
}

div.explore h4 a, div.explore h4 a:hover, div.explore h4 a:focus {
	background-color:#fff;
	text-decoration:none;
	color:#000;
	padding: 3px 9px;
	font-weight:bold;
	background-image:none;
}

div.explore ul.submenu, div.explore div.bottomRound b {
	background-color:#fff;
}




li a.unit, li a.course, li a.ee, li a.program, li a.workspace  {
	padding:0 0 0 20px;
	margin:0;
	list-style-type:none;
	background-repeat:no-repeat;
	background-position:3px 3px;
} 

li a.unit, li a.unit:hover, li a.unit:focus {background-image:url(/images/ci/icons/clp_unit_ti.gif);}

li a.course, li a.course:hover, li a.course:focus  {background-image:url(/images/ci/icons/clp_course_ti.gif);}

li a.ee, li a.ee:hover, li a.ee:focus  {background-image:url(/images/ci/icons/clp_ee_ti.gif);}

li a.program, li a.program:hover, li a.program:focus {background-image:url(/images/ci/icons/clp_program_ti.gif);}

li a.workspace, li a.workspace:hover, li a.workspace:focus  {background-image:url(/images/ci/icons/clp_workspace_ti.gif);}



/*-------------------------------------- PALETTE SUBMENUS --------------------------------*/



div.controlpanel ul li ul.submenu, div.tools ul li ul.submenu, ul.submenu {
	padding:2px 9px 9px 9px;
	font-size:90%;
	*font-size:85%;
	margin:0;
}

div.controlpanel ul li ul.submenu, div.controlpanel ul li ul.submenu li ul {
	background-color:#efefef;
}

div.explore ul.submenu {
	font-size:95%;
	*font-size:90%;
	margin:0;
	padding:0px 6px  2px 20px;
}


div.controlpanel ul li ul.submenu li {
	border:none;
	margin:0;
	background-image:none;
}

div.controlpanel ul li ul.submenu li a {
	padding:2px 9px 2px 6px;
	margin:0;
	background:transparent;
	border:0;
}

div.explore ul.submenu li a {
	color:#003366;
	padding:2px 0px 2px 0px;
}

div.explore ul.submenu li span.emptyMsg {
	color:#777;
}

div.controlpanel ul li ul.submenu li a:hover, div.controlpanel ul li ul.submenu li a.here,
div.controlpanel ul li ul.submenu li a:focus {
	background:#fff url(images/list_bullet_single.gif) no-repeat 99% center;
	padding:2px 9px 2px 6px;
}

ul.submenu li ul li {
	padding-left:12px;
	*height:1%;
}

div.tools ul.submenu, ul.submenu {
	margin:2px 9px 0px 9px;
	padding:0 0 9px 0;
	background:#fff;
}

div.tools ul.submenu li a, ul.submenu li a {
	padding:2px 9px 2px 6px;
	margin:0;
	background:#fff;
	border:0;
}

div.tools ul.submenu li a:hover, ul.submenu li a:hover,
div.tools ul.submenu li a:focus, ul.submenu li a:focus {
	background:#f6f6f6 url(images/list_bullet_single.gif) no-repeat 99% center;
}



/* CONTENT COLLECTION HIERARCHY TREE PALETTE */
/*________________________________________________________________________*/



div.treeContainer {overflow-x:auto;*overflow:hidden;*position:relative;_width:174px;}


div.treeContainer ul.tree, ul.tree {list-style:none; margin:0px; padding:3px 0 9px 6px;}
div.treeContainer ul.tree ul, ul.tree ul {list-style:none; margin:0px 0px 0px 18px; padding:0 0 3px 0;}

div.treeContainer ul.tree  li h3 + ul {overflow-x:auto; margin:0; padding:0 0 9px 9px;zoom:1;*overflow:hidden;*position:relative;}

div.listCm div.treeContainer ul.tree {overflow-x:auto;}

div.treeContainer ul.tree li, ul.tree li {margin:0px; padding:0px; background:transparent url(/images/ci/icons/nlstree/line.gif) repeat-y; white-space:nowrap;}
div.treeContainer ul.tree li.last, ul.tree li.last {background-image:none;}
div.treeContainer ul.tree li.here a, ul.tree li.here a {background-color:#ededed;;}
div.treeContainer ul.tree li a, ul.tree li a { padding:2px 3px 2px 0px; background:none; display:inline; border-top:none; font-size:95%;}
div.treeContainer ul.tree li a.open_folder { padding:2px 3px 2px 0px; background:#ebeffa; display:inline; border-top:none; font-size:95%;}
div.treeContainer ul.tree li a.exp {background:transparent url(/images/ci/icons/nlsTree/folder.gif) no-repeat 18px 0px; padding:0px 21px 0px 0px;}
div.treeContainer ul.tree li a.collapse {background: url(/images/ci/icons/nlsTree/folderopen.gif) no-repeat 18px 0px; padding:0px 21px 0px 0px;} 
/*div.treeContainer h3.treehead {margin:8px 0 2px 0; padding:0px 0px 0px 5px; font-size:105%; font-weight:bold; font-size:95%;}
*/div.treeContainer h3.first {margin:0 0 2px 0;}
div#userTreeDiv{background:#fff; margin:0; padding:0px;}

div.treeContainer ul.tree li.subhead {background-image:none;margin:0px 0 0 -6px}
div.treeContainer ul.tree li.subhead h3 {margin:0;padding:0;*font-size:95%;}
div.treeContainer ul.tree li.subhead h3.first a {border-top:none}
div.treeContainer ul.tree li.subhead h3 a {
	padding:3px 9px 3px 18px;
	background-color:transparent;
	background-image: url(images/less_options.gif);
	background-repeat: no-repeat;
	background-position: 3px 6px;
	border-top:1px solid #ddd;
	display:block;
	text-decoration:none;

}

div.treeContainer ul.tree li.subhead h3 a:hover, div.treeContainer ul.tree li.subhead h3 a:focus {
	background-image: url(images/less_options.gif);
}

div.treeContainer ul.tree li.subhead:first-child {margin-top:0}
div.treeContainer ul.tree li.subhead:first-child a {border-top:0;}

div.treeContainer ul.tree li.subhead h3.treeSubhead-collapsed a {
	background-image: url(images/more_options_dark.gif);
}
div.treeContainer ul.tree li.subhead h3.treeSubhead-collapsed a:hover,
div.treeContainer ul.tree li.subhead h3.treeSubhead-collapsed a:focus {
	background-image: url(images/more_options.gif);
}

 ul.shortcuts li a {
	text-align:center;
	border-top:1px solid #ccc;
	background:#fff;
} 
 ul.shortcuts li a:hover,  ul.shortcuts li a:focus {
	text-align:center;
	background:#ededed url(images/list_bullet_single.gif) no-repeat 99% center;
	
} 
div.treeViewCs div.topRound b, div.shortcutViewCs div.topRound b {background:#fff1c5;}
div.treeViewCs div.bottomRound b, div.shortcutViewCs div.bottomRound b {background:#fff;}

div.navPaletteExpCol div.navPaletteContent {
border-top:1px solid #555!important;
}



/*-----	PORTAL ---------------------------------*/
/*-------------------------------------- PORTAL ------------------------------------------------*/

div.containerPortal, div.portal div.container {
	margin:0;
	padding:5px 5px 0 5px;
	min-height:400px;
	background:#fafafa;
	min-width:600px;
	_width:;
}


/*------------------------------- PORTAL COLUMNS --------------------------------------------*/


/*1 column layout*/
.column-1 {
  width:100%;
  float:left;
  margin: 6px 0px 0px 0px;
  min-height: 400px;
  height: auto;
  _height: 400px;
}

/*2 column layout*/
.column-2 {
  width:50%;
  float:left;
  margin: 6px 0px 0px 0px;
  min-height: 400px;
  height: auto;
  _height: 400px;  
}

/*3 column layout*/
.column-3 {
  width:33.3%;
  float:left;
  margin: 6px 0px 0px 0px;
  min-height: 400px;
  height: auto;
  _height: 400px;
}



/*------------------------------- PORTAL MODULE (PORTLET) DEFAULT STYLES ---------------------------------------------*/

.portlet {
	background-color:#ccc;
	border-color: #999;
	border-style: solid;
	border-width: 1px;
	color:;
 	margin: 0 4px 10px 4px;
	padding:0;
	_height:1%;
	_z-index:500;
	position: relative;
}

/* Portlet headers. */
/* H2 header is the portlet's title. */
.portlet h2  {
	color: #000;
	padding: 3px 52px 3px 12px;
	background-color: transparent;
	background-image:;
	background-position: 0 center;
	background-repeat: repeat-x;
	margin: 0;
	font-size:95%;
	font-weight:bold;
	vertical-align:middle;
	overflow:visible;
	*height:1%;

}

.portlet h2.dragHandle:hover {
	cursor:move;
}


/*Regular selectors*/
/* In case if there is a link in the haeder. */
.portlet h2 a {
	color:#000;
	padding:0 12px 0 0;
	vertical-align:middle;
}

.portlet h2 a img {
	vertical-align:middle;
}

.portlet h2 a:hover {
	text-decoration:underline;
	background:transparent url(images/arrow_white.gif) no-repeat center right;
}

/* Reorder span. Appears on the left when header is moused over. */
.portlet h2 span.reorder {
	position:absolute;
	left:0px;
	top:0px;
	background:#aaa url(images/small_reorder_white.gif) no-repeat center center ;
	border-right:1px solid #888;
	border-bottom:1px solid #888;
	padding:0;
	*padding:1px;
	opacity:0;
	filter:alpha(opacity=0);
	cursor:move;
	width:18px;
	height:18px;
}

.portlet h2 span.reorder img {
	width:18px;
	height:20px;
}

/* Setting reorder control opacity back to 1. Will not work in ie6. */
.portlet h2:hover span.reorder {
	opacity:0.8!important;
	filter:alpha(opacity=80)!important;
} 

/* h2 if title display is set to false. */
.portlet h2.noTitle  {
	margin:0px 0px 0 0px ;
	padding:0;
	background:transparent;
	font-size:110%;
	font-weight:bold;
	cursor:move;
	position:relative;
	vertical-align:middle;
	/*border:1px solid #5577bb;*/
	height:1.4em;
	*height:1%;
}

.portlet h2.noTitle:hover  {
	background:#ededed;
	*height:1%;
}

/*  Edit controls. */ 
/*Located in the portlet header. */
div.edit_controls, span.edit_controls {
	position:absolute; 
	right:4px;top:0px;
	height:20px;
	padding:0px 0px 0 4px;
}

div.edit_controls a, span.edit_controls a {
	margin-left:4px;
	verical-align:top;
	opacity:0.6!important;
	padding:0;
	background-image:none!important;
}

div.edit_controls a:hover, span.edit_controls a:hover {
	opacity:1!important;
}

/* Collapsible area of the portlet. Holds all the content. */
.portlet div.collapsible {
	border:1px solid #999;
	background-color:#FFF;
	margin:0 3px 3px 3px;
	padding:0;
	overflow:auto;
}

.portlet div.collapsible p {
  margin:4px 6px 6px 12px;
}

/* H3 and h4 are category headers inside the portlet. */
.portlet h3, #lightbox h3, .portlet div.portletBlock h4, .portlet div.blockContents h4 {
	margin:4px 7px;
	font-size:90%;
	color:#597298;
	letter-spacing:1px;
	border-bottom:1px solid #CEE2F2;
	padding:1px 0 2px 0;
	font-weight:bold;
}

.portlet h4 {
	margin:4px 7px 0px 7px;
	font-size:95%;
	color:#000;
	padding:1px 0 2px 0;
	font-weight:normal;
}



/*--- Portlet lists ---*/
.portlet ul, #lightbox ul {
	list-style-type:none;
	margin:2px 9px 12px 9px ;
	padding:0;
}

.portlet ul li, #lightbox ul li{
  	background:transparent url(images/list_bullet_single.gif) no-repeat 5px 3px;
  	font-size:95%;
   	padding:0 0  0 14px;
  	margin:0;
}

/*------------------------ PORTLET CONTENT MODIFICATIONS -----------------------------------*/

/*--- Course List in a portlet ---*/
.portlet ul.courselist {
	margin:6px 6px 9px 6px;
}

.portlet ul.courselist li {
	padding:0 0  0 14px;
	margin:0 0 6px 0;
	font-weight:bold;
 	clear:both;
	background:transparent url(images/list_bullet_single.gif) no-repeat 4px 5px;
}

.portlet ul.courselist li a {	
	font-size:110%;
}

.portlet ul.courselist li a:hover {
	text-decoration:underline;
}

/* Description under a course name. */
.portlet ul.courselist li p {
	font-size:90%;
	font-weight:normal;
	margin:4px;
}

/*--- Scholar portlet content. ---*/
.portlet ul.scholar {
	margin:2px 6px;
}

.portlet ul.scholar li {
	margin-bottom:4px; 
	border-top:1px solid #ddd;
	padding:6px 6px 4px 24px;
	background:transparent  url(images/small_scholar.gif) no-repeat 0 6px;
}

.portlet ul.scholar li:first-child {
	border-top:none;
}

ul.tagcloud {
	margin:4px 6px 12px 6px;
	padding:0pt;
}

ul.tagcloud li {
	display:inline;
	list-style-type:none;
	margin:0pt;
	padding:3px;
	vertical-align:baseline;
	background-image:none;
}

li.freq1 a {font-size:90%;}
li.freq2 a {font-size:105%;}
li.freq3 a {font-size:120%;}
li.freq4 a {font-size:135%;}
li.freq5 a {font-size:155%;}
li.freq6 a {font-size:165%;}
li.freq7 a {font-size:175%;}
li.freq8 a {font-size:195%;}







/* used to format help text in CS Splash Page portals */
.portletHelp {
	margin:4px 7px 4px 7px;
	font-size:95%;
	color:#688BA8;
	padding:1px 0 2px 0;
}


/*--- Form elements inside portlet ---*/
.portlet fieldset {
  	border:0;
  	margin:0;
  	padding:6px 9px 6px 9px;
}

.portlet fieldset legend {
	visibility:hidden;
	line-height:0;
	height:0px;
}

div.portlet fieldset a.browse {
	font-size:90%;
	padding:1px 4px 1px 4px;
	color:#666;
}

div.portlet fieldset label {
	display:block;
}

div.portlet input[type="text"], div.portlet select  {
	font-size:95%; 
	vertical-align:middle; 
	margin:1px 0;
	padding:0;
}

div.portlet input[type="button"] {
	border:1px solid #999; 
	font-size:90%; 
	background:#ddd; 
	padding:0 2px; 
	vertical-align:baseline; 
	margin:1px 0;
}

div.portlet input[type="button"]:hover {
	border:1px solid #999; 
	font-size:90%; 
	background:#fff;
}





/* Portlet content formatting. */
.portlet ul li div.location, .portlet_cust ul li div.location {
	padding:0;
	font-size:90%;
	color:#999;
}

.portlet ul li a {}

.portlet ul li span.post_date, .portlet ul li span.info_byline, .portlet ul li span.time {
	float:right;
	color:#999;
	margin-left:3px;
}

.portlet ul.disc li span {
	float:right;
	padding:0 0 0 6px;
}




/*-------------------------------PORTLET TABS--------------------------------------*/

/*-------------------
	Used if portlet content is tabbed. Placed atop of portlet blocks.
--------------------*/

.portlet ul.portletTabs {
	list-style:none;
	background:#ededed;
	padding:4px 0px 0 0px;
	margin:0 6px 0 6px;
	border-bottom:1px solid #ccc;
}

.portlet ul.portletTabs li {
	float:left;
	background-image:none;
	padding:0;
	margin:0;
}

.portlet ul.portletTabs li a {
	display:block;
	padding:3px 12px;
	background-image:none;
	font-size:90%;
	text-decoration:none;
}

.portlet ul.portletTabs li a:hover {
	text-decoration:underline;
}

.portlet ul.portletTabs li.active {
	position:relative;
	top:1px;
}

.portlet ul.portletTabs li.active a {
	background-color:#fff;
	border:1px solid #ccc;
	border-bottom:none;
	font-weight:bold;
}

/* Sets tabbed portlet background. */
.portlet div.tabbedPortlet {
	background:#ededed;
	padding-top:9px;
}


.portlet div.portletTabBlock {
	background:#fff;
	margin:0 6px 6px 6px;
	padding:6px 0 6px 0;
	border:1px solid #ccc;
	border-top:none;
}

.blockContents {
	margin:2px 0px 2px 0px;
	background:#fff;
}

/*-------------------------------PORTLET BLOCKS--------------------------------------*/

/* Portlet Block is used when there's a need to have collapsible blocks within a portlet */
.portlet div.portletBlock {
	margin:0px 9px 9px 9px;
	background:#fff;
	border:1px solid  #777;
}

.portlet div.portletBlock h4, .portlet div.portletBlock h4.blockTitle {
	padding:0;
	margin:0;
	border:0;
}

/* Block Title link */
.portlet div.portletBlock h4 a, .portlet div.portletBlock h4.blockTitle a {
	display:block;
	font-size:110%;
	text-decoration:none;
	letter-spacing:0px;
	/*background:#eee url(/images/ci/ng/gradient_black_short_bt.png) repeat-x 0 center;*/
  background:#f1f1f1;
	color:#444;
	margin:0;
	padding:4px 9px;
	border:0;
}

.portlet div.portletBlock h4 a:hover, .portlet div.portletBlock h4.blockTitle a:hover {
	background:#eee;
}

/* Span within the block title. Used to display total item count.*/
.portlet div.portletBlock h4 a span, .portlet div.portletBlock h4.blockTitle a span {
	color:#ddd;
	font-weight:normal;
}


/* Portlet block groups. Contains Item Groups. */
.portlet ul.subCategories, ul.blockGroups {
	list-style:none;
	margin:0;
	padding:0;
}

.portlet div.portletBlock  ul.subCategories li, ul.blockGroups li {
	padding:0;
	margin:0;
}

.portlet ul.subCategories li a, ul.blockGroups li a.itemHead {
	padding:4px 16px;
  background:#e3efff url(images/more_options.gif) no-repeat 3px center;
	display:block;
	margin:0;
	text-decoration:none;
	border-top:1px solid #777;
	font-weight:bold;
  font-size:90%;
	color:#597298;
	letter-spacing:1px;
}

ul.blockGroups li a.itemHead:hover {
  background-color:#e3efff;
  text-decoration:underline;
}

ul.blockGroups li a.itemHeadOpen {
  background:#fff url(images/less_options_dark.gif) no-repeat 3px center;
  }
ul.blockGroups li a.itemHeadOpen:hover {
  background-color:#fff;
  text-decoration:underline;
  }

.portlet ul.subCategories li:first-child a, ul.blockGroups li:first-child a {border:none;}

.portlet ul.subCategories li a:hover, ul.blockGroups li a:hover {
	background-color:#fff;
	opacity:1;
	filter:alpha(opacity=100);
}

.portlet ul.subCategories li a span, ul.blockGroups li a span {
	color:#777;
	font-weight:normal;
}

/*Portlet block item groups. Contains Items. */
.portlet ul.itemGroup li a, ul.blockGroups li ul.itemGroups li a {
	display:inline;
	padding:0;
	font-weight:bold;
	font-size:105%;
	border:0;
	background-color:transparent;
	top:4px;
}

.portlet ul.itemGroup li a:hover, ul.itemGroups li a:hover {
	text-decoration:underline;
}

/* Portlet block items list. */
ul.itemGroups li  ul.items {
	padding:2px 9px;
  display: block; 
  margin: 0; 
  font-size: 110%;
}

ul.blockGroups li ul.itemGroups li a, ul.itemGroups li ul.items li a {
	font-weight:normal;
}


.portlet div.portletBlock h3 {
	border:none;
	font-weight:bold;
	letter-spacing:0;
	margin:0px 0px 0px 0px;
	padding:0;font-size:100%;
}

.portlet div.portletBlock h3 a {
	display:block; 
	padding:3px 12px;
	margin:0;
	text-decoration:none;
	background:#E3Efff url(images/more_options.gif) no-repeat 99% center;
}

.portlet div.portletBlock h3 a:hover {
	text-decoration:underline;
}

.portlet div.portletBlock:first-child h3 a {
	border-top:none;
}

.portlet div.portletBlock h3 a.open {
	display:block; 
	padding:3px 12px;
	margin:0;
	text-decoration:none;
	background:#E3Efff url(images/less_options.gif) no-repeat 99% center;
}

.portlet ul.objectList li  {background-image:none;margin:0;padding:0;}

.portletBlock ul li, .blockContents ul li, ul.memberList li {
	background-image:none;
	padding:0;
	margin:0 0 0 0px;
}



.portlet .blockContents ul li ul li span, .portlet .blockContents ul li span,
.portlet ul li ul li span {
	color:#888;
	margin:0 0 0 4px;
}





/* Portal content. */
#portalPane, div.portalPane {
	margin:3px 14px 0 14px;
  	padding:0;
	background-image:none;
  	min-width:auto;
  	display:block;
  	*margin:3px 14px 0 14px;
	*width:auto;
}


.imgWrapper {overflow:auto;_overflow:scroll;_width:100%;margin:6px auto;text-align:center;}
.imgWrapper img {_height:1%;}


/*EUD additions 10/8/08. (LL)*/


div.eudModule {
	background-color:#EDEDED;
	background-image:url(images/dcp_block_bg.png);  
	_background-image:none;  
	background-position:50% 50%;
	min-height: 250px; 
	max-height: 500px; 
	overflow-y: auto;
	padding:0 0 20px 0;
	border:1px solid #f9f9f9;
	border-width:1px 0 0 1px ;
}

div.moduleActions {padding:10px 9px 6px 9px} 

.portlet  ul.memberList {margin:0 0 5px 0;}
ul.itemGroups li ul.itemGroups {margin-left:0;margin-bottom:4px}
.portlet  ul.blockGroups li {font-size:100%}
.portlet  ul.itemGroups li {padding:0 0 7px 0;line-height:120%;overflow-x:hidden}
.portlet  ul.memberList li {padding:0;margin-left:14px!important;}

.portlet span.course, .portlet  ul.memberList, .portlet span.refresh {font-size:85%;display:block;}
.portlet span a {color:#777;}

.portlet span.noIndent, .portlet .whatsNew span.course, .portlet span.course {margin-left:0!important;}

/*Hierarchical list inside EUD module*/
.portlet ul.hierarchyList {margin-left:22px;}
.portlet ul.hierarchyList li {text-indent:-18px;*border:1px solid transparent;overflow-x:visible}
.portlet ul.hierarchyList li *, .portlet ul.hierarchyList li.childless {text-indent:0;}


.portlet ul li ul li span.warning, .portlet ul li ul li span.due, .portlet ul li ul li span.newItemCount {color:#777777;font-size:85%;white-space:nowrap;display:inline;}
.portlet ul li ul li span.warning {color:#FF0000;}
.portlet  ul.memberList span, .portlet  ul.memberList span.newItemCount {font-size:100%;}

.portletInfoFooter {font-size:85%;color:#555;position:absolute;bottom:2px;right:0;padding:2px 9px}

.dateSelector {background:#f1f1f1;padding:2px 9px 4px 9px; border-bottom:1px solid #888}

ul.blockGroups li span.itemHeadOpen  {border-bottom:1px solid #EEEEEE;}

ul.blockGroups li span.itemHead a:hover {background-color:transparent;text-decoration:underline;}

p.noItems {color:#777;text-align:center;margin:4px 6px!important}


/*-----	CONTENT AREA ---------------------------*/
/*
These are default styles for all elements in the content area. 
*/ 

/*-------------------------------CONTENT AREA--------------------------------------*/

/*If background images are used in forming the pane, set the topright background image here. 
This div contains all user-generated content. */


/*Branding hooks*/
#contentArea, 
/*Regular selectors*/
.container { 		
 	background-color:#fff;
	background-image:;
	background-position:;
	background-repeat:;
	color:;
  	margin:0;
  	padding:10px 12px 12px 12px;
 	min-height:400px;
	_height:400px;
	overflow:visible;
}

/*this classname is added when content area displays "OK" button at the bottom*/
div.okContainer, div.ok div.container { 		
  	padding-bottom:60px;
	position:relative;
}

/*These divs are used when if background images are used to create content pane. */
/*Provides bottom to the content area. Sets bottomleft background image*/
.contentbottoml {	
	/*background:transparent url(/images/ci/ng/container_back_bottomleft.gif) bottom left no-repeat;
	height:20px;
	float:left;
	width:50%;*/
	display:none;
}

/*Provides bottom to the content area. Sets bottomright background image.*/
.contentbottomr {	
	/*background:transparent url(/images/ci/ng/container_back_bottomright.gif) bottom right no-repeat;
	height:20px;*/
	display:none;
}


.tallPara {padding:40px 0px;margin:0;}
span.errorCode {font-weight:bold;font-size:90%;display:block;margin-top:24px;}



/*----------------------------------PAGE TITLE---------------------------------------*/

/*Branding hooks*/
#pageHeader, 
/*Regular selectors*/
.pageTitle, .pageTitleSmall {
	margin:0;
	padding:9px 12px 9px 12px;
	 	background-color:#efefef;
	color:;
	_height:1px;
}

.pageTitle {
	border-bottom:1px solid #cecece;
}

.error .pageTitle {
	background:red;
}

.pageTitle h1, .pageTitleError h1  {
	padding:0;
	font-size:160%;
	margin:6px 0 0 0;
}

.error .pageTitle h1 {
	color:#fff;
}

.pageTitleSmall h1  {
	padding:0;
	font-size:135%;
	margin:0;
}

.customBanner {
	overflow:hidden;
	text-align:center;
	margin:0;
	background:#996600;
}

.pageTitle #titleicon, .pageTitle h1, .pageTitle a.cmimg {float:left;}

.pageTitle a.cmimg {margin:.8em 0 0 6px}

.pageTitle #titleicon {
	/*width:36px; height:36px;*/
	margin:0 6px 0 0;
}

div.localViewToggle + div.pageTitle {padding-top:0;}

/*  Outcomes page header styles -- Temporary fix */
h1.pageTitle, .caliperTitle, .discoverTitle {
margin:-11px 0 5px 0;
padding-top:0;
}

.discoverTitle,  .caliperTitle {
	*position:relative;
	_position:static;
	*top:-11px;
}


.unitHomePageTitle {margin:-11px -12px 5px -12px;padding-top:0;}

.caliperTitle h1 {padding:0 0px}
.discoverTitle h1 {padding:0}

.unitHomePageTitle a.browse, .caliperTitle a.browse {float:right;font-size:60%;font-weight:normal;margin:4px 0 0 6px;padding-top:2px;padding-bottom:1px;}

.unitHomePageTitle a.browseNoImg {padding-top:1px;padding-bottom:2px;}
	/*  End Outcomes page header styles */


/*----------------------------------HELP TEXT IN THE PAGETITLE-----------------------*/

div.helphelp, p.helphelp, div.pageTitle p {  
	color:#666666;
  	font-size:95% !important;
  	line-height:135%;
  	margin:0 0 4px 0;
  	padding:4px 4px 0px 0;
	clear:both;
}








/*---------------------------- INSTALLATION DETAILS ----------------------------------------------*/

/*Elements displayed in the Admin Panel's page title.*/

/*Colophon that details installation details in the admin panel.*/
.colophon {
	float:right;
	width:30em;
	padding:0px 0 3px 55px;
	margin:0 0 0 14px;
	background:transparent;
	font-size:85%;
	height:45px;
	overflow:visible;
	*font-size:90%;
	position:relative;
}

.colophon img {
	position:absolute;
	left:0;
	_width:45px;
	_height:44px;
	}

.installation {
	color:#000;
	*font-size:95%;
	line-height:1.3em;
}

.installation h4 {
	font-weight:bold;
	padding:0;
	margin:0 0 3px 0;
	*font-size:100%;
}

.installation h4 span {
	font-weight:bold;
	background:#888;
	padding:1px 10px;
	*padding:1px 6px;
	color:#fff;
	-moz-border-radius:8px;
	white-space:nowrap;
	margin:0 0 0 6px ;
}

.installation span {
	font-weight:bold;
}

h1 span.version {font-size:75%}




/*------------------------------------- CONTAINER TABS ---------------------------------------------------*/

/*
	Container tabs are displayed above content container and 
	are mainly used in multiple-step data collection pages.
*/

ul.containerTabs {
	list-style:none;
	margin:0;
	padding:0;
	background:#fff;
	border-bottom:1px solid #777;
	font-size:100%;
}

ul.containerTabs li  {
	float:left;
	position:relative;
	top:5px;
}

ul.containerTabs li a  {
	padding:6px 12px 6px 12px;
	display:block;
	background:#ddd;
	text-decoration:none;
}

ul.containerTabs li a:hover {
	background:#f6f6f6;
}


ul.containerTabs li.active {top:0}

ul.containerTabs li.active a,
ul.containerTabs li.active h3 {
	display:block;
  margin:0;
	padding:5px 12px 4px 12px;
	font-weight:bold;
	background:#ffffff;
	border-left:0;
	border:1px solid #777;

	border-bottom:7px solid #777;
	text-decoration:none;
	color:#333;
}

/* ------------------------- SEQUENCE MAP STYLES ------------------------- */
/* amends/adds to the styles specified for the container tabs above */
div.mapTabs {
  clear:both;
  margin:-1px -12px 1px;
  border-bottom:1px solid #777;
  padding:0 12px;
}
div.mapTabs ul {
  float:left;
  margin-bottom:-1px;
  padding:0 3px 0 3px;
  background:#bbb;
  -moz-border-radius:0;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-radius:0;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
  }
  
div.mapTabs ul li {
  top:4px;
  margin-bottom:-1px;
  }
div.mapTabs ul li a.inprogress {
  padding-left:26px;
  background:#ddd url(images/workflow_detail_active.gif) 6px 50% no-repeat;
  }
div.mapTabs ul li a.complete {
  padding-left:27px;
  background:#ddd url(images/workflow_detail_complete2.gif) 6px 50% no-repeat;
  }
  
div.mapTabs ul li a.inprogress:hover,
div.mapTabs ul li a.complete:hover {
  background-color:#f6f6f6;
  }

div.mapTabs ul li div {display:none; padding:7px 12px; }
div.mapTabs ul li.saveTab a, ul.containerTabs li.saveTab img {display:none;}
div.mapTabs ul li.saveFadeIn {opacity:0; filter: alpha(opacity=0);}
div.mapTabs ul li.saveTab div {
  display:block; 
  padding:6px 12px 6px 12px; 
  color:white; 
  background:#44B10E url(images/tab_receipt_back.gif) repeat-x center bottom; 
  font-weight:bold;
  }

div.mapHelp {padding:4px 12px 0 12px; margin:-1px 0 0;}

ul.setStatus {
  border:1px solid #eee; 
  margin:15px 0pt 9px 28px;
  padding:3px;
  list-style:none;
  }
ul.setStatus li {margin:0 6px 0 0; font-size:95%;}
ul.setStatus li input {padding:0; margin:0;}
ul.setStatus li label {padding-left:22px; background:url(images/workflow_detail_active.gif) 1px 0px no-repeat; }
ul.setStatus li label.complete {padding-left:22px; background:url(images/workflow_detail_complete.gif) 1px 0px no-repeat; }

/* adjusts layout of the "next step" label on the sequence map canvas page */
form.mapCanvasForm div.steptitle, form.mapCanvasForm h3.steptitle {
  margin:15px 0 0 0;
  padding-left:18px;
}

form.mapCanvasForm ul.setStatus {margin-left:18px;}

/* --------------------- END SEQUENCE MAP STYLES ---------------------- */

/*--------------------EDIT MODE STYLES----------------------------------*/

body.ineditmode {background-color:#ccc;}

body.ineditmode, body.ineditmode  {}
/*body.ineditmode #editModeButton {background-color:#cdcdcd;background-image:url(images/readback.png);}*/
body.ineditmode div.listCm{
border:2px solid #000;
}

body.ineditmode div#editmodeWrapper {border:2px solid #000;}
body.ineditmode div#editmodeWrapper .contentBox, body.ineditmode div.listCm div.navPaletteContent,
body.ineditmode div.listCm div.actionBarMicro {border:0;}

body.ineditmode div.listCm {background-image:none;padding-bottom:0;margin-bottom:9px;}
/*------------------end of EDIT MODE STYLES-------------------------------*/

/*-----	ACTION BARS ----------------------------*/
/*------------------------------- MAIN ACTION BAR  ------------------------------------*/


.actionBar {
	margin:-1px 0 0 0;
	padding:4px 9px 4px 9px;
	border-bottom:1px solid #cecece;
  	background-color:#efefef;
	z-index:10000;
}

.actionBar ul, .actionbar_portal ul {
  	list-style-type: none;
 	margin:0;
  	padding:0;
}

.actionBar ul li, .actionBar ul li.mainButton, .actionbar_portal ul li{
  	float:left;
  	margin:0 4px 0 0;
  	font-weight:bold;
  	position:relative;
  	padding:0;
	z-index:100;
}

/*Branding hooks*/
#primaryButton, 
/*Regular selectors*/
.actionBar ul li a, .actionBar ul li.mainButton a,  .actionbar_portal ul li a,
div.tabPreview div.actionBar ul li.mainButton a, div.tabPreview div.actionBar ul li.mainButton a:hover {
	font-size:100%;
  	display:block;
  	text-decoration:none;
  	padding:0.17em 0.9em 0.18em 0.9em;
  	color:#000;
	background-color:#A1C94B;
	border:1px solid  #3C4A1B;
	background-image:url(images/gradient_black_long_bt.png);
	background-position: top center;
	background-repeat:repeat-x ;
	_background-image:none;
 }
 
 
div.tabPreview div.actionBar ul li.mainButton a:hover {cursor:default;}

/*.actionbar ul li:first-child a {border:0;}*/
.actionBar ul li.sub {
}

.actionBar ul li a:hover, .actionBar ul li.mainButton a:hover, .actionbar_portal ul li a:hover,
.actionBar ul li a:focus, .actionBar ul li.mainButton a:focus, .actionbar_portal ul li a:focus {
  	background:#3C4A1B;
  	color:#fff;
} /*Use li.mainButton for main buttons instead of not assigning any class to the li element.*/


.actionBar ul li.sub a.other {
  	text-decoration:none;
   	padding:2px 9px 2px 9px;
 	background:#888 url(images/action_button_back.gif) repeat-x top left;
 	border:1px solid #344A6C;
}

.actionBar ul li.sub a.other:hover, .actionBar ul li.sub a.other:focus {
	background:#666;
 	border:none!important;
}

.actionBar ul li a img, .pageTitle h1 a.secondaryButton img {
	vertical-align:middle;
	margin:-2px -5px 0 2px;
}

.actionBar ul li.search, .actionBar ul li.secondaryButton, .actionbar_portal ul li.search {
	float:right;
	border-right:0;
	padding:0;
	margin:0 0 0 3px ;
	font-weight:normal;
} /*li.search is a deprecated selector. Use .secondaryButton instead. */


/*Branding hooks*/
#secondaryButton, 
/*Regular selectors*/
.actionBar ul li.search a, .actionBar ul li.secondaryButton a, .actionBar_portal ul li.search a,
div.tabPreview div.actionBar ul li.secondaryButton a, div.tabPreview div.actionBar ul li.secondaryButton a:hover,
.pageTitle h1 a.secondaryButton {
	background-color:#ddd;
	background-image:;
	background-position:;
	background-repeat:;
	color:#000;
	font-size:100%;
  	display:block;
  	text-decoration:none;
   	padding:0.17em 0.9em 0.18em 0.9em;
	_background-image:none;
	border:1px solid #bbb;
 } 

 .actionBar ul li.secondaryButton div.action_bar_paging
 {
   padding: 2px; font-size: 105%;
 }
 .actionBar ul li.secondaryButton div.action_bar_paging a, .actionBar ul li.secondaryButton div.action_bar_paging a:hover
 {
   display: inline;
   padding: 0px;
 }  
 .actionBar ul li.secondaryButton div.action_bar_paging a img
 {
   margin: 0px;
 } 

div.tabPreview div.actionBar ul li.secondaryButton a:hover {cursor:default;}
 
 
.actionBar ul li.buttontotab,  .actionBar ul li.secondaryButtonTab {
 	float:right;
	border-right:0;
	padding:0;
	margin:0 6px 0 0;
	font-weight:normal;
	font-size:95%;
 	top:8px;
	*top:7px;
	*bottom:0px;
	*margin-bottom:0px;
	z-index:100;
 } /*li.buttontotab is a deprecated selector. Use .secondaryButtonTab instead. */
 
 .actionBar ul li.buttontotab a,  .actionBar ul li.buttontotab a:hover,
 .actionBar ul li.secondaryButtonTab a,  .actionBar ul li.secondaryButtonTab a:hover {
	font-size:100%;
  	text-decoration:none;
  	padding:3px 9px 3px 9px;
  	color:#444;
  	background:#d1d1d1;
  	border:1px solid #d1d1d1;
	border-bottom:none;
	z-index:100;
 }
 
.actionBar ul li.secondaryButton a.image {padding:1px 3px;}
 
.actionBar ul li.search a:hover, .actionBar_portal ul li.search a:hover,
.actionBar ul li.secondaryButton a:hover, .actionBar_portal ul li.secondaryButton a:hover,
.pageTitle a.secondaryButton:hover,
.actionBar ul li.search a:focus, .actionBar_portal ul li.search a:focus,
.actionBar ul li.secondaryButton a:focus, .actionBar_portal ul li.secondaryButton a:focus,
.pageTitle a.secondaryButton:focus {
  	color:#444;
}

.pageTitle h1 a.secondaryButton {font-size:65%;font-weight:normal;display:inline;}

/* END ACTION BAR */


/*Reversing main/secondary button locations*/

.reverseButtons ul li.mainButton {
	float:right;
}
.reverseButtons ul li.secondaryButton {
	float:left;
}


/*--------------------------------------MICRO ACTIONBAR------------------------------------------*/

/*Styles navigation management controls: refresh, edit, launch in a new window etc.*/
.navPalette div.actionBarMicro, .portlet div.actionBarMicro  {
	padding:4px 5px 4px 5px;
    *padding:0px 5px 4px 5px;
	background:#efefef;
	border:1px solid #555;
	border-bottom:none;
}

div.actionBarMicro + div.navPaletteContent {border-top:0;}

.portlet div.actionBarMicro {
	padding:4px 4px 4px 4px;
	margin:0;
}
.navPalette div.actionBarMicro ul {}
.portlet div.actionBarMicro ul {margin:2px;}

div.navPalette div.actionBarMicro ul li, 
div.navPalette div.buttons div.actionBarMicro ul li,
.portlet div.actionBarMicro ul li {
	padding:0;
	float:left;
	margin:0 0 0 3px;
	*margin:1px 0 1px 3px;
}

.navPalette div.actionBarMicro ul li.mainButton, 
.navPalette div.buttons div.actionBarMicro ul li.mainButton,
.portlet div.actionBarMicro ul li.mainButton {
	margin:0 3px 0 0;
	position:relative;
	z-index:1000;

}

div.navPalette div.actionBarMicro ul li.secondaryButton, 
div.navPalette div.buttons div.actionBarMicro ul li.secondaryButton {
	position:relative;
	padding:0;
	float:right;
	z-index:10;
}

div.navPalette div.actionBarMicro ul li a, 
.navPalette div.buttons div.actionBarMicro ul li a,
.portlet div.actionBarMicro ul li a  {
	padding:0 1px 2px 1px;
		*padding:1px 1px 0 1px ;
	border:1px solid transparent;
	*border:1px solid #efefef;
	background:none;
		*display:block;
		_display:inline-block;

}

.navPalette div.actionBarMicro ul li a:hover, 
.navPalette div.buttons div.actionBarMicro ul li a:hover,
.portlet div.actionBarMicro ul li a:hover,
.navPalette div.actionBarMicro ul li a:focus, 
.navPalette div.buttons div.actionBarMicro ul li a:focus,
.portlet div.actionBarMicro ul li a:focus {
	border:1px solid #ffcc00;
	background:#fff;
}

.navPalette div.actionBarMicro ul li.mainButton a, 
.navPalette div.buttons div.actionBarMicro ul li.mainButton a,
.portlet div.actionBarMicro ul li.mainButton a {
	padding:0 1px 2px 1px;
	*padding:1px 1px 1px 1px ;
		background-color:#A1C94B;
	border:1px solid  #3C4A1B;
	color:#000;
	font-size:95%;
	background-image: none;
	*font-size:90%;
	*display:block;
	_display:inline-block;

}

.portlet div.actionBarMicro ul li.mainButton a {
	padding:1px 4px;
	text-decoration:none;
	
}

.navPalette div.actionBarMicro ul li.mainButton a:hover, 
.navPalette div.buttons div.actionBarMicro ul li.mainButton a:hover,
.portlet div.actionBarMicro ul li.mainButton a:hover,
.navPalette div.actionBarMicro ul li.mainButton a:focus, 
.navPalette div.buttons div.actionBarMicro ul li.mainButton a:focus,
.portlet div.actionBarMicro ul li.mainButton a:focus {
	border:1px solid  #3C4A1B;
	background:#3C4A1B;
}

.portlet div.actionBarMicro ul li.mainButton a:hover {
	padding:1px 4px;
	text-decoration:none;
}

.navPalette div.actionBarMicro ul li.active a, 
.navPalette div.buttons div.actionBarMicro ul li.active a {
	border:1px solid #ccc;
	background:#fff;
}



.navPalette div.actionBarMicro ul li.active a.options {
	border:1px solid #ffcc00;
	background:#fff url(images/more_options.gif) no-repeat 97% center;
	padding-right:12px;
}

/*For dynamic flyout styles see dynamic_elements.css*/


/*------------------------------- PORTAL ACTIONBAR MODIFICATIONS -------------------------------------*/

div.portal div.actionBar {
	margin-top:-1px;
	
}
	
div.portal div.actionBar, div.tabbedPane div.actionBar  {
	margin-top:0;
	padding:9px
}

div.portal div.actionBar ul li a, div.tabbedPane div.actionBar ul li a  {
	font-size:95%;
	padding:2px 7px;
}



	
/*-----	INVENTORIES ----------------------------*/

/*----------------------------------INVENTORY TABLE---------------------------------------*/


.tableOverflowControl {overflow-x:auto;_width:100%;}

/* Default inventory table */
table.inventory {
	font-size:100%;
	margin:0;
	width:100%;
	clear:both;
	border-spacing:0;
  *border-collapse:collapse;
	border:1px solid #888;
}

/* Table head styles. */
table.inventory thead {
  	background:#bbb;
  	font-size:100%;
}


table.inventory thead tr th {
	padding:5px 4px 5px 4px;
	text-align:left;
	color:#000;
	font-size:95%;
	position:relative;
	border-left:1px solid #888;
	border-bottom:1px solid #888;
}

table.inventory thead tr th:first-child {
	border-left:none;
}

table.inventory tbody tr td:first-child, table.inventory tbody tr th:first-child {
	border-top:none;
}

/* Table body styles. */
table.inventory tbody {
	border-bottom:2px solid #888;
}



table.inventory tbody tr {
}

table.inventory tbody tr td, table.inventory tbody tr th {
	padding:3px;
	font-size:95%;
	border-bottom:1px solid #ddd;
	white-space:normal;
}


table.reorder tbody tr td, table.reorder tbody tr th {
	border-bottom:1px solid #eee;
	*border-bottom:0;
}



/* Table cell containing item title is usually a "th". Resetting alignment and font weight. */
table.inventory tbody tr th {
	font-weight:normal;
	text-align:left;
}

/* Removing left border from the leftmost header cell. Will not work in IE6. */
table.inventory tbody tr td:first-child {
	border-left:none;
}

table.inventory tbody tr.gray td, table.inventory tbody tr.gray th {
	background:#f0f0f0;
}

/* Styles for cells in a sorted column. */
table.inventory thead tr th.sorted, th.sorted {
	background:#888;
}

table.inventory tbody tr td.sorted {
	background:#eee;
}

table.inventory thead tr th.sorted a {
	color:#fff!important;
	*position:relative;
}

/*Styles for the sorting functionality*/
table.sortable th a {
	color:#000;
 	margin-right:9px;
	*position:;
}
table.sortable tbody th a {
	color:#003366;
 	margin-right:9px;
	*position:;
}

table.sortable th a:hover {
	text-decoration:underline;
}

table.sortable a.sortheader {
   display: block;
	font-weight: bold;
	text-decoration: underline;
	position:relative;
    padding-right:17px;
    margin-right: 0px;
	*position:;
}

/*Sorting arrow indicator*/
table.sortable span.sortarrow { 
	color: #ffff00;
	font-weight: bold;
	text-decoration: none;
 	position:absolute;
 	right:0px;
}

/* Highlighting background of a selected item row.*/
tr.high {
	background:#fff1c5;
}

/* Reordering control styling. */
table.inventory td.smallCell span.reorder, table.inventory tbody span.reorder, 
table.inventory tbody span.reorder,
table.attachments td.smallCell span.reorder, table.attachments tbody span.reorder, 
table.attachments tbody span.reorder {
	background:transparent url(images/cm_reorder_updown.gif) no-repeat 0 6px ;
	padding:6px 12px;
	opacity:.2;
	filter:alpha(opacity=20);
	width:30px;
	height:12px;
	cursor:move;
	position:static;
}

table.inventory tr:hover td.smallCell span.reorder, 
table.inventory tbody tr:hover td.smallCell span.reorder:hover,
table.attachments tr:hover td.smallCell span.reorder, 
table.attachments tbody tr:hover td.smallCell span.reorder:hover {
	opacity:1;
}

/*Styles for the strips containing batch controls*/
/*Strip at the bottom of the table*/

div.checked {}
div.checked_top {}


table.inventory tbody ul.subtabs {
	list-style:none;
	padding:0;
	margin:0;
}

table.inventory tbody ul.subtabs li {
	position:relative;
	padding:2px 2px 2px 20px;
}





/*--------------------------------INVENTORY ACTION BARS--------------------------------------- */

div.rumble {	
  margin:0;
  padding:5px 7px 5px 34px;
  *padding:5px 7px 2px 34px;
  _padding:5px 7px 2px 34px;
  background: #efefef url(images/checked_items.gif) no-repeat 8px bottom; /* WFM: Changed y-position from 60% to bottom. */
  zoom:1;
}

/* Top inventory action bar. */
div.rumble_top {	
  margin:0;
  background-color:#efefef;
  padding:5px 5px 5px 34px;
  *padding:5px 5px 2px 34px;
  _padding:5px 5px 2px 34px;
  _height:.5em;
  background-image: url(images/checked_items_top.gif);
  background-repeat:no-repeat;
  background-position: 8px top; /* WFM: Changed y-position from 6px to top. */
  zoom:1;
}

div.noBatchActions {background-image:none!important;}

/* aligns the batch action bar with canvas page lists (whose margins are specified in lists.css > ul.buildList) */
div.rumbleBuildList {
  margin:0 0 0 1.4em;
  border-top:2px solid #eee;
  } 
div.rumbleBuildListTop {
  margin:10px 0 -10px 1.4em;
  border:none;
  } 
  
div.rumbleBuildList ul li, 
div.rumbleBuildListTop ul li {
  z-index:1000;
}

/* Inventory action bar buttons. */
div.rumble_top ul, div.rumble ul {
	margin:0px;
	padding:0;
	*position:;
  list-style:none;
  zoom:1;
}

div.rumble_top ul li, div.rumble ul li {
	float:left;
	position:relative;
	*padding:0 0 4px 0;
	margin:0 3px 0 0;
	zoom:1;
  z-index:10;
}

div.rumble_top ul li.sub:hover {
	*z-index:999;
}

div.rumble ul li.sub:hover {
	*z-index:998;
}

div.rumble a, div.rumble_top a, div.rumble ul li a, div.rumble_top ul li a {
	text-decoration:none;
	padding:1px 6px 1px 6px;
	border:1px solid #bbb;
	background:#ddd;
	color:#000;
	font-size:95%;
	display:block;
}

div.rumble ul.listActions li, div.rumble_top ul.listActions li,
div.rumble ul.listPaging li, div.rumble_top ul.listPaging li {
	float:left;
	margin:0 3px 0 0
}

div.rumble ul.listActions {
	float:left;
}

div.rumble ul.listActions li a, div.rumble_top ul.listActions li a,
div.rumble ul.listPaging li a, div.rumble_top ul.listPaging li a  {
	display:block
}


div.rumble_top a {
	*top:1px;
}

div.rumble a:hover, div.rumble_top a:hover {
	text-decoration:none;
	background:#f0f0f0;
	border:1px solid #555;
}

/* container div for the tagging ui in discussions and surveys */
/* styling relies on attributes applied at the jsp-level until a class can be dynamically applied to the <li> in listOptions.vm */
div.rumble li.multiple label, 
div.rumble_top li.multiple label,
div.rumble li#addTagActionItem_bottom label, 
div.rumble_top li#addTagActionItem_top label {
  float:left;
  display:block;
  margin:0 3px 0 6px;
  border-left:1px dotted #999;
  padding-left:6px;
  font-size:95%;
  }

div.rumble li.multiple input, 
div.rumble_top li.multiple input,
div.rumble li#addTagActionItem_bottom input, 
div.rumble_top li#addTagActionItem_top input {
  margin-left:3px;
  width:8em;
  vertical-align:middle;
  font-size:95%;
  }
  
div.rumble li.multiple a, 
div.rumble_top li.multiple a,
div.rumble li#addTagActionItem_bottom a, 
div.rumble_top li#addTagActionItem_top a {
  float:left;
  margin:0 0 0 3px;  
}
  
div.selectControls {background:#FFF7DE;font-size:90%;padding:1px 9px;float:left }
div.selectControls2 , div.selectControls3 {margin-left:-30px;background:#FFF7DE;padding:2px 3px;}
div.selectControls3 {margin-left:0px;}
div.rumble div.selectControls2, div.rumble div.selectControls3 {margin-top:-6px;padding:5px 3px;}
div.selectControls2 a, div.selectControls2 a:hover,
div.selectControls3 a, div.selectControls3 a:hover
 {font-size:90%;*font-size:85%;border:0;background:transparent;padding:0;margin:0;text-decoration:underline;color:#003366;}

  
  
/*----------------------------INVENTORY PAGING CONTROLS---------------------------------*/

div.rumble_top ul li.inventory_paging, div.rumble ul li.inventory_paging {
	float:right;
	font-size:95%;
	vertical-align:middle;
	margin:0 0 0 9px;
	padding-left:9px;
	margin-bottom:0;
}

li.inventory_paging input, ul.listPaging li input,
div.jumptopage input  {
	border:1px solid #555;
  width:1.5em;
	font-size:95%;
  *font-size:90%;
	text-align:center;
	font-weight:bold;
	vertical-align:middle;
	background:#FFFfff;
	padding:0 1px;
  display:inline_block;
}

div.rumble_top ul li.inventory_paging a, div.rumble ul li.inventory_paging a,
div.rumble_top ul.listPaging li a, div.rumble ul.listPaging li a {
 	/*background:#FFF7DE url(/images/ci/ng/actionsearch_button_back.gif) repeat-x;
 	border:1px solid #EDD999!important;*/
	background:#DDDDDD;
	border:1px solid #BBBBBB;
	color:#000000;
	padding:0px 0px 2px 0px;
	color:#666666;
	*position: ;
	*top:0px;
	display:inline;
}

div.rumble_top ul li.inventory_paging a:hover, div.rumble ul li.inventory_paging a:hover,
div.rumble_top ul.listPaging li a:hover, div.rumble ul.listPaging li a:hover {
 	background:#f0f0f0;
	border:1px solid #555;
}

div.rumble_top ul li.inventory_paging div,
div.rumble_top ul li.inventory_paging a,
div.rumble_top ul li.inventory_paging img,
div.rumble ul li.inventory_paging div,
div.rumble ul li.inventory_paging a,
div.rumble ul li.inventory_paging img,
div.rumble ul li.inventory_paging span {
  float:left;
  display:block;
  margin:0 0 0 3px;
  vertical-align:middle;
}

div.rumble_top ul li.inventory_paging img,
div.rumble ul li.inventory_paging img {
  margin:2px 2px 3px 2px;
}

div.rumble_top ul li.inventory_paging a img,
div.rumble ul li.inventory_paging a img {
  display:inline;
  float:none;
  margin:0;
  padding:0;
}

/*Styles for disabled buttons*/
div.rumble_top ul li.inventory_paging a.inactive, div.rumble ul li.inventory_paging a.inactive,
div.rumble_top ul.listPaging li  a.inactive, div.rumble ul.listPaging li a.inactive {
 	opacity:.4;
	filter:alpha(opacity=40);
}

div.rumble_top ul li.secondaryControl, div.rumble ul li.secondaryControl {
	float:right;
}

div.rumble_top ul li.secondaryControl a, div.rumble ul li.secondaryControl a {
	top:1px;
	position:relative;
	background:#DDD;
  border:1px solid #BBB;
	padding:1px 5px 2px 5px;
	color:#000;
}

div.rumble_top ul li.secondaryControl a:hover, div.rumble ul li.secondaryControl a:hover {
	background:#F0F0F0;
 	border:1px solid #555;
}


/* grade center specific override of BB classes */
.rumble ul li.secondary a, .rumble_top ul li.secondary a {background-color:#fff1c5;border:1px solid #d7bb66; }
.rumble ul li.primary, .rumble_top ul li.primary {float: left;  margin:2px 6px 0 0; }
.rumble ul li.secondary, .rumble_top ul li.secondary {float:right; }

/*Extra data in the Name column of the inventory table.*/
div.extraData {
	font-size:95%;
	color:#666;
	padding:3px 0 0 0;
}

div.extraData span {
	font-weight:bold;
	display:inline;
	font-size:95%;
}
div.extraData p {
	padding:0;
	margin:0;
}

table.splashTable div.extraData {font-size:100%;font-weight:normal;}








/*--------------------------------ATTACHMENT TABLE-------------------------------------------------*/

/*----------------------
	Attachment table can be used to display any 
	associated items (goals, programs, etc.) 
	which appear in the data collection page.
------------------------*/

table.attachments {
	margin:0px 0 12px 0;
	border-collapse:collapse;
	width:100%;
}

table.attachments thead tr {
	border-bottom: 2px solid #ccc;
	color:#999;
	*position:;
}

table.attachments thead tr th {
	*border-bottom: 2px solid #ccc;
	padding:4px 12px;
	font-size:85%;
	text-align:left;
}

table.attachments tbody tr {
	border-top: 1px solid #eee;
}

table.attachments tbody tr th, table.attachments tbody tr td {
	padding:4px 12px;
	text-align:left;
	font-size:85%;
}

table.attachments tbody tr th {
	color:#000;
	text-align:left;
}

table.attachments tbody tr.removeCell, table.attachments tbody tr.removeCell {
	background:#ededed;
	color:#777;
}

table.attachments tbody tr.removeCell td, table.attachments tbody tr.removeCell th {
	color:#999
}

table.attachments tbody tr.removeCell td a img {
	opacity:0.4;
	filter:alpha(opacity=40);
}

table.attachments th.smallCell, table.attachments td.smallCell {
	padding:0;
	width:1%;
	white-space:nowrap;
}


table.attachments tbody tr.inEditMode {
	border:2px solid #444!important;
	background:#ededed;
	-moz-border-radius:0;
}

table.attachments tbody tr.inEditMode td, table.attachments tbody tr.inEditMode th {
	-moz-border-radius:0;
	border-top:2px solid #444!important;
}



/*------------------------REORDERABLE TABLE--------------------------------------*/

/*	
	Used in: 
		-- Data Collection Page step ('stepItems-reorder')
		-- Organize Grade Center Page (+ 'gbColumns')
*/


table.stepItems-reorder {
	border-spacing:0px;
	*border-collapse:collapse;
	font-size:90%;
	*font-size:85%;
	margin-bottom:12px;
}

table.gbColumns {
	font-size:95%;
	*font-size:90%;
	zoom:1;
}

table.stepItems-reorder td, table.stepItems-reorder th {
	padding:5px 9px;
}

table.stepItems-reorder thead tr th {
	background:#fff;
	border-bottom:1px solid #ccc;
	color:#999;
	text-align:left;
}

table.gbColumns thead tr th, table.gbColumns thead tr td {
	border-bottom:2px solid #999;
	background:#bbb;
	color:#FFF;
}

table.gbColumns thead tr th.sorted {
	background:#999;
	border-left:1px solid #777;
	border-right:1px solid #777;
}

table.gbColumns tbody {
border-bottom:2px solid #999;


}

table.gbColumns thead tr th a, table.gbColumns thead tr td a {
color:#fff;
}


table.stepItems-reorder thead tr.lowerHeader th {
	border-bottom:2px solid #ccc;
	color:#333;
}

table.stepItems-reorder tbody tr td.shaded, 
table.stepItems-reorder thead tr th.shaded {
	background:#f6f6f6 url(images/readback.png);
	_background-image:none;
	*border-top:1px solid #ccc;
}

table.stepItems-reorder tr th.clearCell {
	border:0;
	padding:0;
}

table.stepItems-reorder tbody tr td {
	border-top:1px solid #ccc;
	*border-top:0;
	zoom:1;
	background:#fff;
}

table.stepItems-reorder thead tr th.shaded {
	*border-top:0!important;
}


table.stepItems-reorder thead tr.upperHeader th {
	*border-top:0;
}

table.stepItems-reorder tbody tr {
	*background:#ccc;
}
		  
table.stepItems-reorder tbody tr:first-child td,  
table.stepItems-reorder tbody tr:first-child th,
table.stepItems-reorder thead tr:first-child {
	border-top:0;
}
		 
table.stepItems-reorder tbody tr td.dragCell {
	padding:0px;
	border:0;
	vertical-align:top;
	text-align:right;
}

table.stepItems-reorder tbody tr td span.reorder {
	position:relative;
	background:#ededed url(images/cm_reorder_updown.gif) no-repeat center center;
	width:18px!important;
	height:20px;
	opacity:1;
	filter:alpha(opacity=100);
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	border-right:1px solid #ccc;
	cursor:move;
	display:block;
	left:auto;
	right:0;
	top:2px;

}


table.gbColumns tbody tr td span.reorder {	background:#ededed url(images/cm_reorder.gif) no-repeat center center;}
table.stepItems-reorder tbody tr.frozenbar td span.reorder {top:1px;}

table.stepItems-reorder tbody tr td input {
	vertical-align:middle;
	padding:2px 3px;
	width:95%;
}

table.stepItems-reorder tbody tr td.points input {
	width:3em;
}

table.stepItems-reorder tbody tr td.entry input[type=text] {
	width:90%;
}

table.stepItems-reorder tbody tr td.entry input[type=checkbox] {
	width:auto;
}

table.stepItems-reorder tbody tr td input[type=checkbox] {
	margin:0 4px 0 0;
}

table.gbColumns tbody tr td input[type=checkbox] {
	width:auto;
	margin:0;
}

table.gbColumns tbody tr td {padding:4px 8px;vertical-align:top;}
table.gbColumns tbody tr.frozenbar td {background:#ccc;color:#444;font-size:95%;border-top:0;padding:3px 8px 4px 8px;}
table.gbColumns tfoot tr.lastRow td {background:#999;border:0;height:2px;line-height:0;padding:0;}
table.gbColumns tbody tr.frozen td {background:#ededed;}
table.gbColumns thead tr td.checkBox, table.gbColumns tbody tr td.checkBox {padding:3px 0 1px 6px;text-align:center}

div.areaHighlight table.gbColumns thead tr td.clear,  td.clear,
div.areaHighlight table.gbColumns tbody tr.frozenbar td.dragCell, div.areaHighlight table.gbColumns tbody tr td.dragCell,
div.areaHighlight table.gbColumns tbody tr.frozen td.dragCell, div.areaHighlight table.gbColumns tfoot tr.lastRow td.clear {background:inherit;*background:#f9f9f9;}

table.gbColumns tbody tr.frozenbar td.dragCell {padding:0!important;}
table.gbColumns tbody tr.placeholder td {height:1px;padding:0;border:0;line-height:0;}
table.gbColumns tbody tr.placeholder td.clear {background:inherit;*background:#f9f9f9;}


table.gbColumns tbody tr td.dragCell, table.gbColumns thead tr td.clear {*width:4%;*position:relative;*overflow:visible;}

ul.dragableHighlight li table.gbColumns thead tr td.clear, ul.dragableHighlight li td.clear,
ul.dragableHighlight li  table.gbColumns tbody tr.frozenbar td.dragCell, ul.dragableHighlight li  table.gbColumns tbody tr td.dragCell,
ul.dragableHighlight li  table.gbColumns tbody tr.frozen td.dragCell, ul.dragableHighlight li  table.gbColumns tfoot tr.lastRow td.clear,
table.gbColumns thead tr td.clear {background:#ffffff;border:0;padding:0;}



/*---------------------------- PAGING CONTROLS  ---------------------------------------*/

/*CONTENT SYSTEM DATA TABLE*/
/*______________________________________________________________________________*/
tr.rowdrag {background:#ccc;z-index:1;}
.insertImg {
  position:relative;
  top:12px;
  z-index:20;
}
.insertImgUp {
  position:absolute;
  right:-10px;
  z-index:20;
}
table.inventory tbody tr td.smallCell, table.inventory thead tr th.smallCell {padding:3px; width:1%; white-space:nowrap;}
.clickOrder{display:none;}
table.inventory tbody tr td.clickOrder{background-color:#ddd; border-left:none;}
table.inventory tr td.endCell{background-color:#ddd!important; width:1px !important; padding:0!important;}
table.inventory tr.orderRow td.clickOrder{background-color:#ddd; text-align:center;}
table.inventory tr.orderRow td.clickOrder div{position:relative;}
.sortedplus {
  background-image: url(images/sort_on.gif);
  background-repeat:no-repeat;
  background-position:48% 2px;
}
.dragCol{background-color:#999;}
.dragHover{
  background-image: url(images/dragarrow.gif);
  background-repeat:no-repeat;
  background-position:right top;
}
.hideoff {
  position:absolute;
  top:0px;
  left:-1000px;
  width:1px;
  height:1px;
  overflow:hidden;
}
/* end of cs data table */

/* cs paging controls */
div.rumble ul li.jumptopage, 
div.rumble ul li.inventory_page.jumptopage,
div.rumble_top ul li.jumptopage, 
div.rumble_top ul li.inventory_page.jumptopage {
  background:#DDD;
  border:1px solid #555;
  padding:2px 0 1px 2px;
  *padding-top:1px;
  text-align:left;
  }
  
.hideme {display:none;}

li.jumptopage input {
  border:1px solid #555;
  font-size:95%; /* overrides class assigned on line 320 */
  }


li.jumptopage button {
  display:block;
  float:left;
  border:none;
  margin:0 0 0 6px; 
  padding:0;
  background:transparent; 
  }
  
  
  .jumptopage, div.jumptopage {
  background:#ddd;
  padding:2px 18px 2px 6px!important;
  border:1px solid #000;
  text-align:left;
  position:relative;
  margin-top:3px;
  }

div.jumptopage {
  float:right
 }  
  
  
.hideme {display:none;}
li.jumptopage input, .jumptopage input,
div.jumptopage input, div.jumptopage input
 {
  border:1px solid #555;
  padding:2px;
  }
  
  
.jumptopage input.gotopage,
div.jumptopage input.gotopage  {
  margin:0 2px;
  text-decoration:none;
  padding:1px;
  color:#fff;
	background:#888 url(images/action_button_back.gif) repeat-x top left;
	border:1px solid #566E94;
  border-bottom:1px solid #344A6C;
  border-right:1px solid #344A6C;
  font-size:100%; 
  font-weight:normal;
  width:auto;
}

div.jumptopage button,
.jumptopage button {border:none; background:transparent; padding:0; position:absolute; top:-2px; right:-3px!important; }
div.jumptopage input#currentpage_bot, div.jumptopage input#currentpage_top,
input#currentpage_bot, input#currentpage_top {width:auto;}

/* end of cs paging controls */


/*-------------------------------------PAGING CONTROLS-----------------------------------*/

.paging {
	clear:left;
	float:right;
	font-size:95%;
	text-align:right;
}

.paging span {
	padding:1px 6px 1px 0;
	border-right:1px dotted #ccc;
}

.paging input {
	width:2em;
	border:1px solid #ccc;
	font-size:100%;
	text-align:center;
	font-weight:bold;
}

.paging a {
	text-decoration:none;
	padding:0px 4px 1px 4px;
	border:1px solid #bbb;
	background:#ededed;
	/*color:#666;*/ color:#444;
}

.paging a:hover {
	text-decoration:none;
	padding:0px 4px 1px 4px;
	border:1px solid #555;
	background:#fafafa;
	color:#000;
}

  
div.rumble ul li.jumptopage a.gotopage,
div.rumble_top ul li.jumptopage a.gotopage,
div.jumptopage a.gotopage,
.paging a.gotopage {
	margin:0 0 0 6px;
	padding:1px 5px 1px 5px;
	*padding:0 5px;
	color:#000;
	background:#A1C94B url(images/gradient_black_long_bt.png) repeat-x top left;
	border:1px solid #3C4A1B;
	font-weight:normal;
	font-size:100%;
}

div.rumble ul li.jumptopage a.gotopage:hover,
div.rumble_top ul li.jumptopage a.gotopage:hover,
.paging a.gotopage:hover {
	background:#3C4A1B;
	color:#FFF;
}

.paging a.inactive, .paging a.inactive:hover {
	text-decoration:none;
	/*padding:0px 4px 1px 4px;*/
	border:1px solid #ddd;
	background:#ededed;
	background-image:none!important;
	color:#bbb;
}

.pagingprefs {
	color:#999;
	padding:3px 0px 0 0px;
	margin-top:3px;
	text-align:right;
	/*border-top:1px solid #ddd;*/
	font-size:100%;
}

.pagingprefs span {
  display: block; float: left;
}

.pagingprefs a#showAllButton{
  display: block; float: left;
}

.pagingprefs a#showAllButtonDisabled{
  display: block; float: left;
}

.pagingprefs a#openpaging{
  display: block; float: left;
}

.pagingprefs a { margin-left: 2px; }


/*.pagingprefs a, .pagingprefs a:hover {
	border:none;
}*/

.pagingprefs a.microedit {
	color:#999;
	padding:1px 4px;
	border:0;
	background:#FFF7DE;
	background-image:none;
}

.pagingprefs a.microedit:hover {
	color:#666;
	text-decoration:underline;
}

.pagingform {
	background:#FFF7DE;
	padding:4px 28px 4px 12px;
	text-align:left;
	color:#666;
	position:relative;
	line-height:160%;
}

.pagingform a.close {
	padding:0;
	border:0;
	background:none;
	position:absolute;
	right:4px;
	top:4px;
}

.pagingform div {
	padding:3px 6px 0 6px;
}

.pagingprefs span#backandforth a {
	font-weight:bold!important;
	font-size:110%;
	line-height:90%;
	padding:0px 6px 2px 6px;
}






/*--------------------------------SPLASH PAGE  TABLE-------------------------------------------------*/

table.splashTable {
	margin:3px 0 12px 0;
	border-collapse:collapse;
	width:100%;
}

table.splashTable thead tr {
	color:#999
}

table.splashTable thead tr th.sorted {
background:#ededed;
	color:#999
}

table.splashTable thead tr th {padding:6px 12px;font-size:85%;}
table.splashTable thead tr th a {color:#666;background:transparent;background-image:none;text-decoration:none;}
table.splashTable thead tr th a:hover {color:#333;background:transparent;background-image:none;text-decoration:underline;}

table.splashTable tbody tr {border-top: 1px solid #ddd;}
table.splashTable tbody tr th, table.splashTable tbody tr td {padding:2px 9px;color:#777;font-size:85%;background:#fff;}
table.splashTable tbody tr td.controls {text-align:center;}
table.splashTable tbody tr th {padding:2px 12px;color:#000;text-align:left;}


table.splashTable th.smallCell, table.splashTable td.smallCell {padding:0;width:1%;white-space:nowrap;}

.contentBlock a {display:block;background:transparent url(images/more_options.gif) no-repeat scroll 99% center;text-decoration:none;}
.contentBlock a.collapse {display:block;background:transparent url(images/less_options.gif) no-repeat scroll 99% center;text-decoration:none;}
.contentBlock a.collapse:hover, .contentBlock a.hover {text-decoration:underline;}


/* ------- CUSTOMIZE LIST PAGE (for Outcomes - REORDER / DRAG AND DROP TABLE COLUMNS ) --------------*/

table.reorderCols {
  border-collapse:collapse;
  clear:both;
  font-size:95%;
  margin:18px 0pt 9px;
  width:100%;
}

table.reorderCols thead tr th {
  border:1px solid #ccc;
  padding:0 4px;
  background:#ededed;
  text-align:left;
  cursor:move;
}

table.reorderCols thead tr th.noReorderCol {
  border:none;
  border-bottom:1px solid #ccc;
  background:transparent;
  cursor:default;
}

table.reorderCols tbody tr td, 
table.reorderCols tbody tr th {
  border-bottom:1px solid #EEEEEE;
  border-left:1px solid #DDDDDD;
  border-right:1px solid #DDDDDD;
  padding:2px 4px;
  text-align:left;
  vertical-align:top;
}

table.reorderCols tbody tr th {
  background:#EDEDED;
  border-bottom:1px solid #CCCCCC;
  color:#555555;
}

table.reorderCols thead th span.reorderToolTip {
  background:#DDDDDD url(images/cm_reorder_leftright.gif) no-repeat scroll 8px 50%;
}

table.reorderCols thead th span.firstItem {
  background:#DDDDDD url(images/cm_reorder_right.gif) no-repeat scroll 8px 50%;
}

table.reorderCols thead th span.reorder2:hover {
  background-color:#EFEFEF;
  cursor:move;
}

table.reorderCols thead tr th.axis {
  background:#EDEDED none repeat scroll 0%;
  border-bottom:1px solid #CCCCCC;
  color:#555555;
}

.ghostTd {width:auto; height:auto; padding:2px 8px; border:1px solid #000; position:absolute; font:normal 10px arial; background:#eee;}
table.reorderCols thead th.dragging {background:#ccc;}
table.reorderCols thead th.hovering {background:#666666;}
table.reorderCols thead th.hovering img {display:none;}

/* ---------------------------- END CUSTOMIZE LIST PAGE --------------------------- */
 
/* Used in Outcomes Sequence Map form page. Styles items that are in an inline attachments table and are deselected (marked for removal). */
td.removeCell, td.removeCell span a {
  color:#999; 
  text-decoration: line-through;
}

td.removeCell span a img {
  opacity:0.3;
  filter:alpha(opacity=30);
}
	
/*-----	LISTS ----------------------------------*/


/*---------------------------CONTENT AREA LISTS--------------------------------------------*/



/*Standard list. Link icons are displayed. */
/*Deprecated:*/
ul.easylist, 
/*in use:*/
ul.contentList {
	list-style-type:none;
	padding:0;
	border-bottom:0;
	margin:10px 0 0 0; 
}

/*Deprecated:*/
ul.easylist, 
/*in use:*/
ul.contentList li, .contentPageItem {
	padding:0px 0 9px 0px;
	margin:0 0 3px 0;
	/*clear:both;
	overflow:hidden;
  	border-top:2px solid #eee;
	border-left:2px solid #eee;*/
	position:relative;
}

.contentListRight {
    position:absolute;
    right:6px;
    left:auto;
}

.pagedContentListRight {
    top: 4px;
}

/*---------
	contentListPlain style does not show list item icons. 
	buildList is used in designer pages and is essentially 
	identical to iconless list in content area. Rename?
----------*/


/*Deprecated:*/
ul.noimg, 
/*In use:*/
ul.buildList, ul.contentListPlain, ul.announcementList {
	list-style-type:none;
	padding:0;
	border-bottom:0;
	margin:10px 0 0 0px;
}

/*Deprecated:*/
ul.noimg li, 
/*In use:*/
ul.buildList li, ul.contentListPlain li, ul.announcementList li  {
	padding:0px 0 9px 0px;
	clear:both;
	/*overflow:hidden;*/
  margin:0 0 3px 0;
	background:#FFF;
	position:relative;

}

/*Deprecated:*/
ul.noimg li div.item_icon, 
/*In use:*/
ul.contentListPlain li div.item_icon {
	display:none;
}

ul.noimg li h3.item, ul.buildList li h3.item, ul.contentListPlain li h3.item, ul.contentList li h3.item,
ul.announcementList li h3.item, div.staticHeader h3.item, div.staticFooter h3.item {
	font-size:110%;
	margin:0 0 0 18px;
	padding:6px 6px 6px 20px;
	border-top:2px solid #aaa;
	border-left:2px solid #aaa;
}

ul.contentList li.read h3.item   {
	border:0;
}

ul.buildList li input { /* this class targets the checkboxes on a canvas page */
  float:left; 
  margin:8px 8px 8px 26px;
}

ul.buildList li input.browse, 
ul.buildList li input.genericButton,
ul.buildList li input[type=button] { /* this class targets the "browse buttons" on a canvas page */
  margin:0 0 6px;
}

/*Styles for items that are inside of the list item*/

/*Deprecated:*/
ul.easylist li h3.item, 
/*In use:*/
ul.contentList li h3.item  {
	padding:6px 6px 6px 75px;
}

/* div that contains item icon */
ul.easylist li div.item_icon, ul.contentList li div.item_icon {
	position:absolute;
	left:12px;	
	margin:0 8px 0 18px;
}

ul.easylist li div.item_icon a, ul.contentList li div.item_icon a  {
	margin:0;
	padding:0;
}

/* Overrides for icons-only (WebCT Vista style) content page */

ul.iconsOnly {
	width:80%;
	margin:0 auto;
}



ul.iconsOnly li div.item_icon, ul.iconsOnly li.read div.item_icon {
	position:relative!important;
	text-align:center!important;
	display:block!important;
}

ul.iconsOnly li.read div.item_icon {
	border:0;
}

ul.iconsOnly li {
	text-align:center;
	float:left !important;
	width:49%;
	margin-right:6px;
	
	
}

ul.iconsOnly li:hover div.item_icon, ul.iconsOnly li:hover h3 {
	background:#ededed;
}

ul.iconsOnly li.read:hover div.item_icon, ul.iconsOnly li.read:hover h3 {
	background:transparent;
}

ul.iconsOnly li h3.item {
	padding:6px;
	border:0;
	border-left:2px solid #aaa;
	margin:0 0px 0 18px

}

ul.iconsOnly li.read h3.item {
	padding:6px!important;
}

ul.iconsOnly li div.item_icon {
	margin:0 0 0 18px;
	left:auto;
	border-top:2px solid #aaa;
	border-left:2px solid #aaa;
	}



/* div containing user generated content. */
.details  {
	padding:0;
	color:#444;
	font-weight:normal;
	border-left:2px solid #aaa;
	padding-left:20px
}

div.details p {
	padding:3px 6px 6px 0;
	margin:0;
	font-size:95%;
}

.container p, .container p.important {
	padding:6px 12px 6px 12px;
	margin:0;
	font-size:95%;
}

.container p.centered {
	text-align:center;
}

.details p span.note  {
	font-weight:bold;
}

.details p.important   {
	font-weight:bold;
	font-size:90%;	
	padding:0;
	margin:3px 0 9px 0; 
}

.details p.important span {
	font-weight:normal;
	color:#888;
}

.details p span.note {
	font-weight:bold;
}


div.announcementInfo, p.itemDetails, div.itemDetails {
	position:absolute;
	right:0;
	top:0;
	width:13em;
	border-left:1px dotted #ccc;
	padding-left:12px;
	padding-top:4px;
	bottom:12px;
	background:#fff;
}

p.itemDetails, div.itemDetails, .buildList div.announcementInfo {
	top:2px;
	padding:4px;
}


div.announcementInfo p, p.itemDetails p, div.itemDetails p  {
	margin:0;
	padding:2px 0 0 0;
	font-size:90%;
}

div.announcementInfo p span, p.itemDetails span, div.itemDetails span {
	color:#999;
}

div.announcementInfo p {font-size:100%;}

div.announcementInfo p span, div.announcementInfo  span, p.itemDetails span, div.itemDetails span {
	color:#999;
}
p.itemDetails, div.itemDetails {font-size:90%;}
p.itemDetails span, div.itemDetails span {font-size:95%;}
div.announcementInfo p span span, div.announcementInfo  span span {font-size:95%!important;}


div.noItems {color:#555;font-size:95%;padding:6px 18px;text-align:center;}

div.details div.announcementInfo {
	position:absolute;
	right:0;
	top:2px;
	width:15.5em;
	border-left:1px dotted #ccc;
	padding-left:12px;
	padding-top:4px;
	bottom:12px;
	background:#fff;
}

div.details div.announcementInfo p {
	margin:0;
	padding:2px 0 0 0;
	font-size:90%;
}

div.details div.announcementInfo p span {
	color:#999;
}



/* list that contains item attachments. */
.details p.attachments, .details ul.attachments, p.attachments, ul.attachments {
	font-weight:normal;
	font-size:95%;
	padding:0px;
	margin:3px 0 0 0;
	width:98%;
}

.details ul.attachments, ul.attachments  {
	list-style-type:none;
	margin:3px 0 9px 0; 
}

.container ul.attachments {
	padding:0;
	font-size:90%;
}

.details ul.attachments li, ul.attachments li, ul.attachments li.read {
	clear:none;
	float:left;
	border:none;
	padding:0;
	margin:0 6px 0 0;
}

.details p.attachments span, .details ul.attachments li.label, p.attachments span, ul.attachments li.label,
.details ul.attachments li.read {
	color:#888;
	padding:2px 0 2px 0px;
	margin:0 6px 0 0;
}

.details p.attachments span, .details ul.attachments li.label span, p.attachments span, ul.attachments li.label span {
	display:block;
	padding:2px 0 2px 0px;
}

.details p.attachments a, .details ul.attachments li a, p.attachments a, ul.attachments li a {
	padding:2px 0 2px 0px;
}

ul.attachments li a.removeTag {
	padding:2px 9px 2px 0;
}

ul.attachments li.addTag {white-space:nowrap;}

ul.attachments li.addTag span {
	display:inline;
}
ul.attachments li.addTag a.browse {
	padding:0 6px 2px;
  font-weight:normal;
  white-space:nowrap;
}
ul.attachments li.addTag span.addTagField {
	padding:6px;
  background:#eee;
  float:none;
  width:auto;
}
ul.attachments li.addTag span.addTagField input {
	float:none;
  margin:0;
  vertical-align:middle;
}

.details p.attachments a, .details ul.attachments li a span, p.attachments a, ul.attachments li a span {
	padding-left:3px;
	text-decoration:none;
}

/*Shifting details div more to the right as there is no icon.*/
ul.noimg li div.details, ul.buildList li div.details, ul.contentListPlain li div.details,
div.staticHeader div.details, div.staticFooter div.details {
	margin-left:18px;
}



ul.announcementList li div.details, ul#announcementList li div.details {
	margin:0 13em 0 18px;
	padding:0 0 0 20px;
	overflow-x:auto;
	*overflow:hidden;
	*overflow-y:visible;
	_height:1%;
	_overflow:scroll;
	_width:70%;
	
}





/*================ GRADEBOOK "ORGANIZE COLUMNS" PAGE ==============================================*/

div.staticFooter div.details {
	margin-left:18px;
}

div.staticHeader {margin:10px 0 0  0}
div.staticFooter div.details { border-bottom:1px solid #ddd!important;*padding-bottom:12px;
}

.gbColumns_rumble, .gbColumns_rumble_bottom {margin-left:60px!important;border:1px solid #ddd!important;border-bottom:0!important}
.gbColumns_rumble_bottom {border:1px solid #ddd!important;border-top:0!important}
ul.announcementList li div.details {
	margin:0 0 0 18px;
	padding:0 16em 0 20px;
	overflow-y:auto;
	
}

.staticHeader, .staticFooter {clear:both;position:relative;zoom:1}
.staticHeader div.itemHeaderControl, .staticFooter div.itemHeaderControl, ul.gbCategories li div.itemHeaderControl {right:0;zoom:1}

.staticHeader div.itemHeaderControl, .staticFooter div.itemHeaderControl, ul.gbCategories li div.itemHeaderControl {right:0;zoom:1}



.staticHeader div.itemHeaderControl a, .staticFooter div.itemHeaderControl a, ul.gbCategories li div.itemHeaderControl a {display:inline-block} 


/*safari only hack to remove gap at the bottom of the tabs. */

/*\*/
html*.staticHeader div.itemHeaderControl, html*.staticFooter div.itemHeaderControl, html*ul.gbCategories li div.itemHeaderControl  {
top:5px;

}
/**/

ul.dragableHighlight {background:#fff;border-top:1px dashed #999;border-bottom:1px dashed #999;padding:12px 12px 3px 12px; margin:12px -12px 12px -12px}

ul.gbCategories li h3.item, div.staticHeader h3.item, div.staticFooter h3.item  {padding-left:9px}
ul.gbCategories li h3.item a.toggleLink, div.staticHeader h3.item a.toggleLink, div.staticFooter h3.item a.toggleLink  {margin-right:6px;margin-top:-2px}

div.areaHighlight div.container, div.areaHighlight div.bottomRound b {background:#f9f9f9}

ul.dragableHighlight li h3.item, .dragableHighlight div.details {border-color:#999;}




/* Extra text beside/below main title in a caret list page */
.caretTitleModifier {
    padding:1px 0 0 3px;
    color:#444;
    font-weight:normal;
	font-size:90%;
}

div.landingPageColumn ul li h3.hiddenLink .linkStatus {
   margin:0;
   font-size:85%;
   font-weight:normal;
   display:block;
   padding:0.4em 0 0 0;
}

.caretTitleModifier a.browse, div.landingPageColumn ul li h3.hiddenLink a.browse {
	white-space:nowrap;	
	font-size:92%;
	 color:#444;
	 padding:0px 6px 1px 6px;
}

.caretTitleModifier a.browse:hover, div.landingPageColumn ul li h3.hiddenLink a.browse:hover {
	text-decoration:none;
}



/*List item styles for Read mode*/
/*Deprecated:*/
ul.easylist li.read, ul.noimg li.read, 
/*In use:*/
ul.buildList li.read, ul.contentList li.read, ul.contentListPlain li.read, div.read  {
	border:0;
	margin:0 0 9px 0;
}

/*Deprecated:*/
ul.noimg li.read h3.item, ul.noimg li.read h3, 
/*In use:*/
ul.buildList li.read h3, ul.contentListPlain li.read h3.item, ul.contentListPlain li.read h3,
ul.announcementList li.read h3.item, ul.announcementList-read li h3.item  {
	font-size:110%;
	font-weight:bold;
	margin:0 0 0 0px;
	padding:6px 6px 6px 6px;
	border:0;
}

ul.announcementList li.read h3,
ul.announcementList li h3.item,
ul.announcementList-read li h3.item,
ul#announcementList li h3.item { 
	padding:6px 13em 6px 6px;
	overflow-x:hidden;
	word-break: normal;
	word-wrap: break-word;
}

/*Deprecated:*/
ul.easylist li.read h3.item, ul.easylist li.read h3,
/*In use:*/
ul.contentList li.read h3.item, ul.contentList li.read h3 {
	padding:6px 6px 6px 58px;
}

/*Deprecated:*/
ul.easylist li.read div.item_icon, 
/*In use:*/
ul.contentList li.read div.item_icon {
	position:absolute;
	left:0px;
	top:0px;
	margin:0 8px 0 12px;
}

/*Deprecated:*/
ul.noimg li.read  div.details, 
/*In use:*/
ul.buildList li.read  div.details, ul.contentListPlain li.read  div.details, ul.announcementList li.read  div.details,
ul.announcementList-read li  div.details {
	margin-left:6px;
	border:0;
	padding-left:0;
}

/*Deprecated:*/
ul.easylist li.read h3.item:hover, ul.noimg li.read h3.item:hover, 
/*In use:*/
ul.buildList li.read h3.item:hover, ul.contentList li.read h3.item:hover, ul.contentListPlain li.read h3.item:hover,
ul.announcementList li.read h3.item:hover  {
	background:transparent;
	cursor:default;
}

ul.contentList li.read  div.details {
	margin-left:75px;
	border:0;
	padding-left:0;
}

ul.contentList li  div.details {
	margin-left:18px;
	padding-left:72px;
}
 


/*-------------------------------SUBLISTS------------------------------------*/

/*----------------
	ul.subList is used if ul.buildList and ul.contentListPlain contain nested lists. 
	Nested lists can be made reorderable.
---------------*/

ul.subList, ul.subList-reorder {
	list-style:none; 
	margin:0px 0 6px 24px; 
	padding:0; 
	/*border:1px solid #ddd; 
	border-bottom:none;*/ 
	background:#fff;
}

ul.subList-reorder {

}

ul.subList li {
	margin: 0 0 0px;
	padding:3px 3px 3px 23px;
	border:none;
}

ul.buildList ul.detailList, ul.subList-reorder li {
	margin:0;
	padding:3px 3px 3px 23px;
}

ul.subList-reorder li {cursor:move;}

/*ul.subList li:hover {background:#fefae9;}*/
ul.subList li a img, ul.subList-reorder li a img {
	vertical-align:middle;
}

/*ul.subList li a.cmimg {
	opacity:0.4;
}

ul.subList li a.cmimg:hover {
	opacity:1;
}*/

ul.subList li p, ul.subList-reorder li p {
	padding:0; 
	margin:3px 6px 3px 24px; 
	font-size:90%; 
	color:#444; 
	display:none;
}

ul.subList li p span, ul.buildList ul.detailList li ul.subList li p span,
ul.subList-reorder li p span {
	font-weight:bold;
  display:inline;
  float:none;
}

ul.buildList ul.subList-reorder li span.reorder {
	position:absolute;
	left:0px;
	top:3px;
	background:#ededed url(images/cm_reorder_updown.gif) no-repeat center center;
	width:16px!important;
	height:18px;
	opacity:1;
	filter:alpha(opacity=100);
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
		border-right:1px solid #ccc;
		cursor:move;
}

ul.subList-reorder li:hover span.reorder {
	opacity:1
}

ul.subList-reorder p.itemDetails, ul.subList-reorder li div.itemDetails, ul.subList-reorder div.details, ul.subList div.details {display:none;}

p.itemDetails + div.details, div.itemDetails + div.details {margin-right:14em;overflow:visible;}

/* subListArtifact is only used for artifact list on OPT canvas page */
ul.detailList ul.subListArtifact, 
ul.detailList ul.subListArtifact li, 
ul.detailList ul.subListArtifact li a {zoom:1;}
/* end subListArtifact */

/*h3.item div.itemDetails, h3.item p.itemDetails, p.itemDetails {
	position:absolute;
	top:0;
	right:0;
	width:20em;
	font-size:90%;
	font-weight:normal;
	color:#666;
	padding:0;
	margin:1px 3px;
}

h3.item div.itemDetails span, h3.item p.itemDetails span, p.itemDetails span {
	font-weight:bold;
}*/

ul.buildList ul.detailList {
	list-style:none;
	margin:0 0 0.6em 0.7em;
	padding:0;
  *zoom:1;
}

ul.buildList ul.detailList ul.subList { /* no need to indent sublists (of attached files/objectives) in a canvas page */
	margin:0 0 6px 0;
}

ul.buildList ul.detailList li {
	border:none;
	margin:0 0 0.2em 0;
	padding:0 0 0.2em 0;
}

ul.buildList ul.detailList li span {
	float:left;
	width:20%;
	font-weight:bold;
	display:block;
}

ul.buildList ul li div {
	float:left;
	padding:0 0 0 0.3em;
	width:79%;
	display:block;
}


ul.buildList li.pageBreak h3.item, ul.buildList li.sectionBreak h3.item {
  background-image:url(images/readback.png);
  color:#777;
  border-top:2px dotted #ccc;
}
/*
ul.buildList li.pageBreak div {
  float:left;
  margin:6px 0 0 -2px;
  padding:6px 10px;
  background:#eee;
}
*/


/* corrects formatting issue with contextual menu in canvas pages: buildList, noimg list */
ul.buildList ul li div.contextMenuContainer,
ul.noimg li div.contextMenuContainer {
  display:inline;
  float:none;
  width:auto;
  }
  
  
ul.buildList li.pageBreak div h3 {
  float:left;
  margin:0 0 0 8px;
  padding:0;
  font-weight:normal;
}
ul.buildList li.pageBreak div input {
  margin:0;
  padding:0;
}

div.itemHeaderControl {
	position:absolute;
	right:13em;
	top:8px;
}

div.itemHeaderControl a {
	background:#ededed url(images/button3_back.gif) repeat-x;
	border:1px solid #ccc;
	border-bottom:1px solid #aaa;
	border-right:1px solid #aaa;
	padding:1px 3px 2px 3px;
}

div.itemHeaderControl a:hover {
	
}

div.itemHeaderControl a img {
	margin:0;padding:0;
}



h3 span.reorder {
	top:2px;
	left:-2px;
	position:absolute;
	background:#ededed url(images/cm_reorder_updown.gif) no-repeat center center;
	width:20px;
	height:20px;
	opacity:1;filter:alpha(opacity=100);
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	height:28px;
	width:20px;
}

ul.iconsOnly li  h3.item  span.reorder {	
		background-image:url(images/cm_reorder.gif);
		background-repeat: no-repeat;
		background-position: center center;
		top:8px;
}



/*Undimming contextual menu link on hover. May need to make this JS driven.*/
/*Deprecated:*/
ul.easylist li h3.item:hover span.reorder, ul.easylist li h3.item:hover a.cmimg, 
ul.noimg li h3.item:hover span.reorder, ul.noimg li h3.item:hover a.cmimg,
/*In use:*/
ul.buildList li h3.item:hover span.reorder, ul.contentList li h3.item:hover span.reorder, 
ul.contentListPlain li h3.item:hover a.cmimg, ul.contentListPlain li h3.item:hover span.reorder, 
ul.contentListPlain li h3.item:hover a.cmimg, .contentPageItem h3.item:hover a.cmimg,
.contentPageItem h3.item a.cmimg:hover, ul.iconsOnly li:hover h3.item span.reorder,
ul.announcementList li h3.item:hover span.reorder {
	opacity:1;
	filter:alpha(opacity=100);
	cursor:move;
}

/*Deprecated:*/
ul.easylist li h3.item:hover, ul.noimg li h3.item:hover, 
/*In use:*/
ul.buildList li h3.item:hover,
ul.contentList li h3.item:hover, ul.contentListPlain li h3.item:hover,
ul.announcementList li h3.item:hover {
	background:#efefef;
	cursor:move;
}


/*---MULTIPLE GROUP ASSIGNMENT---*/

div.multiAssign {margin:3px 0 9px 0;}

div.multiAssign ul {list-style:none;border:0;padding:0;margin:0;}
div.multiAssign ul li, div.multiAssign ul li.read {
	line-height:1.3em;
	text-align:center;
	width:13em;
	background:#f6f6f6;
	clear:none;
	float:left;
	margin:0 9px 0 0;
	-moz-border-radius:3px;
	border:0;
	padding:1px 6px 6px 6px;
	font-size:90%;
}

div.multiAssign ul li a, div.multiAssign ul li a {
	font-weight:bold;
	*font-size:95%;
	font-size:100%;
}

div.multiAssign ul li p {
	padding:1px 0 2px 0;
}
div.multiAssign ul li.label {
	line-height:1.1em;
	border:0;
	color:#888;
	background:transparent;
	font-weight:normal;
	padding:0;width:12em;
	white-space:normal;
	text-align:left;
	*font-size:95%;
}

div.multiAssign ul li p span {
	color:#888;
}

div.multiAssign a.buttonMicro, h3 a.buttonMicro {
	padding:0px 5px;
	background:#ededed url(images/button3_back.gif) repeat-x scroll 0%;
	 font-size:90%;/**/
	text-decoration:none;
	border:1px solid #ccc;
	color:#666;
	margin:1px auto 12px auto;
	white-space:nowrap;
}


div.multiAssign a.buttonMicro:hover, h3 a.buttonMicro:hover {
	background:#fff;
	border:1px solid #aaa;
	color:#333;
}

div.multiAssign a.simpleLink {
	font-weight:normal;
	color:#666;
	display:block;
}

h3 span.status a.buttonMicro { 
	font-size:90%;
	font-weight:normal;
	margin-left:6px;
}

h3 span.status, h3 div.status {
	font-weight:normal;
	font-size:80%;
	margin-left:6px;
	background:#f3f3f3;
	padding:3px 6px;
}

h3 span.status span, h3 div.status span {
	color:#888;
}

h3 div.status {display:inline;}





/*------------------------------------------SPLASH PAGE------------------------------------------------------*/

.contentBlock {
	padding:0.6em 1.4em 1em 1.4em;
	margin:0 1em 0.6em 1em;
	border:1px solid #ddd;
}

.contentBlock h3 {
	font-size:110%;
	margin:0 0 1em 0;
	padding:0.4em;
	border-bottom:1px solid #ddd;
}

.contentBlock ul {
	margin:0 0 0 0;
	padding:0 0 0 1.2em;
	list-style-type:none;
}

.contentBlock ul.threeCol {
	float:left;
	width:30%;
}

.contentBlock ul.threeCol li {
	background:transparent url(images/list_bullet.gif) no-repeat 9px 4px;
	font-weight:bold;
	font-size:90%;
	margin:0px;
	padding:0px 0px 6px 22px;
	float:none;
}

.contentBlock ul.threeCol li a {
	background-image:none;
}

.contentBlock ul.threeCol li a:hover {
	text-decoration:underline;
}

.contentBlock h3 input, .contentBlock h3 select, .contentBlock input, .contentBlock select  {font-size:90%;font-weight:normal;border:1px solid #999;margin-left:6px;padding:1px 2px;vertical-align:middle;}

.contentBlock ol li input[type="checkbox"] {margin-right:6px;vertical-align:middle;}

.contentBlock h3 a.browse, .contentBlock a.browse, .contentBlock input.browse {
	background:#ededed url(images/button3_back.gif) repeat-x;
	border:1px solid #ccc;
	border-bottom:1px solid #aaa;
	border-right:1px solid #aaa;
	padding:1px 3px 2px 3px;
	text-decoration:none;
	font-size:90%;
	font-weight:normal;
	display:inline;
}

/*fieldset.stepcontent ol li a.browse {
	border:1px solid #555; 
	background:white;
}*/




/*---------------------------------LANDING PAGE--------------------------------*/

div.landingListWrapper {
	text-align:center;
	margin:1.6em 0 0 0;
}

/*2 column setup*/
div.landingListWrapper ul.landingList, div.landingListWrapper ul.landingList-2cols {
	width:90%;
	margin:0 auto;
	list-style:none;
	padding:0;
}

div.landingListWrapper ul.landingList li {
	margin:0 0 1.6em 0em;
	width:50%;
	text-align:left;
}

div.landingListWrapper ul.landingList-2cols li {
	float:left;
	margin:0 3em 1.6em 0em;
	width:45%;
	text-align:left;
}

div.landingListWrapper ul.landingList li.restart {
	margin-top:-13.6em;
}

div.landingListWrapper ul.landingList li a, div.landingListWrapper ul.landingList-2cols li a {
	text-decoration:none;
}

div.landingListWrapper ul.landingList li a:hover, div.landingListWrapper ul.landingList-2cols li a:hover {
	text-decoration:underline;
}

div.landingListWrapper ul.landingList li p, div.landingListWrapper ul.landingList-2cols li p {
	padding:0.4em 0.6em 0 1.4em;
	margin:0;
	border-top:1px solid #ddd;
}

div.landingListWrapper ul.landingList li  ul {
	list-style-type:square;
	margin:0em 0.4em 0.4em 0.8em;
}

div.landingListWrapper ul.landingList li ul li {
	clear:left;
	padding:0;
	margin:0;
	color:#000;
}

div.landingListWrapper ul.landingList-2cols li ul li {
	float:none;
	padding:0;
	margin:0;
	color:#000;
}

div.landingListWrapper ul.landingList li h3, div.landingListWrapper ul.landingList-2cols h3 {
	margin:0;
	padding:0.4em 1.2em;
	font-size:110%;
	background:transparent url(images/list_bullet.gif) no-repeat  0.1em 0.7em;
}

/* landing Page list column. */

.containerLanding, div.landing div.container, body.landingBody div.container	{
	min-height:400px;
	padding:10px 0 12px 0;
	margin:0;
	background:#FAFAFA;
}

div.landingPageColumn {
	margin:1.2em 0;
	list-style:none;
	padding:0;
}

div.landingPageColumn {
	float:left;
}

div.oneCol {

}

div.twoCol {
	margin:1.2em 0;
	width:49%;
}

div.threeCol {
	margin:1.2em 0;
	width:32.5%;
}

div.landingPageColumn ul {list-style:none;margin:0 0 0 2em;padding:0;}

div.landingPageColumn ul.outcomesLanding {padding:0 0 .4em 0;}

div.landingPageColumn ul li {
	margin:0 0 1.6em 0em;
	text-align:left;
}

div.landingPageColumn ul li a {
	text-decoration:none;
	color:#3B4A1B;
}

div.landingPageColumn ul.outcomesLanding li h3, div.landingPageColumn ul.outcomesLanding li a {
	background-image:none;
	padding:0.4em 0;
	font-size:115%;
	border:0;
	border-bottom:1px solid #ddd;
	
}


div.landingPageColumn ul.outcomesLanding li a {
	font-weight:bold;
	font-size:100%;
	border:0;
}

div.landingPageColumn ul li a:hover {
	text-decoration:underline;
}

div.landingPageColumn ul li h3 {
	margin:0;
	padding:0.4em 1.2em;
	font-size:110%;
	background:transparent url(images/list_bullet.gif) no-repeat  0.25em 0.7em;
	border-left:1px dotted #ABD64E;
	border-top:1px dotted #ABD64E;
}

div.landingPageColumn ul li  ul {
	list-style-type:square;
	margin:0em 0.4em 0.4em 0.8em;
	padding:0 0 0 2.5em;
}

div.landingPageColumn ul li  ul li {
	color:#999!important;
}

div.landingPageColumn ul li  ul li.more {
padding-top:3px;
	list-style-type:none;
}

div.landingPageColumn ul li  ul li.more a {
padding:0 9px 0 0;
color:#666;
background:transparent url(images/list_bullet_single.gif) no-repeat  right 4px;
}



div.landingPageColumn ul li p {
	padding:0.4em 0.6em 0 1.4em;
	margin:0;
	color:#666;
}

div.landingPageColumn ul li ul li {
	float:none;
	padding:0;
	margin:0;
	color:#666;
}

#contentPaneWide div.gray b, #contentPane div.gray b  {background:#ededed;}

/*--- Outcomes styles ---*/
.subhead_text {
	color:#333333;
	font-size:90%;
	padding:0pt 0pt 2px;
}

.list_text {
	color:#666666;
	font-size:85%;
	font-weight:normal;
	padding:0pt 2px 2px 1.3em;
}

div.landingPageColumn ul.outcomesLanding li .list_text a {
	background-image:none;
	font-weight:normal;
	margin-left:3px;
	padding:0pt;
}


  
/* os landing pages, cs splash pages */

div.datalistScroll {
  margin:0.4em 0 0.4em 1.4em;
  border:1px solid #ddd;
  background-color:white;
  height:360px;
  overflow:auto;
}
div.datalist {
  margin:0.4em 0 0.4em 1.4em;
  border:1px solid #ddd;
  background-color:white;
}
div.landingPageColumn ul li ul.datalistScroll {
  margin:0.4em 0 0.4em 1.4em;
  border:1px solid #ddd;
  border-top:none;
  padding:0;
  background-color:white;
  height:250px;
  overflow:auto;
  list-style:none;
}

div.landingPageColumn ul li ul.datalistScroll li {
  padding:2px;
  background-color:white; 
  border-top:1px solid #ddd;
}
div.landingPageColumn ul li ul.datalistScroll li:hover {
  background-color:#ffffcc; 
}
div.datalist table thead tr th,
div.datalistScroll table thead tr th {
  background-color:#aaa;
  color:#fff;
}

div.datalist table td.overdue {
  background:url(images/stage_deadline4.gif) left center no-repeat;
  color:red;
  font-weight:bold;
  padding:1px 0pt 1px 20px;
}


.emptylist {
  margin:6px 0 0 1.4em;
  background-color:white;
  border:1px solid #ddd;
  padding:12px;
}
div.landingPageColumn ul li ul.subcaret {
  margin:0.4em 0em 0.4em 1.4em;
  padding:0;
  list-style-type:none;
  border:1px solid #ddd;
  border-top:none;
}
div.landingPageColumn ul li ul.subcaret li {
  margin:0;
  padding:2px 1px 2px 2px;
  list-style-type:none;
  background:white; 
  border-top:1px solid #ddd;
  font-weight:normal;
}
div.landingPageColumn ul li ul.subcaret li.complete {
  padding:2px 1px 2px 20px;
	background:white url(images/workflow_detail_complete2.gif) 2px 2px no-repeat;
}
div.landingPageColumn ul li ul.subcaret li.inprogress {
  padding:2px 1px 2px 20px;
	background:white url(images/workflow_detail_active.gif) 2px 2px no-repeat;
}
.iconLegendLabel {
  margin:1px 0 1px 1.6em;
  font-size:95%;
}
div.landingPageColumn ul li ul.subcaret li a,
div.landingPageColumn ul li ul.datalist li a,
div.landingPageColumn ul li div a,
div.landingPageColumn ul li table a,
div.landingPageColumn ul li p a {
  text-decoration:underline;
}
  
/*---------------------------------------------DESIGN AREA------------------------------------------------------*/

/*------------------
	
--------------------*/

div.designAreaHeader, div.designAreaFooter {
	border:1px solid #eee;	
	margin:0.6em 0 0.6em 1.6em;
}

div.designAreaHeader h3, div.designAreaFooter h3 {
	margin:0 0 0 0;
	padding:0.4em 0 0.4em 0.8em;	
	color:#666;
}

/*---------------------------------------------SEQUENCE MAP-----------------------------------------------------*/
.sequenceMapHead {
  margin:6px 0;
}
.sequenceMapHead h3 {
  margin:12px 0 6px;
}
.sequenceMapHead p {
  margin:0 0 6px;
  padding:0;
  color:#666666;
  font-size:95%;
}
div.sequenceMapHead div.actionBar {
border:none;
background:#FFF7DE;
}

/*----------------------------------------GENERAL LIST --------------------------------------------------------*/
/* used in Learning Objects catalog */
ul.metaDataList {
  margin:0;
  padding:0;
  list-style:none;
}
ul.metaDataList li {
  margin:0;
  padding:0;
  clear:both;
  position:relative;
	border-top:1px dotted #ccc;
}

ul.metaDataList li:first-child {border-top:0;}


ul.metaDataList li h3 {display:inline; margin:0;}
		
/*-----	DATA COLLECTION ------------------------*/
/* ----------------

	Styles contained in this document are primarily used in styling 
	Data Collection Page elements and user input elements that appear 
	dynamically on the page. Common ui elements such as page headers, 
	breadcrumbs etc., are specified in content.css

----------------*/



/*----------------------------DATA COLLECTION PAGE STEPS------------------------------------*/

/*Ensures correct text sizing in IE*/
input {*font-size:100%;vertical-align:middle;}

/*Additional Info above CS inventory table*/
.additional {padding:2px 3px 3px 3px;margin:0 0 6px 0;zoom:1;*height:1%;}
.additional .left {float:left;}
.additional .right {float:right;padding:2px 3px;color:#777;}
.additional .right span.size {font-weight:bold;color:#000;}
.additional .left span.suboption {padding-left:18px;display:block}


.vtbe_footer {background-color:#eee;font-size:90%;*font-size:70%;color:#666;padding:2px 0 2px 9px;border:1px solid #ccc;border-top:0;}
.vtbe_footer span {font-size:100%;}
.vtbe_footer input[type=button] {font-size:95%;}

/* Step Title */
div.steptitle, h3.steptitle {
  position:relative;
  margin:9px 0 0 0;
  padding:4px 4px 5px 28px; 
  font-size: 110%;
  letter-spacing:2px;
  text-transform:uppercase;
  font-weight:bold;
  color: #000; 
  line-height:1;
  border-bottom:2px solid #555;
}

/* Span within steptitle to display step number */
div.steptitle span,  h3.steptitle span {
    position:absolute;
	top:0;
 	*top:1px;
  	left:0;
	margin:0 8px 0 0px;
	_margin:0 0 0 -26px;
	padding:0px 9px 5px 3px; 
	*padding:0px 9px 4px 3px; 
  	font-weight:normal;
  	color:#aaa;
	line-height:100%;
	  font-size: 140%;
}  

/*Step title in case if there's  no step number.*/
h3.noNumber {
	padding:4px 16px 5px 16px;
}



/*---------------------------STEP CONTENT--------------------------------------*/

/* Fieldset groups related controls within a step */
fieldset.stepcontent, div.stepcontent {
	padding:0; 
	margin:0; 
	border:none;
}

/* Nested fieldset */
fieldset.stepcontent fieldset {
	border:none; 
	margin:0; 
	padding:0;
}

/* hiding fieldset legend */
fieldset.stepcontent legend {
	visibility:hidden;
	line-height:0;
	height:0px;
}

/* helptext following step header. */
.stepHelp, fieldset.stepcontent ol li.stepHelp {  
	color:#617D21;
  line-height:135%;
  margin:0 0 0 34px;
  padding:4px 0;
  border-left:0;
  border-right:0;
}

.stepHelp {margin:0;}

/* Lists and nested lists */
fieldset.stepcontent ol, fieldset.stepcontent fieldset ol, div.contentBlock ol {
	list-style:none; 
	padding:0; 
	margin:0;
}
	
/* Spacing list elements and giving the bottom border */
fieldset.stepcontent ol li {
	*height:1%;
	/*position:relative;*/
  margin-left:34px;
	border-top:1px dotted #ccc;
}

fieldset.stepcontent ol li:first-child {border-top:0;}

/*recovering from issue caused by the floated 'columns'*/
fieldset.stepcontent ol li:after, div.contentBlock ol li:after {
	content: ".";
	display: block;
	height:0;
	clear: both;
	visibility: hidden;
	_height:1%;
	_background:red;
}

/* Removing border from the nected lists */
fieldset.stepcontent ul.nestedList, fieldset.stepcontent ol.nestedList  {
	border:0;
	list-style:none;
	padding:0;
	margin:0;
}
fieldset.stepcontent ul.nestedList li, fieldset.stepcontent ol.nestedList li {
	border:0;
	padding:1px 0;
	margin:0;
	/*position:relative;*/
}
fieldset.stepcontent ul.nestedList li input, fieldset.stepcontent ol.nestedList li input {
  vertical-align:middle;
}



/* used to reduce font size in a nested list */
ul.nestedListSmall li, ol.nestedListSmall li {font-size:90%;}

/* used to indent a nested list - needed for a list of child form elements */
fieldset.stepcontent ul.nestedSubList, fieldset.stepcontent ol.nestedSubList, div.nestedSubList {margin:6px 6px 6px 30px;}

/*Lite step content. Used when step content contains no fieldset element.*/
div.stepLite {
	padding:6px 16px 12px 16px;
}


.nestedList li div.label {position:static;float:left;font-weight:normal;}

/*Step containing columns*/

div.columnStep div.column-3 {
	min-height:200px;
}

div.columnStep div h3 {
	margin:6px;
}

div.columnStep div div {
	padding:6px;
}



/*----------------------HELP TEXT---------------------------------------------*/

/* Inline help next to user input elements. */
fieldset ol li span, fieldset ol li ol li span, .contentBlock ol li span {  
  color:#666666;
  font-size:90%;
  *font-size:85%;
  padding:0 4px 4px 0;
  border-bottom:none;
  display:block;
}

/* Style to be used in case text next to input is not an inline help. */
fieldset ol li span.nonHelp, fieldset ol li ol li span.nonHelp {
	font-size:95%; 
	color:#000;
}

/* style to be used for field level help text */
fieldset ol li span.fieldHelp {font-size:95%;}

/*---------------------TAGGING-------------------------------*/

fieldset ol li span.tagContainer input,
fieldset ol li span.tagContainer a.browse 
{
 font-size:95%;
}

fieldset ol li span.tagContainer,
fieldset ol li span.tagContainer span,
fieldset ol li ol li span.tagContainer,
fieldset ol li ol li span.tagContainer span 
{
 float:none;
 display:inline;
 padding:2px 2px 2px 0;
 width:auto;
 font-weight:normal;
 font-size:100%;
}

fieldset ol li span.tagContainer span.hidden,
fieldset ol li ol li span.tagContainer span.hidden
{
  display: none;
}

fieldset ol li span.hidden,
fieldset ol li ol li span.hidden,
.contentBlock ol li span.hidden 
{
 display: none;
}


/*------------------------FILE NAME AND "REMOVE" CONTROLS ON THE BRANDING PAGE-------------------------------------------*/
ol.nestedList li div.imgLabel {width:auto;}
ol.nestedList li div.imgLabel span.fileName {font-weight:bold;padding:0 6px 0 0;display:inline;color:#000;}
ol.nestedList li div.imgLabel span.control {display:inline;}
ol.nestedList li div.imgLabel span a {}
#title_color_value {padding-top:6px;}



/*--------------------LIVE-SAVE ELEMENTS WITHIN A DATA COLLECTION PAGE------------------------------*/
/*	
	Used for submittable individual step content elements.
*/

/*Making individual step element text larger (Grade Center).*/
.largeText div.label, .largeText div.field {
	font-size:130%;
	font-weight:bold;
}

/*Reducing button text size.*/
.largeText a.browse {
	font-size:80%;
	font-weight:normal;
}

div.editBlock {
	float:left;
	margin-right:12px
}

.largeText div.field div.editBlock label {
	font-size:80%;
	font-weight:normal;
}

.largeText div.field div.exemptdiv label {
	font-size:120%;
}

.largeText textarea {font-size:80%;}

.largeText input[type="text"] {width:3.5em}


/*list element in edit mode.*/
.inEditMode {
	border:2px solid #444!important;
	background:#ededed;
	padding:3px 9px;
	margin-top:3px;
}
	
	
	
	
/*---------------------ERRORS AND  SPECIAL CONDITIONS------------------------------------------*/


fieldset.stepcontent ol li.fieldError, li.fieldError {
	background:#FFE0DF;

}

fieldset.stepcontent ol li.fieldError span.fieldErrorText, span.warningMsg  {
	color:red;
	display:block;
	font-weight:bold;
	font-size:90%;
}

span.warningMsg  {
	display:inline;
	margin-left:0px;
}


/*--------------------- MODIFICATION FOR REQUIRED FIELDS --------------------------------*/

/* Required field indicator legend. */
.reqfield {
	float:left;
	color:#666;
}

/* Required field flag image. */
li.required div.label label img {
  vertical-align:middle;
	display:block; 
	float:left;
	margin:2px 3px 0 -16px;
	*margin:2px 3px 0 0px;
}

li.required div.label img {
	margin:0 0 0 -16px;
  _margin:0;
}

div.quickAddPal li.required div.label img {
	margin:0px 0px 0 -11px;
}

div.quickAddPal div.field, div.quickAddPal div.noLabelField {
	border:0;
}


li div.label img.indicator {
	margin:0 3px 0 0;
}

li.required input {
	clear:both;
	*clear:none;
}

/*VTBE on/off switch*/
.vtbeSwitch {position:relative;height:1em;width:20em;float:right;}
.legacy .vtbeSwitch {height:2.2em;}
.vtbeSwitch div.modeSwitchWrap a {_width:4em;}
.vtbeSwitch div.modeSwitchWrap a span#statusText {_width:2.7em;}
.vtbeSwitch div.modeSwitchWrap {right:0; background-color:#eeeeee;border:1px solid #CCCCCC;border-bottom:0;padding:4px 8px;}
.vtbeSwitch div.modeSwitchWrap a.read-off {background-color:#eee;}
.vtbeSwitch div.modeSwitchWrap a.read-off:hover {background-color:#fff;}
.vtbeSwitch div.modeSwitchWrap a.read-on span#statusText {color:#FFFFFF;}
.vtbeSwitch div.modeSwitchWrap a.read-off:hover span#statusText  {color:#000;}

table.vtbeTable-legacy {width:30em;}
.vtbeTable-legacy textarea {width:100%;*width:99%;}

/*------------------STEP CONTENT MODIFICATIONS-------------------------------------------------*/


/* fieldset or a div in a step that display read-only information. */
fieldset.info, div.info {
	background:#f6f6f6;
	margin:0;
}

/* Modifying read-only labels */
fieldset.info div.label {
  	color:#666;
}



/*-----------------------DATA COLLECTION PAGE STEP ELEMENT LAYOUT------------------------------------*/

/*Setting up a two-column layout*/

div.label {
	display:block;
	width:20%; 
	margin:0; 
	font-size:100%;
  color:#555;
	position:relative;
	 _position:static;
   /*position:absolute;*/
	top:0;
	bottom:0;
	left:0;
	font-weight:bold;
	top:0px;
	padding:8px 4px 0 0;
  float: left;
}

div.field, div.noLabelField  {
	display:block;
  _display:inline-block;
	margin:0 0 0 21%; 
  *margin:0 0 0 ;
	padding:6px 6px 12px 6px;
	border-left:1px dotted #ccc;
	min-height:18px;
  overflow: visible; /* Should be auto but our silktest scripts need to be fixed in conjunction with this (and further testing shows odd displays on many other pages such as the popup add content area) */
}

div.noLabelField {
  margin:0;
  clear:both;
  border:none;
  width:100%;
}

ul.nestedList div.field {border:0;}



/*-------------------------- STEP ELEMENT MODIFICATIONS FOR QUICK ADD PALETTE ----------------------------------------------------*/

div.quickAddPal fieldset.stepcontent {
	margin:0;	
	padding:3px 6px 3px 9px;
}

div.quickAddPal fieldset.stepcontent ol li{
	margin:0 2px;	
	padding:1px 1px 0 1px ;
	border:0;
}

/* Required field flag image. */
div.quickAddPal fieldset.stepcontent ol li.required div.label label img {
  vertical-align:middle;
	display:block; 
	float:left;
	margin:2px 3px 0 -12px;
	*margin:2px 3px 0 0px;
}


/*Field Error text in DTP and QuickAdd palette*/
div.quickAddPal ul li.fieldError span.fieldErrorText {
	color:red;
	display:block;
	margin-left:74px;
	font-weight:normal;
	font-size:90%;
}

div.quickAddPal div.field input[type=text], 
div.quickAddPal div.field select, 
div.quickAddPal div.field textarea {
  width:100%;
  *font-size:100%;
  border:1px solid #666;
}

div.quickAddPal li.stepHelp, div.quickAddPal li div span {width:auto;}

div.field span.fileName {font-weight:bold;padding:0 6px 0 0;display:inline}
div.field span.control {display:inline}

div.quickAddPal div.field input.datePickerInput,
div.quickAddPal div.field input.timePickerInput {
  width:8em;
}

/*-------------------------USER INPUT ELEMENTS-------------------------------------*/

input {vertical-align:middle;}

div#texteditor {
	margin:0; 
	padding:3px; 
	}
div#texteditor textarea {
	width:450px; 
	display:block; 
	margin-left:0; 
}

div#texteditor a.textBoxItem {
	display:block; 
	width:80%; 
	text-align:right; 
	padding:2px;
}

/* Giving uniform appearance to various types of controls */
fieldset.stepcontent ol li input[type="text"], select, textarea {
vertical-align:middle;
padding:0;
}

textarea {font-size:100%;}

select.survey_question {
	max-width:100%; /*FF*/
}
	
/*safari & IE hack to remove gap at the bottom of the tabs. */
/*\*/
html*select.survey_question {
	width:100%;
}
/**/

input:focus, textarea:focus {
  background: #fff1c5;
} 


/* Browse control styles. */
fieldset.stepcontent ol li input.browse, input.browse {
	background:#ededed url(images/button3_back.gif) repeat-x;
	border:1px solid #ccc;
	border-bottom:1px solid #aaa;
	border-right:1px solid #aaa;
	*overflow:visible; /*fixes button width bug in IE6*/
	*padding:0 9px; /*fixes button width bug in IE6*/
}
  
fieldset.stepcontent ol li a.browse, 
.stepcontent a.browse, 
div.blogEntry div.entryFooter a.browse, 
div.portlet div.portletBlock a.browse,
a.browse, p.backLink a {
	background:#ededed url(images/button3_back.gif) repeat-x;
	border:1px solid #ccc;
	border-bottom:1px solid #aaa;
	border-right:1px solid #aaa;
  padding:2px 6px;
  text-decoration:none;
}

p.backLink a {
	background:#ededed;
	border-bottom:1px solid #aaa;
	border-right:1px solid #aaa;
  padding:0 6px 2px;
  text-decoration:none;
}

/* for browse links that use icons, not text */
fieldset.stepcontent ol li a.browseIcon, 
.stepcontent a.browseIcon,
div.portlet div.portletBlock a.browseIcon, 
a.browseIcon {
	background:#ededed url(images/button3_back.gif) repeat-x;
	border:1px solid #ccc;
	border-bottom:1px solid #aaa;
	border-right:1px solid #aaa;
  	padding:0 1px 2px;
  	text-decoration:none;
}
	
fieldset.stepcontent ol li a.browse:hover, a.browse:hover,
fieldset.stepcontent ol li a.browseIcon:hover, .stepcontent a.browseIcon:hover, a.browseIcon:hover,
fieldset.stepcontent ol li a.browse:focus, a.browse:focus,
fieldset.stepcontent ol li a.browseIcon:focus, .stepcontent a.browseIcon:focus, a.browseIcon:focus {
	border:1px solid #555; 
	background:white;
}  

 div.details a.browse,  div.details a.browse:hover  {
 	padding:0 6px 1px 6px;
	margin:0 auto;
}
  

/*Generic button styles.*/

a.genericButton, a.genericButtonImg, input.genericButton, .searchbar fieldset input.genericButton {
	background:#ededed url(images/button3_back.gif) repeat-x;
	border:1px solid #ccc;
	border-bottom:1px solid #aaa;
	border-right:1px solid #aaa;
  padding:2px 6px;
  text-decoration:none;
	display:inline-block;
}

a.genericButtonImg {
  	padding:0 1px 2px 1px;
}

input.genericButton, .searchbar fieldset input.genericButton {
	padding:0 3px 1px 3px;
	*overflow:visible; /*fixes button width bug in IE6*/
	*padding:1px 5px;
	_padding:1px 5px;
}


a.genericButton:hover, a.genericButtonImg:hover, input.genericButton:hover,
a.genericButton:hover, a.genericButtonImg:focus, input.genericButton:focus,
.searchbar fieldset input.genericButton:hover, .searchbar fieldset input.genericButton:focus  {
	border:1px solid #555; 
	background:white;
}   


/*Submit buttons*/
p.taskbuttondiv, p.taskButtonsContent, p.okbutton {
	padding:6px 0; 
	margin:9px 0 0 0;
	text-align:right;
	min-height:16px;
}

div.container p.taskbuttondiv:first-child,
div#dataCollectionContainer span.reqfield + p.taskbuttondiv {margin-top:0;}

span.stepTitleRight, .stepTitleRight {
  position:absolute;
  right:0 !important;
  left:auto !important;
  margin:0;
  padding:0;
  top:0;
}

div.container span.stepTitleRight p.taskbuttondiv, div.container span.contentListRight p.taskbuttondiv {
  margin: -4px 0 -2px 0; 
  *margin-top:-7px;
  padding: 0; 
  font-size: 80%;
}

span.stepTitleRight p.taskbuttondiv input {font-size: 100%;}

/* Backlink is used on pages that need to display an "ok" button.*/
p.backLink {
	position:absolute;
	bottom:12px;
	right:0;
	margin:0;
}

p.backLink a {
	font-weight:bold;
	color:#555;
	padding:1px 12px 1px 12px;
	font-size:105%;
	border:1px solid #bbb;
}

.taskButtonsContent {
	padding:9px 12px 0 12px;
	margin:24px -12px 0 -12px;
	border-top:1px solid #ddd;
}
 


/*	BUTTONS IN THE "SUBMIT" STEP OF THE DATA COLLECTION PAGE. 	*/
.taskbuttondiv button, .taskbuttondiv input,
.taskButtonsContent button, .taskButtonsContent input,
div.controls button, div.controls input, p.okbutton input,
/*Legacy buttons*/
button.secondary, input.secondary {
	margin:0 2px;
	vertical-align:middle; 
	font-weight:normal;
	font-size:105%;
  	padding:1px 9px;
	background-color:#ddd;
	background-image:;
	background-position:;
	background-repeat:;
	color:#000;
	_background-image:none;
	border:1px solid #bbb;
	border-collapse:collapse;
  	*overflow:visible; /*fixes button width bug in IE6*/
}

p.okbutton input {font-size:100%;padding:1px 6px;}


.taskbuttondiv button.submit, .taskbuttondiv input.submit,
.taskButtonsContent button.submit, .taskButtonsContent input.submit, 
div.controls button.submit, div.controls input.submit, .taskbuttondiv button.disabled, .taskbuttondiv input.disabled,
.taskButtonsContent button.disabled, .taskButtonsContent input.disabled,
div.controls button.disabled, div.controls input.disabled,
.jumptopage input.gotopage,
div.jumptopage input.gotopage,


/*Login page submit button*/
#loginBox li input[type="submit"],
/*Legacy buttons*/
button.submit, input.submit  {
	font-weight:bold;
  	color:#000;
	background-color:#A1C94B;
	border:1px solid  #3C4A1B;
	  padding:1px 9px;
	background-image:url(images/gradient_black_long_bt.png);
	background-position: top center;
	background-repeat:repeat-x ;
	_background-image:none;
	_background-image:none;
	  	*overflow:visible; /*fixes button width bug in IE6*/
}

input.submit:hover, input.submit:focus {
	background-color:#3C4A1B ;
	color:#FFFFFF;
}

 #loginBox li input.submit {
	font-weight:bold;
  	color:#000;
	background-color:#A1C94B;
	  padding:1px 9px;
	border:1px solid  #3C4A1B;
	background-image:url(images/gradient_black_long_bt.png);
	background-position: top center;
	background-repeat:repeat-x ;
	_background-image:none;
	_background-image:none;
	  	*overflow:visible; /*fixes button width bug in IE6*/
}

.taskbuttondiv button.disabled, .taskbuttondiv input.disabled,
.taskButtonsContent button.disabled, .taskButtonsContent input.disabled,
div.controls button.disabled, div.controls input.disabled,
button.disabled, input.disabled, .disabled, .disabled:hover, a.disabled, a.disabled:hover, a.disabled:focus {
  	opacity:0.3;
  	filter:alpha(opacity=30);
	border-color:#ccc;
	background:#ededed;
	cursor:default;
}

.taskbuttonhelp, .container p.taskbuttonhelp {  
	color:#617D21;
  	line-height:135%;
  	padding:4px 4px 4pxpx 24px;
  	margin:9px 0 0 0;
}

.container p.taskbuttonhelp {
  	margin:0;  
	color:#617D21;
  	padding:4px 4px 4px 24px;
	border-bottom:1px dotted #ccc;
}
	
#taskbuttondiv p {
	text-align:left; 
	font-size:90%; 
	display:block; 
	font-style:italic; 
	margin:6px 0;
  	border:1px solid red;
}

/* Lightbox */
div.lbContainer p.taskButtonsContent {
	margin:12px 0px 6px 0px;
}


/* Color chip: indicates color and opens color picker */
fieldset.stepcontent ol li a.colorChip, 
a.colorChip {
  padding:1px 1px 5px 2px;
  *padding:1px 0 1px 2px;
  *display:inline-block;
}

fieldset.stepcontent ol li a.colorChip span, 
a.colorChip span {
  display:inline;
  *display:inline-block;
  padding-left:2px;
  background:url(images/cm_arrow.gif) no-repeat 2px 0;
  vertical-align:middle;
}

a.colorChip img.chipSwatch {
  border:1px solid #ccc;
	border-bottom:1px solid #aaa;
	border-right:1px solid #aaa;
  width:16px;
  height:16px;
}

fieldset.stepcontent ol li a.colorChip span img, 
a.colorChip span img {
  width:16px;
  height:16px;
  opacity:0;
  filter:alpha(opacity=0);
  }

span.colorChipName {
  display:inline;
  *display:inline-block;
  *vertical-align:middle;
  }
/*end color chip*/





/*	Not sure if this is going to be used.	*/

.saver {
	clear:left;
}

.exemptdiv {font-size:60%;}

table .exemptdiv {
  	clear:left;
  	font-size:100%;
}

.gbtablesimple .exemptdiv { 
  	margin-top:5px;
  	font-size:90%;
  	padding-left:20px;
}

div .editgrade table.resizeCommentsTable textarea {
	font-size:130%;
}

.gc_info ul {
	text-align:left!important
}

.gbtablesimple .exemptdiv input {
  	margin-left:-20px;
}

div.field table tbody tr td table label, div.field table tbody tr td table select {font-size:110%;}

/* for moving values between adjacent select boxes */
div.selectItems {margin:2px 0 0 9px; padding:3px 3px 9px 3px; border:1px solid #ccc; background:#eee; float:left; display:none; width: 580px;}
div.selectItems div {margin:0; padding:3px; float:left;}
div.selectItems div select {display:block; margin:6px 0; width:265px;}
div.selectItems div input[type=button] {margin:6px 0;}
div.selectItems div.selectArrows {margin:40px 0;}
div.selectArrows a {display:block; margin:6px 0;}

/*Variation for when multiselector has no label on the left. */
div.noLabelField div.selectItems {width:97%;}
div.noLabelField div.selectItems div {width:46%;}
div.noLabelField div.selectItems div select {width:100%;}
div.noLabelField  div.selectItems div.selectArrows {text-align:center;width:5%;}
div.noLabelField div.selectArrows a {margin:6px auto;}
/* end of select boxes styles */
/* end of select boxes styles */

/*-------------------------------COLOR SWATCH PALETTE---------------------------*/
div.quickAddPal fieldset.stepcontent ol li ol.colorlist {
	margin:0 0 6px;
	width:288px; 
	padding:0px; 
	list-style:none;
  clear:both;
}

div.quickAddPal fieldset.stepcontent ol li ol.colorlist li {
	margin:0; 
	padding:0; 
	list-style:none; 
	float:left; 
	border:1px solid #333; 
	width:14px; 
	height:14px; 
	overflow:hidden; 
  cursor:pointer;
}

div.quickAddPal fieldset.stepcontent ol li ol.colorlist li a,
div.quickAddPal fieldset.stepcontent ol li ol.colorlist li a:link {
	display:block;
  width:14px; 
	height:14px; 
	overflow:hidden; 
}

div.quickAddPal fieldset.stepcontent ol li ol.colorlist li a:hover,

div.quickAddPal fieldset.stepcontent ol li ol.colorlist li a:focus {
  border:1px solid #333;
  width:12px; 
	height:12px; 
}

div.quickAddPal fieldset.stepcontent ol li ol.colorlist li a:active,
div.quickAddPal fieldset.stepcontent ol li ol.colorlist li a:focus {
  border:2px solid #fff;
  width:10px; 
	height:10px; 
}

div.quickAddPal fieldset.stepcontent ol li ol.colorlist li a.whiteSwatch:active,
div.quickAddPal fieldset.stepcontent ol li ol.colorlist li a.whiteSwatch:focus {
  border:2px solid #ddd;
  width:10px; 
	height:10px; 
}

div.quickAddPal fieldset.stepcontent ol li div.colorPreview {
	padding:3px;
  background:white; 
}

div.quickAddPal fieldset.stepcontent ol li div.colorPreview img {
	background:black; 
  width:42px; 
	height:42px; 
	border:1px solid #444; 
  display:block;
	margin:3px; 
	float:left;
}

div.quickAddPal fieldset.stepcontent ol li div.colorPreview div {
  float:left;
  margin-left:3px;
  width:66%;
}

div.quickAddPal fieldset.stepcontent ol li div.colorPreview span {
  *display:inline-block;
  margin:0;
  padding:0;
  width:auto;
  *width:100%;
  color:black;
  font-size:100%;
}

span.title_color_name {
	color:#666666; 
}


/*------------------------------------COLLAPSIBLE STEP CONTENT PANELS--------------------------------------------------------*/

/*-------------------
	Collapsible Step Content Panels within a Data Collection Step.
----------------------*/


ul.stepPanels {
	list-style:none;
	padding:6px 0px 12px 0px; 
	margin:0px; 
	border:none;
}

ul.stepPanels li, fieldset.stepcontent ol li ul.stepPanels li {
  margin:0;
	padding:0;
  border:none;
}

h3.mdHead, h4.panelTitle {
  margin: 4px 0 0 0;
  padding: 3px 5px;
  background: #ddd;
  position:relative;
  cursor:pointer;
  zoom:1;
  font-size:100%;
}

h3.mdHead a,  h4.panelTitle a {
  color: #000;
  text-decoration: none;
}

h4.panelTitle a span.date, h4.panelTitle span.date {
  color: #666;
  font-weight:normal;
  font-size:95%;
  text-decoration: none;
    position:absolute;
  right:6px;
  top:2px;
}

h3.mdHead a span.date {
  font-weight: normal;

}
div.mdList,  div.stepPanel {
  	margin:0 0 9px 0;
  	background: #f6f6f6;
	padding:9px 18px;
}

div.stepPanel p span {

  color:#666;
}



div.mdList h4, div.stepPanel h5 {
  	margin: 0;
  	padding: 0;
	font-size:95%;
}

div.mdList p, div.stepPanel p {
  margin: 5px 5px 5px 12px;
  padding: 0;
    font-size:95%;
}

div.stepPanelControls {font-size:90%;}




.contentAreaBlock {
	border:1px solid #777;
	background:url(images/dcp_block_bg.png) no-repeat bottom right;
	_background-image:none;
	border-top:0;
	padding:12px 12px 12px 12px;
	margin:0 0 24px 0;
}





/*--------------------IMAGE SELECTION IN THE DTP STEP-------------------------------------*/
ul.buttonLibrary {
	list-style:none;
	margin:9px 0 9px 0;
	padding:6px 0 6px 6px;
	max-height:300px;
	overflow:auto;
	border:1px solid #bbb;
	background:#f6f6f6;
}

ul.buttonLibrary li {
	float:left;
	margin:0!important;
	padding:0!important;
	border:none!important;
}

ul.buttonLibrary li a {
	display:block;
	padding:7px 7px 3px 7px;
	text-align:center;
	text-decoration:none;
	font-size:105%;
	color:#777;
}

ul.buttonLibrary li a.selected {
	text-decoration:none;
	font-weight:bold;
}

ul.buttonLibrary li a:hover {
	text-decoration:underline;
}




/* ACTION MENU IN THE DATA COLLECTION PAGE */

div.menuStyleStep {
	float:left;
	margin:9px 40px 0pt 0pt;
	width:212px;
}

div.menuStyleStep div.topRound {
	display:none;
}

div.menuDefaultStyleStep {
	margin:9px auto;
	width:212px;
}


/*-----------------------INPUT TYPE="FILE" HACK-----------------------------------------------*/

/* 	Styles cannot be applied to input type="file" to make it blend  in with the rest of the ui.
	Setting its opacity to 0 and laying it over the conventional looking button.  */

.fileInputWrapper {
	float:left;
	position:relative;
	overflow:hidden;
	padding:0 3px 0 0;
	margin-right:9px;
	*top:-5px;
}


.fileInputWrapper input.hiddenInput  {
	position:absolute;
	top:0;
	right:0;
	z-index:2;
	padding:0;
	opacity:0;
	filter:alpha(opacity=0);
	text-align:right;
	font-size:210%;

}

.fileInputWrapper input.visibleInput {
	position:relative;
	right:0;
	top:0;
	z-index:1;
}


/*--------------------------- COLOR SCHEME PREVIEWS ------------------------------------*/
.schemeWrapper {
	float:left;
	margin:0pt 12px 0pt 0pt;
}

ul.buttonLibrary li div.schemeWrapper {margin:0;padding:5px;background:#fff;border:solid #ccc;border-width:0 1px 1px 0}

.schemeWrapper span {
	font-size:95%;
	text-align:center;
}

ul.buttonLibrary li.selected {background:#555555 url(images/dcp_block_bg.png) no-repeat right bottom;}
ul.buttonLibrary li.selected a.selected, ul.buttonLibrary li.selected a.selected span {font-weight:bold;color:#ffffff!important}
ul.buttonLibrary li .schemeWrapper {float:none;margin-right:6px;}
ul.buttonLibrary li {padding:6px!important;margin:0 4px 4px 0;}

.schemePreview {
	width:160px;
	padding:12px 0px 0px 16px;
	border:solid #ededed;
	border-width:0 1px 1px 0
}

.modulePreview {
	width:140px;
	padding:0px;
	font-size:85%;
	margin:6px 0 0 auto;
	position:relative;
	bottom:0;
	right:0;
	left:auto;
		border-width:2px 0 0 2px;
		border-style:solid;
}

.schemePreviewHead {
	padding:3px 9px;
	font-weight:bold;
	font-size:110%;

}

.modulePreviewHead {
	font-weight:bold;
	padding:2px 6px;
	background:url(images/gradient_black_short_bt.png) repeat-x 0pt center;
	}

.schemePreviewBody {
	padding:3px 0px 0px 9px;
	position:relative;
}

.modulePreviewBody {
	padding:2px 6px 3px 6px;
}


/*themeDefault*/
.themeDefault .schemePreview {background:#cdcdcd;}
.themeDefault .schemePreviewHead {color:#000;background-color:#fff1c5;}
.themeDefault .schemePreviewBody {background-color:#fff;color:#000;}
.themeDefault .modulePreview {border:2px solid #597298;background:#FFF;}
.themeDefault .modulePreviewHead {color:#FFF;background-color:#597298;}
.themeDefault .modulePreviewBody {color:#000;background-color:#fff;}

/*opal*/
.opal .schemePreview {background:#e4ecf4;}
.opal .schemePreviewHead {color:#e4ecf4;background-color:#891414;}
.opal .schemePreviewBody {background:#fff;color:#000;}
.opal .modulePreview {border:2px solid #597298;background:#FFF;}
.opal .modulePreviewHead {color:#FFF;background-color:#597298;}
.opal .modulePreviewBody {color:#000;background-color:#fff;}

/*desert*/
.desert .schemePreview {background:#F7F5D2;}
.desert .schemePreviewHead {color:#383023;background-color:#C5A97B;}
.desert .schemePreviewBody {background:#fff;color:#000;}
.desert .modulePreview {border:2px solid #597298;background:#FFF;}
.desert .modulePreviewHead {color:#FFF;background-color:#597298;}
.desert .modulePreviewBody {color:#000;background-color:#fff;}

/*plum*/
.plum .schemePreview {background:#F2F0F4}
.plum .schemePreviewHead {color:#ffcc00;background-color:#666699;}
.plum .schemePreviewBody {background:#fff;color:#000;}
.plum .modulePreview {border:2px solid #597298;background:#FFF;}
.plum .modulePreviewHead {color:#FFF;background-color:#597298;}
.plum .modulePreviewBody {color:#000;background-color:#fff;}

/*fall*/
.fall .schemePreview {background:#e8dfa9}
.fall .schemePreviewHead {color:#fff;background-color:#e87b28;}
.fall .schemePreviewBody {background:#fff;color:#000;}
.fall .modulePreview {border:2px solid #597298;background:#FFF;}
.fall .modulePreviewHead {color:#FFF;background-color:#597298;}
.fall .modulePreviewBody {color:#000;background-color:#fff;}

/*sandstone*/
.sandstone .schemePreview {background:#e7e7b8}
.sandstone .schemePreviewHead {color:#666600;background-color:#cccc99;}
.sandstone .schemePreviewBody {background:#fff;color:#000;}
.sandstone .modulePreview {border:2px solid #597298;background:#FFF;}
.sandstone .modulePreviewHead {color:#FFF;background-color:#597298;}
.sandstone .modulePreviewBody {color:#000;background-color:#fff;}

/*forest*/
.forest .schemePreview {background:#c9e686;}
.forest .schemePreviewHead {color:#FFF;background-color:#339933;}
.forest .schemePreviewBody {background:#FFF;color:#000;}
.forest .modulePreview {border:2px solid #597298;background:#FFF;}
.forest .modulePreviewHead {color:#FFF;background-color:#597298;}
.forest .modulePreviewBody {color:#000;background-color:#fff;}

/*spring*/
.spring .schemePreview {background:#Fddede;}
.spring .schemePreviewHead {color:#FFF;background-color:#cc99cc;}
.spring .schemePreviewBody {background:#FFF;color:#000;}
.spring .modulePreview {border:2px solid #597298;background:#FFF;}
.spring .modulePreviewHead {color:#FFF;background-color:#597298;}
.spring .modulePreviewBody {color:#000;background-color:#fff;}

/*state*/
.state .schemePreview {background:#eee;}
.state .schemePreviewHead {color:#FFF;background-color:#ccc;}
.state .schemePreviewBody {background:#fff;color:#000;}
.state .modulePreview {border:2px solid #597298;background:#FFF;}
.state .modulePreviewHead {color:#FFF;background-color:#597298;}
.state .modulePreviewBody {color:#000;background-color:#fff;}

/*mesa*/
.mesa .schemePreview {background:#FFCCCC}
.mesa .schemePreviewHead {color:#FFF;background-color:#993333;}
.mesa .schemePreviewBody {background:#fff;color:#000;}
.mesa .modulePreview {border:2px solid #597298;background:#FFF;}
.mesa .modulePreviewHead {color:#FFF;background-color:#597298;}
.mesa .modulePreviewBody {color:#000;background-color:#fff;}

/*summer*/
.summer .schemePreview {background:#ffffcc;}
.summer .schemePreviewHead {color:#FFFfcc;background-color:#99cccc;}
.summer .schemePreviewBody {background:#FFFFFF;color:#000;}
.summer .modulePreview {border:2px solid #597298;background:#FFF;}
.summer .modulePreviewHead {color:#FFF;background-color:#597298;}
.summer .modulePreviewBody {color:#000;background-color:#fff;}

/*ocean*/
.ocean .schemePreview {background:#DFDFFF;}
.ocean .schemePreviewHead {color:#fff;background-color:#47478e;}
.ocean .schemePreviewBody {background:#fff;color:#000;}
.ocean .modulePreview {border:2px solid #597298;background:#FFF;}
.ocean .modulePreviewHead {color:#FFF;background-color:#597298;}
.ocean .modulePreviewBody {color:#000;background-color:#fff;}

/*tree*/
.tree .schemePreview {background:#99cc00;}
.tree .schemePreviewHead {color:#225522;background-color:#669966;}
.tree .schemePreviewBody {background:#fff;color:#000;}
.tree .modulePreview {border:2px solid #597298;background:#FFF;}
.tree .modulePreviewHead {color:#FFF;background-color:#597298;}
.tree .modulePreviewBody {color:#000;background-color:#fff;}



/* renders the font preview blocks on the Edit Portfolio Styles pages */
div.fontPreview { 
  display:block;
  float:left;
  margin:3px 0;
  background:#fff;
  border:1px solid #000;
  padding:4px;
}

/* toolbar that appears above textareas */
.textareaDiv {padding-bottom:6px;}
.textareaDiv table {width:98%;}
.textareaDiv table table, .textareaDiv table table table {width:100%;}
.textareaDiv textarea {
  width:100%; 
  border-top:2px solid #666;
  }

div.textToolbar {
  width:97.7%; 
  border:1px solid #ccc; 
  background:#f6f6f6; 
  padding:4px 0;
  }
div.textToolbar a {
  white-space:nowrap;
  font-size:90%;
}
div.textToolbar label {
  font-size:90%; 
  vertical-align:middle; 
  padding-left:4px;
  }
div.textToolbar select {
  font-size:90%; 
  vertical-align:middle;
  }

.previewTextArea {
  display:none;
  border:2px solid #999;
  padding:0px;
  width:auto!important;
  height:112px;
  background:#fff;
  overflow:auto;
}

.previewTextArea div.previewTitle {
  margin:0 0 4px;
  border-bottom:2px solid #eee;
  padding:2px;
  background: #eee;
}

.previewTextArea div.previewTitle a {float:right;}
.previewTextArea div.previewTitle h6 {
  float:left; 
  margin:0; g
  font-size:90%;
  }
.previewTextArea div.previewContent {padding:3px;}
  
/*-----	CALENDAR (IN PROGRESS) -----------------*/
/*------------------------------------CALENDAR AND ANNOUNCEMENTS----------------------------------------*/

/* ----------- Calendar Month styles are ready for implementation ------------ */
div.calendarTitle, div.announcementTitle {
	text-align:center;
	margin:9px 0 0 0;
}
  
  div.calendarTitle h3, div.announcementTitle h3 {
    display:inline;
    margin:0;
    padding:2px 4px;
    font-size:130%;
    vertical-align:middle;
  }

/*Month View table*/
div.calMonth {
  display:block; 
  margin:10px 4px 4px;
  padding:2px;
  overflow:auto;
}

  div.calMonth table {
    margin:0 auto;
    border:2px solid #bbb; 
    border-width:2px 2px 2px 1px;
    *border-left:2px;
    border-collapse:collapse;
  }

      div.calMonth table thead td,
      div.calMonth table tbody th { /* these styles control the "week" column, which is hidden out of view */
        width:1px;
        padding:0;
        background:#bbb;
      }
    
    div.calMonth table thead td div,
    div.calMonth table tbody th div {
      position:absolute;
      top:0;
      left:-1000px;
    }
    
    div.calMonth table thead th {
      border-right:1px solid #aaa; 
      border-bottom:1px solid #a0a0a0; 
      padding:2px;
      width:8em; 
      background:#ddd url(images/cal_year_head_bg.gif) repeat-x bottom right; 
      color:#333; 
      font-weight:bold; 
      text-align:center;
      overflow:hidden; 
    }
    
    div.calMonth table tbody td {
      border-right:1px solid #bbb; 
      border-bottom:1px solid #bbb;
      padding:0; 
      background:white url(images/cal_month_cell_bg.gif) repeat-x bottom; 
      width:8em; 
      height:8em;
      overflow:hidden;
    }
    
    div.calMonth table th:hover,
    div.calMonth table th:focus,
    div.calMonth table th:active {
      background-image:url(images/cal_year_head_hover_bg.gif);
    }
    div.calMonth table td:hover,
    div.calMonth table td:focus,
    div.calMonth table td:active {
      background:url(images/cal_month_cell_hover_bg.gif) repeat-x bottom;
    }

      div.calMonth table td a.daylink {
        float:left;
        border-right:1px solid #bbb;
        border-bottom:1px solid #bbb;
        padding:0.2em;
        width:1.2em; 
        background:#f0f0f0; 
        display:block; 
        text-align:center;
        text-decoration:none;
        font-weight:bold;
        font-size:110%;
      }

      div.calMonth table td a.daylink:hover,
      div.calMonth table td a.daylink:focus {
        background:url(images/cal_year_cell_hover_bg.gif) repeat-x;
        }
      
        div.calMonth table td a.daylink span {
          position:absolute;
          top:0px;
          left:-1000px;
        }
      
    div.calMonth table td.today {background:#F9E091 url(images/cal_month_today_bg.gif) no-repeat top left;}

      div.calMonth table td.today a.daylink {font-weight:bold; background:#F9E091;}

      div.calMonth table td.today a.daylink:hover,
      div.calMonth table td.today a.daylink:focus {background: url(images/cal_year_today_bg.gif) repeat-x;}

    div.calMonth table td.offday {background:#eeeeee;}
    
      /* this wrapper div and its width:expression solves an overflow:hidden bug in IE, so all calendar cells remain a uniform width  */
      div.calMonth table td div {
        overflow:hidden;
        clear:both;
        width:8em;
      }

        div.calMonth table td div ul {
          margin:0;
          padding:0 0.4em;
          list-style-type:none; 
        }
        
          div.calMonth table td div ul li {
            margin:0; 
            padding:1px 0;
            font-size:90%;
            white-space:nowrap;
          }
 
/* ------- end calendar month styles -------------- */

/* calendar year styles */
table.calYear {
  position:relative;
  margin:6px;
  *border:1px solid #aaa;
  border-collapse:collapse;
  /*width:100%;*/
  font-size:95%; 
  min-width:200px; 
} 
  
  table.calYearFloat {
    float:left; 
    margin:6px .66%;
    width:32%; 
  }
  
    table.calYear thead td,
    table.calYear tbody th { /* these styles control the "week" column, which is hidden out of view */
      position:absolute;
      top:0px;
      left:-10000px;
    }
    
    table.calYear caption {
      margin:0; 
      padding:2px 2px 4px;
      text-align:center;
      font-size:108%;
    }
      table.calYear caption a {
        font-weight:bold;
        text-decoration:none;
      }
      table.calYear caption a:hover {text-decoration:underline;}
      
    table.calYear thead th {
      width:14.3%;  
      background:#ddd url(images/cal_year_head_bg.gif) repeat-x bottom; 
      color:#333; 
      font-weight:bold; 
      text-align:center; 
      border:1px solid #bbb; 
      padding:2px;
    }
    
    table.calYear tbody td {
      width:14.3%;  
      background:white; 
      border:1px solid #bbb; 
      padding:2px; 
      text-align:right;
      white-space:nowrap;
    }
      table.calYear td a {
        display:block;
        position:relative; 
        text-decoration:none; 
        width:100%; 
      }
        table.calYear td a img {
          float:left;
        }  

    table.calYear td:hover,
    table.calYear td:focus,
    table.calYear td:active,
    table.calYear td.offday:hover,
    table.calYear td.offday:focus,
    table.calYear td.offday:active {
      background:url(images/cal_year_cell_hover_bg.gif) repeat-x bottom left;
    }
  
    table.calYear th:hover,
    table.calYear th:focus, 
    table.calYear th:active {
      background-image:url(images/cal_year_head_hover_bg.gif);
      }
  
    table.calYear td.today {background:#F9E091;}
    
    table.calYear td.today:hover,
    table.calYear td.today:focus {background:#F9E091 url(images/cal_year_today_bg.gif) repeat-x 0 0;}

      table.calYear td.today a {font-weight:bold; color:black;}
      
      table.calYear td.today a:hover,
      table.calYear td.today a:active,
      table.calYear td.today a:focus {background-image:none;}
    
    table.calYear td.offday {
      background:#eee;
      color:#444444; 
      text-decoration:none;
      } 
      
    table.calYear td.hasEvent {
      background: url(images/cal_year_cell_bg.gif) bottom right repeat-x;
      font-weight:bold;
    }  

/* end of calendar year styles */

/* calendar day styles */

table.calendarDay {
	margin:10px 0 0 0;
  border:1px solid #cdcdcd;
  *border-top:none;
  border-collapse:collapse;
  width:100%;
}
table.calendarDay thead, table.calendarDay thead th {
  position:absolute;
  top:0px;
  left:-1000px;
  *height:1px;
}
ul.calendarWeek li table.calendarDay {
  margin:0;
  border:none; 
}


table.calendarDay tbody th {
  border:1px solid #ccc;
  padding:1px 12px 14px 3px;
  background:#f3f3f3 url(images/cal_day_time_bg.gif) repeat-x bottom; 
	width:6%;
  font-weight:normal;
  color:#555;
  text-align:right;
  vertical-align:top;
}

table.calendarDay tbody th:hover,
table.calendarDay tbody th:focus,
table.calendarDay tbody th:active {
  background:#E6E5E5 url(images/cal_day_time_hover_bg.gif) repeat-x bottom;
}

table.calendarDay tbody td {
  border-top:1px solid #cdcdcd;
  padding:0 12px 3px 0;
  background:#fff;
  vertical-align:top;
}

table.calendarDay tbody td.hasEvent {
 padding-left:6px;
 background:url(images/cal_day_cell_bg.gif) repeat-y 0 0;
}

table.calendarDay tbody td.hasEvent a.jumpToEvent {position:absolute; left:-1000px; top:0;}

table.calendarDay tbody tr.halfHour th,
table.calendarDay tbody tr.halfHour td {border-top:1px solid #ededed;}

table.calendarDay tbody tr.midday th,
table.calendarDay tbody tr.midday td {border-top:2px solid #cdcdcd;}

table.calendarDay tr.notBusinessHours th {
  border:1px solid #ccc;
  background:#f3f3f3;
  }
table.calendarDay tr.notBusinessHours td {background:#fafafa;}

table.calendarDay tbody tr.notBusinessHours td.hasEvent {
 background:#fafafa url(images/cal_day_cell_bg2.gif) repeat-y 0 0;
}

table.calendarDay tr th span.ampm {
  position:relative;
	top:-1.2em;
  left:-4px;
  *left:-4px;
	padding:0 2px;
  background:#bbb;
	color:#fff;
	font-size:75%;
	letter-spacing:0.1em;
}

table.calendarDay tbody tr:hover th,
table.calendarDay tbody tr:hover td,
table.calendarDay tbody tr:focus th,
table.calendarDay tbody tr:focus td,
table.calendarDay tbody tr:active th,
table.calendarDay tbody tr:active td {background-color:#f0f0f0;}

table.calendarDay tbody tr:hover td.hasEvent,
table.calendarDay tbody tr:focus td.hasEvent,
table.calendarDay tbody tr:active td.hasEvent {background:#f0f0f0 url(images/cal_day_hover_bg.gif) repeat-y 0 0;}

table.calendarDay td div div {
  display:block;
  float:left;
  margin:0 4px 0 -6px;
  padding:1px 3px;
  background:#B5CCEA;
  font-weight:normal;
  font-size:90%;
  *font-size:85%;
  }
  
table.calendarDay td div div.contextMenuContainer {
  display:inline;
  float:none;
  margin:0 0 0 -3px;
  padding:0;
  background:none;
  }
  
table.calendarDay td div span {
  color:#555; 
  font-size:90%;
}

/* end calendar day styles */


/* ------------------------ Calendar Week View, and Announcement lists. ------------------------- */

ul.calendarWeek {
	list-style:none;
	border:1px solid #cdcdcd;
	padding:0;
	margin:10px 0 0 0;
	*height:1%;
}

ul.calendarWeek li {
	padding:0;
	margin:0;
	clear:both;
	border-bottom:1px solid #cdcdcd;
	position:relative;
}

ul.calendarWeek li ul:first-child, ul.calendarWeek ul li:first-child {border-top:none;}

ul.calendarWeek li h3.weekDay {
	margin:0;
	padding:0.3em 0.6em 0.3em 0.6em;
	font-size:110%;
	color:#666;
  background:#eee;
	font-weight:bold;
}

ul.calendarWeek li h3.weekDay:hover,
ul.calendarWeek li h3.weekDay:focus,
ul.calendarWeek li h3.weekDay:active
{background:#eee url(images/cal_year_cell_hover_bg.gif) repeat-x bottom;}

ul.calendarWeek li h3.weekDay a {display:block; *width:100%;}

ul.calendarWeek li ul {
  margin:0 12px 6px;
  padding:0;
  list-style:none;
}

ul.calendarWeek li ul li {
	border-top:1px solid #ededed;
  border-bottom:none;
  padding:6px 0 12px;
}

ul.calendarWeek li ul li:hover, 
ul.calendarWeek li ul li:focus,
ul.calendarWeek li ul li:active {
  background: url(images/cal_year_cell_bg.gif) bottom right repeat-x;
}

ul.calendarWeek li ul li h4 {
  float:left;
  margin:0 12px 0 0;
  padding:1px 3px;
  width:10em;
  color:#555;
  font-weight:normal;
  font-size:95%;
}
ul.calendarWeek li div {
  margin-left:11em;
}

ul.calendarWeek li div.contextMenuContainer {
  margin:0 0 0 -3px;
}

ul.calendarWeek li ul li span {
  color:#555; 
  font-size:90%;
}

/* ---------------------- end calendar week styles --------------------------------------- */





/* -------                STYLES NOT IMPLEMENTATION READY             -------------------------- */
/* calendar week styles */
.hidden {display:none;}

/*-----	BLOGS (IN PROGRESS) -----------------*/
/*---------------------------------------------BLOGS------------------------------------------------------*/
/* wrapper for the left "main" column that contains entries and comments */
div.blogContainer {
  float:left; 
  margin-right:1%;
  width:74%; 
  } 

/* date separators/headers */ 
div.blogContainer h3.blogHead {
  margin:0 0 12px 0; 
  padding:3px 15px; 
  background:#aaa; 
  font-size:100%; 
  color:#fff; /*text-transform:uppercase; letter-spacing:0.2em;font-weight:normal;*/ 
  }

/* contains blog entry */
div.blogContainer div.blogEntry {
  margin:12px 0; 
  padding:0; 
  border:2px solid #ccc; 
  border-width:2px 0 0 2px;
  }
  
div.blogContainer div.blogEntry h4 {
  margin:6px 12px 0 12px; 
  padding:3px 0 0 18px; 
  font-size:110%; 
  background:url(images/small_discussions.gif) no-repeat 0px 2px;
  overflow:hidden;
  _word-wrap:break-word;
  }
  
div.blogContainer div.blogEntry div.entryText {
  margin:3px 12px 12px; 
  padding:9px 0 18px;
  background:white;
  overflow-x:auto;
  _width:96%;
  }
  
/* date of entry */
div.blogContainer div.entryDate {
  margin:3px 0 6px 12px; 
  font-size:95%; 
  color:#444;
  }
  
div.blogContainer div.entryDate a {font-weight:bold;}

/* entry footer is a wrapper for the entire blog comment area */
div.blogContainer div.entryFooter {
  padding:6px; 
  margin:0;
  background:#f6f6f6;
  zoom:1;
  }
  
/* action bar for the entry footer - contains the Add Comment control, and comments expander/collapser */
div.blogContainer div.entryFooter div.commentControls {
  padding:0 0 0 6px; 
  color:#444;
  font-size:100%;  
  font-weight:normal;
  }
  
div.blogContainer div.entryFooter div.commentControls h4 {
  float:left;
  margin:0;
  padding:0;
  background:none;
  font-size:100%;
  }
  
div.blogContainer div.entryFooter a.browse {
  display:block;
  float:right;
  }

/* contains the Add Comment form - overrides positioning assigned to form by .quickAddPal */
div.blogContainer div.entryFooter div.addBlogComment table {width:98%;}
div.blogContainer div.entryFooter div.addBlogComment textarea {width:100%; *width:99.35%; _width:99%;}  /* allows comment field to resize with window */

div.blogContainer div.entryFooter div.addBlogComment {
  display:none;
  position:static!important;
  left:0!important;
  top:0!important;
  margin:6px;
  padding:0 0 4px;
  *width:98%;
  _width:95%;
  font-size:100%;
}

div.blogContainer div.entryFooter div.addBlogComment h3 {_margin:0; _width:99%;}
div.blogContainer div.entryFooter div.addBlogComment div.controls {border:none;}

/* entry comments */
div.blogContainer ul.entryComments {
  margin:6px 6px 0; 
  padding:0;
  list-style:none;  
  }
  
div.blogContainer ul.entryComments li {
  list-style:none; 
  margin:0; 
  padding:6px 0; 
  } 
  
div.blogContainer ul.entryComments li p {
  margin:0px 0 4px;  
  padding:12px;
  background:#FFF;
  border:1px solid #ccc;
  _height:1%;
  overflow:hidden;
  }
  
div.blogContainer ul.entryComments li p.commentDate {
  position:relative;
  z-index:10;
  margin:2px 0 -1px;
  padding:0 0 4px;
  border:none;
  background:transparent url(images/bubble_top_thin.gif) no-repeat 15px 100%;
  text-align:right;
  font-size:90%; 
  color:#444; 
  }
  
/* h5 wrapped around the name of each commentor */
div.blogContainer ul.entryComments li h5 {
  display:inline; 
  margin:0; 
  padding:3px 0 0; 
  color:#444; 
  font-size:100%; 
  }
  
div.blogContainer ul.entryComments li.newComment h5 {font-weight:bold;}

/* blog instructions */
div.blogContainer div.blogInstructions {
  position:relative;
  margin:0 0 12px;
  padding:3px 12px 6px;
  background:#f1f1f1;
  }
  
div.blogContainer div.blogInstructions h4 {
  margin:3px 0 3px;
  padding:0;
  font-size:100%;
  background-image:none;
  } 

/* blogNav is the right column with the EUD portlet ui */
div.blogNav {
  float:right; 
  width:25%;
  }

div.blogNav div.portlet {
  margin:0;
  border:none;
  }

div.blogNav div.portlet, 
div.blogNav div.portletBlock, 
div.blogNav ul, 
div.blogNav ul li {background:transparent;}

div.blogNav ul li {
  _width:100%; 
  overflow:hidden;
  }

div.blogNav div.portlet div.portletBlock {
  margin:0; 
  border:2px solid #A8BEDA;
  }
  
div.blogNav div.portlet ul.blockGroups li a.itemHead {border-top:1px solid #A8BEDA;}

div.blogNav div.portlet ul.blockGroups li:first-child a {border:none;}

div.blogNav li.currentBlog {font-weight:bold;}

div.blogNav li.currentBlog span {font-weight:normal;}

/* flags new blog activity in the data tables for blog list, etc. */
div.blogContainer a.newItem, 
div.blogContainer a span.newItem,
div.blogNav a.newItem, 
div.blogNav a span.newItem {font-weight:normal;} 

div.blogNav div.portlet ul.blockGroups div.blogAction {
  margin:4px 9px 6px; 
  font-size:95%;
  }

/* new entry/post styles for blog.htm */
div.blogContainer ul.entryComments li span.newItems,
div.blogContainer div.entryFooter div.commentControls span.newItems,
div.blogContainer div.blogEntry h4 span.newItems {
  background:#FFF1C5;
  padding:0 3px;
  /*font-size:90%;*/
  font-weight:normal;
  color:#000;
}

div.blogContainer div.commentControls span.newItems {
  display:block;
  float:left;
  margin-left:4px;
  }
  
div.blogNav div.portletBlock ul.blockGroups li span.newItems,
div.blogNav ul.iconLegend li span.newItems {
  background:#FFF1C5;
  padding:0 2px 2px;
  margin-left:0;
  color:black;
}

/* icon legend in the blog nav bar */  
div.blogNav ul.iconLegend {
  list-style-type:none;
  margin:9px 0;
  padding:0;
} 

div.blogNav ul.iconLegend li {
  margin:0;
  padding:0 0 2px;
  font-size:90%;
}

div.blogNav ul ul {margin-left:9px;}

div.blogNav ul#blogArchive ul {margin:0 9px 9px 18px;}

/*-------------------------------------------END BLOGS----------------------------------------------------*/


/*---------------------------------------------JOURNALS------------------------------------------------------*/
/* wrapper for the left "main" column that contains entries and comments */
div.journalContainer {
  float:left; 
  margin-right:1%;
  width:74%;
  }
  
/* date separators/headers */ 
div.journalContainer h3.blogHead {
  margin:0 0 12px 0; 
  padding:3px 15px; 
  background:#aaa; 
  font-size:100%; 
  color:#fff; /*text-transform:uppercase; letter-spacing:0.2em;font-weight:normal;*/ 
  text-align:center;
  }

/* contains blog entry */
div.journalContainer div.blogEntry {
  margin:12px 0; 
  padding:0 0 0 36px;
  border:3px solid #eee;
  border-left:none; 
  position:relative;
  background:#fff url(images/blog_notebook_paper.gif) repeat-y 0 0;
  
  }
  
div.journalContainer div.blogEntry h4 {
  padding:12px 24px 0 18px; 
  margin:0; 
  background:#fff;
  text-align:center;
  font-size:110%;
  overflow:hidden;
  _word-wrap:break-word;
  }

/* date of entry */
div.journalContainer div.entryDate {
  margin:0;
  padding:3px 24px 12px 18px;
  background:#fff;
  font-size:95%; 
  color:#444;
  text-align:center;
  border-bottom:1px solid #C0DACE;
  z-index:100;
  }
div.journalContainer div.entryDate a {font-weight:bold;}

div.journalContainer div.blogEntry div.entryText {
  margin:0;
  padding:12px 12px 18px 18px;
  background:#fff;
  overflow-x:auto;
  _width:92%;
  }

/* entry footer is a wrapper for the entire blog comment area */
div.journalContainer div.entryFooter {
  margin:0 0 0 -31px;
  padding:0 0 4px 31px;
  background: url(images/blog_notebook_paper_bot.gif) repeat-x bottom center;
  zoom:1;
  }
  
/* action bar for the entry footer - contains the Add Comment control, and comments expander/collapser */
div.journalContainer div.entryFooter div.commentControls {
  padding:6px 12px 12px 18px;
  background:#fff;
  color:#444;
  }
  
div.journalContainer div.entryFooter div.commentControls h4 {
  float:left;
  margin:0;
  padding:0;
  background:none;
  font-size:100%;
  }
  
div.journalContainer div.entryFooter a.browse {
  display:block;
  float:right;
  }

/* contains the Add Comment form - overrides positioning assigned to form by .quickAddPal */
div.journalContainer div.entryFooter div.addBlogComment table {width:98%;}
div.journalContainer div.entryFooter div.addBlogComment textarea {width:99.35%; _width:99%;}  /* allows comment field to resize with window */

div.journalContainer div.entryFooter div.addBlogComment {
  display:none;
  position:static!important;
  left:0!important;
  top:0!important;
  margin:0 12px 18px 18px;
  padding:0 0 4px;
  *width:auto;
  _width:93%;
  font-size:100%;
}

div.journalContainer div.entryFooter div.addBlogComment h3 {_margin:0; _width:99%;}
div.journalContainer div.entryFooter div.addBlogComment div.controls {border:none;}

/* entry comments */
div.journalContainer ul.entryComments {
  list-style:none; 
  margin:0; 
  padding:0 0 12px 18px; 
  background:#fff;
  }
div.journalContainer ul.entryComments li {
  list-style:none; 
  margin:0; 
  padding:4px 6px 2px 0; 
  border-top:1px solid #C0DACE;
  } 
div.journalContainer ul.entryComments li p {
  margin:4px 18px; 
  *margin-left:19px; 
  padding:0;
  overflow:hidden;
  }
div.journalContainer ul.entryComments li p.commentDate {
  font-size:90%; 
  color:#444; 
  margin-left:19px;
  }
/* h5 wrapped around the name of each commentor */
div.journalContainer ul.entryComments li h5 {
  display:inline; 
  margin:0; 
  padding:3px 0 0 18px; 
  background:url(images/small_blog_comment.gif) no-repeat 0px 3px; 
  color:#000; 
  font-size:100%; 
  font-weight:normal;
  }
div.journalContainer ul.entryComments li.newComment h5 {font-weight:bold;}

  
/* blog instructions */
div.journalContainer div.blogInstructions {
  position:relative;
  margin:0 0 12px;
  padding:3px 12px 6px;
  background:#f1f1f1;
  }
  
div.journalContainer div.blogInstructions h4 {
  margin:3px 0 3px;
  padding:0;
  font-size:100%;
  background:transparent;
  text-align:left;
  }

div.journalContainer div.blogInstructions p {
  margin:0;
  padding:0;
  }


/* journalNav is the right column with the EUD portlet ui */
div.journalNav {
  float:right; 
  width:25%;
  }

div.journalNav div.portlet {
  margin:0;
  border:none;
  }

div.journalNav div.portlet, 
div.journalNav div.portletBlock, 
div.journalNav ul, 
div.journalNav ul li {background:transparent;}

div.journalNav ul li {
  _width:100%; 
  overflow:hidden;
  }

div.journalNav div.portlet div.portletBlock {
  margin:0; 
  border:2px solid #A8BEDA;
  }
  
div.journalNav div.portlet ul.blockGroups li a.itemHead {border-top:1px solid #A8BEDA;}

div.journalNav div.portlet ul.blockGroups li:first-child a {border:none;}

div.journalNav li.currentBlog {font-weight:bold;}

div.journalNav li.currentBlog span {font-weight:normal;}

/* flags new blog activity in the data tables for blog list, etc. */
div.journalContainer a.newItem, 
div.journalContainer a span.newItem,
div.journalNav a.newItem, 
div.journalNav a span.newItem {font-weight:normal;} 

div.journalNav div.portlet ul.blockGroups div.blogAction {
  margin:4px 9px 6px; 
  font-size:95%;
  }

/* new entry/post styles for blog.htm */
div.journalContainer ul.entryComments li span.newItems,
div.journalContainer div.entryFooter div.commentControls span.newItems,
div.journalContainer div.blogEntry h4 span.newItems {
  background:#FFF1C5;
  padding:0 3px;
  /*font-size:90%;*/
  font-weight:normal;
  color:#000;
}

div.journalContainer div.commentControls span.newItems {
  display:block;
  float:left;
  margin-left:4px;
  }
  
div.journalNav div.portletBlock ul.blockGroups li span.newItems,
div.journalNav ul.iconLegend li span.newItems {
  background:#FFF1C5;
  padding:0 2px 2px;
  margin-left:0;
  color:black;
}

/* icon legend in the blog nav bar */  
div.journalNav ul.iconLegend {
  list-style-type:none;
  margin:9px 0;
  padding:0;
} 

div.journalNav ul.iconLegend li {
  margin:0;
  padding:0 0 2px;
  font-size:90%;
}

div.journalNav ul ul {margin-left:9px;}

div.journalNav ul#blogArchive ul {margin:0 9px 9px 18px;}
/*-------------------------------------------END JOURNALS----------------------------------------------------*/
	
/*-----	GRADEBOOK -----------------*/
/*---Gradebook styles---*/



.subActionBar {
	font-size:95%;
	padding:0px 3px 0 3px;
	*padding:0px 12px 6px 12px;
	background:#EDDCA5 url(images/gradient_black_short_tb.png) repeat-x  0 -18px;
	border:1px solid #D7BB66;
	border-left:none;
	border-right:none;
	margin:-1px 0 0 0;
	_background-image:none;
}

.subActionBar fieldset {border:0;}

.subActionBar fieldset legend {line-height:0;visibility:hidden;height:0;}

.subActionBar div.block, .subActionBar div.button {
	float:left;
	margin:3px 0;
	padding:4px 9px;
	_padding:0px 9px;
	border-left:1px dotted #d7bb66;
	_border-left:none;
}

.subActionBar span.block, .subActionBar span.button {
	float:none;
}

.subActionBar li.sub { position: relative; }


.subActionBar select {
	max-width:180px;
	vertical-align:middle;
}

.subActionBar span {
	padding:0 0 0 9px ;
}

.subActionBar div.button {
	padding:6px 12px;
}

.subActionBar div.last {
	border-right:none;
}

.subActionBar fieldset {
	padding:0;
	margin:0;
}

.subActionBar optgroup {
	font-style:normal;
	font-weight:normal;
	color:#777;
	border-top:1px solid #ddd;
	margin-top:6px;
}

.subActionBar optgroup option {
	color:#000;
}

.subActionBar ul li.sortableSelector a {
	padding-left:18px;
}


.navPageHeader {margin:1em 0;text-align:center;}
.navPageHeader h3 {margin-left:12px;display:inline;}
.navPageHeader span {
	color:#888;
	margin:0 6px 0 0;
	font-weight:normal;
}

/*h3.navPageHeader {
	text-align:center;
}

h3.navPageHeader span.headerBlock {
	margin:0 0px 0 18px;
}

h3.navPageHeader span.headerBlock span {
	color:#888;
	margin:0 6px 0 0;
	font-weight:normal;
}*/

fieldset.secondaryActions, div.secondaryBlock {
	float:right;
}

/*Grade information bar.*/
.cellStatus {
	background:#EFEFEF;
	border:1px solid #CCCCCC;
	font-size:95%;
	margin-top:4px;
	white-space: nowrap;
}

.cellStatus div {
	border-right:1px solid #CCCCCC;
  display:inline;
  white-space: nowrap;
	padding:1px 8px;
}

.statusTitle {
	background:#999999;
	color:#FFFFFF;
	font-weight:bold;
}

.cellStatus div.iconlegend {
	border:0;
	float:right;
	margin-right:3px;
	padding:0px;
}

.sortImage {
	position:absolute;
	top:9px;
	left:6px;
}


/*Informational bubbles*/

.bubble {
  display: none;
	padding:0pt;
	position:absolute;
	width:190px;
	z-index:1000;
}

.bubble ul {
	background-color:#E2EEFE;
	border:1px solid #ACC2DF;
	border-bottom:1px solid #5577bb;
	border-right:1px solid #5577bb;
	list-style-type:none;
	margin:0;
	padding:6px 6px 0px 6px;
	z-index:100;
	overflow:hidden;
}

.bubble ul li {
	clear:left;
	color:#666666;
	float:left;
	font-size:90%;
	font-weight:bold;
	margin:0pt 0pt 4px;
	padding:0pt;
	width:174px;
}

.bubble ul li span {color:#666666;
	display:block;
	float:left;
	font-weight:normal;
	margin-right:3px;
	width:80px;
}

.bubble ul li span.icon {
	float:left;
	width:20px;
}

.bubble ul li span.label {
	font-size:100%;
	font-weight:normal;
	width:147px;
}

.bubbleStem {
  height:14px;
  position:relative;
  width:190px;
}


.bottom .bubbleStem {
  bottom:4px;
}

.top .bubbleStem {
  top:-2px;
}

.left .bubbleStem {
  padding-left:24px;
}

.right .bubbleStem {
  right:24px;
  text-align:right;
}

.rumble ul li.secondary a, .rumble_top ul li.secondary a {background-color:#ddd;border:1px solid #bbb; }
.rumble ul li.secondary a:hover, .rumble_top ul li.secondary a:hover {background-color:#fff;border:1px solid #333; }

/*-- PULLDOWN MENUS IN A SECONDARY ACTION BAR ON GRADE CENTER'S MAIN PAGE---*/
ul.selectList {
	list-style:none;
	margin:0 6px 0 0;
	padding:0;
	float:left;
}

ul.selectList li {
	float:left;
	margin:0 3px 0 0;
	padding:2px 0 0 0;
	*padding:2px 0 4px 0;
	z-index:99;

}

ul.selectList li.sub {
	padding-top:0;
}

ul.selectList li.sub a {
	display:block;
	padding:2px 3px 2px 9px;
	text-decoration:none;
}


ul.selectList li.sub:hover ul {
	left:0;
	top:20px!important;
}


ul.selectList li.sub ul li {
	float:none;
	position:static!important;
	margin:0;
	padding:0;
}

ul.selectList li.sub ul li h4 {
	color:#888;
	margin:0;
	padding:6px 0 0 3px;
	font-weight:bold;
	font-size:90%;
	display:block;
	border-bottom:1px solid #ccc;	

}


ul.selectList li.sub ul li h4 {
	width:152px;
}

ul.selectList li.sub ul li a, ul.selectList li.sub ul li a:hover {
	border:none!important;
	background-image:none!important;	
	padding:2px 3px 2px 14px;
}


ul.selectList li.sub ul li a:hover {
	background-color:#FFFFFF;
}

ul.selectList li.sub a span img {
	opacity:0;
	width:12px;
	height:12px;
}

ul.selectList li.sub a span {
	background:transparent url(images/expand.gif) no-repeat center center;
	padding:0;
}

ul.selectList li.sub a span#currentView, ul.selectList li.sub a span#currentSortBy,
ul.selectList li.sub a span#currentColSortDir {
  background-image:none;
}

ul.selectList li.sub ul li.current a, ul.selectList li.sub ul li.current a:hover {
	background:#fff url(images/current.gif) no-repeat 1px 4px!important;
	    padding:2px 3px 2px 18px;
		width:137px;

}

div.gradeDetailsStep {
	overflow-x: auto;
	overflow-y: visible;
	border-bottom: 2px solid #CCCCCC;
	margin:0 0 6px;
}
	
/*-----	REPORTS ------------------------------*/
/*Reports styles*/


body.reports {
	background:#f0f0f0;
}



/*Reports list. Somwe styles from data_collection.css are used here as well.*/
body.reports ul {
	list-style:none;
	padding:0 24px 24px 24px;
	margin:0;
}

body.reports ul li {
	clear:both;
	padding:0 12px 6px 12px;
}

body.reports ul li div.label {
	color:#777;
}

body.reports ul li:after {
	content: ".";
 	display: block;
  	height:0;
  	clear: both;
  	visibility: hidden;
}


/*TOC list modifications*/
div.toc_div ol li ul li {
	padding:0;
	margin:0;
}
 
/*Reports Headers*/
body.reports h1 {
	font-size:160%;
	padding:9px 18px;
	margin:0;
	background:#555 url(images/gradient_black_short_bt.png) repeat-x bottom right;
	_background-image:none;
	color:#fff;
}

body.reports h2 {
	font-size:150%;
	padding:3px 6px;
	margin:6px 18px 6px 14px;
	color:#000;
}

body.reports div.toc_div h2  {
	background:none;
}
body.reports h3 {
	font-size:140%;
	padding:3px 6px;
	margin:6px 18px 6px 30px;
}

body.reports h3 a {
	color:#7d899e;
	text-decoration:none;
}

body.reports h3 a img {
	margin-right:6px;
	vertical-align:middle;
}

body.reports h4 {
	font-size:115%;
	color:#fff;
	background:#bbb;
	margin:0 10px;
	padding:3px 12px;
	*height:1%;
}

body.reports ul li h5 {
	margin:12px -12px 0 -12px;
	padding:0 0 6px 0;
	font-size:100%;
	border-bottom:1px solid #ccc;
}

body.reports table.attachments {
	width:auto;
	margin:0;
	}
	
body.reports table.wide {
	width:100%;
	margin:0;
}

/*TOC modifications*/
div.toc_div {
	margin:6px 18px 18px 18px;
	clear:both;
	padding:4px 0 4px 8px;
	*padding:0px 0 4px 8px;
	border:2px solid #ccc;
}

div.toc_div h2 {
	margin:0;
	padding:0;
}

div.toc_div h2 a {
	text-decoration:none;
	font-size:85%;
}

div.toc_div h2 a img {
	margin-right:6px;
}

div.toc_div a.toggle {
	text-decoration:none;
	background:#f6f6f6;
	font-size:95%;
	float:right;
	font-weight:normal;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:8px 10px 8px 10px;
	*padding:6px 10px 7px 10px;
	*margin-top:2px;
	position:relative;
	top:-4px;
	_top:-2px;
	_*padding:5px 10px 6px 10px;
}

div.toc_div a.toggle:hover {background:#fff;}

div.backtotop, div.dateofreport {float:right;}

div.dateofreport {margin:6px 18px 12px 0;}

/*Collapsible block*/
body.reports div.block {
	border:1px solid #ccc;
	margin:0 36px 24px 36px;
	background:#fff;
}

/*Back to top link located at the bottom of a block.*/
div.backtotop {
	margin-bottom:-40px;
	margin-right:-1px;
	float:right;
	position:relative;
}
div.backtotop a {
	text-decoration:none;
	background:#f6f6f6;
	font-size:95%;
	padding:3px 12px 3px 8px;
	border:1px solid #ccc;
	border-top:none;
	display:block;
}

div.backtotop a:hover {background:#fff;}

div.backtotop a img {margin-right:5px;}

/*-----	DYNAMIC ELEMENTS -----------------------*/
/*
These styles are used to style items appearing dynamically on a page.

*/



/*----------------------------------------CONTEXTUAL MENU LINKS------------------------------------------------*/



/* Default contextual menu link (large). */
a.cmimg {
	background:transparent url(images/cm_arrow.gif) no-repeat -1px -1px;
	opacity:0.8;
	filter:alpha(opacity=80);
	padding:0 0 1px 0;
	font-size:12px;
	zoom:1;
}

a.cmimg:hover, a.cmimg:focus{
	opacity:1;
	filter:alpha(opacity=100);
}

a.cmimg img {
	width:16px;
	height:15px;
	padding:0;
	margin:0;
	opacity:0;
	filter:alpha(opacity=0);
}


/* Contextual menu link (small). */
div.navPalette ul.courseMenu a.cmimg, .portlet a.cmimg {
	position:absolute;
	right:4px;
	top:5px;
	margin:0;
	padding:0;
	background:transparent url(images/cmlinkoptions.gif) no-repeat 0 0;
	opacity:0.7;
	filter:alpha(opacity=70);
}

div.navPalette ul.courseMenu a.cmimg:hover, .portlet a.cmimg:hover,
div.navPalette ul.courseMenu a.cmimg:focus, .portlet a.cmimg:focus {	
	opacity:1;
	filter:alpha(opacity=100);
	background-color:transparent;
}

.portlet a.cmimg {
	position:relative;
	right:0;
	top:2px;
	border:0;
}

div.navPalette ul.courseMenu a.cmimg img, .portlet a.cmimg img {
	width:13px;
	height:13px;
	opacity:0;
	filter:alpha(opacity=0);
}




/*Generic reorder image inside reorder elements*/

span.reorder img {opacity:0;filter:alpha(opacity=0);}

h3 span.reorder img {margin:6px 3px}


/*------------------------------------------------------------------------
	
			DYNAMIC FLYOUTS, CONTEXTUAL MENUS (DEFAULT SIZE AND MINIMIZED), 
			QUICK ADD AND KEYBOARD ACCESSIBLE PALETTES.
				
--------------------------------------------------------------------------*/

/* Contextual menu  and mini menu containers. Hidden until called.*/
.cmdiv, .menumini, div.quickAddPal, div.keyboardAccess {
	position:absolute; 
    display:none;
	z-index:200;
}

/* color picker palette - uses a grid of swatches which is wider than 19em */
.quickAddColor {width:311px;}
.quickAddColor a.genericButton {
  float:left; 
  margin:2px 0;
}
div.quickAddColor div.field input.title_color {width:7em;}

/* Default flyout and contextual menu attributes. */
ul.nav li.sub ul, .cmdiv ul, .menumini ul, div.quickAddPal, div.keyboardAccess {
	list-style-type: none;
	margin:0;
	padding:0;
	background-color:#ddd;
	border:1px solid #555;
	zoom:1;
	z-index:200;
}

.quickAddPal {
  width:auto;
  *width:19em;
  font-size:90%;
  *font-size:85%;
}

ul.nav li.sub ul {
	top: -10000px;
	position: absolute;
	padding:0;
	background:#ddd;
}

.cmdiv {
	border-bottom:1px solid #555;
}

/* Positioning contextual menu relative */
.cmdiv ul {
	width:190px;
	border-bottom:0;
	border-top:1px solid #bbb;
	padding:0;
}

.menumini ul {	
	width:120px;
}

/* Removing top border from the first list in the contextual menu.  */
.cmdiv ul:first-child, .menumini ul:first-child  {	
	border-top:none;
}

ul.nav li.sub ul li {
	margin:0;
	padding:0;
	float:none;
	position:relative;
}

/* Links inside the flyout menu and a contextual menu.. */
ul.nav li.sub ul li a, ul.nav li.sub ul li a:hover, .cmdiv a, .menumini a,
ul.nav li.sub ul li a:focus  {
  	width:140px;
  	background:#ddd;
	color:#444;
	text-decoration:none;
  	display: block;
  	margin:0;
  	padding: 3px 9px 3px 9px;
	border:0;
	border-top:1px solid #bbb;
	font-weight:normal;
		overflow-x:hidden;
	word-break: normal;
	word-wrap: break-word;	
}

/* Contextual menu link specific attributes */
.cmdiv a {
  	font-size:100%;
 	border:none;
	width:auto;
}

.menumini a {
  padding:2px 8px 2px 8px;
  font-size:90%;
  *font-size:85%;
  border:none;
   width:auto;
}


/*flyout for multiple help links*/
ul.nav li.sub ul.narrow {width:130px;_height:1%;zoom:1;padding:0;*float:none;*clear:both;z-index:5000;}
ul.nav li.sub ul.narrow li {zoom:1;margin:0;*float:none;*clear:both;border:0;*height:1%;}

ul.nav li.sub ul.narrow  li a, ul.nav li.sub ul.narrow  li a:hover {
	zoom:1;
	padding:0px 6px 0px 6px;
	background-image:none;
	text-align:left;
	border:0;
	*font-size:85%;
	width:118px;
	*float:none;
	*clear:both;
	display:block;
	margin:0;
}

ul.nav li.sub ul.narrow  li a:hover, ul.nav li.sub ul.narrow  li a:focus {background:#fff;}
div.topTabs-compact ul.nav li.sub ul.narrow  li {padding:0;*margin:-2px 0 0 0;}
div.topTabs-compact ul.nav li.sub ul.narrow  li a, div.topTabs-compact ul.nav li.sub ul.narrow  li a:hover {padding:0px 4px 0px 6px;border:0;margin:0;display:block;}

/*IE6 and IE7 hack forcing parent of the flyout down the z-index*/
div.topGlobalLinks ul.nav li.sub {*z-index:1000!important;*zoom:1;*height:1%;}


.cmdiv ul li:first-child a, .menumini ul li:first-child a {	
	/*border-top:none;*/
}

ul.nav li.sub ul li:first-child a {
	border:0;
}

/* Setting up for the small flyout menu link. */
div.actionBarMicro ul.nav li.sub ul li a, div.paneTabs ul.nav li.sub ul li a {
  	display: block;
	width:100px;
  	margin:0;
  	padding: 2px 8px 2px 8px;
	border:0;
	font-size:90%;
	*font-size:85%;
	font-weight:normal;
  	text-decoration:none;
	background:#ddd;
  	color:#444;
}

div.paneTabs ul.nav li.sub ul li a {
	text-align:left;
}

ul.nav li.sub ul li a:hover, .cmdiv a:hover, .menumini a:hover, ul.nav li.sub ul li a:focus, .cmdiv a:focus, .menumini a:focus  {
	background-color:#fff;
	color:#000;
}

div.actionBarMicro ul.nav li.sub ul li a:hover,
div.paneTabs ul.nav li.sub ul li a:hover,
div.actionBarMicro ul.nav li.sub ul li a:focus,
div.paneTabs ul.nav li.sub ul li a:focus {
  	background:#fff;
	border:0;
	color:#000;
}

/*show the submenus on hover or mouseover*/
ul.nav li.sub:hover ul, div.actionBarMicro ul.nav li.sub:hover ul  {
	top:24px;
	left:0px;
	z-index:201;
}

/*Reducing top position for smaller menus*/
div.actionBarMicro ul.nav li.sub:hover ul,
div.rumble_top ul.nav li.sub:hover ul,
div.rumble ul.nav li.sub:hover ul  {
	top:20px;
	left:0px;
}

/*Reducing top position for smaller menus*/
div.paneTabs ul.nav li.sub:hover ul {
	top:28px;
	left:0px;
}

div.paneTabs ul.nav li.button:hover ul {
	top:24px;
	left:0px;
}

/*Reducing top position for smaller menus*/
div.rumble_top ul.nav li.sub ul li a,
div.rumble ul.nav li.sub ul li a{
	padding:2px 8px;
	width:120px;
}

/* "Close menu" element. */
.cmdiv li.contextmenubar_top, .menumini li.contextmenubar  {
  	background-image:none;
	position:absolute;
	text-align:right;
	display:block;
	width:192px;
	top:-18px;
	*top:-17px;
	right:0px;
	background:none;
	border-bottom:none;
	border:none;
	padding:0;
}

.menumini li.contextmenubar  {	
	width:122px;
	top:-16px;
	*top:-17px;
}

.cmdiv li.contextmenubar_top a, .cmdiv li.contextmenubar_top a:hover {
	background:#CCC;
	padding:0px 2px 2px 2px;
	border:1px solid #555;
	border-bottom:none!important;
}

.menumini li.contextmenubar a, .menumini li.contextmenubar a:hover {
	background:#ccc;
	padding:0px 2px 2px 2px;
	border:1px solid #555;
	border-bottom:none!important;
}







/*--------------------- QUICK ADD and KEYBOARD-ACCESSIBLE REORDERING PALETTES --------------------------------*/

/* Wrapping container for keyboard-accessibility and  quick-add palettes is the same as that for cmdiv above.
	See "div.quickAddPal, div.keyboardAccess" above. */
div.quickAddPal h3, div.keyboardAccess h3, div.quickAddPal div.quickAddPalHeader {
	margin:0 0 4px 0;
  border-bottom:1px solid #555;
	padding:3px 12px;
	background:#ccc;
  font-size:100%;
  font-weight:bold;
}

div.quickAddPal h4, div.keyboardAccess h4 {
	font-size:100%;
	margin:0 0 4px 0;
	padding:3px;
}

div.quickAddPal div.controls, div.keyboardAccess div.controls {
	border-top:1px solid #ededed;
	margin:0px 2px;
	padding:3px 3px 3px 9px;
	text-align:right;
	clear:both;
}

div.keyboardAccess div.minicolumn  {float:left;}
div.keyboardAccess div.minicolumn  {margin:0 9px 0 9px}

div.keyboardAccess p.paletteHelp {
	margin:6px 9px;
	padding:3px 6px;
	white-space:normal;
	background:#fff1c5;
	border:1px solid #ffcc00;
	font-size:90%;
}

div.keyboardAccess p.colspan-1	{
	width:120px;
}

div.keyboardAccess p.colspan-2	{
	width:260px;
}

div.keyboardAccess p.colspan-3	{
	width:390px;
}






/*---------------------------KEYBOARD-ACCESSIBLE REORDERING CONTROLS------------------------------------------------*/

div.orderingControls-ns {
	text-align:center;
	padding:9px 3px 3px 25px;
	display:block;
	float:none;
}

div.orderingControls-ew  {
	float:left;
	padding:40px 0 0 0;
}
	
div.orderingControls-ns a, div.orderingControls-ew a {
	border:1px solid #ccc;
	display:inline;
	margin:0 2px 0 0;
}
div.orderingControls-ew a {
	border:1px solid #ccc;
	display:block;
	margin:0  0 2px 0;
}

div.orderingControls-ns a img, div.orderingControls-ew a img {
	width:16px;
	height:16px;
}


div.orderingControls-ns a.up {
	background: url(images/small_up.gif) no-repeat 0 0;
	background-color:#ededed;
}

div.orderingControls-ns a.down {
	background: url(images/small_down.gif) no-repeat 0 0;
	background-color:#ededed;
}

div.orderingControls-ns a.top {
	background: url(images/small_top.gif) no-repeat 0 0;
	background-color:#ededed;
}

div.orderingControls-ns a.bottom {
	background: url(images/small_bottom.gif) no-repeat 0 0;
	background-color:#ededed;
}

div.orderingControls-ew a.first {
	background: url(images/small_rewind.gif) no-repeat 0 0;
	background-color:#ededed;
}

div.orderingControls-ew a.next {
	background: url(images/small_next.gif) no-repeat 0 0;
	background-color:#ededed;
}

div.orderingControls-ew a.previous {
	background: url(images/small_previous.gif) no-repeat 0 0;
	background-color:#ededed;
}

div.orderingControls-ew a.last {
	background: url(images/small_ffwd.gif) no-repeat 0 0;
	background-color:#ededed;
}

div.orderingControls-ns a:hover, div.orderingControls-ew a:hover,
div.orderingControls-ns a:focus, div.orderingControls-ew a:focus {
	background-color:#fff;
	border:1px solid #aaa;
}
	




/*--------------------------------- RECEIPTS ---------------------------------------------------------*/


.receipt {
	margin:0 0px 6px 0px;
	padding:4px 6px;
	position:relative;
	*margin:0 3px 6px 3px;
}

.receipt a.close {
	position:absolute;
	top:0px;
	right:6px;
	opacity:0.7;
	*top:3px;
	*right:5px;
	_right:20px;
	filter:alpha(opacity=70);
}

.bad {
	background:#FFB1AF;
	border:1px solid #8F0C08;
	font-weight:bold;
	color:#8F0C08;
}

.good {
	background:#BEF057;
	color:#3B4A1B;
	border:1px solid #3B4A1B;
	font-weight:bold;
}

.infoReceipt {
	background:#6495ed;
	color:#fff;
	font-weight:bold;
}

.infoReceipt a {
	color:#fff;
}

div.infoReceipt span.mainButton, p.helphelp span.mainButton {
	font-size:100%;
font-weight:bold;
  	text-decoration:none;
  	padding:1px 7px;
  	color:#fff;
	background-color:#819AC0;
	background-image:url(images/gradient_black_short_bt.png);
	background-position: 0 center;
	background-repeat:repeat-x ;
	border:1px solid #666E94;
  	border-bottom:2px solid #444A6C;
  	border-right:2px solid #444A6C;
	_background-image:none;
opacity:.8;
	filter:alpha(opacity=80);
 }

.inlineReceipt {
	margin:6px 0px 6px 0px;
	padding:6px 9px;
	position:absolute;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	*margin:0 3px 6px 3px;
	display:none;
}


/*--------------------COURSE MENU IN A WINDOW WRAPPER-----------------------------*/


body.cmPopup #navigationPane {position:relative;margin:0px;width:auto;}


.cmWrapper {
	position:relative;
	padding-top:12px!important;
}

.cmWrapper div.navPalette {
	position:relative;
	margin:0px 14px 12px 14px;
}

	
	
/*------------------------------------TAB PREVIEW ON THE SYSTEM TAB GROUPING PAGE----------------------------------------------------*/

div.tabPreview {
	position:relative;
	border:12px solid #cdcdcd;
	width:auto;
	z-index:1;
	margin:0 6px 6px 6px;
	background:#cdcdcd;
}

div.tabPreview div.paneTabs {margin-top:12px;}






/*-----------------------------------STATUS INDICATORS IN THE INVENTOTY TABLE----------------------------------------*/

div.status {
	color:#000;
	font-size:90%;/**/
	text-align:left;
	padding:1px 6px 3px 6px;
	margin:0;
	background:#f9f9f9;
	display:block;
}
  
/*div.stopped strong, span.stopped {color:red; font-weight:bold;}*/
div.status a img {vertical-align:middle;}

div.status p {
	padding:1px;
	border:1px solid #ccc;
	font-size:90%;
	color:#444444;
	margin:2px auto 4px auto;
	text-align:left !important;
	line-height:10%;
	*height:12px!important;
	*padding:0 2px;
	background:#fff;
}
 
div.status p img {
	margin:0px !important;
	background-color:#8DAFAF;
	height:8px;
	padding:0;
}

div.stopped p img {
	background:#fff url(images/progress_stopped.gif);
}

div.status a.buttonMicro {
	padding:0px 5px;
	background:#ededed url(images/button3_back.gif) repeat-x scroll 0%;
	font-size:90%;/**/
	text-decoration:none;
	border:1px solid #ccc;
	color:#666;
	margin:1px auto;
}

div.status div {
	position:relative;
	text-align:center;
}

div.status a.buttonMicro:hover,
div.status a.buttonMicro:focus {
	background:#fff;
	border:1px solid #aaa;
	color:#333;
}






/*---------------------------SEARCH BAR -------------------------------*/

/*	Searchbar is an element displayed under an action bar by clicking on a "Search" or similar button. 
	Searchbar is hidden by default. */

.searchbar, .searchbarPicker {
	margin:-1px 0 0 0 ;
	padding:2px;
background:#ddd url(images/dcp_block_bg.png) no-repeat right bottom;
	border-bottom:1px solid #bbb;
	border-left:none;
	border-right:none;
	position:relative;
	_height:1%;
	/*z-index:1;*//*causes date/time pickers to be displayed under*/
}

.searchbarPicker {

	font-size:90%;
}

.searchbar:after, .searchbarPicker:after {
	content:".";
	display: block;
  	height:0;
  	clear: both;
  	visibility:hidden;
}

.searchbar a.close, .searchbarPicker a.close,  .previewPanel a.close    {
	position:absolute;
	right:6px;
	top:3px;
	opacity:0.8; 
}

.slideshowControls {
	font-size:100%;
	margin:8px auto 12px auto;
	text-align:center;
}


.searchbar fieldset, .searchbarPicker fieldset {
  	border:0;
  	margin:0;
  	padding:6px 9px 6px 9px;
}

.searchbar fieldset legend, .portlet fieldset legend, .searchbarPicker fieldset legend {
	visibility:hidden;
	line-height:0;
	height:0px;
}

.searchbar fieldset input, .searchbar fieldset select,
.searchbarPicker fieldset input, .searchbarPicker fieldset select {
  	border:1px solid #666;
  	vertical-align:middle;
  	margin:3px 0;
  	padding:1px;
}

.searchbar *input[type="radio"], .searchbarPicker *input[type="radio"],
.searchbar *input[type="checkbox"], .searchbarPicker *input[type="checkbox"] {
	border:none;
}

.searchbar fieldset label, .portlet fieldset label, .searchbarPicker fieldset label, {
	font-size:100%;
}


.searchbar h2, .searchbarPicker h2 {
  	margin:0;
  	padding:1px 6px;
  	font-size:110%;
  	font-weight:bold;
}

/*In case list is used in the searchbar.*/
.searchbar fieldset ol, .searchbarPicker fieldset ol {
	list-style-type:none;
	padding:0;
	margin:0;
}

.searchbar fieldset ol li.groupLabel, .searchbarPicker fieldset ol li.groupLabel {
	font-weight:bold;
	padding:5px 3px 0 0;
}

.searchbar fieldset ol li, .searchbarPicker fieldset ol li {
	float:left
}

.searchbar fieldset ol li.options, .searchbarPicker fieldset ol li.options {
	float:right;
}



/*=== THEME PREVIEW PANEL ===*/

.tabGroupsPreview {
	margin:-11px -12px 24px -12px;
}

.previewContent {
	position:relative;
	width:auto;
	padding:14px;
	z-index:1;
	margin:0 14px 11px 14px;
	background:#aaaurl(images/dcp_block_bg.png) no-repeat right bottom;
}
 
.previewContent iframe {height:300px;width:100%;}

.previewOverlay {	
	top:130px;
	width:100%;
	text-align:center;
	position:absolute;
	color:#555;
	font-size:300%;
	text-transform:uppercase;
	letter-spacing:10px;
	font-weight:bold;
	filter:alpha(opacity=36);
}

.previewOverlay span {background-color:white;opacity:.36;filter:alpha(opacity=36);padding:6px 12px 6px 24px}

p.warning {
	padding:9px 18px 12px 18px;
	background-color:#CF1D19;
	margin:12px 0 24px 0;
	color:#fff;
	font-size:100%;
}

.tabGroupsPreview  .previewOverlay {top:54px;}



b.shadow {display:block;height:9px;margin:0 1px;overflow:hidden;background:transparent url(images/bg_content_shadow.png) repeat-x 0 -3px ;}

/*------------------------DATE AND TIME SELECTORS---------------------------------------*/
  
  /*\*/
html*div.calPicker {
  overflow:auto;
  width:30em;
  max-width:60%;
  padding:0 0 21px;
}/*end*/

div.calPicker {
  z-index:1500!important;
  *overflow:visible !important;
  *width:auto !important;
  *max-width:auto !important;
  *padding:0 !important;
  }

div.calPicker div.calHead {
  position:relative;
  padding:3px;
}

div.calPicker h3 {
  margin:0 40px;
  border:none;
  padding:0;
  background:none;
  text-align:center;
}

div.calPicker div.previous {
  position:absolute;
  top:2px;
  left:2px;
}
div.calPicker div.next {
  position:absolute;
  top:2px;
  right:2px;
  text-align:right;
}

div.calPicker div.calFoot {
  clear:both;
  padding:6px 3px;
  text-align:center;
}

div.calPicker a.contextmenubar, div.calPicker a.contextmenubar:hover {
	display:block;
  background:#ccc;
	padding:0px 2px 2px 2px;
  text-align:right;
}

div.timediv ul {
  width:8em;
  height:200px;
  overflow:auto;
}

div.timediv ul li.contextmenubar_top {width:8.15em;}

div.timediv ul li a {
  padding:3px 6px;
  background:transparent;
}

/* -----------------------TAGGING ------------------------------ */
ul.buildList ul.detailList li span.hidden {
  display: none;
}

ul.buildList ul.detailList li span.tagContainer {
  position:relative;
}

ul.buildList ul.detailList li span.tagContainer span.hidden {
  display:none;
}

ul.buildList ul.detailList li span.tagContainer,
ul.buildList ul.detailList li span.tagContainer span {
  float:none; 
  display:inline; 
  padding:2px 2px 2px 0; 
  width:auto;
  font-weight:normal;
}

ul.buildList ul.detailList li span.tagContainer input,
span.tagContainer input {
  float:none;  
  display:inline; 
  margin:0;
  border:1px solid #555;
  font-size:95%;
  vertical-align:middle;
}

ul.buildList ul.detailList li span.tagContainer a.browse,
span.tagContainer a.browse {
  font-size:95%;
  vertical-align:middle;
}

span.tagContainer span.newTagForm {
  margin-left:6px;
  border-left:1px dotted #999;
}

span.tagContainer span.newTagForm label {padding-left:6px;}

span.currentTags {
  display:none;
  position:absolute;
  top:1.2em;
  right:0;
  border:1px solid #555;
  background-color:#ddd;
  width:16em;
  line-height:1.8;
  zoom:1;
  z-index:100;
  overflow:hidden;
}

span.currentTags span {
  display:block;
  padding:18px 6px 6px;
}

span.currentTags a {
 font-weight:bold;
}

span.currentTags a.closeCloud {
  display:block;
  position:absolute;
  top:0;
  left:0;
  padding:0 2px 1px;
  background:#ccc;
  width:98%;
  text-align:right;
  line-height:1;
}

/* styles for the "auto-complete-tag" feature in the listActionBar of Surveys */
div.auto_complete {
  width:12em;
  border:1px solid #555;
  background:#DDD;
  z-index: 100;
}

div.auto_complete ul {
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none;
}

div.auto_complete ul li {
  margin:0;
  padding:2px 1% 2px 3%; /* Need to coordinate padding and width to accomodate IE box calucations */
  width:96%;
  cursor:pointer;
  overflow:hidden;
}

div.auto_complete ul li.selected { 
  background-color:#fff; 
}

div.auto_complete ul strong.highlight { 
  margin:0;
  padding:0;
} 

/** Drag and drop dropzone */
div.dropzone
{
  border: 2px dashed #333333;
  margin: 5px;
}
	
/*-----	POPUPS ---------------------------------*/

	
/*-----	COPYRIGHT ------------------------------*/

#copyright {
	display:block!important;
	background:transparent; 
	width:500px; 
	font-size:85%;  
	color:#000; 
	margin:9px auto; 
	position:relative;

}

.loginCopyright { 
	width:580px!important; 
}


div.logo, div.productTitle , div.legal,  div.additionalInfo {float:left;min-height:4.3em;	line-height:1.3em;vertical-align:bottom;}
div.productTitle {padding:9px 12px 0px 9px;min-height:auto;}
div.logo {padding:5px 12px 0 0}
div.legal, div.additionalInfo {border-left:1px dotted #efefef;width:18.5em; padding:3px 3px 6px 12px}

div.legal p, div.additionalInfo p {margin:0;padding:0 0 2px 0}

.loginCopyright  div.legal, .loginCopyright  div.additionalInfo {width:24em;min-height:2.5em;	}
.loginCopyright div.legal { 
	border-left:none;
	padding:3px 12px 6px 12px;
	width:24.5em;
}
div.productTitle a  {font-size:125%;font-weight:bold;text-decoration:none;line-height:1.1em;color:#000;text-align:right;display:block;}
div.productTitle a:hover {text-decoration:underline;}
div.additionalInfo a {color:#333}

div.copyrightDetailContents {
	display:none;
	padding: 6px 6px 9px 20px;
	position: absolute;
	top:-.8em;
	left:5.5em;
	width:48em;
	min-height:5em;
	background-color: #404040;
	color:#fff;
	clear:left;
}

.productImg {
	float:left;
	margin-top:5px;
}

div.copyrightDetailContents ul {list-style:none; margin:0 0 0 12px; padding:0;float:left}
div.copyrightDetailContents ul li {margin:0; padding:0px 0;}
div.copyrightDetailContents ul li span, div.copyrightDetailContents ul li i {font-weight:bold;font-style:normal}

a.closeCopyright {float:right;}

/*Image dimensions needed for IE6 png fix hack to work*/
div.logo img {_width:50px;_height:48px;}

/*-----	LIGHTBOX -------------------------------*/
/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */



/*----------------------GENERIC LIGHTBOX STYLES-------------------*/


/*lightboxWrapper is positioned absolutely within a browser window. 
It allows lighbox hover over other items on the page */
div#lightboxWrapper {
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:1001;
}

/*lightboxWrapper-inner is positioned relatively and it's text alignment is set to center.*/
div#lightboxWrapper-inner {
	position:relative;
	top:0;
	left:0;
	text-align:center;
	width:100%;
	z-index:1002;
}


div#lightbox {
	display: block;
	margin:40px 0 0 0;
	position:relative;
	top:auto;
	left:auto;
	z-index:1003;
	text-align:left;
}


#lightbox div#lightboxContent {
	padding:0;
	width:600px;
	margin:0 auto;
	position:relative;
	border:2px solid #000;
	padding:3px;
	background:#ddd;
}

#lightbox div#lightboxContent div.lbContainer {
	background:#ffffff;
	max-height:300px;
}


#lightbox div#lightboxContent div.lbContainer:after {
	content: ".";
	display: block;
	height:0;
	clear: both;
	visibility: hidden;
}
 
div#lightboxContent h2 {
  	margin: 0;
  	background: #ddd;
  	padding: 0.3em 0.6em;
  	position:relative;
}

.lbAction {
	position:absolute;
	right:9px;
	top:6px;
	z-index:1005;
}

#overlay{
	display:none;
	background-color:#000;
	opacity:.30;
	filter: alpha(opacity=30);
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
	right:0;
	bottom:0;
	height:100%;
	width:100%;
}

div#overlay {
	_position:absolute;
}

#lightbox.done #lbLoadMessage{
	display:none;
}

#lightbox.done #lbContent{
	display:block;
}

#lightbox.loading #lbContent{
	display:none;
}

#lightbox.loading #lbLoadMessage{
	display:block;
}

#lightbox.done img {}





/*------------------MY PLACES CONTENT STYLES---------------------------------------*/


.myPlacesContent {
	border: none; 
	background: #fff; 
	padding: 12px 12px 20px 12px; 
	height: auto!important;
	max-height: 500px!important; 
	overflow: auto;
	border:1px solid #999;
}

ul.langOptions {
	list-style: none;
}

ul.langOptions li {
	background: none;
}

.avatar {
	margin: auto;
	border: 1px solid #ccc;
	padding: 4px;
}


/*Rounder elements*/
#lightbox div.topRound, #lightbox div.bottomRound {
	margin:0;
	padding:0;
	clear:both;
}

#lightbox  div.topRound b, #lightbox div.bottomRound b {
	background:#fff;
	display:block;
	overflow:hidden;
}

#lightbox div.topRound b.outer, #lightbox div.bottomRound b.outer {
	height:1px;
	margin:0 3px 0 3px;
}

#lightbox div.topRound b.middle, #lightbox div.bottomRound b.middle {
	height:1px;
	margin:0 2px 0 2px;

}

#lightbox  div.topRound b.inner, #lightbox div.bottomRound b.inner  {
	height:2px;
	margin:0 1px 0 1px;
}

#lightbox  div.topRound b {
	background:#FFF1C5;
}

#lightbox  div.lightBlue b {
	background:#e3efff;
}

#lightbox div.error b {background:#ff0000;}

#lightbox .tallPara {padding:14px 10px;margin:0;}

/*Rounder elements*/

#lightbox div.column-3, #lightbox div.column-2 {
	height:auto!important;
	min-height:200px!important;
	width:33%;
	margin:0!important;
}

#lightbox div.column-2 {width:50%;}
	
/*-----	LEGACY ---------------------------------*/
/*
Legacy stuff. To make sure that 3rd party building blocks look good. 
*/


/*-----------------------------LEGACY ACTIONBAR ELEMENTS----------------------------------------*/

/*Legactinventory control actions: move, copy delete.*/
.actionBar ul li.mainButton-legacy {
	float:left;
	border-right:0;
	padding:0;
	margin:2px 0 0 6px;
	font-weight:normal;
	font-size:95%;
}

.reverseButtons ul li.mainButton-legacy {float:right}

.actionBar ul li.mainButton-legacy a {
	font-size:100%;
  	display:block;
  	text-decoration:none;
  	padding:3px 7px 3px 7px;
  	color:#444;
	border:1px solid #ACC2DF;
	background:#D3E2F5;
 } 

.actionBar ul li.mainButton-legacy a:hover {
   	border:1px solid #ACC2DF;
	border-bottom:1px solid #5577bb;
	border-right:1px solid #5577bb;
	background:#e3efff url(images/rumble_button_back.gif) repeat-x 0 0;
}

/*Inline action controls appearing in tables*/
a.inlineAction-legacy {
	text-decoration:none;
	padding:1px 5px 2px 5px;
	border:1px solid #ACC2DF;
	background:#D3E2F5;
	color:#000;
	font-size:95%;
}

a.inlineAction-legacy:hover {
	text-decoration:none;
	padding:1px 5px 2px 5px;
	border:1px solid #ACC2DF;
	border-bottom:1px solid #5577bb;
	border-right:1px solid #5577bb;
	background:#e3efff url(images/rumble_button_back.gif) repeat-x 0 0;
	color:#000;
	font-size:95%;
}

/*-----	BUTTON COURSE MENU LINKS -----------------*/
div.buttonCm div.navPaletteContent {
	background:transparent;
}

/* --- List width is set to accommodate button image width. 
		Currently narrowes than the default CM list. --- */
div.buttonCm div.navPaletteContent {border:0!important;}
div.buttonCm h2 {border:1px solid #555555;}
div.buttonCm {background-image:none;}
		
div.buttonCm ul.courseMenu  {
	width:175px;
	*width:173px;
		*height:1%;
}

div.buttonCm ul.courseMenu  li, div.buttonCm ul.courseMenu  li.here {
	margin:4px 0 4px -14px;
	*margin:4px -14px 0px -14px;
	position:relative;
	background-color:transparent;
	background-position:14px 0!important;
	background-repeat:no-repeat;

}
 
 
 
/* --- Modifying subhead list element. --- */

div.buttonCm ul.courseMenu   li.subhead {
	padding:0 0 0 20px;
	background:transparent;
	background-image:none;
	*height:1%;
}

div.buttonCm ul.courseMenu  li.subhead h4 {
	padding:0px 16px 0px 6px;
	margin:0pt 0pt 0pt 14px;
	font-size:100%;
	font-weight:bold;
	*height:1%;
}


 
/* --- Modifying divider list element. --- */

div.buttonCm ul.courseMenu   li.divider {
	padding:2px 0 0 14px;
	*padding:0px 0 4px 14px ;
	margin:0 0 0 -14px;
	*margin:0;
	background:transparent;
	background-image:none;
}


 
/* --- Horizontal rule as a divider. --- */

div.buttonCm ul.courseMenu  li.divider hr {
	background-color:#777;
	vertical-align:middle;
	margin:0;
	border:0;
	height:1px;
	position:relative;
	*line-height:1%;
	*top:-9px;
}


/* --------- COURSE MENU LINK. --------- */

div.buttonCm ul.courseMenu  li a, div.buttonCm ul.courseMenu  li a:hover {
	display:block;
	font-weight:normal;
	margin:0 0 0 14px;
	*margin:0 0 0 14px;
	padding:4px 12px 6px 6px;
	text-decoration:none;
	position:relative;
	white-space:nowrap;
	overflow:hidden;
	background-color:transparent;
	background-image:none;
	border-top:0;
}


/* --- Additional styling for the current location. --- */

div.buttonCm ul.courseMenu  li.here a, div.buttonCm ul.courseMenu  li.here a:hover {
	text-decoration:underline;
	background-color:transparent;
}



/*------------------------- CONTEXTUAL MENU LINK STYLES ----------------------------*/

/* --- Styling for the Contextual menu link on the right of Course menu link. --- */

div.buttonCm ul.courseMenu  li a.cmimg, div.buttonCm ul.courseMenu  li a.cmimg:hover, 
div.buttonCm h3 a.cmimg {
	position:absolute;
	right:4px;
	top:6px;
	padding:0;
	background:transparent url(images/cmlinkoptions.gif) no-repeat 0 0;
	opacity:0.6;
	filter:alpha(opacity=60);
}


/* --- Setting dimensions to the spacer image inside the context menu link. --- */

div.buttonCm ul.courseMenu   li a.cmimg img, 
div.buttonCm ul.courseMenu   li a.cmimg:hover img, 
div.buttonCm h3 a.cmimg img, 
div.buttonCm ul.courseMenu  li.subhead a.cmimg img {
	width:13px;
	height:13px;
}


/* --- Modifying for the divider context menu link position. --- */

div.buttonCm ul.courseMenu  li.divider a.cmimg {
	top:-4px;
	*top:-4px;
}


/* --- Modifying for the subhead context menu link position. --- */
 
div.buttonCm ul.courseMenu  li.subhead a.cmimg, div.buttonCm ul.courseMenu  li.subhead a.cmimg:hover  {
	top:3px;
}


/* --- Setting opacity back to 100 on hover. --- */

div.buttonCm ul.courseMenu  li a.cmimg:hover, div.buttonCm h3 a.cmimg:hover,
div.buttonCm ul.courseMenu  li a:hover span.reorder, div.buttonCm ul.courseMenu  li a:hover a.cmimg,
div.buttonCm ul.courseMenu  li:hover span.reorder, div.buttonCm ul.courseMenu  li:hover a.cmimg,
div.buttonCm h3:hover a.cmimg {
	opacity:1;
	filter:alpha(opacity=100);
}


/*------------------------- REORDER INDICATOR STYLES ----------------------------*/


div.buttonCm ul.courseMenu  li span.reorder,  div.buttonCm ul.courseMenu  li.invisible span.reorder {
	position:absolute;
	left:0px;
	top:5px;
	background:transparent url(images/cm_reorder_updown.gif) no-repeat 0 2px ;
	padding:0;
	opacity:0.6;
	filter:alpha(opacity=60);
	width:20px;
	height:16px;
	cursor:move;
}


div.buttonCm ul.courseMenu  li.subhead span.reorder {
	top:0px;
}

div.buttonCm ul.courseMenu  li.divider span.reorder {
	top:-8px;
	*top:-10px;
}




/*Invisible link indicators*/
div.buttonCm li.invisible a span.cmLink-hidden, div.buttonCm li.invisible span.cmLink-empty {
	position:absolute;right:20px;top:7px;
}
div.buttonCm li.invisible span.cmLink-empty {right:32px;}





/* --- Setting bottom rounder display to none. --- */

div.buttonCm div.bottomRound {display:none;}



/*-----	HACKS ----------------------------------*/
/*
All kinds of hacks go here.
*/


/* This is a fix which solves floating issues. To be used when containing div allows childeren to hang outside */
.clearfix:after {
  content: ".";
  display: block;
  height:0;
  clear: both;
  visibility: hidden;
 }
 .clearfix {display:inline-block;}
 /* Hide from IE Mac \*/
 .clearfix {display:block;}
 /* End hide from IE Mac */
 
 .clearfloats {clear:both;}
 
 
 /* For the question completion status in assessments... if we switch away from this then change it, but
    current req. is to leave this bit as/is */
 .qShow
{
    DISPLAY: block
}
.qHide
{
    DISPLAY: none
}
.completionContainer
{
    OVERFLOW: auto;
	PADDING-TOP: 6px;
	PADDING-BOTTOM: 6px;
}
.completionContainerLarge
{
    OVERFLOW: auto;
    HEIGHT: 75px;
	PADDING-TOP: 6px;
	PADDING-BOTTOM: 6px;
}

.pagedAssessment {    
  margin:0 0 0 0 !important;
  background: transparent none repeat scroll 0 0 !important; 
  color: #000000 !important;
}

.pagedRumble {
  background:#FFF7DE !important;
}

.pagedControls {
  margin:-5px -4px -5px -40px !important;
  padding:5px 4px 6px  40px; 
  background:#FFF7DE !important;
  color: #000000 !important;
}

/* This style isn't used right now - was for rendering the paged points in a block without the grey bar
*/
.pagedPointsOutsideBar {
  background: #FAE7AE none repeat scroll 0% !important; 
  color: #000000 !important; 
  font-weight: bold; 
  line-height: 100%; 
  margin: 0pt 0px 0pt 0pt; 
  padding: 0px 0px 0px 0px; 
  position:relative; 
  top: 0pt; 
  left:auto; 
  right: 6px; 
  font-size: 110%; 
  letter-spacing: 1px;
}

.pagedPoints {
  /*background: #FAE7AE none repeat scroll 0% !important;*/ 
  color: #000000 !important; 
  font-weight: bold; 
  line-height: 100%; 
  margin:-5px 24px -5px -10px !important;
  padding:5px 0px 6px  10px; 
  font-size: 110%;
  letter-spacing: 1px;
}

/*----- LOGIN ---------------------------------*/
#loginPageContainer {
  position: relative;
  width: 714px;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
  margin: 0 auto;
  text-align: left;
}

#loginPane {
  margin: 40px 0 12px;
  padding:0 0 9px 0;
  background:transparent url(images/bg_content_shadow.png) repeat-x  right 100%;
}

div.loginBack b {
  background: #94b3de;
}

#loginContainer {
  margin: 0 auto;
  border: 1px solid #000;
  background: #fff;
    zoom:1;
}

#loginHeader {
  background: #fff;
  font-size: 0.85em;
  color: #444;
}

#loginHeader img.productLogo {
  float: left;
  margin: 16px 6px 6px 24px;
  _margin: 9px 6px 9px 24px;
  _width:60px;
  _height:58px;
}

#loginHeader ul {
  float: right;
  margin: 10px 0;
  padding: 0;
  list-style: none;
}

#loginHeader ul li {
  float: left;
  margin: 0;
  padding: 0 10px;
  border-left: 1px dotted #999;
}

#loginHeader ul li:first-child {
  border-left: none;
}

#loginHeader ul li :link .active {
  color: #666;
  text-decoration: none;
}

#loginLang {
  font-size: 0.85em;
  color: #444;
  margin: 0 auto;
  padding: 6px;
  background: #FFF;
  clear: both;
}

#loginLang h2 {
  margin: 1em 0 0.1em 0;
}

#loginLang h3 {
  float: left;
  margin: 6px;
}

#loginLang ul {
  margin: 6px 0;
  padding: 0;
  list-style: none;
}

#loginLang ul li {
  float: left;
  margin: 0;
  padding: 0 6px;
  white-space: nowrap;
}

#loginLang ul li:first-child {
  border-left: none;
}

#loginLang ul li :link .active {
  color: #666;
  text-decoration: none;
}

div.loginBody {
	background-color: #ededed; 
	padding:0;
	border-top:1px dotted #888;
	_border-top-style:solid;
}

#loginBox {
  float: left;
  width: 49.5%;
  background: #ededed;
    border-right: 1px dotted #999;
	_border-right-style:solid;
}

#loginBox h2 {
  margin: 10px 0 10px 10px;
  font-size:135%;
}

#loginBox * div {margin-left:16px}

#loginBox p {
  margin: 10px;
  font-size: 0.85em;
  color: #444;
}

#loginBox ul {
  margin: 6px 12px 12px 12px;
  padding: 0;
  list-style: none;
}

#loginBox li {
  margin: 0;
  padding: 2px 0;
  clear:both;
}

#loginBox li label {
  font-weight: bold;
  width: 80px;
  float: left;
  padding-right: 3px;
}

#loginBox li input[type="text"], #loginBox li input[type="password"] {
  /*border: 2px solid #ccc;*/
}

#loginBox .forgot {
  margin-left: 83px;
  font-size: 85%;
}

#loginBox li input[type="submit"] {
  margin-left: 83px;
}

#loginBox li input.submit {
  margin-left: 83px;
}

#loginBox li input[type="submit"]:hover {
  background: #fff;
}

#loginOptions {
  float: right;
  width: 49%;
  background-color: #ededed; 
  margin-right:6px;
  _margin:0;
}

#loginOptions h2 {
  margin: 10px;
   font-size:135%;
}

#loginOptions p {
  margin: 10px;
  font-size: 0.85em;
  color: #444;
}

#loginOptions ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position:relative;
  bottom:0;
}



#loginOptions ul li {
  margin: 0;
  padding: 1px 0 0;
}

#loginOptions ul li a {
  display: block;
  padding: 9px 12px;
  background: #fafafa;
  font-size: 95%;
  color: #52637b;
  text-decoration: none;
  font-weight:bold;
}

#loginOptions ul li a:hover {
  background: #fff;
  color: #000;
}

#loginOptions ul li.subOption a {
  background: #fafafa;
    font-weight:bold;
}

#loginOptions ul li.subOption a:hover {
  background: #fff;
}

#loginText {
   padding: 12px 80px 18px 80px;
   background:#5f6062;
   border-top:1px solid #777;
   text-align:center;
   _padding:12px 0 18px 0;
  _width: 100%;
}

#loginText p span {
	font-weight:bold;
	font-size:105%;
	color:#fff;
}

#loginText p {
	margin: 0;
	font-size: 95%;
	color: #ededed;
}

#loginImage {
  text-align: center;
  background-color:#fff;
  padding:0;  
  overflow:hidden;
}

#loginImage img {
  margin: 0 auto;
}

#loginAnnouncements {
	clear: both; 
	background: #ddd;
	padding:0 5px 14px 5px;
	border-top:1px solid #eee; 
}

#loginAnnouncements h3 {
	margin: 0 9px 0 9px;
	padding: 6px 12px;
	font-size:110%;
	color:#555;
}

#loginAnnouncements ul {
	margin: 0 9px 0px 9px;
	padding: 1px 12px  8px 12px;
	background:#ebebeb;
	list-style-image: url(/images/ci/ng/list_bullet_single.gif);
}

#loginAnnouncements ul li {
	margin: 5px 5px 5px 15px;
	padding: 4px 0 0 0;
	font-size:90%;
	border-top:1px dotted #999;
}

#loginAnnouncements ul li:first-child {
	border-top:0;
}

#loginAnnouncements ul li a {
	font-size: 95%;
	color: #495a71;
}

/*--------------------Login Module STYLES------------------------------*/

  .portlet #loginBoxFull {
    margin: 0;
	padding: 10px 0 15px 0;
      background-color: #eeeeee;
  }
    
  .portlet #loginBoxFull p { margin: 10px; font-size: 0.85em; color: #444; padding-left: 0;}
  
  .portlet #loginBoxFull p.welcome {
   	margin: 10px;
	padding: 0;
  	font-weight: bold;
	background: none;
	color:#000000;
	font-size: 1.0em;
  }
  
  .portlet #loginBoxFull ul { margin: 6px 12px; padding: 0; list-style: none;}
  .portlet #loginBoxFull li { margin: 0; padding: 2px 0; background-image: none; clear: both;}
    
  .portlet #loginBoxFull li label { font-weight: bold; width: 80px; margin-top: 3px; margin-right: 3px; float: left;}
  .portlet #loginBoxFull li input[type="text"], .portlet #loginBoxFull li input[type="password"] {font-size: 100%; float: left;}
  
  .portlet #loginBoxFull .forgot {
    margin-left: 83px;
	float: left;
  }
  
  .portlet #loginBoxFull a {
    font-size: .85em;
    }
	
  .portlet #loginBoxFull p a, .portlet #loginBoxFull p.welcome a {
    font-size: 1.0em;
    }
  
  .portlet #loginBoxFull li input.submit {
    margin-left: 83px;
	/*margin-top: 5px;
    border: 2px solid #ccc;
    border-bottom: 2px solid #aaa;
    border-right: 2px solid #aaa;
    padding: 1px 3px 3px;
    background: #ededed url(images/button3_back.gif) repeat-x;
    font-weight: bold;
	float: left;*/
  }
  
 /* .portlet #loginBoxFull li input.submit:hover { 
  	border: 2px solid #666; 
	border-bottom: 2px solid #333; 
	border-right: 2px solid #333; 
	background: #fff; 
  }*/
  
  .portlet #loginPaneShort {border:1px solid #ccc;margin:9px} 

  .portlet #loginFooter { 
   margin: 0;
   padding: 12px 0;
   background-color: #eeeeee;
   background-image: none;
   background-repeat: repeat;
   background-attachment: scroll;
   background-x-position: 0%;
   background-y-position: 0%;
   font-size: 0.85em;
   color: #444444;
  }

  .portlet #loginFooter ul {
    margin:0;
    padding: 0;
    list-style: none;
  }
  
  .portlet #loginFooter ul li {
    float: left;
    margin: 0;
    padding: 0 10px;
    border-left: 1px dotted #999;
	background-image: none;
  }
  
  .portlet #loginFooter ul li:first-child {
    border-left: none;
  }
  
  .portlet #loginFooter ul li :link.active {
    color: #666;
    text-decoration: none;
  }

/*-----	ASSESSMENTS ----------------------------------*/
div.instructionData {margin:0 0 12px;}
 
div.instructionData ul {
  list-style:none;
  margin:0;
  padding:0 0 2px;
  border-bottom:1px solid #ccc;
  }
  
div.instructionData ul li {
  float:left;
  list-style:none;
  margin:0 12px 0 0;
  padding:0 0 6px;
  }
  
div.instructionData ul li span {
  color:#555;
  font-size:90%;
  }
  
div.instructionData ul li h3 {
  display:inline;
  font-size:100%;
  margin:0;
  }

div.instructionData ul li.instructions {
  float:right;
  margin:6px 0 0;
  padding:0;
  }
  
  div.instructionData ul li.saving {
  float:center;
  margin:6px 0 0;
  padding:0;
  }
  
div.instructionData ul li.instructions a.browse {
  border:1px solid #ccc;
  border-bottom:none;
  font-size:90%;
  }

.assessmentInstructions {
  position: relative;
  margin: 0 0 12px;
  padding: 3px 12px 6px;
  background: #f1f1f1;
}

.assessmentInstructions h3 {
  margin: 3px 0;
  padding: 0;
}

.assessmentPortlet {
  z-index: 1;
  position: fixed;
  right: 26px;
}


/* H3 and h4 are category headers inside the assessmentPortlet. */
.assessmentPortlet h3, .assessmentPortlet div.assessmentPortletBlock h4, .assessmentPortlet div.blockContents h4 {
	font-size:90%;
	color:#597298;
	letter-spacing:1px;
	border-bottom:1px solid #CEE2F2;
	padding:1px 0 2px 0;
	font-weight:bold;
}

/*-------------------------------PORTLET BLOCKS--------------------------------------*/

/* Portlet Block is used when there's a need to have collapsible blocks within a portlet */
.assessmentPortlet div.assessmentPortletBlock {
	background:#fff;
	border:1px solid  #777;
}

.assessmentPortlet div.assessmentPortletBlock h4, .assessmentPortlet div.assessmentPortletBlock h4.blockTitle {
	padding:0;
	margin:0;
	border:0;
}

/* Block Title link */
.assessmentPortlet div.assessmentPortletBlock h4 a, .assessmentPortlet div.assessmentPortletBlock h4.blockTitle a {
	display:block;
	font-size:110%;
	text-decoration:none;
	letter-spacing:0px;
	/*background:#eee url(/images/ci/ng/gradient_black_short_bt.png) repeat-x 0 center;*/
  background:#f1f1f1;
	color:#444;
	margin:0;
	padding:4px 9px;
	border:0;
}

.assessmentPortlet div.assessmentPortletBlock h4 a:hover, .assessmentPortlet div.assessmentPortletBlock h4.blockTitle a:hover {
	background:#eee;
}

/* Span within the block title. Used to display total item count.*/
.assessmentPortlet div.assessmentPortletBlock h4 a span, .assessmentPortlet div.assessmentPortletBlock h4.blockTitle a span {
	color:#ddd;
	font-weight:normal;
}


/* Portlet block groups. Contains Item Groups. */
.assessmentPortlet ul.subCategories, ul.assessmentBlockGroups {
	list-style:none;
	margin:0;
	padding:0;
}

.assessmentPortlet div.assessmentPortletBlock  ul.subCategories li, ul.assessmentBlockGroups li {
	padding:0;
	margin:0;
	list-style:none;
}

.assessmentPortlet ul.subCategories li a, ul.assessmentBlockGroups li a.itemHead {
	padding:4px 16px;
    background:#e3efff url(images/more_options.gif) no-repeat 3px center;
	display:block;
	margin:0;
	text-decoration:none;
	border-top:1px solid #777;
	font-weight:bold;
    font-size:90%;
	color:#597298;
	letter-spacing:1px;
}

ul.assessmentBlockGroups li a.itemHead:hover {
  background-color:#e3efff;
  text-decoration:underline;
}

ul.assessmentBlockGroups li a.itemHeadOpen {
  background:#fff no-repeat 3px center;
  }
ul.assessmentBlockGroups li a.itemHeadOpen:hover {
  background-color:#fff;
  text-decoration:underline;
  }

.assessmentPortlet ul.subCategories li:first-child a, ul.assessmentBlockGroups li:first-child a {border:none;}

.assessmentPortlet ul.subCategories li a:hover, ul.assessmentBlockGroups li a:hover {
	background-color:#fff;
	opacity:1;
	filter:alpha(opacity=100);
}

.assessmentPortlet ul.subCategories li a span, ul.assessmentBlockGroups li a span {
	color:#777;
	font-weight:normal;
}

/*Portlet block item groups. Contains Items. */
.assessmentPortlet ul.itemGroup li a, ul.assessmentBlockGroups li ul.itemGroups li a {
	display:inline;
	padding:0;
	font-weight:bold;
	font-size:105%;
	border:0;
}

.assessmentPortlet ul.itemGroup li a:hover, ul.itemGroups li a:hover {
	text-decoration:underline;
}

/* Portlet block items list. */
ul.itemGroups li  ul.items {
	padding:2px 9px;
  display: block; 
  margin: 0; 
  font-size: 110%;
}

ul.assessmentBlockGroups li ul.itemGroups li a, ul.itemGroups li ul.items li a {
	font-weight:normal;
}


.assessmentPortlet div.assessmentPortletBlock h3 {
	border:none;
	font-weight:bold;
	letter-spacing:0;
	margin:0px 0px 0px 0px;
	padding:0;font-size:100%;
}

.assessmentPortlet div.assessmentPortletBlock h3 a {
	display:block; 
	padding:3px 12px;
	margin:0;
	text-decoration:none;
	background:#E3Efff url(images/more_options.gif) no-repeat 99% center;
}

.assessmentPortlet div.assessmentPortletBlock h3 a:hover {
	text-decoration:underline;
}

.assessmentPortlet div.assessmentPortletBlock:first-child h3 a {
	border-top:none;
}

.assessmentPortlet div.assessmentPortletBlock h3 a.open {
	display:block; 
	padding:3px 12px;
	margin:0;
	text-decoration:none;
	background:#E3Efff url(images/less_options.gif) no-repeat 99% center;
}

.assessmentPortlet ul.objectList li  {background-image:none;margin:0;padding:0;}

.assessmentPortletBlock ul li, .blockContents ul li, ul.memberList li {
	background-image:none;
	padding:0;
	margin:0 0 0 0px;
}

.assessmentPortlet .blockContents ul li ul li span, .assessmentPortlet .blockContents ul li span,
.assessmentPortlet ul li ul li span {
	color:#888;
	margin:0 0 0 4px;
}

.savingQuestion {
	display:none;
	background:none; 
	color:#CC0033; 
	font-size:150%;
	position:relative;
	padding: 2px;
}

/* this is purely a dummy style to approximate the spellcheck bar in the VTBE. not for production */
tr.dummyVTBEFooter td {border:1px solid #666666; background:#eee; padding:2px; text-align:right;}

/*---------------------------------------- SELF AND PEER STYLES--------------------------------------------------------*/
div.canvasHead {
  margin:0.6em 0;
  padding:6px 16px 12px; /* styled to be consistent with .stepcontent, line 54 of data_collection.css */
  background:#F6F6F6;
}

div.canvasHead ul li {
  border-top:1px solid #EEEEEE;
}

div.canvasHead ul li:first-child {border-top:none;}

div.canvasHead ul li div.label {color:#555;}

.peer_instructions {margin:12px 6px;}

.peerHelp {color:#555;}

/* for viewSingleMarking.jsp */
h2.evaluator {margin:1em 0 .3em;}
h2.evaluator span {font-weight:normal; font-size:90%;}

/* for evaluation.jsp - also applies to the Test/Survey Status Bar in Assessments too */
/* Criteria status bar. Provides navigation options similar to those in assessmentPortlet. Uses different/less markup, but should be revamped in 9.1. */
div.peerCriteriaStatus {
  border:1px solid #bbb;
  padding:.3em;
  background:#fff;
}

div.peerCriteriaStatus a.itemHeadOpen {
	display:block;
	margin:0;
  text-decoration:none;
	font-weight:bold;
  font-size:90%;
	color:#597298;
	letter-spacing:1px;
}

div.peerCriteriaStatus a.itemHeadOpen:hover {
  text-decoration:underline;
}

div.peerCriteriaStatus td.qStatus {
  padding:4px 1px;
  width:5%;
}

div.peerCriteriaStatus td.qStatus a span {
  border:1px solid #fff;
  padding:1px 1px 1px 2px;
  background:white; 
  font-weight:bold;
}

div.peerCriteriaStatus td.qStatus a span.qComplete {
  border:1px solid #ccc;
  background:#eee;
}

div.peerCriteriaStatus td.qStatus a.qActive span.qComplete,
div.peerCriteriaStatus td.qStatus a.qActive span.qIncomplete {
  border:1px solid black; 
  text-decoration:none;
}

div.peerCriteriaStatus a span img {
  padding:2px;
  width:12px;
  height:12px;
}

.questionNumber, .questionType {
  font-weight:bold;
}


.questionDiv { 
  margin:-1px 0 6px 0; 
  border:1px solid #CCC; 
  padding:.6em;
}

.questionDiv h3 {
  margin:0 0 .6em; 
  border-bottom:1px solid #ddd;
  padding:0 0 .6em;
}

.questionDiv p {
  margin:.6em 1.2em;
  padding:0;
}

.questionDiv div.criteriaText {
  margin:.6em 1.2em;
  padding:0;
  font-size:95%;
}

.questionDiv div.submission_text {
  border:1px solid #ccc;
  padding:2px 4px; 
  width:100%;
  height:150px; 
  overflow:auto;
}
.questionDiv table {width:98%}

.questionDiv table table {width:auto;}

.questionDiv td.label {
  width:150px; 
  white-space:nowrap;
}

#creceipt {
  padding:4px;
  color:red; 
  font-weight:bold; 
}

/* used to show name and metadata of attached files. needs review */
ul.fileData {
  clear:both;
  margin:3px 0; 
  padding:0; 
  list-style:none; 
}

ul.fileData li {
  float:left; 
  margin:0; 
  border-left:1px solid #ddd;
  padding:2px 6px; 
}

/* used for the "label/header" of the tabset - builds on existing containerTabs css */
ul.containerTabs li.tabhead {
  background:transparent; 
  border:none; 
  text-align:left;
}

ul.containerTabs li h3 {
  border:none; 
  margin:0; 
  padding:5px 12px 6px 0; 
  white-space:nowrap; 
  font-size:100%;
}

/* end of styles for evaluation.jsp */   
   
/* styles for studentViewResults.jsp */
ul.listNav { /* list nav styles the navigation among criteria. a one-off. should be replaced in 9.1. */
  width:100%;
  list-style:none; 
  margin:0; 
  padding:0; 
  background:#ddd;
}

ul.listNav  li {
  float:left;
  margin:1px; 
  background:#ededed;
  padding:0; 
  text-align:center;
  color:#2d2680;
  white-space:nowrap; 
}

ul.listNav li a {
  text-decoration:none; 
  display:block;
  padding:4px 10px;
}

ul.listNav li a:hover {
  background-color:#dedede;
  text-decoration:underline;
}

ul.listNav li a.active {
  border:2px solid #000;
  background:#fff;
  padding:2px 8px;
  font-weight:bold;
  color:#000;
}

ul.evaluation { /* styles the criteria metadata (text/feedback/points, etc.). another one-off. should be replaced. */
  margin:.6em 1.2em; 
  padding:0; 
  background:transparent;
  list-style:none;
}

ul.evaluation li {
  clear:both; 
  margin:0;
  border-top:1px solid #ddd;
  padding:4px 0;
}

ul.evaluation li p {
  float:left; 
  margin:1px 0; 
  padding:0; 
  width:79%;
}

ul.evaluation h4 {
  margin:1px 0; 
  padding:0; 
  padding-left:4px; 
  float:left; 
  width:20%; 
  font-size:100%;
}
ul.evaluation li p span {color:#555;}
/* end of styles for studentViewResults.jsp */

/* viewSingleSubmission.jsp - should be added to data_collection.css line 906 */
div.stepPanel div.user_html {
  margin: 5px 5px 12px 12px;
  padding: 0;
}

ul.stepPanels h4.defaultCursor, h4.defaultCursor {cursor:default;}



/*----- DISCUSSION BOARD -----------------*/
dl {
  margin: 1em;
}

dt {
  float: left;
  clear: left;
  margin: 0;
  padding: 0.1em;
  width: 8em;
  font-weight: bold;
}

dd {
  margin: 0 0 0 9em;
  padding: 0.1em;
}

/* star rating code - use lists because its more semantic */
/* No javascript required */
/* all the stars are contained in one matrix to solve rollover problems with delay */
/* the background position is just shifted to reveal the correct image. */
/* the images are 16px by 16px and the background position will be shifted in negative 16px increments */
/*  key:  B=Blank : O=Orange : G = Green * /
/*..... The Matrix ....... */
/* colours ....Background position */
/* B B B B B - (0 0)*/
/* G B B B B - (0 -16px)*/
/* G G B B B - (0 -32px)*/
/* G G G B B - (0 -48px)*/
/* G G G G B - (0 -64px)*/
/* G G G G G - (0 -80px)*/
/* O B B B B - (0 -96px)*/
/* O O B B B - (0 -112px)*/
/* O O O B B - (0 -128px)*/
/* O O O O B - (0 -144px)*/
/* O O O O O - (0 -160px)*/

/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating {
  position: relative;
  margin: 0;
  padding: 0;
  width: 80px;
  height: 16px;
  background: url(images/star-matrix.gif) no-repeat 0 0;
  list-style: none;
}

/* add these classes to the ul to effect the change to the correct number of stars */
.star0 { background-position: 0 0; }
.star1 { background-position: 0 -16px; }
.star2 { background-position: 0 -32px; }
.star3 { background-position: 0 -48px; }
.star4 { background-position: 0 -64px; }
.star5 { background-position: 0 -80px; }

ul.rating li {
  /*ie5 mac doesn't like it if the list is floated\*/
  float: left;
  /* end hide*/
  cursor: pointer;
  text-indent: -999em;
}

ul.rating li a {
  z-index: 200;
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  text-decoration: none;
}

ul.rating li.one a { left: 0; }
ul.rating li.two a { left: 16px; }
ul.rating li.three a { left: 32px; }
ul.rating li.four a { left: 48px; }
ul.rating li.five a { left: 64px; }

ul.rating li a:hover {
  z-index: 2;
  width: 80px;
  height: 16px;
  overflow: hidden;
  left: 0;
  background: url(images/star-matrix.gif) no-repeat 0 0;
}

ul.rating li.one a:hover { background-position: 0 -96px; }
ul.rating li.two a:hover { background-position: 0 -112px; }
ul.rating li.three a:hover { background-position: 0 -128px; }
ul.rating li.four a:hover { background-position: 0 -144px; }
ul.rating li.five a:hover { background-position: 0 -160px; }
/* end rating code */

div.collectionViewReadMessageBorder {
  border-left: 1px solid #ccc;
  margin-left: 30px;
}

div.collectionViewUnreadMessageBorder {
  border: 3px solid #999;
  margin-left: 30px;
}

table.treeframe tr td, table.tree_view tr td img  {vertical-align:middle;}
table.treeframe {margin: 0px;}
table.treeframe tbody tr td, table.treeframe thead tr th { padding: 1px; }
table.treeframe tr.high { background-color: transparent; }

tr.thread td  {border-top:1px solid #ccc;vertical-align:middle;}
tr.thread td img {vertical-align:middle;}

table.unreadmessageborder
{
  border: 3px solid rgb(102, 102, 102);
}
table.readmessageborder
{
  border: 1px solid rgb(204, 204, 204);
}
tr.show
{
  display: table-row;
}
tr.hide
{
  display: none;
}
.loadingelipse
{
  display:     block;
  padding:     4px 14px;
  font-weight:bold;
  font-size:   90%;
  text-align:  center;
  border:      1px solid #ccc;
  background:  #ffffcc;
  width:       140px;
  margin:      auto;
}

.gradefield {
        overflow:visible;
        padding:4px 12px;
        margin:9px 0 9px 0;

        color:#000;
        font-size:120%;
        vertical-align:middle;
        _height:1%;
        text-align:center;
}

.gradefield input {
        padding:1px 3px 0 3px;
        margin:0px;
        border:2px solid #666;
        font-weight:bold;
        font-size:110%;
        vertical-align:middle;
        font-family:arial,sans-serif;
        background:#ffffff;
        line-height:100%;
        _line-height:120%;
}

.gradefield input.inputtypebutton {
        display:inline; 
        overflow: visible;
        padding:2px 6px 1px 6px;
        padding:2px 8px 1px 8px;
        font-size:80%;
        font-weight:normal;
        width:auto;
        height:auto;
        border:1px solid #ccc;
        background:#ededed;
        _width:auto;
}

.gradefield a {
        font-weight:bold;
        font-size:120%;
}

.gradefield span {
        font-size:80%;
        padding:0 9px;
        color:#555;
}

.overridegrade {
        margin:3px 0 3px 9px;
        font-size:80%;
        padding:0px 12px 0px 12px;
        display:inline;
        border-left:1px solid #ccc;
        vertical-align:middle;
}

.overridegrade input.inputtypebutton {
        font-size:70%;
        font-weight:normal;
        vertical-align:middle;
        margin-top:-3px;
}

div.parentmessage {
        clear: both; 
        border-right: #ccc 1px solid; 
        padding-right: 6px; 
        border-top: #ccc 1px solid; 
        padding-left: 6px; 
        font-size: 90%; 
        background: #ededed; 
        padding-bottom: 9px; 
        margin: 6px; 
        border-left: #ccc 1px solid; 
        padding-top: 3px; 
        border-bottom: #ccc 1px solid
}
.availability {
        padding-right: 3px; 
        padding-left: 3px; 
        font-size: 85%; 
        padding-bottom: 1px; 
        margin: 6px 0px; 
        width: auto; 
        padding-top: 1px; 
        font-style: italic
}

td.tag_controls {background:#cad7e7;border-bottom:1px solid #ccc;padding:3px 3px 3px 6px;}
td.msg_controls {background:#cad7e7;border-bottom:1px solid #ccc;padding:3px 3px 3px 0;} 
td.checkbox_cell {padding:6px 6px 0 6px; vertical-align:top; border-right: 1px solid #cccccc} /*style modified in rtol.css*/

td.prevnextpostarea{
        white-space: nowrap;
        text-align: center;
        padding: 2px 5px 3px 5px;
        background: #fff;
        border: 1px solid #ccc;
}

h3.dbheading { /* inserted to counteract margins in discussion board. */
  margin-top: 0;
  margin-bottom: 0;
  display: inline;
}

/* ------------- Collection and Thread Detail pages -----------------------------*/

div.dbThread {
  position: relative;
  margin:.9em 0;
  border: 1px solid #aaa; 
}

div.dbThreadCheckbox {position:absolute;}

div.dbThreadCheckbox input {margin:10px;}

div.dbThreadInfo {background:#eee;}

div.dbThreadInfo dl {
  float:left;
  margin:.6em; 
  width:45%;
  font-size:95%;
}

div.dbThreadBody {padding:1.2em .6em;}

p.dbAttachment, div.dbParentPost p.dbAttachment {padding:1.2em .6em 0 0;}

div.dbThreadHeader {
  border-bottom:1px solid #aaa;
  padding:.6em;
  background:#ccc;
}

div.dbThreadFooter {
  padding:.6em;
  background:#ccc;
}

div.dbThreadFooter div.navButtons,
div.dbThreadHeader div.navButtons {
  float:left;
  width:49%;
}
  
div.dbThreadFooter div.threadButtons,
div.dbThreadHeader div.threadButtons {
  float:right;
  width:49%;
  text-align:right;
}

div.dbThreadFooter a,
div.dbThreadHeader a {
  *display:inline-block;
  *vertical-align:middle;
}
  
div.spacerDiv {clear:both;} /* not sure what this does. the clear property was hard coded on an empty div in both pages, so I put it in here. */

div.threadButtons a.reply,
div.dbThreadInfo p a.reply {
  font-weight:bold;
	font-size:100%;
  text-decoration:none;
  padding:0em 0.9em 0.18em 0.9em;
  color:#000;
	background-color:#A1C94B;
	border:1px solid  #3C4A1B;
	background-image:url(images/gradient_black_long_bt.png);
	background-position: top center;
	background-repeat:repeat-x ;
	_background-image:none;
 }
 
div.threadButtons a.reply {padding:0 0.9em .1em;}

div.threadButtons a.reply:hover,
div.dbThreadInfo p a.reply:hover {
	background:#3C4A1B;
  color:#fff;
}

/* thread detail page */
div.dbThreadInfo p {padding:.6em;}

div.dbThreadInfo p.detailButtons {
  float:right;
}

div.dbThreadTree {
  border:1px solid #aaa; 
  height:200px;
}

div.dbThreadMessage {margin-top:10px;}

/* "message frame" of thread detail page (message_frame.jsp) */
div.dbParentPost {
  margin:-.6em 0 1.2em;
  background:#eee;
  padding:.6em .6em 0;
  font-size:95%;
  color:#444;
}

div.dbParentPost h4 {
  margin:0 0 .6em;
}

div.dbParentPost h4 a {
  display:block;
  width:100%;
}

div.dbParentPost p {
  margin:0;
  padding:0 0 1.2em;
  font-size:100%;
}

div.dbParentPostBody {
  clear: both;
  margin-bottom:.6em;
  background:#fcfcfc;
  padding:0.6em;
}

.loadingElipse {
  display:block;
  padding:4px 14px;
  font-weight:bold;
  text-align:center;
  border:1px solid #3B4A1B;
  background:#BEF057;
  color:#3B4A1B;
  width:140px;
  margin:auto;
}

.unreadmessage, h3.unreadmessage
{
  font-weight: bold;
}

/*-----	COURSE CREATION WIZARD----------------------------------*/
/* styles for course setup wizard */

/* wizard content pane */
body.wizardBody {
  _margin:10px 0 0 150px;
}

body.wizardBody div#contentPanel {
  margin-bottom:10px;
  margin-left:159px;
  _margin-left:10px;
}

body.wizardBody div#pageTitleDiv img {display:none;}

body.wizardBody div.reqfield {float:none;}

div.wizardHead {
  background:#fff;
  padding:0 0 2px;
}

div.wizardHead h2 {margin:0;}

div.wizardHead p.helphelp {padding:4px 4px 0 0;}

body.wizardBody div.container {min-height:80%;}

body.wizardBody div.containerWizard {
  margin:0 -12px;
  padding:0;
  border:1px solid #bbb;
  background:#cdcdcd;
  overflow:auto;
}

body.wizardBody div.containerWizard div.locationPane {*width:99%;}
body.wizardBody ul.contentList li div.details {overflow-x:visible;}

p.wizardFinishText {margin:6px 0px 150px;}

/* submit controls */
p.wizardSubmit {padding:0;}
  
p.wizardSubmit input[type=image] {padding:3px 3px 4px;}

p.wizardSubmit input.submit {
  _background-color:#A1C94B;
  _border-color:#3C4A1B;
}
p.wizardSubmit input.submit:hover {_background-color:#3C4A1B;}

p.wizardSubmit span {}

p.wizardSubmit span strong {color:#000;}

div.wizardBottomRound b.inner,
div.wizardBottomRound b.outer,
div.wizardBottomRound b.middle {background:#FFF1c5;}

/* progress tracker (wizard nav pane) */
div.navigationPaneWizard {
  margin-top:51px;
  _margin-top:61px;
  _margin-left:-160px;
  width:160px;
}
div.navigationPaneWizard div b.inner,
div.navigationPaneWizard div b.middle, 
div.navigationPaneWizard div b.outer {margin-right:0!important;}

div.navigationPaneWizard div.navPalette {
  margin:0 0 12px 12px;
}

div.navigationPaneWizard div.navPalette div.navPaletteContent h2 {padding:3px 9px;}

div.navigationPaneWizard div.navPalette span {
  display:block;
  padding:6px 9px;
  background-color:#ededed;
}

div.navigationPaneWizard div.navPalette ul {/* amends style from nav_location.css (line 74)*/
  margin:0;
  padding:0;
  background-color:#ededed;
  list-style:none!important;
}

div.navigationPaneWizard div.navPalette ul li {/* amends style from nav_location.css (line 81)*/
  margin:0;
  border-top:1px solid #cdcdcd;
  border-left:1px solid #cdcdcd;
  padding:4px 9px 4px 24px;
  background:url(images/bullet_off_ia.gif) no-repeat 0 0;
  color:#444;
}

div.navigationPaneWizard div.navPalette ul li:first-child {
  border-top:none;
}

div.navigationPaneWizard div.navPalette ul li.currentStep {
  background:white url(images/bullet_active_ia.gif) no-repeat 0 0;
  font-weight:bold;
} 

div.navigationPaneWizard div.navPalette ul li.visitedStep {
  background:url(images/bullet_inactive_ia.gif) no-repeat 0 0;
} 

/*
  ------ Branding hooks ------
  Make sure these stay in sync with the actual selectors in the various css files.
*/
  
/* actual selector in nav_location.css - .navPalette ul li a */
#courseMenu 
{
	background-color:#ededed;
	color:#444;
}	

/* actual selectors in portal.css - ".portlet" and ".portlet h2" */
#moduleBorder, #moduleBody
{
  border-color: #999;
  background-color:#FFFFFF;  
}
#moduleTitle
{
  color: #000;
  background-color: #ccc;
}
    
#schemePreview
{
  background-color: #AAAAAA;
  color: #FFFFFF;
}
#schemePreviewBody
{
  background-color: #FFFFFF;
  color: #000000;	
}
#schemePreviewHead
{
  background-color: #efefef;
  color: #000000;
}

.qIncomplete {
	float: left;
	display: block;
	border: 1px solid #CCCCCC;
	width: 30px;
	text-align: center;
	font-weight: bold;
	margin: 1px;
}
.qComplete {
	float: left;
	display: block;
	border: 1px solid #999999;
	width: 30px;
	text-align: center;
	color: #003366;
	background-color: #CCCCCC;
	font-weight: bold;
	margin: 1px;
}