.pad20
{
    PADDING-BOTTOM: 10px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
    PADDING-TOP: 10px;
}
.pad10
{
    PADDING-BOTTOM: 5px;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
    PADDING-TOP: 5px;
}
.basetable
{ BORDER-LEFT: 3px; BORDER-RIGHT: 3px; BORDER-TOP: 3px; BORDER-BOTTOM: 3px; }

.basecontentpad
{ COLOR: #ffccaa; PADDING-BOTTOM: 50px; }

.sectionheadergray
{ PADDING-LEFT: 10px; FONT-SIZE: 18px; MARGIN: 0px 0px 10px; COLOR: #777777; FONT-WEIGHT: bold;}

.sectioncontentgray
{ PADDING-LEFT: 10px; FONT-SIZE: 12px; MARGIN: 0px 0px 10px; COLOR: #777777; FONT-WEIGHT: bold;}


.graytext1
{ COLOR: #bbbbbb; }

.container50 {
	WIDTH:50%;
}
.dashlet {
	BORDER-BOTTOM: #bababa 1px solid; BORDER-LEFT: #bababa 1px solid; BACKGROUND-COLOR: white; BORDER-TOP: #bababa 1px solid; BORDER-RIGHT: #bababa 1px solid;
}

.dashlet UL {
	font-size: 100%;
}

.dashlet .title {
	BORDER-BOTTOM: #bababa 2px solid; BACKGROUND-COLOR: #d7e0e7; BACKGROUND-REPEAT: repeat-x; COLOR: #262d35; font-size: 120%; font-weight: bold; PADDING-BOTTOM: 8px; PADDING-LEFT: 20px; PADDING-RIGHT: 0px; OVERFLOW: auto; PADDING-TOP: 8px;

}
.dashlet .titlefullbord {
	BORDER-BOTTOM: #bababa 2px solid; BORDER-TOP: #bababa 2px solid; BACKGROUND-COLOR: #d7e0e7; BACKGROUND-REPEAT: repeat-x; COLOR: #262d35; font-size: 120%; font-weight: bold; PADDING-BOTTOM: 8px; PADDING-LEFT: 20px; PADDING-RIGHT: 0px; OVERFLOW: auto; PADDING-TOP: 8px;

}
.dashlet .feed {
	BACKGROUND-REPEAT: no-repeat
}
.dashlet .toolbar {
	BORDER-BOTTOM: #d3d3d3 1px solid; BACKGROUND-COLOR: #f6f6f6;
}

.dashlet .detail-list-item {
	BORDER-BOTTOM: #e9e9e9 1px dashed
}

.dashlet .feed A:active {
	WIDTH: 16px; DISPLAY: block; HEIGHT: 16px; TEXT-DECORATION: none
}
.dashlet .feed A:hover {
	WIDTH: 16px; DISPLAY: block; HEIGHT: 16px; TEXT-DECORATION: none
}
.dashlet .body {
	OVERFLOW-X: hidden; BACKGROUND-COLOR: #f9fcfd;
}
.dashlet .body A {
	OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; TEXT-DECORATION: none
}
.dashlet .body A:visited {
	OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; TEXT-DECORATION: none
}
.dashlet .body A:hover {
	OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; TEXT-DECORATION: none
}
.dashlet .body A:hover {
	TEXT-DECORATION: underline
}
.dashlet .scrollableNoHeight {
	PADDING-BOTTOM: 8px; PADDING-LEFT: 20px; PADDING-RIGHT: 0px; OVERFLOW: auto; PADDING-TOP: 8px
}
.dashlet .scrollableList {
	PADDING-BOTTOM: 8px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; HEIGHT: 208px; OVERFLOW: auto; PADDING-TOP: 8px
}
.dashlet .scrollablePanel {
	HEIGHT: 208px; OVERFLOW: auto; MARGIN-RIGHT: 1px
}
.dashlet .scrollablePanel DIV.resize-mask {
	DISPLAY: none
}

.dashlet .body > DIV {
	PADDING-LEFT: 8px; PADDING-RIGHT: 8px
}
.dashlet .msg {
	PADDING-BOTTOM: 8px; PADDING-TOP: 8px
}
.dashlet .text-list-item {
	PADDING-BOTTOM: 6px
}
.dashlet .detail-list-item {
	PADDING-BOTTOM: 7px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px; CLEAR: both; PADDING-TOP: 7px
}
DIV.dashlet DIV.first-item.detail-list-item {
	FLOAT: none; PADDING-TOP: 0px
}
DIV.dashlet DIV.hdr {
	MARGIN-BOTTOM: 5px; PADDING-TOP: 3px
}
.dashlet .last-item.detail-list-item {
	BORDER-BOTTOM: medium none
}
.dashlet .detail-list-item .icon {
	FLOAT: left
}
.dashlet .detail-list-item .avatar {
	FLOAT: left
}
.dashlet .detail-list-item .avatar IMG {
	WIDTH: 48px
}
.dashlet .detail-list-item .details {
	PADDING-LEFT: 40px
}
.dashlet .detail-list-item .person {
	PADDING-LEFT: 54px
}
.dashlet .detail-list-item .details2 {
	PADDING-LEFT: 20px
}
.dashlet .detail-list-item .user-status {
	PADDING-LEFT: 20px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px 1px
}



.dashlet .scrollableList {
	PADDING-BOTTOM: 8px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; HEIGHT: 208px; OVERFLOW: auto; PADDING-TOP: 8px
}

.grid.yui-gb {
	MARGIN: 0px 10px
}

.yui-gb .yui-u {
	PADDING-TOP: 50px;
	FLOAT: left
}

.grid.yui-gb .column1 {
	WIDTH: 24%
}
.grid.yui-gb .column2 {
	WIDTH: 48%
}
.grid.yui-gb .column3 {
	WIDTH: 24%
}

.yui-gb .yui-u {
	WIDTH: 32%; MARGIN-LEFT: 1.99%
}

.yui-gb DIV.first {
	MARGIN-LEFT: 0px
}
.yui-gc DIV.first {
	MARGIN-LEFT: 0px
}



/* --------- XcelPortal 4.x CSS Table Design For CELL Grid --------- */
.xpcellgrid1 {
 	background-color: #ffffff;
	BORDER-RIGHT: #e5e5e5 1px solid; 
	BORDER-TOP: #cccccc 1px solid; 
	BORDER-LEFT: #cccccc 1px solid; 
	BORDER-BOTTOM: #e5e5e5 1px solid;
	MARGIN-BOTTOM: 3px; 
	WIDTH: 100%; 
	1margin-left: auto;
	1margin-right: auto;
}
.xpcellgrid1 .xpcellgrid2 {
	BORDER-RIGHT: #b6b6b6 1px solid; WIDTH: 100%;
}
.xpcellgrid1 .xpcellgrid2 .ftspacer {
	BORDER-BOTTOM: #b6b6b6 1px solid;
}
/* DATA GRID */
.xpcellgrid1 .datagrid {
	WIDTH: 100%; HEIGHT: 30px; BACKGROUND-COLOR: #ffffff;
}
.xpcellgrid1 .datagrid TD {
	VERTICAL-ALIGN: top; WHITE-SPACE: normal; HEIGHT: 15px; FONT-SIZE: 8pt; FONT-WEIGHT: normal; FONT-FAMILY: Arial, Helvetica, Sans-Serif; PADDING-TOP: 2px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; PADDING-BOTTOM: 2px;
	BORDER-BOTTOM: #b6b6b6 1px solid; COLOR: #525252; BACKGROUND-COLOR: #ffffff;  border-right: #e0e0e0 1px solid; vertical-align:text-bottom;
}
.xpcellgrid1 .datagrid a {
	FONT-SIZE: 12pt; FONT-WEIGHT: bold; COLOR: #aaaaaa;
}
.xpcellgrid1 .datagrid .nowrap {
	WHITE-SPACE: nowrap; 
}
.xpcellgrid1 .datagrid .whitedatarow:hover {
	BACKGROUND: #eeeeee; font-weight: bold;
}
.xpcellgrid1 .datagrid .whitedatarow .nowrap {
	WHITE-SPACE: nowrap; 
}
.xpcellgrid1 .datagrid .spacer {
	width: 100%; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-LEFT: #000000 0px solid;
}

.xpcenter {
margin-left: auto;
margin-right: auto;
}

.xmcompose {
 background-color: #ffffff; BORDER-RIGHT: #e5e5e5 2px solid; BORDER-TOP: #cccccc 2px solid; BORDER-LEFT: #cccccc 2px solid; BORDER-BOTTOM: #e5e5e5 2px solid; MARGIN-BOTTOM: 3px; 
 vertical-align:top; padding:20px; 
}

.xmcomposehd {
 text-align:right; FONT-SIZE: 12pt; FONT-WEIGHT: bold; vertical-align:top; padding-right:20px;
}

.xmcomposelink a {
 text-align:left; FONT-SIZE: 10pt; FONT-WEIGHT: bold; vertical-align:top; padding-right:20px; color:#888888;
}

.xmcomposera {
 text-align:right; vertical-align:top; padding-right:20px; FONT-SIZE: 10pt;
}

.xmcomposela {
 text-align:left; vertical-align:top; padding-right:20px; FONT-SIZE: 10pt;
}

.xmcomposesection {
 background:#e4ecf3; BORDER-BOTTOM: #bababa 1px solid; BORDER-LEFT: #bababa 1px solid; BORDER-TOP: #bababa 1px solid; BORDER-RIGHT: #bababa 1px solid
}

.width100 {
 width:100%
}

DIV#navpopdiv, DIV#xmpopdiv, DIV#xppopdiv
{
  Z-INDEX: 12;
  POSITION: fixed;
  display: table;
  background-color: white;
  border: 1px solid black;
  display: none;
  padding-left: 10px;
  padding-right: 23px;
  padding-bottom: 10px;
  padding-top: 10px;
  box-shadow: 0px 1px 15px #aaa;
}

.screenpad
{
  height:15px;
  padding:10px;
}
.screenpadl
{
  height:15px;
  padding:20px;
}

.smalllist 
{ FONT-SIZE: 8pt; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Helvetica, Sans-Serif; TEXT-DECORATION: none; PADDING:0px; }

.xpcenter 
{margin-left:auto; margin-right:auto;text-align:center;}

.headergray18
{
FONT-SIZE: 16px;
FONT-WEIGHT:bold;
color:gray;
}

.headergray18 a
{
FONT-SIZE: 16px;
FONT-WEIGHT:bold;
COLOR: #005883
}

.xp4box {
  BORDER-BOTTOM: #bababa 1px solid; BORDER-LEFT: #bababa 1px solid; BACKGROUND-COLOR: white; BORDER-TOP: #bababa 1px solid; BORDER-RIGHT: #bababa 1px solid;
}
.xp4box .body {
  OVERFLOW-X: hidden; BACKGROUND-COLOR: #f9fcfd;
}
.xp4box .xp4scroll500 { 
  PADDING-BOTTOM: 8px; PADDING-LEFT: 10px; PADDING-RIGHT: 30px; HEIGHT: 280px; OVERFLOW: auto; PADDING-TOP: 8px
}

.padlr20 {
  PADDING-LEFT:5px;PADDING-RIGHT:5px; }

.nav-counter {
  
position: relative;
  
top: -1px;
  
right: 1px;
  
min-width: 8px;
  
height: 20px;
  
line-height: 20px;
  
margin-top: -11px;
  
padding: 0 6px;
  
font-weight: normal;
  
color: white;
  
text-align: center;
  
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  
background: #e23442;
  
border: 1px solid #911f28;
  
border-radius: 11px;
  
background-image: -webkit-linear-gradient(top, #e8616c, #dd202f);
  
background-image: -moz-linear-gradient(top, #e8616c, #dd202f);
  
background-image: -o-linear-gradient(top, #e8616c, #dd202f);
  
background-image: linear-gradient(to bottom, #e8616c, #dd202f);
  
-webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.12);
 
 box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.12);

}
.nav-counter a {
color: white;
 
}
.nav-counter a:hover {
color: white;
 
}