/*=====	BB CLASSIC 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;
  	padding:0;
  	font: 0.8em Arial, Verdana, sans-serif; /* "Lucida grande" will be displayed on a Mac. */
  	height:100%;
 	 background-color:#FFFFFF;
	background-image:;
	background-position:;
	background-repeat:;
	color:;

}

body.portal {
	  background-color:#ededed;
}


body.topFrame {
	  background-color:#FFF;;
}

form {padding:0;margin:0;}

a {
	color:#003366;
}

* {font-family:Arial, Verdana, sans-serif;}

span.font-symbol { font-family: symbol, times; }

* div.topRound, * div.bottomRound {display:none;}

/* 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)}

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 TABLE-BASED TABS--------------*/
/*----------------------
Top level tabs styles.
------------------------*/


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

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

div.topTabs{
  	position:relative;
	padding:12px 0 0 0;
	height:70px;
	border-bottom:3px solid #dedede;
}

table.topTabs  {
border-collapse:collapse;
}

.frameResizeToggle {
	position:absolute;
	left:0px;
	_top:63px;
	font-size:15px;
	bottom:0px;
	padding:1px;
	*padding:0 1px 1px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	background:#bbb;
	line-height:1px;

}

.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;
}

table.appTabs {
	width:auto;
	position:relative;
	top:2px;
	border-spacing:2px;

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

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

table.appTabs tbody tr td {
	margin:0 4px 0 0;
	padding:0;
	position:relative;
}

/*Branding hooks*/
#topTab,
/*Regular selectors*/
table.appTabs tbody tr td a  {
	font-size:95%;
  	text-align:center;
  	display:block;
  	text-decoration:none; 
  	padding:0.4em 1.2em 0.4em 1.2em;
  	margin:0;
   	color:#FFFFFF;
   	background-color:#7C8188;
	background-image: url(/images/ci/ng/gradient_black_short_bt.png);
	background-repeat: repeat-x;
	background-position:    right 5px;
	_background-image: none;
   	border:1px solid #65696E;
	z-index:100;
	white-space:nowrap;
}

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

/*Branding hooks*/
#topTabActive,
/*Regular selectors*/
table.appTabs tbody tr td.active a, table.appTabs tbody tr td.active a:hover,
table.appTabs tbody tr td.active a:focus {
  	color:#336666;
  	background:#ffffff;
	padding:0.4em 1.2em 0.4em 1.2em;
  	border:2px solid #dedede;
  	border-bottom:none!important;
  	font-weight:bold;
  	z-index:1000;
  	opacity:1;
}

table.round1, table.round2 {
position:relative;
top:3px;
}

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;
	border-bottom:1px solid #7C8188;
}

table.round2  tbody  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;
	border-bottom:1px solid #7C8188;
}



/*-----------------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:420px;	
	_width:450px;	
}



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:-14px;}

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 {
	text-decoration:underline;
}

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

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

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

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

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


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

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

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



/*-----------------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 {
	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;
	position:relative;
}

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;
	border-bottom:3px solid #dedede;
}


div.topTabs-compact table.appTabs {

	width:auto;
	position:relative;
	top:4px;
	*top:3px;
}

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:#FFFFFF;
   	background-color:#65696E;
	background-image: url(/images/ci/ng/gradient_black_short_bt.png);
	background-repeat: repeat-x;
	background-position:    right 5px;
	_background-image: none;
   	border:1px solid #65696E;
	z-index:100;
	font-size:90%;
	
}

div.topTabs-compact table.round1 tr td a, div.topTabs-compact table.round1 tr td.active 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 a, div.topTabs-compact table.round2 tr td.active 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 {
   text-decoration:underline;
}

div.topTabs-compact table.appTabs tr td.active a, div.topTabs-compact table.appTabs tr td.active a:hover,
div.topTabs-compact table.appTabs tr td.active a:focus {
  	color:#000;
  	background:#dedede;
	padding:0.3em 1em 0.3em 1em;
  	border:2px solid #dedede;
  	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;position:relative;margin:0 4px}
.topTabs-compact div.topGlobalLinks ul li a {padding:0;}






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

.topTabs div.brandingImgWrap {
	height:39px;
	overflow:hidden;
}

.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:#336666;
	background-position: 0 0;
	background-repeat: no-repeat;
	color:#fff;
}


 

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

/*--------------------------LOCATION PANE -----------------------------------*/
div.locationPane {
	margin:0px 0 0 0;
	position:relative;
	*height:1%;
	background-color:transparent;
	padding:6px 0 0 0;
}


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

/*--- Sets dimensions and location of the navigation pane. ---*/
#navigationPane, div.navigationPane { 				
  position:absolute;
  top:6px;
  left:0;
  bottom:0;
  /*_height:1000px;*/
  width:212px;
  padding:0;
  margin-top:0px;
  clear:both;
  background-color:#336666!important;
}

div.classicCs {  background-color:#FFF!important;}

div.menuWrap {
	position:relative;
	background-color:#336666!important;
	padding:12px 0 12px 0;
	width:214px;
	background-image:url(images/puller_barback_vista.gif);
	background-repeat:repeat-y;
	background-position:right top;
}

div.classicCs div.menuWrap {  background-color:#FFF;}


div.menuWrap-collapsed {position:relative;background-color:#336666;padding:12px 0 12px 0;width:7px;}
/*-- 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_expand_vista.gif) no-repeat 0 200px!important;
	height:29px;
	width:14px;
}

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

/*--- Navigation pane collapse control. ---*/
#puller {
  position:absolute; 
  left:205px; 
  top:0;
  bottom:0;
  _height:100%; 
  background:#ccc;
  z-index:3;

}

#puller a { 
	display:block;
	background:transparent url(images/menu_collapse_vista.gif) no-repeat 0 200px;
	height:100%;
	*height:300px;
	width:9px;

}

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



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

/*Sets layout and dimensions of the content pane.*/
#contentPane, div.contentPane {	
	margin:0px 12px 0px 213px;
  	padding:0;
	background-image:none;
  	min-width:auto;
  	display:block;
	bottom:0;
	background-color:#fff;
	zoom:1;
}

#contentPaneWide, div.contentPaneWide , div.portalPane {	
	margin:0 12px 0 12px;
  	padding:0;
	background-image:none;
  	min-width:auto;
  	display:block;
  	zoom:1;
}

div.paneTabs + div.content {
	padding-top:1px;
}


/*contentBox div contains local view toggles, pagetitle, actionbar, and container.*/
#content, div.contentBox {			
	margin:0;
	padding:0;
	min-width:auto;
	display:block;
	*margin-top:0;
	background-color:#ffffff;
	zoom:1;
}


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

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

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

div.paneTabs {
  	padding:3px 0 0 0px;
  	background-color:inherit;
  	margin:0;
	min-width:600px;
}

div.paneTabs ul{
  	list-style-type:none;
  	padding:0px 10px 0 10px;
  	margin:0;
  	clear:both;
	border-bottom:1px solid #aaa;
	_padding:0; /*IE hack*/
}

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


div.paneTabs ul li a{
  	display:block;
  	text-decoration:none; 
  	padding:3px 12px 4px 12px;
  	margin:0 0 0 0px;
	background:transparent;
}


div.paneTabs ul li.active, div.paneTabs ul li.activepersonal {
	background:transparent;
  	position:relative;
	top:1px;
  	font-size:95%;
	text-align:center!important;
  	font-weight:bold;
  	color:#000;
  	margin:0px 0px 0px -1px;
  	padding:0;
	float:left;
  	*z-index:10;
}

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 {
  	display:block;
  	text-decoration:none; 
  	padding:5px 16px 4px 16px;
  	margin:0;
	border:1px solid #aaa;
	border-bottom:none;
	background:inherit!important;
}

div.paneTabs ul li.activepersonal a,  div.paneTabs ul li.activepersonal a:hover {
	font-weight:bold;
  	padding:5px 22px 5px 16px;
}

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


div.paneTabs ul li.personal a {
  	display:block;
  	text-decoration:none; 
  	padding:5px 25px 4px 12px;
  	margin:0 0 0 0px;
	background:#ededed;
}

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

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

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

div.paneTabs ul li.button a {
	padding:2px 2px 2px 2px;/*if image*/
	padding:3px 9px 3px 9px;/*if text*/
	border:1px solid #888;
	background:#fff url(images/gradient_black_short_bt.png) repeat-x 0 center;
	color:#444;
	font-size:90%;
	text-decoration:none;
}

div.paneTabs ul li.button a:hover {
		color:#000;
}

div.paneTabs ul li a:hover{
  background:inherit!important;
  text-decoration:none;
}

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

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

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

/*Hidden personal tabs link.*/
div.paneTabs ul li a.hiddenTabsLink img {
	height:2px;
	width:2px;
}

div.paneTabs ul li 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:2px solid #333;
	padding:0;
	margin-top:-4px; /*no gap between button and menu*/
}


div.paneTabs ul.nav li.sub ul.more li a {
  	display: block;
	background:#ddd url(images/cm_bullet_single.gif) no-repeat 5px 3px;
  	margin:0;
  	padding: 3px 9px 3px 18px!important;
	border:0;
	font-weight:normal;
	font-size:105%;
  	text-decoration:none;
  	color:#444;	
	text-align:left;
	border:0;
}

 div.paneTabs ul.nav li.sub ul.more li a:hover{
  	background-color:#fff;
	border:0;
}


/*----------------------------- 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 {
	display:none;
}
/*End rounder elements*/



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


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

/*Breadcrumbs div wraps the path and rounder elements.*/
div.breadcrumbs {
	margin:0;
	position:relative;
	padding:10px 12px 3px 12px;
	*height:1%;
	background-color:#ffffff;
}

	/*Setting proper styles for breadcrumbs in Outcomes. */
div.banner + div.breadcrumbs  {
	margin:0;
	background-color:inherit;
	font-size:90%;
}

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.breadcrumbs div.path, div.simplePath  {
  	font-size:80%; 
	*font-size:75%; 
  	color:#000; 
	margin:0px;
	padding:1px 200px 1px 4px;
	position:relative;
	background-color:#ededed;
	_height:1px;
}

div.breadcrumbs div.noToggle
{
  padding: 1px 24px 1px 4px;
}

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

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

div.breadcrumbs div.path ol:after, div.simplePath ol:after {
	content: ".";
	display: block;
	height:0;
	clear: both;
 	visibility: hidden;
}

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

div.breadcrumbs div.path ol li, div.simplePath ol li {
	float:left;
	padding:0 12px 0 3px;
  background:transparent url(images/breadcrumb_arrow.gif) no-repeat center right;
	text-transform:uppercase;
  color:#555;
}

/*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; 
  padding:0 0 0 3px;
  color:#000;
}

/*Course menu button*/
div.path ol li.button, div.simplePath ol li.button {
	border-right:1px solid #ccc;
	padding:1px 6px 1px 1px;
	margin-right:8px;
}

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

div.breadcrumbs div.path ol li.root, div.simplePath ol li.root {
	border-right:1px solid #ccc;
	padding:0 9px 0 0;
	margin-right:5px;
	background-color:transparent!important;
	background-image: none;
	color:#555;
}

div.breadcrumbs div.path ol li.label, div.simplePath ol li.label {
	padding:0;
	color:#444;
	font-weight:normal;	
}

div.breadcrumbs div.path ol li.root a, div.breadcrumbs div.simplePath ol li.root a {
	font-weight:bold;
	color:#000;
	background-image:none;
	text-decoration:none;
}

div.breadcrumbs div.path ol li.root a span, div.breadcrumbs div.simplePath ol li.root a span {
	font-weight:bold;
	color:#333;
	text-decoration:none;
}


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

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

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

div.breadcrumbs div.path ol li.root a span.courseId {color:#888;}


/*Breadcrumb path links.*/
div.breadcrumbs div.path a, div.simplePath a {
  font-weight:normal; 
  /*color:#000;*/
  text-decoration:none;
}

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

/*Use span if a label is needed inside breadcrumbs.*/
div.path span, div.simplePath span {
	color:#555;
	font-weight:normal;
}

/*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:transparent;
	margin:0;
	padding:2px;

}

div.localViewToggle ul {
	list-style-type:none;
	margin: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 {
	background:#FFF;
	font-weight:bold;
	padding:2px 9px 2px 9px;
	border:1px solid #ededed;
	margin:0;
}

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:4px;
	right:12px;
	bottom:0px;
	padding:2px 0;
	font-size:85%;
	white-space:nowrap;
	z-index:100;
	*font-size:85%;
	*right:0px;
	_right:3px;
	text-transform:uppercase;
}

div.helpOnlyToggle {
	position:absolute;
	top:-5px;
	right:0px;
	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;
	display:inline;
	margin:0 6px 0 0;
	padding:0;
}

div.viewToggle ul li, div.helpOnlyToggle ul li {
	float:left;
	margin:0;
	position:relative;
	height:1.25em;
	padding:2px 4px 2px 4px;
	border:2px solid transparent;
}

div.viewToggle li a {
	text-decoration:none;
	padding:4px 3px;

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

div.viewToggle ul li.active {
	position:relative;
	background:#FFF;
	border:2px solid #ccc;
	padding:2px 4px 2px 7px;
	top:0px;
	_background-image:none;
}

div.viewToggle li.active a {
	z-index:100;
	margin:0 3px;
	font-weight:bold;
	color:#222;
	text-decoration:none;
	display:inline;
	
}

div.viewToggle li.active span {
	
}

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

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:8px; 
	left:auto; 
	font-size:90%; 
	font-size:85%; 
	font-weight:bold;
}

.modeSwitchWrap div {float:left;}

.modeSwitch {
	position:relative;
	text-transform:uppercase;
	padding:1px 0 2px 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:#669999;
}

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

a.read-on:hover, a.read-off:hover, a.read-on:focus, a.read-off:focus {
	background-color:#336666;
}

a.read-off:hover, a.read-off:focus {
	background-color:#ccc;
}


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

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

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

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

div.helpLink {
	position:absolute;
	top:8px;
	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:3px double #ddd;
	margin:18px 0 4px 0;
	color:#fff;
	font-weight:bold;
	font-size:85%;
	*font-size:80%;
	text-transform:uppercase;
	letter-spacing:3px;
	text-align:center;
}




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

	/* Shared navigation palette styles */
div.navPalette {
	border:1px solid #000000;
	margin:0pt 19px 12px 9px;
	zoom:1;
}

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

	/* Palette header */
.navPalette h2 { 
	padding:0;
	margin:0;
	font-size:105%;
	color:#fff;
	position:relative;
	background:#fff 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:transparent url(images/more_options_dark.gif) no-repeat 4px 7px;
}

.navPalette a:hover {
	background-image:url(images/more_options_white.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;
}


	/* 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 {
	background: url(images/list_bullet_white.gif) no-repeat 97% center;
}

	/* combo link is used together with submenu link.*/
div.navPalette a.comboLink, div.navPalette a.comboLink_active {
	background:transparent url(images/more_options_dark.gif) no-repeat  4px 7px;
	padding:3px 20px 3px 16px;
	word-break: normal;
	overflow-x:hidden;
	zoom:1;
	*heigth:1%;
	_width:146px;
}

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

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

div.navPalette a.comboLink_active:hover, div.navPalette a.open:hover {
	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 dotted #bbb;
	_border-left-style:solid;
}

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

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

div.navPalette a.submenuLink:hover {
	background-image: url(images/list_bullet_white.gif) ;
}

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


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

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

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

div.navPalette h2 a.submenuLink:hover {
	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 {
	background-image:url(images/more_options.gif);
}

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

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


div.classicCs .navPalette h2, div.explore h2, div.myPlaces h2 {
	color:#336666;
	background:#669999;
}

div.classicCs .navPalette h2 a, div.explore h2 a, div.myPlaces h2 a,
div.explore h2 a.comboLink, div.myPlaces h2 a.comboLink {
	color:#FFFfff;
	background-image:url(images/less_options_white.gif);
}

div.explore h2 a.comboLink:hover, div.myPlaces h2 a.comboLink:hover  {
	color:#FFFfff;
	background-image:url(images/less_options.gif);
}

div.explore h2 a.submenuLink, div.myPlaces h2 a.submenuLink {
	background-image:url(images/list_bullet_white.gif);
}

div.explore h2 a.submenuLink:hover, div.myPlaces h2 a.submenuLink:hover  {
	background-image:url(images/list_bullet.gif);
}

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

/* Reorderable Course Menu in List view. */
div.listCm {
	border:0;
	margin-bottom:24px;
}
	
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 0px 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;
	*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:#FFF;
	font-size:100%;
	word-break: normal;
	overflow-x:hidden;
}

div.listCm ul.courseMenu li a:hover, div.listCm ul.courseMenu li a:focus {
	background:transparent;
	text-decoration:underline;
}

div.listCm ul.courseMenu li.here a, div.listCm ul.courseMenu li.here a:hover,
div.listCm ul.courseMenu li.here a:focus  {
	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;
	font-weight:bold;
	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%;
	color:#ededed;

}

/* 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;
	background-image: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:#bbb;
	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. */
ul.tree a span.cmLink-hidden,
ul.tree a span.cmLink-empty,
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-block;
}

ul.tree a span.cmLink-hidden img,
ul.tree a span.cmLink-empty img,
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);
}

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

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


div.listCm ul.courseMenu li input, div.listCm ul.courseMenu li input[type="text"] {
	margin-left:18px;
	border:1px solid #666;
	background:#F0f0f0;
	width:125px;
}

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

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

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

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

}


div.renameCourseToc input {	
	border:1px solid #000;
	background:#F0f0f0;
	width:138px;
}

div.renameCourseToc a.microControl {
	border:0;
	margin:0 0 0 0px;
	padding:0;
	float:none;
	display:inline;
}

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

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

div.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:5px;
	top:2px;
	background:#ededed url(images/cm_reorder_updown.gif) no-repeat center center;
	padding:0;
	opacity:1;
	filter:alpha(opacity=100);
	width:9px;
	height:16px;
	cursor:move;
}
span.reorder img {
	_width:9px;
}

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:#fff;
}

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

div.controlpanel ul li a {
	border-top-color:#ededed;
	color:#000;
	font-size:90%;
	font-weight:bold;
}

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

div.controlpanel a.submenuLink, div.controlpanel a.submenuLink_active {
	background-color:#ddd;
	border-color:#ededed;
}

div.controlpanel ul li a.submenuLink_active,
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:#bbb;
}


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

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

div.controlpanel ul li h3 a.open {
	background-color:#BBBBBB;
	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,
div.pickerMenu ul li h3 a:focus {
	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:#ddd;
	_border-top:none;
	zoom:1;
	font-size:90%;
	font-weight:bold;
	padding:3px 9px;
	color:#000;
}

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:#bbb;
	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 {
	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;
}

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

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

div.explore h4 a, div.explore h4 a:hover, div.explore h4 a, div.explore h4 a:focus {
	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 {background-image:url(/images/ci/icons/clp_unit_ti.gif);}

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

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

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

li a.workspace, li a.workspace:hover  {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:100%;
	*font-size:95%;
	margin:0;
}


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

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

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

div.controlpanel ul li ul.submenu li a, div.explore ul li ul.submenu li a  {
	padding:2px 9px 2px 6px;
	margin:0;
	background:transparent;
	border:0;
	font-weight:normal;
}

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: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;
	font-weight:normal;
}

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 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.listCm div.treeContainer ul.tree {overflow-x:auto;}
div.treeContainer ul.tree  li h3 + ul {overflow-x:auto; margin:0; padding:0 0 9px 9px;zoom:1;*overflow:hidden;*position:relative;}

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 0px -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: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.gif);
}

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




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

div.containerPortal, div.portal div.container  {
	margin:0;
	padding:5px 5px 0 5px;
	min-height:400px;
	background:#fff;
	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:#fff;
	border-color: #000;
	border-style: solid;
	border-width: 1px;
	color:;
 	margin: 0 5px 10px 5px;
	_height:1%;
	_z-index:500;
	position: relative;
}

/* Portlet headers. */
/* H2 header is the portlet's title. */
.portlet h2  {
	color:#fff;
	padding:2px 52px 4px 12px;
	margin:0;
	background-color:#336699;
	font-size:95%;
	font-weight:bold;
	position:relative;
	vertical-align:middle;
	overflow:visible;
	*height:1%;
}

/* this will not work in IE6 */
.portlet h2.dragHandle:hover {
	background:#000 url(images/gradient_black_short_bt.png) repeat-x 0 center;
	cursor:move;
	/*border:1px solid #999;*/
}

/* In case if there is a link in the haeder. */
.portlet h2 a {
	color:#fff;
	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:-2px;
	top:-2px;
	background:#aaa url(images/small_reorder_white.gif) no-repeat center center ;
	padding:0;
	*padding:1px;
	opacity:0;
	filter:alpha(opacity=0);
	cursor:move;
	width:16px;
	height:16px;
}

.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:1!important;
	filter:alpha(opacity=100)!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:0;
	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 {
	background-color:transparent;
	margin:0;
	padding:3px 3px 3px 3px;
}

.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  {
	border:1px solid #999; 
	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:120%;
	text-decoration:none;
	letter-spacing:0px;
	background:#999 url(images/gradient_black_short_bt.png) repeat-x 0 center;
	color:#fff;
	margin:0;
	padding:4px 9px;
	border:0;
}

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

/* 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 {
	padding:4px 12px;
	background:#e3efff;
	display:block;
	margin:0;
	text-decoration:none;
	border-top:1px solid #777;
	font-weight:bold;
}

.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:-1px;
}

.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;
}

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;
}


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


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

div.portalPane  div.topRound b, div.portalPane div.bottomRound b,
div.contentPaneWide div.topRound b,   div.contentPaneWide div.bottomRound b {
	display:block;
	overflow:hidden;
}

div.portalPane div.topRound b.outer, div.portalPane div.bottomRound b.outer,
div.contentPaneWide div.bottomRound b.outer {
	height:1px;
	margin:0 3px 0 3px;
}

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

}

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

div.portalPane  div.yellow b, div.portalPane div.topRound b {
	background:#FFF1C5;
}

div.portalPane  div.lightBlue b, div.contentPaneWide div.bottomRound b {
	background:#e3efff;
}


div.portalPane  div.topRound, div.tabbedPane div.topRound b {
	display:none;
}

div.portalPane  div.paneTabs ul li.active div.topRound {
	display:block;
	*display:none;
}

div.portalPane  div.paneTabs ul li.active div.topRound b.middle {
	display:none;
}

div.portalPane  div.paneTabs ul li.active div.topRound b.inner {
	height:1px;
}

div.portalPane  div.paneTabs ul li.active div.topRound b.outer {
	margin:0 2px;
}

/*Rounder elements*/

/*Container modified for Portal*/
div.portalPane div.container {background:green;} /*Spalva*/

/*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 18px 0;
	border:1px solid #ccc;
}

div.moduleActions {padding:10px 9px 0 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, .portlet ul.itemGroup li span a, ul.blockGroups li ul.itemGroups li span a {color:#777;font-weight:normal;}

.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:5px;right:0;padding:2px 12px}

.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 that are applied to elements in the content area. 
Lists and tables have their own styleshett lists-and-grids.css
*/

/*-------------------------------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 16px 12px 16px;
 	min-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:38px;
	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/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/container_back_bottomright.gif) bottom right no-repeat;
	height:20px;*/
	display:none;
}






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


.pageTitleSmall, .pageTitleError {
	margin:0;
	padding:0 12px;
	background-color:#FFFFFF;
	background-image:;
	background-position:;
	background-repeat:;
	color:;
}

/*Branding hooks*/
#pageHeader, 
/*Regular selectors*/
.pageTitle {
	margin:0 0 0px 0;
	background-color:#fff;
	background-image:;
	background-position:;
	background-repeat:;
	color:;
	padding:6px 12px  0px 12px;
	border-bottom:3px solid #ccc;
}

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


.pageTitleError {
	background:red;
}

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

.pageTitleError h1 {
	color:#fff;
}

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

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

.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;
	*top:-11px;
}

.unitHomePageTitle {margin:-14px -16px 5px -16px;padding-top:0;}

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

.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:2px;padding-bottom:3px;}
	/*  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 0px 0;
  	padding:4px 4px 0px 0;
	clear:both;
}



/*Text blocks*/

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

/*Content Area Variations*/
/*Error page*/

#contentPaneWide div.error b, .error b {background:red;}

#contentPaneWide div.utilityPage {min-height:auto;}




/*------------------------------------- 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 0 12px 0;
	padding:0;
	background:#fff;
	border-bottom:1px solid #ccc;
	font-size:100%;
}

ul.containerTabs li  {
	float:left;
	position:relative;
	top:1px;
	margin-right:3px;
}

ul.containerTabs li a  {
	padding:5px 12px 6px 12px;
	display:block;
	background:#ededed url(images/gradient_black_short_bt.png) repeat-x 0 12px;
	text-decoration:none;
}

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

ul.containerTabs li.active a  {
	display:block;
	padding:7px 12px;
	font-weight:bold;
	background:#ffffff;
	border-left:0;
	border:1px solid #dcdcdc;
	border-bottom:none;
	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 #999;
  padding:1px 12px; 
  _padding-bottom:0;
  background:#FFFFFF;
  }
div.mapTabs ul {
  float:left;
  margin-bottom:-1px;
  padding:0 0 0 3px;
  background:#cdcdcd;
  -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 {
  margin-top:2px;
  padding:0;
}

div.mapTabs ul li.active h3 {
  margin:0 0 -1px;
  border:1px solid #999;
  border-bottom:none;
  background:#FFFFFF;
  font-size:100%;
  padding:5px 12px 6px 12px;
  *margin-bottom:-2px;
  *height:1%;
  _float:left;
  _margin-bottom:0;
}

div.mapTabs ul li a.inprogress {
  padding-left:26px;
  background:#ededed url(images/workflow_detail_active.gif) 6px 50% no-repeat;
  }
div.mapTabs ul li a.complete {
  padding-left:27px;
  background:#ededed 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:5px 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 30px;
  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 18px;
  padding-left:0.4em;
  background-image:none!important;
}

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




/*-------------------------------------ADMIN PANEL----------------------------------------------------------*/

/*---------------------------- 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:6px 0 6px 70px;
	margin:-4px 0 0 14px;
	background-color:inherit;
	font-size:85%;
	overflow:visible;
	*font-size:90%;
	position:relative;
	border-left:1px solid #AAAAAA;
}

.colophon img {
	position:absolute;
	left:9px;
	_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%}





/* !!!!! Rounders are hidden in Vista Theme. !!!!!!!!!!!!!!!*/
/*Rounder elements that roundout content pane.*/
div.contentPane div.topRound, div.contentPane div.bottomRound, 
div.loginPane div.topRound, div.loginPane div.bottomRound,
div.contentPaneWide div.topRound, div.contentPaneWide div.bottomRound,
div.pickerMenu div.topRound, div.pickerMenu div.bottomRound {
	margin:0;
	padding:0;
	clear:both;
	*height:1%;
}


div.topRound b,  div.bottomRound b {
	display:block;
	overflow:hidden;
}

div.topRound b {
	background:#fff1c5;
}

div.bottomRound b {
	background:#fff;
}


div.contentPane div.topRound b.outer, div.contentPane div.bottomRound b.outer, 
div.contentPaneWide div.topRound b.outer, div.contentPaneWide div.bottomRound b.outer, 
#loginPane div.topRound b.outer, #loginPane div.bottomRound b.outer {
	height:1px;
	margin:0 3px 0 3px;

}


div.contentPane div.topRound b.middle, div.contentPane div.bottomRound b.middle, 
div.contentPaneWide div.topRound b.middle, div.contentPaneWide div.bottomRound b.middle, 
#loginPane div.topRound b.middle, #loginPane div.bottomRound b.middle {
	height:1px;
	margin:0 2px 0 2px;
}



div.contentPane  div.topRound b.inner, div.contentPane div.bottomRound b.inner, 
div.contentPaneWide  div.topRound b.inner, div.contentPaneWide div.bottomRound b.inner,
#loginPane div.topRound b.inner, #loginPane div.bottomRound b.inner {
	height:2px;
	margin:0 1px 0 1px;
}

/*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;
}




#contentPane  div.yellow b, #contentPaneWide  div.yellow b {
	background:#FFF1C5;
}


div.landing  div.bottomRound b {
	background:#EDEDED;
}
/*End rounder elements*/


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


.actionBar {
	margin:4px 0 0 0;
	padding:2px 8px 1px 8px;
	background-color:transparent!important;
}

.portal .actionbar {  	background:#ABC4D7;}

.actionBar ul, .actionbar_portal ul {
  	list-style-type: none;
 	margin:0 0 2px 0;
  	padding:4px 6px 4px 6px;
	background:#ededed;
	border:1px solid #ccc;
}

.actionBar ul li, .actionBar ul li.mainButton, .actionbar_portal ul li{
  	float:left;
  	margin:0 0 0 4px;
	_margin:0 0 0 3px;
  	position:relative;
  	padding-right:1px;
	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:95%;
  	display:block;
  	text-decoration:none;
  	padding:2px 9px 2px 9px;
	background-color:#EDEDED;
	border:1px solid #AAA;
	border-bottom:2px solid #AAA;
	border-right:2px solid #AAA;
	color:#003366;
 }
 
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:#fff;
	border-color:#555;
} /*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 #999;
}

.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 -4px 0 -4px;
}

.actionBar ul li.secondaryButton a img {
		margin:-2px -4px 0 -4px;
}


.actionBar ul li.mainButton.sub a img,
.actionBar ul li.secondaryButton.sub a img {
		margin:-2px -4px 0 4px;
}




.actionBar ul li.search, .actionBar ul li.secondaryButton, .actionbar_portal ul li.search {
	float:right;
	border-right:0;
	padding:0;
	margin:0 6px 0 0;
	font-weight:normal;
	font-size:95%;

} /*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 {
font-size:100%;
  	display:block;
  	text-decoration:none;
  	padding:2px 9px 2px 9px;
	border:1px solid #aaa;
	background-color:#EDEDED; 
	color:#003366;
		-moz-border-radius:0;
 } 

 .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:5px;
	*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;
  	background:#ffffcc;
  	border:1px solid #999;
	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 {
	border:1px solid #999;
	background-color:#FFF;
}

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

/* END ACTION BAR */




/*--------------------------------------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;
	background:#ededed;
	border:1px solid #ccc;
}

.portlet div.actionBarMicro {
	padding:3;
	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;
	background-image:none;

}

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 #ededed;
	background:transparent;
	*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 #bbb;
	background:transparent;
		border-top:1px solid #fff;
	border-left:1px solid #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 ;
	border:1px solid #ededed;
	background:transparent;
	font-size:95%;
	*font-size:90%;
	*display:block;
	_display:inline-block;

}

.portlet div.actionBarMicro ul li.mainButton a {
	padding:1px 4px;
	text-decoration:none;
	border:1px solid #ededed;
	background:transparent;
	
}

.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 #bbb;
	background:transparent;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
}

.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 #bbb;
	background:#fff;
}



.navPalette div.actionBarMicro ul li.active a.options {
	border:1px solid #bbb;
	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.portalPane div.actionBar, div.contentPaneWide div.actionBar {
	padding:9px;
	min-width:600px;
	_width:;
	background:#FFF;
	}

div.contentPaneWide div.actionBar {
 padding:2px 8px 1px  8px;
}
	
/*-----	INVENTORIES ----------------------------*/

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

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

/* Default inventory tabe */
table.inventory {
	font-size:100%;
	margin:0;
	width:100%;
	border-spacing:0;
	border-bottom:none;
	*border-collapse:collapse;
	_height:1%;
	clear:both;
}

/* Table head styles. */
table.inventory thead {

  	background:#669999;
  	font-size:100%;
	*position:;

}

table.inventory thead tr th {
	padding:2px 2px 2px 6px;
	text-align:left;
	color:#fff;
	font-size:90%;
	position:relative;
	border-top:6px solid #336666;
		border-left:1px solid #fff;
		border-right:1px solid #336666;
	*position:;
}

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


/* Table body styles. */
table.inventory tbody {
	*height:1%;

}

table.inventory tbody tr {
	*overflow:hidden;
}

table.inventory tbody tr td, table.inventory tbody tr th {
	padding:3px;
	font-size:95%;
	*border-bottom:none;
	white-space:normal;
	position:relative;
	*position:;
	*height:1%;
	vertical-align:top;
	/*background:#fff;*/
}

tr.stripe td, tr.stripe  th{
	background-color:#f0f0f0;
}

/* 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;
}



table.inventory tbody tr.gray td, table.inventory tbody tr.gray th {

}

/* Styles for cells in a sorted column. */
table.inventory thead tr th.sorted, th.sorted {

}

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:#fff;
 	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 {
	font-weight: bold;
	text-decoration: underline;
	position:relative;
    padding-right:17px;
    margin-right: 0px;
	display:block;
}

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

/* Highlighting background of a selected item row.*/
tr.high td, tr.high th {
	background:#ffffcc!important;
}

/* 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:0px -1px 9px -1px;
	padding:5px 7px 5px 7px;
	*padding:5px 7px 0px 7px;
	_padding:5px 7px 0px 7px;
	_margin:0px 0 6px  0;
	padding-left:34px;
	background:#ededed url(images/checked_items.gif) no-repeat 8px -10px;
}

/* Top inventory action bar. */
div.rumble_top {	
	margin:12px 0 0  0;
	padding:5px 7px 5px 7px;
	*padding:5px 7px 0px 7px;
	_padding:5px 7px 0px 7px;
	_height:.5em;
	padding-left:34px;
	background:#ededed url(images/checked_items_top.gif) no-repeat 8px 6px;
}

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

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

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

div.rumble a, div.rumble_top a {
	text-decoration:none;
	padding:1px 5px 2px 5px;
 	border:1px solid #999;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	background:#ddd;
	color:#000;
	font-size:95%;
}

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

div.rumble a:hover, div.rumble_top a:hover {
	text-decoration:none;
	padding:1px 5px 2px 5px;
	border:1px solid #999;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#fff;
	color:#000;
		font-size:95%;
}

div.rumble_top ul li.secondary, div.rumble ul li.secondary {
  float:right;
  margin:0 0 0 3px;
  position:relative;
}

/* 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;  
}

/*----------------------------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-left:9px;
	padding-left:9px;
}

li.inventory_paging input {
	width:1.5em;
	font-size:95%;
  _font-size:90%;
	text-align:center;
	font-weight:bold;
	vertical-align:middle;
	background:#FFFfff;
 	border:1px solid #999;
	padding:1px;
  *padding:0;
  _display:inline-block;
}

div.rumble_top ul li.inventory_paging a, div.rumble ul li.inventory_paging a {
	background:#ddd;
  	border:1px solid #999;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:1px 1px 2px 1px;
	color:#666666;
	*position:relative;
	top:-1px;;

}

div.rumble_top ul li.inventory_paging a:hover, div.rumble ul li.inventory_paging a:hover {
 	background:#fff;
 	border:1px solid #999;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

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 {
 	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 #999;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:1px 5px 2px 5px;
	color:#000;
}

div.rumble_top ul li.secondaryControl a:hover, div.rumble ul li.secondaryControl a:hover {
	background:#FFF;
}


/* 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;
}  

/*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 {
	color:#999;
	*position:;
}

table.attachments thead tr th {
	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;
	color:#777;
	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;
}



/*------------------------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 {
	background:#669999;
	color:#FFF;
	border-bottom:1px solid #336666;
	border-left:1px solid #83BFBF;
	border-right:1px solid #336666;
	border-top:3px solid #336666;
	font-size:90%;
}

table.gbColumns thead tr th:first-child, table.gbColumns thead tr td:first-child,
table.gbColumns thead tr td:first-child + td {
	border-left:none;
}

table.gbColumns thead tr th:last-child, table.gbColumns thead tr td:last-child {
	border-right:none;
}

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:#336666;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(http://ui/images/ci/icons/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:#EDEDED;
  border:1px solid #AAA;
  padding:2px 0 1px 2px;
  *padding-top:1px;
  text-align:left;
  }
  
.hideme {display:none;}

li.jumptopage input {
  border:1px solid #AAA;
  }
  


li.jumptopage button {
  display:block;
  float:left;
  border:none;
  margin:0 0 0 6px; 
  padding:0;
  background:transparent; 
  }

  
  

.jumptopage, div.jumptopage {
  background:#ededed;
  padding:2px 18px 2px 6px!important;
  border:1px solid #999;
  border-top:1px solid #ccc;
  border-left:1px solid #ccc;
  text-align:left;
  position:relative;
  }

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:0!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 #999;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	background:#ddd;
	/*color:#666;*/ color:#444;
}

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

.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 5px 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; }


div.rumble ul li.jumptopage a.gotopage,
div.rumble_top ul li.jumptopage a.gotopage,
.paging a.gotopage {
  margin:0 2px;
  padding:1px 5px 1px 5px;
  color:#000;
	background:#DDD;
  	border:1px solid #999;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
  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:#FFF;
	border:1px solid  #ccc;
	border-top:1px solid #999;
	border-left:1px solid #999;
}

/*.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;}

/* 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);
}

/* ------- 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;}




	
/*-----	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;
	clear:both;
  	margin:0 0 3px 0;
	/*overflow:hidden;*/
	position:relative;

}

/*---------
	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?
----------*/

.contentListRight {
    font-weight:normal;
    position:absolute;
    right:6px;
    left:auto;
}

.pagedContentListRight {
    top: 4px;
}

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

/*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:105%;
	margin:0 0 0 18px;
	padding:6px 6px 6px 20px;
	border-top:2px solid #ccc;
	border-left:2px solid #ccc;
}

 div.staticHeader h3.item, div.staticFooter h3.item  {
	margin:0 0 0 9px;
}

h3.item a {
	color:#000;
}

ul.buildList li input {
  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  {
	font-size:110%;
	margin:0 0 0 18px;
	padding:6px 6px 6px 75px;
	z-index:1000;
}


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




/* 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;
	clear:none;
	float:left !important;
	width:49%;
	margin-right:6px;
}

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

ul.iconsOnly li h3.item {
padding:6px;
	border:0;
	border-left:2px solid #ededed;
}

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

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

	
ul.iconsOnly li span.reorder {
	background-color:#EDEDED;
	background-image:url(images/cm_reorder.gif);
	background-position:center;
	background-repeat:no-repeat;
	left:-2px;
	top:2px;
	position:absolute;
	height:28px;
	width:20px;
	cursor:move;
	opacity:1;
	filter:alpha(opacity=100);
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-topleft:3px;
}




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

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

ul.contentList li.read div.details  {
	border-left:none;
}

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%;
}

.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, div.announcementInfo, p.itemDetails p, div.itemDetails p {
	margin:0;
	padding:2px 4px 0 4px;
	font-size:90%;
	*font-size:85%;
}
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;}

/* 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:0px 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;
}

.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 {
	margin-left:18px;
}

div.staticHeader div.details, div.staticFooter div.details {
	margin-left:9px;
	padding-left:12px
}



ul.announcementList li div.details, ul#announcementList li div.details {
	margin:0 12.4em 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:9px;
}

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

.gbColumns_rumble, .gbColumns_rumble_bottom {margin-left:42px!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 16px 3px 7px; margin:12px -16px 12px -16px}

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}
div.areaHighlight div.container {margin:0 16px}
div.areaHighlight .actionBar ul {margin-bottom:0;}

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 20px;
    color:#444;
    font-weight:normal;
}

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;
}


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


/* 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%;
}

.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,
.caretTitleModifier a.browse:focus, div.landingPageColumn ul li h3.hiddenLink a.browse:focus {
	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,
ul.announcementList-read li h3.item  {
	font-size:105%;
	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 75px;
}

/*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 18px;
}

/*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 {
	background:transparent;
	cursor:default;
}
 


/*-------------------------------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:0 0 6px 12px; 
	padding:4px 0 0 6px; 
	/*border:1px solid #ddd; 
	border-bottom:none;*/ 
	background:#fff;
	border-left:1px dotted #CCCCCC;
	border-top:1px dotted #CCCCCC;
}

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, ul.subList-reorder li {
	margin:0;
	padding:3px 3px 3px 23px;
	cursor:move;

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

ul.subList li a.cmimg:hover, ul.subList li a.cmimg:focus {
	opacity:1;
}

ul.subList li p {
	padding:0; 
	margin:3px 6px 3px 24px; 
	font-size:90%; 
	color:#444; 
	display:none;
  visibility:hidden;
}
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:12.5em;overflow:visible;}

ul.subList li p span {
	font-weight:bold;
}

ul.subList li span.reorder {
	position:absolute;
	left:0px;
	top:2px
}

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


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 li:hover span.reorder {
	opacity:1
}

/* subListArtifact is only used for artifact list on OPT canvas page */
ul.subListArtifact, 
ul.detailList ul.subListArtifact  
  {clear:both;}

ul.subListArtifact li, 
ul.detailList ul.subListArtifact li 
  {position:static;} /* corrects layout issue in IE6&7 */

ul.detailList ul.subListArtifact, 
ul.detailList ul.subListArtifact li, 
ul.detailList ul.subListArtifact li a {zoom:1;}

/*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 1.6em;
	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 ol.subList { /* survey answers are listed in an ordered subList */
  list-style-type:decimal; 
  list-style-position:inside; 
  margin:0; 
  padding: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;
}

/* corrects formatting issue with contextual menu in buildList */
ul.buildList ul li div.contextMenuContainer {
  display:inline;
  float:none;
  width:auto;
  }

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;
}

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;
	display:inline-block;
}

div.itemHeaderControl a:hover {
	
}

div.itemHeaderControl a img {
	margin:0;padding:0;
}



ul.easylist li h3.item span.reorder, ul.noimg li h3.item span.reorder,  ul.buildList li h3.item span.reorder,
ul.contentList li h3.item span.reorder, ul.contentListPlain li h3.item span.reorder,  ul.buildList li h3.item 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);
	height:28px;
	width:20px;
	opacity:1;
	

}

/*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.itema.cmimg:hover,
ul.buildList li h3.item:focus span.reorder, ul.contentList li h3.item:focus span.reorder, 
ul.contentListPlain li h3.item:focus a.cmimg, ul.contentListPlain li h3.item:focus span.reorder, 
ul.contentListPlain li h3.item:focus a.cmimg, .contentPageItem h3.item:focus a.cmimg,
.contentPageItem h3.itema.cmimg:focus 
 {
	opacity:1;
	filter:alpha(opacity=100);
}

/*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,

ul.buildList li h3.item:focus,
ul.contentList li h3.item:focus, ul.contentListPlain li h3.item:focus,
ul.announcementList li h3.item:focus {
	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,
div.multiAssign a.buttonMicro:focus, h3 a.buttonMicro:focus {
	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:1.2em 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 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,
div.landingListWrapper ul.landingList li a:focus, div.landingListWrapper ul.landingList-2cols li a:focus {
	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, body.landingBody div.container {min-height:400px;padding:0 0 12px 0;margin:0;background:#EDEDED;}

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 1em;padding:0;}

div.landingPageColumn ul li {
	margin:0 0 1.6em 0em;
	text-align:left;
}

div.landingPageColumn ul li a {
	color:#003366;
}


div.landingPageColumn ul li h3 {
	margin:0;
	padding:0.4em 1.2em 0.4em 1.6em;
	font-size:100%;
	background:transparent url(images/list_bullet_classic.gif) no-repeat  -0.1em 0.5em;
}

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 p {
	padding:0em 0.6em 0 1.6em;
	margin:0;
	color:#000;
}

div.landingPageColumn ul li ul li {
	float:none;
	padding:0;
	margin:0;
	color:#666;
}

#contentPaneWide div.gray b, #contentPane div.gray b  {background:#ededed;}

/* 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, div.landingPageColumn ul li ul.datalistScroll li:focus {
  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 18px;
}

div.designAreaHeader h3, div.designAreaFooter h3 {
	margin:0 0 0 0;
	padding:0.4em 0 0.4em 0.8em;	
	color:#666;
}

div.designAreaHeader div.headertext, div.designAreaFooter div.footertext {
	margin:0;
	padding:0 0 0.4em 0.8em;
}

div#emptyText {margin:0.6em 18px;} /* shown when there are no items in the canvas */
		
/*-----	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, select {*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:0;
  padding:4px 4px 6px  30px; 
  *padding:4px 4px 3px  30px; 
  font-weight:bold;
  font-size:115%;
  color: #000!important; 
  line-height:1;
  border:1px solid #ccc;
  background:#eee url(images/step_bubble.gif) no-repeat  4px 3px!important;

}

/* Span within steptitle to display step number is hidden in Vista theme. */
div.steptitle span,  h3.steptitle span {
	position:absolute;
	top:3px;
	left:3px;
	_top:4px;
	color:#fff!important;
	padding:2px 6px;
	background:transparent!important;
	zoom:1;
	_margin-left:-31px;
}  


/*Step title in case if there's  no step number.*/
h3.noNumber {
	padding:4px 16px 5px 16px;
	background-image:none!important;
}



/*---------------------------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:#666666;
  	font-size:95% !important;
  	line-height:135%;
  	margin:0 0 6px;
  	padding:0 4px 4px 6px;
  	border-bottom:none;
}

/* Lists and nested lists */
fieldset.stepcontent ol, fieldset.stepcontent fieldset ol, div.contentBlock ol {
	list-style:none; 
	padding:18px 12px 18px 24px; 
	margin:0 0 0 12px;
	border-left:4px solid #ccc;
	*margin-top:-5px;
}
	
/* Spacing list elements and giving the bottom border */
fieldset.stepcontent ol li {
	margin:0;
	padding:0 0 8px 6px;
	*height:1%;
}

/*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 nested 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;
}

/* 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;}


div.stepLite {
padding:6px 16px 12px;
}


/*----------------------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;
}


/*---------------------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;
}



/*---------------------ERRORS AND  SPECIAL CONDITIONS------------------------------------------*/


fieldset.stepcontent ol li.fieldError, li.fieldError {
	background:#ffcc00;
	border-bottom:1px solid #fff;
	padding:2px 0 0 6px;
}

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 {
	color:#666;
	background:#fff;
	padding:2px 6px;
	font-size:90%;
}

/* Required field flag image. */
li.required div.label label img, li.required div.label img {
	margin:-3px 0 0 -18px;
	_margin:0;
}

li div.label img.indicator {
	position:absolute;
	left:-18px;
	top:0px;
}

li.required input {
	clear:both;
	*clear:none;
}




/*------------------STEP CONTENT MODIFICATIONS-------------------------------------------------*/


/* fieldset or a div in a step that display read-only information. */
fieldset.info, div.info {
	background:#f6f6f6;
	margin:0 0 12px 0;
	padding-left:18px;
}

div.info {
	padding-left:0;
}

/* Modifying read-only labels */
fieldset.info div.label {
  	color:#666;
}

fieldset.info ol {
	border:0;
	margin:0;
	padding:12px;
}



/*-----------------------DTP STEP ELEMENT LAYOUT------------------------------------*/

/*Setting up a two-column layout*/

div.label {
	display:block;
	float:left;
	width:20%; 
	margin:0 0px 3px; 
	font-size:100%;
  	color:black;
	position:relative;
	font-weight:bold;
	top:0px;
	padding:0;
}

div.field, div.noLabelField  {
	display:block;
	float:left;
	width:79%; 
	margin:0 0px 3px; 
    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 {width:100%;}


div.label span.contextMenuContainer {
    display:inline;
}

div.editBlock {
	float:left;
	margin-right:12px
}

/*VTBE on/off switch*/
.vtbeSwitch {position:relative;height:1.3em;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%;}


/*--------------------------QUICK ADD PALETTE CONTENT MODIFICATIONS----------------------------------------------------*/

div.quickAddPal fieldset.stepcontent {
	margin:0;	
	padding:3px 6px 3px 6px;
}

div.quickAddPal fieldset.stepcontent ol {
	margin:0 2px;	
	padding:2px;
	border:0;
}

div.quickAddPal fieldset.stepcontent ol li{
	margin:0;	
	padding:1px 1px 0 1px ;
	border:0;
}

div.quickAddPal fieldset.stepcontent ol li div.label {
	width:30%;
		padding-right:2px;
	overflow:visible;
}

div.quickAddPal fieldset.stepcontent ol li div.field {
	width:68%;
	*width:65%;
}


/* Required field flag image. */
div.quickAddPal fieldset.stepcontent ol li.required div.label label img,
div.quickAddPal fieldset.stepcontent ol li.required div.label  img {
	margin:-8px 0px 0pt -9px;
	_margin:0;
}



/*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%;
} 

div.quickAddPal div.field input[type=text], select, textarea {
  _width:100%;
  _font-size:100%;
  border:1px solid #666;
} 

div.quickAddPal div.field input[type=checkbox]  {
  _width:auto;
} 

div.quickAddPal div.field input.datePickerInput,
div.quickAddPal div.field input.timePickerInput {
  width:8em;
}



/*-------------------------USER INPUT ELEMENTS-------------------------------------*/

div#texteditor {
	margin:0; 
	padding:3px; 
	float:left;
	}
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 {
	border:1px solid #666;
	padding:1px 2px;
}

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%;
}
/**/

textarea {font-size:100%;}

input:focus, textarea:focus, #loginBox input[type="text"]:focus, #loginBox input[type="password"]:focus,
.portlet #loginBoxFull li input[type="text"]:focus, .portlet #loginBoxFull li input[type="password"]:focus {
  background: #fff1c5;
  border-color:#000;
} 




/* Browse control styles. */
fieldset.stepcontent ol li input.browse, input.browse {
	background:#DDDDDD;
	border:1px solid #999;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	*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.portlet div.portletBlock a.browse, a.browse, a.browseIcon {
	background:#DDDDDD;
	border:1px solid #999;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
  	padding:1px 4px 2px;
  	text-decoration:none;
}
	
fieldset.stepcontent ol li a.browse:hover, div.portlet div.portletBlock a.browse:hover, a.browse:hover, a.browseIcon:hover,
fieldset.stepcontent ol li a.browse:focus, div.portlet div.portletBlock a.browse:focus, a.browse:hover, a.browseIcon:focus {
	border:1px solid #ccc;
	border-top:1px solid #999;
	border-left:1px solid #999;
	background:white;

}  

 div.details a.browse,  div.details a.browse:hover  {padding:0 6px 1px 6px;margin:0 auto;}
  
/*??*/fieldset.stepcontent ol li a.browse img {small_time}/*??*/

/*Submit buttons*/
p.taskbuttondiv, p.taskButtonsContent, div.controls, p.okbutton {
	padding:6px 12px; 
	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;}

/* Need to override the colour here because in this theme we try to hide the step title but we want _this_ text still */
div.steptitle span.stepTitleRight, h3.steptitle span.stepTitleRight {
    color:#000;
}

span.stepTitleRight p.taskbuttondiv, span.contentListRight p.taskbuttondiv {
    margin: -2pt 0 -2pt 0 !important; 
    padding: 0px 0px 0px 0px !important; 
    font-size: 80% !important;
}

p.backLink {position:absolute;bottom:6px;right:4px;margin:0;}

p.backLink a {
	background:#bbb;
	padding:2px 8px;
	text-decoration:none;
	color:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	font-size:90%;
	font-weight:bold;
}

.taskButtonsContent {
	padding:9px 12px 0 12px;
	margin:24px -12px 0 -12px;
	border-top:1px solid #ddd;
}
  
.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:100%;
	border:1px solid #ccc;
	border-right:2px solid #bbb;
	border-bottom:2px solid #bbb;
  	text-decoration:none;
  	padding:2px 9px;
  	color:#333;
  	border-collapse:collapse;
	background:#ededed;
  	*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,

/*Login page submit button*/
#loginBox li input[type="submit"],
/*Legacy buttons*/
button.submit, input.submit  {
	font-weight:bold;
  	color:#333;
	font-size:100%;
	  	padding:1px 9px;
		border:1px solid #ccc;
		border-right:2px solid #bbb;
	border-bottom:2px solid #bbb;
  	text-decoration:none;
  	padding:2px 9px;
	  	*overflow:visible; /*fixes button width bug in IE6*/
}


 #loginBox li input.submit  {
	font-weight:bold;
  	color:#333;
	font-size:100%;
	  	padding:1px 9px;
		border:1px solid #ccc;
		border-right:2px solid #bbb;
	border-bottom:2px solid #bbb;
  	text-decoration:none;
  	padding:2px 9px;
	  	*overflow:visible; /*fixes button width bug in IE6*/
}

#loginBox li input[type="submit"]:hover {
	background-color: #bbb;
}

#loginBox li input.submit:hover, .portlet input.submit:hover {
	background-color: #bbb;
}


.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;
}

.quickAddPal div.controls input {
	font-size:100%;
	padding:1px 6px;
	margin:0 1px;
}


.taskbuttonhelp {  
	color:#666666;
  	font-size:95% !important;
  	line-height:135%;
  	padding:0 4px 0px 30px;;
  	margin:9px 0 0 0;
}


.container p.taskbuttonhelp {
	padding:14px 12px 0pt 40px;
}

	
#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*/

.stepTitleRight {
    font-weight:normal;
    position:absolute;
    right:6px !important;
    left:auto !important;
    top:5px;
}

.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%;}

/* end text-area resizing */

/* 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 {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: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-bottom: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 {
  display:block; 
  width:100%;
}

h4.panelTitle a span {
  display:inline;
  padding:2px 0; 
  color:black; 
  font-size:100%;
  *font-size:95%;
}

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%;}



/*--------------------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, ul.buttonLibrary li a:focus {
	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%;
	background:red!important;
}

.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 {border:2px solid #597298;}
.themeDefault .schemePreviewHead {color:#FFF;background-color:#597298;}
.themeDefault .schemePreviewBody {background-color:#fff;color:#000;}

/*opal*/
.opal .schemePreview {border:2px solid #891414;}
.opal .schemePreviewHead {color:#e4ecf4;background-color:#891414;}
.opal .schemePreviewBody {background:#e4ecf4;color:#000;}

/*desert*/
.desert .schemePreview {border:0;}
.desert .schemePreviewHead {color:#e4ecf4;background-color:#ebc793;}
.desert .schemePreviewBody {background:#f7f5d2;color:#000;}

/*plum*/
.plum .schemePreview {border:2px solid #666699;}
.plum .schemePreviewHead {color:#ffcc00;background-color:#666699;}
.plum .schemePreviewBody {background:#f2f0f4;color:#000;}

/*fall*/
.fall .schemePreview {border:2px solid #336666;}
.fall .schemePreviewHead {color:#cc6633;background-color:#ffffcc;}
.fall .schemePreviewBody {background:#ffffcc;color:#000;}

/*sandstone*/
.sandstone .schemePreview {border:2px solid #336666;}
.sandstone .schemePreviewHead {color:#666600;background-color:#cccc99;}
.sandstone .schemePreviewBody {background:#e7e7b8;color:#000;}

/*forest*/
.forest .schemePreview {border:2px solid #339933;}
.forest .schemePreviewHead {color:#FFF;background-color:#339933;}
.forest .schemePreviewBody {background:#FFF;color:#000;}

/*spring*/
.spring .schemePreview {border:2px solid #cc99cc;}
.spring .schemePreviewHead {color:#FFF;background-color:#cc99cc;}
.spring .schemePreviewBody {background:#Fddede;color:#000;}

/*state*/
.state .schemePreview {border:2px solid #eee;}
.state .schemePreviewHead {color:#FFF;background-color:#ccc;}
.state .schemePreviewBody {background:#eee;color:#000;}

/*mesa*/
.mesa .schemePreview {border:2px solid #ffffcc;}
.mesa .schemePreviewHead {color:#FFF;background-color:#993333;}
.mesa .schemePreviewBody {background:#ffcccc;color:#000;}

/*summer*/
.summer .schemePreview {border:2px solid #669999;}
.summer .schemePreviewHead {color:#FFFfcc;background-color:#99cccc;}
.summer .schemePreviewBody {background:#ffffcc;color:#000;}

/*ocean*/
.ocean .schemePreview {border:0;}
.ocean .schemePreviewHead {color:#fff;background-color:#47478e;}
.ocean .schemePreviewBody {background:#ccccff;color:#000;}

/*tree*/
.tree .schemePreview {border:2px solid #669966;}
.tree .schemePreviewHead {color:#225522;background-color:#669966;}
.tree .schemePreviewBody {background:#fff;color:#000;}


/* 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:459px;
  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; 
  font-size:90%;
  }
.previewTextArea div.previewContent {padding:3px;}



/*--------------------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:75%!important;
	font-weight:normal;
	margin:0 0 0 3px;
}

.field a.browse {
	font-size:95%;
	margin:0 0 0 3px;
}

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%;}


/*list element in edit mode.*/
.inEditMode {
	border:2px solid #444!important;
	background:#ededed;
	padding:3px 9px;
}


/*Generic button styles.*/

a.genericButton, a.genericButtonImg, input.genericButton, .searchbar fieldset input.genericButton { 
	background-color:#ddd;
 	border:1px solid #999;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
  	padding:0 6px 1px 6px;
  	text-decoration:none;
	display:inline-block;
	font-size:100%;
	color:#333;
}

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,
a.genericButton:focus, a.genericButtonImg:focus,
.searchbar fieldset input.genericButton:hover, .searchbar fieldset input.genericButton:focus  {
	background:white;
	border:1px solid #999;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
} 
	
/*-----	CALENDAR -----------------*/
/*------------------------------------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:#ffffcc url(images/cal_month_today_bg.gif) no-repeat top left;}

      div.calMonth table td.today a.daylink {font-weight:bold; background:#ffff99;}

      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:#ffffcc;}
    
    table.calYear td.today:hover,
    table.calYear td.today:focus {background:#ffffcc 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 -----------------*/
/*---------------------------------------------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:auto;
  font-size:100%;
}

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%;
  overflow:hidden;
  }

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 #ccc;
  _border:1px solid #ccc;
  }
  
div.blogNav div.portlet ul.blockGroups li a.itemHead {
  border-top:1px solid #ccc;
	padding:4px 16px;
  background-image:url(images/more_options.gif);
  background-repeat:no-repeat;
  background-position:3px center;
}

div.blogNav div.portlet ul.blockGroups li a.itemHead:hover {
  text-decoration:underline;
}

div.blogNav div.portlet ul.blockGroups li a.itemHeadOpen {
  background-image:url(images/less_options_dark.gif);
  background-repeat:no-repeat;
  background_position:3px center;
}

div.blogNav div.portlet ul.blockGroups li a.itemHeadOpen:hover {
  text-decoration:underline;
}

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%;
  }
  
div.blogNav div.portlet ul.blockGroups div.blogAction a.browse {
  display:inline;
  *display:inline-block;
  }

/* 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;}

div.blogNav div.portlet div.portletBlock ul.blockGroups li a.browse {
  *display:inline-block;
  font-weight:normal;
}
/*-------------------------------------------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%;}  /* 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;
  *width:auto;
  font-size:100%;
}

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%;
  overflow:hidden;
  }

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 #ccc;
  _border:1px solid #ccc;
  }
  
div.journalNav div.portlet ul.blockGroups li a.itemHead {
  border-top:1px solid #ccc;
	padding:4px 16px;
  background-image:url(images/more_options.gif);
  background-repeat:no-repeat;
  background-position:3px center;
}

div.journalNav div.portlet ul.blockGroups li a.itemHead:hover {
  text-decoration:underline;
}

div.journalNav div.portlet ul.blockGroups li a.itemHeadOpen {
  background-image:url(images/less_options_dark.gif);
  background-repeat:no-repeat;
  background_position:3px center;
}

div.journalNav div.portlet ul.blockGroups li:first-child a {border:none;}

div.journalNav li.currentBlog {font-weight:bold;}

div.journalNav li.currentBlog span,
div.journalNav div.portlet ul.itemGroups li a {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%;
  }
  
div.journalNav div.portlet ul.blockGroups div.blogAction a.browse {
  display:inline;
  display:inline-block;
  }

/* 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;}

div.journalNav div.portlet div.portletBlock ul.blockGroups li a.browse {
  *display:inline-block;
  font-weight:normal;
}
/*-------------------------------------------END JOURNALS----------------------------------------------------*/
	
/*-----	GRADEBOOK -----------------*/
/*---Gradebook styles---*/



.subActionBar {
	font-size:95%;
	padding:0px 3px 0 3px;
	*padding:0px 14px 6px 14px;
	background:#ffffcc;
	border:1px solid #ddd;
	margin:0 16px 0 16px;
	_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 fieldset legend + div.block {border-left:0!important;}

.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 #ddd;
	font-size:90%;
	margin-top:4px;
	white-space: nowrap;
}

.cellStatus div {
	border-right:1px solid #CCCCCC;
  display:inline;
  white-space: nowrap;
	padding:2px 8px;
}

.statusTitle {

}

.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;
}

/*-- 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;
  position:relative;
  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 {

}

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!important;
  width:128px;
}

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;
  vertical-align:middle;
}

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:#ccc url(images/current.gif) no-repeat 1px 4px!important;
}

div.gradeDetails {font-size:90%;padding:6px 0 0 12px}
div.gradeDetails div.label  {width:15%;}

/* sometimes span are used as simple locator for DHTML, in which case using a span should not imply a style - this is a work around */
span.unstyled { font-size: 100%; display: inline; color: #000000; padding: 0; }


@media print {
	div.hideOnPrint { display: none; }
} 

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/context_menu_classic.gif) no-repeat -1px -1px ;
	padding:0 0 1px 0;
	vertical-align:middle;	
	opacity:0.6;
	filter:alpha(opacity=60);
	font-size:12px;
	zoom:1;
}

a.cmimg:hover, a.cmimg:focus {
	opacity:1;
	filter:alpha(opacity=100);
}

a.cmimg img {
	width:18px;
	height:18px;
	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_classic.gif) no-repeat 0 0;
	opacity:0.7;
	filter:alpha(opacity=70);
}

div.navPalette ul.courseMenu a.cmimg img, .portlet a.cmimg img {
	width:14px;
	height:14px;
	padding:0;
	margin:0;
	border:0;
}

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:transparent url(images/cmlinkoptions_classic.gif) no-repeat 0 0;
}


.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;
}



/*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;
}


/* 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:#ddd;
	border:1px solid #666;
	zoom:1;
	z-index:100;
}

.quickAddPal {
	font-size:90%;
	*font-size:85%;
		width:auto;
	*width:19em;
}

/* color picker palette - uses a grid of swatches which is wider than 19em */
.quickAddColor {width:311px;}
.quickAddColor a.genericButton {
  float:left; 
  margin:2px 0;
}

/* modal overlay for Flyout forms.*/
.modalOverlay{
	display:none;
	background-color:#000;
	opacity:.01;
	filter: alpha(opacity=1);
	position:fixed;
	top:0;
	left:0;
	z-index:90;
	right:0;
	bottom:0;
	height:100%;
	width:100%;
	_position:absolute;
}

div.quickAddPal, div.keyboardAccess {
	padding:0;
}

ul.nav li.sub ul {
	top: -10000px;
	position: absolute;
}

/* Positioning contextual menu relative */
.cmdiv ul {
	width:180px;
}

.menumini ul {	
	width:120px;
}

ul.nav li.sub ul li {
	margin:0;
	padding:0;
	float: none;
}

/* 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:138px;
 	background:transparent;
  	font-weight:normal;
	text-decoration:none;
  	display: block;
  	margin:0;
   	padding: 3px 3px 3px 6px;
	border:0;
	-moz-border-radius:0;
		overflow-x:hidden;
	word-break: normal;
	word-wrap: break-word;	
		color:#444;
}

/* Contextual menu link specific attributes */
.cmdiv a {
  	font-size:95%;
	width:auto;
}



.menumini a {
  padding:2px 10px 2px 16px;
  font-size:90%;
  *font-size:85%;
  border:none;
   width:auto;
}

/*Extra help links flyout*/
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%;padding:0;	*margin:-2px 0 0 0;}

ul.nav li.sub ul.narrow li a, ul.nav li.sub ul.narrow  li a:hover,
ul.nav li.sub ul.narrow  li a:focus {
	zoom:1;
	padding:0px 6px 0px 6px;
	background-image:none;
	text-align:left;
	border:0;
	*font-size:85%;
	width:118px;
	display:block;
	margin:0;
	color:#444;
}

 ul.nav li.sub ul.narrow  li a:hover,  ul.nav li.sub ul.narrow  li a:focus {background:#fff!important;}

/*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%;}


/* 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 6px 2px 6px;
	font-size:90%;
	*font-size:85%;
	font-weight:normal;
  	text-decoration:none;
	background:transparent;
		border:0;
		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:#FFF;
	color:#000;
	border:0;
}

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;
	color:#000;
	border:0;
}

/*show the submenus on hover or mouseover*/
ul.nav li.sub:hover ul, div.actionBarMicro ul.nav li.sub:hover ul  {
	top:22px;
	left:0px;
	z-index:101;
}

/*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:18px;
	left:0;

}

/* "Close menu" element. */
.cmdiv li.contextmenubar_top, .menumini li.contextmenubar  {
	background-image:none;
	position:absolute;
	text-align:right;
	display:block;
	width:182px;
	top:-17px;
	*top:-17px;
	right:0px;
	background:#bebebe;
	border-bottom:none;
	border:none;
	padding:0;
		
}

.menumini li.contextmenubar  {	
	width:122px;
	top:-17px;
	*top:-17px;
}

.cmdiv li.contextmenubar_top a, .cmdiv li.contextmenubar_top a:hover {
	background:none;
	padding:0px 2px 2px 2px;
	border:1px solid #666;
	border-bottom:none!important;
}

.menumini li.contextmenubar a, .menumini li.contextmenubar a:hover {
	background:transparent;
	padding:0px 2px 2px 2px;
	border:1px solid #aaa;
	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. */
div.quickAddPal h3, div.keyboardAccess h3, div.quickAddPal div.quickAddPalHeader {
	font-size:105%;
	margin:0 0 4px 0;
	padding:4px 12px;
	background:#cecece url(images/gradient_black_short_bt.png) repeat-x 0 3px;
	_background-image:none;
	border-bottom:1px solid #bbb;
	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 {
	margin:0px 4px;
	padding:4px 2px 4px 2px;
	text-align:right;
	clear:both;
	border-top:1px solid #ccc;
}

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 {
	background-color:#fff;
	border:1px solid #aaa;
}
	


/*--------------------------------- RECEIPTS ---------------------------------------------------------*/


.receipt {
	margin:0 18px 6px 18px;
	padding:6px 9px;
	position:relative;
}

.details .receipt, .stepcontent .receipt {
	margin:0 0px 6px 0px;
	position:relative;
}

.receipt a.close {
	position:absolute;
	top:0px;
	right:6px;
	opacity:0.7;
	*top:3px;
	*right:5px;
	_right:26px;
	filter:alpha(opacity=70);
}

.bad {
	background:#cc3300;
	font-weight:bold;
	color:#fff;
}

.good {
	background:#009900;
	color:#fff;
	font-weight:bold;
}

.infoReceipt {
	background:#6495ed;
	color:#fff;
	font-weight:bold;
}

.inlineReceipt {
	margin:6px 0px 6px 0px;
	padding:6px 9px;
	position:absolute;
	-moz-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 {
	background:#fff;
	border:1px solid #aaa;
	color:#333;
}






/*---------------------------SEARCH BAR AND ADDBAR-------------------------------*/


.searchbar, .addbar, .addbar_custom {
  	margin:-7px 0 0 0;
	padding:2px;
	_height:1%;
	*margin:-12px 0 0 0;
	position:relative;
}

.addbar {
	border:1px solid #ccc;
	background:#ffcccc;
	border-left:none;
	border-right:none;
	padding:2px 2px 2px 12px;
}

.addbar_custom {
	border:1px solid #ccc;
	background:#ddd;
	border-left:none;
	border-right:none;
	padding:2px 2px 2px 2px;
	
}


.searchbar, .searchbarPicker {
	margin:-4px 8px 0 8px ;
	background:#ffffcc;
	border:1px solid #ccc;
	/*z-index:1;*//*causes date/time pickers to be displayed under*/
}


.searchbar:after, .searchbarPicker:after {content:".";display: block;
  height:0;
  clear: both;
  visibility:hidden;}

.searchbar a.close, .addbar a.close, .addbar_custom a.close, .searchbarPicker a.close   {
	position:absolute;
	right:6px;
	top:3px;
}

.searchbar a.close img, .addbar a.close img, .addbar_custom a.close img, .searchbarPicker a.close img  {
	opacity:0.8; 
}

.slideshowControls {
	font-size:100%;
	margin:8px auto 12px auto;
	text-align:center;
}


.searchbar fieldset, .addbar fieldset, .searchbarPicker fieldset {
  	border:0;
  	margin:0;
  	padding:6px 9px 6px 9px;
}

.searchbar fieldset legend, .addbar fieldset legend, .portlet fieldset legend, .searchbarPicker fieldset legend {
	visibility:hidden;
	line-height:0;
	height:0px;
}

.searchbar fieldset input, .searchbar fieldset select, .addbar fieldset input, 
.addbar 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%;
}

div.searchbar fieldset a#searchgo, div.portlet fieldset a#searchgo, div.searchbarPicker fieldset a#searchgo {
  	background:#EDEDED url(images/button3_back.gif) repeat-x;
	border:1px solid #ccc;
	border-bottom:1px solid #aaa;
	border-right:1px solid #aaa;
	vertical-align:middle;
	color:#555555;
	font-size:90%;padding:1px 4px;
	text-decoration:none;
}




div.searchbar fieldset a#searchgo:hover, div.portlet fieldset a#searchgo:hover, div.searchbarPicker fieldset a#searchgo:hover {
  	background:#fff;
}




.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
}

.searchbar *, .searchbarPicker * {font-family:Arial,Verdana, sans-serif;}

.searchbar span.spacer {margin:0 4px;}

.searchbarPicker {
	border:none;
	font-size:90%;
}

.addbar ul  {
list-style-type:none;
	padding:2px 12px 0px 6px;
	margin:0;
	margin-left:0px;
	*position:;
}


.addbar_custom ul {
list-style-type:none;
	padding:2px 12px 4px 12px;
	margin:0;
	margin-left:12px;
	*position:;
}
.addbar ul br {
	width:0px;
	display:none;
	white-space:none;
}

.addbar ul li, .addbar_custom ul li{
padding:0;
   position:relative;
   *padding:0 0 0px 0;
     *position:;
	 margin:0 0 4px 0;
}

.addbar_custom ul li{
   padding:0 9px 0px 12px;
display:block;
font-size:95%;

}

.addbar_custom ul li input, .addbar_custom ul li select {vertical-align:middle;margin:-1px 5px 1px -18px;}

.addbar ul li a {
	text-decoration:none;
	padding:0px 0px 0px 0px;
	border:1px solid transparent;
	/*border-right:1px solid #7A91B5;
	background:#e3efff url(images/rumble_button_back.gif) repeat-x 0 0;*/
	color:#fff;
	font-size:100%;
	font-weight:normal;
	margin:0;
	line-height:120%;
}

.addbar ul li:last-child a, .addbar ul li:last-child a:hover {border-right:1px solid transparent;}

.addbar h5 {font-size:95%;color:#BCD5EA;margin:4px 4px 0 6px;padding:0;letter-spacing:0px;}
.addbar_custom h5 {font-size:95%;color:#777;margin:4px 0px 3px 16px;padding:0;letter-spacing:0px;}

.addbar_custom p {margin:12px 22px 12px 18px;font-size:95%;color:#555}

.addbar ul li a:hover {
	text-decoration:underline;
	/*border-left:1px solid #7A91B5;*/
	background:transparent;
	color:#FFCC00;
	

}



 
a.button3 {font-family:Arial, Verdana, sans-serif; background:#ededed url(images/button3_back.gif) repeat-x;
border:1px solid #ccc;
	border-bottom:1px solid #aaa;
	border-right:1px solid #aaa;
	color:#333;padding:1px 6px;
	font-size:90%;
	text-decoration:none;
	}
	
a.control3 {color:#BCD5EA;text-decoration:none;margin:-3px 3px 6px 0}

.addbar_custom a.control3 {color:#000;font-weight:bold;}
.addbar_custom a.control3:hover {color:#000;text-decoration:underline;}

a.control3:hover {color:#BCD5EA;text-decoration:underline;}

.addbar_custom div.col, .addbar div.col {float:left;width:20%;margin:0 0px 0 0 ;}
.addbar div.col {float:left;width:20%;margin:6px 0px 0 0 ;}
.addbar_custom div.taskbuttondiv, .addbar div.taskbuttondiv {clear:both;}


/*=== THEME PREVIEW PANEL ===*/
.tabGroupsPreview {
	margin:-14px -6px 24px -6px;
}

.previewContent {
	position:relative;
	width:auto;
	padding:14px;
	z-index:1;
	margin:0 14px 11px 14px;
	background:5;
	background:#aaa url(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;}








/*------------------------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;
  *max-width:auto !important;
  *padding:0 !important;
  background:#eee;
  }

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:#bebebe;
	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 #aaa;
  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 #aaa;
  background: #ddd;
  z-index: 1000;
}

div.auto_complete ul {
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none;
}

div.auto_complete ul li {
  margin:0;
  padding:2px 1% 3px 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:#555; 
	margin:12px auto; 
	position:relative;

}

.loginCopyright { 
	width:580px!important; 
}


div.logo, div.productTitle , div.legal,  div.additionalInfo {float:left;min-height:4em;	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 solid #ccc;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:#333;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.9em;
	width:37em;
	min-height:5em;
	background-color: #6B6B6D;
	-moz-border-radius:5px;
	color:#fff;
	clear:left;
}

.productImg {
	width:110px;
	height:36px;
	float:left;
	margin-top:5px;
}

div.copyrightDetailContents ul {list-style:none; margin:0 0 0 120px; padding:0;}
div.copyrightDetailContents ul li {margin:0; padding:0px 0;}
div.copyrightDetailContents ul li span {font-weight:bold}

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 #fff;
	background:#336699;
	padding:1px;
}

#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: inherit!important;
  	padding: 0.3em 0.6em;
  	position:relative;
	color:#fff;
}

.lbAction {
	position:absolute;
	right:8px;
	top:5px;
	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: 10px 12px 16px 12px; 
	height: auto!important;
	max-height: 500px!important; 
	overflow: auto;
}

ul.langOptions {
	list-style: none;
}

ul.langOptions li {
	background: none;
}

.avatar {
	margin: auto;
	border: 1px solid #ccc;
	padding: 4px;
}

.myavatar {	
	overflow: hidden;
	max-height: 150px;	
}


/*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%;}
	
/*-----	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:#EEEEEE url(images/step_bubble.gif) no-repeat scroll 4px 3px !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: #EEEEEE no-repeat scroll 4px 3px !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;
}

/* 
The following are hacks used by the contentplayer
*/
/*
Used by content player view attempt for <td> font sizing.  Can be removed after 
plugins-contentplayer/web/grading/viewAttempt.jsp has been re-written without tables  
*/
.bb-cpgbtd {
	font-family:Arial,Helvetica,sans-serif;
    font-size:10pt;
}
/*
Used by content player view attempt for <th> font sizing.  Can be removed after 
plugins-contentplayer/web/grading/viewAttempt.jsp has been re-written without tables  
*/
.bb-cpgbth {
	font-family:Arial,Helvetica,sans-serif;
    font-size:10pt;
}

/*
Used by content player modify grade for <td> font sizing.  Can be removed after 
plugins-contentplayer/web/grading/modifygrade.jsp has been re-written without tables  
*/
.bb-cpmgtd {
	font-family:Arial,Helvetica,sans-serif;
    color:#000000;
    font-size:9pt;
}
/*Used by content player modify grade for <th> font sizing.  Can be removed after 
plugins-contentplayer/web/grading/modifygrade.jsp has been re-written without tables  
*/
.bb-cpmgth {
	font-family:Arial,Helvetica,sans-serif;
    font-size:9pt;
    font-weight:bold;
}

/* Floats immediate descendats left */
.u_floatWrapper-left > * {float: left; margin-right: 5px; *display: inline-block;}

/* end content player hacks */
		
/*-----	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:0 0 0 6px;
	font-weight:normal;
}

.actionBar ul li.mainButton-legacy a {
  	display:block;
  	text-decoration:none;
  	padding:2px 9px 2px 9px;
  	color:#444;
	background:transparent;
	border:1px solid #ededed;
 } 

.actionBar ul li.mainButton-legacy a:hover {
	border:1px solid #aaa;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
}

/*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 {border:0!important}
		
div.buttonCm ul.courseMenu  {
	width:175px;
	*width:166px;
}

div.buttonCm ul.courseMenu  li, div.buttonCm ul.courseMenu  li.here {
	margin:4px 0 4px -12px;
	*margin:4px -12px 4px -12px;
	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 6px 6px 6px;
	text-decoration:none;
	position:relative;
	white-space:nowrap;
	overflow:hidden;
	background-color:transparent;
	background-image:none;
}


/* --- 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:8px;
	padding:0;
	background:transparent url(images/cmlinkoptions.gif) no-repeat 0 0;
	opacity:0.2;
	filter:alpha(opacity=20);
	border-top:0;
}


/* --- 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;}



/*-----	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, #lightbox 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 #ccc; 
}

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 #ccc;
  padding:.6em;
  background:#eee;
}

div.dbThreadFooter {
  padding:.6em;
  background:#eee;
}

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-size:95%;
  text-decoration:none;
  padding:1px 9px 1px 9px;
	background-color:#DDD;
	border:1px solid #AAA;
	border-bottom:2px solid #AAA;
	border-right:2px solid #AAA;
 }
 
div.dbThreadInfo p a.reply {
  padding:0 9px 1px 9px;
  font-size:100%;
  }

div.threadButtons a.reply:hover,
div.dbThreadInfo p a.reply:hover {
	background:#fff;
	border-color:#555;
}

/* thread detail page */
div.dbThreadInfo p {padding:.6em;}

div.dbThreadInfo p.detailButtons {
  float:right;
}

div.dbThreadTree {
  border:1px solid #ccc; 
  height:200px;
  overflow:auto;
}

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 #ccc;
  background: #ffffcc;
  width:140px;
  margin:auto;
}

.unreadmessage, h3.unreadmessage
{
  font-weight: bold;
}

/*-----	COURSE CREATION WIZARD----------------------------------*/
/* styles for course setup wizard */

/* wizard content pane */
body.wizardBody div#contentPanel {
  margin-bottom:10px;
  margin-left:159px;
}

body.wizardBody div#pageTitleDiv {
  margin-left:16px;
  padding-left:0;
}

body.wizardBody div#pageTitleDiv img {display:none;}

body.wizardBody div.reqfield {
  float:none;
  margin:0 0 6px -6px;
}

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;
  padding:0;
  border:1px solid #bbb;
  background:#fff;
}

body.wizardBody div.container div.container {padding:10px 0 12px;}
body.wizardBody div.container div.container div.container {padding:10px 16px 12px;}

body.wizardBody div.containerWizard div.locationPane {*width:99%;}
body.wizardBody ul.contentList li div.details {overflow-x:visible;}

body.wizardBody div#menuWrap, 
body.wizardBody div#menuWrap div.navPaletteContent {background-color:#336666;}

p.wizardFinishText {margin:6px 0px 150px;}

/* submit controls */
p.wizardSubmit {
  margin:0;
  padding:12px 0 6px;
  }
p.wizardSubmit input[type=image] {padding:2px 3px 3px;}
p.wizardSubmit input.submit {background:#999;}
p.wizardSubmit input.submit:hover {background:#ccc;}
p.wizardSubmit span {font-size:95%;}
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:6px;
  left:8px;
  width:159px;
}
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 6px 12px 6px;
}

div.navigationPaneWizard div.navPalette div.navPaletteContent h2 {
  padding:3px 9px;
  color:#336666;
}

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 {
  border-left:none;
  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;
} 

/*----- LOGIN ---------------------------------*/
#loginPageContainer {
  position: relative;
  width: 716px;
  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 20px;

}

div.loginBack b {
  background: #94b3de;
}

#loginContainer {
  margin: 0 auto;
  background: #fff;
    padding:2px;
}

#loginHeader {
  background: #eee;
  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: #eee;
  clear: both;
}

#loginLang h3 {
  float: left;
  margin: 6px;
}

#loginLang ul {
  float: left;
  margin: 6px 0;
  padding: 0;
  list-style: none;
}

#loginLang ul li {
  float: left;
  margin: 0;
  padding: 0 6px;
  border-left: 1px dotted #999;
  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: #669999; 
	padding: 4px 0;
	 color:#fff;
}

#loginBox {
  float: left;
  width: 49.5%;
  background: #669999;
  color:#fff;
  border-right:1px solid #ededed;
}

#loginBox h2 {
  margin: 10px;
}

#loginBox p {
  margin: 10px;
  font-size: 0.85em;
  color: #fff;
}

#loginBox ul {
  margin: 6px 12px;
  padding: 0;
  list-style: none;
}

#loginBox li {
  margin: 0;
  padding: 2px 0;
}

#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 #aaa;
}

#loginBox .forgot {
  margin-left: 83px;
  font-size: 85%;
}

#loginBox .forgot a {
  color:#fff;
}

#loginBox li input[type="submit"] {
  margin-left: 83px;
}

#loginBox li input.submit {
  margin-left: 83px;
}

#loginBox li input[type="submit"]:hover {
 /* border: 2px solid #666;
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
  background: #fff;*/
}

#loginOptions {
  float: right;
  width: 49.5%;
}

#loginOptions h2 {
  margin: 10px;
}

#loginOptions p {
  margin: 10px;
  font-size: 0.85em;
  color: #fff;
}

#loginOptions ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#loginOptions ul li {
  margin: 0;
  padding: 1px 0 0;
}

#loginOptions ul li a, #loginOptions ul li.subOption a {
  display: block;
  padding: 9px 12px;
  background: transparent;g
  font-size: 95%;
  color: #fff;
  text-decoration: none;
  border-top:1px solid #336666;
}

#loginOptions ul li a:hover, #loginOptions ul li.subOption a:hover {
 text-decoration: underline;
}


#loginText {
   padding: 12px 80px 18px 80px;
   background:#5f6062;
   border-top:1px solid #777;
   text-align:center;
   _height:1%;
}

#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;  
}

#loginImage img {
  margin: 0 auto;
}

#loginAnnouncements {
	clear: both; 
	background: #ddd;
	padding:0 0 7px 0;
	border-top:1px solid #eee; 
}

#loginAnnouncements h3 {
	margin: 0 9px 0 9px;
	padding: 6px 3px;
	font-size:110%;
	color:#555;
	border-bottom:1px solid #bbb;
}

#loginAnnouncements ul {
	margin: 0 9px 0px 9px;
	padding: 1px 12px  8px 12px;
	background:#ebebeb;
	list-style-image: url(images/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 #loginPaneShort {margin:3px} 

  .portlet #loginBoxFull {
    margin: 0;
	padding: 10px 0 15px 0;
    border: 0;
    background: #669999;
	color:#fff;
  }
    
  .portlet #loginBoxFull p { margin: 10px; font-size: 0.85em;  padding-left: 0;}
    .portlet #loginBoxFull p a, .portlet #loginBoxFull a {color:#fff;}
  
  .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"] { border: 2px solid #ccc; 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 #loginFooter { 
   margin: 0;
   padding: 0 0 9px 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: 10px;
    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;
  }
	
/*
  ------ 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:#336666;
	color:#FFFFFF;
}	

/* actual selectors in portal.css - ".portlet" and ".portlet h2" */
#moduleBorder, #moduleBody
{
  border-color: #000;
  background-color:#fff;  
}
#moduleTitle
{
  color:#fff;
  background-color:#336699;
}

#schemePreview
{
  background-color: #FFFFFF;
  color: #000000;
}

#schemePreviewBody
{
  background-color: #FFFFFF;
  color: #000000;
}
  
#schemePreviewHead
{
  background-color: #FFFFFF;
  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;
}