body  {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #adabab;	
}

body h1, h2, h3, a {
	color: #4d4d4f;
}
body h1 {
	font-size: 16pt;
}
body h2 {
	font-size: 12pt;
}
body h3 {
	font-size: 12pt;
}

body a:hover {
	color: #2f69bb;
}

#wrapper {
	width: 995px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	background-image: url(images/wrapper-bg.jpg);
	background-repeat: repeat-y;
}

#wrapperLeft {
	float: left;	
	height: 695px;
	width: 20px;
	background-image: url(images/wrapper-left-bg.jpg);
	background-repeat: no-repeat;
}

#wrapperRight {
	float: right;
	height: 695px;
	width: 20px;
	background-image: url(images/wrapper-right-bg.jpg);	
	background-repeat: no-repeat;
}

#container { 
	width: 955px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-left: 20px;
} 

/*HEADER*/ 
#header-container { 
	background-image: url(images/header-bg.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

#header-container h1 {
	margin: 0px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	font-size: 16pt;
}

/************************
* Portal Layout Regions *
*************************/

/* wrapper for entire portal. starts/ends after/before body tag */
#portal-container {
/* part of below IE hack to preserve min-width for portlet regions */
/*width: 100%;*/
   margin: 0px 2% 0px 2%;

   padding: 0 350px 0 350px;
}

/* min width for IE */

#expander {
   position: relative;
   padding: 0 0 0 0;

   margin: 0 -350px 0 -350px;
   min-width: 770px;
   padding: 0 0 0 0;
}

/* min width hack for IE */
#sizer {
   width: 100%;
}

/* IE Hack \*/
* html #portal-container,
   * html #sizer,
   * html #expander {
   height: 0;
}
/* end IE min-width hack */


/************************
** Content container + regions **
************************/
#content-container {
   height: 100%;
   text-align: left;
   width: 100%;
   min-width: 770px;
   
   /*
   position: absolute;
   top: 70px;
   left: 0px; / * z-index: 1; * /
   / * part of below IE hack
padding: 0 350px 0 350px; * /
   padding: 0px 100px 0px 0px;
   */
}


#flashcontent {
	height: 298px;
}

#top{
	width: 100%;
	min-height: 50px;
	float: left;
	padding-bottom: 0px;
}

#bottom{
	width: 100%;
	min-height: 200px;
	float: left;
}

#left {
	
	min-height: 180px;
	width: 280px;
	margin-right: 12px;
	float: left;
	padding: 0;
	padding: 0px;
}

#center {

	min-height: 180px;
	width: 280px;
	padding: 0;
	padding: 0px;
	margin-right: 13px;
	float: left; 

}

#right {

	min-height: 180px;
	width: 370px;
	padding: 0;
	padding: 0px;
	float: left; 
	
}



/* used to clear float in divs so that
footer spans bottom of page */
hr.cleaner {
   clear: both;
   height: 1px;
   margin: -1px 0 0 0;
   padding: 0;
   border: none;
   visibility: hidden;
}


/**************************************************************************************
 * Navigation
 **************************************************************************************/

.logo {
	height: 132px;
	width: 0px;
}
.logocontent{

	padding-left: 30px;
	padding-top: 45px;
}

/***************************
*  Primary Navigation (Tabbed Nav)  *
*****************************/


ul#tabsHeader {
	font: bold 12px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	/*width: 100%; /*leave this value as is in most cases*/
	position: absolute;
	padding: 0;
	margin-top: 0;
	margin-left: 237px; /* 955 - 718 = 237 */
	float: right;
	width: 718px; /*width of menu*/
	background: url(images/nav2-out.jpg);
	/*border: 1px solid #5f5f5f; /*dark grey border*/
	/*border-width: 1px 0;*/
}

ul#tabsHeader li {
	display: inline;
}

ul#tabsHeader li a {
	float: left;
	color: white; /*text color*/
	/*padding: 5px 11px;*/
	text-decoration: none;
	text-transform: uppercase;
	border-left: 1px solid #5f5f5f; /*dark grey divider between menu items*/
	/*min-width: 238px;*/
	height: 25px; /* 32 - 7 = 25*/
	text-align: center;
	padding-top: 7px; /* 32 - 25 = 7*/
	background: black url(images/nav2-out.jpg) center center repeat-x;	
}

ul#tabsHeader li a .lastitem {
	/*border-right: 1;
	width: 240px;*/
}

ul#tabsHeader li a:visited {
	color: white;
}

ul#tabsHeader li a:hover, ul#tabsHeader li .current {
	color: white !important; /*text color of selected and active item*/
	/*padding-top: 6px; /*shift text down 1px for selected and active item*/
	/*padding-bottom: 4px; /*shift text down 1px for selected and active item*/
	background: black url(images/nav2-over.jpg) center center repeat-x;
}
/* End Submenu selectors */

/* -------- These are new selectors for the admin and add page styles ------- */

ul#tabsHeader #admin {
   display: inline;
   background-image: url( images/tab_right_admin.gif );
   background-repeat: no-repeat;
   background-position: right top;
   padding-top: -3px;
   line-height: 22px;
}

ul#tabsHeader #admin a {
   text-decoration: none;
   color: #4386b5; /*   background-image: url(../images/tab_left_admin.gif);*/
   background-repeat: no-repeat;
   background-position: top left;
   white-space: nowrap;
   padding-top: -3px;
   line-height: 22px;
}

ul#tabsHeader #admin a:hover {
   text-decoration: underline;
}

ul#tabsHeader #addpage {
   display: inline;
   background-color: none;
   background-image: none;
   margin-bottom: -3px;
   padding-top: 1px;
}

ul#tabsHeader #addpage a, #addpage a:hover {
   font: 11px / normal Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
   font-weight: bold;
   color: white;
   line-height: 22px;
   background-image: none;
   white-space: nowrap;
}

ul#tabsHeader #addpage a:hover {
   text-decoration: underline;
}

/* Tab background color for selected global nav item */
li.currentTabBackground {
   background: #fff;
}

/* backslash hack for IE5-Mac \*/
ul#tabsHeader a {
   float: none;
}

/* End Mac Hack */
html>body ul#tabsHeader a {
   width: auto;
}

/* fixes IE6 win hack */


/***************************
*  Secondary Navigation  *
*****************************/
#secondaryTabsHeader  {
	font: 10px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	top: 0;
	margin-top: 0px;
	margin-left: 573px;
	background-image:url(images/nav1-bg.png);
	background-repeat: no-repeat;
	width: 378px;	
	height: 19px;
	padding-left: 60px;
}

ul#secondaryTabsHeader  {
	padding: 0;
	margin-top: -2px;
	/*margin-left: 577px; /* 955 - 378 = 577 */
	width: 378px; /*width of menu*/
	height: 19px;
	/*border: 1px solid #5f5f5f; /*dark grey border*/
	/*border-width: 1px 0;*/
	/*background: black url(images/nav2-out.jpg) center center repeat-x;*/
}

ul#secondaryTabsHeader li {
	display: inline;
}

ul#secondaryTabsHeader li a {
	float: left;
	color: white; /*text color*/
	padding: 5px 11px;
	text-decoration: none;
	/*border-right: 1px solid #5f5f5f; /*dark grey divider between menu items*/
}

ul#secondaryTabsHeader li a:visited {
	color: white;
}

ul#secondaryTabsHeader li a:hover, ul#secondaryTabsHeader  li .current {
	color: white !important; /*text color of selected and active item*/
	/*padding-top: 6px; /*shift text down 1px for selected and active item*/
	/*padding-bottom: 4px; /*shift text down 1px for selected and active item*/
	/*background: black url(images/nav2-over.jpg) center center repeat-x;*/
	text-decoration: underline;
}

/***************************
*  Utility Navigation  *
*****************************/

#dashboardnav {

   float: right;
   font-size: 10px;
   color: #fff;
   z-index: 20;
   margin-right: 15px;
   margin-top: 40px;
   text-align:right;
}

#dashboardnav a {
   color: #fff;
}

#dashboardnav .addcontent {
   background-image: url( images/ico_addcontent.gif );
   background-repeat: no-repeat;
   background-position: left;
   height: 20px;
   width: 20px;
   padding-left: 16px;
}

/**********
** FOOTER**
**********/
#footer-container {
   clear: both;
}

#footer {
	background-image: url(images/footer-bg.jpg);
	background-repeat: no-repeat;
	background-color: #ababab;
	padding: 0px;
}
#footerContents {
	font-size: 10px;
	color: #FFFFFF;
	text-align: left;
	height: 50px;
	padding: 30px;
}
#footerContents a {
	text-decoration: none;
	color: #FFFFFF;
}
#footerContents a:hover {
	text-decoration: none;
	color: #2f69bb;
}

#footerContents .signature {
	float: left;
}

#footerContents .copyright {
	float: right;
}

.nobr {
	display:none;
}  

form.information label {
	text-align: right;
	width: 50px;
	float: left;
	padding-top: 5px;
}
form.information .textfield {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	margin: 3px;
	height: 12px;
	width: 170px;
	border: solid 1 #fff;
	padding-bottom: 2px;
}

form.information textarea {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 3px;
	height: 50px;
	width: 170px;
	border: solid 1 #fff;
	padding-bottom: 2px;
}

form.information .submit {
	float: right;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	margin-top: 2px;
	margin-right: 6px;
	background: transparent url("images/submit-btn.jpg") no-repeat center top;
	border: solid 0 #fff;
	width: 59px;
	height: auto;
	text-indent: -1000em;
	display:block;
}



.homeSectionOverview {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
}

.homeColumnOne, .homeColumnTwo, .homeColumnThree {
	min-height: 180px;
	width: 280px;
	padding: 0;
}
.homeColumnOne p, .homeColumnTwo p, .homeColumnThree p {
	margin: 0px;
	padding: 0px;
}

.homeColumnOne {
	float: left; 
}

.homeColumnTwo {
	margin-right: 13px;
	float: left; 
}

.homeColumnThree {
	float: left; 
	width: 370px;
}

.homeColumnTitle {
	background-image: url(images/homeColumnTitle-bg.jpg);
	background-repeat: repeat-x;
	height: 25px;
	padding-top: 7px;
	padding-left: 20px;
}
.homeColumnTitle h3 {
	padding: 0;
	margin: 0;
}

.homeColumnText, .homeColumnText2 {
	background-image: url(images/homeColumnText-bg.jpg);
	background-repeat: repeat-x;
	padding: 20px;
	margin-top: 2px;
}

.homeColumnText2 {
	background-image: url(images/homeColumnText2-bg.jpg);
}

.homeColumnImg {
	padding: 0px 5px;
	margin: 0px 5px 0px 0px;
	float: left;
	border: 0;
}

.homeColumnImg a:hover {
	background: none !important;
}

.homeColumnTitleBlue {
	background-image: url(images/homeColumnTitleBlue-bg.jpg);
	background-repeat: repeat-x;
	height: 25px;
	padding-top: 7px;
	padding-left: 20px;
}
.homeColumnTitleBlue h3 {
	padding: 0;
	margin: 0;
}

.homeColumnTextBlue {
	background-image: url(images/homeColumnTextBlue-bg.jpg);
	background-repeat: repeat-x;
	padding: 20px;
	margin-top: 2px;
	min-height: 100px;
}

.homeWelcomeText {
	font-size: 13px;
	font-style: italic;
}

.learnMoreImg {
	padding: 5px 5px;
	margin: 5px 5px 0px 0px;
	float: right;
	border: 0;
}


/****************************
* Portlet Container Windows *
*****************************/

.portlet-container {
   float:left;
   padding: 0px;
}

/* wrapper for floating portlet window modes */
.portlet-mode-container {
   display: none;
   white-space: nowrap;
   float:right;
}

.mode-button {
   display: none;
   /*position:absolute;*/
   margin-right: 3px;
   padding-top:5px;
   float:left;
}

.portlet-titlebar-title {
   color: #4d4d4f;
   font: bold 16px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;   
   white-space: nowrap;
   line-height: 100%;
   float: left;
   text-indent: 12px;
   padding-top: 5px;
   width:65%;
   display:block;
   margin-right:10px;
}


/* ------ NOT CURRENTLY IN USE FOR NEW 2.6 FUNCTIONALITY -------
.portlet-titlebar-decoration {}
*/
.portlet-titlebar-left {
   background-image: url( images/homeColumnTitleBlue-bg.jpg );
   background-repeat: no-repeat;
   width: 9px;
   height: 32px;
   min-width: 9px;
   background-position: bottom;
}

.portlet-titlebar-center {
   background-image: url( images/homeColumnTitleBlue-bg.jpg );
   background-repeat: repeat-x;
   height: 32px;
   background-position: bottom;
   position:relative;
}

.portlet-titlebar-right {
   background-image: url( images/homeColumnTitleBlue-bg.jpg );
   background-repeat: no-repeat;
   width: 10px;
   height: 32px;
   min-width: 10px;
   background-position: bottom left;
}

.portlet-body {
   background-color: #FFFFFF;
   padding: 0;
   margin: 0;
}

.portlet-content-center {
   background-image: url( images/homeColumnTextBlue-bg.jpg );
   background-repeat: repeat-x;
}

.portlet-content-left {
   background-image: url( images/homeColumnTextBlue-bg.jpg );
   background-repeat: no-repeat;
   width: 9px;
   min-width: 9px;
   /*
      width:20px;
      background-color:#FFFFFF;
      border-left: 1px solid #dfe8ed;
   */
}

.portlet-content-right {
   background-image: url( images/homeColumnTextBlue-bg.jpg );
   background-repeat: no-repeat;
   width: 5px;
   min-width: 5px;
   
   /*
      width:5px;
      background-color:#FFFFFF;
      border-right: 1px solid #dfe8ed;
   */
}

.portlet-footer-left {
   width: 9px;
   height: 4px;   
   min-width: 9px;
   padding: 0;
   margin: 0;
   /*
   background-color:#FFFFFF;
   border-bottom: 1px solid #98b7c6;
   border-left: 1px solid #dfe8ed;
   height:5px;
   */
}

.portlet-footer-center {
   height: 4px;
   /*	background-color:#FFFFFF;
      border-bottom: 1px solid #98b7c6;
      height:5px;
   */
}

.portlet-footer-right {
   width: 5px;
   height: 4px;
   min-width: 5px;
   /*
      background-color:#FFFFFF;
      border-bottom: 1px solid #98b7c6;
      border-right: 1px solid #dfe8ed;
      height:5px;
   */
}

/***********************
* Portlet Window Modes *
************************/
.portlet-mode-maximized {
   background-image: url( images/ico_16_maximize.gif );
   background-repeat: no-repeat;
   width: 16px;
   height: 16px;
   float: left;
   display: inline;
   cursor: pointer;
   padding-left: 3px;
}

.portlet-mode-maximized:hover {
   text-decoration: none;
}

.portlet-mode-minimized {
   background-image: url( images/ico_16_minimize.gif );
   background-repeat: no-repeat;
   width: 16px;
   height: 16px;
   float: left;
   display: inline;
   cursor: pointer;
   padding-left: 3px;
}

.portlet-mode-minimized:hover {
   text-decoration: none;
}

.portlet-mode-normal {
   background-image: url( images/ico_16_normal.gif );
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   float: left;
   display: inline;
   cursor: pointer;
   padding-left: 3px;
}

.portlet-mode-normal:hover {
   text-decoration: none;
}

.portlet-mode-help {
   background-image: url( images/ico_16_help.gif );
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   float: left;
   display: inline;
   cursor: pointer;
   padding-left: 3px;
}

.portlet-mode-help:hover {
   text-decoration: none;
}

.portlet-mode-edit {
   background-image: url( images/ico_edit.gif );
   background-repeat: no-repeat;
   width: 28px;
   height: 16px;
   float: left;
   display: inline;
   cursor: pointer;
   padding-left: 3px;
}

.portlet-mode-edit:hover {
   text-decoration: none;
}

.portlet-mode-admin {
   background-image: url( images/ico_admin.gif );
   background-repeat: no-repeat;
   width: 16px;
   height: 16px;
   float: left;
   display: inline;
   cursor: pointer;
   padding-left: 3px;
}

.portlet-mode-admin:hover {
   text-decoration: none;
}

.portlet-mode-remove {
   background-image: url( images/ico_16_remove.gif );
   background-repeat: no-repeat;
   width: 16px;
   height: 16px;
   float: left;
   display: inline;
   cursor: pointer;
   padding-left: 3px;
}

.portlet-mode-remove:hover {
   text-decoration: none;
}

.portlet-mode-view {
   background-image: url( images/ico_cancel.gif );
   background-repeat: no-repeat;
   width: 28px;
   height: 16px;
   float: left;
   display: inline;
   cursor: pointer;
   padding-left: 3px;
   padding-right: 20px;
}

.portlet-mode-view:hover {
   text-decoration: none;
}

.portlet-mode-reload {
   background-image: url( images/ico_16_reload.gif );
   background-repeat: no-repeat;
   width: 16px;
   height: 16px;
   float: left;
   display: inline;
   cursor: pointer;
   padding-left: 3px;
}

.portlet-mode-reload:hover {
   text-decoration: none;
}

.portlet-mode-hide {
   background-image: url( images/ico_16_swizzleclosed.gif );
   background-repeat: no-repeat;
   width: 16px;
   height: 16px;
   float: right;
   display: inline;
   cursor: pointer;
}

.portlet-mode-hide:hover {
   text-decoration: none;
}


/********
* FONTS *
*********/

/* Font attributes for the normal  fragment font.
Used for the display of non-accentuated information */
.portlet-font {
   color: #000000;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
}

/* Font attributes similar to the portlet.font but the color is lighter */
.portlet-font-dim {
   color: #777777;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
}

/********
* FORMS *
*********/
input {
   font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
   font-size: 10px;
   margin-right: 6px;
}

.portlet-form-label {
   font-size: 10px;
   color: #656565;
}

/* Text of the user-input in an input field. not sure if we need this guy? */
.portlet-form-input-field {
   color: #000000;
   font-size: 10px;
}

/* Form Button Style */
.portlet-form-button {
   font-size: 10px;
   font-weight: bold;
   color: #FFFFFF;
   background-color: #5078aa;
   border-top: 1px solid #97B7C6;
   border-left: 1px solid #97B7C6;
   border-bottom: 1px solid #254869;
   border-right: 1px solid #254869;
}

/* Text that appears beside a context dependent action icon */
.portlet-icon-label {

}

/* Text that appears beside a "standard" icon (e.g Ok, or Cancel)
not sure if we need this one?.. */
.portlet-dlg-icon-label {

}

/* Text for form field labels */
.portlet-form-field-label{
   font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
   color: #000;
   white-space: nowrap
}

.provider-menu-container{
   padding:10px;
}

/* Text for a form field */
.portlet-form-field {
   font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
   font-size: 10px;
   color: #000; /*margin-top: 10px;*/
}

.requiredfield {
   color: #821717;
}

/********
* LINKS *
*********/

.portal-links:link {
   font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #242424;
   text-decoration: none;
}

.portal-links:hover {
   font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #5699B7;
   text-decoration: none;
}

.portal-links:active {
   font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #242424;
   text-decoration: none;
}

.portal-links:visited {
   font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #242424;
   text-decoration: none;
}

/***********
* MESSAGES *
************/

/* Status of the current operation. */
.portlet-msg-status {
   font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
   font-size: 12px;
   font-style: normal;
   color: #336699;
}

/* Help messages, general additional information, etc. */
.portlet-msg-info {
   font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
   font-size: 12px;
   font-style: italic;
   color: #000;
}

/* Error messages. */
.portlet-msg-error {
   color: red;
   font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
   font-size: 12px;
   font-weight: bold;
}

/* Warning messages. */
.portlet-msg-alert {
   font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #821717;
}

/* Verification of the successful completion of a task. */
.portlet-msg-success {
   font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #359630;
}

/***********
* SECTIONS *
************/

/* Table or section header */
.portlet-section-header {
   font-weight: bold;
   color: #656565;
   font-size: 12px;
}

.portlet-section-body {
   color: #656565;
}

.portlet-section-alternate {
   background-color: #F2F2F2;
}

.portlet-section-selected {
   background-color: #CBD4E6;
}

.portlet-section-subheader {
   font-weight: bold;
   font-size: 10px;
}

.portlet-section-footer {
   font-size: 11px;
}

/* Text that belongs to the table but does not fall in one of the other categories
(e.g. explanatory or help text that is associated with the section. */
.portlet-section-text {
   font-size: 12px;
   font-style: italic;
}

/*******************
* Table Selectors  *
********************/
/* Table header */
.portlet-table-header {
   background-color: #eef;
   padding: 0 5px 5px 5px;
   font-weight: bold;
   color: #656565;
   font-size: 12px;
   border-bottom: 1px solid #d5d5d5;
}

/* Table footer */
.portlet-table-footer {
   padding: 5px 5px 0 5px;
   font-weight: bold;
   color: #656565;
   font-size: 12px;
   border: none;
   border-top: 1px solid #d5d5d5;
}

/* Normal text in a table cell */
.portlet-table-body {

}

/* Text in every other row in the table */
.portlet-table-alternate {
   background-color: #E6E8E5;
   border-bottom: 1px solid #d5d5d5;
}

/* Text in a selected cell range */
.portlet-table-selected {
   color: #000;
   font-size: 12px;
   background-color: #CBD4E6;
}

/* Text of a subheading */
.portlet-table-subheader {
   font-weight: bold;
   color: #000;
   font-size: 12px;
}

/* Text that belongs to the table but does not fall in one of the other categories (e.g. explanatory or help text that is associated with the table). */
.portlet-table-text {
   padding: 3px 5px;
   border-bottom: 1px solid #d5d5d5;
}

/********
* MENUS *
*********/

/*General menu settings such as background color, margins, etc. */
.portlet-menu {

}

/* Normal, unselected menu item. */
.portlet-menu-item {
   color: #242424;
   text-decoration: none;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
}

.portlet-menu-item:hover {
   color: #5699B7;
   text-decoration: none;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
}

/* Selected menu item. */
.portlet-menu-item-selected {

}

/* Selected menu item when the mouse hovers over it. */
.portlet-menu-item-selected:hover {

}

/* Normal, unselected menu item that has sub-menus. */
.portlet-menu-cascade-item {

}

/* Selected sub-menu item that has sub-menus */
.portlet-menu-cascade-item-selected {

}

/* Descriptive text for the menu (e.g. in a help context below the menu) */
.portlet-menu-description {

}

/* Menu caption */
.portlet-menu-caption {

}

/* ===== WSRP 2.0 - As of now proposed additions are:	===== */

/* A separator bar similar to a horizontal rule, but with styling matching the page */
.portlet-horizontal-separator {
}

/* Allows portlets to mimic the title bar when nesting something */
.portlet-nestedTitle-bar {
}

/* Allows portlets to match the textual character of the title on the title bar. */
.portlet-nestedTitle {
}

/* Support portlets having tabs in the same style as the page or other portlets */
.portlet-tab {
}

/* Highlight the tab currently being shown */
.portlet-tab-active {
}

/* Highlight the selected tab (not yet active) */
.portlet-tab-selected {
}

/* A tab which can not be currently activated */
.portlet-tab-disabled {
}

/* Top level style for the content of a tab. */
.portlet-tab-area {
}

/*****************
* AJAX Selectors *
*****************/

.dnd-droppable {
   border: #E6E8E5 1px solid;
}

/*******************************************************************************************************************************

  New Selectors added by JBoss.ORG UI Design for theme development

******************************************************************************************************************************** */

/****************** link styles (active and disabled) for the "Add" icon ***************************/

a.addicon {
   font-weight: bold;
   background-image: url( images/ico_addcontent.gif );
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 16px;
}

/*
a.addicondisabled {
   font-weight: bold;
   color: #d5d5d5;
   background-image: url( images/ico_addcontent_disa.gif );
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 16px;
}
*/

/************** Foat Style (used to float objects on the page) **********************/

.floatobjectright {
   float: right;
}

.floatobjectleft {
   float: left;
}

/**************** Hide/Show functionality  ******************************************/
.hidden {
   display: none;
}

/************** Pagination ************************/
.pagination {
   padding-top: 6px;
   white-space: nowrap;
}

.pagination ul {
   margin: 0;
   padding: 0;
   font-size: 10px;
   text-align: right;
}

.pagination li {
   list-style-type: none;
   display: inline;
   padding-bottom: 1px;
}

.pagination a, .pagination a:visited {
   padding: 0px 2px;
   text-decoration: none;
   color: #5078aa;
}

.pagination a:hover, .pagination a:active {
   color: #7eacd6;
   text-decoration: underline;
}

.pagination li.currentpage {
   font-weight: bold;
   padding: 0 2px;
   color: #000000;
}

.pagination li.disablepage {
   padding: 0 5px;
   color: #656565;
}

.pagination li.nextpage {
   font-weight: bold;
   background-image: url( images/ico_arrow_blue_right.gif );
   background-repeat: no-repeat;
   background-position: left;
   margin-left: 3px;
   padding-left: 6px;
}

.pagination li.nextpagedisabled {
   color: #656565;
   font-weight: bold;
   background-image: url( images/ico_arrow_grey_right.gif );
   background-repeat: no-repeat;
   background-position: left;
   margin-left: 3px;
   padding-left: 8px;
   padding-right: 2px;
}

.pagination li.previouspage {
   font-weight: bold;
   background-image: url( images/ico_arrow_blue_left.gif );
   background-repeat: no-repeat;
   background-position: right;
   padding-left: 10px;
   margin-right: 3px;
   padding-right: 7px;
}

.pagination li.previouspagedisabled {
   font-weight: bold;
   color: #656565;
   background-image: url( images/ico_arrow_grey_left.gif );
   background-repeat: no-repeat;
   background-position: right;
   padding-left: 12px;
   margin-right: 3px;
   padding-right: 9px;
}

* html .pagination li.currentpage, * html .pagination li.disablepage {
/*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
   margin-right: 5px;
   padding-right: 0;
}

/********************* graphic style for bottom button bar in the administration portlets ***********************************/

.bottombuttonbar {
   background-color: #ececec;
   border-bottom: 1px solid #d5d5d5;
   border-top: 1px solid #d5d5d5;
   margin: 15px 10px 15px 5px;
   padding: 10px 10px;
}

/***************  Edit state background for hide/show controls **************************************************

Currently for Role management admin portlet

******************************************************************************************************************/

.editportletbkg {
   background-color: #eef8fd;
   padding: 10px;
   border: 1px solid #000000;
}







/***** ESTILOS DOS HTML DOS TABULADORES *****/
.pageStyle {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #000000;
	background-color: #FFFFFF;
}

.pageTitle {
	font-size: 18px;
	font-weight: bold;
	color: #3891de;
	padding-top: 7px;
}

.pageTextTitle {
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	color: #3891de;
}

.pageText {
	font-size: 12px;
}

.menu {
	font-size: 12px;
	font-weight: bold;
	color: #3891de;
	text-align: left;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3891de;
	text-indent: 7px;
}

.menuActive {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #070e2d;
	text-indent: 7px;
	background-image: url(images/menu-active-bg.jpg);
	background-repeat: repeat-x;
	cursor: hand;

}