/* site background & default text color */
body {
  margin-top: 0px;
  background-color: #f0edde;
  color: #000;
 }

/* default font for site */
body * {
  font-family: verdana, arial, sans-serif;
  }

/* Generic link style */
a,
a:link{
color: #cc0000
}
a:visited {
  color: #00f;
  }
a:hover {
  color: #f00;
  }
  
/***********************************************************  Masthead (hooks up to custom HTML from siteheader.htm) ******************************************************/
#masthead {
  background: #F0EDDE url(images/righttop.gif) top right no-repeat;
  height: 65px; /* match image hight */
  margin: 0;
  padding: 0;
  min-width: 760px;
  }
#masthead a,
#masthead a:link,
#masthead a:visited {
  display: block;
  cursor: pointer;
  height: 100%;
  width: 400px;
  }
#masthead h1 {
  text-indent: -9999px;
  background: transparent url(images/lefttop.gif) top left no-repeat;
  height: 65px; /* match image height */
  width: 760px;
  margin: 0;
  padding: 0;
  position: relative;
  }

/***************************************************** Welcome back / Login Bar *******************************************************************************************/
/* background & text color */
#welcomeBackBar {
  position: absolute;
  z-index:10; left: 185px; top: 0px;
  /* float: right; */
  color: #666666;
  /* background-color: #f0edde; */
  background-color: #c2baad;
  font-size: 85%;
  margin: 0px 10px 20px 0px;
  }
#welcomeBackBar span {
  width: 500px;
  padding: 8px 10px 4px 8px;
  }
/* Link text color */
#welcomeBackBar a,
#welcomeBackBar a:link,
#welcomeBackBar a:visited {
  color: #666666;
  text-decoration: none;
  font-style: italic;
  }
#welcomeBackBar a:hover {
  text-decoration: underline;
  }
/* username & password text boxes */
#welcomeBackBar input {
  margin: 0 5px;
  border: none;
  background-color: #dddddd;
  height: 1.3em;
  }



/************************************************ General Portlet elements ************************************************/
#portlets {
  vertical-align: top;
  width: 100%;
  background: #FFFFFF;
  border-left: 3px solid #CC0000;
  padding: 0 0 0 8px;
  }

#mainLayout {
  border-top: solid 5px #000000;
  margin: 0 18px 0 10px;
  padding: 0 0 0 0;
  }
  
#pageTitle {
  position: relative;
  padding: 10px 0 5px 0;
  margin: 8px 12px 8px 0;
}

/* Portlet SubHEaders */
h4 {
  background-color: #bacbdd;
  color: #000;
  }

/* small section at the bottom of the admin portlets with "Exit" button in it */
.pActions {
  background-color: #ddd;
  }

/* text sections above input fields giving info about the form fields (default small grey background) */ 
.hint {
  background-color: #eee;
  }

/* used for odd (alternating) rows in a grid of list */
.alt {
  background-color: #efefef;
  }

/* a Highlighted row in a grid or list (can be more than 1 per gird or list) */
.highlighted {
  background-color: #FFFED8;
  }

/* a selected row in a grid or list (only 1 per grid or list) */
.selected {
  background-color: #FFFED8;
  }

/* Site Errors */
div.oops {
  border: 1px solid red;
  background-color: #fcc;
  }

/* collapseable panel */
div.cp div.cpHead {
  background-color: #ddd;
  }





/********************************************************* Tabs & Breadcrumbs **************************************************************************************/
#headerTabs ul {
  margin: 12px 0px 3px 136px;
  font-size: 75%;
}
#headerTabs li {
  border: none;
  border-bottom: none;
  background: #FFFFFF;
  margin: 0 2px 0 0; 
}
#headerTabs li a {
  color: #CC0000;  
  padding: 3px 2px 2px 2px;
  background: #FFFFFF;
  font-weight: normal;
}
#headerTabs li a:hover,
#headerTabs li.selected a:hover {
  text-decoration: underline;
  color: #CC0000;
  background: #FFFFFF;
}
#headerTabs li.selected {
  background: #ffffff;
}
#headerTabs .selected a {
  text-decoration: none;
  color: #000;
  background: #FFFFFF;
  padding-bottom: 0;
}

#mainCrumbs {
  background: #CC0000;
  border-top: solid 4px #ffffff;
  border-left: solid 4px #ffffff;
  border-right: solid 4px #ffffff;
  border-bottom: none;
  padding: 10px 12px 10px 8px;
  margin: 0 50px 0 20px;
  min-width: 300px;
  }

#mainCrumbs #youAreHere a {
  color: #fff;
  text-decoration: none;
  }

#mainCrumbs #youAreHere a:hover {
  color: #fff;
  text-decoration: underline;
  }
#mainCrumbs #adminContext a {
  color: #FFFFFF;
  }


/******************************************************** START Side Bar ***********************************************************************/

#sideBar {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  vertical-align: top;
  min-width: 150px;
  width:150px;
  }

/* border & background for sidebar sections */
#sideBar div.sideSection {
  border-left: solid 4px #FFFFFF;
  border-bottom: none;
  border-top: none;
  border-right: none;
  background-color: #CC0000;
  margin: 0 0 0 10px;
 }

/* main sidebar headers */
#sideBar h2,
#sideBar h2 a,
#sideBar h2 a:link,
#sideBar h2 a:visited {
  color: #c2baad;
  text-decoration: none;
  background-color: #aa0000; 
}
/* hover style for main headers that are links */
#sideBar h2 a:hover {
  text-decoration: underline;
}

/* second level sidebar headers */
#sideBar h3,
#sideBar h3 a,
#sideBar h3 a:link,
#sideBar h3 a:visited {
  font-size: 10px;
  color: #ffffff;
  text-decoration: none;
  background: #aa0000; 
}
/* hover style for second level headers that are links */
#sideBar h3 a:hover {
  text-decoration: underline;
}

#sideBar li {
  font-size: 10px;
  }

/* spacer between related pages and contexts */
#sideBar hr {
  color: #ffffff;
  }

/* regualr side bar link style */
#sideBar a,
#sideBar a:link{
  color : #FFFFFF;
  text-decoration: none;
  font-weight: bold;
}
#sideBar a:visited{
  color : #ffffff;
}

#sideBar a:hover {
  color : #ffffff;
  text-decoration: underline;
  }

/* style for add a page link */
sideBar .addPage a,
#sideBar .addPage a:link,
#sideBar .addPage a:visited,
#sideBar .manageGroup a,
#sideBar .manageGroup a:link,
#sideBar .manageGroup a:visited {
  color: #ddd;
  }
#sideBar .addPage a:hover,
#sideBar .manageGroup a:hover {
  color: #ddd;
  text-decoration: underline;
  }

/* sidebar quick links border */
#sideBar div#quickLinks {
  background: #CC0000;
  border-left: solid 4px #FFFFFF;
  border-bottom: solid 4px #FFFFFF;
  border-top: none;
  border-right: none;
  padding: 10px 0 0 0;
  margin: 0 0 0 10px;
  }
#sideBar div#quickLinks h3 {
  font-size: 100%;
  color: #c2baad;
  text-decoration: none;
  background: #aa0000; 
 }





/********************************************************************* Site Footer*******************************************************************/

/* site footer  */
#foot {
  border-top: solid 2px #000;
  border-bottom: none;
  margin: 0px 17px 0px 203px;
  background:  #c2baad;
  color: #fff;
  font-size: 85%;
  }
/* footer link styles */
#foot a,
#foot a:link,
#foot a:visited {
  color: #fff;
}



/********************************************* portlet header, color, border etc ***************************************************************************/

/* portlet header text color & background color */
.pHead {
  background:  #d4cfc6; 
  }
/* name of portlet when the portlet can be maximized */
.pHead a,
.pHead a:link,
.pHead a:visited {
  color: #cc0000;
  text-decoration: none;
  }
.pHead a:hover {
  text-decoration: underline;
  color: #000
  }
/* shortcut tag styling */
.pShortcut {
  border-color: #000;
}
.pShortcut a,
.pShortcut a:link,
.pShortcut a:visited {
  color: #000;
  text-decoration: none;
  }
.pShortcut a:hover {
  text-decoration: underline;
  }
/* border & background for the portlets */
.portlet {
  border: none;
  border-right: 1px solid #CC0000;
  background: #fff;
  line-height: 1.2;
  }
div.tabGroup ul.tabHeaders li,
.securityGrid table thead th,
.groupedGrid thead td,
.groupedGrid thead th,
.groupedGrid tbody.ghead tr td,
.groupedGrid tbody.gfoot tr td { 
  border-style: solid; /* this is for IE */
  border-width: 1px; /* this is for IE */
  border-color: #fff !important; /* match portlet background color (leave "!important" in there)*/
  }



/**************************************************** grids ************************************************************************************/
/* grouped grid header style 
.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-color: #ddd;
  }
/* sub header for a grouping 
.groupedGrid tbody.gsubhead tr td {
  border-bottom: solid 1px #eee;
  }
/* table level header and footer 
.groupedGrid tbody.ghead tr td,
.groupedGrid tbody.gfoot tr td { 
  background-color: #ccc;
  }
/* second level grouping headers 
.groupedGrid tr.subGroup td {
  border-bottom: solid 1px #000;
  }
/* grid header sort links 
.groupedGrid th a,
.groupedGrid th a:link,
.groupedGrid th a:visited {
  color: #000;
  }
.groupedGrid th a:hover {
  color: #666;
  }
/* END GroupedDataGrid Styles 


/* START DateRangeEdit Styles 
.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;
  }
.dateRangeEdit div.opt label:hover {
  color: #666;
  }
/* END DateRangeEdit */

/********************************************************************* Portlet Tabs ************************************************************************/

/* tab bar & inactive tab background color */
div.tabGroup ul.tabHeaders,
div.tabGroup ul.tabHeaders a,
div.tabGroup ul.tabHeaders a:link,
div.tabGroup ul.tabHeaders a:visited {
  color: #000;
  background-color: #ddd;
  }

/* selected tab */
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-color: #fff;
  }

/* tab hover */
div.tabGroup ul.tabHeaders a:hover {
  background-color: #eee;
  }



/************************************************************** Security Grid ******************************************************************************/

/* START Securtity Grid */
.securityGrid h5 {
  background-color: #ddd;
  }
.securityGrid table thead th {
  background-color: #ddd;
  }
.securityGrid table thead th.kids {
  background-color: #7686AC;
  color: #fff;
  }
.securityGrid table th.admin {
  color: #fff;
  background-color: #000;
  }
.securityGrid table tbody td.admin {
  background-color: #DAE3F2;
  }
.securityGrid table tbody .alt td.admin {
  background-color: #C4D2EA;
  }
/* END Securtity Grid */

/* background for context list in user/role selector */
.principalSelector .roles tbody th,
.principalSelector .users tbody th {
  background-color: #ddd;
  }
.principalSelector td.contextTree {
  background-color: #ddd;
  }



/************************************************ portlet drop down menu ************************************************************/
.pToolbar,
.pToolbar ul,
.pToolbar a,
.pToolbar a:link,
.pToolbar a:visited,
.pToolbar .pTool,
.pToolbar .menu a.hasKids,
.pToolbar .menu a,
.pToolbar .menu a:link,
.pToolbar .menu a:visited {
  background-color: #f0edde;
  border: none;
  color: #666;
  } 
/* active/hover menu sylte (do not remove "!important") */
.pToolbar a:hover,
.pToolbar a.active,
.pToolbar .pTool a:hover,
.pToolbar .pTool a.active {
  color: #fff !important;
  background-color: #3366cc !important;
  }

.buttonBar {
  border-right: 2px solid #cc0000;
	background-color: #fff; 
	text-align: right; 
	padding: 3px; 
	font-size: 80%; 
    font-style: italic 
}
.buttonBarCentered {
	background-color: #fefeee; 
	text-align: center; 
	padding: 5px; 
	font-size: 80%; 
	font-style: italic 
}