body {
  margin: 0;
  background: #fff;
  font-family: verdana, arial, sans-serif;
  font-size: 80%;
 }
body * {
  font-family: verdana, arial, sans-serif;
  font-size: 1em;
  }
a,
a:link,
a:visited {
  color: #00f;
  }
a:hover {

  }
a[disabled], a[disabled]:hover {
  color: #666;
  }



img a {text-decoration: none;}



#welcomeBackBar {
  color: #fff;
font-size: 90%;
  background: #252875;
  margin-top: 1px;
  width: auto;
  padding: 3px 5px;

  }


#welcomeBackBar span#userWelcome {
  padding: 4px 5px;
  width: 560px;
  display: block;
}


#welcomeBackBar span#wbaricons {
  float: right;
  color: black;  
  padding: 2px 5px;
  display: block;


}

span#wbaricons a, span#wbaricons a:link, span#wbaricons a:visited {color: yellow; font-style: normal; text-decoration: none;}

span#wbaricons a:hover {text-decoration: underline;}

#welcomeBackBar a,
#welcomeBackBar a:link,
#welcomeBackBar a:visited {
  color: #fff;
  text-decoration: none;
  font-style: italic;
  }

#accountInfo {
 }


#logout {

 }
 
#errorMessage 
{
	margin: 6px 10px 0 10px;
	color: Red;
}

#TargetedMessage {margin: 6px 10px 0 10px;}

#welcomeBackBar a:hover {
  text-decoration: underline;
  }
#welcomeBackBar input {
  margin: 0 5px;
  border: none;
  background: #fff;
  height: 1.3em;
  }
#PORTLETGRID {
  width: 100%;
  /*table-layout: fixed;*/
  }
/*#PORTLETGRID>tr>td {
  position: relative;
  }*/




#pageTitle {
padding: 0;
  margin: 8px 12px 7px 4px;
 
}
#pageTitle h2 {
  font-weight: normal;
  margin: 5px 0 0 0; 
  }
#pageTitle h2 #contextName {
  font-size: 137.5%;
  font-weight: bold;
  }
#pageTitle h2 #pageName {
  font-size: 125%;
  font-weight: normal;
  }

#pageTitle h2 a,
#pageTitle h2 a:link,
#pageTitle h2 a:visited {
  color: #000;
  text-decoration: none;
  }

#pageTitle h2 a:hover {
  text-decoration: underline;
  }

#pageTitleButtons {
	float:right;  
	}

span.editPage, span.printPage
{margin-left: 8px;}

#pageTitleButtons .editPage a,
#pageTitleButtons .editPage a:link,
#pageTitleButtons .editPage a:visited {
  font-size:85%;
  padding: 3px 0 4px 18px;
  background: transparent url(../images/PortletImages/Icons/page_edit.gif) 1px 0px no-repeat !important;
  }


#pageTitleButtons .printPage a,
#pageTitleButtons .printPage a:link,
#pageTitleButtons .printPage a:visited {
font-size:85%;
  padding: 3px 0 4px 18px;
  background: transparent url(../images/PortletImages/Icons/page_edit.gif) 1px 0px no-repeat !important;
  }

#pageTitleButtons img {margin-left: 5px;}

#printModeButtons
{
	padding: 10px;
}
#printModeButtons input
{
	margin-right: 10px;
}

h3 {
  font-size: 200%
  }
h4 {
  margin: 1px 0 0 0;
  padding: 3px 10px;
  background: #bacbdd;
  color: #000;
  position: relative;
  margin: .6em 0 1.2em 0;

  }
h4 .headerFunctions {
  position: absolute;
  right: 1em;
  }
h4 a,
h4 a:link,
h4 a:visited {
  color: #000;
  font-weight: normal;
  }
h4 .headerFunctions a,
h4 .headerFunctions a:link,
h4 .headerFunctions a:visited {
  color: blue;
  }
h4 a:hover,
h4 .headerFunctions a:hover {
  color: red;
  }

h5 {  border-bottom: solid 1px #999999; margin-bottom: 8px; }

h6 {margin-bottom: 8px;  padding: 3px; background: #DADADA; border: 0; font-size: 85%; }

.caption {font-size: 80%; color: gray; margin: 5px 0 0 0; }

p {margin: 13px 0 13px 0;
  }

.smalltext  {font-size: 85%}

img {
  border: 0;
  }

pre {
  padding: 0;
  margin: 0;
  }
label {
  cursor: default;
  }
ul {
  margin: 0 0 10px 0;
  padding: 0;
  list-style: none;
  }
li {
  margin: 0 0 .5em 0;
  padding: 0;
  list-style: none;

  }

.portletGrid td {
  vertical-align: top;
  }
.portletGrid td td {
  vertical-align: middle;
  }

fieldset {
  border: none;
  position: relative;
  display: block;
  z-index: 0;
  }
fieldset table {
  border: 0;  
  }
fieldset table td {
  /*width: 100%;*/
  /*position: relative;*/
  vertical-align:top;
  }
fieldset table .text {
	padding-top: .5em;
  }  
fieldset table th {
  padding: .5em .5em 0 0;
  font-weight: bold;
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
  position: relative;
  }
fieldset table td .hint {
  height: 100%;
  margin-left: 10px;
}
/*fieldset table td textarea,
fieldset table td input {
  width: 100%;
  display: block;
  }*/
.pColumn {
  vertical-align: top;
  }
.pSection {
  display: block;
  width: auto;
  border: 0;
  margin: 10px;
  overflow: visible;
  z-index: 0;

  }

  .pText {
    padding: .5em .5em 0 0;
  font-weight: bold;
  text-align: right;

  }








.pSection>div,
.pSection p,
.pSection ul,
.pSection ol,
.pSection .hint,
.pSection table {
  margin: 0 0 10px 0;
  }
.pActions {
  background: #ddd;
  text-align: center;
  padding: 10px 0;
  width: 100%;
  }
.pActionsTransp {
  text-align: center;
  padding: 10px 0;
  width: 100%;
  }
.pActionsTransp input,
.pActionsTransp input {
  margin: 0 .5em;
}

.buttonBar 
{
	background-color: #ddd; 
	text-align: right; 
	padding: 5px; 
	font-size: 80%; 
}

.buttonBarCentered 
{
	background-color: #ddd; 
	text-align: center; 
	padding: 5px; 
	font-size: 80%; 
}
.buttonBarCenteredVer2
{	
	padding: 7px;
	margin:5px;
	background-color: #bacddb;
	border-bottom: none;	
	text-align: center; 
	font-size: 80%;
	/*display: block;*/
		
}

.breadcrumbs{
margin: 8px 10px 8px 10px;
font-size: 85%;
}


.hint {
  background: #eee;
  font-size: 85%;
  white-space: normal;
  padding: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #999;
  }
  
.largehint 
{
  background: #eee;
  white-space: normal;
  padding: 10px;
  width: 100%;
  height: 100%;
  border: solid 1px #888;
  vertical-align: middle;
}
  
.notice 
{
	font-weight:bold;
	color: #104A84;
}
.note {
  color: #666;
  font-size: 85%;
  }
/* used for odd lines in a grid of list */
.alt {
  background: #eee;
  }
.highlighted {
  background: #fee;
  }
.selected {
  background: #3366cc;
  }

span.fieldHint 
{
	font-style: italic;
}

/* START General left/right allign for the same line */
span.left {
  float: left;
  }
span.right {
  /*width: 100%;*/
  text-align: right;
  display: block;
  }
/* END General left/right allign for the same line */



/* START Page Header Tabs */


#headerTabs ul {
  margin: 12px 0 3px 4px;
  font-size: 85%;
  white-space: nowrap;
}

#headerTabs li {
  display: inline;
  border: solid 1px #769BC5;
  border-bottom: none;
  padding: 3px 4px 3px 4px;
  background: #769BC5;
  margin: 0 5px 0 0;
}

#headerTabs li.selected {
  border-color: #6A6A6A;
  background: #efefef;
z-index: 3;
position:relative;
top: 1px;
padding: 4px 4px 3px 4px;
}

#headerTabs li a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
}

#headerTabs .selected a {
  text-decoration: none;
  color: #000;
}

#headerTabs li a:hover {
  text-decoration: underline;
  color: #FFFF66;}

#headerTabs li.selected a:hover {
  text-decoration: none;
  color: #000;}

/* END Page Header Tabs */



#mainCrumbs {
  background: #efefef;
  border-top: solid 1px #596974;
  border-bottom: solid 1px #70899F;
  margin: 0;
  z-index: 2;
  position: relative;
  min-width: 760px;
  font-size: 87.5%;
  color: #376582;
  padding: 3px 1% 5px 10px;
  width: 98%;
  }

 * html #mainCrumbs {  /* This is the Tan hack */
  width: 100%; 
  width: 98%; 
  }

#mainCrumbs a,
#mainCrumbs a:link,
#mainCrumbs a:visited {
  color: #376582; text-decoration: none;
  }
#mainCrumbs a:hover {text-decoration: underline; color: #00f;}


#mainCrumbs #youAreHere {
  display: inline;

  }
#mainCrumbs #adminContext {
  _position: relative;
  white-space: nowrap; 
  float: right;
  padding: 0 12px 0 2em;
  }


#mainCrumbs #emulation
{
	float:right;
	background-color:#70899F;
	margin: -3px -12px -5px 0px;
	padding:1px 5px 1px 5px;
	color:#FFF;
}

#mainCrumbs #emulation span
{
	font-weight:bold;
	padding:0px 10px 0px 5px;
}

#mainCrumbs #emulation img
{
	float:left;
	display:block;
	margin-top:2px;
	padding-right:5px;
}

#mainCrumbs #emulation select
{
	margin-right:10px;
}


/* START Side Bar */
#sideBar {
  padding: 0px 2px 2px 0px;
  vertical-align: top;
  }



#sideBar div.sideSection {
  width: 14em;
  border: solid 1px #70899F;
  border-left: none;
  padding: 0 ;
  margin: 0 10px 10px 0;
  background-color: #f5f5f5;
  overflow: hidden;
  }

#sideBar h2,
#sideBar h3 {
  padding: 2px 5px;
  margin: 0 0 0 0;
  color: #fff;
  background: #738C9C;
  font-size: 100%;
}
#sideBar h3 {
  color: #000;
  background: #d2d2d2;
  font-size: 85%;
}
#sideBar h2 a,
#sideBar h2 a:link,
#sideBar h2 a:visited {
  color: #fff;
  text-decoration: none;
}
#sideBar h2 a:hover {
  color: #fff;
  text-decoration: underline;
}
#sideBar h3 a,
#sideBar h3 a:link,
#sideBar h3 a:visited {
  color: #000;
  text-decoration: none;
}
#sideBar h3 a:hover {
  color: #000;
  text-decoration: underline;
}
#sideBar hr {
  color: #d2d2d2;
  height: 1px;
  }

ul#contextPages {margin-bottom: 8px;}

#contextPages ul {
margin: 0;
padding: 0;

  }

#contextPages li {
padding: 2px 0 3px 7px;
margin: 0;
font-size: 85%;

font-weight: bold;
border: solid 1px #70899F;
border-width: 0 0 1px 0;
background: transparent url(../images/PageImages/sidebar_page_bg.gif) 0 0 repeat-x;
  }

#contextPages li.currentPage {background: transparent url(../images/PageImages/sidebar_current_page_blue.gif) 0 0 repeat-x;}

#contextPages li a, #contextPages li a:link, #contextPages li a:visited {color: #15508B; text-decoration: none;} 

#contextPages li a:hover {text-decoration: underline;}

ul#pagePortlets {margin: 5px 0 0 15px; padding-left:0; }


#pagePortlets li {
padding: 4px 0 4px 0;
font-size: 100%;
font-weight: normal;
border: 0;

background: #f5f5f5;
list-style-type: disc;
line-height: 1.2em;
  }

#pagePortlets  li a, #pagePortlets  li a:link, #pagePortlets  li a:visited { color: #00f;   text-decoration: underline; } 

#pagePortlets li a:hover {text-decoration: underline;}




div.contexts {margin: 0; padding: 0px 8px 8px 5px;}

#sideBar #subContexts a {
  padding-left: 18px;
  background: transparent url(../images/folder.gif) 0 0 no-repeat;
  }

#sideBar #subContexts li {font-weight: normal; font-size: 85%;}

ul#subContexts {margin: 3px 0 10px 0;}

#sideBar #otherPages a,
#sideBar #otherPages a:link,
#sideBar #otherPages a:visited {
  padding-left: 18px;
  background: transparent url(../images/PortletImages/Icons/file.gif) 0 0 no-repeat;
  }
/*#sideBar #otherPages a:hover {
  color: #f00;
  }*/



ul#manageLinks {margin: 3px 0 10px 0; font-size: 85%;}

#sideBar .manageGroup a,
#sideBar .manageGroup a:link,
#sideBar .manageGroup a:visited {
  text-decoration: none;
  color: #666;
  font-style: italic;
  padding: 3px 0 3px 20px;
  background: transparent url(../images/PortletImages/Icons/group.gif) 0 2px no-repeat !important;
  }
#sideBar .manageGroup a:hover {
  text-decoration: underline;
  }

#sideBar li.addPage {
background: #f5f5f5; 
font-weight: normal; 
margin: 5px 0px 0 0px;
border:0;
}

#sideBar .addPage a,
#sideBar .addPage a:link,
#sideBar .addPage a:visited {
  text-decoration: none;
  color: #666;
  font-style: italic;
  padding: 3px 0 3px 20px;
  background: transparent url(../images/PortletImages/Icons/page_add.gif) 0 2px no-repeat !important;
  }
#sideBar .addPage a:hover {
  text-decoration: underline;
  }
#sideBar .manageContext a,
#sideBar .manageContext a:link,
#sideBar .manageContext a:visited {
  text-decoration: none;
  color: #666;
  font-style: italic;
  padding: 3px 0 3px 22px;
  background: transparent url(../images/PortletImages/Icons/folder_edit.gif) 0 2px no-repeat !important;
  }
#sideBar .manageContext a:hover {
  text-decoration: underline;
  }
  
#sidebar .usageStats a,
#sideBar .usageStats a:link,
#sideBar .usageStats a:visited {
  text-decoration: none;
  color: #666;
  font-style: italic;
  padding: 3px 0 3px 22px;
  background: transparent url(../images/PortletImages/Icons/icon_graph_16.gif) 0 2px no-repeat !important;
  }
#sideBar .usageStats a:hover {
  text-decoration: underline;
  }



#sideBar div#quickLinks {
  width: 14em;
  border: solid 1px #6C9CD4;
  border-left: none;
  background: #fff;
  padding-bottom:6px;
  margin: 0 10px 10px 0;
  }

#quickLinks dl {
  padding: 0;
  margin: 5px 5px 5px 5px;

  }
#quickLinks dt,
#quickLinks dd {
  display: block;
  padding: 0;
  margin: 0;
  }
#quickLinks dl.closed dt,
#quickLinks dl.open dt {
  font-weight: bold;
  padding: 5px 0 0 15px;  
  cursor: pointer;
  }
#quickLinks dl.closed dt {
  background: transparent url(../images/plus.gif) 0 9px no-repeat;
  }
#quickLinks dl.open dt {
  background: transparent url(../images/minus.gif) 0 9px no-repeat !important;
  }
#quickLinks dl dd {
  padding-left: .5em;

  }
#quickLinks dl.open dd {
  display: block;
  }
#quickLinks dl.closed dd {
  display: none;
  }

#globalLinks  {margin-left: 7px}


#sideBar div#quickLinks h3 {background: #6C9CD4; color: #fff;}

#sideBar em a,
#sideBar em a:link,
#sideBar em a:visited {
  color: #333;
  }
#sideBar em a:hover {
  color: #999;
  }


/* END Side Bar */

#portlets {
  vertical-align: top;
  width: 100%;
  }




#mainframe {
  width: 100%;
  margin:0;
  padding:0;
  }

/* START [foot, cpoyright, policies] define the look of the footer */
#foot {
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
  background: #eee;
  font-size: 85%;
  padding: 5px;
  margin: 40px 0 0 0;
  min-width: 760px;
  
}
#copyright {
/*  position: absolute;
  text-align: right;
  right: 5px;
  top: 5px;*/

color: #666666;
  text-align: right;
  display: block;
  }
#policies {
  float: left;
  }
#foot a {
  padding: 0 5px;
  position: relative;
  }
/* END [foot, cpoyright, policies] define the look of the footer */


/* START Portlet Header Styles */
.pHead {
  color: #fff;
  background: #1D50AA;
  padding: .3em .4em .4em .4em;
  margin: 0;
  position: relative;
  display: block;
  }

/* Fix IE. Hide from IE Mac \*/
.pHead div {
  display: block;
  position: absolute;
  right: 1em;
  top: .3em;
  }
/* End */

.pHead h3 {
  padding: 0 3em 0 0;
  margin: 0;
  font-size: 100%;
  
  height: 1.2em;
  }
.pHead a,
.pHead a:link,
.pHead a:visited {
  color: #fff;
  text-decoration: underline;
  }
.pHead a:hover {
  text-decoration: none;
  }
.pHead div a {
  font-size: 80%;
  }
.pHead img {
  vertical-align: bottom;
  }

.pShortcut {
  padding: 1px 1px 1px 15px;
  background: #ffc url(../images/shortcut.gif) 2px .2em no-repeat;
  border: solid 1px #000;
  border-bottom: none;
  font-size: 80%;
  overflow:visible;
  display: inline;
  white-space: nowrap;
  margin: 0;
}
.pShortcut a,
.pShortcut a:link,
.pShortcut a:visited {
  padding: 0 3px;
  color: #000;
  text-decoration: none;
  }
.pShortcut a:hover {
  text-decoration: underline;
  }

.pFieldHint {
  padding: 1px 1px 1px 15px;
  background: #ffc url(../images/shortcut.gif) 2px .2em no-repeat;
  border: solid 1px #000;
  font-size: 80%;
  overflow:visible;
  display: inline;
  white-space: nowrap;
  margin: 0;
}
/* START Portlet Footer Styles */
.pFoot {
  border-top: solid 1px #666;
  background: #eee;
  overflow: hidden;
  padding: .25em;
  font-size: 80%;
  }
.pFoot .crumbs {
  white-space: nowrap;
  }
.pFoot .crumbs a,
.pFoot .crumbs a:link,
.pFoot .crumbs a:visited {
  padding: 0 .25em;
  }
.portlet {
  border: solid 1px #7C7C7C;
  text-align: left;
  margin-bottom: 1em;
  margin-right: 7px;

  /*position:relative;*/
  }
.pContent {
  margin-top: 0px;
  }
/* END Portlet Footer Styles */


/* START multi file upload control styles */
.multiUp p
{
	font-size: .85em;
	padding: 0;
	margin: 0;
}
.multiUp table
{
	font-size: 0.9em;
	background: #eee;
}
.multiUp table thead
{
	background: #ccc;
}
.multiUp th
{
	margin: 0;
	padding: 0;
	text-align: center;
}
.multiUp table tfoot
{
	font-weight: bold;
}
.multiUp table tfoot a
{
	font-weight: normal;
}
/* END multi file upload styles */


/* START DatePicker styles */
.cal {
 z-index: 3;
 display:inline;
}

.cal div {display:inline; }

.cal span {
 z-index: 3;
 white-space:nowrap;
}
.cal img { cursor: pointer; }
.cal iframe
{
	border: none;
	position: absolute;
	height: 18em;
	width: 18em;
	/*display: none;*/
	visibility: hidden;
	z-index: 39999;
}
.cal .time
{
	margin: 0 5px;
	vertical-align: middle;
}
.cal select
{
	margin: 2px;
}
/* END DatePicker styles */

/* START New GroupedGrid - Way better than the old one */
.groupedGrid {
  width: 100%;
  position: relative;
  border-bottom: solid 1px #ddd;
  margin-bottom: 15px;
  background: #fff;
  }
.groupedGrid thead, .groupedGrid .ghead, .header , .footer{ background: #cdcdcd; font-weight: bold; }
.groupedGrid th { font-size: 85%; background: #ddd; padding: 3px .5em; }
.groupedGrid td { padding: 5px; padding: 3px .5em; }
.groupedGrid tfoot, .subheader, .subfooter { background: #ddd; }

.groupedGrid_VerticalHeader { background: #ddd; }

/*.groupedGrid th,
.groupedGrid td {
  padding: 2px .5em;
  border-collapse:collapse;
  vertical-align: top;
  }
.header,
.groupedGrid tfoot td,
.groupedGrid tfoot th,
.groupedGrid thead td,
.groupedGrid thead th,
.groupedGrid tbody th,
.groupedGrid tbody.ghead tr td,
.groupedGrid tbody.gfoot tr td { 
  background: #ddd;
  font-weight: bold;
  text-align: left;
  }
.groupedGrid tbody th {
}
.groupedGrid tfoot td,
.groupedGrid tfoot th {
  background: #bbb;
 }
.groupedGrid thead td,
.groupedGrid thead th,
.groupedGrid tbody.gbody tr th,
.groupedGrid tbody.ghead tr td,
.groupedGrid tbody.gfoot tr td { 
  background: #bbb;
  font-weight: bold;
  font-size: 85%;
  vertical-align: middle;
  }
.groupedGrid tbody.gsubhead tr td 
{
 color: #000;
 font-weight: normal;
 padding-left: 15px;
 position: relative;
 }
.groupedGrid tbody.gfoot tr td { 
  }
.groupedGrid img.gridTog {
  CURSOR: pointer;
  }
*/
.groupedGrid tr.subGroup td {
  font-weight: bold;
  border-bottom: solid 2px #000;
  }
.groupedGrid tr.subItem td {
  padding-left: 2em;
  font-size: 90%;
  }
.groupedGrid tr.subItem td td {
  padding-left: inherit;
  }
.groupedGrid th a,
.groupedGrid th a:link,
.groupedGrid th a:visited {
  color: #000;
  }
.groupedGrid th a:hover {
  color: #666;
  }
.groupedGrid tbody tr td.highlight {
  background: #DAE3F2;
  }
.groupedGrid tbody tr.alt td.highlight {
  background: #C4D2EA;
  }
.groupedGrid tbody tr.highlight {
  background: #cedbe9;
  }
.groupedGrid tbody tr.althighlight {
  background: #F1EFBE;
  }
.groupedGrid tbody tr td.alt {
  background: #e5e5e5;
  }
.groupedGrid tbody tr.alt td.alt {
  background: #d6d6d6;
  }
.groupedGrid thead tr th.highlight {
  background: #000;
  color: #fff;
  }
  
  /* error row style */
  .groupedGrid .error { color: red; }


 .groupedGrid .disable { color:#666; }
 .groupedGrid .disable td input{ color:#666; }
 .groupedGrid .disable td a:link     { color:#666; }
 .groupedGrid .disable td a:visited  { color:#666; }
 .groupedGrid .disable td a:active   { color:#666; }

 
.plusminus { cursor: pointer; }
/* END GroupedDataGrid Styles */


/* START DateRangeEdit Styles */
.dateRangeEdit label {
  float: left;
  width: 80px;
  text-align: right;
  display: block;
  }
.dateRangeEdit div.val {
  margin-left: 5px;
  display: block;
  float: left;
  }
.dateRangeEdit div.start, 
.dateRangeEdit div.end, 
.dateRangeEdit div.action {
  /*clear: left;*/
  clear:both;
  margin-bottom: 10px;
  padding-bottom:10px;
  height: 5em;
 }
.dateRangeEdit div.action {
  height: 1.5em;
}
.dateRangeEdit {
  clear: left;
  /*padding-bottom: 1.5em;*/
  }
.dateRangeEdit div.opt a, 
.dateRangeEdit div.opt a:link, 
.dateRangeEdit div.opt a:visited {
  text-decoration: none;
  color: #000;
  }
.dateRangeEdit div.opt a:hover {
  /*color: #666;*/
  color:Blue;
  }
.dateRangeEdit div.opt label {
  float: none;
  text-align: left;
  display: inline;
  width: auto;
  }
.dateRangeEdit div.opt label:hover {
  /*color: #666;*/
  color:Blue;
  }
/* END DateRangeEdit */

/* START TabedPannel Styles */
div.tabGroup {
  }
div.tabGroup ul.tabHeaders {
  margin: 0;
  padding: 0 0 0 1em;
  background: #ddd;
  white-space: nowrap;
  }
div.tabGroup ul.tabHeaders li {
  display: inline;
  margin: 0;
  padding: 0;
  border-left: solid 2px #fff;
  white-space: nowrap;
  }
div.tabGroup ul.tabHeaders a,
div.tabGroup ul.tabHeaders a:link,
div.tabGroup ul.tabHeaders a:visited {
  color: #000;
  font-weight: bold;
  background: #ddd;
  text-decoration: none;
  padding: 0 1em;
  white-space: nowrap;
  }
div.tabGroup ul.tabHeaders li.selected a,
div.tabGroup ul.tabHeaders li.selected a:link,
div.tabGroup ul.tabHeaders li.selected a:visited,
div.tabGroup ul.tabHeaders li.selected a:hover {
  background: #fff;
  }
div.tabGroup ul.tabHeaders a.selected,
div.tabGroup ul.tabHeaders a.selected:link,
div.tabGroup ul.tabHeaders a.selected:visited,
div.tabGroup ul.tabHeaders a.selected:hover {
  background: #fff;
  }
div.tabGroup ul.tabHeaders a:hover {
  background: #eee;
  }
div.tabGroup div.tabContent {
  display: none;
  }
  div.reorder
  {
	background: #9ca5ae;
	MARGIN-TOP: 30px;
	MARGIN-BOTTOM: 0px;
	MARGIN-LEFT: 5px;
	WIDTH: 110px;
  }
/* END TabedPanel */

/* START ErrorDisplay Styles */
div.oops {
  border: 1px solid red;
  margin: 10px;
  background: #fcc;
  padding: 10px;
  position: relative;
  }
.pSection div.oops {
  margin: 0;
  }
div.oops h6 {
  font-size: 110%;
  display: block;
	/* We can add a abckground immage here, & some padding to the h6 to display it like an icon */	
  }
div.oops pre {
  display: none;
  font-size: 90%;
  }
/* END ErrorDisplay */




/* START DayOfWeekSelector Styles */
ul.dayOfWeek, ul.dayOfWeek li {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
  }
/* END DayOfWeekSelector Styles */


/* START Collapsible Panel  */
div.cp {
  margin-bottom: 1px;
  }
div.cp div.cpHead {
  background: #ddd;
  padding: 2px 0 0 .5em;
  font-weight: bold;
  position: relative;
  height: 20px;
  vertical-align: middle;
  white-space: nowrap;
  }
div.cp div.cpHead input {
  position: absolute;
  right: 2px;
  top: 2px;  
  }
div.cp div.cpContent {
  display: none;
  padding: 10px 10px 0 10px;
  }
/*div.cp a.collapse,
div.cp a.expand {
  text-indent: -100em;
  background: url(/UI/Common/Images/expand.gif);
  width: 15px;
  }*/
/* END Collapsible Panel  */


/* START display of asp.net Compile errors in the portals */
.compileError {font-family:"Verdana",sans-serif;font-weight:normal;color:black;} 
.compileError p {font-family:"Verdana",sans-serif;font-weight:normal;color:black;margin-top: -5px}
.compileError b {font-family:"Verdana",sans-serif;font-weight:bold;color:black;margin-top: -5px}
.compileError H1 { font-family:"Verdana",sans-serif;font-weight:normal;font-size:18pt;color:red }
.compileError H2 { font-family:"Verdana",sans-serif;font-weight:normal;font-size:14pt;color:maroon }
.compileError pre {font-family:"Lucida Console",monospace;font-size: .9em}
.compileError .marker {font-weight: bold; color: black;text-decoration: none;}
.compileError .version {color: gray;}
.compileError .error {margin-bottom: 10px;}
.compileError .expandable { text-decoration:underline; font-weight:bold; color:navy; cursor:pointer; }
/* END display of asp.net Compile errors in the portals */


.ApplicationError
{
	font-family: Arial,sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: Red;
}

.highlighted {
  background: #fee;
  }
.selected {
  background: #47a7ff;
  }
.althighlighted {
  background: #F1EFBE;
  }

/* START Securtity Grid */
.securityGrid {
  padding: 10px;
  }
.securityGrid h5 {
  background: #ddd;
  padding: 2px 5px;
  margin: 0 1px;
  }
.securityGrid table {
  border-collapse: collapse;
  }
.securityGrid table td {
  text-align: center;
}
.securityGrid table thead th {
  background: #ddd;
  font-size: 85%;
  padding: .25em 1em;
  text-align: center;
  border: solid 1px #fff;
  }
.securityGrid table thead th.role {
  text-align: left;
  }
.securityGrid table thead th.kids {
  background: #7686AC;
  color: #fff;
  }
.securityGrid table th.admin {
  color: #fff;
  background: #000;
  }
.securityGrid table tbody th {
  font-weight: normal;
  text-align: left;
  width: 100%;
  white-space: nowrap;
  padding-left: 5px;
  }
.securityGrid table tbody tr {
  padding: 0;
  margin: 0;
  border: none;
  }
.securityGrid table tbody tr td {
  height: 100%;
  vertical-align: top;
  white-space: nowrap;
  }
.securityGrid table tbody tr td img {
  padding: 0 5px;
  }
.securityGrid table tbody td.admin {
  background: #DAE3F2;
  }
.securityGrid table tbody .alt td.admin {
  background: #C4D2EA;
  }
.securityGrid table tbody tr th {
  /*background: transparent url(../images/folder.gif) 20px 2px no-repeat;*/
  padding-left: 37px;
  background-image: url(../images/folder.gif);
  background-repeat: no-repeat;
  background-position: 20px center;
  }
.securityGrid table tbody tr th span.role {
/*  padding-left: 37px;*/
  }
.securityGrid table tbody tr th dl span.role {
  padding-left: 23px;
  }
.securityGrid table tbody dl {
  padding: 0;
  margin: 0;
  }
.securityGrid table tbody dd {
  display: none;
  }
.securityGrid p.addRole {
  padding: 10px;
  }
/* END Securtity Grid */


/* START Principal Selector Remix */

/*.principalSelector .viewSwitcher {
  text-align: right;
  margin-bottom: .5em;
  }
*/.principalSelector {
  width: 100%;
  }

.principalSelector table{
  width: 100%;
  }
  
.psTitleCell
{
	padding-top:20px;
	padding-bottom:20px;
}

.psCell
{
	width: 100%;
	padding-top:20px;
	padding-bottom:20px;
}
/* .principalSelector th,
.principalSelector td {
  vertical-align: top;
  white-space: nowrap;
  text-align: left;
  }
.principalSelector .roles tbody th,
.principalSelector .users tbody th {
  background: #ddd;
  }
.principalSelector td.contextTree {
  background: #eee;
  border-right: solid 1px #000;
*/  /*_width: 1px;*/
/*  padding: 10px 10px 10px 10px;
  }
.principalSelector td.contextPrincipals {
  width: 100%;
  padding: 10px;
  }
.principalSelector .roles,
.principalSelector .users {
  width: 100%;
  }
.principalSelector .displaySwitcher {
  text-align: right;
  font-weight: normal;
  }
.principalSelector .emptyContext {
  padding: 5em 1em;
  text-align: center;
  font-style: italic;
  }
.principalSelector ul {
  padding: 0;
  margin: 0;
  }
.principalSelector .contextTree li { background: url(../images/folder.gif) no-repeat 2px 2px; padding: 0 0 0 20px; margin: 0 0 .4em 0; position: relative; }
.principalSelector .advanced td.contextTree li.open ul { display: block; margin-top: .4em; }
.principalSelector .advanced td.contextTree li.closed ul { display: none; }
.principalSelector li>a.tog { left: -15px; }
.principalSelector a.tog { display: block; position: absolute; left: -35px; height: 1em; width: 20px; cursor: pointer; }
.principalSelector a.tog, .principalSelector .open .closed a.tog  { background: url(../images/plus.gif) no-repeat 2px 2px; }
.principalSelector .open a.tog { background: url(../images/minus.gif) no-repeat 2px 2px; }

.principalSelector .page {
  text-align: center;
  }
.principalSelector .removeSelected {
  padding: 0 1em 1em 1em;
  }
.principalSelector .pages {
  padding: .5em;
  text-align: center;
}
.principalSelector .previousPage {
  padding-right: 2em;
}
.principalSelector .nextPage {
  padding-left: 2em;
}
*/ /* END Principal Selector */

/* START Role Selector */
#tblContextRoleSelector { width:100%; }
.RoleColumn { padding-left:20px; width:50%; }
#tblContextRoleSelector #ShowAllMyContexts { padding-left:50px; padding-top:15px; }
#tblBaseRoleSelector { width:100%; }
#tblBaseRoleSelector .AllUsersCell {border-bottom:solid 1px #CCC;}
#tblBaseRoleSelector .RoleColumn { padding-left:20px; width:50%; }
/* END Role Selector */

/* START User Selector*/
#tblUserSelector { width:100%; }
#tblUserSelector .ContextSelectCell 
{
	padding-left:15px; 
	padding-top:15px;
	padding-bottom:15px;
	padding-right:15px;
	border-bottom:solid 1px #CCC; 
}
#tblUserSelector .SearchCell 
{
	padding-left:15px; 
	padding-top:15px;
	padding-bottom:15px;
	padding-right:15px;
}
#tblUserSelector .UserListCell 
{
	padding-left:15px; 
	padding-bottom:15px;
	padding-right:15px;
}

#tblUserSelector .AddRemoveCell
{
	padding-left:10px; 
	padding-right:10px;
}

#tblUserSelector .AddRemoveButton
{
	width:100px;
}

#tblUserSelector .OkCancelCell
{
	padding-top:10px;
	padding-bottom:10px;
}

#tblUserSelector #userSelectorCell {}
#tblUserSelector #userSelectorCell .userlistTitleCell 
{ 
	background-color:#D5D5D5; 
	vertical-align: middle;
}
.UserSelectorListBox { width:250px; }
#tblUserSelector .LastNameTextBox { width:125px; }
#tblUserSelector .FirstNameTextBox { width:120px; }
/* END UserSelector*/

/* START ContentBox */
.contentBox {
  border: solid 1px #000;
  padding: 0px;
  background: #eee;
  }

.contentBox h4 {
margin: 0;
background: #DADADA;
margin: 0 0 8px 0; 
padding: 3px;  
border: 0; 
font-size: 85%;
  }


.contentbox div.psection  {margin: 5px 10px 10px 10px;}

/* END ContentBox */

/* START ContentBox modifications for Staff 1.8(Timecard) */
.tcaContentBox {
  /*border: solid 1px #000;*/
  border:none;
  padding: 0px;
  background: #eee;
  }

.tcaContentBox h4 {
margin: 0;
background: #DADADA;
margin: 0px 0px 0px 0px; 
padding: 3px;  
border: 0; 
font-size: 85%;
  }


.tcaContentBox div.psection  {margin: 5px 10px 10px 10px;}


.sidewaysTable {
  width: 100%;
  background: #fff;
  }
.sidewaysTable th {
  font-weight: normal;
  background: #ddd;
  vertical-align: top;
  padding: 5px;
  }
.sidewaysTable th strong {
  white-space: nowrap;
  font-weight: bold;
  }
.sidewaysTable td {
  width: 100%;
  vertical-align: top;
  padding: 5px;
  }

/* class for nobr for all browsers*/
.nobr {
  white-space: nowrap;
  }


/* OrderListBox styles */
.orderListBox td
{
	padding-right: 10px;
}

.orderListBox td#upButton
{
	vertical-align: bottom;
	padding-bottom: 10px;
}

.orderListBox td#downButton
{
	vertical-align: top;
	padding-top: 10px;
}

.pageNavigator { text-align: center; }
.pageNavigatorr .prevPage { position: relative; left: 0; }
.pageNavigatorr .nextPage { position: relative; right: 0; }

.letterNavigator
{
	text-align:center;
}

.letterNavigator table
{
	width: 90%;
	text-align:left;
}
.letterSelector
{
	margin-bottom: 30px;
	text-align: center;
}




/* START portlet navigation tabs */


.portletnavtabs {
background: #D4D4D4; 
margin-top: 1px;
border-bottom: solid 1px #A5A5A5;
}

.portletSectionJump { 
font-size: 85%;
display: block; 
padding: 0; 
margin: 0; 
background: #D4D4D4; 
margin: 0 0 0 10px; 
padding: .25em 0; 

border-left: 1px solid white;
white-space: nowrap; 
_height: 1em;
}

.portletSectionJump dt { display: none; }

.portletSectionJump dd { 
display: inline; 
padding: 0; 
margin: 0 0 0 0; 
 border-right: solid 1px #fff; 
}


.portletSectionJump dd.selected
{
border-width: 0 1px 0 1px; 
border-color: #A5A5A5 ; 
border-style: solid;
background: #fff;
position: relative;
left: -1px;
}


.portletSectionJump dd a, .portletSectionJump dd a:link, .portletSectionJump dd a:visited { 
padding: 4px 8px; 
text-decoration: none; 
font-weight: bold; 
color: #456C91; 
background: #D4D4D4; 
}

.portletSectionJump dd.selected a, .portletSectionJump dd.selected a:link, .portletSectionJump dd.selected a:visited { 
background: #fff; 
color: #000; 
position: relative;
top: 1px;
}

.portletSectionJump dd a:hover { 
background: #E1E1E1; 
color: #003A70; 
}

.portletSectionJump dd.selected a:hover { background: #fff; }


/* END portlet navigation tabs */






.feedbackMessage,
.feedbackError { border: solid 2px #1851AD; background: #EFEFEF; color: #000; margin: 15px; padding: .6em; font-size: 85%; font-weight: bold; }

.feedbackError { color: #B00000;  background: #FFFFE4; border-color: #B00000; }






/* START Portlet Content Tabs */

.contentTabs { 
margin: 0 10px 13px 10px;}

.contentTabs ul {
  border-bottom: 1px solid #A4A4A4;
  margin: 0;
  font-size: 85%;
  white-space: nowrap;
  padding-bottom: 3px;}

.contentTabs li {
  display: inline;
  border: solid 1px #A4A4A4;
  border-bottom: none;
  padding: 2px 4px 3px 4px;
  background: #e1e1e1;
  margin: 0 5px 0 0;}

.contentTabs li.selected {
  border-color: #A4A4A4;
  background: #ffffff;
  z-index: 3;
  position:relative;
  top: 1px;
  padding: 4px 4px 3px 4px;}

.contentTabs li a:link, .contentTabs li a:visited {
  text-decoration: none;
  color: #666;
  font-weight: normal;}

.contentTabs .selected a:link,  .contentTabs .selected a:visited {
  text-decoration: none;
font-weight: bold;
  color: #000;}

.contentTabs li a:hover {
  text-decoration: underline;
  color: #00f;}

.contentTabs li.selected a:hover {
  text-decoration: none;
  color: #000;}

div.tabbox  {display:none; margin: 0; border-width: 0 1px 1px 1px; border-style: solid; border-color: #A4A4A4; padding: 10px;}

/*This class has been addd for div controls with scrollbars*/
div.scrollAll{OVERFLOW: auto; HEIGHT: 300px;}


/* END Page Portlet Content Tabs */



/*This allows typical bullet style for unordered lists in the Cutesoft text editor*/


.wysiwygtext ul li {list-style: disc;}
.wysiwygtext ul {margin: 1.4em 10px 1.4em 2.5em;}

.pSection.ccSection ul li, .postBody ul li {list-style: disc;}


.pSection.ccSection ol li, .pSection ol li  {list-style: decimal ;}

.psection.ccSection ul, .psection.ccSection ol, .psection ol {margin: 1.4em 10px 1.4em 2.5em;}

/* KEEP SESSION MESSAGE BOX CONTAINER STYLES */

#messageBoxMask {
  position: absolute;
  z-index: 200;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=40);
  opacity: .4;
  background-color: #333333;
  display:none;}
  
#messageBoxContainer {
  width: 620px; 
  height: 120px;
  background-image: url(../Images/back.gif);
  position: absolute;
  z-index: 201;
  top: 0px;
  left: 0px;
  display:none;
  padding: 0px; }

#messageBoxInner {
  margin: 2px 0 0 4px;
  width: 99% }

#messageBoxTitle{
  vertical-align: middle; 
  color: white; 
  text-align: left; 
  font-size: 12px; }

#messageBoxTitleControls{
  text-align:right;
  cursor: pointer;
  cursor: hand; }
  
#messageBoxText{
  font-size: 85%; 
  padding-left:60px; 
  padding-top: 15px; }
  
#messageBoxMainControls {
  padding-left:200px; 
  padding-top: 10px; }

/* Obsolete
#keepWorkingBtn,
#logoutBtn{
  font-size: 85%; 
  cursor: pointer; 
  cursor: hand; }
*/
  
.accessibility {
display:none;
}

.MessageBox_Body
{
	background-color:	#D6D3CE;
	border-color:		Black;
	border-width:		1px;
	border-style:		Solid;
	padding:			10px
}

.MessageBox_Text
{
}

.DialogWindow_OuterFrame
{
	border:				1px solid black;
	background-color:	White;
}

.DialogWindow_InnerFrame
{
	border:				1px solid gray;	
	margin:				3px;
}

.DialogWindow_Title
{
	vertical-align:		middle;
	font-size:			9pt;
	font-weight:		bold;
	background-color:	#E2E2E2;
	padding:			5px 5px 5px 5px;
}

.DialogWindow_Title .CloseIcon
{
	float:	right;
}

.DialogWindow_Body
{
	
}

.DialogWindow_Background
{
    background-color: #DDDDDD;
    filter: alpha(opacity=70);
    opacity: 0.7;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
}